/*
ToC
-fontface
-Cookiebot jan2020
-unmuter
-SA and buybuttons
-singletons, and metahacks
-bitmovin REMOVED
-aspect ratio
-language specific upper, liner, aspect ratio
-namenus li>a navmenu
-MQs for mobile cards, e.g., mchale
-misc (login, ul>li>a,) .no-js
-pre and mq for header and footer mostly
-cookie consent REMOVED
-spinner loading icon
-fontsizes
-winston + expander
-vjs
-dropdown login
-dictionary/conjugator cta
-lang switcher

*/
@charset "utf-8";
/*BEGIN FONTFACE */
/* open-sans-regular - cyrillic_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fonts/open-sans-v15-cyrillic_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-cyrillic_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - cyrillic_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/fonts/open-sans-v15-cyrillic_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-cyrillic_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - cyrillic_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('/fonts/open-sans-v15-cyrillic_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-cyrillic_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - cyrillic_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/fonts/open-sans-v15-cyrillic_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v15-cyrillic_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*END FONTFACE*/



/*CookieBot*/

#CybotCookiebotDialogBodyContentTitle, #CybotCookiebotDialogBodyContentText {
  font-family: 'Open Sans', sans-serif !important;
}
.CybotCookiebotDialogBodyButton {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
/*  margin-top:6px !important;*/
  padding-bottom:6px !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  color: #000000 !important;
  background: #f6f6f6 !important;
  border-color: #cccccc !important;
}

/*EndCookieBot*/




/*UNMUTER*/


/*old
.unmuter_desktop_background {
	background: green;
	border: 2px solid #ffffff;
	position: absolute;
	top: -144px;
	left: 0vw;
	height: 140px;
	width: 140px;
}
.unmuter_mobile_background {
	border: 2px solid #ffffff;
	background: green;
	position: absolute;
	top: -25vw;
	left: 0vw;
	height: 24vw;
	width: 24vw;
}
.unmuter_desktop_image {
	cursor: pointer;
	position: absolute;
	top: -190px;
	left: -54px;
	height: 250px;
	width: 250px;
}
.unmuter_mobile_image {
	cursor: pointer;
	position: absolute;
	top: -41vw;
	left: -18vw;
	height: 60vw;
	width: 60vw;
}
*/

/*new for chat*/
.unmuter_desktop_background {
  background: green;
  border: 2px solid #ffffff;
  position: absolute;
  top: -108.2px;
  left: 0px;
  height: 104.2px;
  width: 104.2px;

  cursor: pointer !important;
}
.unmuter_mobile_background {
  background: green;
  border: 2px solid #ffffff;
  position: absolute;
  top: -108.2px;
  left: 0px;
  height: 104.2px;
  width: 104.2px;

  cursor: pointer !important;
}

.unmuter_desktop_image {

  position: absolute;
  top: -141.86666px;
  left: -40.348px;
  height: 186.666px;
  width: 186.666px;
}
.unmuter_mobile_image {

  position: absolute;
  top: -141.86666px;
  left: -40.348px;
  height: 186.666px;
  width: 186.666px;
}

#unmuter_desktop {
	display: none;
}
#unmuter_mobile {
	display: none;
}

/*END UNMUTER*/






/*BEGIN SA and buybuttons*/
.swal-text {
	font-size: 17px;
	margin-bottom: 0;
	color: #000000;
}


.swal-modal {
	-webkit-animation: showSweetAlert 0s !important;
	animation: showSweetAlert 0s !important;
}
.swal-overlay {
	-webkit-animation: showSweetAlert 0s !important;
	animation: showSweetAlert 0s !important;

    position: absolute !important;
    overflow: visible;
    background-color: rgba(235,235,235,1) !important;
    /*These classes are to enable scrolling in landscape.*/
    /*height: 2000px;*/
}

.swal-content__iframe {
	border-width: 0px !important
}
.swal-footer {
	padding-top: 0px !important;
}


/*from french*/
.swal-custom-container {
  font-size: 17px;
  text-align: justify;
  color: #000000;
}

.swal-modal {
  position: relative;
  z-index: 9999999 !important;
  background: #d5d5d5;
}
.landing_modal {
  position: relative;
  z-index: 9999999 !important;
}
/* custom styles for landing modal */
/* based on .button_buy in styles */
.swal-modal.landing_modal {
  margin: 0;
  border-radius: 0;
  width: 94%;
  /*height: 90%;*/
  max-width: 1050px;
  max-height: 900px;
  background: #d70000;
  position: relative;
  z-index: 9999999 !important;
}
.swal-modal.landing_modal .swal-content {
  background: #d70000; /* the content and footer needs the background - else on narrow screens, the button floats off */
  padding: 3% 3% 0% 3%; /* separate out since don't need to duplicate the padding between content and footer */
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  z-index: 999999 !important;
}
.swal-modal.landing_modal .swal-footer {
  background: #d70000; /* the content and footer needs the background, not the container - else on narrow screens, the border floats off */
  padding: 0% 3% 3% 3%;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  z-index: 999999 !important;
}
.swal-modal.landing_modal .swal-custom-container-modal {
  font-size: 17px;
  text-align: justify;
  color: #ffffff;
  position: relative;
  z-index: 999999 !important;
}

.swal-modal.landing_modal .swal-button.swal-button--confirm {
  background-color: #ffffff !important;
  color: #d70000 !important;
  border: solid 2px #ffffff !important;
  position: relative;
  z-index: 999999 !important;
}
.swal-modal.landing_modal .swal-button.swal-button--confirm:hover {
  background-color: #d70000 !important;
  color: #ffffff !important;
  border: solid 2px #ffffff;
  position: relative;
  z-index: 999999 !important;
}
.swal-modal.landing_modal .landing_modal_top {
}
.swal-modal.landing_modal .landing_modal_middle {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  z-index: 999999 !important;
}
.swal-modal.landing_modal .landing_modal_middle .landing_modal_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  z-index: 10001 !important;
}
.swal-modal.landing_modal .landing_modal_bottom {
}
.swal-modal.landing_modal .landing_modal_bottom p {
  /* font-size: 18px;  for example - change size, colour etc */
}



.swal-button {
	outline: transparent !important;
	border: none;
	outline: none !important;
	border-radius: 0px !important;
	border: 0;
	color: black;
	box-shadow: none;
	font-size: 17px;
	cursor: pointer;
	padding: 5px 15px 5px 15px;
}
.swal-button:hover {
	color: black !important;
	background-color: #f0f0f0 !important;
}
.button-buy .swal-button--confirm {
  background-color: green !important;
  color: white;
}
.button-buy .swal-button--confirm:hover {
  background-color: #f0f0f0 !important;
  color: green !important;
}

/*end from french*/




.buydiv {
	padding: 1%;
	overflow: hidden
}
.buydesc {
	width: 67%;
	float: right;
	margin-top: 1.5%;
	margin-bottom: 1%;
}
.buydesc li {
	list-style-type: none;
}
.buyindividual {
	/*border-radius: 0;
	border: 0;
	float: left;
	width: 20%;
	padding: 1%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	cursor: pointer;*/
}
.buyclassroom {
	border-radius: 0;
	border: 0;
	float: left;
	width: 30%;
	padding: 1%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	cursor: pointer;
}
.buyclassroom {
  background: #d70000;
  color: white;
  border-radius: 100px;
  text-transform: uppercase;
  font-weight: bold; /* match the CTA */
  border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
}
.buyclassroom:hover {
  background: white;
  color: #d70000;
  border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
}
.button-buy {
	border-radius: 0;
	width: 320px;
	min-height: 280px;
	font-family: 'Open Sans', sans-serif;
	background: #d5d5d5;
}

.button-access {
	border-radius: 0;
	width: 320px;
	min-height: 180px;
	font-family: 'Open Sans', sans-serif;
	background: #d5d5d5;
}
.button-login {
	border-radius: 0;
	width: 320px;
	min-height: 180px;
	font-family: 'Open Sans', sans-serif;
	background: #d5d5d5;
}
/*END SA and buybuttons*/

/*BEGIN SINGLETONS*/
html {
	/*putting !important for the font-family doesn't carry over to cookiebot*/
	font-family: 'Open Sans', sans-serif;
	font-size: 21.33333333px;
	background: #ebebeb;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    max-width: 1024px;
	margin: 0 auto;
	background: white;
}

#navicon {
	cursor: pointer;
}
*:focus {
    outline: none;
}
input {
	font-family: 'Open Sans', sans-serif;
	-webkit-appearance: none;
}
button {
	font-family: 'Open Sans', sans-serif;	
/*  	line-height: 120% !important;*/ /*	for multi */

}


