@charset "utf-8";
/* CSS Document */
/* Default Sunland Desktop Site CSS */

/* begin reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
.content-object ol, ul {
    list-style-position: inside;
}
.text-content-block ul {
     list-style-position: inside;
    text-align: center;
}
.text-content-block ul li {
   list-style: disc;
    font-weight: 400;
    line-height: 1.4rem;
        font-size: 1.5rem; 
    margin-bottom: 1.5rem;
    list-style-position: inside;
} 
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Set Box Model */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
*:focus {
	outline:none;
}

@-moz-document domain('youtube.com')
{
  #feed-main-what_to_watch,
#watch7-sidebar,
.html5-endscreen,
ytd-watch-next-secondary-results-renderer
  {
    display: none;
  }
}

@-moz-document url('https://www.youtube.com/')
{
  #contents
  {
    opacity: 0;
    pointer-events: none;
  }
}
/* End Reset */

/*************************** Begin general document styles ***************************/

html,body {
	width:100%;
	height:100%;
	/*font-size:100%;
	font-size:0.825vw;*/
  font-size: 73%;
}

body {
	background-color:#F2F2F2;
	/*background-image:url(Desktop_YD_Brand_Tile_White_100.png);*/
	background-position:fixed;
	  -webkit-font-smoothing: antialiased;
	color:#474747;
	font-family: 'Favorit-Light';
	font-weight: normal;
	text-align:center;
}
img {
	position:relative;
	max-width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	transition: top 1s ease, opacity 1s ease;
}
strong {
	font-family: 'Favorit-Medium';
	font-weight:normal;
}
em {
	font-style:italic;
}
h1 {
	position:relative;
	/*font-family: "DidotItalic";*/
	font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
	font-size:3rem;
}
h2 {
	position: relative;
	/*font-family: "DidotItalic";*/
   font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.45rem;
    font-size: 3rem;
    color: #474747;
    margin-bottom: 3rem;
    font-size: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    line-height: 1;
}

h2.sserif {
	position: relative;
      font-size: 1.75rem;
    letter-spacing: 0.2rem;
    margin-bottom: 1.6rem;
    margin-top: 3.8rem;
    font-family: 'Favorit-Medium';
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1;
}
h3 {
	position:relative;
	font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
	/*font-family: "DidotItalic";*/
	font-size:3.8rem;
	margin-bottom:3rem;
	color:#474747;
	text-align:center;
}
h3.articleheading {
	margin-bottom:.5rem !important;
}
h3.right-aligned-carousel-heading {
	padding-bottom:3rem !important;
}

h4 {
	position:relative;
	font-size:2.5rem;
	margin-bottom:1.7rem;
	color:#474747;
}
h5 {
	position:relative;
	font-size:1rem;
	margin-bottom:0;
	font-weight:normal;
	color:#474747;
}
ul {
	font-size:1rem;
}
li {
	margin-bottom:1rem;
  font-size: 1.2rem;
}
a {
	text-decoration:underline;
	color:#474747;
}
p {
	font-family: 'Favorit-Light';
	font-size:1.1rem;
	line-height:1.4;
	letter-spacing:.5px;
	margin-bottom:2rem;
	color:#474747;
	text-align:center;
}
form .error {
	margin-top: -1.2rem;
        float: left;
    width: 100%;
        font-size: 1rem;
    margin-bottom: 1rem;
    color: #FF0000;
}
.content-tab-half .error {
	margin-top: -1.2rem;
        float: left;
    width: 100%;
        font-size: 1rem;
    margin-bottom: 1rem;
    color: #FF0000;
}
form input.errorfield, form textarea.errorfield, form textarea select.errorfield {
	border:1px solid #FF0000;
}
.errorfield {
	border:1px solid #FF0000;
}

/* Change for Category Project Filter */
#attachfilterprojectcat{
    height: 0;
    top: -1.3rem;
    position: relative;
    transition: all 0.25s ease-out;
    overflow: hidden;
}
#attachfilterprojectcat .select2-container--default {
  top:0px !important;
}

#attachfilterprojectcat.openp{
   height: 205px;
    transition: all 0.25s ease-in;
}

#attachfilterprojectloc{
    height: 0;
    top: -1.3rem;
    position: relative;
    transition: all 0.25s ease-out;
    overflow: hidden;
}
#attachfilterprojectloc .select2-container--default {
  top:0px !important;
}

#attachfilterprojectloc.openp{
   height: 205px;
     /*  height: 40px;*/
    transition: all 0.25s ease-in;
}

#attachfilterprojectmedia{
    height: 0;
    top: -1.3rem;
    position: relative;
    transition: all 0.25s ease-out;
    overflow: hidden;
}
#attachfilterprojectmedia .select2-container--default {
  top:0px !important;
}

#attachfilterprojectmedia.openp{
  /* height: 205px;*/
      height: 110px;
    transition: all 0.25s ease-in;
}

#attachfilterprojectstatus{
    height: 0;
    top: -1.3rem;
    position: relative;
    transition: all 0.25s ease-out;
    overflow: hidden;
}
#attachfilterprojectstatus .select2-container--default {
  top:0px !important;
}

#attachfilterprojectstatus.openp{
   height: 115px;
    transition: all 0.25s ease-in;
}





#form-step2 .error {
	    font-size: 1rem;
    margin-top: -1.2rem;
    color: #FF0000;
    width: 100%;
    float: left;
	/*position: absolute;
    bottom: -20px;
    color: #FF0000;
    font-size: 1rem;*/
}
/* Accordeon */
ul.accordion {
  list-style: none;
  padding: 0;
}
ul.accordion .inner {
  overflow: hidden;
  display: none;
  background-color: #FFF;

}
ul.accordion .inner {
  overflow: hidden;
  display: none;
      padding-top: 1rem;
  background-color: #FFF;
      max-height: 262px;
    overflow-y: scroll;
     /* height: 30rem;
    overflow-y: scroll;*/

}
.shareholders ul.accordion .inner, .shareholder-asx ul.accordion .inner{
      max-height: none !important;

}
ul.accordion .inner::-webkit-scrollbar { 
    display: none; 
}
ul.accordion .inner li {
color: #808080;
margin-left: 0.8rem;
    margin-right: 0.8rem;
    /* padding-top: 1rem; */
    padding-bottom: 1rem;
    font-family: 'Favorit-Medium';
    text-transform: uppercase;
        font-size: 1.2rem;
    letter-spacing: .1rem;
    border-bottom: 1px solid  #CCCCCC;
   cursor: pointer;
}

ul.accordion.contact .inner li {
  border-bottom: 0px solid  #808080;
 } 
ul.accordion .inner li.last {
	border-bottom:0;
}
ul.accordion .inner li a {
	  font-size: 1.2rem;
	  text-decoration: none;
	  color: #808080;
	   font-family: 'Favorit-Light';
    letter-spacing: .1rem;
}
ul.accordion .inner li a:hover {
	  color: #474747;
}
ul.accordion .inner.show {
  /*display: block;*/
}
ul.accordion .inner li:last-child {
  border-bottom: 0px solid #808080;
  padding-bottom: 0rem;
}
ul.accordion li a.toggle {
  width: 100%;
  font-family: 'Favorit-Medium';
    display: block;
    background: #FFF;
    color: #474747;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    color: #474747;
    text-decoration: none;
        padding: .65em;
    position: relative;
    /* border-radius: 0.15em; */
    transition: background .3s ease;
}
ul.accordion li a.toggle:after {
    position: absolute;
    content: "";
    top: 9px;
    right: 10px;
    width: 2rem;
    height: 1.5rem;
    background: url(Sunland_Desktop_Site_Wide_Arrow_Down.svg) center center no-repeat;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
ul.accordion li a.toggle.activeacc:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


ul.accordion li a.toggle:hover {
  /*background: rgba(0, 0, 0, 0.9);*/
}

.resopt {
	    text-transform: uppercase;
    color: #474747;
    padding-top: 0.7rem;
    font-family: 'Favorit-Medium';
}
.resopt.nopuppercases {
      text-transform: none;
    color: #474747;
    padding-top: 0.7rem;
    font-family: 'Favorit-Light';
}
ul.filterbt {
  list-style: none;
  padding: 0;
}
ul.filterbt li a {
 width: 100%;
  font-family: 'Favorit-Medium';
    display: block;
    background: #FFF;
    color: #474747;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    color: #474747;
    text-decoration: none;
        padding: .65em;
    position: relative;
    /* border-radius: 0.15em; */
    transition: background .3s ease;
}

#filternews .select2-container--default .select2-search--inline .select2-search__field {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}

.news-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.news-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFF;
	color: #474747;
}
.news-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}




.newsonly-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.newsonly-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #FFF;
  color: #474747;
}
.newsonly-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}



.mediar-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.mediar-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #FFF;
  color: #474747;
}
.mediar-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}

.projects-seemore-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.projects-seemore-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFF;
	color: #474747;
}
.projects-seemore-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}


#filterawards .select2-container--default .select2-search--inline .select2-search__field {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}

.awards-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.awards-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFF;
	color: #474747;
}
.awards-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
}



#filtercareers .select2-container--default .select2-search--inline .select2-search__field {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}

.careers-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.careers-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFF;
	color: #474747;
}
.careers-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}


#filtertimelines .select2-container--default .select2-search--inline .select2-search__field {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}
.timelines-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.timelines-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFF;
	color: #474747;
}
.timelines-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}


#filterexperiences .select2-container--default .select2-search--inline .select2-search__field {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}

.experiences-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.experiences-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFF;
	color: #474747;
}
.experiences-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}


#filterinspirations .select2-container--default .select2-search--inline .select2-search__field {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
font-size: 1.25rem;
}

.inspiration-listing .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.inspiration-listing .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFF;
	color: #474747;
}
.inspiration-listing .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}




#filterproject .select2-container--default .select2-search--inline .select2-search__field {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}

.projects-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
 background-color: #FFF;
 text-decoration: underline;
}
.projects-overview .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFF;
	color: #474747;
}
.projects-overview .select2-results__option {
 font-family: 'Favorit-Medium';
 text-transform: uppercase;
     font-size: 1.25rem;
}



/*.select2-container--default .nopuppercase .select2-results__option--highlighted[aria-selected] {
 font-family: 'Favorit-Light';
 text-transform: none !important;
 background-color: #FFF;
 text-decoration: underline;
}*/
.nopuppercase .select2-results__option--highlighted {
  background-color: #FFF;
  font-family: 'Favorit-Light' !important;
  color: #474747 !important;
      text-transform: none !important;
}
.nopuppercase .select2-results__option {
 font-family: 'Favorit-Light';
 text-transform: none;
  font-size: 1.25rem;
}


.requireinfo {
    text-transform: uppercase;
    font-size: 1.25rem;
    margin-top: 0.5rem;
    margin-left: 0.8rem;
    letter-spacing: 0.1rem;
}


p.actionlink {
	text-transform: uppercase;
    letter-spacing: 0.1rem;
    margin-top: 1.2rem;
    display: inline-block;
    font-size: 1.2rem;
    position: relative;
}
p.actionlink a, a.actionlink {
	text-transform: uppercase;
    letter-spacing: 0.1rem;
    margin-top: 1.2rem;
    display: inline-block;
    font-size: 1.25rem;
    position: relative;
    text-decoration: none;
}
p.actionlink a:after, a.actionlink:after {
  content: '';
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 0%;
    border-bottom: 1px solid #474747;
    transition: 0.4s;
}
p.actionlink a:hover:after, a.actionlink:hover:after {
  width: 100%;
  left: 0;
  right: auto;
  width: 100%;
}
p.actionlink a:hover {
	text-decoration:none;
}
p.articledate {
	text-align:center !important;
}
hr {
	height:1px;
	border:none;
	background:#474747;
	color:#474747;
	margin-top:2rem;
	margin-bottom:2rem;
}

span.privatedownload {
	text-decoration:underline;
	cursor:pointer;
	color:#474747;
}


