/*** FONTS ***/

@font-face {
  font-display: auto;
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 700;
  src: url('./webfonts/noto-serif-display-v29-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: auto;
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 900;
  src: url('./webfonts/noto-serif-display-v29-latin-900.woff2') format('woff2');
}

@font-face {
  font-display: auto;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('./webfonts/playfair-display-v40-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: auto;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('./webfonts/cormorant-garamond-v21-latin-600.woff2') format('woff2');
}

@font-face {
  font-display: auto;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('./webfonts/cormorant-garamond-v21-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: auto;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('./webfonts/montserrat-v31-latin-300.woff2') format('woff2');
}

@font-face {
  font-display: auto;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('./webfonts/montserrat-v31-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: auto;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./webfonts/montserrat-v31-latin-700.woff2') format('woff2');
}

/*** COLOR DEFINITIONS ***/

:root {
	--purple: rgba(134,100,116, 1);
	--purple50: rgba(134,100,116, 0.5);
	--xlightpurple: rgba(226,216,232,1);
	--orange: rgba(255,102,52, 1);
	--creme: rgba(245,237,223, 1);
	--anthracite: rgba(74,74,74,1);
	--taupe: rgba(214,199,180,1);
	--lightbeige: rgba(250,247,242,1);
	--grey: rgba(132,132,132,1);
	--lightgrey: rgba(180,180,180,1);
	
	--red: rgba(255,51,0,1);
	--lightred: rgba(255,153,127,1);
	--xlightred: rgba(247,200,178,1);
	--white: rgba(255,255,255,1);
	--black: rgba(0,0,0,1);
	--yellow: rgba(247,203,109,1);
	--green: rgba(0,176,80,1);
	--altgreen: rgba(0,153,0,1);
	
	--xlightgrey: rgba(200,200,200,1);
	--xlightgrey20: rgba(200,200,200,0.2);
	
	
	--light: 300;
	--normal: 300;
	--medium: 500;
	--bold: 700;
	--xbold: 900;

	--header: 'Cormorant Garamond';
	--subheader: 'Montserrat';
	--text: 'Montserrat';
/*	--medred: rgba(255,112,76,1);	*/
	
	--body: var(--black);
}



*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} 

html {
	background-color: var(--creme);
}

p {
margin-top: 0.85em;
margin-bottom: 0.85em;
}

body {
	text-decoration: none;
	-moz-text-size-adjust: auto;
	-webkit-text-size-adjust: auto;
	-ms-text-size-adjust: auto;
	font-size: 20px;
	font-weight: var(--normal);
	color: var(--body);
}

input {
-webkit-appearance: none;
border-radius: 0;
}

input[type="radio"] { width: auto; height: auto; -webkit-appearance: radio;}
input[type="checkbox"] { width: auto; height: auto; -webkit-appearance: checkbox;}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.transition0 {
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.transition3 {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.transition5 {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

h1, h2, h3 {
margin-top: 0px;
margin-bottom: 0px;
}

h1, h2 {
font-family: 'Noto Serif Display', serif;
font-weight: var(--bold);
}

h3 {
font-family: var(--text);
font-weight: var(--normal);
}

@keyframes toggle { {}
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.toglayer {
	animation-name: toggle;
	animation-duration: 0.5s;
}

.tlnone { display: none; }

.nospam { display: none !important; }

a { cursor: pointer; }

/*** SECTIONS & CONTAINERS ***/

#content {
padding: 117px 0px 0px;
min-height: calc(100vh - 44px);
}


.container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0;
}

.container.full {
max-width: 100%;
}

.section {
	width: 100%;
	padding: 50px 30px;
	height: auto;
	display: block;
	position: relative;
}

.section .container {
	width: 100%;
	max-width: 1240px;
	padding: 0px 20px;
	line-height: 145%;
}

.section .container.wide { max-width: 1600px; }

.swhitebg { background-color: var(--white); }
.scremebg { background-color: var(--creme); }
.slightbeigebg { background-color: var(--lightbeige); }
.staupebg { background-color: var(--taupe); }

.contslim { max-width: 600px !important; }
.contmedium { max-width: 900px !important; }
.contc { text-align: center; }
.contr { text-align: right; }
.contl { text-align: left; }

.flexcontainer {
display: flex;
}

.flexwrap {
flex-wrap: wrap;
}

.bluebg { background-color: var(--blue); color: var(--white); }
.greenbg { background-color: rgba(0,168,142,0.8); color: var(--white); }

.fillin {
min-height: 160px;
background: var(--green);
background: -moz-linear-gradient(-135deg, var(--green) 0%, var(--blue) 100%);
background: -webkit-linear-gradient( -135deg, var(--green) 0%,var(--blue) 100%);
background: linear-gradient(225deg, var(--green) 0%,var(--blue) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a88e', endColorstr='#0079a6',GradientType=1 );
}

/*** SUBNAV ***/


.navleft { padding-right: 50px; text-align: left; width: 260px; }
.navright { width: calc(100% - 260px); }

.flex2 {
display: flex;
flex-direction: row;
}

#subnav-sticky {
display: none;
width: 100%;
position: sticky;
top: 66px;
z-index: 20;
}

#subnavt {
display: block;
position: absolute;
z-index: 1040;
width: 100%;
height: auto;
background-color: var(--lightbeige);
}

#cleo.scrolled #subnavt {
box-shadow: 0px 0px 5px 0px rgb(80 80 80 / 40%);
}

#subnav {
width: 210px;
height: auto;
background-color: var(--lightbeige);
padding: 20px;
line-height: 120%;
border-radius: 0.5em;
}

#subnavlist { display: block; background-color: var(--lightbeige); }

#subnavheader {
width: 100%;
border: none;
font-weight: 500;
font-style: normal;
text-decoration: none;
padding-bottom: 5px;
display: none;
border-bottom: 1px solid var(--purple);
}