input:focus, textarea:focus {
	outline: none;
}

br {
	display: block;
	margin: 4px 0;
}

span {
	font-style: italic;
	white-space: nowrap;
}
ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
button:focus {
	outline: transparent !important;
}
img {
	width: 100%;

	margin: 0;
	padding: 0;
	border: 0;
	/*image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;*/
}
.video_div {
	display: none;
}
/*
video {
    display: block;
    overflow: visible;
    z-index: 8000;
}
*/
.carousel {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.item {
	width: 100%;
}
.slick-slide {
    outline: none
}
.logo {
	width: 100%;
	/*height: 0%;*/
	padding: 0%;
	margin: 0%;
}
/*burger*/
.logo2 {
	width: 100%;
	/*height: 0%;*/
	padding: 0%;
	margin: 0%;
}
.closericon {
	width: 5.5vw;
	margin: 4vw 1vw 4vw 30vw;
	cursor: pointer;
}
.closertail {
	cursor: pointer;
	background-color: transparent;
	background-color: red;
	color: white;
	padding-bottom: 100000%;
	display: block;
	/*background-color: #878787;*/
	/*padding: .5vw 0 .5vw 0;*/
	/*border-bottom: .5vw solid /*#aaaaaa*/#d5d5d5;*/
}

.responsive_iframe {
	background-color: #000000;
	background: #000000;
}

div.responsive_iframe_container {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	/* ... since the video in the iframe is 16:9 */
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	background-color: #000000;
	background: #000000;
}
div.responsive_iframe_container iframe.responsive_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	background-color: #000000;
	background: #000000;
}
/* hack needed for Safari 11 else the body's max-width of 1024px cuts off the sides of the video */
:-webkit-full-screen-ancestor {
    position: relative;
    animation: none;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    overflow: hidden;
    background-color: black;
}
:-webkit-full-screen {
    width: 100vw;
    height: 100vh;
    overflow: hidden; /* hide both x and y scroll bars */
    z-index: 1000000 !important;
    position: absolute;
    background-color: black;
}
:-webkit-full-screen-ancestor:not(iframe) {
    background-color: black;
}
#player {
    width: 100%;
    height: 100%;
}
/*added for chat obviously*/
.helpcrunch-iframe-wrapper {
  z-index: -10 !important;
}

[name~=helpcrunch-iframe] {
  bottom: 0px !important;
}

@media only screen and (max-width: 1039px) {
  [name~=helpcrunch-iframe] {
  right: -5px !important;
  }
}
@media only screen and (min-width: 1039.01px) {
  [name~=helpcrunch-iframe] {
  right: calc(50vw - 525px) !important;
  }
}


/*END SINGLETONS*/




/*BEGIN ASPECT RATIO*/
.xstandard {
	padding-bottom: 66.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}
.standard {
	padding-bottom: 56.25%;
}
.modifiedstandard {
	padding-bottom: 56.6875%;
}
.display {
	padding-bottom: 163.6363636%;
}
.narrow {
	padding-bottom: 1350%;
}
.wide {
	padding-bottom: 465.5172414%;
}
.up {
	padding-bottom: 20%;
}
.down {
	padding-bottom: 113.9240506%;
}





.wrapper {
	position: relative;
	width: 100%;
}
.content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	overflow: hidden;
}


.container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.note {
	position: absolute;
	top: 39.2592593%;
}
.landmark {
	position: absolute;
	top: 0;
}
.landmarkBR {
	position: absolute;
	bottom: 0;
}
.infotext {
	padding: 2%;
	height: 100%;
	background: black;
}
.card {
	width: 100%;
	margin: 0 auto;
}

.video {
	position: relative;
	width: 100%;
	margin: 0 0;
	/*z-index: 30;*//*TWEAKABLE z-index  VS.  TWEENER*/ /*COMMENTED OUT FOR DROPDOWN ACCOUNT*/
}
.video>.content {
	position: absolute;
	background: #000000;
	/*padding-left: .5%;
	padding-right: .5%;
	padding-bottom: .5%;
	padding-top: .5%;NO MORE VIDEO BOXES*/
	padding: 0;
}
.info {
	width: 100%;
	margin: 0 auto;
}
.liner {
	position: relative;
	padding: 0;
	height: 100%;
}
.video>.content {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
}
#outerinfo {
	display: visible;
	position: relative;
}
.info1 {
	width: 100%;
	/*padding: .5%;*/
	padding: 0;
	position: absolute;
}
.info2 {
	background: #9a9a9a;

	width: 100%;
	/*padding: .5%;*/
	padding: 0;
	position: relative;
}
.info5 {
	background: #9a9a9a;
	height: 0;
	width: 100%;
	/*padding: .5% .5% 0 .5%;*/
	padding: 0;
	height: auto;
	position: relative;
}

.middle1 {
	background: white;
	width: 100%;
	overflow: visible;
	position: relative;
}
.middle2 {
	background: #d5d5d5;
	background: white;
	width: 100%;
	overflow: hidden;
}
.mobilepicture {
	position: relative;
	float: left;
	width: 30%;
	margin: 1.020408163%;
	padding: 0%;
	border: 1px solid transparent;
}
.mobilepicturefooter {
	position: relative;
	/*width: 99%;*/
	width: 100%;
	margin: 1.020408163%;
	margin-top: 1.2%;
	padding: 0% 0% 0% 3%;
	border: 1px solid transparent;

	flex: 10;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 22%;
	padding: 0% 0 3% 0


}
.mobilepictureappstore {
	position: relative;
	float: right;
	width: 23%;
	margin: 1.020408163%;
	padding: 2.25% 0 0 0;
	border: 1px solid transparent;
}
.tweener {
	position: relative;
	margin: 1.020408163%;
	width: 64%;
	float: right;
	padding: 0px;
	z-index: 40;
}
/*custom loops*/
.middle3 {
	background: #878787;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.blurbstandard {
	padding-bottom: 42%;
}
.blurb {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.blurb>.content {
	padding: 0;
}
.blurbtext {
	color: #000000;
	padding: 4% 4%;
	height: 100%;
	position: relative;
	background: white;
}
/*NOT JUST MOBILE*/
.mobileinfo1 {
	background: #ffffff;
	/*width: 99%;*/
	/*padding: .5%;*/
	width: 100%;
	padding: 0;
}
.mobilemiddle {
	background: #ffffff;
	width: 100%;
	overflow: hidden;
}
.mobileinfo2>.mobilemiddle {
	background: #ffffff;
	border-left: 1px solid #9a9a9a;
}
/*END ASPECT RATIO*/


/*BEGIN LANG SPECIFIC UPPER ETC*/
/*3 FRENCH*/
.frenchstretch {
	background: #5884a7;
	/*padding: .5%;*/
}
.frenchliner {
	position: relative;
	padding: 0;
	height: 100%;
	background: #ffffff;
}
.frenchnarrow {
	width: 4.1666666666666%;
	float: left;
}
#frenchnarrow {
	background: #4c7392;
}
#frenchnarrowmobile {
	background: #4c7392;
}
.frenchwide {
	width: 12.08333333333%;
	float: left;
	background: #c4ced9;
}
.frenchdisplay {
	width: 34.375%;
	float: right;
	background: #ffffff;
}
.frenchupper {
	font-weight: bold;
	position: absolute;
	color: #4c7392;
	top: 0;
	right: 24.375%;
	width: 51.25%;
}
.frenchlower {
	position: absolute;
	width: 49.375%;
	top: 0;
	right: 34.375%;
	background: #ffffff;
}
#frenchcard {
	/*removed for flex
	padding-top: 15%;*/
	padding-top: 10%;


	color: #4c7392;
}
#frenchcard ul {
	padding-left: 2%;
	padding-top: 7%;
}
/*4 ITALIAN*/
.italianstretch {
	background: #557d55;
	/*padding: .5%;*/
}
.italianliner {
	position: relative;
	padding: 0;
	height: 100%;
	background: #ffffff;
}
.italiannarrow {
	width: 4.1666666666666%;
	float: right;
}
#italiannarrow {
	background: #4a6d4a;
}
.italianwide {
	width: 12.08333333333%;
	float: right;
	background: #c3ccc3;
}
.italiandisplay {
	width: 34.375%;
	float: left;
	background: #ffffff;
}
.italianupper {
	font-weight: bold;
	position: absolute;
	color: #4a6d4a;
	top: 0;
	left: 24.375%;
	width: 51.25%;
}
.italianlower {
	position: absolute;
	width: 49.375%;
	top: 0;
	left: 34.375%;
	background: #ffffff;
}
#italiancard {
	padding-top: 10%;
	color: #4a6d4a
}
#italiancard ul {
	padding-left: 1%;
	padding-right: 2%;
	padding-top: 6%;
}
/*5 SPANISH*/
.spanishstretch {
	background: #b3603c;
	/*padding: .5%;*/
}
.spanishliner {
	position: relative;
	padding: 0;
	height: 100%;
	background: #ffffff;
}
.spanishnarrow {
	width: 4.1666666666666%;
	float: left;
}
#spanishnarrow {
	background: #a55434;
}
.spanishwide {
	width: 12.08333333333%;
	float: left;
	background: #e1c5c0;
}
.spanishdisplay {
	width: 34.375%;
	float: right;
	background: #ffffff;
}
.spanishupper {
	font-weight: bold;
	position: absolute;
	color: #a55434;
	top: 0;
	right: 24.375%;
	width: 51.25%;
}
.spanishlower {
	position: absolute;
	width: 49.375%;
	top: 0;
	right: 34.375%;
	background: #ffffff;
}
#spanishcard {
	/*commented out for spanish card
	padding-top: 15%;*/
	padding-top: 10%;

	color: #a55434;
}
#spanishcard ul {
	padding-left: 2%;
	padding-top: 8%;
}
/*6 PORTUGUESE*/
.portuguesestretch {
	background: #8a5d93;
	/*padding: .5%;*/
}
.portugueseliner {
	position: relative;
	padding: 0;
	height: 100%;
	background: #ffffff;
}
.portuguesenarrow {
	width: 4.1666666666666%;
	float: right;
}
#portuguesenarrow {
	background: #795181;
}
.portuguesewide {
	width: 12.08333333333%;
	float: right;
	background: #d0c5d2;
}
.portuguesedisplay {
	width: 34.375%;
	float: left;
	background: #ffffff;
}
.portugueseupper {
	font-weight: bold;
	position: absolute;
	color: #795181;
	top: 0;
	left: 24.375%;
	width: 51.25%;
}
.portugueselower {
	position: absolute;
	width: 49.375%;
	top: 0;
	left: 34.375%;
	background: #ffffff;
}
#portuguesecard {
	padding-top: 13%;
	color: #795181;
}
#portuguesecard ul {
	padding-left: 1%;
	padding-right: 2%;
	padding-top: 6%;
}
/*7 RUSSIAN */
.russianstretch {
	background: #9e424d;
	/*padding: .5%;*/
}
.russianliner {
	position: relative;
	padding: 0;
	height: 100%;
	background: #ffffff;
}
.russiannarrow {
	width: 4.1666666666666%;
	float: left;
}
#russiannarrow {
	background: #8a3943;
}