a.button {
	display:inline-block;
	width:auto;
	padding: 1.25rem 4rem 1.25rem 3rem;
    font-family: 'Favorit-Light';
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
     color:#474747;
    text-decoration: none !important;
    outline: none;
    margin: 1rem 0 1rem 0;
    border: 1px solid #474747;
    text-align: center;
    background: linear-gradient(to left, transparent 50%, #808080 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background-position .1s linear;
    transition: background-position .1s cubic-bezier(0.55, 0.06, 0.68, 0.19)
}
a.button:hover {
	background: linear-gradient(to left, transparent 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
	color:#000;
	opacity: 0.9;
}
a.button.plus {
	background-image:url(JWA_Desktop_Side_Menu_More_Off_Revised.svg);
	background-repeat:no-repeat;
	/*background-position: 70% center;
	background-size: 1.25rem;	*/
	background-position: 70.5% center;
    background-size: 0.9rem;
    position: relative;


	display:inline;
	background-color:#f3f3f3;

	
	transition: width 1s ease, opacity 1s ease, background-position .1s linear;
	transition: width 1s ease, opacity 1s ease, background-position .05s cubic-bezier(0.55, 0.06, 0.68, 0.19);
    background: linear-gradient(to left, #f3f3f3 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:right bottom;

}
a.button.plus:hover {
	background: linear-gradient(to left, #f3f3f3 50%, #808080 50%);
    background-size: 200% 100%;
    color: #FFF;
    background-position:left bottom;
}
span.plus-sign {
	
}
a.button.plus span {

  background-image:url(JWA_Desktop_Side_Menu_More_Off_Revised.svg);
	background-repeat:no-repeat;
	display: inline-block;
   /* background-size: cover;*/
    width: 1.1rem;
    margin-top: 0px;
    height: 1rem;
    line-height: 0rem;
    top: 1.1rem;
    right: 4.5rem;
    position: absolute;
}


a.button.plus.large {
	background-position: 84% center;
}
a.button.leftarrow {
	background-image:url(Desktop_Carousel_Arrow_Prev_Off.svg);
	background-repeat:no-repeat;
	background-position: 1rem center;
	background-size: 0.9375rem 1.375rem;
}
a.button.leftarrow:hover {
	background-image:url(Desktop_Carousel_Arrow_Prev_On.svg);
	background-repeat:no-repeat;
	background-position: 1rem center;
	background-size: 0.9375rem 1.375rem;	
}

.circle {
	display:inline-block;
	border-radius: 50%;
	width: 1.45rem;
	height: 1.45rem; 
	margin-right:.3rem;
	border:1px solid white;
	outline:1px none red;
	cursor:pointer;
}
.circle.selected {
	box-shadow: 0 0 2px #000;
}

.splitcircle {
	position:relative;
	display:inline-block;
	border:1px solid #ccc;
	margin: 0 0.3rem 0 0;
	border-radius: 50%;
	font-size:0;
	transform:rotate(-30deg);
	transform-origin: 50% 50%;
	outline:1px none red;
	cursor:pointer;
}
.splitcircle.selected {
	box-shadow: 0 0 2px #000;	
}
.left-half,
.right-half {
  float: left;
  width: 0.625rem;
  height: 1.25rem;
  /*line-height: 1.45rem;*/
  color: white;
  text-align: center;
  margin: 0;
}
.left-half:nth-child(1) {
  border-radius: 1.25rem 0 0 1.25rem;
  background: white;
}
.right-half:nth-child(2) {
  border-radius: 0 1.25rem 1.25rem 0;
  background: white;
}

.seo {
	position:absolute;
	left:-10000px;
}

.border-top {
	border:1px solid #999;
	border-width:1px 0 0 0;
}

/*************************** End general document styles ***************************/

/*************************** begin structural styles ***************************/

body > #wrapper { height: auto; min-height: 100%; }

/* wrapper to set minimum width */


#wrapper {
	min-width:1080px;
    max-width: 1480px;
    margin: 0 auto;
	background:#f2f2f2;
	overflow:hidden;
	outline:1px none red;
}
#content {
	background:#F2F2F2;
	padding-bottom: 10.5rem;
}


/* begin masthead */
.masthead {
	position:fixed;
	left:0;
  right: 0;
	top:0;
	width:100%;
	min-width:1080px;
  max-width: 1480px;
  margin: 0 auto;
	padding-top: 3.7rem;
	/*padding-bottom: 6rem;*/
	/*height:17.5rem;*/
	background:#f2f2f2;
	color:#474747;
	outline:1px none blue;
	transform: translate(0,0);
	transition: transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s;
	z-index:990;
}
.masthead.hassubmenu-page {
	   height: 21.6rem;
	   margin-bottom: 4.35rem !important;
}
.masthead.nav-up {
   transform:translate(0,-85px);
}

.masthead.nav-down {
   transform:translate(0,0);
}

.masthead ul {
	position:relative;
	list-style:none;
	text-align:center;
	font-size:0;
	display: inline-block;
    width: 100%;
    margin-bottom: 1.4rem;
	
}
.masthead li {
	display:inline-block;
	width:50%;
}
.second-menu {
	display: inline-block;
   /* width: calc(100% - 21.6rem);*/
       float: left !important;
  /*  margin-top: 5.7rem;*/
    margin-left: 10.8rem;
      /*  margin-bottom: 6.2rem;*/
   /* margin-right: 10.8rem;*/
  /* box-shadow: 0px -0.5px 0px 0px #474747;*/
    /*border-top: 1px solid #474747*/
}
.tab-second-menu-left, .tab-second-menu-right {
	display: inline-block;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	float: left;
	  /*  padding-top: 1.2rem;
    padding-bottom: 1.5rem;*/
      /*  padding-top: 1.35rem;*/
    padding-bottom: 1.4rem;
}
.tab-second-menu-left a, .tab-second-menu-right a{
 text-transform: uppercase;
    font-family: 'Favorit-Medium';
    text-decoration: none;
    color: #474747;
    letter-spacing: 0.12rem;
    font-size: 1.4rem;
    position: relative;
        display: inline-block;
    /*padding-top: 1rem;*/
}	
.tab-second-menu-left a:after {
  content: '';
  background-image: url('Arrow.svg');
  width: 2rem;
  height:2rem;
/*  background-size: cover;*/
    background-size: auto;
    background-position: center right;
  background-repeat: no-repeat;
  position: absolute;
      width: 10px;
    height: 7px;
    bottom: 4px;
    right: -8px;
    /*  width: 0.42rem;
    height: 0.6rem;
       bottom: 0.6rem;
    right: -8px;*/
}
.tab-second-menu-left {
	/*border-right: 1px solid #474747;*/
	   /* box-shadow: 0.5px 0px 0px 0px #474747;*/
}
@media screen and (min-width: 1800px) {
	.form-tabs-collection {
  		margin-top: 17.65rem;
  	}	
  
}

/*.form-tabs-collection {
	background-color: #EFEFEF;
    position: relative;
    float: left;
       width: 82%;
        margin-top: 17.55rem;
   
    min-height: 51.5rem;
    margin-left: 9%;

}*/

.form-tabs-collection {
    background-color: #EFEFEF;
    position: relative;
      display: inline-block;
    padding-bottom: 2rem;
    width: 81.5%;
      max-width: 1227px;
    /* margin-top: 17.55rem; */
    margin: 17.55rem auto;
    /* margin-top: 14.5%; */
    min-height: 51.5rem;
    /* margin-left: 9%; */
}
@media screen and (max-width: 1440px) {
	.form-tabs-collection {
  		margin-top: 11.55rem;
  	}	
  	.close-forms {
    	top: 4.5rem;
    }	
}	
/*@media screen and (max-width: 1900px) {
	.form-tabs-collection {
  		margin-top: 17.5rem;
  	}	
}	
@media screen and (max-width: 1474px) {
	.form-tabs-collection {
  		margin-top: 17.35rem;
  	}	
}
@media screen and (max-width: 1300px) {
	.form-tabs-collection {
  		margin-top: 17.35rem;
  	}	
} */
.menu-tab-overlay {
	width: 100%;
}
.menu-tab-overlay ul {
	list-style: none;
	display: inline-block;
	float: left;
    width: 100%;
}
.menu-tab-overlay ul li {
	display: inline-block;
    width: 50%;
    background-color: #C1C1C1;
    float: left;
       padding-top: 1.2rem;
    margin-bottom: 0rem;
    padding-bottom: 1.425rem;
}
.menu-tab-overlay ul li.selected {
background-color: #EFEFEF;
}	
.menu-tab-overlay ul li a{
 text-transform: uppercase;
    font-family: 'Favorit-Medium';
    text-decoration: none;
    color: #474747;
    letter-spacing: 0.12rem;
    font-size: 1.2rem;
   
}	
.tiledocasx {
  display: inline-block; 
  width: 80%; 
  vertical-align: top;
}

.dateasxdoc {
  float: right;
  text-align: right; 
  display: inline-block; 
  vertical-align: top;
   width: 20%;
}

.dateircal {
  text-align: left;
  display: inline-block; 
  width: 20%; 
  vertical-align: top;
}

.tiledocircal {
  float: right;
  text-align: right; 
  display: inline-block; 
  vertical-align: top;
   width: 80%;
}
.tab-content {
	float: left;
    width: 100%;
    margin-top: 2.8rem;
}

.content-main-tab {
	width: 100%;
	display: inline-block;
	float: left;
}
.content-tab-half {
	width: 42.8%;
    vertical-align: top;
    text-align: left;
    margin-right: 3rem;
    margin-left: 3rem;
    display: inline-block;
    float: left;
 }

.content-tab-full {
	float: left;
    width: 92%;
    vertical-align: top;
    text-align: left;
    margin-right: 3rem;
    margin-left: 3rem;
    display: inline-block;
    float: left;
} 
 
   
 @media screen and (max-width: 980px) {
  .content-tab-half {
     width: 40.8%;
    } 
}
 .content-tab-half textarea {
    float:left;
    width: 100%;
 } 
.content-tab-half h4 {
	text-transform: uppercase;
    font-family: 'Favorit-Medium';
    text-decoration: none;
    color: #474747;
    letter-spacing: 0.12rem;
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.logocontainer {
	display: inline-block;
	margin-left: 3rem;
    vertical-align: top;
}

.logoimagecontainer {
	width: 18rem;
    height: 3rem;
    margin-top: -0.3rem;
    background: url(Sunland_Desktop_Logo_Off.svg) center top no-repeat;
    background-size: cover;
    display: inline-block;
    overflow: visible;
}
.leftpanelclosebutton .logoimagecontainer {
	margin-left: 6rem;
    margin-top: -0.2rem;
}

#logoimagerollover {
	position:relative;
}
.right-menu {
	color: #474747;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    font-weight: 900;
    margin-top: 0.9rem;
}
.item-right-menu {
	  -webkit-font-smoothing: antialiased;
	font-family: 'Favorit-Medium';
	font-weight: normal;
	margin-left: 1.5rem;
	display: inline-block;
}
.item-right-menu span {
	font-family: 'Favorit-Light' !important;
}
/*.masthead li.logocontainer .logoimagecontainer:hover {
	background:url(JWA_Desktop_Logo_On.png) right top no-repeat;
}*/

.masthead li a, .masthead li span {
	text-decoration:none;
	color:#000;
	transition: color 0.1s ease-in-out;
}
.masthead li a:hover {
	color:#666;
}
.masthead li img {
	vertical-align:middle;
	outline:1px none blue;
	/*max-height:30px;*/
}
.masthead li .menudivider {
	font-size:.5rem;
	vertical-align:middle;
}

.masthead li span.headerlinkdivider {
	padding: 0 5px 0 5px;
}

.masthead li:first-of-type {
	text-align: left;
    padding-left: 10.8rem;
  /*  line-height: 17.5rem;*/
    float: left;
}
/*.masthead li:first-of-type a {
	margin-left:0px;
	height:auto;
	outline:1px none red;
	line-height:1.4;
}*/
.masthead li:last-of-type {
	text-align: right;
    padding-right: 10.8rem;
 
    float: right;
}
/*.masthead li:last-of-type a {
	margin-left:15px;
}*/
/* begin masthead icons */
.masthead li a.primary-menu-control {
	display:inline-block;
	 /*width: 2.5rem;
    height: 2.2rem;*/
    width: 30px;
    height: 24px;
	background:url(Sunland_Desktop_Header_Menu_Off.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	outline:1px none red;
}
.masthead li a.primary-menu-control:hover {
	opacity:0.5;
}
.masthead li a.primary-menu-control.open {
	opacity:0;
}

.masthead li a.secondary-menu-control {
	display:inline-block;
	width:27px;
	height:20px;
	background:url(JWA_Desktop_Header_Featured_Off.svg) left top no-repeat;
	background-size:27px 20px;
	opacity:1;
	transition:opacity .25s;
	margin-left:20px;
	outline:1px none red;
}
.masthead li a.secondary-menu-control:hover {
	opacity:0.5;
}
.masthead li a.secondary-menu-control.open {
	opacity:0;
}

.masthead li .menu-supporting-text-container {
	position:relative;
	display:inline-block;
	width:140px;
	height:20px;
	opacity:1;
	transition:opacity .25s;
	margin-left:20px;
	vertical-align:middle;
	outline:1px none blue;
	line-height:20px;
}

.masthead li .menu-supporting-text-container .text-message {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	opacity:0;
	transition:opacity .25s;
	transition-delay: .0s; /* add value here to make off transition delayed */
	font-size:15px;
	letter-spacing:1px;
	color:#000;
	
}

.masthead li .menu-supporting-text-container .text-message.over {
	opacity:1;
	transition:opacity .25s;
	transition-delay: 0s; /* add value here to make on transition delayed */
}

.masthead li a.search-control {
	display:inline-block;
	width:1.2rem;
	height:1.3rem;
	background:url(NL_Desktop_Header_Search_Off.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	outline:1px none red;
}
.masthead li a.search-control:hover {
	opacity:0.5;
}
.masthead li a.search-control.open {
	opacity:0;
}

.masthead li .search-supporting-text-container {
	position:relative;
	display:inline-block;
	width:140px;
	height:20px;
	opacity:1;
	transition:opacity .25s;
	margin-right:20px;
	vertical-align:middle;
	outline:1px none blue;
	line-height:20px;
}

.masthead li .search-supporting-text-container .text-message {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	opacity:0;
	transition:opacity .25s;
	transition-delay: .0s; /* add value here to make off transition delayed */
	font-size:14px;
	color:#000;
	font-size:15px;
	letter-spacing:1px;
}

.masthead li .search-supporting-text-container .text-message.over {
	opacity:1;
	transition:opacity .25s;
	transition-delay: 0s; /* add value here to make on transition delayed */
}

#searchnow {
	cursor: pointer;
  text-indent: -9999px;
 width: 1.8rem;
    margin-top: -0.9rem;
    height: 1.8rem;
      float: right;
  background-image: url('Search_Off.svg');
  background-repeat: no-repeat;
  background-size: cover;
}
#searchnow:hover {
   background-image: url('Search_On.svg');
}
#register-home {
      font-size: 1.4rem;
    margin-top: -0.5rem;
    margin-right: 1rem;
}
#register-home a {
  color: #474747 !important;
}
#searchresults {
	overflow: auto;
    height: 100%;
    width: 100%;
    padding-bottom: 20rem;
    position: relative;
	    margin-top: 7.4rem;
}
#searchresults::-webkit-scrollbar { 
    display: none; 
}
/* begin masthead 2 */
.masthead2 {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	min-width:1080px;
	height: 5.3rem;
	background:#FFF;
	color:#000;
	outline:1px none blue;
	transform: translate(0,-85px);
	transition: transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s;
	z-index:990;
}

.masthead2.nav-up {
   transform:translate(0,0);
}

.masthead2.nav-down {
   transform:translate(0,-90px);
}

.masthead2 ul {
	position:relative;
	list-style:none;
	text-align:center;
	font-size:0;
	height: 5.3rem;
}

.masthead2 li {
	font-size:11px;
	display:inline-block;
	width:33.33%;
	height: 5.3rem;
}

.masthead2 li.logocontainer {
	position:relative;
	padding:0;
	height: 5.3rem;
	outline:1px none blue;
	vertical-align:top;
}

.masthead2 li.logocontainer .project-title {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 5.3rem;
	font-size:1rem;
	font-size:1rem;
	text-transform: uppercase;
	line-height: 5.3rem;
}

.masthead2 li.logocontainer .project-title.hidden {
	top:-85px;
}

.masthead2 li.logocontainer .project-nextback-container {
	position:relative;
	max-width:490px;
	height:5.3rem;
	outline:1px none red;
	margin:auto;
	top:-85px;
	opacity:0;
	font-size:0;
	transition:top .5s, opacity .5s;
}
.masthead2 li.logocontainer .project-nextback-container.shown {
	top:0px;
	opacity:1;
}

.masthead2 li.logocontainer .project-nextback-container .project-back {
	position:relative;
	display:inline-block;
	width:49.5%;
	height:5.3rem;
	outline:1px none red;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	vertical-align:top;
}

.sepnextprev {
	width: 1px;
	height: 3.3rem;
	margin-top: 1rem;
	display: inline-block;
	border-right: 1px solid #000;
}
.masthead2 li.logocontainer .project-nextback-container .project-back .background {
	position:absolute;
	top:0;
	right:0;
	width:250px;
	opacity: 0;
	height:21rem;
	background-color: #FFF;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	/*transition: width .25s;*/
	 -webkit-transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
	/*overflow:hidden;*/
}

.masthead2 li.logocontainer .project-nextback-container .project-back:hover .background {	
	opacity: 1;
}

.masthead2 li.logocontainer .project-nextback-container .project-back .background .backgroundimage {
	position:absolute;
	right:0;
	top:0;
	width:250px;
	height:16.3rem;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}
.backtitle {
	position: absolute;
    bottom: 0px;
    /* left: 0; */
    font-size: 1.2rem;
    height: 3.7rem;
    margin: 0px auto auto;
    letter-spacing: 0.1rem;
    /* background-color: #000; */
    width: 65%;
    margin-left: 17.5%;
    /* text-align: left; */
    color: #000;
    text-transform: uppercase;
}
.masthead2 li.logocontainer .project-nextback-container .project-back .arrow {
	position:absolute;
	left:0;
	top:0;
	height:5.3rem;
	width:12px;
	background:url(JWA_Desktop_Side_Menu_Arrow_Left_Off.svg) left center no-repeat;
	opacity:1;
	transition:opacity .25s;
}

.masthead2 li.logocontainer .project-nextback-container .project-back:hover .arrow {
	opacity:1;
}

.masthead2 li.logocontainer .project-nextback-container .project-next {
	position:relative;
	display:inline-block;
	width:50%;
	height:5.3rem;
	outline:1px none red;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	vertical-align:top;
}

.masthead2 li.logocontainer .project-nextback-container .project-next .background {
	position:absolute;
	top:0;
	right:0;
	width:250px;
	opacity: 0;
	height:21rem;
	background-color: #FFF;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	/*transition: width .25s;*/
	 -webkit-transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
}

.masthead2 li.logocontainer .project-nextback-container .project-next:hover .background {	
	opacity: 1;
}

.masthead2 li.logocontainer .project-nextback-container .project-next .background .backgroundimage {
	position:absolute;
	right:0;
	top:0;
	width:250px;
	height:16.3rem;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}

.masthead2 li.logocontainer .project-nextback-container .project-next .arrow {
	position:absolute;
	right:0;
	top:0;
	height:5.3rem;
	width:12px;
	background:url(JWA_Desktop_Side_Menu_Arrow_Right_Off.svg) right center no-repeat;
	opacity:1;
	transition:opacity .25s;
}

.masthead2 li.logocontainer .project-nextback-container .project-next:hover .arrow {
	opacity:1;
}

.project-back-title,.project-next-title {
	font-size:1rem;
	/*font-size:16px;*/
	text-align:center;
	text-transform: uppercase;
	color:#000;
	line-height:5.3rem;
}

.masthead2 li a, .masthead li span {
	text-decoration:none;
	color:#000;
	transition: color 0.1s ease-in-out;
}

.masthead2 li a:hover {
	color:#666;
}

.masthead2 li img {
	vertical-align:middle;
	outline:1px none blue;
	/*max-height:30px;*/
}

.masthead2 li .menudivider {
	font-size:.5rem;
	vertical-align:middle;
}

.masthead2 li span.headerlinkdivider {
	padding: 0 5px 0 5px;
}

.masthead2 li:first-of-type {
	text-align:left;
	padding-left:40px;
	line-height:5.3rem;
}

.masthead2 li:last-of-type {
	text-align:right;
	padding-right:4.5rem;
	line-height:5.3rem;
	float: right;
}