#subnavlist {
width: 100%;
font-weight: 500;
font-style: normal;
color: var(--anthracite);
text-decoration: none;
}

.sublinkactiveh {
	font-weight: var(--medium);
	font-style: normal;
	color: var(--purple);
	margin-bottom: 4px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid var(--purple);
}

.sublinkactive, .sublinkactive2, .sublinkactive3 {
	font-weight: var(--medium);
	font-style: normal;
	color: var(--purple);
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sublinkactive {
	padding-left: 0px;
}

.sublinkactive2 {
	padding-left: 15px;
}

.sublinkactive3 {
	padding-left: 25px;
}

a.sublink, a.sublink2, a.sublink3 {
	font-weight: 400;
	font-style: normal;
	color: var(--anthracite);
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.sublink {
	padding-left: 0px;
}

a.sublink2 {
	padding-left: 15px;
}

a.sublink3{
	padding-left: 25px;
}

a.sublink:hover, a.sublink2:hover, a.sublink3:hover {
	color: var(--orange);
}

a.sublinkh {
	font-weight: var(--medium);
	font-style: normal;
	color: var(--anthracite);
	margin-bottom: 4px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid var(--anthracite);
}

a.sublinkh:hover{
	color: var(--orange);
}

a.subnavtoggle {
display: none;
width: 20px;
height: 20px;
background: url('../images/menbutton.svg') center center no-repeat;
background-size: 20px;
text-decoration: none;
}

/*** SLIDER ***/

.ixfull {
padding: 0 !important;
}

.ixmain {
width: 100%;
display: block;
overflow: hidden;
position: relative;
height: 38vw;
}

.ixmimg, .ixmimg2 {
width: 100%;
display: block;
z-index: 3;
}

.ixmimg {
margin-top: calc(-16vw);
}

.ixmimg2 {
margin-top: calc(-8vw);
}

.sl-fade-zoom-in {
animation: zoomEffect 40s forwards;
}

@keyframes zoomEffect {
    from {transform: scale(1); }
    to {transform: scale(1.25); }
}

@keyframes bgFadeIn {
    from {opacity: 0; }
    to {opacity: 1; }
}

/*** COLUMNS ***/

.one-full {
display: block;
width: 100%;
position: relative;
}

.one-half {
width: calc(50% - 40px);
display: inline-block;
position: relative;
z-index: 10;
}

.one-half.slim {
width: calc(50% - 5px);
}


.one-half:first-child {
margin-right: 80px;
}

.one-half.slim:first-child {
margin-right: 10px;
}

.one-half-reduced {
display: block;
padding: 0px 150px;
position: relative;
}

.one-half-text, .one-third-text, .one-fourth-text {
display: block;
padding: 20px;
}

.one-half-text.fullwidth, .one-third-text.fullwidth, .one-fourth-text.fullwidth {
padding-left: 0px;
padding-right: 0px;
}

.one-fourth-text { line-height: 120%; }

.one-half-left, .one-half-left2, .one-half-left0, .one-half-center, .one-half-left2x {
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
}

.one-half-left, .one-half-center, .one-half-left2x {
padding: 20px 50px;
}

.one-half-center2 {
display: block;
position: relative;
padding: 20px 50px;
}

.one-half-left2, .one-half-left0 {
padding: 20px 0px;
}

.one-half-left, .one-half-left2, .one-half-left0, .one-half-left2x { text-align: left; }
.one-half-center, .one-half-center2 { text-align: center; }

.one-third {
width: calc((100% - 160px) / 3 );
display: inline-block;
position: relative;
z-index: 10;
margin-right: 80px;
}

.two-thirds {
width: calc((((100% - 160px) / 3 ) * 2) + 80px);
display: inline-block;
position: relative;
z-index: 10;
margin-right: 80px;
}


.one-third.slim {
width: calc((100% - 20px) / 3 );
margin-right: 10px;
}

.one-third:last-child, .two-thirds:last-child {
margin-right: 0;
}

.one-third.slim:last-child {
margin-right: 0;
}

.flexcol {
width: 100%;
display: flex;
}

.flexwrap .one-third:nth-child(3n+3) {
margin-right: 0;
}



/*** PADDINGS & MARGINS ***/

.szeropd { padding: 0px 30px; }
.shalfpd { padding: 25px 30px; }
.stoppd { padding: 50px 30px 0px; }
.sbtmpd { padding: 0px 30px 50px; }

.shalfmtop { margin-top: 25px; }
.shalfmbtm { margin-bottom: 25px; }

.ssinglemtop { margin-top: 50px; }
.ssinglembtm { margin-bottom: 50px; }
.ssinglepdtop { padding-top: 50px; }
.ssinglepdbtm { padding-bottom: 50px; }

.sdoublepd { padding: 100px 30px; }
.sdoublepdtop { padding-top: 100px; }
.sdoublepdbtm { padding-bottom: 100px; }
.sdoublemtop { margin-top: 100px; }
.sdoublembtm { margin-bottom: 100px; }

.striplepd { padding: 150px 30px; }
.striplepdbtm { padding-bottom: 150px; }
.striplemtop { margin-top: 150px; }
.striplembtm { margin-bottom: 150px; }

.sfullwidth { padding-left: 0 !important; padding-right: 0 !important; }



/*** HEADER ***/

.header, .headerlight, .smallheader  {
font-family: var(--header);
font-style: normal;
font-weight: var(--medium);
color: var(--purple);
display: block;
line-height: 1.2;
}

.header2, .xsmallheader {
font-family: var(--text);
font-style: normal;
font-weight: var(--medium);
color: var(--purple);
display: block;
line-height: 1.2;
}

.header, .headerlight {
font-size: 3em;
margin-bottom: 0.85em;
}

.smallheader, .header2 {
font-size: 2em;
margin-bottom: 0.85em;
}

.subheader {
font-family: var(--text);
font-style: normal;
font-weight: var(--normal);
color: var(--anthracite);
display: block;
line-height: 1.2;
font-size: 1.4em;
margin-bottom: 0.65em;
}

.xsmallheader {
font-size: 1.4em;
margin-bottom: 0.65em;
}

/*
.header, .headerlight, .smallheader, .xsmallheader {
line-height: 120%;
}

.header {
font-family: var(--bold);
}

.headerlight , .smallheader, .xsmallheader {
font-family: var(--normal);
}

.header, .headerlight {
font-size: 42px;
margin-bottom: 28px;
}

.header, .headerlight, .specialheader, .smallheader, .xsmallheader, .lightgrey {
color: var(--green);
}

.smallheader {
font-size: 32px;
margin-bottom: 12px;
}

.xsmallheader {
font-size: 28px;
margin-bottom: 10px;
}
*/


/*** TEXT ELEMENTS ***/

.uppercase {
text-transform: uppercase;
}

.purple {
color: var(--purple) !important;
}

.orange {
color: var(--orange) !important;
}

.white {
color: var(--white) !important;
}

.green {
color: var(--green) !important;
}

.altgreen {
color: var(--altgreen) !important;
}

.red {
color: var(--red) !important;
}

.standard {
font-family: var(--text) !important;
}

.medium {
font-weight: var(--medium);
color: var(--grey);
}

.fett {
font-weight: var(--bold);
}

.yellow {
color: var(--yellow) !important;
}

.anthracite {
color: var(--anthracite) !important;
}


.large {
font-size: 1.1em;
}

a.link {
color: var(--purple);
font-weight: var(--medium);
text-decoration: none;
}

a.link:hover {
color: var(--orange);
}

a.linkbutton {
display: inline-block;
white-space: nowrap;
font-family: var(--header);
font-weight: var(--bold);
color: var(--white);
background-color: var(--purple);
text-decoration: none;
line-height: 100%;
padding: 0.7em;
font-size: 1.1em;
border-radius: 0.5em;
}

a.linkbutton:hover {
background-color: var(--orange);
}


.small { font-size: 0.9em; }
.xsmall { font-size: 0.8em; }
.compact { display: block; line-height: 1.2; }


/*** LISTS ***/

ul.dotted, ul.checked {
list-style-type:none;
position: relative;
padding: 0px;
margin: 0px; 
}

ul.dotted li:before, ul.checked li ul.dotted li:before {
	content: '\2022';
}

ul.checked li:before {
	content: '\2714\00FE0E';
	color: var(--green);
}

ul.dotted li:before, ul.checked li:before {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	display: block;
}

ul.dotted li, ul.checked li {
padding: 0px 0px 4px 34px;
}

ol.numlist {
padding: 0px 0px 4px 34px;
}


/*** VARIOUS ***/

.img-block {
display: block;
width: 100%;
border-radius: 0.5em;
}

.wrap-right {
display: block;
width: 100%;
text-align: right;
}




/*** RESPONSIVE ***/

@media only screen and (max-width: 1740px) {
	/* SECTIONS & CONTAINERS */
		.section .container.wide { max-width: calc(100% - 40px); }
}


@media only screen and (max-width: 1600px) {
	/* SECTIONS & CONTAINERS */
		.section .container.wide { max-width: calc(100% - 20px); }
	/* COLUMNS */
		.one-half-reduced { padding: 0px 100px; }
		.one-half { width: calc(50% - 30px); }
		.one-half:first-child { margin-right: 60px; }
		.one-third { width: calc((100% - 120px) / 3 ); margin-right: 60px; }
		.two-thirds { width: calc((((100% - 120px) / 3) * 2) + 60px ); margin-right: 60px; }
	/* HEADER */
/*		.header, .headerlight { font-size: 40px; }
		.smallheader { font-size: 30px; }*/
}


@media only screen and (max-width: 1440px) {
	/* SECTIONS & CONTAINERS */
		#content.inset { padding-top: 120px; }
	/* SLIDER */
		.ixmain { height: 42vw; }
		.ixmimg { margin-top: -12vw; }
		.ixmimg2 { margin-top: -6vw; }
	/* COLUMNS */
		.one-half-reduced { padding: 0px 50px; }
	/* HEADER */
		.header, .headerlight { font-size: 38px; }
		.smallheader { font-size: 28px; }
}


@media only screen and (max-width: 1240px) {
	/* SECTIONS & CONTAINERS */
		/*#content { padding: 113px 0px 0px; }*/
		#content.inset { padding-top: 100px; }
		.section .container.wide { max-width: 100%; }
	/* SLIDER */
		.ixmain { height: 47vw; }
		.ixmimg { margin-top: -10vw; }
		.ixmimg2 { margin-top: -4vw; }
	/* COLUMNS */
		.one-half-reduced { padding: 0px; }
		.one-half { width: calc(50% - 20px); }
		.one-half:first-child { margin-right: 40px; }
		.one-third { width: calc((100% - 80px) / 3 ); margin-right: 40px; }
		.two-thirds { width: calc((((100% - 80px) / 3 ) * 2) + 40px); margin-right: 40px; }
	/* HEADER */
/*		.header, .headerlight { font-size: 36px; }
		.smallheader { font-size: 26px; }
		.xsmallheader { font-size: 24px; }*/
}


@media only screen and (max-width: 1080px) {
	/* SECTIONS & CONTAINERS */
		/*#content { padding: 100px 0px 0px; }*/
		#content.inset { padding-top: 90px; }
		.section { padding: 40px 20px; }	
		.container { padding: 0; }
	/* SLIDER */
		.ixmain { height: 52vw; }
		.ixmimg { margin-top: -7vw; }
		.ixmimg2 { margin-top: -2vw; }
	/* COLUMNS */
		.one-half { width: calc(50% - 15px); }
		.one-half:first-child { margin-right: 30px; }
		.one-third { width: calc((100% - 60px) / 3 ); margin-right: 30px; }
		.two-thirds { width: calc((((100% - 60px) / 3 ) * 2) + 30px); margin-right: 30px; }
		.one-third.ot2col-lg, .one-third.ot2col-lg:last-child { width: calc(50% - 15px); }
		.one-third.slim.ot2col-lg, .one-third.slim.ot2col-lg:last-child { width: calc(50% - 5px); }
		.one-third.ot2col-lg { margin-right: 30px; }
		.one-third.slim.ot2col-lg { margin-right: 10px; }
		.one-third.ot2col-lg:last-child, .one-third.slim.ot2col-lg:last-child { margin-right: 0; }
		.flexwrap .one-third.ot2col-lg:nth-child(3n+3) { margin-right: auto; }
		.flexwrap .one-third.ot2col-lg:nth-child(2n+2) { margin-right: 0; }
	/* PADDINGS & MARGINS */
		.szeropd { padding: 0px 20px; }
		.shalfpd { padding: 20px 20px; }
		.shalfmtop { margin-top: 20px; }
		.shalfmbtm { margin-bottom: 20px; }
		.ssinglemtop { margin-top: 40px; }
		.ssinglembtm { margin-bottom: 40px; }
		.ssinglepdtop { padding-top: 40px; }
		.ssinglepdbtm { padding-bottom: 40px; }
		.sdoublepd { padding: 80px 20px; }
		.sdoublepdtop { padding-top: 80px; }
		.sdoublepdbtm { padding-bottom: 80px; }
		.sdoublemtop { margin-top: 80px; }
		.sdoublembtm { margin-bottom: 80px; }
		.striplepd { padding: 120px 20px; }
		.striplepdbtm { padding-bottom: 120px; }
		.striplemtop { margin-top: 120px; }
		.striplembtm { margin-bottom: 120px; }
	/* HEADER */
		.header, .headerlight { font-size: 1.8em; }
		.smallheader { font-size: 1.2em; }
		/*.xsmallheader { font-size: 22px; }*/
}


@media only screen and (max-width: 880px) {
	/* HEADER */
/*		.header, .headerlight { font-size: 28px; }*/
}


@media only screen and (max-width: 768px) {
	/* GENERAL DEFINITIONS */
		body { font-size: 18px; }
	/* SECTIONS & CONTAINERS */
		#content { min-height: calc(100vh - 37px); padding: 108px 0px 0px; }
		#content.inset { padding-top: 70px; }
		.section { padding: 30px 10px; }
		.section .container { max-width: 100%; }
		.flexcontainer { display: block; }
		.flexreverse { display: flex; flex-direction: column-reverse; }
		.flexcontainer.fw2col { display: flex; }
		.flexcontainer.fw2small { display: flex; }
		.flexnp, .flexnptop { padding-bottom: 0px !important; }
		.flexnptop { padding-top: 0px !important; }
		.flexnpbtm { padding-bottom: 0px !important; }
		.fillin { min-height: 145px; }
	/* SUBNAV */
		.flex2 { flex-direction: column; }
		.navleft { display: none; }
		.navright { width: 100%; padding-top: 38px; }
		#subnav-sticky { display: block; top: 66px; }
		#subnav { width: 100%; padding: 0.5em 1.8em 0.5em; }
		#subnavlist { display: none; position: absolute; left: 0; padding: 0.85em 1.8em 0.35em; border-bottom: 1px solid var(--taupe); }
		a.subnavtoggle { display: block; }
	/* SLIDER */
		.ixmain { height: 60vw; }
		.ixmimg { margin-top: -2vw; }
		.ixmimg2 { margin-top: 0; }
	/* COLUMNS */
		.one-half, .one-half:first-child { width: 100%; margin: 0; }
		.one-half:first-child { margin-bottom: 30px; }
		.flexcontainer.fw2col .one-half, .flexcontainer.fw2col .one-half:first-child, .flexcontainer.fw2small .one-half, .flexcontainer.fw2small .one-half:first-child { width: calc(50% - 15px); margin-bottom: 0; }
		.flexcontainer.fw2col .one-half:first-child, .flexcontainer.fw2small .one-half:first-child { margin-right: 30px; }
		.one-half-text, .one-third-text, .one-fourth-text { padding: 16px; }
		.one-half-left, .one-half-center { transform: none; padding: 60px 30px; }
		.one-half-left2, .one-half-left0, .one-half-left2x { transform: none; }
		.one-half-center2, .one-half-left2x { padding: 30px; }
		.one-half-left0 { padding: 0; }
		.one-half.leftn:first-child { padding-bottom: 30px; }
		.one-third, .one-third:last-child, .one-third.slim, .one-third.slim:last-child, .two-thirds, .two-thirds:last-child, .one-third.ot2col-lg, .one-third.ot2col-lg:last-child { width: 100%; margin: 0; margin-bottom: 30px; }
		.flexwrap .one-third.ot2col-lg:nth-child(2n+2) { margin-right: auto; }
		.flexreverse .one-third:last-child { margin-bottom: 30px; }
		.flexreverse .one-third:first-child { margin-bottom: 0; }
		.one-third.ot2col, .one-third.ot2col:last-child { width: calc(50% - 15px); }
		.one-third.slim.ot2col, .one-third.slim.ot2col:last-child { width: calc(50% - 5px); }
		.one-third.ot2col { margin-right: 30px; }
		.one-third.slim.ot2col { margin-right: 10px; }
		.one-third.ot2col:last-child, .one-third.slim.ot2col:last-child { margin-right: 0; }
		.one-third:last-child, .one-third.slim:last-child { margin-bottom: 0;}
		.flexwrap .one-third.ot2col:nth-child(3n+3) { margin-right: auto; }
		.flexwrap .one-third.ot2col:nth-child(2n+2) { margin-right: 0; }
		.col-dblmbtm { margin-bottom: 60px !important; }
		.col-halfmbtm { margin-bottom: 15px !important; }
		.flexnp .one-half, .flexnptop .one-half { margin-bottom: 0px !important; }
	/* PADDINGS & MARGINS */
		.szeropd { padding: 0px 10px; }
		.shalfpd { padding: 20px 10px; }
		.ssinglepdbtm { padding-bottom: 40px; }
		.sdoublepd { padding: 80px 10px; }
		.sdoublepdtop { padding-top: 80px; }
		.sdoublepdbtm { padding-bottom: 80px; }
		.striplepd { padding: 120px 10px; }
		.ssinglepdtop { padding-top: 40px; }
		.vmargintop { margin-top: 6px; }
		.vmarginbtm { margin-bottom: 6px; }
		.srhalfpdbtm { padding-bottom: 15px; }
	/* HEADER */
		.header, .headerlight { font-size: 1.9em; }
		/*.smallheader { font-size: 22px; margin-bottom: 10px; }
		.xsmallheader { font-size: 20px; margin-bottom: 8px; }*/
	/* COLORS & FONT WEIGHTS */
		.large { font-size: 18px; }
		.small { font-size: 14px; }
		.xsmall { font-size: 14px; }
}


@media only screen and (max-width: 640px) {
	/* SLIDER */
		.ixmain { height: 64vw; }
		.ixmimg { margin-top: 0; }
	/* COLUMNS */
		.one-third.ot2col, .one-third.ot2col:last-child, .one-third.slim.ot2col, .one-third.slim.ot2col:last-child { width: 100%; margin: 0; margin-bottom: 30px; }
		.flexcontainer.fw2small { display: block; }
		.flexcontainer.fw2small .one-half, .flexcontainer.fw2small .one-half:first-child { width: 100%; margin: 0; }
		.flexcontainer.fw2small .one-half:first-child { margin-bottom: 20px; }
	/* HEADER */
		.header, .headerlight { font-size: 1.6em; }
}

@media only screen and (max-width: 540px) {
	/* SECTIONS & CONTAINERS */
		#content { padding: 96px 0px 0px; }
}

@media only screen and (max-width: 480px) {
	/* GENERAL DEFINITIONS */
		body { font-size: 16px; }
	/* SECTIONS & CONTAINERS */
		#content { min-height: calc(100vh - 78px); padding: 81px 0px 0px; }
		#content.inset { padding-top: 60px; }
		.section { padding: 30px 0px; }
	/* SUBNAV */
		#subnav { padding: 0.5em 1.3em 0.35em; }
		#subnavlist { padding: 0.85em 1.3em 0.35em; }
		.navright { padding-top: 36px; }
		#subnav-sticky { top: 53px; }
	/* SLIDER */
		.ixmain { height: 72vw; }
		.ixmimg, .ixmimg2 { width: 109vw; margin-left: -4vw; }
	/* COLUMNS */
		.one-half:first-child { margin-bottom: 20px; }
		.one-half.leftn:first-child { padding-bottom: 30px; }
		.one-half-text, .one-third-text, .one-fourth-text { padding: 12px; }
		.one-half-center2 { padding: 0px 30px; }
		.one-third, .two-thirds { margin-bottom: 20px; }
		.flexreverse .one-third:last-child { margin-bottom: 20px; }
		.col-dblmbtm { margin-bottom: 40px !important; }
		.col-halfmbtm { margin-bottom: 10px !important; }
		.fillin { min-height: 130px; }
	/* PADDINGS & MARGINS */
		.szeropd { padding: 0px; }
		.shalfpd { padding: 15px 00px; }
		.shalfmtop { margin-top: 15px; }
		.shalfmbtm { margin-bottom: 15px; }
		.ssinglemtop { margin-top: 30px; }
		.ssinglembtm { margin-bottom: 30px; }
		.ssinglepdtop { padding-top: 30px; }
		.ssinglepdbtm { padding-bottom: 30px; }
		.sdoublepd { padding: 50px 0px; }
		.sdoublepdtop { padding-top: 50px; }
		.sdoublepdbtm { padding-bottom: 50px; }
		.sdoublemtop { margin-top: 50px; }
		.sdoublembtm { margin-bottom: 50px; }
		.striplepd { padding: 80px 0px; }
		.striplepdbtm { padding-bottom: 80px; }
		.striplemtop { margin-top: 80px; }
		.striplembtm { margin-bottom: 80px; }
	/* HEADER */
		.header, .headerlight { font-size: 1.5em; margin-bottom: 1.25em; }
/*		.smallheader { font-size: 20px; }
		.xsmallheader { font-size: 18px; }*/
	/* COLORS & FONT WEIGHTS */
		.large { font-size: 16px; }
		.small { font-size: 14px; }
		.xsmall { font-size: 14px; }
}

@media only screen and (max-width: 360px) {
	/* SLIDER */
		.ixmain { height: 80vw; }
		.ixmimg, .ixmimg2 { width: 120vw; margin-left: -10vw; }
}

@media only screen and (max-width: 359px) {
	/* SECTIONS & CONTAINERS */
		#content { min-height: calc(100vh - 74px); }
}
#offerMediaTooltip {
position: fixed;
left: 0;
top: 0;
z-index: 1200;
display: none;
max-width: 220px;
padding: 0.38em 0.55em;
border-radius: 0.25em;
background-color: rgba(91, 42, 120, 0.78);
color: var(--white);
font-size: 0.56em;
line-height: 1.25;
pointer-events: none;
box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.12);
}

#offerMediaTooltip:before {
content: "";
position: absolute;
left: -6px;
top: 8px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 6px solid rgba(91, 42, 120, 0.78);
}