.russianwide {
	width: 12.08333333333%;
	float: left;
	background: #d6c0c2;
}
.russiandisplay {
	width: 34.375%;
	float: right;
	background: #ffffff;
}
.russianupper {
	font-weight: bold;
	position: absolute;
	color: #8a3943;
	top: 0;
	right: 24.375%;
	width: 51.25%;
}
.russianlower {
	position: absolute;
	width: 49.375%;
	top: 0;
	right: 34.375%;
	background: #ffffff;
}
#russiancard {
	padding-top: 10%;
	color: #8a3943;
}
#russiancard ul {
	padding-left: 2%;
	padding-top: 7%;
}
/*8 LATIN*/
.latinstretch {
	background: #699196;
	/*padding: .5%;*/
}
.latinliner {
	position: relative;
	padding: 0;
	height: 100%;
	background: #ffffff;
}
.latinnarrow {
	width: 4.1666666666666%;
	float: right;
}
#latinnarrow {
	background: #5b7f83;
}
.latinwide {
	width: 12.08333333333%;
	float: right;
	background: #c7d2d3;
}
.latindisplay {
	width: 34.375%;
	float: left;
	background: #ffffff;
}
.latinupper {
	font-weight: bold;
	position: absolute;
	color: #5b7f83;
	top: 0;
	left: 24.375%;
	width: 51.25%;
}
.latinlower {
	position: absolute;
	width: 49.375%;
	top: 0;
	left: 34.375%;
	background: #ffffff;
}
#latincard {
	padding-top: 10%;
	color: #5b7f83;
}
#latincard ul {
	padding-left: 1%;
	padding-right: 2%;
	padding-top: 7%;
}
/*9 ANCIENT GREEK*/
.greekstretch {
	background: #cc966b;
	/*padding: .5%;*/
}
.greekliner {
	position: relative;
	padding: 0;
	height: 100%;
	background: #ffffff;
}
.greeknarrow {
	width: 4.1666666666666%;
	float: left;
}
#greeknarrow {
	background: #b3835d;
}
.greekwide {
	width: 12.08333333333%;
	float: left;
	background: #e7d3c8;
}
.greekdisplay {
	width: 34.375%;
	float: right;
	background: #ffffff;
}
.greekupper {
	font-weight: bold;
	position: absolute;
	color: #b3835d;
	top: 0;
	right: 24.375%;
	width: 51.25%;
}
.greeklower {
	position: absolute;
	width: 49.375%;
	top: 0;
	right: 34.375%;
	background: #ffffff;
}
#greekcard {
	padding-top: 17%;
	color: #b3835d;
}
#greekcard ul {
	padding-left: 2%;
	padding-top: 8%;
}
/*END LANG SPECIFIC UPPER ETC*/

/*BEGIN NAVMENUS ul li */
a:link {
	text-decoration: none;
}
a:link, a:visited, a:active {
	color: #000000;
}
a:hover {
	color: #999999;
}
.mobilelist {
	background-color: transparent;
	position: relative;
	z-index: 40;
	clear: both;
}
.mobilelist ul {
	overflow: hidden;
	height: auto;
	margin: 0;
	padding: 0;
	width: 38.5vw;
}
.mobilelist ul li {
	list-style-type: none;
	float: right;
	text-align: center;
	width: 38.5vw;
}
.mobilelist ul li a {
  text-decoration: none;
  display: block;
  color: #000000;
  text-align: center;
  background: #ffffff;
  padding: 1% 0%;
  /*finally fix for mobile menu*/
  border-top: 1px solid #d5d5d5;
  border-bottom: none;
  border-left: none;
  border-right: none;
  width: 38.5vw;
}
/*this adds a border below contact*/
.last {
  border-bottom: 1px solid #d5d5d5 !important;
}


.mobilelist ul li a:hover {
	background: #f0f0f0;
	color: #000000;
}
ul#navmenu {
	position: absolute;
	width: 100%;
	margin: 0;
	list-style-type: none;
	padding: 0;
}
#navmenu>li {
	float: right;
	position: relative;
	width: 25%;
}
#navmenu>li>a {
	text-decoration: none;
	display: block;
	color: #000000;
	text-align: center;
	background: white;
	padding: 4% 0%;
	border: 1px solid #d5d5d5;
}
#navmenu>li ul li {
	float: right;
	position: relative;
	width: 100%;
}
.submenu {
	list-style-type: none;
	margin: 0;
	padding-top: 0px;
	overflow: visible;
}
#navmenu .submenu {
	width: 100%;
	margin: 0;
	padding: 0;
}
#navmenu .submenu a {
	text-decoration: none;
	display: none;
	color: #000000;
	text-align: center;
	background: green;
}
#navmenu li:hover .submenu a {
	display: block;
	background: #ffffff;
	color: #000000;
	border: 1px solid #d5d5d5;
	padding: 4% 1px;
	background-clip: padding-box;
}
#navmenu>li:hover>a {
	background: #f0f0f0;
	color: #000000;
}
#navmenu>li:hover>a:hover {
	background: #f0f0f0;
	color: #000000;
}
#navmenu>li:hover>.submenu:hover>li:hover>a:hover {
	background: #f0f0f0;
	color: #000000;
	border: 1px solid #d5d5d5;
	padding: 4% 1px;
	background-clip: padding-box;
}
/*END NAVMENUS ul*/