/* begin masthead icons */
.masthead2 li a.project-menu-control {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(JWA_Desktop_Secondary_Header_Close_Off.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	outline:1px none red;
}

.masthead2 li a.project-menu-control:hover {
	opacity:0.5;
}

.masthead2 li a.project-menu-control.open {
	opacity:0;
}

.masthead2 li a.related-menu-control {
	position:relative;
	display:inline-block;
	/*width:27px;
	height:21px;*/
	    width: 1.75rem;
    height: 1.2rem;
	/*background:url(JWA_Desktop_Secondary_Header_Filter_Off.svg) left top no-repeat;*/
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	margin-left:13px;
	outline:1px none red;
}

.masthead2 li a.related-menu-control .line {
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background:#000;
}

.masthead2 li a.related-menu-control .line.top {
	top:0;	
}

.masthead2 li a.related-menu-control .line.middle {
	top:50%;
	transform:translateY(0px);
}

.masthead2 li a.related-menu-control .line.bottom {
	top:auto;
	bottom:0;
}

.masthead2 li a.related-menu-control .line-dot {
	position:absolute;
	width:6px;
	height:3px;
	background:#000;
	transition:left .25s
}

.masthead2 li a.related-menu-control .line.top .line-dot {
	top:-1px;
	left:calc(100% - 6px);	
}

.masthead2 li a.related-menu-control .line.middle  .line-dot{
	left:0;
	top:50%;
	transform:translateY(-2px);
}

.masthead2 li a.related-menu-control .line.bottom  .line-dot{
	top:auto;
	bottom:-1px;
	left:calc(100% - 6px);	
}

.masthead2 li a.related-menu-control:hover {
	opacity:0.5;
}

.masthead2 li a.related-menu-control:hover .line.top .line-dot {
	left:0;	
}

.masthead2 li a.related-menu-control:hover .line.middle  .line-dot{
	left:calc(100% - 6px);	
}

.masthead2 li a.related-menu-control:hover .line.bottom  .line-dot{
	left:0;
}


.masthead2 li a.related-menu-control.open {
	opacity:0;
}

.masthead2 li .menu-supporting-text-container {
	position:relative;
	display:inline-block;
	width:140px;
	height:20px;
	opacity:1;
	transition:opacity .25s;
	margin-left:20px;
	vertical-align:middle;
	outline:1px none blue;
	line-height:20px;
}

.masthead2 li .menu-supporting-text-container .text-message {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	opacity:0;
	transition:opacity .25s;
	transition-delay: .0s; /* add value here to make off transition delayed */
	color:#000;
	font-size:1rem;
	text-transform: uppercase;
	letter-spacing:1px;
}

.masthead2 li .menu-supporting-text-container .text-message.over {
	opacity:1;
	transition:opacity .25s;
	transition-delay: 0s; /* add value here to make on transition delayed */
}

.masthead2 li a.search-control {
	display:inline-block;
	width:1.2rem;
	height:1.3rem;
	background:url(JWA_Desktop_Header_Search_Off.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	outline:1px none red;
}

.masthead2 li a.search-control:hover {
	opacity:0.5;
}

.masthead2 li a.search-control.open {
	opacity:0;
}

.masthead2 li .search-supporting-text-container {
	position:relative;
	display:inline-block;
	width:140px;
	height:20px;
	opacity:1;
	transition:opacity .25s;
	margin-right:20px;
	vertical-align:middle;
	outline:1px none blue;
	line-height:20px;
	/*display:none;*/
}

.masthead2 li .search-supporting-text-container .text-message {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	opacity:0;
	transition:opacity .25s;
	color:#000;
	font-size:15px;
	letter-spacing:1px;
}

.masthead2 li .search-supporting-text-container .text-message.over {
	opacity:1;
}

.progresscircle {
	display:inline-block;
	outline:1px none red;
	position: relative;
	padding-top:0px;
	margin-right:20px;
}
.progresscircle canvas {
  vertical-align: middle;
  margin-top:-2px;
}

/****** Slide in Panel content overlay ******/
.navigationoverlay {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	height:100%;
	background:rgba(0,0,0,0.65);
	display:none;
	z-index:1002;
}
/*.navigationoverlay:hover {
	cursor: url('https://ydstag.3deephosting3.com.au/assets/css/cursor-close.cur'), auto;
}*/

/****** Begin Slide in Panels ******/

.leftpanel {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1002;
	transform: translateX(-100%);
	/*transition:transform 0.5s cubic-bezier(0.42, 0, 0.88, 0.19);
	*/transition:transform 0.5s linear;
	/*transition:transform 0.25s cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	*/background-color:transparent;
	opacity:1;
	overflow:auto;
	overflow-x:hidden;
	overflow:hidden;
}
.leftpanel::-webkit-scrollbar { 
    display: none; 
}
.panelwrap {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	min-height:100%;
}
.panelcontent {
  position: relative;
    width: 90%;
        width: 1160px;
    max-width:1160px;
          padding: 3.7rem 10.5rem;

	/*position:relative;
	width:40%;
	min-width:680px;
	max-width:680px;
	padding: 32px 30px 32px 30px;*/
	text-align:left;
	/*padding-top:85px;*/
	background-color:#F2F2F2;
	cursor:default;
	transform: translateX(0);
	transition:transform 0.25s linear;	
	min-height:100%;
}

.leftpanel .closearea {
	position:relative;
	width:calc(60% - 10px);
	background-color:transparent;
	min-height:100%;
	/*cursor: url('https://ydstag.3deephosting3.com.au/assets/css/cursor-close.cur'), auto;*/
	/*display:none;*/
}

.leftpanel.open {
	left:0;
	transform: translateX(0);
	/*transition:transform 0.5s cubic-bezier(0.42, 0, 0.88, 0.19);*/
	transition:transform 0.5s linear;
}
.leftpanel.open.nudge .panelcontent {
	transform: translateX(-10px);
	transition:transform 0.25s linear;	
}

.leftpanelclosebutton {
	position:relative;
	display:block;
	width:100%;
	height:22px;
	line-height:22px;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	margin-bottom:25px;
	margin-left:4px;
}
.leftpanelclosebutton:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	    width: 2rem;
    height: 2rem;
	background:url(JWA_Desktop_Side_Menu_Close_Off.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;	
}
.leftpanelclosebutton:hover:before {
	opacity:0.5;
}
/*.leftpanelclosebutton:after {
	content:"Close";
	text-transform: uppercase;
	text-align:right;
	width:80px;
	padding-left:35px;
	color:transparent;
	transition:color .25s;
	font-size:1rem;
}
.leftpanelclosebutton:hover:after {
	color:#000;
}*/

.rightpanel {
	position:fixed;
	right:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1002;
	transform: translateX(100%);
	transition:transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s;
	background-color:transparent;
	opacity:1;
	overflow:auto;
	overflow-x:hidden;
	overflow:hidden;
}
.rightpanel.open {
	right:-5.5rem;
	transform: translateX(0px);
	transition:transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s;
}
.rightpanel.open.nudge {
	transform: translateX(10px);
	transition:transform 0.25s linear;
}

.rightpanel .closearea {
	position:relative;
	width:calc(100% - 680px);
	background-color:transparent;
	min-height:100%;
	cursor: url('https://ydstag.3deephosting3.com.au/assets/css/cursor-close-white.cur'), auto;
	display:none;
}

.rightpanel h3 {
	text-align:left;
	/*margin-left:4.23%;*/
	margin-bottom:16px;
}

.rightpanelclosebutton {
	position:relative;
	display:inline-block;
	width:100%;
	height:22px;
	line-height:22px;
	text-align:right;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	margin-bottom:16px;
	margin-left:-4px;
}
.rightpanelclosebutton:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:1.5rem;
	height:1.5rem;;
	background:url(JWA_Desktop_Side_Menu_Close_Off.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;	
}
.rightpanelclosebutton:hover:after {
	opacity:0.5;
}
.rightpanelclosebutton:before {
	content:"Close";
	text-transform: uppercase;
	text-align:right;
	width:80px;
	padding-right:35px;
	color:transparent;
	transition:color .25s;
	font-size:13px;
}
.rightpanelclosebutton:hover:before {
	color:#000;
}

.viewallbutton {
	position:absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
	width:90px;
	height:22px;
	line-height:22px;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	vertical-align:middle;

}
.viewallbutton.panelviewall {
	width:95px;
}
.viewallbutton:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:1.5rem;
	height:1.5rem;
	background:url(JWA_Desktop_Side_Menu_More_Off_Revised.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;	
}
.viewallbutton:hover:after {
	opacity:0.5;
}
.viewallbutton:before {
	content:"View All";
	text-align:right;
	width:90px;
	padding-left:0px;
	color:transparent;
	transition:color .25s;
	font-size:1rem;
	letter-spacing:2px;
}
.viewallbutton:hover:before {
	color:#000;
}

.viewmorebutton {
	position:absolute;
	/*float:right;
	right:2.5rem;
	top:1.875rem;*/
	right:0;
	top:12%;
	transform: translateY(-50%);
	width:110px;
	height:22px;
	line-height:22px;
	text-align:left;
	text-decoration:none;
	font-size:0.9rem;
	outline:1px none red;
	vertical-align:middle;
	
}
.viewmorebutton:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:20px;
	background:url(JWA_Desktop_Side_Menu_More_Off_Revised.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;	
}
.viewmorebutton:hover:after {
	opacity:0.5;
}
.viewmorebutton:before {
	content:"View More";
	text-align:right;
	width:105px;
	padding-left:0px;
	color:transparent;
	transition:color .25s;
	line-height: 25px;
	letter-spacing:2px;
}
.viewmorebutton:hover:before {
	color:#000;
}

.info-icon {
	display: block;
	float: right;
	margin-top: 0.6rem;
       width: 1.5rem;

    height: 1.5rem;
    background: url(Sunland_Desktop_Site_Wide_Info_Off.svg) center no-repeat;
    background-size: cover;
        margin-left: 1.5rem;
    opacity: 1;
	transition: opacity .25s;
	cursor: pointer;
	
}
.info-icon .credit {
	display:inline-block;
	position:relative;
	max-width:0rem;
	width:auto;
	height:2.5rem;
	line-height:2.5rem;
	margin-right:2.4rem;
	padding:0 1rem 0 1rem;
	background:rgba(0,0,0,1);
	color:#fff;
	text-align:left;
	opacity:0;
	transition: opacity .4s, max-width .4s;
	font-size:1rem;
	cursor: pointer;
}
/*.info-icon:hover {
	opacity:1;
}*/
.info-icon:hover .credit {
	max-width:20rem;
	opacity:1;
}

.additionalcontent {
	margin-top:0px;
	padding-top:16px;
	border-width: 1px 0px 0px 0px;

}

.additionalcontent.noline {
	border:none;
	margin-top:0px;
	padding-top:0px;
}


.additionalcontent h1, .additionalcontent h2, .additionalcontent h3, .additionalcontent p {
	position:relative;
	text-align:left;
}

.additionalcontent h3 {
	font-size:1.8rem;
	font-family: 'Favorit-Medium';
	font-weight: normal;
	font-style: normal;
	margin-bottom:16px;
	letter-spacing: 0.1rem;
	color:#474747;
	text-transform: uppercase;
}
.additionalcontent h3.underlined {
	border:1px solid #999;
	border-width: 0px 0px 1px 0px;	
	padding-bottom:16px;
	margin-bottom:32px;
}
.additionalcontent p {
	
	font-size:14px;
	margin-top:8px;
	margin-bottom:8px;
	text-align:left;
	line-height:1.2;
}

/***** Begin Subscribe in Panel *****/

.additionalcontent .panelsubscribe {
	position:relative;
	width:63%;
	margin-top: 21rem;
	/*margin:auto;*/
	text-align:left;
}

.additionalcontent .panelsubscribe h3 {
	text-align:left;
}
.additionalcontent .panelsubscribe p {
	margin-bottom:16px;
}
.additionalcontent .panelsubscribe .panelsocialicons {
	margin-top:4rem;
	text-align: left;
}
.panelsocialicons li {
	list-style: none;
	display: inline-block;
}
p.copymenu {
	text-transform: uppercase;
}
.additionalcontent .panelsubscribe a.socialicon {
	display:inline-block;
	width:2.5rem;
	height:2.6rem;
	outline:1px none red;
	padding:0;
	text-decoration:none !important;
	border:none !important;
	transition:opacity .25s;
	opacity:1;
	margin: 0 2.4px 0 2.4px;
}

.additionalcontent .panelsubscribe a.socialicon:hover {
	opacity:1;	
}

.additionalcontent .panelsubscribe .overlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#F2F2F2;
	z-index:100;
	display:none;
}
.additionalcontent .panelsubscribe .overlay .overlaycontent{
	position:absolute;
	left:50%;
	top:3rem;
	width:100%;
	height:auto;
	text-align:center;
	transform: translateX(-50%) translateY(-50%);
}


/***** End Subscribe in Panel *****/


.panelcontent .sitesearchcontainer {
	position:relative;
	left:0px;
	min-height:60px;

	border:1px solid #999;
	border-width:0px 0px 0px 0px;
	/*margin-left:4.23%;
	padding-right:4.23%;
	padding-top:5.8125rem;*/
	text-align:left;
    margin-bottom: 16px;
    margin-top: 16px;
}
.panelcontent .sitesearchcontainer p {
	text-align:left;
	width:100%;
	margin-bottom:0;
	border:1px solid #999;
	padding-bottom: 10px;
	border-width:0px 0px 1px 0px;
}
.panelcontent .sitesearchcontainer input[type=text] {
	width:85%;
	border-width:0px 0px 1px 0px;
	font-style: normal;
	font-weight: 200;
	font-size: 1.8rem;
	border:none;
	padding-left:0;
}
.panelcontent .sitesearchcontainer input[type=submit] {
	width:15%;
	background: transparent url(JWA_Desktop_Side_Menu_Search_Off.svg) right center no-repeat;
	background-size:18px 18px;
	color:transparent;
	opacity:1;
	transition:opacity .25s;

	font-size:32px;
}
.panelcontent .sitesearchcontainer input[type=submit]:hover {
	width:15%;
	background: transparent url(JWA_Desktop_Side_Menu_Search_Off.svg) right center no-repeat;
	background-size:18px 18px;
	color:transparent;
	opacity:.5;
}
.extrabottomnline {
	border-bottom: 1px solid #999;
    border-width: auto !important;
}
/* Arrows */
.panelcontent .slick-prev, .panelcontent .slick-next { 
	position: absolute; 
	display: block; 
	/*height: 17px; 
	width: 11px;*/
	    width: 0.825rem;
    height: 0.825rem;
	 opacity: 1; 
	 line-height: 0; 
	 font-size: 0; 
	 cursor: pointer;
	  background: transparent; 
	  color: transparent; 
	  top: 50%; 
	  padding: 0; 
	  border: none;
	   outline: none; 
	   z-index: 99;
	    }
.panelcontent .slick-prev:hover, .panelcontent .slick-prev:focus, .panelcontent .slick-next:hover, .panelcontent .slick-next:focus { outline: none; opacity: 1; color: transparent; }
.panelcontent .slick-slider:hover .panelcontent .slick-prev, .panelcontent .slick-slider:hover .panelcontent .slick-prev:focus, .panelcontent .slick-slider:hover .panelcontent .slick-next, .panelcontent .slick-slider:hover .panelcontent .slick-next:focus { outline: none; opacity: 1; color: transparent; }
.panelcontent .slick-prev:hover:before, .panelcontent .slick-next:hover:before { opacity: 1; }
.panelcontent .slick-prev:focus:before, .panelcontent .slick-next:focus:before { opacity: 1 }
.panelcontent .slick-prev.slick-disabled:before, .panelcontent .slick-next.slick-disabled:before { opacity: 1; }

.panelcontent .slick-prev:before, .panelcontent .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.panelcontent .slick-prev { 
	/*right: 64px; 
	top:-48px; */
	right: 39px;
    top: -36px;
    width: 0.85rem;
    height: 0.95rem;
	background-image: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg'); 
	/*background-size:cover; */
	background-repeat: no-repeat;
	opacity:1 
}
.panelcontent .slick-prev:hover { 
	right: 39px !important;
    top: -36px !important;
   width: 0.85rem;
    height: 0.95rem;
	background-image: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg'); 
	background-size: auto !important;
	background-repeat: no-repeat;
	/* background-size:cover;*/
	  opacity:0.5 !important; 
	}
.panelcontent .slick-next { 
	right: 0px; 
	top:-36px; 
	width: 0.85rem;
    height: 0.95rem;
	background-repeat: no-repeat;
	background-image: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg'); 
	/*background-size:cover; */
	opacity:1 
}
.panelcontent .slick-next:hover { 
	right: 0px; 
	top:-36px;
	width: 0.85rem;
    height: 0.95rem;
	 background-image: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg');
	 background-size: auto !important;
	background-repeat: no-repeat;
	/* background-size:cover;*/
	  opacity:0.5 !important; 
	}

.panelcontent .carouselnumbers {
	position:absolute;
    width: auto;
    float: right;
    right: 3%;
    height: 1.2rem;
    
    line-height: 1.1rem;
    text-align: center;
    text-decoration: none;
    outline: 1px none red;
    vertical-align: top;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 0.9rem;
    margin-left: 0rem;
    margin-top: 0rem;
}

.panelcontent label {
	display:inline;
	font-family: helvetica,sans-serif;
	font-size:12px;
	
}
.panelcontent input[type=text],.panelcontent input[type=password],.panelcontent input[type=email],.panelcontent input[type=submit],.panelcontent textarea,.panelcontent select {
	width: 100%;
    padding: 0.6rem 1.5rem;
     font-size: 1.1rem;
    letter-spacing: .5px;
	color: #474747;
    background-color: #FFFFFF;
    border: 0px solid #999;
	outline:none;
}

.panelcontent .panelsubscribe input[type=text],.panelcontent .panelsubscribe input[type=password],.panelcontent .panelsubscribe input[type=email],.panelcontent .panelsubscribe textarea,.panelcontent .panelsubscribe select {
	width: 100%;
    padding: 0.8rem 1.5rem;
    font-size: 1.1rem;
    letter-spacing: .5px;
	color: #474747;
    background-color: #FFFFFF;
    border: 0px solid #999;
	outline:none;
}
.panelcontent .panelsubscribe input[type=text] {
	    margin-bottom: -0.2rem !important;
}
.panelcontent .panelsubscribe input[type=submit] {
	background-color: #474747;
	border:1px solid #474747;
	    margin-bottom: 0.7rem !important;
}
.panelcontent textarea {
	min-height:220px;
	font-size:19.2px;
	letter-spacing:.5px;
}
.panelcontent select {
	padding:11.2px;
}
.panelcontent input[type=submit].disabled {
	opacity:0.5;
}
.panelcontent input[type=submit] {
	text-transform: uppercase;
	color:#fff;
	padding: 0.8rem 1.5rem;
	cursor:pointer;
	border:none;
  
  background-color: #474747;
	    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}

.panelcontent input[type=submit]:hover {
	color:#474747;
   background-color:#F2F2F2;
	    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.panelcontent input[type=submit].disabled {
	/*background:#808080;*/
	background: linear-gradient(to left, #000 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
	opacity:0.5;
}

.panelcontent input[type=button] {
	width:100%;
	padding:19.2px;
	font-size:16px;
	color:#000;
	border: 1px solid #999;
	background:transparent;
	outline:none;
	cursor:pointer;
}

.panelcontent input[type=button].disabled {
	opacity:0.5;
}

.panelcontent input[type=button]:hover {
	background:#808080;
	color:#fff;
}

/****** End Slide in Panels ******/


/* end masthead icons */

/* end masthead */

/* Begin Main Menu Styles */

.mainmenu {
	position:relative;
	margin-bottom: 1.5rem;
	margin-top: 7.1rem;
	/*outline:1px solid blue;*/
}

/* First Level */

.mainmenu > ul > li { 
	position: relative; 
	padding:0;
	text-transform: uppercase;
	z-index: 100;
	font-size: 2.5rem;
	/*outline:1px solid red;*/
	    margin-bottom: 0.9rem;
}
.mainmenu > ul > li span {
	 text-transform: none;
}
.mainmenu > ul { 
	position:relative;
}

.mainmenu > ul > li > a {
	text-decoration:none;
	position: relative;
	color:#474747;
	font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
display: inline-block !important;
	opacity:1;
	letter-spacing: 0.4rem;
    font-size: 2.5rem;
	transition:opacity .25s;
	border-bottom: 1px solid transparent;
}
.mainmenu > ul > li > a:hover {
  border-bottom: 1px solid #474747;
}

/*.mainmenu > ul > li > a:after {
  content: '';
  position: absolute;
  bottom: 1px;
  right: 0;
  width: 0%;
  border-bottom: 1px solid #474747;
  transition: 0.4s;
}
.mainmenu > ul > li > a:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}*/
/*.mainmenu > ul > li:hover > a {
	opacity:1;
	border-bottom: 1px solid #474747;
}*/
.mainmenu > ul > li.selected > a {
	opacity:1;
	border-bottom: 1px solid #474747;
}
.mainmenu > ul > li.selected > a:after {
   border-bottom: 1px solid transparent !important;
}
.mainmenu > ul > li.selected > a:after:hover {
   width: 0%;
}

/* Second Level */

.mainmenu > ul > li > ul {
	/*position: absolute;
	left: 0;
	top: 60px;*/
	display: none;
	min-width:400px;
	padding-top:1.1rem;
	padding-bottom:1.4rem;
	z-index: 101;
	/*visibility: hidden;
	opacity: 0;*/
	-webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
	-moz-transition: visibility 0.3s ease, opacity 0.3s ease;
	-o-transition: visibility 0.3s ease, opacity 0.3s ease;
	transition: visibility 0.3s ease, opacity 0.3s ease;
	overflow:visible;
font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
}

.mainmenu > ul > li:hover > ul {
	/*visibility: visible;
	opacity: 1;
	display: block;*/
}

.mainmenu > ul > li > ul > li {
	text-align:left;
	min-width:400px;
	margin:0.6rem 0 0.6rem 0;

}
.mainmenu > ul > li > ul > li a {
	border:none;
	color:#474747;
	font-size:2rem;
	letter-spacing: 0.4rem;
	/*font-family: "DidotItalic";*/
	font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
	text-decoration:none;
	position: relative;
	/*padding-bottom:2px;*/
}
.mainmenu > ul > li > ul > li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  border-bottom: 1px solid #474747;
  transition: 0.4s;
}
/*.mainmenu > ul > li > ul > li a:hover:after {
  width: 100%;
  left:0;
  right: auto;
}
.mainmenu > ul > li > ul > li.selected > a:after {
   border-bottom: 1px solid transparent !important;
}
.mainmenu > ul > li > ul > li.selected > a:after:hover {
   width: 0%;
}*/
.mainmenu > ul > li > ul > li a:hover {
	border:1px solid #474747;
	border-width:0px 0px 1px 0px;
}
.mainmenu > ul > li > ul > li.selected a {
	border:1px solid #474747;
	border-width:0px 0px 1px 0px;
}

.mainmenu > ul > li > ul > li > ul{
	/*position: absolute;
	left: 0;
	top: 60px;*/
	display: none;
	min-width:400px;
	padding-top:1rem;
	padding-bottom:0.5rem;
	z-index: 101;
	/*visibility: hidden;
	opacity: 0;*/
	-webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
	-moz-transition: visibility 0.3s ease, opacity 0.3s ease;
	-o-transition: visibility 0.3s ease, opacity 0.3s ease;
	transition: visibility 0.3s ease, opacity 0.3s ease;
	overflow:visible;
	font-family: HelveticaNeueLTStd-Lt;
}

.mainmenu > ul > li > ul > li:hover > ul {
	/*visibility: visible;
	opacity: 1;
	display: block;*/
}
.mainmenu > ul > li > ul > li > ul li {
	margin-left: 3rem;
	margin-bottom: 1.1rem;
}
.mainmenu > ul > li > ul > li > ul li a {
	border:none;
	color:#474747;
	font-size:1.5rem;
	letter-spacing: 0.1rem;
	opacity: 0.75;
	/*font-family: "DidotItalic";*/
	font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
	text-decoration:none;
/*	padding-bottom:2px;*/
}
/* End Main Menu Styles */

/* begin main content area */
.main {
	position:relative;
	/*padding-top:17.4rem;*/
      padding-top: 8.9rem;
	/*padding-bottom:50px;*/
	opacity:1;
}
.hassubmenu-page .main {
	position:relative;
	    padding-top: 13.9rem;
}	
.main.hassubmenupage {
/*	padding-top: 21.6rem;*/
    padding-top: 14rem;
}
.main > div {
	transform:translateY(9.375rem);
	opacity:0;
	transition:transform 1s ease, opacity 1.5s ease;
}
.main > div.loaded {
	transform:translateY(0);
	opacity:1;
}

.main > div.loaded.notransition {
	transform:none !important;
	transition:none !important;
}

.main .imageheader {
	transform:translateY(6.25rem);
	opacity:0;
	transition:transform 1s ease, opacity 1s ease;
	transition-delay: .4s;
}
.main .imageheader.loaded {
	transform:translateY(0);
	 opacity: 1;
}

.main .imageheader.loaded.notransition {
	transform:none !important;
	transition:none !important;
	background-color: #FFF;
}

.more {
	transform:translateY(-2.5rem);
	opacity:0;
	transition:transform 1s ease, opacity 1s ease;	
}
.more.loaded {
	transform:translateY(0);
	opacity:1;	
	margin-top: 4.5rem
}

/*.main div {
	transition: top 1s ease, opacity 1s ease;
}*/

/* end main content area */

/* begin footer */

.footer {
    position: relative;
    height: 8.5rem;
    background: #FFF;
    color: #000;
    margin: auto;
    outline: 1px none red;
    min-width: 1080px;
}


.footermenucontainer {
	position:relative;
	width:100%;
      max-width: 1480px;
    margin: 0 auto;
	background-color: #FFF;
}

.footerleft {
	width:auto;
	padding-left: 10.8rem;
	/*height:60px;*/
	line-height:5rem;
	float:left;
	text-align:left;
}

.footerright {
	width:auto;
		/*height:60px;*/
	line-height:5rem;
	float:right;
	text-align:right;
	/*padding-right:10.8rem;*/
  padding-right: 9rem;
	outline:1px none blue;
}

.footer a, .footer span {
	display: inline-block;
    width: auto;
      float: left;
    text-decoration: none;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #474747;
    margin-right: 10px;
    transition: color 0.1s ease-in-out;
    outline: 1px none green;
    text-align: left;
     letter-spacing: 0.1rem;

}
.footer span {
	font-family: 'Favorit-Medium';
	font-weight: normal;
}
.footer a.socialicon {
	display: inline-block;
	width: 2.5rem !important;
	height: 2.6rem;
	margin-right: 0px !important;	
}

.socialicons li {
	display: inline-block;
	margin-bottom: 0rem;
	vertical-align: top;
}
.footer a:hover {
	color:#474747;
}

.footer span {
	width:20rem;
}
.footer span.profile {
	width:20rem;
}
.footer span.projects {
	width:20rem;
}
.footer span.people {
	width:11.25rem;
}
.footer span.contact {
	width:11.25rem;
}
.footer span.social {
	width:14.25rem;
}
.footer span.footersocial {
	width:18rem;
	margin-top: 1.2rem;
}

/* end footer */

/* begin footer extension */

.footerextension {
	display:none;
	background:#F2F2F2;
	color:#474747;
	margin:auto;
	padding:2rem 0 2rem 0;
	outline:1px none blue;
	min-width:1080px;
}

.footerextensioncontainer {
	position:relative;
	width:100%;
      margin: 0 auto;
    max-width: 1480px;
}

.footerextensionleft {
	padding-left:10.8rem;
	width:auto;
	line-height:60px;
	float:left;
	text-align:left;
	overflow:hidden;
}

.footerextensionright {
	width:28rem;
	line-height:45px;
	float:right;
	text-align:right;
	padding-right:10.8rem;
	outline:1px none blue;
	overflow:hidden;
}
.footerextension a, .footerextension span {
	display:inline-block;
	width:180px;
	color:#000;
	vertical-align:top;
	margin-right:10px;
	text-decoration:none;
}
.footerextension .profile {
	width:180px;
}
.footerextension .projects {
	width:180px;
}
.footerextension .people {
	width:180px;
}
.footerextension .contact {
	width:180px;
}
.footerextension .footersocial {
	width:50px;
}
.footerextension a, .footerextension span {
	display:inline-block;
	width:14.4rem;
	color:#000;
	vertical-align:top;
	margin-right:0px;
	text-decoration:none;
}
.footerextension .profile {
	width:14.4rem;
}
.footerextension .projects {
	width:14.4rem;
}
.footerextension .people {
	width:14.4rem;;
}
.footerextension .contact {
	width:11rem;
}
.footerextension .footersocial {
	width:3.125rem;
	margin-top: 5px;
}
.footerextension ul li {
	padding:0;
	margin:.25rem 0 .25rem 0;
	margin:.5rem 0 .5rem 0;
	height:auto;
	line-height:1.2;
}
.footerextension ul li a {
	height: auto;
    width: auto;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    font-size: 0.9rem;
    /* padding-bottom: 0.4rem; */
    margin-bottom: 0.4rem;
    line-height: 1.5rem;
    display: inline;
    border: 1px solid transparent;
    border-width: 0px 0px 1px 0px;
}
.footerextension ul li.topmenufooterlist a {
	font-family: 'Favorit-Medium';
   font-weight: normal;
}
.footerextension ul li a:before {
	content: '';
	display: block;
}
.footerextension ul li a:hover {
	border:1px solid black;
	border-width:0px 0px 1px 0px;
}
.footerextension ul.socialicons li {
	margin:0 0 0rem 0;	
}

.footerextension ul li a.socialicon {
	position:relative;
	display:block;
	width:36px;
	height:36px;
	width:2.25rem;
	height:2.25rem;
	outline:1px none red;
	padding:0;
	text-decoration:none !important;
	border:none !important;
	transition:opacity .25s;
	opacity:1;
}

.footerextension ul li a.socialicon:hover {
	/*opacity:0.5;*/
}

.facebook {
	position:relative;
	overflow:hidden;
}
.facebook:before {
	content: '';
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_Off.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
     background-position: 0rem 0rem
	transform:scale(1,1);
	transition: transform .2s;
}
.facebook:hover:before {
	/*transform:scale(.95,.95);*/
	 background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
	  background-size: 14rem 2.5rem;
    background-position: 0rem 0rem
}
.facebook:after {
	content: '';
  
      width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: 0rem 0rem
	transform:scale(0,0);
	transition: transform .2s;
}
.facebook:hover:after {
	transform:scale(1,1);
}


.google {
	position:relative;
	overflow:hidden;
}
.google:before {
	content: '';
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_Off.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -2.9rem 0rem;
	transform:scale(1,1);
	transition: transform .2s;
}
.google:hover:before {
	  background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -2.9rem 0rem;
}
.google:after {
	content: '';
    
     width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -2.9rem 0rem;
	transform:scale(0,0);
	transition: transform .2s;
}
.google:hover:after {
	transform:scale(1,1);
}



.linkedin {
	position:relative;
	overflow:hidden;
}
.linkedin:before {
	content: '';
    display: block;
     width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_Off.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -5.7rem 0rem;
	transform:scale(1,1);
	transition: transform .2s;
}
.linkedin:hover:before {
	 background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -5.7rem 0rem;
}
.linkedin:after {
	content: '';
  
     width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -5.7rem 0rem;
	transform:scale(0,0);
	transition: transform .2s;
}
.linkedin:hover:after {
	transform:scale(1,1);
}



.youtube {
	position:relative;
	overflow:hidden;
}
.youtube:before {
	content: '';
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_Off.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -8.7rem 0rem;
	transform:scale(1,1);
	transition: transform .2s;
}
.youtube:hover:before {
	 background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -8.7rem 0rem;
}
.youtube:after {
	content: '';
 
     width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -8.7rem 0rem;
	transform:scale(0,0);
	transition: transform .2s;
}
.youtube:hover:after {
	transform:scale(1,1);
}

.instagram {
	position:relative;
	overflow:hidden;
}
.instagram:before {
	content: '';
    display: block;
      width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_Off.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -11.6rem 0rem;
	transform:scale(1,1);
	transition: transform .2s;
}
.instagram:hover:before {
	 background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -11.6rem 0rem;
}
.instagram:after {
	content: '';
   
     width: 2.5rem;
    height: 2.5rem;
    /* margin-right: 14px; */
    background: url(Sunland_Desktop_Footer_Social_On.svg) no-repeat 0 0;
    background-size: 14rem 2.5rem;
    background-position: -11.6rem 0rem;
	transform:scale(0,0);
	transition: transform .2s;
}
.instagram:hover:after {
	transform:scale(1,1);
}
.nomarginright{
	    padding-right: 0rem;
    margin-right: 0rem !important;
}
#footersubscribe {
	width:auto;
}
#footersubscribe #footer_subscribe_email {
	width:17rem;
	display:inline;
	margin-right:5px;
	padding: 0.6rem;
	margin-right:0rem;
	color:#474747;
	font-size:12px;
	font-size:0.9rem;

	   /* margin-bottom: 0rem;*/
	background-color: #FFF;
	border:0;
	transition: width 1s ease, opacity 1s ease;
}
#footersubscribe #footer_subscribe_email.processing {
	width:0px;
	opacity:0;
}
#footersubscribe #footer_subscribe_submit {
	width:120px;
	width: 7rem;
    height: 2.25rem;
    font-family: 'Favorit-Medium';
    float: right;
   padding-top: 0.42rem;
	margin-right:0.2rem;
	display:inline;
	text-transform: uppercase;
	background-color: #474747;
    border:1px solid #474747;
	color:#fff;
	font-size:12px;
	font-size:0.9rem;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#footersubscribe #footer_subscribe_submit:hover {
	color:#474747;
	background-color: #F2F2F2;
	border:1px solid #474747;
   
}



 
#footersubscribe #footer_subscribe_submit.submitted {
	width:0px;
	opacity:0;
}
#footersubscribe #footer_subscribe_submit.disabled {
    background: linear-gradient(to left, #000 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:left bottom;
}
#footersubscribe #footer_subscribe_thankyou {
	width:16.5625.rem;
	margin-right:5px;
	margin-right:0rem;
	color:#000;
	font-size:12px;
	font-size:1rem;
	display:none;
	text-align: right;
	/*border: 1px solid #474747;*/
	width: auto;
	    line-height: 2rem;
    padding-left: 1.5rem;
 /*   padding-right: 1.5rem;*/
	margin-top: -3rem;
    float: right;
}
#footersubscribe #footer_subscribe_thankyou.activated {
	width:16.5625.rem;
	margin-right:5px;
	margin-right:0.3125rem;
	opacity:1;
}
#footersubscribe #footer_subscribe_spinner {
	display:inline;
	width:30px;
	height:auto;
	vertical-align:middle;
	margin-right:10px;
	margin-right:0.625rem;
	display:none;
}