/*BEGIN MQs FOR MOBILE CARDS E.G. mchale */
@media only screen and (min-width: 635px) {
	.arrowsmobile {
		display: none;
	}
	#outermobileinfo {
		display: none;
	}
}
@media only screen and (min-width: 100px) and (max-width: 634.999px) {

	.frenchdisplay,
	.italiandisplay,
	.spanishdisplay,
	.portuguesedisplay,
	.russiandisplay,
	.latindisplay,
	.greekdisplay {
		display: none;
	}
	.arrows {
		display: none;
	}
	.arrowsmobile {
		display: visible;
	}
	.down {
		padding-bottom: 67.16417910%;
	}
	.frenchlower,
	.spanishlower,
	.russianlower,
	.greeklower {
		width: 83.75%;
		top: 0;
		right: 0%;
	}
	.italianlower,
	.portugueselower,
	.latinlower {
		width: 83.75%;
		top: 0;
		left: 0%;
	}
	#frenchcard {
		padding-top: 0%;
		padding-left: 1%;
	}
	#frenchcard ul {
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 2%;
	}
	#frenchcard ul li {
		display: inline;
	}
	#frenchcard ul li:before {
		content: "\2022\00a0";
		vertical-align: top !important;
		/*font-size: 7.8vw;*/
	}
	#italiancard {
		padding-top: 0%;
		padding-left: 1%;
	}
	#italiancard ul {
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 2%;
	}
	#italiancard ul li {
		display: inline;
	}
	#italiancard ul li:before {
		content: "\2022\00a0";
		vertical-align: top !important;
		/*font-size: 7.8vw;*/
	}
	#spanishcard {
		padding-top: 0%;
		padding-left: 1%;
	}
	#spanishcard ul {
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 2%;
	}
	#spanishcard ul li {
		display: inline;
	}
	#spanishcard ul li:before {
		content: "\2022\00a0";
		vertical-align: top !important;
		/*font-size: 7.8vw;*/
	}
	#portuguesecard {
		padding-top: 0%;
		padding-left: 1%;
	}
	#portuguesecard ul {

		padding-left: 1%;
		padding-right: 1%;
		padding-top: 2%;
	}
	#portuguesecard ul li {
		display: inline;
	}
	#portuguesecard ul li:before {
		content: "\2022\00a0";
		vertical-align: top !important;
		/*font-size: 7.8vw;*/
	}
	#russiancard {
		padding-top: 0;
		padding-left: 1%;
	}
	#russiancard ul {
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 2%;
	}
	#russiancard ul li {
		display: inline;
	}
	#russiancard ul li:before {
		content: "\2022\00a0";
		vertical-align: top !important;
		/*font-size: 7.8vw;*/
	}
	#latincard {
		padding-top: 0;
		padding-left: 1%;
	}
	#latincard ul {

		padding-left: 1%;
		padding-right: 1%;
		padding-top: 2%;
	}
	#latincard ul li {
		display: inline;
	}
	#latincard ul li:before {
		content: "\2022\00a0";
		vertical-align: top !important;
		/*font-size: 7.8vw;*/
	}
	#greekcard {
		padding-top: 0%;
		padding-left: 1%;
	}
	#greekcard ul {
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 2%;
	}
	#greekcard ul li {
		display: inline;
	}
	#greekcard ul li:before {
		content: "\2022\00a0";
		vertical-align: top !important;
		/*font-size: 7.8vw;*/
	}
}
/*END MQs FOR MOBILE CARDS*/



/* new bits */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
} /* the hack for making sure a div contains its children, like if contains floated content */

/*before and after.  padding has changed.  before version also appears above*/
#navmenu>li>a {
	text-decoration: none;
	display: block;
	color: #000000;
	text-align: center;
	background: white;
	padding: 4% 0%;
	border: 1px solid #d5d5d5;
}
#navmenu > li > a {
    padding: 3% 0% !important; /* for lining up */
}
/*END MISC*/


/*BEGIN PRE MQ and MQ for header and footer mostly */

.slogan_desktop {
	display: block;
}
.slogan_mobile {
	display: none;
}
.buydiv {
    /*margin-top: 20px;  can use % if you want - just need some form of gap between it and the video above */
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

/* the container div for the CTA */
.buydiv .buycta {
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* the CTA should match the top one, but split onto two lines on mobile */
.buydiv button.buyindividual {
	position: relative !important;
	top: auto;
	float: none !important; /* else it behaves like it does at the top */
	left: auto; /* since we want to centre it, not position it using an absolute px/% */
	right: auto;
	display: block;
	margin: 10px auto !important;
	background: #d70000;
	border-radius: 3.5vw !important;
	height: 6vw;
	width: 46.5vw; /* wide enough so the text is on one line */
	width: 31.8%; /*smaller to make room for langswitch*/
	font-weight: bold;
}

.buydiv button.buyindividual span {
	font-style: normal /* chrome makes span elements italic by default */
}


.login {
	padding: 0;
	margin: 0;
	position: absolute;
	right: .9vw;
	right: 1%;
	float: right;
	border: 0;
	cursor: pointer;
	-webkit-appearance: none;
	font-weight: bold;
	max-width: 162px;
   	max-height: 64px;
	background: #ffffff;
	color: #000000;
    top: 47%; /* line up with logo */
    height: 6vw;
	border-radius: 3vw;
   /* max-width: 161px;  added */
   /* max-height: 64px;  added */
    width: 15.8%;
    border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
}
.login:hover {
	color: #000000;
	background: #f0f0f0 !important;
	border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
}

.logincta {
	background: #d70000;
	color: #ffffff;
	position: absolute;
	float: right;
	height: 6vw;
	border-radius: 3vw;

	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
	top: 47%; /* line up with logo */
	max-width: 492px; /* added */
	max-height: 64px; /* added */
	right: auto;
/*	width: 48%;
	width: 47.8%;*/
	width: 31.8%; /*to make room for langswitch*/
/*	left: 35%;*/
	left: 35.2%;

}


.logincta:hover {
    background: #f0f0f0 !important;
    color: #d70000;
    border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
}
.overlay_option {
	width: 47vw;
	max-width: 492px;
	max-height: 64px; /* added */
	height: 6vw;
	/*min-height: 40px;*/
	border-radius: 3000px;
	background: #ffffff;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	border: 0px;
	padding: 0% 3% 0% 3%;
	margin: 0;
	border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
}
.overlay_option:hover {
	color: #000000;
    background: #f0f0f0 !important;
    border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
}





@media only screen and (max-width: 634.999px) {

	#outermobileinfo {
		display: block;
		overflow: hidden;
	}
	#outerinfo {
		display: none;
		position: relative;
		overflow: visible;
	}
	.mobileinfo2 {
		width: 0;
		position: fixed;
		overflow-x: hidden;
		z-index: 300;
		top: 0;
		right: 0;
/*		transition: .3s;*/
		position: absolute;

	}
	.mobileinfo2 a {
		display: block;
		transition: 0s;
	}
	.mobileinfo1 {
		background: #878787;
		/*padding: .5%;
		width: 99%;*/
		padding: 0;
		width: 100%;
		overflow: visible;
	}
	/*
	.slogan_desktop {
		display: none;
	}
	.slogan_mobile {
		display: block !important;
	}
	*/






	.mobilepicturefooter {
		visibility: hidden;
	}
	.buydiv button.buyindividual {
	    height: 10vw;
	    border-radius: 5vw !important;
	    width: 35vw; /* make it narrower so it drops to two lines */
	}
	.buydiv button.buyindividual span,
	.mobilecta span {
	    font-style: normal; /* else will be italic */
	}
	/* the mobilemiddle div needs a height so that its innards, like the login circle, can be positioned */
	.mobileinfo1 .mobilemiddle {
	    height: 14vw; /* would be nice to use px e.g 84px. Simple positioning ... but no scaling */
	    position: relative; /* so the login circle etc can be positioned relative to this, their parent */
	}
	.mobilelogin {
		background: #ffffff;
		text-decoration: none;
		max-width: 204.8px;
	    max-height: 102.4px;
		padding: 0;
		color: black;
		cursor: pointer;
		border: 0;
		-webkit-appearance: none;
	    width: 20vw;
	    height: 10vw;
	    border-radius: 500px; /* use 50% for an oval */
	    font-weight: bold;
	    /* font-size: 2.3vw; match the CTA */
	    /* font-weight: bold;  match the CTA */
	    border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
	}
	.mobilelogin:hover {
		color: #000000;
		background: #f0f0f0 !important;
		border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
	}

	.mobilecta {
		cursor: pointer;

		/*eyballed at time of chat*/
		width: 33vw;

		height: 10vw;
		max-width: 327.666px;
		max-height: 102.4px;
		border-radius: 5vw; /* round edges (half height) */
		background: #d70000;
		font-weight: bold;
		padding: 0;
		border: 0;
		color: #ffffff;
		-webkit-appearance: none;
	 }
	.mobilecta:hover {
	    background: #f0f0f0 !important;
	    color: #d70000;
	    border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	    -webkit-appearance: none;
	}
/*
	.overlay_option {

		width: 32vw;
		max-width: 327.6666px;
		max-height: 64px;
		height: 6vw;
	}
	*/

	/*This is the button height. don't comment out or delete*/

	.overlay_option {
    	height: 10vw;
  }
}
/*END PRE AND MQ for header and footer mostly */


/*BEGIN SPINNER CSS*/
.cssload-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: rgba(50, 50, 50, 0.5);
}
.cssload-container {
	width: 117px;
	margin: 0 auto;
}
.cssload-circle-1 {
	height: 117px;
	width: 117px;
	background: rgb(255, 0, 64);
}
.cssload-circle-2 {
	height: 97px;
	width: 97px;
	background: rgb(194, 34, 134);
}
.cssload-circle-3 {
	height: 78px;
	width: 78px;
	background: rgb(234, 34, 94);
}
.cssload-circle-4 {
	height: 58px;
	width: 58px;
	background: rgb(237, 91, 53);
}
.cssload-circle-5 {
	height: 39px;
	width: 39px;
	background: rgb(245, 181, 46);
}
.cssload-circle-6 {
	height: 19px;
	width: 19px;
	background: rgb(129, 197, 64);
}
.cssload-circle-7 {
	height: 10px;
	width: 10px;
	background: rgb(0, 163, 150);
}
.cssload-circle-8 {
	height: 5px;
	width: 5px;
	background: rgb(22, 116, 188);
}
.cssload-circle-1,
.cssload-circle-2,
.cssload-circle-3,
.cssload-circle-4,
.cssload-circle-5,
.cssload-circle-6,
.cssload-circle-7,
.cssload-circle-8 {
	border-bottom: none;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	animation-name: cssload-spin;
	-o-animation-name: cssload-spin;
	-ms-animation-name: cssload-spin;
	-webkit-animation-name: cssload-spin;
	-moz-animation-name: cssload-spin;
	animation-duration: 4600ms;
	-o-animation-duration: 4600ms;
	-ms-animation-duration: 4600ms;
	-webkit-animation-duration: 4600ms;
	-moz-animation-duration: 4600ms;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}
@keyframes cssload-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-o-keyframes cssload-spin {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes cssload-spin {
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
	}
}
@-webkit-keyframes cssload-spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes cssload-spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

/*SEE BELOW FOR SPINNER NO SPINNNER BACKGROUNDS*/
/*END SPINNER CSS*/


/*BEGIN FONT SIZES*/
@media only screen and (min-width: 10px) and (max-width: 204.99px) {
	.textlogin {
		font-size: .20rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .20rem;
	}
	.textmobile {
		font-size: .32rem;
		font-size: 5.5vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: .32rem;
	}
	.texttitle {
		font-size: .55rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: .55rem;
	}
	.texterror {
		font-size: .55rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: .55rem;
	}
	.texttitlebackpages {
		font-size: .55rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: .55rem;
	}
	.textmenu {
		font-size: .20rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .20rem;
	}
	.textmain {
		font-size: .35rem;
		font-size: 4.3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: .35rem;
	}
	.textmoderate {
		font-size: .35rem;
		font-size: 3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: .35rem;
	}
	.textbigger {
		font-size: .35rem;
		font-size: 4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: .35rem;
	}
	.textfooter {
		font-size: .17rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .17rem;
	}
}

@media only screen and (min-width: 205px) and (max-width: 234.99px) {
	.textlogin {
		font-size: .25rem;
		font-size: 2.4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .25rem;
	}
/*double*/
	.textmobile {
		font-size: 0.5rem;
		font-size: 5.5vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: 0.5rem;
	}
	.texttitle {
		font-size: .68rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: .68rem;
	}
	.texterror {
		font-size: .68rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: .68rem;
	}
	.texttitlebackpages {
		font-size: .68rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: .68rem;
	}
	.textmenu {
		font-size: .25rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .25rem;
	}
	.textmain {
		font-size: .47rem;
		font-size: 4.3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: .47rem;
	}
	.textmoderate {
		font-size: .47rem;
		font-size: 3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: .47rem;
	}
	.textbigger {
		font-size: .47rem;
		font-size: 4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: .47rem;
	}
	.textfooter {
		font-size: .21rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .21rem;
	}
}

@media only screen and (min-width: 235px) and (max-width: 314.99px) {
	.textlogin {
		font-size: .36rem;
		font-size: 2.4vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .36rem;
	}
/*TREREM*/
/*double*/
	.textmobile {
		font-size: .62rem;
		font-size: 5.5vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: .62rem;

	}
	.texttitle {
		font-size: 1.2rem;
		font-size: 10vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: 1.2rem;
	}
	.texterror {
		font-size: .61rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: .61rem;
	}
	.texttitlebackpages {
		font-size: .61rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: .61rem;
	}
	.textmenu {
		font-size: .23rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .23rem;
	}
	.textmain {
		font-size: .50rem;
		font-size: 4.3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: .50rem;
	}
	.textmoderate {
		font-size: .50rem;
		font-size: 3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: .50rem;
	}
	.textbigger {
		font-size: .6rem;
		font-size: 4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: .6rem;
	}
	.textfooter {
		font-size: .22rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .22rem;
	}
}

@media only screen and (min-width: 315px) and (max-width: 369.99px) {
	.textlogin {
		font-size: .39rem;
		font-size: 2.4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .39rem;
	}
	.textmobile {
		font-size: .85rem;
		font-size: 5.5vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: .85rem;
	}
	.texttitle {
		font-size: 1.3rem;
		font-size: 10vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: 1.3rem;
	}
	.texterror {
		font-size: .95rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: .95rem;
	}
	.texttitlebackpages {
		font-size: .95rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: .95rem;
	}
	.textmenu {
		font-size: .37rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .37rem;
	}
/*double*/
	.textmain {
		font-size: .69rem;
		font-size: 4.3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: .69rem;
	}
	.textmoderate {
		font-size: .48rem;
		font-size: 3.8vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: .48rem;
	}
	.textbigger {
		font-size: .69rem;
		font-size: 4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: .69rem;
	}
	.textfooter {
		font-size: .26rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .26rem;
	}
}
@media only screen and (min-width: 370px) and (max-width: 409.99px) {
	.textlogin {
		font-size: .47rem;
		font-size: 2.4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .47rem;
	}
	.textmobile {
		font-size: 1rem;
		font-size: 5.5vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: 1rem;
	}
	.texttitle {
		font-size: 1.3rem;
		font-size: 10vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: 1.3rem;
	}
	.texterror {
		font-size: .95rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: .95rem;
	}
	.texttitlebackpages {
		font-size: .95rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: .95rem;
	}
	.textmenu {
		font-size: .37rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .37rem;
	}
	.textmain {
		font-size: .8rem;
		font-size: 4.3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: .8rem;
	}
	.textmoderate {
		font-size: .58rem;
		font-size: 3vw;

	}

	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: .58rem;
	}
	.textbigger {
		font-size: .8rem;
		font-size: 4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: .8rem;
	}
	.textfooter {
		font-size: .26rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .26rem;
	}
}
@media only screen and (min-width: 410px) and (max-width: 474.99px) {
	.textlogin {
		font-size: .55rem;
		font-size: 2.4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .55rem;
	}
	.textmobile {
		font-size: 1.1rem;
		font-size: 5.5vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: 1.1rem;
	}
	.texttitle {
		font-size: 1.4rem;
		font-size: 9vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: 1.4rem;
	}
	.texterror {
		font-size: .95rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: .95rem;
	}
	.texttitlebackpages {
		font-size: .95rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: .95rem;
	}
	.textmenu {
		font-size: .37rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .37rem;
	}
/*double*/
	.textmain {
		font-size: .88rem;
		font-size: 4.3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: .88rem;
	}
	.textmoderate {
		font-size: .68rem;
		font-size: 3.0vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: .68rem;
	}
	.textbigger {
		font-size: .88rem;
		font-size: 4vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: .88rem;
	}
	.textfooter {
		font-size: .26rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .26rem;
	}
}
@media only screen and (min-width: 475px) and (max-width: 634.99px) {
	.textlogin {
		font-size: .63rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .63rem;
	}
/*CINQUOREM*/
/*double*/
	.textmobile {
		font-size: 1.25rem;
		font-size: 5.5vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: 1.25rem;
	}
	/*from here on down, n.b. that texttitle is only used for language pages on mobile*/
	.texttitle {
		font-size: 1.5rem;
		font-size: 7vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: 1.5rem;
	}
	.texterror {
		font-size: 1.5rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: 1.5rem;
	}
	.texttitlebackpages {
		font-size: 1.45rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: 1.45rem;
	}
	.textmenu {
		font-size: .65rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .65rem;
	}
/*double*/
	.textmain {
		font-size: 1.00rem;
		font-size: 4.3vw;
		line-height: 100%;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: 1.00rem;
	}
	.textmoderate {
		font-size: .8rem;
		font-size: 3vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: .8rem;
	}
	.textbigger {
		font-size: .9rem;
		font-size: 3.5vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: .9rem;
	}
	.textfooter {
		font-size: .40rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .40rem;
	}
}
/*SEI*/
@media only screen and (min-width: 635px) and (max-width: 794.99px) {
	.textlogin {
		font-size: .49rem;
		font-size: 1.62vw;
		font-size: 2.0vw;/*changed for enlarged login */
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .49rem;
		font-size: .60rem;/*changed for enlarged login */
	}
/*double*/
	.textmobile {
		font-size: 1.6rem;
		font-size: 5.5vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: 1.6rem;
	}
	.texttitle {
		font-size: 1.8rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: 1.8rem;
	}
	.texterror {
		font-size: 1.9rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: 1.9rem;
	}
	.texttitlebackpages {
		font-size: 1.9rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: 1.9rem;
	}
	.textmenu {
		font-size: .70rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .70rem;
	}
	.textmain {
		font-size: .72rem;
		font-size: 2.45vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: .72rem;
	}
	.textmoderate {
		font-size: .8rem;
		font-size: 2.45vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: 1rem;
	}
	.textbigger {
		font-size: 1rem;
		font-size: 2.7vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: 1rem;
	}
	.textfooter {
		font-size: .54rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .54rem;
	}
}
/*SETTE*/
@media only screen and (min-width: 795px) and (max-width: 1019.99px) {
	.textlogin {
		font-size: .63rem;
		font-size: 1.62vw;
		font-size: 2.0vw;/*changed for enlarged login */
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: .63rem;
		font-size: .79rem;/*changed for enlarged login */
	}
/*double*/
	.textmobile {
		font-size: 1.9rem;
		font-size: 5.5vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: 1.9rem;
	}
	.texttitle {
		font-size: 2.3rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: 2.3rem;
	}
	.texterror {
		font-size: 2.3rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: 2.3rem;
	}
	.texttitlebackpages {
		font-size: 2.3rem;
		font-size: 6.2vw;
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: 2.3rem;
	}
	.textmenu {
		font-size: .93rem;
		font-size: 2.3vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: .93rem;
	}
	.textmain {
		font-size: .88rem;
		font-size: 2.45vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: .88rem;
	}
	.textmoderate {
		font-size: 1rem;
		font-size: 2.45vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: 1rem;
	}
	.textbigger {
		font-size: 1.2rem;
		font-size: 2.45vw;

	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: 1.2rem;
	}
	.textfooter {
		font-size: .7rem;
		font-size: 1.9vw;
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .7rem;
	}
}