.footerextension .footercredits {
	padding-left:10.8rem;
	font-size:11px;
	font-size:1rem;
	text-align:left;
	margin-top:40px;
	margin-bottom:0;
}
.footerextension .footercredits a, .footerextension .footercredits span {
	display:inline-block;
	margin-right:20px;
	margin-right:1.25rem;
	width:auto;
	    font-size: 1.2rem;
}
.footerextension .footercredits a:hover {
	border:1px solid black;
	border-width:0px 0px 1px 0px;
}
/* end footer extension */

/*************************** end structural styles ***************************/

/*************************** begin text content styles ***************************/

ul.decorative {
	font-size:1.2rem;
}
ul.decorative li:before {
	content:'\2013\2002';
}

/*************************** end text content styles ***************************/

/*************************** begin form styles ***************************/
.formcontainer {
	position:relative;
	outline:1px none red;
	margin-bottom:1rem;
	margin-top:2rem;
}

.formcolumn {
	position:relative;
	width:50%;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	outline:1px none blue;
	margin-bottom:2rem;
}
.formcolumn p:last-of-type {
	margin-bottom:0;
}

.leftcolumn {
	padding-right:1rem;
}

.rightcolumn {
	padding-left:1rem;
}
.search-box {
	   /* margin: 43.2rem auto auto !important;
    width: 29.5rem;*/
    /*left: 50%;
    position: absolute;
    bottom: 10%;*/

    left: 50%;
    position: absolute;
    top: 50%;
    height: 30%;
    transform: translate(-50%, -50%);

   /* transform: translateX(-50%);*/
    width: 29.5rem;
}
.search-box h2 {
	color: #FFF;
	white-space: nowrap;
}
.search-box p {
	    color: #FFF;
    font-size: 1.4rem;
    font-family: 'Favorit-Medium';
    letter-spacing: 0.002rem;
    margin-top: 5rem;
}
p.resp {
	  color: #474747;
    font-size: 1.4rem;
    font-family: 'Favorit-Medium';
    letter-spacing: 0.002rem;
        margin-top: 1.5rem;
    margin-bottom: 7.2rem;
}
.search-box input[type=text] {
	background-color: transparent;
	border:1px solid #FFF;
	color: #FFF;
	    padding-left: 20px;
}
.search-box input[type=submit] {
  background-color: #FFF;
  color: #474747;
}	
.search-box input[type=submit]:hover {
  background-color: transparent;
  border:1px solid #FFF;
  color: #FFF;
}	


.search-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #FFF;
}
.search-box input::-moz-placeholder { /* Firefox 19+ */
 color: #FFF;
}
.search-box input:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
.search-box input:-moz-placeholder { /* Firefox 18- */
 color: #FFF;
}


.formcontaineroverlay {
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
   background: rgba(50,50,50,0.97);
    z-index: 999;
    display: none;
}
.formcontaineroverlay::-webkit-scrollbar { 
    display: none; 
}
.formcontaineroverlaysearch {
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
      background-color: #F2F2F2;
    z-index: 999;
    display: none;
}
.formcontaineroverlaytext {
	position:absolute;
	width:100%;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
}
.formcontaineroverlaytext h2{
	text-align:center !important;
}
.formcontaineroverlaytext p{
	font-family: helvetica,sans-serif;
	text-align:center !important;
}
.formcontainer h3 {
	font-size:.9rem;
	
	text-align:left;
	margin-bottom:2px;
	padding:0;
	color:#666;
}
.formcontainer p {
	text-align:left;
	margin-bottom:2rem;
	color:#666;
}

label {
	display:inline;
	font-size:.75rem;
	
}
input[type=text],input[type=password],input[type=email],input[type=submit],textarea,select {
	width: 100%;
      font-family: 'Favorit-Light';
    padding: .75rem;
    padding-left: 10px;
    font-size: 1.2rem;
    margin-bottom: 1.3rem;
    letter-spacing: .1rem;
    color: #474747;
    border: 0;
    background: #FFF;
    outline: none;
}
textarea {
	min-height:7.75rem;
	font-size: 1.25rem;
    font-family: 'Favorit-Light';
	letter-spacing:0.1rem;
}
select {
	padding:.7rem;
}
input[type=submit].disabled {
	opacity:0.5;
}
input[type=submit] {
	color:#fff;
	font-family: 'Favorit-Medium';
  background-color: #474747;
  border:1px solid #474747;
	cursor:pointer;
	text-transform: uppercase;
	    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  
}
input[type=submit]:hover {
	color:#474747;
   background-color:#F2F2F2;
	    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
input[type=submit].disabled {
	background: linear-gradient(to left, #000 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
	opacity:0.5;	
}

input[type=button] {
	width:100%;
	padding:.85rem;
	font-size:1rem;
	color:#000;
	border: 1px solid #999;
	background:transparent;
	outline:none;
	cursor:pointer;
}

input[type=button].disabled {
	opacity:0.5;
}
/*input[type=button] {
	background:#000;
	color:#fff;
	cursor:pointer;
	font-family: HelveticaNeueLTStd-Lt;
}*/
input[type=button]:hover {
	background:#808080;
	color:#fff;
}

/* begin footer subscribe form */

::-webkit-input-placeholder {
   color: #474747;
}
:focus::-webkit-input-placeholder {
   color: transparent;
}

:-moz-placeholder { /* Firefox 18- */
   color: #474747;
   opacity: 1;
}
:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
   opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #474747;
   opacity: 1;
}
:focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
   opacity: 1;
}

:-ms-input-placeholder {  
  color: #474747;
}


#sitesearch input::-webkit-input-placeholder {
   color: #FFF;
}
#sitesearch input:focus::-webkit-input-placeholder {
   color: transparent;
}
#sitesearch input:-moz-placeholder { /* Firefox 18- */
   color: #FFF;
   opacity: 1;
}
#sitesearch input:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
   opacity: 1;
}

#sitesearch input::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;
   opacity: 1;
}
#sitesearch input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
   opacity: 1;
}

#sitesearch input:-ms-input-placeholder {  
   color: #FFF;
}

.fullscreen-overlay input::-webkit-input-placeholder {
   color: #fff;
}
.fullscreen-overlay input:focus::-webkit-input-placeholder {
   color: transparent;
}
.fullscreen-overlay input:-moz-placeholder { /* Firefox 18- */
   color: #fff;
   opacity: 1;
}
.fullscreen-overlay input:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
   opacity: 1;
}

.fullscreen-overlay input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   opacity: 1;
}
.fullscreen-overlay input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
   opacity: 1;
}

.fullscreen-overlay input:-ms-input-placeholder {  
   color: #fff;
}

#footer_subscribe_email::-webkit-input-placeholder {
  color: #474747;
}
#footer_subscribe_email:focus::-webkit-input-placeholder {
   color: transparent;
}

#footer_subscribe_email:-moz-placeholder { /* Firefox 18- */
   color: #474747;
}
#footer_subscribe_email:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
}

#footer_subscribe_email::-moz-placeholder {  /* Firefox 19+ */
  color: #474747;
}
#footer_subscribe_email:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #474747;
}

#footer_subscribe_email:-ms-input-placeholder {  
  color: #474747;
}

/* end footer subscribe form */

.errormessage {
	padding-top:5px;
	color:red;
	display:inline-block;
	font-size:.85rem;
	text-align:left;
	margin:0;
	
}
select.narrow {
	width:32%;
	margin-right:1.3%;
}
select.narrow:last-of-type {
	margin-right:0;
}
option {
	background:transparent;
}
.errormessage {
	display:none;
}

/* begin pseudoselect control */

.pseudoselect {
	position:relative;
	display:inline-block;
	width:100%;
	/*padding: .85rem 10px .85rem 10px;*/
	padding:.865rem;
	font-size:1.2rem;
	letter-spacing:.5px;
	color:#000;
	border: 1px solid #999;
	background:transparent;
	outline:none;
	margin-bottom:1.1em;
	margin-top:0;
	background:url(Desktop_Form_Arrow_Revised_Off.svg) calc(100% - 5px) no-repeat;
	/*background: #transparent url(Mobile_Down_Arrow.svg) no-repeat;*/
	background-size: 1.25rem .75rem;
	cursor:default;
	text-align:left;
}
.pseudoselect:hover {
	background:url(Desktop_Form_Arrow_Revised_On.svg) calc(100% - 5px) no-repeat;
	background-size: 1.25rem .75rem;	
}
.pseudoselect.filter {
	width:18%;
	border:none;
	background:url(Desktop_Form_Arrow_Revised_Off.svg) left center no-repeat;
	background-size: 1.25rem .75rem;
	margin-bottom:0;
	margin-right:2%;
}
.pseudoselect.filter:hover {
	background:url(Desktop_Form_Arrow_Revised_On.svg) left center no-repeat;
	background-size: 1.25rem .75rem;	
}
.pseudoselect.filter .selectiontext {
	padding-left: 20px;
}
.psselections {
	position:absolute;
	max-height:200px;
	left:0px;
	right:0px;
	top:66px;
	margin: 0px 8px 0px 10px;
	padding:10px;
	font-size:1rem;
	color:#333;
	border: 1px solid #999;
	background:#fff;
	overflow:auto;
	display:none;
	z-index:10000;
}
.psselections label {
	display:block;
	font-size:1rem;
	cursor:pointer;
	margin-bottom:10px;
	text-align:left;
}

.selectioncount {
	font-size:.9rem;
}

.pseudoselect.filter .psselections {
	max-height:none;
}

/* end pseudoselect control */

/* custom checkboxes for pseudoselect multi-select */

input[type=checkbox].multi-check {
	width:auto;
	margin:0;
	padding:0;
	opacity:0;
	margin-left:-15px;
}

input[type=checkbox].multi-check + span {
	font-size:.75rem;
	color:#999;
	cursor:pointer;
}
input[type=checkbox].multi-check:checked + span {
	color:#000;
}

/* custom radio buttons for pseudoselect standard-select */

input[type=radio].single-check {
	width:auto;
	margin:0;
	padding:0;
	opacity:0;
	margin-left:-15px;
}

input[type=radio].single-check + span {
	font-size:1rem;
	color:#000;
	cursor:pointer;
}
input[type=radio].single-check + span:hover {
	border:1px solid #000;
	border-width: 0px 0px 1px 0px;	
}
input[type=radio].single-check:checked + span {
	color:#000;
	border:1px solid #000;
	border-width: 0px 0px 1px 0px;
}

/* custom checkbox and radio buttons */

label.checkboxcontainer {
	display:inline-block;
	font-size:.75rem;
	color:#000;
	vertical-align:middle;
	cursor:pointer;
}
label.checkboxcontainer input[type=checkbox] {
	width:0px;
	height:0px;
	position:absolute;
	left:-9999px;
}
label.checkboxcontainer input[type=checkbox] + span {
	display:inline-block;
	vertical-align:middle;
	width:3.125rem;
	height:3.125rem;
	margin-bottom:1px;
	margin-right:10px;
	background:url(Desktop_Checkbox_Off.png) left top no-repeat;
	background-size:cover;
	outline:1px none red;
}

label.checkboxcontainer input[type=checkbox]:checked + span {
	background:url(Desktop_Checkbox_On.png) left top no-repeat;
	background-size:cover;
}

label.radiobuttoncontainer {
	display:inline-block;
	font-size:1rem;
	color:#000;
	vertical-align:middle;
	cursor:pointer;
}
label.radiobuttoncontainer input[type=radio] {
	width:0px;
	height:0px;
	position:absolute;
	left:-9999px;
}
label.radiobuttoncontainer input[type=radio] + span {
	display:inline-block;
	vertical-align:middle;
	width:2rem;
	height:2rem;
	margin-bottom:1px;
	margin-right:10px;
	background:url(Desktop_Check_Box_Off.png) center center no-repeat;
	background-size:99%;
	outline:1px none red;
}

label.radiobuttoncontainer input[type=radio]:checked + span {
	background:url(Desktop_Check_Box_On.png) center center no-repeat;
	background-size:99%;
	color:#000;
}

label.radiobuttoncontainer input[type=radio]:checked + span + span {
	color:#000
}

.formoverlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,1);
	display:none;
}

.formoverlay .overlaymessage {
	position:absolute;
	width:100%;
	height:auto;
	left:0px;
	top:50%;
	transform: translateY(-50%);
	text-align:center;
	outline:1px none red;
}
.formoverlay .overlaymessage h4 {
	font-size:1.6rem;
	margin-bottom:1.6rem;
}
.formoverlay .overlaymessage p {
	text-align:center;
}

/*************************** end form styles ***************************/

.topherocarousel {
	padding-top: 56.25%;
	position: relative;

}
.topherocarousel.full-gallery {
	padding-top: 62%;
	position: relative;
	    margin-top: 2.75rem;
    float: left;
    width: 100%;

}
.topherocarousel .herocarousel {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}
.herocarouselmiddlepage {
   height: 68rem;
}
.herocarouselmiddlepageexp {
   height: 705px;
}
.carouselcontainer {
	position:relative;
	margin:0;
	padding:0;
}

.carousel {
	position:relative;
	margin:0;
	transition: top 1s ease, opacity 1s ease;
	outline:1px none blue;
}
.carouselcrossfade {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:red;
	opacity:1;
	display:none;
	background-color:#fff;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	/*border:10px solid red;
	outline:1px solid red;
	transition:opacity .2s linear;*/
}
.carouselimage {
	position:relative;
	display:block;
	margin-bottom:1rem;
}

.carouselimage-overlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	/*background-image:url(Desktop_YD_Brand_Tile_White_100.png);*/
	opacity:0;
	transition:opacity .25s;
	text-decoration:none !important;
}
.carouselimage:hover .carouselimage-overlay {
	opacity:0.3;
}
.carouselimage .viewdetailsbutton {
	display:block;
	position:absolute;
	width:50%;
	left:50%;
	top:50%;
	margin-top:-2rem;
	transform: translateX(-50%) translateY(-50%);
	opacity:0;
	transition:margin-top .25s, opacity .25s;
	padding:1rem 2rem 1rem 2rem;
	font-size:1.2rem !important;
	color:#000;
	background:rgba(243,243,243,0.4);
	text-decoration:none !important;
	border:1px solid #666;
	text-align:center;
}
.carouselimage:hover .viewdetailsbutton {
	top:50%;
	opacity:1;
	margin-top:0;
}
.grid-carousel.large .viewdetailsbutton {
	width:25%;
}

.carouselimage .pinterestbutton {
	position:absolute;
	width: 1.25rem;
	height: 1.25rem;
	top:1rem;
	right:1rem;
	background: transparent url(Desktop_Product_Pintrest_Icon_Off.png) left top no-repeat;
	background-size:cover;
}
.carouselimage .pinterestbutton:hover {
	background: transparent url(Desktop_Product_Pintrest_Icon_On.png) left top no-repeat;
	background-size:cover;	
}

/*************************** begin page specific styles ***************************/

.search-linkres {
	text-decoration: none;
}
/* CONTENT BLOCK TEXT HEADER */
.content-object-text-header {
  text-align: center;
   
}
.content-object-text-header h2 {
	max-width: 60rem;
	margin: 0px auto auto;
}
.content-object-text-header h5.second-header, h5.second-header {
	font-size: 1.5rem;
	font-family: 'Favorit-Medium';
	font-weight: normal;
	margin-top: 1.6rem;
    margin-bottom: 1.5rem;
}
.landscapefullvideo .meta-text-box h4 {
	font-size: 1.5rem;
	font-family: 'Favorit-Medium';
	font-weight: normal;
	text-align: center !important;
	margin-top: 1.6rem;
    margin-bottom: 1.5rem;
}
.content-object-text-header p {
	max-width: 72.4%;
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin: 0px auto 0rem;
}
.button-action {
	display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-family: 'Favorit-Medium';
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    background-color: #474747;
    border:1px solid #474747;
   /* padding: 0.5rem 7.2rem;*/
    /*   padding: 0.5rem 6.6rem;*/
    min-width: 29.7rem;
    padding: 0.4rem;
    font-size: 1.2rem;
    -moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: 2rem;
	line-height: 1.55rem;
}
.button-action:hover {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background-color: #F2F2F2;
	border:1px solid #474747;
	color: #474747;
}

.content-object-3-col .meta-text-box .button-action {
	width: 100%;
	text-align: center;
}