/*max size here*/
@media only screen and (min-width: 1020px) /*and (max-width: 1279.99px)*/ {
/*
	.login {

		right: 1.59%;
		top: 49%;



	}

*/




	.textlogin {
		font-size: 1.0rem;
		/*font-size: 1.62vw;*/
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textlogin {
		font-size: 1.0rem;
	}
	.textmobilelogin {
		font-size: 1.35rem;
		/*font-size: 2.7vw;*/
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobilelogin {
		font-size: 1.35rem;
	}
/**/
	.textmobile {
		font-size: 1.65rem;
		font-size: 5.5vw;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmobile {
		font-size: 1.65rem;
	}
	.texttitle {
		font-size: 3.0rem;
		/*font-size: 6.2vw;*/
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitle {
		font-size: 3.0rem;
	}
	.texterror {
		font-size: 3.0rem;
		/*font-size: 6.2vw;*/
		font-weight: bold;
		text-align: center;
	}

	_::-webkit-full-page-media,
	_:future,
	:root .texterror {
		font-size: 3.0rem;
	}
	.texttitlebackpages {
		font-size: 3.0rem;
		/*font-size: 6.2vw;*/
		font-weight: bold;
		text-align: center;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .texttitlebackpages {
		font-size: 3.0rem;
	}
	.textmenu {
		font-size: 1.17rem;
		/*font-size: 2.3vw;*/
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmenu {
		font-size: 1.19rem;
	}
	.textmain {
		font-size: 1.14rem;
		/*font-size: 2.45vw;*/
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmain {
		font-size: 1.14rem;
	}
	.textmoderate {
		font-size: 1.14rem;
		/*font-size: 2.45vw;*/
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textmoderate {
		font-size: 1.14rem;
	}
	.textbigger {
		font-size: 1.2rem;


	}
	_::-webkit-full-page-media,
	_:future,
	:root .textbigger {
		font-size: 1.2rem;
	}
	.textfooter {
		font-size: .94rem;
		/*font-size: 1.9vw;*/
		list-style-type: none;
	}
	_::-webkit-full-page-media,
	_:future,
	:root .textfooter {
		font-size: .94rem;
	}
}
/*END FONT SIZES  ALWAYS LEAVE THESE AT BOTTOM.  GO UP 1000 lines for new additions*/



/*3.0 fold in later*/

.slickcarousel{
   visibility:hidden;
   opacity:0;
   transition: opacity .5s ease;
}
.slickcarousel.slick-initialized{
  visibility:visible;
  opacity:1;
}
.slickcarousel .slick-item{
  display:none ;
}
.slickcarousel .slick-item:first-child{
  display:block; visibility:hidden;
}
.slickcarousel.slick-initialized .slick-item{
  display:block;visibility:visible!important;
}
.slick-dots, .slick-prev, .slick-next{
  animation: fadein 1.5s;
}
@keyframes fadein {
  0% {opacity: 0;}
  50% {opacity: 0;}
  100% {opacity: 1;}
  }
/*not sure about this }*/

.slick-slide{
    display: none;
    float: left;
    height: auto;
    min-height: 1px;

        max-width: 50% !important;

}
.slick-prev:before {
  color: #878787;
    font-size: 30px;
}
.slick-next:before {
  color: #878787;
  font-size: 30px;
}
.slick-next:hover{
    cursor: pointer;
}


.h23_class {
  display: block;
}
.h4_class {
  display: none;
}

.h5_class {
	display: none;
}
.slick_aspect {
  padding-bottom: 17%;
}
.content_unhidden {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
}
.slogan_desktop {
  display: block;
}
.slogan_mobile {
  display: none;
}
@media only screen and (min-width: 205px) and (max-width: 435px) {
  .slick_aspect {
    padding-bottom: 35%;
  }

}


@media only screen and (min-width: 205px) and (max-width: 635px) {
  .orientation {
    flex-direction: column;
  }
  .orientation_reverse {
  	flex-direction: column-reverse;
  }

  .slogan_desktop {
    display: none;
  }
  .slogan_mobile {
    display: block !important;
  }
}

.cc-compliance {
	width: 60px !important;
}


@media only screen and (min-width: 370px) and (max-width: 635px) {

  .h23_class {
    display: none;
  }
  .h4_class {
    display: block;
    margin: 0;
  }
  .h5_class {
    display: none;
  }
  .cc-window {
  	font-size: 12px !important;
  }
}

@media only screen and (min-width: 205px) and (max-width: 369.9999px) {

  .h23_class {
    display: none;
  }
  .h4_class {
    display: none;

  }
  .h5_class {
    display: block;
    margin: 0;
  }
  .cc-window {
  	font-size: 10px !important;
  }
}

.no-fouc {
    display: none;
}


.link_but_background {
	color: white;
}

.link_but_background:hover {
	color: #999999;
}

.spoiled {
  opacity: 0;

}
.spoiler:hover ~ .spoiled {
  opacity: 1;
}
.spoiler {
  cursor: pointer;
  color: #d70000;

}
.textbigger {
	line-height: 130%;
}


.winston {
	display: inline-block; 
	border: 1px solid #d70000; 
	color: #000000; 
	background: #ffffff; 
	font-weight: normal; 
	text-align: justify;  
	padding: 2.5%; 
	margin: 6% 6% 6% 6%
}

#testimonial_expander_outer {
    position:relative;
}
#testimonial_expander_outer .testimonial_expander_inner {
    position:relative; display: block;
}
#testimonial_expander_outer .show-more {
    position:relative; 
    height: 20px; 
    text-align: right; 
    cursor: pointer;

}
#testimonial_expander_outer .show-more:hover { 
    color: #777777;
}
#testimonial_expander_outer .show-more-height { 
  overflow:hidden; 
     text-overflow: ellipsis;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/*DROPDOWN LOGIN*/
.dropdown_mobile {
	cursor: pointer;
	display: inline-block;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	text-decoration: none;
	max-width: 204.8px;
	z-index: 40;
	width: 20vw;
	height: 10vw;
}
.input_border_wrapper_mobile {
	text-decoration: none;
	display: block;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
	background: #ffffff;
	color: #000000;
	width: 100% !important;
	border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	appearance: none;
	-webkit-appearance: none;
	max-width: 204.8px;
	max-height: 102.4px;
	border-radius: 500px;
	overflow: visible;
	width: 20vw;
	height: 10vw;
	z-index: 40;
}

.input_border_wrapper_mobile input {
	text-decoration: none;
	display: block;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-weight: bold;

	background: #ffffff;
	color: #000000;

	background: transparent;
	border-radius: 5vw;
	width: 100% !important;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	height: 10vw;
	z-index: 40;
}

.dropdown-content_mobile {
	display: none;
	position: relative;
	max-width: 162px; 
	z-index: 1;
	width: 100% !important;
	padding: 0;
	margin: 0;
	max-width: 204.8px;
		z-index: 40;
		width: 20vw;
}
.dropdown-content_mobile a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	display: block;
	border-radius:5vw;
	cursor: pointer;
	background-color:#fff;
	max-width: 204.8px;
	max-height: 102.4px;
	justify-content: center;
	width: 100% !important;
	display:flex;
	margin: 0;
	border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	align-items: center;
	appearance: none;
	-webkit-appearance: none;
	overflow: visible;
	z-index: 40;
	width: 20vw;
	height: 10vw;
}
.input_border_wrapper_mobile input:hover {
	background-color: #efefef
}
.dropdown-content_mobile a:hover {
	background-color: #efefef
}
.dropdown-content_mobile input:hover {
	background-color: #efefef
}
.dropdown_mobile:hover .dropdown-content_mobile {
  	display: block;
}
.dropdown_mobile:hover .dropbtn_mobile {
}
.dropdown_mobile:hover .top_menu {
	background-color: #efefef
}
.dropbtn {
	padding: 0;
	margin: 0;
	position: relative;
	font-weight:bold;
	cursor: pointer;
	max-height:64px;
	max-width:162px;
	width:100% !important;
	height:6vw;
	border-radius:3vw;
	appearance: none;
	-webkit-appearance: none;
}
.dropdown {
	right: 1%;
	cursor: pointer;
	max-width: 162px;
	width: 15.8%;
	position: absolute;
	float: right;
	top: 47%;
	display: inline-block; 
	border-radius:3vw;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
}
.dropdown-content {
	display: none;
	width: 100% !important;
	position: relative;
	max-width: 162px; 
	z-index: 1;
	width: 100% !important;
	padding: 0;
	margin: 0;
}
.dropdown-content a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	display: block;
	border-radius:3vw;
	cursor: pointer;
	background-color:#fff;
	height: 6vw !important;
	max-height: 64px;
	max-width: 162px;
	justify-content: center;
	width: 100% !important;
	display:flex;
	margin: 0;
	border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	align-items: center;
	appearance: none;
	-webkit-appearance: none;
}
.input_border_wrapper {
	text-decoration: none;
	display: block;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
	max-width: 162px;
	max-height: 64px;
	background: #ffffff;
	color: #000000;
	top: 47%; /* line up with logo */
	height: 6vw;
	border-radius: 3vw;
	width: 100% !important;
	border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
	appearance: none;
	-webkit-appearance: none;
}
.input_border_wrapper input {
	text-decoration: none;
	display: block;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
	max-width: 162px;
	max-height: 64px;
	background: #ffffff;
	color: #000000;
	top: 47%; /* line up with logo */
	height: 6vw;
	border-radius: 3vw;
	width: 100% !important;
	border: none;
	-webkit-appearance: none;
	appearance: none;
}

.input_border_wrapper input:hover {
	background-color: #efefef
}
.dropdown-content a:hover {
	background-color: #efefef
}
.dropdown-content input:hover {
	background-color: #efefef
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .top_menu {
	background-color: #efefef
}
/*END DROPDOWN LOGIN*/


/*BEGIN DICT/CONJ CTA */
.dictionary {
    font-size: 17px;
    text-align: justify;
    color: #000000;
    color: orange;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}
.swal-modal.landing_modal .dictionary-modal {
    font-size: 17px;
    text-align: justify;
    color: #ffffff;
    position: relative;
    z-index: 999999 !important;
}
.button-dictionary {
    border-radius: 0;
    width: 95%;
    height: 90vh;
    left: 2.5%;
    font-family: 'Open Sans', sans-serif;
    background: #555555;
    position: fixed;
    top: 5vh;
    margin: 0;
}
.vertical {
    vertical-align: middle;
    display: table-cell;
    font-weight: bold;
}
.desktop_request {
  display: flex;
}
.mobile_request {
  display: none;
}
.dictionary_cta {
  font-weight: bold !important;
  background: green;
  color: #ffffff;
  position: fixed;
  height: 6vw;
  border-radius: 3vw;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  bottom: 0;
  right: 0;
  max-width: 492px;
  max-height: 64px; 
  width: 27.8%;
  z-index: 31;
}
.gap_bottom {
  height: 6vw;
  max-height: 64px; 
}
.dictionary_cta:hover {
    background: #f0f0f0 !important;
    color: green;
    border: 1px solid /*#aaaaaa*/#d5d5d5 !important;
    -webkit-appearance: none;
}
.dictionary_cta .opener {
    width: 30px; 
    height: 30px; 
    background-image: url('images/opener_white.svg');
    background-repeat:no-repeat;
}
.dictionary_cta:hover .opener {
    background-image: url('images/opener_green.svg');
}
@media only screen and (min-width: 100px) and (max-width: 634.999px) {
    .desktop_request {
      display: none;
    }
    .mobile_request {
      display: flex;
    }
    .dictionary_cta {
      width: 29vw;
      height: 10vw;
      max-width: 327.666px;
      max-height: 102.4px;
      border-radius: 5vw; 
      padding-right: 1.5vw !important;
    }
    .gap_bottom {
	  height: 10vw;
	  max-height: 102.4px; 
	}
    .dictionary_cta .opener {
      width: 5vw; 
      height: 5vw; 
    }
}

.swal-overlay {
    -webkit-animation: showSweetAlert 0s !important;
    animation: showSweetAlert 0s !important;
    position: absolute !important;
    overflow: visible;
    background-color: rgba(235,235,235,0) !important;
    /*These classes are to enable scrolling in landscape.*/
    /*height: 2000px;*/
}
/*END DICT/CONJ CTA*/

.dictionary_request {
	opacity: 0;
}





/*LANGUAGE SWITCHER*/
/*DESKTOP AT TOP AND MOBILE AT BOTTOM*/
#country-select {
	width: 25px;
	margin: 0; 
	padding: 0; 
	overflow-x: visible;
	overflow-y: visible;
}
/* rought form styles for when JS is disabled */
#country-select form {
	width: 25px;
	margin: 0; 
	padding: 0;
}
#country-select select, #country-select input {
	display: inline;
	margin: 0;
	padding: 0;
}
/* JS-created definition list */
.dropdown_multilingual dd { 
	position: relative;
	margin: 0; 
	padding: 0;  
}
.dropdown_multilingual a {
	text-decoration: none;
	outline: 0;
	font-size: 12px;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	/*  margin: 0; 
	padding: 0; */
}
.dropdown_multilingual dt a {
	background: white;
	border: 1px solid #d5d5d5;
	border-radius: 1000px;
	/*  margin: 0 auto; */
	/*  padding: 2px 0px 0px 4px;*/
	/*  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	color: black;
	text-align: center;
	padding-top: 2px;
}

.dropdown_multilingual dd a {
	background: white;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-radius: 1000px;
	/*  margin: 0 auto; */
	/*  padding: 2px 0px 0px 4px;*/
	/*  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	color: black;
}
.dropdown_multilingual dt a.active {
	/*  margin: 0; 
	padding: 0; */
	/*    -webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;*/
	/*    border-bottom: 1px dotted #676768;*/
	/*    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);*/
	color: black;
}
.dropdown_multilingual dd ul {
	/*  margin: 0; 
	padding: 0; */
	/*  background: #f0f0f0;*/
	color: black;
	display: none;
	z-index: 290 !important;
	top: 0;
	left: 0;
	list-style: none;
	border-top: none;
	/*  -webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);*/
}
.dropdown_multilingual dd ul li a:hover {
	background: #f0f0f0;
}
/*.dropdown_multilingual dd ul li {
	margin: 0 auto;
}*/
.dropdown_multilingual dd ul li a {
	padding-top: 2px;
	/*  margin: 0 auto;  
	padding: 2px 0px 0px 4px;*/
	text-align: center;
	/*        display: flex;
	justify-content: center;
	align-items: center;*/
}

/*.dropdown_multilingual dd ul li a span, .dropdown_multilingual dt a span {*/
	/*    margin: 2px 0px 0px 0px;
	padding: 0;*/
	/*    float: left;
	width: 6px;
	height: 11px;*/
	/*    cursor: pointer;
 }*/
.dropdown_multilingual dd ul li a em, .dropdown_multilingual dt a em {
/*    margin: 0; 
    padding: 0; */
    font-style: normal;
    cursor: pointer;
  }
.dropdown_multilingual dd ul li a em {
	/*  margin: 0; 
	padding: 0; */
	/*  color: black;*/
}
/*.dropdown_multilingual dd ul li a:hover { 
	background-color: rgba(255,255,255,.1); 
}*/
#target {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}
.lang_switch {
	/*  right: 1%;
	top: 85%;
	top: -7%;
	right: 66%;*/
	/*
	right: .5%;*/
	top: 47%;
	left: 74%;
	height: 6vw;
	cursor: pointer;
	max-width: 162px;
	width: 25px;
	position: absolute;
	float: right;
	border-radius:3vw;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	overflow-x: visible;
	overflow-y: visible;
	display: flex; 
	z-index: 290 !important;
}


#country-select_mobile {
	width: 25px;
	margin: 0; 
	padding: 0; 
	overflow-x: visible;
	overflow-y: visible;
}