.button-action_reset {
	display: inline-block;
	    font-family: 'Favorit-Medium';
    text-decoration: none;
    color: #474747;
    width: 100%;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    padding: 0.75rem 7.2rem;
    font-size: 1.2rem;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.button-action_reset:hover {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background-color: #F2F2F2;
	border:1px solid #CCCCCC;
	color: #474747;
}

.shownextstep, .shownextstepp {
  text-align: center;
    padding: .75rem;
    padding-left: 10px;
    font-size: 1.2rem;
    margin-bottom: 1.3rem;
    width: 100%;
}
.content-object-3-col {

}
.content-object-3-col h2 {
	/*margin-bottom: 6rem;*/
}
.content-object-3-col .carouselnav, .rightcontentimgobject .carouselnav{
	   /* margin-right: 1.5rem;*/
    margin-top: 0.6rem;
    font-size: 1.3rem !important;
    float: right;

}
.content-object-3-col .buttonprev, .rightcontentimgobject .buttonprev{
  margin-right: 0.5rem;
  cursor: pointer;
}
.content-object-3-col .buttonnext, .rightcontentimgobject .buttonnext{
  margin-left: 0.5rem;
  cursor: pointer;
}
.content-object-1-col-right {
	margin-top: 0rem;
}
.rightcontentimgobject {
	float: right;
	margin-top: 2.75rem;
	width: 65%;
	text-align: center !important;
}
.rightcontentimgobject.centered {
	float: none;
	display: inline-block;
	margin: 2.75rem auto auto;
}
.rightcontentimgobject.centered .meta-text-box {
	text-align: center;
}
.rightcontentimgobject.leftalign{
	float: none;

}
.rightcontentimgobject .meta-text-box h3, .rightcontentimgobject .meta-text-box a, .rightcontentimgobject .meta-text-box h4, .rightcontentimgobject .meta-text-box p {
   text-align: center;
}
.rightcontentimgobject  .content-grid-item.landscape .grid-item-image:before {
	padding-top: 56.5%;
    display: block;
    content: '';
}
.content-object-1-col-right .content-grid-item.landscape:before{
   padding-top: 56.5%;
    display: block;
    content: '';
} 
.content-grid-item .landscape .boxcanvas {
	position: absolute;
}
.content-object-video .content-grid-item.landscapefullvideo:before {
    padding-top: 56.5%;
    display: block;
    content: '';
} 

.content-grid-item.landscapefullvideo .grid-item-image:before {
	padding-top: 56.25%;
    display: block;
    content: '';
}
.slidercol {
	position: relative;
	padding-top: 75.21%;
}
.slidercol.landscape {
	padding-top: 56.25%;
}
.slidercol .carousel {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}
.smallgridimgcontent {
	position: relative;
}

li.firstthird .smallgridimgcontent:before {
	    padding-top: 122.47%;
    display: block;
    content: '';
}
li.lastthird .slidercol {
	 padding-top: 56.5%;
}
li.firstthird .slidercol {
	  padding-top: 122.47%;
}
.smallgridimgcontent:before {
	padding-top: 75.21%;
    display: block;
    content: '';
}
.insta .smallgridimgcontent:before {
	padding-top: 100%;
    display: block;
    content: '';
}
.smallgridimgcontent .boxcanvas {
	position: absolute;
}
.content-object-video h2 {
	/*margin-bottom: 5rem;*/
}
.landscapefullvideo h3 {
      text-align: center !important;
}
.landscapefullvideo p {
  text-align: center !important;
    width: 60%;
    margin: 0px auto auto;
}



.content-accordeon {
	border-bottom: 1px solid #999;
}
.content-accordeon:last-child {
	border-bottom: 1px solid transparent;
}
.content-accordeon h4 {
	text-transform: uppercase;
	font-size: 0.9rem !important;
	margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    cursor: pointer;
}

.content-accordeon h4:after {
	    content: "";
    display: block;
    position: absolute;
    top: 0.2rem;
    right: 0rem;
    height: 1.2em;

    width: 1.2rem;
    background-size: cover;
    background: url(NL_Desktop_Expand_Symbol_Off.svg) center center no-repeat;

}
.content-accordeon.open h4:after {
	    content: "";
    display: block;
    position: absolute;
    top: 0.2rem;
    right: 0rem;
      height: 1rem;
    width: 1rem;
    background-position: center center;
    background-size: 100%;
    background: url(NL_Desktop_Product_Info_Closed.svg) center center no-repeat;

}
.content-accordeon p {
	display: none;
	font-size: 1rem !important;
	text-align: left;
	margin-bottom: 0.9rem !important;
}
.content-accordeon.open p {
	font-size: 1rem;
	margin-bottom: 0.9rem !important;
}

.thank-you-register {
    position: absolute;
    width: 100%;
    /* left: 50%; */
    top: 45%;
}

.thank-you-register h3 {
  text-transform: uppercase;
    font-size: 2.5rem;
   letter-spacing: 0.4rem;
}
.thank-you-register p {
 font-size: 1.4rem;
    margin: 4.6rem auto auto;
    width: 68.5%;
}
.menu-discover {
	text-align: center;
	margin-top: 4rem;
	margin-bottom: 4.4rem;
}
.menu-discover ul {

}
.menu-discover ul li {
	    margin-bottom: 2.05rem;
}
.menu-discover ul li a{
	text-decoration: none;
  font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
    color: #808080;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: 0.4rem;
    line-height: 2.1rem;
    border-bottom: 1px solid transparent;
}
.menu-discover ul li a:hover {
    color: #474747;
    border-bottom: 1px solid #474747;
}	
.close-forms {
	position: absolute;
	cursor: pointer;
	/* top: 7.5rem;
	right: 10.8rem;*/
      top: 4.5rem;
    right: 8.8rem;
	width: 2rem;
	height: 2rem;
	-webkit-mask-image: url(Sunland_Desktop_Secondary_Menu_Close_Off.svg);
    mask-image: url(Sunland_Desktop_Secondary_Menu_Close_Off.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
	background-color: #FFF;

}
#formcontaineroverlay-procurement-popup .close-forms, #formcontaineroverlaycustom-popup .close-forms, #formcontaineroverlay .close-forms, #formcontaineroverlay-popup .close-forms, #formcontaineroverlay-popupup .close-forms, #formcontaineroverlay-popupn .close-forms, #formcontaineroverlay-newregister .close-forms {
    top: -7.5rem;
    right: 0rem;
}
.close-forms.searchclose {
	background-color: #474747;
	z-index: 999;
}

/* Customize the label (the container) */


.checkbox-container-form {
  margin-top: 0.9rem;
    margin-bottom: 2.1em;

}

.containercheck {
     display: inline-block;
    position: relative;
      /* padding-left: 3.4rem;*/
          padding-left: 2.5rem;
    padding-top: 0px;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: 'Favorit-Medium';
    text-decoration: none;
    color: #474747;
    letter-spacing: 0.12rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.containercheck p {
	text-transform: none;
    text-align: left;
    letter-spacing: 0.05rem;
    line-height: 1.6rem;
    font-size: 1.3rem;
    width: 80%;
        margin-top: 0.1rem;
}

.containercheck.small {
    display: inline-block;
    position: relative;
    padding-left: 1.6rem;
    padding-top: 0px;
    line-height: 1.4rem;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 0.07rem;
   text-transform: none;
    font-size: 1.3rem;
    margin-right: 0.5rem;
    font-family: 'Favorit-Light' !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.extra-form-data a {
	text-decoration: none;
    cursor: pointer;
    letter-spacing: 0.07rem;
   text-transform: none;
    font-size: 1.3rem;
        padding-left: 0.5rem;
}
/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.extra-form-data {
	width: 100%;
	float: left;
	    margin-top: 0.6rem;
    margin-bottom: 2rem;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
 top: 0.2rem;
  left: 0;
/* height: 2rem;
    width: 2rem;*/
    height: 1.7rem;
    width: 1.7rem;
  background-color: transparent;
   border: 1px solid #474747;
}
.small.checkmark {
	    height: 1.1rem;
    width: 1.1rem;
        top: 0.2rem;
}
/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
background-color: transparent;
    border: 1px solid #474747;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
 /* background-color: #2196F3;*/
  border: 1px solid #474747;
 /*  background-size: cover;
   background: url(JWA_Desktop_Side_Menu_Close_Off.svg) center center no-repeat;*/
   background-image: url(JWA_Desktop_Side_Menu_Close_Off.svg);
  background-repeat: no-repeat;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkcheck:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sideinput {
	display: inline-block;
	float:left;
}
.step4 {
	margin-bottom: 2rem;
}
.req_text {
	text-transform: uppercase;
}
.address-recap .name {
	text-align: left;
}
.address-recap {
	text-transform: uppercase;
}
.back_button {
	position: relative;
	text-decoration: none;
    font-weight: 900;
    padding-left: 1.5rem;
}
.back_button:before {
	 position: absolute;
    content: "";
    top: -2px;
    left: -4px;
    width: 23px;
    height: 16px;
    background: url(JWA_Desktop_Side_Menu_Arrow_Right_Off.svg) center center no-repeat;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


/*************************** end page specific styles ***************************/

/*************************** Begin Content Object styles ***************************/
.content-object-text-header h3 {
	text-align: center !important;
}
.content-object {
	width: 100%;
	padding-left: 10.8rem;
	padding-right: 10.8rem;
	/*margin-top: 10.5rem;
	margin-bottom: 7rem;*/
	display: inline-block;
	/*padding: 0 3.6% 0 3.6%;*/
	/*margin-bottom:1.5rem;*/
	outline:1px none red;
	 margin-bottom: 7.8rem;
    margin-top: 9.4rem;

}
.content-object.issu-object {
	margin-top: 0rem;
}
.content-object.issu-object h2 {
	 margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
}
.content-object-1-col-right h2 {
	 margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
}
.content-object.grid-content-item-col {
  margin-top: 0rem;
}
.content-object.grid-content-item-col h2{
	margin-top: 9.8rem;
    margin-bottom: 2.2rem;
} 
.content-object.grid-content-item-col h2.sserif{
	 margin-top: 2.75rem;
	 margin-bottom: 2.75rem;
} 
.content-object.full-gallery-content {
	margin-top: 0rem;
}
.content-object.full-gallery-content h2{
	 margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
} 
.content-object.suburb-content-item {
	margin-top: 2.75rem;
}
.content-object.suburb-content-item h2{
	 margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
} 
.content-object.google-map-content-item {
	margin-top: 0rem;
}
.content-object.google-map-content-item h2{
	 margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
} 
.content-object-quote {
	margin-top: 0rem;
}
.content-object-quote h2{
	 margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
} 
.heading-module h2{
	margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
}
.content-object-quote h2.sserif{
	 margin-top: 2.75rem;
	 margin-bottom: 2.75rem;
} 
.text-content-quote {
	margin-top: 2.75rem;
	width: 100%;
	float: left;
}
.spacegoogle {
	margin-top: 2.75rem !important;
}
.content-object.heading-module {
	margin-top: 0rem;
	margin-bottom: 0rem;
	text-align: center;
}
.content-object.no-heading {
	/*margin-top: 4rem;*/
}
.content-object-1-col-right {
	margin-top: 0rem;
}
.content-object-1-col-right h2 {
	 margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
} 
.content-object-video {
padding-left: 10.8rem;
	padding-right: 10.8rem;
	 margin-bottom: 7.8rem;
    margin-top: 0rem;
/*	margin-top: 10.5rem;
	    margin-bottom: 5.8rem;*/
}
.content-object-video h2 {
	 margin-top: 9.4rem;
	 margin-bottom: 2.75rem;
} 
.content-object-video .landscapefullvideo {
	    margin-top: 2.75rem;
    float: left;
    width: 100%;

}
.content-object.first-object {
	margin-top: 0rem;
	
}
.content-object-share {
	margin-top: 0rem !important;
}
.content-object.first-object.hassubmenu-page {
	margin-top: 3.2rem !important;
	
}

.content-object.smallgridobject {
	/*margin-bottom: 0rem;*/
}
.content-object.fullbleed {
	padding: 0;
	margin-bottom:1.7rem;
}

.content-object:last-of-type {
	margin-bottom:0;
}

.moduleheading {
	text-align:left;
	font-size:2rem;
	border:1px solid #999;
	border-width:1px 0 0 0;
	padding-top:1rem;
}
.left {
	float:left;
}
.right {
	float:right;
}

.boxcanvas {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color:transparent;
	color: #000;
}

.textcontainer p {
	font-size:1rem;
}
.imageheader {
	background:#f3f3f3;
	outline:1px none red;
	overflow:hidden;
	
}
.imageheader .textcontainer {
	transition:opacity .2s, color 2s;
}
.imageheader * {
	transition:color .2s;
}
.imageheader:hover * {
	color:#666 !important;
	/*cursor:pointer;*/
}

.imageheader a {
	text-decoration:none;
}

.carousel a {
	text-decoration:none;
}

a.slidelink {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:transparent;
	color: transparent;
	z-index:2;
}
/*a.slidelink.playicon {
	background:url(Desktop_Video_Off.png) center center no-repeat;
	background-size: 150px 150px;
}
a.slidelink.playicon:hover {
	background:url(Desktop_Video_On.png) center center no-repeat;
	background-size: 150px 150px;
}
*/
/*** begin text content object ***/

.rich-text-content {
	
}

.text-content-object {
	position: relative;
	width:41%;
	margin-left:9.6%;
	outline:1px none red;
}

.text-column {
	width:50%;
	float:left;
	padding:5%;
	outline:1px none red;
}

.text-content-object.centered {
	width:48%;
	margin:auto;
}

.text-content-object h3 {
	font-size:3.6rem;
	margin-bottom:3rem;
	text-align:center;
}
	
.text-content-object p {
	font-size:1.2rem;
	letter-spacing:.5px;
	margin-bottom:2rem;
	text-align:left;
	line-height:1.6;
}

/*** end text content object ***/

/*** begin project details content object ***/

.project-details-content {
	
}

.project-details-content .project-details-text {
	position: relative;
	width:41%;
	margin-left:9.6%;
	outline:1px none red;
	float:left;
}
.project-details-content .project-details-text h3 {
	font-size:3.6rem;
	margin-bottom:3rem;
	text-align:left;
}
	
.project-details-content .project-details-text p {
	font-size:1.2rem;
	letter-spacing:.5px;
	margin-bottom:2rem;
	text-align:left;
	line-height:1.6;
}
.project-details-content .project-stats {
	position: relative;
	width:32%;
	margin-right:5%;
	outline:1px none red;
	float:right;
	
}
.project-details-content .project-stats ul {
	text-align:left;
	width:68%;
}
.project-details-content .project-stats ul li {
	border:1px solid #999;
	border-width: 0 0 1px 0;
	padding-bottom:.5rem;
	margin-bottom:.5rem;
	font-size:1.2rem;
}

/*** end text content object ***/

/*** begin call to action text content object ***/

.call-to-action-text-module {
	position: relative;
	width:83%;
	max-width:1774px;
	max-width:1550px;
	max-width:1450px;
	margin:auto;
	padding-top:4rem;
	margin-bottom:4rem;
}

.narrow .call-to-action-text-module {
	width:53.66%;
	max-width:952px;	
}

.call-to-action-text-module:before {
	content:"";
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:300%;
	border: 1px solid #999;
	border-width: 1px 0px 0px 0px;
}

.call-to-action-text-module h3 {
	font-size:3.8rem;
	margin-bottom:1rem;
	text-align:center;
}

.call-to-action-text-module p {
	font-size:1.2rem;
	letter-spacing:.5px;
	line-height:1.4;
	width:50%;
	margin:auto;
	margin-bottom:2rem;
	text-align:center;
}
	
.narrow .call-to-action-text-module p {

	width:75%;
	margin:auto;
	text-align:center;
	font-size:1.2rem;
	letter-spacing:.5px;
	margin-bottom:2rem;
	line-height:1.4;
}

/*** end call to action text content object ***/

/*** begin heading module ***/

.heading-module {
	position: relative;
	width: 100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	margin:3rem 0 6rem 0;
}

.heading-module h3 {
	font-size:3.6rem;
	line-height:1;
	padding: 4rem 0 6rem 9.6%;
	text-align:left;	
	border:1px solid #999;
	border-width:0 0 1px 0;
}

/*** end heading module ***/

/** seb custom **/
.fl {
	float: left;
}
.border-top-sep {
	 border-bottom: 1px solid #999;
   width: 100%;
    border-width: 1px 0 1px 0;
}
.nomarginbottom, .nomarginbottom p {
	margin-bottom: 0px !important;
}
.nomarginbottom .about-content p {
	margin-bottom: 2rem !important;
}
.marginbottom {
	margin-bottom: 3.5rem
}
.marginbottom-carouselabout {
	margin-bottom: 5.5rem
}
.small-center-grid {
	margin: 0px auto;
    width: 48.5%;
    text-align: left;
}
.small-center-grid p {
	text-align: left;
}
.content-centered-middle {
	margin: 0px auto;
    width: 74.3%;
    text-align: left;
}
.carousel-centered-middle {
	position: relative;
	margin: 0px auto;
    width: 74%;
    text-align: left;
}
.hideinfo {
	display: none;
	/*opacity: 0;
	visibility: hidden;*/
}
.hideinfo:hover {
	display: none;
	/*opacity: 0 !important;
	visibility: hidden;*/
}
.map-suburb {
  display: inline-block; 
 width: 65%;
 position: relative;
  float: left;
   padding-top: 48%;
  vertical-align: top;
  
}
.map-suburb-under {
	display: inline-block; 
 width: 65%;
 position: relative;
  float: left;
}
.map-suburb-under p {
	margin-bottom: 0rem !important;
}
.map-suburb-under.centered {
	float: none;
	margin: 0px auto auto;
	text-align: center;
}
.map-suburb-under h3, .map-suburb-under p, .map-suburb-under h4, .map-suburb-under h5{
	text-align: center !important;
}
.map-suburb-content {
	float: right;
	vertical-align: top;
	    width: 29.8%;
	display: inline-block;
}
.locationtitlesub {
	text-transform: uppercase;
    color: #FFF;
    text-align: center;
         margin-left: -80%;
    text-align: center;
    display: inline-block;
    font-size: 0.9rem;
    width: auto;
    letter-spacing: 0.1rem;
    position: relative;
    overflow: visible !important;
}
.locationtitlesub:before {
	content:'[';
	padding-right: 0.4rem;

}
.locationtitlesub:after {
	content:']';
	padding-left: 0.4rem;

}	
.contact-map {
	    width: 100%;
    float: left;
   padding-top: 56.25%;
}
.form-feedback {
 	margin: 3.5rem auto 1.5rem;
    width: 60%;
}

.form-feedback input {
	margin-bottom: 1rem;
}
.filter-content {
	margin-top: 3.5rem;
}
/* Custom SELECT **/

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
 font-size: 1.3rem;
    letter-spacing: .1rem;
    color: #474747;
        float: left;
    width: 100%;
}
.custom-select.dropeffect .select-selected, .custom-select.dropeffect .select-selected div{
  text-transform: uppercase !important;
  font-family: 'Favorit-Medium';
}	
.custom-select.dropeffect .select-items {
    position: relative;
    top: -1.35rem !important;
    left: 0;
    right: 0;
    z-index: 99;
}
.custom-select.dropeffect .select-items div, .custom-select.dropeffect .select-selected {
	 text-transform: uppercase !important;
}
.custom-select.dropeffect .select-items div:hover, .custom-select.dropeffect .select-selected:hover {
	background-color: #FFF !important;
	color: #474747;
	
}
.custom-select.dropeffect .select-selected:after {
    position: absolute;
    content: "";
    top: 8px;
    right: 10px;
    width: 2rem;
    height: 1.5rem;
    background: url(Sunland_Desktop_Site_Wide_Arrow_Down.svg) center center no-repeat;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.custom-select.dropeffect .select-selected.select-arrow-active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.custom-select.dropeffect .select-items div{
	color: #808080;
	font-family: 'Favorit-Medium';
}
.custom-select.dropeffect .select-items div:hover {
text-decoration: underline;
}	
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.custom-select .select-selected, .custom-select.dropeffect .select-selected{
	margin-bottom: 1.35rem;
	margin-top: -0.05rem;
	float: none;
	    position: relative;
	width: 100%;
     /* border: 1px solid #999;*/
}
.select-selected {
	margin-bottom: 1.3rem;
	float: left;
	    position: relative;
	width: 100%;
     /* border: 1px solid #999;*/
}
/*style the arrow inside the select element:*/
.select-selected:after {
     position: absolute;
    content: "";
    top: 10px;
    right: 10px;
    width: 2rem;
    height: 1.5rem;
    background: url(Sunland_Desktop_Site_Wide_Arrow_Down.svg) center center no-repeat;
        -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
 /* border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;*/
 

}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
 background: url(Sunland_Desktop_Site_Wide_Arrow_Down.svg) center center no-repeat;
  -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
 font-size: 1.25rem;
    letter-spacing: .1rem;
   color: #474747;
       font-family: 'Favorit-Light';
    /* text-transform: uppercase; */
       padding: .85rem;
    padding-left: 10px;
    background-color: #FFF;
    /* border: 1px solid #999; */
    /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
    cursor: pointer;
}
.select-items div {
  border-top:0px;
  border-bottom: 0px;
 padding-bottom: 1rem;
}
.select-items div:last-child {
    /* border-bottom: 1px solid #999;*/
}
/*style items (options):*/
.select-items {
  position: absolute;
  top: calc(100% - 1.35rem);
  left: 0;
  right: 0;
  z-index: 99;
   margin-bottom: 2rem;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div {
  color: #888888;
}
.select-items div:hover {
 background-color: #FFF;
 text-decoration: underline;
 color: #474747 !important;
}
.form-feedback label {
	    font-size: 1rem;
    margin-bottom: 1.5rem;
    width: 100%;
    margin-top: 0.5rem;
    display: inline-block;
    text-transform: uppercase;
}
.form-feedback textarea {
	font-size: 1rem;
}
.form-feedback input[type="submit"] {
	margin-top:1rem;
	text-transform: uppercase;
}
.link_form {
	margin-top: 4rem;
    font-size: 1.2rem;
}
.req_text {
	margin-top: -0.2rem;
    font-size: 1rem;
    letter-spacing: 0.05rem;
}
/*** begin hero carousel ***/

.hero-carousel {
	position: relative;
	width: 100%;
	height:auto;
	outline:1px none red;
	text-align:left;
}
.hero-carousel .info-icon {
	    position: absolute;
    bottom: -2rem;
    right: 0rem;
}
.hero-carousel.full-gallery-content .info-icon {
	    position: relative;
    bottom:auto;
    right: auto;
}
.hero-carousel .boxcanvas {
	position:relative;
	background-color:#fff;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.hero-carousel .imageheader {
	/*position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -21%;
    margin-top: 0rem;
    width: 42%;
    min-height: 12.5rem; 
    text-align: left;
    color: #000;
    outline: 1px none red;*/


        position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25.5%;
    margin-top: 0rem;
    width: 51%;
    min-height: 17.5rem;
    text-align: left;
    color: #000;
	/*transform: translateY(-6.25rem);
	margin-bottom:-6.25rem;*/
}

/*.hero-carousel .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;min-height: 20rem;
    max-height: 20rem;
	outline:1px none green;
	    text-align: center;
    padding: 2rem 15% 1.5rem 15%;
}*/

.hero-carousel .imageheader .textcontainer {
    position: relative;
    width: 100%;
    /* min-height: 18rem; */
    /* max-height: 18rem; */
    outline: 1px none green;
    text-align: center;
    padding: 2rem 10% 1.5rem 10%;
}


.hero-carousel .imageheader h3, .hero-carousel .imageheader h2 {
	font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: 0.3rem;
	margin-bottom:1.5rem;
	text-align:center;
	text-transform: uppercase;
}

.hero-carousel .imageheader h4 {
  letter-spacing: 0.1rem;
  font-size: 1.3rem;
  font-family: 'Favorit-Medium';
  font-weight: normal;
  text-transform: uppercase;

}
	
.hero-carousel .imageheader p {
	font-size: 1.5rem;
	margin-bottom:1rem;
	letter-spacing:1px;
	text-align:center;
}
.hero-carousel .imageheader p:last-of-type {
	margin-bottom:0;
}
.hero-carousel .calltoactionslider {
	text-transform: uppercase;
    letter-spacing: 0.1rem;
    margin-top: 1.2rem;
    display: inline-block;
    font-size: 1.2rem;
    position: relative;
}
.actionlink span {
	text-transform: uppercase;
    letter-spacing: 0.1rem;
    margin-top: 1.2rem;
    display: inline-block;
    font-size: 1.2rem;
    position: relative;
}
.actionlink span:after {
  content: '';
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 0%;
    border-bottom: 1px solid #474747;
    transition: 0.4s;
}
.actionlink span:hover:after {
  width: 100%;
  left: 0;
  right: auto;
  width: 100%;
}
/*.calltoactionlink {
	text-transform: uppercase;
    font-size: 1.2rem;
    display: inline-block !important;
    letter-spacing: 0.1rem;
    text-decoration: none;
  position: relative;
    margin-top: 1.4rem;
    display: block;

}*/

.calltoactionslider:after {
  content: '';
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 0%;
    border-bottom: 1px solid #474747;
    transition: 0.4s;
}
.calltoactionslider:hover:after {
  width: 100%;
  left: 0;
  right: auto;
  width: 100%;
}

.hero-carousel .carouselnav {
	position: relative;
    display: inline-block;
    width: auto;
    float: right;
  /*  text-align: center;*/
    text-decoration: none;
    outline: 1px none red;
    vertical-align: top;
   /* margin-right: 1.5rem;*/
    margin-top: 0.6rem;
    font-size: 1.3rem !important;
    float: right;
}
.hero-carousel .buttonprev {
    margin-right: 0.5rem;
     cursor: pointer;
}
.hero-carousel .buttonnext {
    margin-left: 0.5rem;
    cursor: pointer;
}
/*.hero-carousel .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
	line-height: 1.2rem;
}*/

/*.hero-carousel .buttonprev, .hero-carousel .buttonnext {
	position:relative;
	display:inline-block;
	width:0.85rem;
	height:0.9rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}*/
/*.hero-carousel .buttonprev:hover, .hero-carousel .buttonnext:hover {
	opacity:0.5;
}*/
/*.hero-carousel .buttonprev {
	width:0.95rem;
	height:0.95rem;
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg') center center no-repeat; 
	opacity:1;
	margin-right:0.3rem;
}
.hero-carousel .buttonnext {
	width:0.95rem;
	height:0.95rem;
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg') center center no-repeat;
	opacity:1;
	margin-left:0rem;
}*/
.hoverinfoslide {
	display: none;
	position: absolute;
	top:0;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #474747;
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    padding: 2.5rem;
    line-height: 2rem;
    background-color: #F1E3E4;
}
.closeinfoslide {
	    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    -webkit-mask: url(Sunland_Desktop_Site_Wide_Close_Info_Off.svg) no-repeat 100% 100%;
  mask: url(Sunland_Desktop_Site_Wide_Close_Info_Off.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #474747;
/*	background: url('Sunland_Desktop_Site_Wide_Close_Info_Off.svg') center center no-repeat;*/
	/*background-size:cover;*/
	opacity:0;
	display: none;
}
.credits-line {
	text-align: center;
    font-size: 0.9rem !important;
    margin-top: 2.8rem;
    color: #a5a5a5;
    letter-spacing: 0.05rem;
}
.about-content .credits-line {
	text-align: center;
    font-size: 0.9rem !important;
    margin-top: 0.5rem;
    margin-bottom: 2.7rem;
    color: #a5a5a5;
    letter-spacing: 0.05rem;
}
.meta-text-box .credits-line {
	    text-align: left;
   /* font-size: 10px !important;*/
    margin-top: 13px;
    color: #a5a5a5;

    min-height: 1.6rem;
    max-height: 1.6rem;
    letter-spacing: 0.1rem;
}
.meta-text-box h3 {
	text-align: left;
	text-align: left;
    font-size: 25px;
    letter-spacing: 0.1rem;
    margin-bottom: 0.5rem;
    margin-top: 1.8rem;
    text-transform: uppercase;
}
.meta-text-box.smaller-box h3 {
	font-size: 1.7rem !important;
}
.meta-text-box h4 {
  /* font-family: 'Caslon540BTWXX-Italic';
   */ text-align: left;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
  /*  min-height: 36px;*/
}
.meta-text-box.smaller-box h4 {
	font-size: 1.1rem !important;
}
.meta-text-box p {
	font-style: normal;
    font-weight: 200;
    text-align: left;
    margin-bottom: .5rem;
    line-height: 1.35;
    font-size: 1.5rem;
}
.extended-carousel .meta-text-box p {

    line-height: 1.3;
    font-size: 1.1rem;
}
.title-meta {
	margin-bottom: 2rem;
}


.landscape.largethumb .meta-text-box .credits-line {
	margin-top: 10px; 
}

.landscape.largethumb h3 {
 font-size: 2.3rem !important;
    margin-top: 0.7rem;
}
.landscape.largethumb .experiencecat h3 {

    margin-top: 1.5rem;
}

.landscape.largethumb.features h3 {
 font-size: 2.5rem !important;
    margin-top: 0.3rem;
}
.landscape.largethumb p {
  width: 75%;
}

.meta-box-panel h3 {
	 text-align: left;
    font-size: 1.2rem;
    letter-spacing: 0rem;
    margin-bottom: 0rem;
    margin-top: 1rem;
    text-transform: uppercase;
}

.meta-box-panel h4 {
    text-align: left;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1rem;
    margin-top: 0rem;
  /*  min-height: 36px;*/
}


.cadenas {
    -webkit-mask-image: url(NL_Desktop_Text_Symbol_Lock.svg);
    mask-image: url(NL_Desktop_Text_Symbol_Lock.svg);
    background-size: cover;
    display: inline-block;
       width: 8px;
    height: 11px;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #a5a5a5;
}
.plus-sign {
   -webkit-mask-image: url(NL_Desktop_View_More_Plus_Icon.svg);
   mask-image: url(NL_Desktop_View_More_Plus_Icon.svg);
    background-size: cover;
    display: inline-block;
     width: 9px;
    margin-left: 3px;
    height: 9px;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #a5a5a5;
}
/*** end hero carousel ***/


/*** begin standard carousel ***/
.singlelargecarousel {
	height: 728px;
}
.singlehalflargecarousel {
	height: 620px;
}
.singlesmallcarousel {
	/*height: 22rem;*/
}
.singlesmallcarousel:before {
  content: '';
} 
.standard-carousel {
	position: relative;
	width: 100%;
	height:auto;
	outline:1px none green;
	text-align:left;
}

/*.standard-carousel h3 {
	text-align:left;
	padding-top:2rem;
	font-size:3rem;
}*/

.standard-carousel .boxcanvas {
	background-color:#fff;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.standard-carousel .imageheader {
	position:relative;
	left:0;
	margin-top:-3.5rem;
	width:32%;
	min-height:5.5rem;
	text-align:left;
	color:#000;
	outline:1px none red;
	/*transform: translateY(-6.25rem);
	margin-bottom:-3.5rem;*/
}

.standard-carousel .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	padding:1.8rem 20% 1.5625rem 0%;
}

.standard-carousel .imageheader h3 {
	font-size:2rem;
	line-height:1;
	margin-bottom:1rem;
	text-align:left;
	padding-top:0;
}
	
.standard-carousel .imageheader p {
	font-size:1.25rem;
	margin-bottom:1rem;
	letter-spacing:1px;
	text-align:left;
}
.standard-carousel .imageheader p:last-of-type {
	margin-bottom:0;
}

.standard-carousel .carouselnav {
	position:relative;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-size: 0.9rem;
	margin-left:0rem;
	margin-top:1.2rem;
	float:right;
}
.standard-carousel .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.standard-carousel .buttonprev, .standard-carousel .buttonnext {
	position:relative;
	display:inline-block;
	width: 0.6rem;
    height: 0.825rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.standard-carousel .buttonprev:hover, .standard-carousel .buttonnext:hover {
	opacity:0.5;
}
.standard-carousel .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg') center center no-repeat; 
	background-size:cover;
	opacity:1;
	margin-right:.5rem;
}
.standard-carousel .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg') center center no-repeat;
	background-size:cover;
	opacity:1;
	margin-left:.5rem;
}
/*** end standard carousel ***/


/*** begin extended carousel ***/
.extended-carousel .carousel {
	margin-left: -21.2rem;
	    /*margin-left: -1.7rem;*/
}
.container-left-carousel {
	/*margin-left: -48px;*/
	margin-left: -4rem;
}

.extended-carousel .meta-text-box h3 {
	font-size: 3rem;
    letter-spacing: 0.1rem;
    margin-bottom: -1rem;
    margin-top: 0.7rem;
}
/*.slick-slide.slick-current.slick-active.slick-center {
	  -webkit-animation: slide 800ms forwards;
    animation: slide 800ms forwards;
}

@-webkit-keyframes slide {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-4.8%); }
}

@keyframes slide {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-4.8%); }
}*/

.extended-carousel {
	position: relative;
	width: 100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	margin-bottom:0 !important;
}

.vertical-bar {
	position:absolute;
	top:0;
	width: 4.3rem;
	height:100%;
	background:transparent;
	z-index:20;
	cursor:pointer;
	 display: none;
}


.vertical-bar-left {
	right:auto;
	left:0rem;
	
}
.movetoleft {
	/*margin-left: -6.5rem;*/
}
.vertical-bar-right {
	left: auto;
	background-color: transparent;
   width: 4.3rem;
    right: 0rem;
}

.extended-carousel .boxcanvas {
	background-color:#fff;
	background-position: top center;
	background-repeat:no-repeat;
	background-size:cover;
}

.extended-carousel .imageheader {
	position:relative;
	width:100%;
	/*height:10.5rem;*/
	text-align:left;
	color:#000;
	outline:1px none red;
	/*transform: translateY(-6.25rem);*/
}

.extended-carousel .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	padding:0.78125rem 0% 1.5625rem 0%;
}

.extended-carousel .imageheader h3 {
	font-size:3.6rem;
	font-size:3rem;
	line-height:1;
	margin-bottom:1rem;
	text-align:left;
}

.extended-carousel .imageheader p {
	font-size:1.25rem;
	margin-bottom:1rem;
	letter-spacing:1px;
	text-align:left;
}
.extended-carousel .imageheader p:last-of-type {
	margin-bottom:0;
}

.extended-carousel .carouselnav {
	position: absolute;
       top: 80%;
    right: 1.2rem;
        background-color: #f5f5f5;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-size:0.9rem;
	margin-left:0rem;
	margin-top:2rem;
	margin-right:32.125rem;
	float:right;
	z-index:100;
}
.extended-carousel .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.extended-carousel .buttonprev, .extended-carousel .buttonnext {
	position:relative;
	display:inline-block;
	width:0.825rem;
	height:0.825rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.extended-carousel .buttonprev:hover, .extended-carousel .buttonnext:hover {
	opacity:0.5;
	width:0.825rem;
	height:0.825rem;
}
.extended-carousel .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg') center center no-repeat; 
	/*background-size:cover;*/
	opacity:1;
	margin-right:.5rem;
}
.extended-carousel .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg') center center no-repeat;
	/*background-size:cover;*/
	opacity:1;
	margin-left:.5rem;
}

.extended-carouselfulltext .imageheader {
 overflow: auto;
}
.main .extended-carouselfulltext .imageheader.loaded {
	opacity: 1;
}
.main .extended-carouselfulltext .imageheader.loaded.notransition {
	background-color: transparent;
}
.extended-carouselfulltext .slidetextcontent {
	display:block;
}

.extended-carouselfulltext .meta-text-box {
	width: 71%;
}
/*** end extended carousel ***/


.quadrant-module {
	margin-bottom:0 !important;
	outline:1px none red;
}

/** AD BLOCK  **/

.ad-block {
 margin-top: 6rem;
}
.ad-block-smallh {
 margin-top: 3rem;
     margin-bottom: 3.5rem;
}
/*** begin 2/3 width carousel and text object ***/

.two-thirds-carousel-and-text-object {
	position: relative;
	width: 56.17%;
	outline:1px none red;
	text-align:left;
}

.two-thirds-carousel-and-text-object .imageheader {
	position:relative;
	display:inline-block;
	left:0;
	margin-top:-6.25rem;
	margin-bottom:2rem;
	width:60%;
	height:15.5rem;
	text-align:left;
	color:#000;
	float:none;
	overflow:hidden;
	outline:1px none red;
}

.two-thirds-carousel-and-text-object .imageheader .headingcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	background:#f5f5f5;
	padding-top:2.25rem;
	float:left;
	margin-bottom:1rem;
}
.two-thirds-carousel-and-text-object .imageheader .headingcontainer .headingcontainertext {
	position:relative;
	width:100%;
	height:auto;
	min-height:4.1rem;
	outline:1px none blue;
	/*display: table-cell;
	vertical-align: bottom;*/
	display: flex;
	align-items: flex-end;
	font-size:2rem;
	line-height:1.1;
	margin-bottom:.5rem;
	text-align:left;
	padding-right:10%;
}