#country-select_mobile form {
	width: 25px;
	margin: 0; 
	padding: 0;
}
#country-select_mobile select, #country-select_mobile input {
	display: inline;
	margin: 0;
	padding: 0;
}

.dropdown_multilingual_mobile dd { 
	position: relative;
	margin: 0; 
	padding: 0;  
}
.dropdown_multilingual_mobile a {
	text-decoration: none;
	outline: 0;
	font-size: 12px;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	/*  margin: 0; 
	padding: 0; */
}
.dropdown_multilingual_mobile dt a {
	background: white;
	border: 1px solid #d5d5d5;
	border-radius: 1000px;
	/*  margin: 0 auto; */
	/*  padding: 2px 0px 0px 4px;*/
	/*  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	color: black;
	text-align: center;
	padding-top: 2px;
}

.dropdown_multilingual_mobile dd a {
	background: white;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-radius: 1000px;
	/*  margin: 0 auto; */
	/*  padding: 2px 0px 0px 4px;*/
	/*  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	color: black;
}
  .dropdown_multilingual_mobile dt a.active_mobile {
	/*  margin: 0; 
	padding: 0; */
	/*    -webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;*/
	/*    border-bottom: 1px dotted #676768;*/
	/*    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);*/
	color: black;
}
.dropdown_multilingual_mobile dd ul {
	/*  margin: 0; 
	padding: 0; */
	/*  background: #f0f0f0;*/
	color: black;
	display: none;
	z-index: 290 !important;
	top: 0;
	left: 0;
	list-style: none;
	border-top: none;
/*  -webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);*/

}
.dropdown_multilingual_mobile dd ul li a:hover {
  background: #f0f0f0;
}
/*.dropdown_multilingual_mobile dd ul li {
	margin: 0 auto;
}*/
.dropdown_multilingual_mobile dd ul li a {
  	padding-top: 2px;
/*  margin: 0 auto;  
  	padding: 2px 0px 0px 4px;*/
    text-align: center;
/*  display: flex;
	justify-content: center;
	align-items: center;*/
}

/*.dropdown_multilingual_mobile dd ul li a span, .dropdown_multilingual_mobile dt a span {
    margin: 2px 0px 0px 0px;
    padding: 0;
    float: left;
    width: 16px;
    height: 11px;
    cursor: pointer;
  }*/
.dropdown_multilingual_mobile dd ul li a em, .dropdown_multilingual_mobile dt a em {
/*    margin: 0; 
	padding: 0; */
	font-style: normal;
	cursor: pointer;
}
.dropdown_multilingual_mobile dd ul li a em {
/*
	margin: 0; 
	padding: 0; 
	color: black;*/
}
/*.dropdown_multilingual_mobile dd ul li a:hover { 
	background-color: rgba(255,255,255,.1); 
}*/
#target_mobile {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}
.lang_switch_mobile {
/*  right: -.5vw;
	top: -5vw;*/
	right: 11vw;
	top: -.21%;
	height: 14vw;
	cursor: pointer;
	position: absolute;
	float: right;
	border-radius:7vw;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	overflow-x: visible;
	overflow-y: visible;
	display: flex; 
	z-index: 290 !important;
}
option {
	z-index: 290 !important;
}


/*NEW FOR RE*/
.loading_icon {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  background: url(images/loading4sec.gif) center no-repeat rgba(0, 0, 0, 0);
/*  background-size: 120px; for old spinner; below is music spinner*/
	background-size: 50vw;



}
.loading_icon_no_spinner {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
/*  c.f. above z-index*/
  z-index: 9998;
  display: none;
  background: rgba(0, 0, 0);
  opacity:.88;
}
.loading_icon_no_spinner_darkly {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: none;
    background: rgba(0, 0, 0, .75);
}
.swal2-close:focus {
    box-shadow: none !important;
}
.swal-button:focus {
   box-shadow: none !important;
}
.swal-overlay {
  background-color: rgb(0,0,0,0) !important;
/*  opacity:0 ;*/
}
.adyen-checkout__payment-method__header__title {
  font-size: .8rem !important;
}
.adyen-checkout__input {
  font-size: .6em !important;
}
.adyen-checkout__button__text{
  font-size: .6em !important;
}
.adyen-checkout__button__icon{
  width: 20px !important;
}
@keyframes fader-in-with-keyframes {
  0% {
    opacity: 0;
  }
    90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fader-in {
  animation-name: fader-in-with-keyframes;
  animation-duration: 3s;
}
.swal2-title{
  z-index:9999999;
  padding:0;
}
.swal2-container{
  padding:0;
  z-index:10001;
}
.swal2-title{
  z-index:9999999;
  padding:0;
}
.swal2-modal{
  padding:0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.swal2-close{
  z-index:10000000;
}
.msd__custom-dropin-title {
  font-size: .8rem !important;
  height: 26px !important;
  line-height: 26px !important;
}
.msd__auth-content {
} 
.button-access .swal-button {
  background-color: rgb(215,215,215);
}
.msd__header {
  background: #d70000;
  border-bottom: none;
}
.msd__header div {
  background-image: url("images/LogoForCleeng2.png");
  background-size: 80%;
  background-color: white;
}
.msd__auth-wrapper {
  background: white !important;
}
.msd__input {
  color: #fff;
}
.msd__input__label {
  color: black !important;
  font-size: .4em !important;
  background-color: white !important;
  font-weight: normal;
}
.msd__input__label::after {
/*background-color: white !important;*/
background-color: white !important;
}
.msd__buttom {
/*  font-size: 1.05rem !important;*/
}
.msd__button--confirm {  
background-color: #d70000 !important;
/*  font-size: 1.05rem !important;*/
  color: #fff;
}
.msd__button--secondary {
/*  font-size: 1.05rem !important;*/
background-color: #d5d5d5 !important;
  color: #000000 !important;
}
.msd__footer{
  background-color: #444444 !important;
}
.msd__error {
  color: green !important;
}
.msd__offer-card, .msd__payment, .msd__checkout-wrapper, .msd__account-wrapper,.msd__account-content, .msd__section-header, .msd__account-header, .msd__account-sidebar {
  background-color: white !important;
}

/*These three don't need to be in each file like the other RE items.  Not sure why they need to be loaded for each page.*/
.mobileinfo1 .buyindividual, .info2 .buyindividual {
	display: none !important;
}
.h23_class i span, .h4_class i span,.h5_class i span {
	display: none;
}
#outermobileinfo .logo {
	display: none !important;
}

/*JUN11*/
.msd__account-header__avatar {
  background-image: url(/images/PrideNoRedSmall.png) !important;
}