.two-thirds-carousel-and-text-object .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	text-align:left;
	padding:2.5rem 10% 1.5rem 0%;
}

.two-thirds-carousel-and-text-object .imageheader h3 {
	font-size:2rem;
	line-height:1;
	margin-bottom:1.5rem;
	text-align:left;
}
	
.two-thirds-carousel-and-text-object .imageheader p {
	font-size:1.25rem;
	margin-bottom:1rem;
	text-align:left;
	line-height:1.1;
}
.two-thirds-carousel-and-text-object .imageheader p:last-of-type {
	margin-bottom:0;
}

.two-thirds-carousel-and-text-object .textobject {
	position:relative;
	width:100%;
	outline:1px none blue;
	margin-top:-6.25rem;
}
.two-thirds-carousel-and-text-object .textobject:before {
	padding-top: 68%;
	padding-top: 58%;
	display: block;
	content: '';
}

.two-thirds-carousel-and-text-object .textobject .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	padding:0 10% 0 10%;
	outline:1px outline green;
	transform: translateX(-50%) translateY(-50%);
	text-align:center;
	z-index:100;
}

.two-thirds-carousel-and-text-object .textobject .textcontainer h3 {
	font-size:2.5rem;
	line-height:1;
	margin-bottom:1.5rem;
}

.two-thirds-carousel-and-text-object .textobject .textcontainer p {
	font-size:1.25rem;
	margin-bottom:.5rem;
	line-height:1.2;
}

.two-thirds-carousel-and-text-object .carouselnav {
	position:relative;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-size:1.2rem;
	margin-left:0rem;
	margin-top:1.2rem;
	float:right;
}
.two-thirds-carousel-and-text-object .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.two-thirds-carousel-and-text-object .buttonprev, .two-thirds-carousel-and-text-object .buttonnext {
	position:relative;
	display:inline-block;
	width:0.825rem;
	height:1.275rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.two-thirds-carousel-and-text-object .buttonprev:hover, .two-thirds-carousel-and-text-object .buttonnext:hover {
	opacity:0.5;
}
.two-thirds-carousel-and-text-object .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg') center center no-repeat; 
	background-size:cover;
	opacity:1;
	margin-right:.5rem;
}
.two-thirds-carousel-and-text-object .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg') center center no-repeat;
	background-size:cover;
	opacity:1;
	margin-left:.5rem;
}

/*** end 2/3 width carousel and text object ***/

/*** begin 1/3 width carousel and text object ***/

.one-third-carousel-and-text-object {
	position: relative;
	width: 37.58%;
	outline:1px none red;
	text-align:left;
}

.one-third-carousel-and-text-object .imageheader {
	position:relative;
	left:0;
	margin-top:-6.25rem;
	margin-bottom:2rem;
	width:85%;
	height:15.5rem;
	/*min-height:12.5rem;
	max-height:12.5rem;*/
	text-align:left;
	color:#000;
	overflow:hidden;
	outline:1px none red;
}

.one-third-carousel-and-text-object .imageheader .headingcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	background:#f5f5f5;
	padding-top:2.35rem;
	float:left;
	margin-bottom:1rem;
}
.one-third-carousel-and-text-object .imageheader .headingcontainer .headingcontainertext {
	position:relative;
	width:100%;
	height:auto;
	min-height:4.1rem;
	outline:1px none blue;
	/*display: table-cell;
	vertical-align: bottom;*/
	display: flex;
	align-items: flex-end;
	font-size:2rem;
	line-height:1.1;
	margin-bottom:.5rem;
	text-align:left;
	padding-right:10%;
}

.one-third-carousel-and-text-object .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	padding:2.5rem 10% 1.5rem 0%;
}

.one-third-carousel-and-text-object .imageheader h3 {
	font-size:2rem;
	line-height:1;
	margin-bottom:1.5rem;
	text-align:left;
}
	
.one-third-carousel-and-text-object .imageheader p {
	font-size:1.25rem;
	margin-bottom:1rem;
	text-align:left;
	line-height:1.1;
}

.one-third-carousel-and-text-object .imageheader p:last-of-type {
	margin-bottom:0;
}

.one-third-carousel-and-text-object .textobject {
	position:relative;
	width:100%;
	outline:1px none blue;
}
.one-third-carousel-and-text-object .textobject:before {
	padding-top: 51%;
	display: block;
	content: '';	
}

.one-third-carousel-and-text-object .textobject .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	padding:0 10% 0 10%;
	outline:1px none green;
	transform: translateX(-50%) translateY(-50%);
	text-align:center;
	
}

.one-third-carousel-and-text-object .textobject .textcontainer h3{
	font-size:2rem;
	line-height:1;
	margin-bottom:1rem;
}

.one-third-carousel-and-text-object .textobject .textcontainer p {
	font-size:1.2rem;
	margin-bottom:0;
	letter-spacing:1px;
	margin-bottom:1rem;
}

.one-third-carousel-and-text-object .carouselnav {
	position:relative;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-size:1.2rem;
	margin-left:0rem;
	margin-top:1.2rem;
	float:right;
}
.one-third-carousel-and-text-object .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.one-third-carousel-and-text-object .buttonprev, .one-third-carousel-and-text-object .buttonnext {
	position:relative;
	display:inline-block;
	width:0.825rem;
	height:1.275rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.one-third-carousel-and-text-object .buttonprev:hover, .one-third-carousel-and-text-object .buttonnext:hover {
	opacity:0.5;
}
.one-third-carousel-and-text-object .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg') center center no-repeat; 
	background-size:cover;
	opacity:1;
	margin-right:.5rem;
}
.one-third-carousel-and-text-object .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg') center center no-repeat;
	background-size:cover;
	opacity:1;
	margin-left:.5rem;
}

/*** end 1/3 width carousel and text object ***/

/*** begin full width landscape carousel ***/

.full-width-landscape-carousel {
	position: relative;
	width: 100%;
	outline:1px none red;
}

.full-width-landscape-carousel .imageheader {
	position:absolute;
	left:32%;
	bottom:-1px;
	width:36%;
	height:20%;
	background:#f3f3f3;
	text-align:center;
	color:#000;
}

.full-width-landscape-carousel .imageheader .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	outline:1px none green;
	transform: translateX(-50%) translateY(-50%);
	text-align:center;
}

.full-width-landscape-carousel .imageheader h3 {
	font-size:3rem;
	line-height:1;
	margin-bottom:.25rem;
}
	
.full-width-landscape-carousel .imageheader p {
	font-size:1rem;
	margin-bottom:0;
	letter-spacing:2px;
}

/*** end full width landscape carousel ***/

/*** begin 75% width portrait carousel ***/

.three-quarter-portrait-carousel {
	position: relative;
	width: 75%;
	outline:1px none red;	
}

.three-quarter-portrait-carousel .imageheader {
	position:absolute;
	left:33.33%;
	bottom:-1px;
	width:33%;
	height:7.5%;
	background:#f3f3f3;
	text-align:center;
	color:#000;
}

.three-quarter-portrait-carousel .imageheader .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	outline:1px none green;
	transform: translateX(-50%) translateY(-30%);
	text-align:center;
}

.three-quarter-portrait-carousel .imageheader h3 {
	font-size:2rem;
	line-height:1;
	margin-bottom:0;
}
	
.three-quarter-portrait-carousel .imageheader p {
	font-size:.75rem;
	margin-bottom:0;
	letter-spacing:2px;
}

/*** end 75% width portrait carousel ***/

/*** begin 75% width landscape carousel ***/

.three-quarter-landscape-carousel {
	position: relative;
	width: 75%;
	outline:1px none red;	
}

.three-quarter-landscape-carousel .imageheader {
	position:absolute;
	left:33.33%;
	bottom:-1px;
	width:33%;
	height:15%;
	background:#f3f3f3;
	text-align:center;
	color:#000;
}

.three-quarter-landscape-carousel .imageheader .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	outline:1px none green;
	transform: translateX(-50%) translateY(-30%);
	text-align:center;
}

.three-quarter-landscape-carousel .imageheader h3 {
	font-size:2rem;
	line-height:1;
	margin-bottom:0;
}
	
.three-quarter-landscape-carousel .imageheader p {
	font-size:.75rem;
	margin-bottom:0;
	letter-spacing:2px;
}

/*** end 75% width landscape carousel ***/


/*** begin grid image modules ***/
.content-grid {

}
.meta-text-box {
	margin-top: 3.8rem;
}
.content-grid h3 {
    text-align: left;
    font-size: 1.75rem;
    letter-spacing: 0.13rem;
    margin-bottom: 1.6rem;
   margin-top: 0rem;
     font-family: 'Favorit-Medium';
     font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}
.meta-text-box h3 a, .meta-text-box h4 a {
	text-decoration: none;
}
.meta-text-box h3 a:hover, .meta-text-box h4 a:hover {
	text-decoration: none;
}
.content-grid h4 {
    text-align: left;
    font-family: 'Favorit-Medium';
    font-weight: normal;
    font-size: 1.4rem;
    letter-spacing: 0rem;
       margin-bottom: 1.8rem;
    margin-top: 2rem;
    line-height: 1.8rem;

 
}
.videothumb h3 {
	    font-size: 2.4rem;
    margin-top: 0.6rem;
}
.videothumb p {
	width: 73%;
    margin-top: 1.5rem;
}
.gridobject {
	position:relative;
	width:100%;
	margin:auto;
	margin-bottom:0rem;
	padding-top:0rem;
	/*border:1px solid #999;
	border-width: 1px 0 1px 0;*/
}
.border-sep {
	 border-bottom: 1px solid #999;
    font-size: 0.9rem !important;
    padding-top: 0px;
    letter-spacing: 0.13rem !important;
    border-width: 1px 0 1px 0;
        margin-bottom: 3.7rem !important;
    padding-bottom: 3.5rem;
   /* margin-bottom: 44px !important;
    padding-bottom: 38px;*/
}
.border-sep.centercontenttitle {
	text-align: center;
     font-size: 3rem !important;
    margin-top: -0.6rem;
    padding-bottom: 2.5rem;
}


.border-sep.notext {
	border-bottom: 1px solid #999;
    font-size: 0.9rem !important;
    padding-top: 0px;
    letter-spacing: 0.13rem !important;
    border-width: 1px 0 1px 0;
        margin-bottom: 3.7rem !important;
    padding-bottom: 0rem;
   /* margin-bottom: 44px !important;
    padding-bottom: 38px;*/
}

.newsep {
	border-bottom: 1px solid #999;
    font-size: 12px !important;
    padding-top: 0px;
    border-width: 1px 0 1px 0;
    margin-bottom: 3.2rem !important;
    padding-bottom: 0px;
    height: 1px;
    width: 100%;
}
.grid-carousel p {
	text-align:left;
	margin-bottom:.1rem;
	font-size:1.2rem;
	letter-spacing:.5px;
}

ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -5%; /* should match li left margin */
	margin-bottom:0;
	/*overflow:hidden;*/
	    padding-top: 3.2rem;
	outline:1px none red;
}
ul.rig li {
	display: inline-block;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 4.8%;
	background: transparent;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
}
ul.rig li.lisearchres {
	margin: 0 0 10.5% 5%;
}
ul.rig.threecolumn li {
	width: 28.5%; /* this value + 6 should = 33.33% */
	
}
ul.rig.threecolumn.experiences li {
	width: 30%; /* this value + 6 should = 33.33% */
	    margin-bottom: 9.2rem;
}
ul.rig.threecolumn.subscribe li {
	width: 30%; /* this value + 6 should = 33.33% */
	margin-bottom:0rem;
}

ul.rig.twocolumn.newcolumnshoplatest li {
	width: 46.7%; /* this value + 6 should = 33.33% */
	margin-bottom:5.2rem;
}

ul.rig.twocolumn.newcolumn li {
	width: 46.7%; /* this value + 6 should = 33.33% */
	margin-bottom:14.5rem;
}

ul.rig.twocolumn.newcolumnvideos li {
	width: 46.7%; /* this value + 6 should = 33.33% */
	margin-bottom:4rem;
}

ul.rig.fourcolumn li {
	/*width: 21.7%;  this value + 6 should = 25% 
	    margin-bottom: 20.8rem;*/
	         width: 18.5%;
    float: left;
    margin-left: 6.5%;
    margin-bottom: 6.5%;
   } 
 ul.rig.fourcolumn li.numb5,  ul.rig.fourcolumn li.numb6,  ul.rig.fourcolumn li.numb7,  ul.rig.fourcolumn li.numb8 {
 	margin-bottom: 0%;
 }  
ul.rig#instafeed {
	margin-left: -7%;
}
#instafeed .image-zoom-wrapper {
	background-color: #000;
}
#instafeed .image-zoom-wrapper video {
	background-color: #000;
	height: 100%;
}
.content-grid.lastblock {
	 margin-bottom:1.4rem !important;
}
.lastblock .gridobject {
   margin-bottom: 0rem !important;
}
.content-grid-item {
	outline:1px none red;
	position:relative;
	/*overflow:hidden;*/
	text-align:left;
	
}

.content-grid-item * {
	transition:color .2s;
}
.content-grid-item:hover * {
	/*color:#474747;*/
	/*cursor:pointer;*/
}

.content-grid-item.landscape.large {
	width:62.96%;
}
.content-grid-item.landscape.small {
	margin-bottom:.25rem;
}

.content-grid-item.landscape:before {
	/*padding-top: 78%;*/
	display: block;
	content: '';
}
.content-grid-item.landscape.top {
	margin-bottom:2.5rem;
}
.content-grid-item.landscape.large:before {
	padding-top: 78.5%;
	display: block;
	content: '';	
}
.content-grid-item.portrait:before {
	padding-top: 155.65%;
	display: block;
	content: '';	
}

.content-grid-item .image-zoom-wrapper {
	width:100%;
	height: 100%;
	position: relative;
	overflow:hidden;
}

.content-grid-item  p {
	font-style: normal;
    font-weight: 200;
    text-align: left;
    margin-bottom: .5rem;
    line-height: 1.25;
    letter-spacing: 0.06rem;
    font-size: 1.5rem;
	outline:1px none red;
}
.calltoactionlink {
	text-transform: uppercase;
    font-size: 1.2rem;
    display: inline-block !important;
    letter-spacing: 0.1rem;
    text-decoration: none;
  position: relative;
    margin-top: 1.4rem;
    display: block;

}

.calltoactionlink:after {
  content: '';
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 0%;
    border-bottom: 1px solid #474747;
    transition: 0.4s;
}
.calltoactionlink:hover:after {
  width: 100%;
  left: 0;
  right: auto;
  width: 100%;
}


.text-content-quote {
	background-color: #FFF;
    position: relative;
    padding-top: 56.25%;
}
.center-quote-element {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    /* margin: 0px auto auto; */
    text-align: center;
}
.center-quote-element h2, .center-quote-element blockquote {
	position: relative;
  font-family: "Didot 11 A", "Didot 11 B";
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.45rem;
    font-size: 3rem;
    color: #474747;
    margin-bottom: 3rem;
    font-size: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
   line-height: 4rem;

	 
}
  .center-quote-element h2.sserif, .center-quote-element p.sserif {
  	position: relative;
      font-size: 1.75rem;
    letter-spacing: 0.2rem;
    margin-bottom: 1.6rem;
    margin-top: 3.8rem;
    font-family: 'Favorit-Medium';
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
  	line-height: 1.2rem;
  }

/* SHARE MODULE */
  .center-share-element {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    /* margin: 0px auto auto; */
    text-align: center;
}
.bspricedata {
	font-size: 6rem;
    letter-spacing: 1.5rem;
        margin-bottom: 0.6rem;
}
 .minuspricedata {
 	 font-size: 1.7rem;
 	  color: #8A8A8A;
 	  font-family: 'Favorit-Medium';
    letter-spacing: 0.1rem;
 }
 .bigshareprice {
 	display: inline-block;
 	    margin-top: 3.8rem;
 }
 .boxshareprice {
 	display: inline-block;
 	vertical-align: top;
 	text-align: center;
 	   margin: 0rem 7.3rem;
 }
  .boxshareprice h4 {
  	margin-top: 0rem;
  	color: #8A8A8A;
  	text-transform: uppercase;
    font-size: 2rem;
        margin-bottom: 1rem;
        text-align: center;
    letter-spacing: 0.1rem;
    font-family: 'Favorit-Light';
  } 
    .boxshareprice.first {
    	margin-left: 0rem;
    }
    .boxshareprice.last {
    	margin-right: 0rem;
    }
  .nbsharep {
  	 font-family: 'Favorit-Medium';
  	    font-size: 1.8rem;
  	color: #474747;
  }
  .yourir-change .yourir-negative,   .yourir-change .yourir-positive {

    color: #474747;
}
  .listofshare {
  	
      margin-top: 10.2rem;
    margin-bottom: 10.5rem;
  }
  .datelistofshare {

  }
  .datelistofshare p {
  	color: #8A8A8A;
    font-size: 1.7rem;
    letter-spacing: 0.19rem;
    text-transform: uppercase;
    font-family: 'Favorit-Medium';
    margin-bottom: 0rem;
  }
.content-grid-container ul.rig {
	margin-bottom:1.45rem;
}
.issu-box-embed {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    margin-top: 2.75rem;
    float: left;
    width: 100%;
}
.issu-box-embed iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.grid-item-image {
	height: 100%;
	outline:1px none green;
	margin-bottom:0rem;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
/*	cursor:pointer;*/
	background-repeat: no-repeat;
	background-size:cover;
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	background-position:center center;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);	
	  cursor: auto;
}
a .grid-item-image  {
	cursor: pointer;
}
a .grid-item-image:hover {
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}
/*.slick-slide {
-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.slick-slide:hover {
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);
}*/
.noresultfilter {
	margin-top: 1rem;
	display: none;
	    font-family: 'Favorit-medium';
}

/*
.content-grid-item.landscape .grid-item-image:before {
	padding-top: 75%;
	display: block;
	content: '';
}*/

/*.content-grid-item.landscape.related .grid-item-image:before {
	padding-top: 81.25%;
	display: block;
	content: '';
}

*/
.content-grid-item.portrait .grid-item-image:before {
	padding-top: 133.45%;
	display: block;
	content: '';
}



.full-gallery-content h2 {
	text-align: center;
	    /*margin-bottom: 5.5rem;*/
}

li.firstthird {
	float: left;
	    width: 28.4%;
}

li.lastthird {
	float: left;
	width: 61.7%;
}

ul.rig.twocolumn li {
	width: 44.9%; /* this value + 6 should = 50% */	
	 margin: 0 0 0 5.1%;
}

.panelcontent ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -5%; /* should match li left margin */
	margin-bottom:0;
	overflow:hidden;
	outline:1px none red;
}
.panelcontent ul.rig li {
	display: inline-block;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 5%;
	background: transparent;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
}
.panelcontent ul.rig.threecolumn li {
	width: 28.33%; /* this value + 3.7 should = 33.33% */
	margin-bottom:15px;
}

.panelcontent ul.rig.twocolumn li {
	width: 45%; /* this value + 3.7 should = 50% */	
	/*margin-bottom:16px;*/
	transition: color .2s;
}

.panelcontent ul.rig.twocolumn li:hover * {
	cursor:pointer;
	color:#666;
}

ul.rig img {
	width:100%;
	height:auto;
	vertical-align:top;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor:pointer;
}
ul.rig img:hover {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}

.bigsearchimage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	transition: all 0.2s;
	cursor:pointer;
}
.bigsearchimage:before {
	padding-top: 60.25%;
	display: block;
	content: '';
}
.bigsearchimage:hover {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}

.image-zoom-wrapper {
	width:100%;
	overflow:hidden;
}

.panel-grid-item {
	position:relative;
	/*height:206px;*/
	outline:1px none red;
}
.panel-grid-item.large {
	position:relative;
	height:400px;
	outline:1px none red;
}
.panel-grid-item.large.search {
	position:relative;
	height:428px;
	outline:1px none red;
}

.panel-grid-item .image-zoom-wrapper {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

ul.rig .slick-prev, ul.rig .slick-next { position: absolute; display: block; height: 22px; width: 15px; opacity: 0; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; padding: 0; border: none; outline: none; z-index: 99; }
ul.rig.twocolumn .slick-prev, ul.rig.twocolumn .slick-next {height: 44px; width: 29px; }

ul.rig .slick-prev:hover, ul.rig .slick-prev:focus, ul.rig .slick-next:hover, ul.rig .slick-next:focus { outline: none; opacity: 0; color: transparent; }

ul.rig .slick-slider:hover .slick-prev, ul.rig .slick-slider:hover .slick-prev:focus, ul.rig .slick-slider:hover .slick-next, ul.rig .slick-slider:hover .slick-next:focus { outline: none; opacity: 1; color: transparent; }


ul.rig .slick-prev:hover:before, ul.rig .slick-next:hover:before { opacity: 1; }
ul.rig .slick-prev:focus:before, ul.rig .slick-next:focus:before { opacity: 1 }
ul.rig .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }

ul.rig .slick-prev:before, ul.rig .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

ul.rig .slick-prev { left: 20px; background-image: url('Desktop_Carousel_Arrow_Prev_Off.png'); background-size:cover; }
ul.rig .slick-prev:hover { left: 20px; background-image: url('Desktop_Carousel_Arrow_Prev_On.png'); background-size:cover; }
ul.rig .slick-next { right: 20px; background-image: url('Desktop_Carousel_Arrow_Next_Off.png'); background-size:cover; }
ul.rig .slick-next:hover { right: 20px; background-image: url('Desktop_Carousel_Arrow_Next_On.png'); background-size:cover; }

ul.rig .slick-dots { position: absolute; bottom: 2rem; right:0; list-style: none; display: block; text-align: right; padding: 0; width: auto; }
ul.rig .slick-dots li { position: relative; display: inline-block; height: 20px; width: 10px; margin: 0 1px; padding: 0; cursor: pointer; text-align:right; }
ul.rig .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
ul.rig .slick-dots li button:hover, ul.rig .slick-dots li button:focus { outline: none; }
ul.rig .slick-dots li button:hover:before, ul.rig .slick-dots li button:focus:before { opacity: 0.5; }
ul.rig .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 10px; height: 20px; font-family: "slick"; font-size: 8px; line-height: 20px; text-align: right; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul.rig .slick-dots li.slick-active button:before { color: black; opacity: 0.5; }

/*.grid-carousel.landscape.large .carouselimage {
	outline:1px solid red;
	position:relative;
	width:100%;
}*/
.grid-carousel.landscape.large .carouselimage:before {
	padding-top: 71.05%;
	display: block;
	content: '';
}

.grid-carousel.landscape.top {
	margin-bottom:.75rem;
}

.grid-carousel .carouselimage {
	margin-bottom:0.8125rem;
}

/*** end grid image modules ***/

/*** Begin Video Player Module ***/

.videocontainer {
	padding-bottom:0rem;
	outline:none;
	background:transparent;
}
.videocontainer * {
	outline:none;
}
.video-wrapper {
	position:relative;
	left:-1px;
	width:calc(100% + 1px);
	margin-bottom:0;
	background:transparent;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; overflow: hidden;
	background:transparent;
}

.video-container iframe,
.video-container object,
.video-container video,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
	background:transparent;
	 width: 100% !important;
    height: 100% !important;
}

.slidelink.playicon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: transparent;
    z-index: 2;
    background: url(JWA_Desktop_Film_Off.svg) center center no-repeat;
    background-size: 6rem 6rem;
}

.slidelink.playicon:hover {
    background: url(JWA_Desktop_Film_On.svg) center center no-repeat;
    background-size: 6rem 6rem;
}

.videothumb .slidelink.playicon {
   background-size: 5.375rem 5.375rem;
}

/*** End Video Player Module ***/

.slidelink.playiconradio {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: transparent;
    z-index: 2;
    background: url(NL_Desktop_Latest_Home_Page_Podcast_icon_OFF.svg) center center no-repeat;
    background-size: 9.375rem 9.375rem;
}

.slidelink.playiconradio:hover {
    background: url(NL_Desktop_Latest_Home_Page_Podcast_icon_ON.svg) center center no-repeat;
    background-size: 9.375rem 9.375rem;
}


/* begin slider / carousel component */

/* begin global slick slider styles */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {position:relative;/*needed for hero carousel*/ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
/*.extended-carousel .slick-slide
{
width: 1000px !important;
}*/
/*.extended-carousel .slick-slide img {
	width:75%;
}*/
.slick-slide img { display: block; width:100%; height:auto; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 1.0625rem; width: 0.6875rem; opacity: 1; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; padding: 0; border: none; outline: none; z-index: 99; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 1; color: transparent; }
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-prev:focus, .slick-slider:hover .slick-next, .slick-slider:hover .slick-next:focus { outline: none; opacity: 1; color: transparent; }
.slick-prev:hover:before, .slick-next:hover:before { opacity: 1; }
.slick-prev:focus:before, .slick-next:focus:before { opacity: 1 }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { right: 4rem; top:-3rem; background-image: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg'); background-size:cover; opacity:1 }
.slick-prev:hover { right: 4rem; top:-3rem; background-image: url('JWA_Desktop_Side_Menu_Arrow_Left_Off.svg'); background-size:cover; opacity:.5 }
.slick-next { right: 0px; top:-3rem; background-image: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg'); background-size:cover; opacity:1 }
.slick-next:hover { right: 0px; top:-3rem; background-image: url('JWA_Desktop_Side_Menu_Arrow_Right_Off.svg'); background-size:cover; opacity:.5 }

.carouselnumbers {
	position:absolute;
	/*float:right;
	right:2.5rem;
	top:1.875rem;*/
	right:1.25rem;
	top:50%;
	transform: translateY(-50%);
	width:2.125rem;
	height:1.375rem;
	line-height:1.375rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:middle;
	font-size:1rem;
}

/* Dots */
/*.slick-slider { margin-bottom: 30px; }*/

/*.slick-dots { position: absolute; bottom: 10%; list-style: none; display: block; text-align: right; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: right; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }*/

.slick-dots { position: absolute; bottom: -2rem; right:0; list-style: none; display: block; text-align: right; padding: 0; width: auto; padding-right:1.25rem; outline:1px none red; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 10px; margin: 0 1px; padding: 0; cursor: pointer; text-align:right; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, ul.rig .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, ul.rig .slick-dots li button:focus:before { opacity: 0.5; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 10px; height: 20px; font-family: "slick"; font-size: 8px; line-height: 20px; text-align: right; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.5; }

[dir="rtl"] .slick-next {right: auto;left: -25px;}
[dir="rtl"] .slick-next:before {content: "\2190";}
[dir="rtl"] .slick-prev {right: -25px;left: auto;}
[dir="rtl"] .slick-prev:before {content: "\2192";}
[dir="rtl"] .slick-slide {float: right;}

/* end global slick slider styles */

/* begin main slider over-rides */

.carousel {
	position:relative;
}

.carouseltext {
	background:#f7f7f7;
	/*min-height:15rem;*/
}

.slick-slide:hover {
	cursor:pointer;
}

.slide-overlay {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
    text-align: center;
    color: #fefefe;
    outline: 1px none #fff;
    z-index: 10000000;
    padding: 0% 5% 0% 5%;
}
.slidetextcontent {
	display:none;
}

h2.projectsdivider {
	position:relative;
	margin:0;
	font-size:2.4rem;

	padding-top:2rem;

	padding-bottom:2rem;

	background:transparent;
	z-index:100000;
}


.slideimage {
	width:100%;
	height:auto;
}

.dummyspacer {
	width:100%;
	height:auto;
}

.slick-track {
    margin-left: 0;
    transition: margin-left 0.6s ease;
}
.extended-carousel img{
	transition: margin-left 0.6s ease;
}
/*.pull-little-left img, .pull-little-right img {
	 margin-left: 0;
    transition: margin-left 0.6s ease;
}*/
.pull-little-left img {
	transition: margin-left 0.6s ease;
    margin-left: -4% !important;
}

.pull-little-right img{
	transition: margin-left 0.6s ease;
    margin-left: 4% !important;
}

.pull-little-left {
	transition: margin-left 0.6s ease;
    margin-left: -4% !important;
}

.pull-little-right{
	transition: margin-left 0.6s ease;
    margin-left: 4% !important;

}
.pull-over-left {

    margin-left: -150px !important;
    transition: margin-left 0.6s ease;
}
.slick-cloned {
	transition: margin-left 0.6s ease;
	position: relative;
	z-index: 1;
}
.stay-right {
	transition: margin-left 0.6s ease;
    margin-left: -150px;
  position: relative;
	z-index:  0;
}
/*.pull-follower {
	transition: all 0.6s ease;
    margin-left: -1%;
  position: relative;
}*/
.topherocarousel .slick-current {
	position: relative;
	z-index: 0 !important;
	transition: margin-left 0.6s ease;
}
.pull-over-right{
	/*float: right;*/
		position: relative;
		z-index:  1;
	transition: all 0.6s ease;
    margin-left: 150px !important;
}
.topherocarousel .slick-slide {
	position: relative;
	z-index: 1;
	transition: margin-left 0.6s ease;
}
@media only screen and (max-width : 1280px) {

	html, body {
		font-size:60%;
	}

}

@media only screen and (min-width : 1480px) {

	html, body {
		font-size:73%;
	}

}

/* end main slider over-rides */

/* end slider / carousel component */

/*************************** End Content Object Styles ***************************/

/*************************** begin utility styles ***************************/

.fullscreen-overlay {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:10000000000;
	display:none;
}

.fullscreen-overlay .popupformbox .popupformfields {
	position:relative;
	min-height:200px;
}

.fullscreen-overlay .popupformbox .popupformfields p {
	text-align:left;
	margin-bottom:1rem;
}

.fullscreen-overlay .popupclosebox {
	position:absolute;
	right:40px;
	top:40px;
	width:22px;
	height:22px;
	background:url(Desktop_Popup_Close_Off.png) left top no-repeat;
	background-size:100%;
	cursor:pointer;
}
.fullscreen-overlay .popupclosebox:hover {
	background:url(Desktop_Popup_Close_On.png) left top no-repeat;
	background-size:100%;	
}

.fullscreen-overlay .popupformbox {
	position:absolute;
	left:50%;
	top:50%;
	width:40%;
	max-width:750px;
	transform: translateX(-50%) translateY(-50%);
	text-align:center;
	color:#fff;
	outline:1px none red;	
}
.fullscreen-overlay .popupformbox h3, .fullscreen-overlay .popupformbox p {
	color:#fff;
	margin:auto;
	margin-bottom:3rem;
}
.fullscreen-overlay .popupformbox p {
	width:60%;
}
/*input[type=password],input[type=email],input[type=submit]*/
.fullscreen-overlay .popupformbox input[type=text], .fullscreen-overlay .popupformbox input[type=email], .fullscreen-overlay .popupformbox input[type=button], .fullscreen-overlay .popupformbox a {
	color:#fff;
}
.fullscreen-overlay .popupformbox input[type=submit] {
	background:#fff;
	color:#000;
}
.fullscreen-overlay .popupformbox input[type=submit]:hover {
	background:#808080;
	color:#fff;	
}

.popupformoverlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	display:none;
}

.popupformoverlay .overlaymessage {
	position:absolute;
	width:100%;
	height:auto;
	left:0px;
	top:50%;
	transform: translateY(-50%);
	text-align:center !important;
	outline:1px none red;
}
.popupformoverlay .overlaymessage h4 {
	font-size:1.6rem;
	margin-bottom:1.6rem;
}
.popupformoverlay .overlaymessage p {
	text-align:center !important;
}


.file-listing{
    font-size:1rem;
    margin-bottom: 1rem;
    clear:both;
}
.file-listing .error-list  {
    color:#FF0000;
}

#procurement-form-step2 p{
    font-size:1rem;
    margin-bottom:0.5rem;
    text-align:left;
}

/* Begin clearfix hack */
/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
/* End clearfix hack */

/*************************** end utility styles ***************************/

/* End Styles */