/*
	Theme Name: riversideopticalab.com - 2025
	Theme URI: http://html5blank.com
	Description: Custom theme based on the HTML5 Blank WordPress Theme
	Version: 2.0.0

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/* é - utf8 character so notepad++ does not keep saving as ascii */

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/*
300 Light
400 Normal
500 Medium
600 Semi Bold
700 Bold
800 Extra Bold
900 Ultra Bold
*/


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight : 400;
	color : #000000;
	line-height : 1.5;
	font-size : 2.4rem;
	background-color : #ffffff;
}
.body-size {
	line-height : 1.5;
	font-size : 2.4rem;
}
.body-type {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
}
.line-height-1-2 {
	line-height : 1.2;
}
.line-height-1-5 {
	line-height : 1.5;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#A3A9F5 !important;
	text-decoration:none;
}
a:hover {
	text-decoration : underline;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
h1,h2,h3,h4,p,.p-margin,ul,ol {
	margin : 0 0 3rem 0;
}
p:last-child,.p-margin:last-child,ul:last-child,ol:last-child {
	margin-bottom : 0;
}
main p {
	min-height : 1em;
}
ul,ol {
	padding-left : 1em;
}
ul li ,ol li {
	margin : 0 0 .25em 0;
}
ul li:last-child ,ol li:last-child {
	margin : 0 0 0 0; 
}
ul.check-list {
	list-style-image : url(img/blue-check-wizard.png);
	padding-left : 35px;
}
h1,h2 {
	font-family: 'PP Editorial New';
	/* font-weight : 200; */
	/* line-height : 1; */
}
h1 {
	font-size : 5rem;
	color : #3dc6f3;
}

h2 {
	font-size : 75px;
}
h2.section-title {
	text-align : center;
}
h3 {
	font-size : 2.5rem;
	font-family: "Inter", sans-serif;
	/* font-weight : 400; */
}

h2,h3 {
	color : #000000;
}
.light-weight {
	font-weight : 300;
}
.normal-weight {
	font-weight : 400;
}
.medium-weight {
	font-weight : 500;
}
.smaller-body-font {
	font-size : 1.5rem;
}
.larger-body-font {
	font-size : 2.5rem;
}
.text-align-justify {
	text-align : justify;
}
.white-text a ,
a.white-text * ,
a.white-text {
	color : white !important;
}
.white-text * ,
.white-text {
	color : white;
}

.black-text a ,
a.black-text * ,
a.black-text {
	color : black !important;
}
.black-text * ,
.black-text {
	color : black;
}
.blue-text a ,
a.blue-text * ,
a.blue-text {
	color : #3dc6f3 !important;
}
.blue-text * ,
.blue-text {
	color : #3dc6f3;
}

h1.page-title {
	text-transform : uppercase;
	margin-bottom : 65px;
}
h1.page-title .not-uppercase {
	text-transform : none !important;
}

h1.page-title.with-sub-title {
	margin-bottom : 35px;
}
p.page-sub-title {
	margin-bottom : 60px;
}

.light-grey-background {
	background-color : #F7F7F7;
}
.blue-background {
	background-color : #3dc6f3;
}
.light-blue-background {
	background-color : #c0e7fa;
}
.text-align-center {
	text-align : center;
}

ol.stylized {
	list-style: none;
	counter-reset: stylized-counter;
}
ol.stylized li {
	counter-increment: stylized-counter;
	position : relative;
	padding-left : 80px;
	clear : left;
	vertical-align : middle;
	min-height : 54px;
	margin-bottom : 35px;
}
ol.stylized li::before {
	content: counter(stylized-counter);
	/* position : absolute;
	left : 0;
	top : 0; */
	width : 54px;
	height : 54px;
	border-radius : 9000px;
	background-color : #3dc6f3;
	color : #ffffff;
	font-weight : bold;
	line-height : 54px;
	font-size : 35px;
	text-align : center;
	float : left;
	margin-right : 25px;
}
.nowrap {
	white-space : nowrap;
}
.no-margin-child > * ,
.no-margin {
	margin : 0 0 0 0 !important;
}

@media screen and ( max-width : 768px ){
	.larger-body-font {
		font-size : 2rem;
	}
}
/* keep long email addresses from breaking layout */
a[href^="mailto:"] {
	-ms-word-break: break-all;
	
	/* Be VERY careful with this, breaks normal words wh_erever */
	word-break: break-all;
	
	/* Non standard for webkit */
	word-break: break-word;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	
	word-wrap:break-word;
	
	display : inline-block;
}

.visually-hidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.padded-content {
	padding : 45px;
}
.less-padded-content {
	padding : 35px;
}
.limit-width-1018px {
	max-width : 1018px;
}
hr {
	max-width : 290px;
	margin-left : 0;
	margin-right : 0;
	border-width : 0;
	background-color : #3dc6f3;
	height : 3px;
	text-align : left;
}
hr.title-hr {
	margin-bottom : 50px;
}

/* wrapper */
.wrapper {
	max-width:1920px;
	width:100%;
	margin:0 auto;
	position:relative;
}
main {
	/* padding-top : 110px;
	padding-bottom : 50px; */
}
.home main,
.page-id-1384 main ,
.page-id-1382 main {
	padding-top : 0px;
}
.external-site main {
	padding-top : 180px;
}
main.landing-page-wrapper {
	padding-top : 0;
	padding-bottom : 0;
}


.section-margins {
	padding : 70px 80px;
}
.fake-margin-top {
	border-top : 70px solid #ffffff;
}
.section-margins.double-margins {
	padding : 70px 200px;
}
section.section-margins {
	position : relative;
}
section.section-margins .post-edit-link {
	position : absolute;
	left : 20px;
	top : 20px;
	z-index : 4;
}
.light-blue-background .post-edit-link ,
.blue-background .post-edit-link {
	color : #ffffff !important;
}
@media screen and (max-width : 1920px ){
	.padded-content {
		padding : 2.344vw;
	}
	.section-margins {
		padding : 3.646vw 4.167vw;
	}	
	.fake-margin-top {
		border-top : 3.646vw solid #ffffff;
	}
	.section-margins.double-margins {
		padding : 3.646vw 10.417vw;
	}	
}
@media screen and (max-width : 1024px ){
	.padded-content {
		padding : 25px;
	}
	.section-margins {
		padding : 25px 25px;
	}	
	.fake-margin-top {
		border-top : 25px solid #ffffff;
	}
	.section-margins.double-margins {
		padding : 25px 40px;
	}		
}

@media screen and (max-width : 1100px ){
	table.display-block-under-1100px ,
	table.display-block-under-1100px tr ,
	table.display-block-under-1100px tbody ,
	table.display-block-under-1100px td {
		display : block;
		width : 100% !important;
	}
	table.display-block-under-1100px td:first-child {
		margin-bottom : 40px;
	}
}
.no-margins ,
.section-margins.no-margins {
	padding : 0 0;
}
section.no-side-margins {
	padding-left : 0 !important;
	padding-right : 0 !important;
}
section.no-bottom-margin {
	padding-bottom : 0 !important;
}
section.no-top-margin {
	padding-top : 0 !important;
}
.hide-section-title h2.section-title {
	display : none;
}
.position-relative {
	position : relative;
}

/* header */
.header {
	position : relative;
	height : 150px;
	overflow-x: clip;
	width : 100%;
}
.header-inner {
	display : flex;
	justify-content : space-between;
	align-items : center;
	height : 100%;
}
.nav.main-menu {
	padding-left : 25px;
}
.nav.main-menu li,
.nav.main-menu ul {
	position : relative;
	list-style : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

.nav.main-menu > ul {
	display : flex;
	justify-content : flex-end;
	align-items : center;
	gap : 70px;
	margin-left : auto;
	width : max-content;
}
/* .member-logged-in .nav.main-menu > ul {
	gap : 40px;
} */
.nav.main-menu > ul > li {
	flex: 0 1 auto;
}
.nav.main-menu > ul > li a {
	line-height : 1;
	font-size : 22px;
	font-weight: 600;
	color: #2B2727 !important;
	text-decoration : none;
	display : inline-block;
}
.nav.main-menu  li.current-menu-ancestor > a,
.nav.main-menu  li.current-menu-item > a,
.nav.main-menu a:focus,
.nav.main-menu a:hover {
	color : #A3A9F5 !important;
}
.nav.main-menu > ul > li.lang-item img {
	display : none;
}
.nav.main-menu > ul > li.lang-item-fr a::after {
	content : 'Fr';
}
.nav.main-menu > ul > li.lang-item-en a::after {
	content : 'En';
}


/* submenus */
.nav.main-menu > ul ul {
	display : none;
	z-index : 99;
}
.nav.main-menu > ul ul a {
	white-space : nowrap;
}
.nav.main-menu > ul ul > li {
	display : block;
	margin-bottom : 10px;
}
@media screen and ( max-width : 1880px ){
	[lang="fr-CA"] .nav.main-menu > ul {
		gap : 20px;
	}
	[lang="fr-CA"] .nav.main-menu > ul > li a {
		font-size : 20px;
	}
}
@media screen and ( max-width : 1760px ){
	.nav.main-menu > ul {
		gap : 20px;
	}
	.nav.main-menu > ul > li a {
		font-size : 20px;
	}
}
@media screen and ( max-width : 1540px ){
	[lang="fr-CA"] .nav.main-menu > ul {
		gap : 15px;
	}
	[lang="fr-CA"] .nav.main-menu > ul > li a {
		font-size : 18px;
	}
}
@media screen and ( max-width : 1400px ){
	[lang="fr-CA"] .nav.main-menu > ul .dynamic-line-break {
		display : block;
	}
}
/* @media screen and ( max-width : 1550px ){
	.nav.main-menu > ul {
		gap : 20px;
	}	
} */

/**************************
	mobile menu
********************************/
/*
mobile menu
*/

/* 
@media screen and ( max-width : 1750px ) and ( min-width : 1231px ){
	[lang="fr-CA"] .nav.main-menu > ul > li {
		padding : 15px 15px 15px 0;
		font-size: 1.85rem;
	}
	[lang="fr-CA"] .nav.main-menu > ul > li+li {
		padding : 15px 15px 15px 15px;
	}
}
@media screen and ( max-width : 1500px ) and ( min-width : 1231px ){
	[lang="fr-CA"] .nav.main-menu > ul > li.menu-item-464 {
		padding-top : 5px;
		padding-bottom : 5px;
		text-align : center;
		width : 260px;
	}
	[lang="fr-CA"] .nav.main-menu > ul > li.menu-item-2368 {
		padding-top : 5px;
		padding-bottom : 5px;
		width : 160px;
		text-align : center;
	}
}
@media screen and ( max-width : 1500px ) and ( min-width : 1231px ){
	[lang="fr-CA"] .nav.main-menu > ul > li.menu-item-1764 {
		padding-top : 5px;
		padding-bottom : 5px;
		text-align : center;
		width : 115px;
	}
}
@media screen and ( max-width : 1530px ) and ( min-width : 1231px ){
	.nav.main-menu > ul > li {
		padding : 15px 15px 15px 0;
		font-size: 1.85rem;
	}
	.nav.main-menu > ul > li+li {
		padding : 15px 15px 15px 15px;
	}
}
@media screen and ( max-width : 1500px ) and ( min-width : 1231px ){
	[lang="fr-CA"] .nav.main-menu > ul > li.menu-item-1549 {
		padding-top : 5px;
		padding-bottom : 5px;
		text-align : center;
		width : 170px;
	}
	[lang="fr-CA"] .nav.main-menu > ul > li.menu-item-1545 {
		padding-top : 5px;
		padding-bottom : 5px;
		text-align : center;
		width : 140px;
	}
} */
@media screen and ( min-width : 1301px ){
	.header .hamburger {
		display : none;
	}
	.nav.main-menu > ul > li > ul > li:focus > ul,
	.nav.main-menu > ul > li > ul > li:hover > ul,
	.nav.main-menu > ul > li:focus > ul,
	.nav.main-menu > ul > li:hover > ul {
		display : block;
		min-width : 230px;
		position : absolute;
		top : 90%;
		left : 0;
		background-color : #fff;
		padding : 10px;
		width : auto;
	}
	.nav.main-menu > ul > li > ul > li:focus > ul,
	.nav.main-menu > ul > li > ul > li:hover > ul {
		top : 0;
		left : 90%;
		padding-top : 0;
	}
}


@media screen and ( max-width : 1300px ){
	.nav.main-menu {
		overflow-x : hidden;
	}
	body {
		overflow-x : hidden;
	}
	.header {
		display : block;
		position : relative;
		/* overflow-x : hidden;
		overflow-y : visible; */
	}
	nav.nav.main-menu > ul {
		position : absolute;
		left : 100%;
		top : 100%;
		
		transition : transform 1s;
		display : block;
		z-index : 99999999;
		background-color : #fff;
		width : 320px;
	}
	.nav.main-menu.is-active > ul {
		transform : translateX(-100%);
		transition : transform 1s;
	}
	.nav.main-menu > ul li > ul , 
	.nav.main-menu > ul li:hover > ul {
		/* display : none; */
		top : auto;
		left : auto;
		padding : 10px 0 0 15px;
		width : auto;
		min-width : auto;
		max-width : auto;
		display : block;
	}
	.nav.main-menu > ul li.is-active > ul {
		display : block;
	}
	/* .nav.main-menu > ul , */
	.nav.main-menu > ul > li ,
	.nav.main-menu > ul > li > ul > li {
		display : block;
		width : 100%;
	}
	.nav.main-menu li:last-child {
		margin-bottom : 0;
	}
	.nav.main-menu > ul > li {
		padding : 15px 30px 15px 15px;
		position : relative;
	}
	.nav.main-menu > ul > li+li {
		padding : 15px 15px 15px 15px;
		border-left : none;
		border-top : 2px solid #706f71;
	}
	.nav.main-menu > ul > li li {
		margin-bottom : 20px;
		margin-top : 10px;
	}
	/* .nav.main-menu > ul li.menu-item-has-children:after {
		content : "+";
		display : block;
		font-weight: 900;
		position : absolute;
		color : #A3A9F5;
		top : 12px;
		right : 0px;
		font-size : 30px;
		width : 30px;
		height : 30px;
		cursor : pointer;
		text-align : center;
	} */
	.nav.main-menu > ul ul li.menu-item-has-children:after {
		top : -6px;
	}
	/* .nav.main-menu > ul li.menu-item-has-children.is-active:after {
		content : "-";
	} */
	[lang="fr-CA"] .nav.main-menu > ul .dynamic-line-break {
		display : none;
	}
	
}
@media screen and ( max-width : 350px ){
	/* .header {
		padding : 20px 25px;
	} */
	html body .hamburger-box ,
	html body .hamburger-inner, 
	html body .hamburger-inner::before, 
	html body .hamburger-inner::after {
		width : 30px;
	}
}


/* sidebar */
.sidebar {

}
#footer {
	padding-top : 115px;
}
#footer .footer-row-1 {
	display : flex;
	border-bottom : 1px solid #2E2E2F;
	padding-bottom : 40px;
	justify-content : space-between;
}
#footer .footer-row-1 > div {
	display : flex;
	flex-direction : column;
	justify-content : flex-end;
}
#footer .footer-row-1 > div:first-child {
	font-size : 16px;
	width : 272px;
	flex-shrink : 0;
}
#footer .footer-row-1 > div:first-child p {
	margin-bottom : 20px;
}
#footer .footer-row-1 > div:first-child p:last-child {
	margin-bottom : 0;
	/* font-size : 18px; */
}
#footer .footer-row-1 > div:first-child .footer-logo {
	width : 200px;
}
#footer .footer-row-1 > div:nth-child(2) {
	font-size : 12px;
	flex-grow : 1;
	padding : 0 40px;
}
#footer .footer-row-1 > div:nth-child(2) h2 {
	font-size : 16px;
	font-weight : 700;
	color : #000000;
	margin-bottom : 30px;
}
#footer .footer-row-1 > div:nth-child(2) > div {
	max-width : 420px;
	margin-left : auto;
	margin-right : auto;
}
#footer .footer-row-1 > div:last-child {
	font-size : 18px;
	width : 405px;
	flex-shrink : 0;
}
#footer .footer-socials {
	width : 100%;
	margin-left : auto;
	display : flex;
	justify-content : space-between;
	align-items : center;
}
#footer .footer-socials a img {
	width : auto !important;
	height : 25px;
}

#footer .footer-row-2 {
	display : flex;
	border-bottom : 1px solid #2E2E2F;
	padding-bottom : 55px;
	justify-content : space-between;
	padding-top : 25px;
}
#footer .footer-row-2 > div {
	width : 355px;
	display : flex;
	flex-direction : column;
	justify-content : flex-end;
}
#footer .footer-row-2 > div:first-child {
	font-size : 14px;
	text-transform : uppercase;
	width : 400px;
}
#footer nav ul,
#footer nav li {
	list-style: none;
	margin : 0 !important;
	padding : 0;
}
#footer nav li a {
	color : #2B2727 !important;
	text-decoration : none;
}
#footer nav li a:focus,
#footer nav li a:hover {
	text-decoration : underline;
}
#footer nav li.ecp-login a {
	text-decoration : underline;
	font-weight : 700;
}
#footer nav li.ecp-login a:focus,
#footer nav li.ecp-login a:hover {
	text-decoration : none;
}
#footer .footer-row-2 nav {
	padding-top : 10px;
}
#footer .footer-row-2 nav a {
	font-weight : 600;
	color : #2E2E2F !important;
}
#footer .footer-row-2 nav li {
	display : inline-block;
	padding-right : 10px;
}
#footer .footer-row-2 nav li+li {
	padding-left : 10px;
	border-left : 2px solid #2E2E2F;
}

#footer .footer-row-1 nav {
	width : 100%;
}
#footer .footer-row-1 nav ul {
	display : flex;
	justify-content : flex-start;
	align-items : flex-start;
	flex-wrap : wrap;
	gap : 25px;
}

#footer .footer-row-1 nav a {
	white-space : nowrap;
}
@media screen and ( min-width : 1381px ){
	#footer .footer-row-1 nav ul {
		gap : 8%;
	}
	#footer .footer-row-1 nav li {
		min-width : 46%;
		padding-top : 10px;
	}	
}
@media screen and ( max-width : 1380px ){
	html #footer .footer-row-1 {
		display : block;
	}
	html #footer .footer-row-1 > div:last-child, 
	html #footer .footer-row-1 > div:nth-child(2),
	html #footer .footer-row-1 > div:first-child {
		width : 100%;
		padding : 0 0;
	}		
	html #footer .footer-row-1 > div:nth-child(2) {
		padding-top : 40px;
		padding-bottom : 40px;
	}
	#footer .footer-row-1 nav li {
		width : auto;
	}
	#footer .footer-row-1 nav ul {
		gap : 25px;
	}
	#footer .footer-row-1 > div:nth-child(2) > div {
		max-width : 100%;
	}
}

@media screen and ( max-width : 700px ){
	html #footer .footer-row-2 {
		display : block;
	}	
	#footer .footer-row-2 > div:first-child ,
	#footer .footer-row-2 > div {
		width : 100%;
	}
	#footer .footer-socials {
		max-width : 400px;
		margin : 0 auto;
	}
	#footer .footer-row-2 > div:last-child {
		padding-top : 40px;
	}
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/* @font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
} */

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

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

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

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

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    forms
\*------------------------------------*/
.wp-element-button,
.nav.main-menu > ul > li.menu-button a,
.button,
button,
input {
	line-height: normal;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.wp-element-button,
.nav.main-menu > ul > li.menu-button a,
.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	position : relative;
	font-weight : 500;
}
.button {
	text-decoration : none;
}
.button[disabled],
button[disabled],
html input[disabled] {
	cursor: no-drop;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.wp-element-button .wp-block-button__link {
	color : inherit !important;
}
.wp-element-button,
.nav.main-menu > ul > li.menu-button a,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	color : #1A1C2A !important;
	background: #A3A9F5;
	border: 2px solid #A3A9F5;
	border-radius: 50px;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size : 20px;
	line-height: 1;
	padding : 15px 25px;
	text-transform: none;
	text-align : center;
	display : inline-block;
	vertical-align : top;
	min-width : 150px;
	transition : color 0.25s background-color 0.25s;
	text-decoration : none !important;
}
.button.short,
button.short,
input.short[type="button"],
input.short[type="reset"],
input.short[type="submit"] {
	min-width : 50px !important;
}
button.ui-button {
	min-width : 5px;
	color : #1A1C2A !important;
}
.button.tiny,
button.tiny,
input.tiny[type="button"],
input.tiny[type="reset"],
input.tiny[type="submit"] {
	min-width : 100px !important;
	font-size: 13.5549px;
	padding : 0;
	line-height : 36px;
}
.wp-element-button:hover,
.wp-element-button:focus,
.nav.main-menu > ul > li.menu-button a:hover,
.nav.main-menu > ul > li.menu-button a:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	color : #A3A9F5 !important;
	background: #1A1C2A;
	/* border: 2px solid #1A1C2A; */
	outline : 0;
	text-decoration : none !important;
}

.button.big-button,
button.big-button,
input[type="button"].big-button,
input[type="reset"].big-button,
input[type="submit"].big-button {
	font-size : 2rem;
	width : 100%;
	max-width : 299px;
	padding-top : 20px;
	padding-bottom : 20px;
}

.floated-button {
	position :absolute !important;
	z-index : 2;
	right : 40px;
	bottom : 40px;
}
.button.medium-button {
	font-size : 2rem;
	width : 238px;
	padding : 13px 20px
}

@media screen and ( max-width : 1024px ){
	.button.big-button,
	button.big-button,
	input[type="button"].big-button,
	input[type="reset"].big-button,
	input[type="submit"].big-button {
		font-size : 2rem;
		width : 100%;
		max-width : 205px;
		padding-top : 10px;
		padding-bottom : 10px;
	}
	.floated-button {
		position :absolute;
		z-index : 2;
		right : 14px;
		bottom : 14px;
	}
}
form label {
	color: #A3A9F5;
	font-weight : 500;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
.select-wrapper select:-webkit-autofill,
.select-wrapper select,
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	border-radius: 0;
	padding: 25px 0;
	line-height : 1em;
	width: 100%;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size : 21.74px;
	display : inline-block;
	vertical-align : top;
	color: #000000;
	-webkit-text-fill-color: #000000;
	transition: background-color 5000s ease-in-out 0s;
	background-color : #ffffff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
	border: none;
	border-bottom : 1.35897px solid #181818;
	border-radius : 0;
}
textarea {
	border : 1.35897px solid #181818;
}
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
.select-wrapper select:-webkit-autofill:focus,
.select-wrapper select:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	color: #000000;
	-webkit-text-fill-color: #000000;
	transition: background-color 5000s ease-in-out 0s;
	background-color : transparent;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
	border-color: #A3A9F5;
	outline: 0;
}
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
::-webkit-input-placeholder {
	/* (new) Microsoft Edge */
	-webkit-text-fill-color: #A3A9F5;
	color: #A3A9F5 !important;
}
:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #A3A9F5 !important;
}
::-ms-input-placeholder {
	/* (old) Microsoft Edge */
	color: #A3A9F5 !important;
}
::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #A3A9F5 !important;
	opacity: 1; /* Firefox */
	-webkit-text-fill-color: #A3A9F5;
}
:placeholder-shown {
	color: #A3A9F5 !important;
	-webkit-text-fill-color: #A3A9F5;
}
input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
	padding: 20px 25px;
	line-height : inherit;
	min-height : 80px;
}

.select-wrapper select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.select-wrapper {
    position: relative;
}
.select-wrapper select::-ms-expand {
    display: none;
}
 .select-wrapper:after {
	content : url(./img/select-button.svg);
    display: block;
    pointer-events: none;	
	font-size : 55.39px;
	height : 44.84px;
	position : absolute;
	right : 0;
	top : 50%;
	transform : translateY(-50%);
	margin-top : -7px;
}
 .select-wrapper select.placeholder {
	-webkit-text-fill-color: #A3A9F5;
	color: #A3A9F5 !important;
}
.select-wrapper select option {
	color : #000000;
	/* text-align : center; */
	font-weight : 500;
}
input.error-state ,
.select-wrapperselect.error-state ,
.select-wrapperinput.error ,
.select-wrapperselect.error {
	border-color : red !important;
}
.select-wrapper.ui-dialog-content, .ui-widget-content {
	font-size : 20px;
	font-weight : 500;
}

/*------------------------------------*\
	"find a store" form in the footer
\*------------------------------------*/

.location-search {
	background-color : #1a1c2a;
	padding-top : 140px;
	padding-bottom : 110px;
	text-align : center;
}
.location-search p,
.location-search h2,
.location-search input[type="text"] {
	color : #ffffff;
}
.location-search h2 {
	font-family: 'PP Editorial New';
	font-size : 45px;
	font-weight: 200;
}
.location-search p {
	font-size : 22px;
}


.location-search .error {
	color : red;
	display : none;
}
.location-search .results {
	display : none;
}
/* .page-id-1524 .location-search ,
.page-id-1520 .location-search ,
.page-id-1485 .location-search ,
.page-id-1489 .location-search ,
.page-id-1477 .location-search ,
.page-id-1466 .location-search {
	display : none;
} */

.location-search .location-search-form-wrapper {
	max-width : 550px;
	display : flex;
	gap : 30px;
	align-content : center;
	margin-left : auto;
}
.location-search .location-search-form-wrapper a.button {
	flex-grow : 0;
	flex-shrink : 0;
}
.location-search-form-wrapper input[type="text"] {
	border-radius: 0;
	padding: 17px 25px;
	line-height : 1em;
	width: 100%;
	font-weight: 500;
	font-size : 20px;
	display : inline-block;
	vertical-align : top;
	color: #A3A9F5;
	-webkit-text-fill-color: #A3A9F5;
	transition: background-color 5000s ease-in-out 0s;
	background-color : #1A1C2A;
	background-image: -webkit-linear-gradient(rgba(245, 248, 246, 0), rgba(245, 248, 246, 0));
	-webkit-box-shadow: 0 0 0px 1000px #1A1C2A inset;
	border: 2px solid #A3A9F5;
	border-radius : 50px;
}
.location-search-form-wrapper button {
	color : #1A1C2A !important;
	background: #A3A9F5;
	border: 2px solid #A3A9F5;
	border-radius: 50px;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size : 20px;
	line-height: 1;
	padding : 15px 25px;
	text-transform: none;
	text-align : center;
	display : inline-block;
	vertical-align : top;
	min-width : 150px;
	transition : color 0.25s background-color 0.25s;
	text-decoration : none !important;
}
.location-search-form-wrapper ::-webkit-input-placeholder {
	/* (new) Microsoft Edge */
	-webkit-text-fill-color: #bcbec0;
	color: #A3A9F5 !important;
}
.location-search-form-wrapper :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #A3A9F5 !important;
}
.location-search-form-wrapper ::-ms-input-placeholder {
	/* (old) Microsoft Edge */
	color: #A3A9F5 !important;
}
.location-search-form-wrapper ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #A3A9F5 !important;
	opacity: 1; /* Firefox */
	-webkit-text-fill-color: #bcbec0;
}
.location-search-form-wrapper :placeholder-shown {
	color: #A3A9F5 !important;
	-webkit-text-fill-color: #bcbec0;
}

@media screen and ( min-width : 901px ){
	.location-search-columns {
		display : flex;
	}
	.location-search-columns .location-search-column {
		width : 50%;
		text-align : left;
	}
	.location-search-columns .location-search-column:first-child {
		padding-right : 40px;
	}
}
@media screen and ( max-width : 902px ){
	.location-search-columns .location-search-column:last-child {
		padding-top : 60px;
	}	
	.location-search .location-search-form-wrapper {
		margin-right : auto;
	}
}
@media screen and ( max-width : 520px ){
	.location-search .location-search-form-wrapper {
		flex-direction : column;
	}
}
.map-search-bar {
	max-width : 770px;
	display : flex;
	gap : 90px;
	justify-content : space-between;
	align-items : center;
}
.map-search-bar button {
    flex-basis: 170px;
    flex-grow: 0;
    flex-shrink: 0;
}
/*********************
pages with floating person image on the right
**********************/

section.floated-person-on-right {
	position : relative;
	min-height : 675px;
}
section.floated-person-on-right img.floating-person-image {
	position : absolute;
	z-index : 2;
	right : 0;
	bottom : -50px;
	height : auto !important;
}

@media screen and (max-width : 1920px ){
	section.floated-person-on-right {
		min-height : 35.156vw;
	}	
}
@media screen and (max-width : 1024px) {
	section.floated-person-on-right img.floating-person-image {
		display : none;
	}
}

/*********************
pages with floating product icon
**********************/
section.floated-product-icon {
	position : relative;
}
section.floated-product-icon img.floated-product-icon {
	position : absolute;
	z-index : 3;
	right : 50px;
	bottom : 0px;
	height : auto !important;
}

@media screen and (max-width : 1920px ){
	section.floated-product-icon img.floated-product-icon {
		right : 2.604vw;
	}
}
@media screen and (min-width : 1025px) {
	section.floated-product-icon img.floated-product-icon.mobile {
		display : none;
	}
}
@media screen and (max-width : 1024px) {
	section.floated-person-on-right img.floating-person-image {
		display : none;
	}
	section.floated-product-icon {
		padding-right : 200px;
	}
	section.floated-product-icon img.floated-product-icon {
		width : 155px;
		right : 10px;
		bottom : 0px;
	}
	section.floated-product-icon img.floated-product-icon.desktop {
		display : none;
	}
}
@media screen and (max-width : 550px) {
	section.floated-product-icon {
		padding-right : 3.906vw;
		padding-bottom : 100px;
	}
}

/**********************
	contact callout
*********************/

.contact-callout {
	background-color : #1a1c2a;
	padding-top : 140px;
	padding-bottom : 110px;
	margin-top : 170px;
}
.contact-callout p,
.contact-callout h2 {
	color : #ffffff;
}
.contact-callout h2 {
	font-family: 'PP Editorial New';
	font-size : 64px;
	line-height : 84px;
	font-weight: 200;
	max-width : 840px;
}
.contact-callout p {
	font-size : 22.55px;
}
.contact-callout .button {
	width : 209px;
}
.page-id-4060 .contact-callout ,
.page-id-4089 .contact-callout ,
.page-id-1401 .contact-callout ,
.page-id-1401 .contact-callout {
	margin-top : 0;
}
@media screen and ( max-width : 1024px ){
	.contact-callout {
		margin-top : 60px;
	}
	.contact-callout h2 {
		font-family: 'PP Editorial New';
		font-size : 45px;
		line-height : 1.2;
	}
}


/**********************
	product selection wizard
*********************/

.wizard-container {
	display : none;
	font-size : 2rem;
}
.wizard-container label {
	font-weight : 400;
}

.wizard-navigation {
	margin-bottom : 20px;
	width : 320px;
	text-align : justify;
	text-align-last: justify;
	position : relative;
}
.wizard-navigation:after {
	content : " ";
	width : 100%;
	height : 0;
	border-top : 1px dashed #cef1fc;
	border-bottom : 1px dashed #3dc6f3;
	position : absolute;
	left : 0;
	top : 50%;
	transform : translateY(-4px);
	z-index : -1;
}
.wizard-navigation > span {
	border-radius : 9000px;
	color : #3dc6f3;
	background-color : #fff;
	border : 2px solid #3dc6f3;
	text-align : center;
	text-align-last : center;
	display : inline-block;
	vertical-align : top;
	width : 30px;
	height : 30px;
	font-size : 17.5px;
	font-weight : bold;
	position : relative;
	cursor : pointer;
}
.step-direction-table .step-number span ,
.wizard-navigation > span > span {
	line-height : 1;
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%,-50%);
}
.wizard-navigation > span.active {
	background-color : #3dc6f3;
	color : #ffffff;
}
.wizard-steps .wizard-step {
	display : none;
}
.wizard-steps .wizard-step.active {
	display : block;
}
.step-direction-table {
	font-size : 30px;
	margin-bottom : 20px;
}
.step-direction-table td {
	height : 70px;
	vertical-align : middle;
}
.step-direction-table td:first-child {
	vertical-align : top;
	width : 75px;
}
.step-direction-table .step-number {
	display : inline-block;
	position : relative;
	vertical-align : middle;
	width : 55px;
	height : 55px;
	border-radius : 9000px;
	color : #fff;
	background-color : #3dc6f3;
	font-size : 35px;
	font-weight : bold;
	margin-top : 10px;
}

.wizard-step-one {
	max-width : 600px;
}
.wizard-step-two {
	max-width : 740px;
}
.result-logos a {
	margin-right : 30px;
	margin-bottom : 20px;
}
.result-logos ,
.result-logos  a ,
.result-logos  a img ,
.result-logos + a {
	display : inline-block;
	vertical-align : middle;	
}

@media screen and (min-width : 551px) {
	.wizard-step-three .wizard-step-content {
		padding-left : 75px;
	}
}

.step-direction-table td:last-child .step-number {
	display : none;
}
@media screen and (max-width : 550px) {
	.step-direction-table td:first-child {
		display : none;
	}
	.step-direction-table td:last-child .step-number {
		display : block;
		float : left;
		margin-right : 15px;
	}
}

/**********************
	radio inputs as buttons
*********************/

.checkbox-button-wrapper ,
.radio-button-wrapper {
	margin-bottom : 1rem;
	position : relative;
	cursor : pointer;
}
.two-checkbox-button-columns {
	line-height : 0;
	font-size : 0;
}
.two-checkbox-button-columns .checkbox-button-wrapper {
	width : 50%;
	display : inline-block;
	vertical-align : top;
	margin-bottom : 14px;
}
.two-checkbox-button-columns .checkbox-button-wrapper label {
	min-height : 70px;
}
.two-checkbox-button-columns .checkbox-button-wrapper label span {
	padding : 10px;
}
.two-checkbox-button-columns .checkbox-button-wrapper:nth-child(odd) {
	border-right : 7px solid transparent;
}
.two-checkbox-button-columns .checkbox-button-wrapper:nth-child(even) {
	border-left : 7px solid transparent;
}

.checkbox-button-wrapper input[type="checkbox"] ,
.radio-button-wrapper input[type="radio"] {
    opacity: 0;
	position : absolute;
	cursor : pointer;
}
.checkbox-button-wrapper label ,
.radio-button-wrapper label {
	cursor : pointer;
	position : relative;
	display : block;
	height : 50px;
	color : #A3A9F5;
	line-height : 1;
	font-size : 2rem;
	background-color : #f1f2f2;
	text-align : center;
}
.checkbox-button-wrapper input[type="checkbox"]:checked+label ,
.radio-button-wrapper input[type="radio"]:checked+label {
	background-color : #3dc6f3;
	color : #fff;
}
.checkbox-button-wrapper label span ,
.radio-button-wrapper label span {
	display : block;
	width : 100%;
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
}
@media screen and ( max-width : 550px ){
	.two-checkbox-button-columns .checkbox-button-wrapper {
		width : 100%;
		display : block;
	}
}

/**********************
	our products grid
*********************/
.product-grid {
	line-height : 0;
	font-size : 0;
}
.product-grid .product-grid-item {
	display : inline-block;
	width : 25%;
	vertical-align : top;
	height : 480px;
	position : relative;
	overflow : hidden;
	border-bottom : 2px solid white;
	/* background-size : cover;
	background-position : center center; */
}
.product-grid .product-grid-item img.product-grid-background {
	position: absolute;
	top: 50%;
	left: 50%;

	width: auto;
	height: auto;

	max-height: none;
	max-width: none;

	min-height: 100%;
	min-width: 100%;

	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index : 1;
	object-fit: cover;
}
.product-grid .product-grid-item.image-bottom-left img.product-grid-background ,
.product-grid .product-grid-item.image-bottom-right img.product-grid-background {
	top: 0;
	left: 0;
	bottom : 0;
	right : 0;
	transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
	height: 100%;
	width: 100%;
}
.product-grid .product-grid-item.image-bottom-right img.product-grid-background {
	object-position: right bottom;
}
.product-grid .product-grid-item.image-bottom-left img.product-grid-background {
	object-position: left bottom;
}
.product-grid .product-grid-item .grid-button {
	position : absolute;
	right : 20px;
	bottom : 30px;
	z-index : 999;
}
.product-grid .product-grid-item .product-grid-item-link {
	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
}
.product-grid .product-grid-item.taller-item {
	height : 515px;
}
.product-grid .product-grid-item.double-width-item {
	width : 50%;
}
.product-grid .product-grid-item img.product-grid-icon {
	position : absolute;
	left : 25px;
	bottom : 30px;
	z-index : 2;
}
.product-grid .product-grid-item.double-width-item img.product-grid-icon {
	left : 40px;
}
.product-grid .product-grid-item.logo-2023 img.product-grid-icon {
	/* bottom : 80px; */
	left : 12px;
}
.product-grid .product-grid-item.text-grid-item {
	background-color : #3dc6f3;
}
.product-grid .product-grid-item.text-grid-item h2 {
	color : #ffffff;
	font-size : 50px;
	position : absolute;
	top : 50%;
	left : 45px;
	transform : translateY(-50%);
	margin-top : -50px;
}
@media screen and ( max-width : 1920px ){
	.product-grid .product-grid-item {
		height : 25vw;
	}
	.product-grid .product-grid-item.taller-item {
		height : 26.823vw;
	}
	.product-grid .product-grid-item img.product-grid-icon {
		left : 1.302vw;
		bottom : 1.563vw;
	}
	.product-grid .product-grid-item.double-width-item img.product-grid-icon {
		left : 2.083vw;
	}

	.product-grid .product-grid-item.text-grid-item h2 {
		/* font-size : 2.604vw; */
		left : 2.344vw;
		/* margin-top : -2.604vw; */
	}	
	/* .product-grid .product-grid-item .grid-button {
		right : 1.042vw;
		bottom : 1.563vw;
		font-size : 0.781vw;
		padding : 0.521vw 0.521vw;
		min-width : 9.115vw;
	}	 */
	.product-grid .product-grid-item .grid-button {
		width : 120px;
		min-width : 120px;		
	}	
}
@media screen and ( max-width : 1580px ) and ( min-width : 1201px ){
	.product-grid .product-grid-item img.product-grid-icon {
		width : 11vw;
		bottom : 20px;
	}
	.product-grid .product-grid-item .grid-button {
		width : 10vw;
		min-width : 10vw;		
		bottom : 20px;
	}
}
@media screen and ( max-width : 1200px ){
	.product-grid .product-grid-item {
		width : 50%;
		height : 46.875vw;
		overflow : hidden;
	}
	.product-grid .product-grid-item.taller-item {
		height : 50.293vw;
	}
	.product-grid .product-grid-item.double-width-item {
		width : 100%;
	}	
	.product-grid .product-grid-item img.product-grid-background {
		background-size : cover;
		width : 100% !important;
		height : auto !important;
	}
	.product-grid .product-grid-item img.product-grid-icon {
		bottom : 20px;
	}
	.product-grid .product-grid-item .grid-button {
		bottom : 20px;
	}	
}
@media screen and ( max-width : 800px ) and ( min-width : 601px ){
	.product-grid .product-grid-item img.product-grid-icon {
		width : 23vw;
	}
	.product-grid .product-grid-item .grid-button {
		width : 22vw;
		min-width : 22vw;		
	}
}

@media screen and ( max-width : 600px ){
	.product-grid .product-grid-item {
		width : 100%;
		height : 99.333vw;
	}
	.product-grid .product-grid-item.taller-item {
		height : 50.293vw;
	}
	.product-grid .product-grid-item:nth-child(2) img.product-grid-background ,
	.product-grid .product-grid-item:first-child img.product-grid-background {
		width : 100% !important;
		height : auto !important;
	}
	.product-grid .product-grid-item img.product-grid-background {
		height : 100% !important;
		width : auto !important;
	}
}
@media screen and ( max-width : 400px ) {
	.product-grid .product-grid-item img.product-grid-icon {
		width : 44vw;
	}
	.product-grid .product-grid-item .grid-button {
		width : 40vw;
		min-width : 40vw;		
	}
}
/**********************
	our products - Persona, Persona Elite
	some products have a "table" with a blue background and an imag eon the right were the image top and bottom extend outside the blue area.
*********************/

.image-outhang-table {
	width : 100%;
}
.image-outhang-table td {
	vertical-align : middle;
}
.image-outhang-table.fitting-cross td:first-child {
	width : 560px;
}
.image-outhang-table.fitting-cross.elite td:first-child {
	width : 468px;
}
.image-outhang-table.fitting-cross.phd td:first-child {
	width : 454px;
}

.image-outhang-table div.image-outhang-content {
	background-color : #c0e7fa;
	padding : 30px;
	display : inline-block;
	width : 100%;
}
@media screen and ( max-width : 1920px ){
	.image-outhang-table.fitting-cross td:first-child {
		width : 29.167vw;
	}	
	.image-outhang-table.fitting-cross.elite td:first-child {
		width : 24.375vw;
	}
	.image-outhang-table.fitting-cross.phd td:first-child {
		width : 23.646vw;
	}
}
/* @media screen and ( max-width : 1460px ){
	.image-outhang-table.fitting-cross td:first-child {
		width : 400px;
	}	
} */
@media screen and ( max-width : 1024px ){
	.persona-camber-fitting-cross-table td:first-child ,
	.image-outhang-table.fitting-cross td:first-child {
		display : none;
	}
	
}

/**********************
	persona - design features table with image that is both grey and not grey (overlapping background images.
	see /js/scrips.js : resize_functions() for the javascript portion
*********************/

.design-features-table-outer {
	width : 100%;
}
.design-features-table-outer td.outer {
	height : 478px;
	background-image : url(./img/lab-gear-bg.png);
	background-repeat : no-repeat;
	background-position : 547px center;
	vertical-align : middle;
}
.design-features-table-inner {
	background-color : #f1f2f2;
	width : 100%;
	table-layout : fixed;
}
.design-features-table-inner td.inner {
	padding-top : 50px;
	padding-bottom : 50px;
	vertical-align : top;
}

.design-features-table-inner td.inner:first-child {
	/* width : 547px; */
	padding-left : 85px;
	padding-right : 40px;
}
.design-features-table-inner td.inner:last-child {
	padding-left : 85px;
	padding-right : 85px;
}

.design-features-table-inner td.inner:nth-child(2) {
	width : 454px;
	background-image : url(./img/lab-gear-bg.png);
	background-repeat : no-repeat;
	background-size : 100% auto;
	background-position : left center;
}
table.two-or-one-detail-col {
	width : 100%;
}
table.two-or-one-detail-col td {
	vertical-align : top;
}
table.two-or-one-detail-col td:first-child {
	width : 41%;
	padding-right : 15px;
}

@media screen and ( max-width : 1920px ){
	.design-features-table-outer td.outer {
		height : 24.896vw;
	}
	.design-features-table-inner td.inner {
		padding-top : 2.604vw;
		padding-bottom : 2.604vw;
	}

	.design-features-table-inner td.inner:first-child {
		/* width : 28.49vw; */
		padding-left : 4.427vw;
		padding-right : 2.083vw;
	}
	.design-features-table-inner td.inner:last-child {
		padding-left : 4.427vw;
		padding-right : 4.427vw;
	}

	.design-features-table-inner td.inner:nth-child(2) {
		width : 23.646vw;
	}	
}


@media screen and ( max-width : 1360px ){
	table.two-or-one-detail-col ,
	table.two-or-one-detail-col td {
		display : block;
		width : 100% !important;
		padding-right : 0 !important;
	}
}
@media screen and ( max-width : 1180px ){
	/* .design-features-table-inner td.inner:last-child ,
	.design-features-table-inner td.inner:first-child {
		width : 40%;
		
	} */
}
@media screen and ( max-width : 745px ){
	.design-features-table-inner ,
	.design-features-table-inner tbody ,
	.design-features-table-inner tr ,
	.design-features-table-inner td.inner:last-child ,
	.design-features-table-inner td.inner:first-child {
		display : block;
		width : 100% !important;
	}
	.design-features-table-inner td.inner:nth-child(2) {
		display : none;
	}
}
/**********************
	persona - prescription card sample floating over a stylised table
	
*********************/

.section-margins.prescription-table {
	padding-right : 0;
	padding-top : 30px;
}

table.prescription-table {
	width : 100%;
	border-collapse : collapse;
}
table.prescription-table thead tr td {
	background-color : #3dc6f3;
	color : #ffffff;
	font-weight : bold;
}
table.prescription-table td:first-child {
	border-left : 50px solid white;
}
table.prescription-table tbody tr:nth-child(even) td {
	background-color : #f1f2f2;
}
table.prescription-table tbody td:first-child {
	width : 1018px;
}
table.prescription-table td {
	height  : 70px;
	vertical-align : middle;
	text-align : center;
}
table.prescription-table tbody td.data {
	border-left : 2px solid #3dc6f3;
	border-right : 2px solid #3dc6f3;
}
table.prescription-table td.data.one {
	width : 130px;
}
table.prescription-table td.data.two {
	width : 190px;
}
.absolute-positioned-prescription-card {
	position : absolute;
	left : 80px;
	/* top : 50%;
	transform : translateY(-50%); */
	top : 0px;
	width : 781px;
}
.absolute-positioned-prescription-card.elite {
	width : 772px;
}
.absolute-positioned-prescription-card.sigma {
	width : 808px;
}
.absolute-positioned-prescription-card.phd {
	width : 817px;
}
@media screen and ( max-width : 1600px ){
	table.prescription-table td {
		height  : 50px;
	}	
	table.prescription-table tbody td:first-child {
		width : 53.021vw;
	}
	 .absolute-positioned-prescription-card {
		width : 40.677vw;
		left : 4.167vw;
	}
	.absolute-positioned-prescription-card.elite {
		width : 40.208vw;
	}
	.absolute-positioned-prescription-card.sigma {
		width : 42.083vw;
	}
	.absolute-positioned-prescription-card.phd {
		width : 42.552vw;
	}
}
@media screen and ( max-width : 640px ){
	.absolute-positioned-prescription-card {
		width : auto !important;
		position : relative;
		margin-top : 30px;
		top : auto;
		left : auto;
		display : block;
		margin-left : auto;
		margin-right : auto;
	}
	table.prescription-table td:last-child ,
	table.prescription-table td:first-child {
		width : auto !important;
	}
	.section-margins.prescription-table {
		padding-left : 0;
	}
	table.prescription-table td:first-child {
		border-left : none;
	}	
}
/**********************
	our products - Persona Camber
	similar but differnt to the one one on the persona page
*********************/
section.section-margins.persona-camber-fitting-cross {
	padding-left : 0;
	padding-right : 0;
}
.persona-camber-fitting-cross-table {
	width : 100%;
}
.persona-camber-fitting-cross-table h2 {
	margin-bottom : 20px;
}
.persona-camber-fitting-cross-table td {
	vertical-align : middle;
	background-color : #c0e7fa;
}
.persona-camber-fitting-cross-table td:first-child {
	width : 698px;
}
.persona-camber-fitting-cross-table td:last-child {
	padding : 20px;
	padding-right : 380px;
}
.persona-camber-fitting-cross-table td:last-child p {
	text-align : justify;
	margin-bottom : 20px;
	word-spacing : -2px;
}
.persona-camber-fitting-cross-table td:last-child p:last-child {
	margin-bottom : 0;
}
img.persona-camber-fitting-cross-decoration {
	position : absolute;
	top : 50%;
	transform : translateY(-53%);
	right : 35px;
	z-index : 2;
}
@media screen and ( max-width : 1920px ){
	.persona-camber-fitting-cross-table td:first-child {
		width : 36.354vw;
	}
	.persona-camber-fitting-cross-table td:last-child {
		padding-right : 19.792vw;
	}
	img.persona-camber-fitting-cross-decoration {
		right : 1.823vw;
	}
	img.persona-camber-fitting-cross-decoration {
		width : 16.927vw;
	}
}

@media screen and ( max-width : 1024px ){
	.persona-camber-fitting-cross-table td:last-child {
		padding-right : 50px;
		padding : 50px;
	}
}

/**********************
	our products - Persona Camber
	four blue "justified" boxes
*********************/

.camber-justified-panels {
	text-align : justify;
	text-align-last : justify;
}

section.section-margins .camber-justified-panels {
	margin-left : -80px;
	margin-right : -80px;
}

.camber-justified-panels > div {
	text-align : left;
	text-align-last : left;
	width : 399px;
	display : inline-block;
	vertical-align : top;
}
.camber-justified-panels.three > div {
	width : 585px;
}
@media screen and ( max-width : 1920px ){
	section.section-margins .camber-justified-panels {
		margin-left : -4.167vw;
		margin-right : -4.167vw;
	}
}
@media screen and ( max-width : 1800px ){
	.camber-justified-panels > div {
		width : 24%;
	}
	.camber-justified-panels.three > div {
		width : 32%;
	}
}
@media screen and ( max-width : 1400px ){
	.camber-justified-panels > div {
		width : 49%;
		margin-bottom : 20px;
	}
}
@media screen and ( max-width : 1024px ){
	.camber-justified-panels.three > div {
		width : 100%;
		margin-bottom : 20px;
	}
}
@media screen and ( max-width : 840px ){
	.camber-justified-panels > div {
		width : 100%;
	}
}

/*******************
	Persona camber - availability table
**********************/

table.camber-availability-table {
	width : 100%;
	border-collapse : collapse;
}
table.camber-availability-table thead tr td {
	background-color : #3dc6f3;
	color : #ffffff;
	font-weight : bold;
}
table.camber-availability-table tbody tr:nth-child(even) td {
	background-color : #f1f2f2;
}
table.camber-availability-table td {
	height  : 70px;
	vertical-align : middle;
	text-align : center;
}
table.camber-availability-table tbody td.data {
	border-left : 2px solid #3dc6f3;
	border-right : 2px solid #3dc6f3;
}
table.camber-availability-table td.data.one {
	width : 110px;
}
table.camber-availability-table td.data.two {
	width : 668px;
}
table.camber-availability-table td.data.three {
	width : 190px;
}
@media screen and ( max-width : 950px ){
	table.camber-availability-table td.data.two {
		width : auto;
	}	
	table.camber-availability-table td:first-child ,
	table.camber-availability-table td:last-child {
		display : none;
	}	
}
@media screen and ( max-width : 600px ){
	table.camber-availability-table td.data.one ,
	table.camber-availability-table td.data.three {
		width : 90px;
	}
	table.camber-availability-table {
		font-size : 1.5rem;
	}
}

/****************
	persona inmotion
	TWO floated images on top of blue bar
*******************/
.target-and-positioning {
	margin-left : -80px;
	margin-right : -80px;
	padding-left : 1090px;
	padding-right : 80px;
	padding-top : 30px;
	padding-bottom : 30px;
}
.target-and-positioning-image {
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
}
.target-and-positioning-image.one {
	left : 190px;
}
.target-and-positioning-image.two {
	left : 637px;
}
@media screen and ( max-width : 1920px ){
	.target-and-positioning {
		margin-left : -4.167vw;
		margin-right : -4.167vw;
		padding-left : 56.771vw;
	}
	.target-and-positioning-image {
		height : 16.927vw;
		width : auto !important;
	}
	.target-and-positioning-image.one {
		left : 9.896vw;
	}
	.target-and-positioning-image.two {
		left : 33.177vw;
	}	
}
@media screen and ( max-width : 1410px ){
	.target-and-positioning-image {
		height : 20vw;
		width : auto !important;
	}
	.target-and-positioning-image.one {
		left : 3vw;
	}
	.target-and-positioning-image.two {
		left : 30.177vw;
	}		
}
@media screen and ( max-width : 1024px ){
	.target-and-positioning-image.one,
	.target-and-positioning-image.two,
	.target-and-positioning-image {
		position : relative;
		left : auto;
		top : auto;
		transform : none;
		display : inline-block;
		width : 48% !important;
		height : auto !important;
		margin-bottom : 30px
	}
	.target-and-positioning-image.one {
		float : left;
	}
	.target-and-positioning-image.two {
		float : right;
	}
	.target-and-positioning {
		padding-left : 80px;
	}	
	.target-and-positioning {
		clear : both;
	}
}
@media screen and ( max-width : 600px ){
	.target-and-positioning-image.two ,
	.target-and-positioning-image.one {
		float : none;
		width : 100% !important;
	}

}
/***************************
	persona inmotion - Decide Your Destiny. Enjoy the Journey.
*****************************/

.decide-your-destiny-table td {
	vertical-align : top;
}
.decide-your-destiny-table td:first-child {
	padding-left : 100px;
	padding-right : 75px;
	width : 968px;
}
@media screen and ( max-width : 1920px ){
	.decide-your-destiny-table td:first-child {
		padding-left : 5.208vw;
		padding-right : 3.906vw;
		width : 50.417vw;
	}	
}
@media screen and ( max-width : 1200px ){
	.decide-your-destiny-table ,
	.decide-your-destiny-table td ,
	.decide-your-destiny-table td:first-child {
		display : block;
		padding-left : 0;
		padding-right : 0;
		width : 100%;
	}
	.decide-your-destiny-table td:first-child {
		padding-bottom : 30px;
	}
}

/******************
	persona inmotion - icon strip
*************************/

ul.icon-strip {
	max-width : 1326px;
	margin : 0 auto;
	font-size : 0;
	line-height : 0;
}
ul.icon-strip li {
	display : inline-block;
	vertical-align : top;
	width : 16%;
	text-align : center;
	line-height : 1.2;
	font-size : 2rem;
}

@media screen and ( max-width : 1090px ){
	ul.icon-strip li {
		width : 33%;
		margin-bottom : 25px;
	}
}

@media screen and ( max-width : 540px ){
	ul.icon-strip li {
		width : 50%;
	}
}
@media screen and ( max-width : 360px ){
	ul.icon-strip li {
		font-size : 1.5rem;
	}
	ul.icon-strip img {
		width : 90px;
	}
}
/******************
	persona novice - features and availability table
*************************/
.features-and-availability-table .show-for-mobile {
	display : none;
}

.features-and-availability-table {
	width : 100%;
}

.features-and-availability-table td:nth-child(2) {
	width : 30%;
}
.features-and-availability-table td {
	vertical-align : middle;
}

table.faa-availability-table {
	width : 100%;
	border-collapse : collapse;
}
table.faa-availability-table thead tr td {
	background-color : #3dc6f3;
	color : #ffffff;
	font-weight : bold;
}
table.faa-availability-table tbody tr:nth-child(even) td {
	background-color : #f1f2f2;
}
table.faa-availability-table td {
	height  : 70px;
	vertical-align : middle;
	text-align : center;
}
table.faa-availability-table tbody td.data {
	border-left : 2px solid #3dc6f3;
	border-right : 2px solid #3dc6f3;
}
table.faa-availability-table td.data.one {
	width : 130px;
}
table.faa-availability-table td.data.two {
	width : 190px;
}
@media screen and (max-width : 890px ){
	.features-and-availability-table .show-for-mobile {
		display : block;
		margin-top : 20px;
	}
	.features-and-availability-table ,
	.features-and-availability-table td.outer {
		width : 100% !important;
		display : block;
	}
	.features-and-availability-table td.outer:last-child {
		display : none;
	}
}

/**********************
	our products - Persona sigma
	similar but differnt to the one one on the persona page
*********************/
section.section-margins.persona-sigma-fitting-cross {
	padding-left : 0;
	padding-right : 0;
}
.persona-sigma-fitting-cross-table {
	width : 100%;
}
.persona-sigma-fitting-cross-table h2 {
	margin-bottom : 20px;
}
.persona-sigma-fitting-cross-table td {
	vertical-align : middle;
}
.persona-sigma-fitting-cross-table td:first-child {
	width : 466px;
}
.persona-sigma-fitting-cross-table td:last-child div {
	padding-right : 612px;
}
.persona-sigma-fitting-cross-table td:last-child p {
	text-align : justify;
	margin-bottom : 20px;
	word-spacing : -2px;
}
.persona-sigma-fitting-cross-table td:last-child p:last-child {
	margin-bottom : 0;
}
img.persona-sigma-fitting-cross-decoration {
	position : absolute;
	top : 50%;
	transform : translateY(-53%);
	right : 50px;
	z-index : 2;
}
@media screen and ( max-width : 1920px ){
	.persona-sigma-fitting-cross-table td:first-child {
		width : 24.271vw;
	}
	.persona-sigma-fitting-cross-table td:last-child div {
		padding-right : 31.875vw;
	}
	img.persona-sigma-fitting-cross-decoration {
		right : 2.604vw;
		width : 26.094vw;
	}
}

/**********************
	persona sigma - Getting Your Sigma HD Lenses
*************************/
.getting-your-lenses-wrapper {
	padding-left : 80px;
	padding-right : 80px;
	margin-bottom : 50px; 
}
table.getting-your-lenses-table {
	width : 100%;
	table-layout : fixed;
}
table.getting-your-lenses-table td {
	padding-top : 35px;
	padding-bottom : 35px;
}
table.getting-your-lenses-table td:nth-child(2){
	width : 30%;
	padding-left : 25px;
	padding-right : 25px;
}
@media screen and ( max-width : 1920px ){
	.getting-your-lenses-wrapper {
		padding-left : 4.167vw;
		padding-right : 4.167vw;
	}
}

@media screen and ( max-width : 1024px ){
	table.getting-your-lenses-table ,
	table.getting-your-lenses-table td {
		display : block;
		width : 100% !important;
	}
}

/**********************
	persona phd - 6 panels
************************/

.phd-justified-panels {
	text-align : justify;
	text-align-last : justify;
}

section.section-margins .phd-justified-panels {
	margin-left : -80px;
	margin-right : -80px;
	margin-bottom : -50px;
}

.phd-justified-panels > div {
	width : 543px;
	display : inline-block;
	vertical-align : top;
	margin-bottom : 50px;
	text-align-last : left;
	min-height : 445px;
}
.phd-justified-panels li ,
.phd-justified-panels h2 {
	text-align : left;
}
.phd-justified-panels > div:nth-child(odd) {
	background-color : #c0e7fa;	
}
.phd-justified-panels > div:nth-child(even) {
	background-color : #f1f2f2;
}

@media screen and ( max-width : 1920px ){
	section.section-margins .phd-justified-panels {
		margin-left : -4.167vw;
		margin-right : -4.167vw;
	}
	.phd-justified-panels > div {
		min-height : 23.177vw;
	}	
}
@media screen and ( max-width : 1740px ){
	.phd-justified-panels > div {
		width : 30%;
	}
}
@media screen and ( max-width : 1024px ){
	.phd-justified-panels > div {
		width : 48%;
	}
}
@media screen and ( max-width : 1024px ) and ( min-width : 641px ){	
	.phd-justified-panels > div:nth-child(4) {
		background-color : #c0e7fa;	
	}
	.phd-justified-panels > div:nth-child(3) {
		background-color : #f1f2f2;
	}
}
@media screen and ( max-width : 640px ){
	.phd-justified-panels > div {
		width : 100%;
	}
}

/***************
order list table
******************/
table.ordered-list-table {
	width : 100%;
	max-width:1500px;
	margin-left:auto;
	margin-right:auto;
	text-align : left;
}
table.ordered-list-table td {
	vertical-align : middle;
}
table.ordered-list-table tr+tr td {
	padding-top : 35px;
}
table.ordered-list-table td:first-child {
	vertical-align : top;
	width : 80px;
}
table.ordered-list-table td:first-child span {
	display : inline-block;
	width : 54px;
	height : 54px;
	border-radius : 9000px;
	background-color : #3dc6f3;
	color : #ffffff;
	font-weight : bold;
	line-height : 54px;
	font-size : 35px;
	text-align : center;
}
table.ordered-list-table tr.has-child-table td {
	padding-top : 0;
}
table.ordered-list-table table.ordered-list-table td:first-child {
	width : 40px;
}
table.ordered-list-table table.ordered-list-table td:first-child span {
	border : 1px solid #3dc6f3;
	color : #3dc6f3;
	width : 30px;
	height : 30px;
	line-height : 30px;
	font-size : 17.5px;
	background-color: #fff;
}
table.ordered-list-table table.ordered-list-table tr+tr td {
	padding-top : 20px;
}
table.ordered-list-table table.ordered-list-table {
	margin-bottom : 3rem;
}

@media screen and ( max-width : 600px ){
	table.ordered-list-table td:first-child {
		width : 50px;
	}
	table.ordered-list-table td:first-child span {
		display : inline-block;
		width : 35px;
		height : 35px;
		line-height : 35px;
		font-size : 25px;
	}
	table.ordered-list-table {
		width : auto;
		margin-left : -15px;
		margin-right : -15px;
	}
}

/************************
	persona vocation - task-specific-design

***************************/
section.section-margins.task-specific-design {
	padding-left : 0;
	padding-right : 0;
	padding-top : 165px;
	padding-bottom : 145px;
}

section.task-specific-design .padded-content {
	padding-right : 60px;
	padding-left : 530px;
}
section.task-specific-design .floated-task-image {
	position : absolute;
	left : 134px;
	top : 50%;
	transform : translateY(-50%);
	z-index : 2;
}
@media screen and ( max-width : 1920px ){
	section.section-margins.task-specific-design {
		padding-top : 8.594vw;
		padding-bottom : 7.552vw;
	}

	section.task-specific-design .padded-content {
		padding-right : 3.125vw;
		padding-left : 27.604vw;
	}
	section.task-specific-design .floated-task-image {
		left : 6.979vw;
		width : 17.24vw
	}
}
@media screen and ( max-width : 840px ){
	section.task-specific-design .padded-content {
		padding-left : 3.125vw;
	}
	section.task-specific-design .floated-task-image {
		display : none;
	}
}
@media screen and ( max-width : 768px ){

}
/*********************
	persona office - 3 Simple Versions
*************************/

.yet-another-justified-panel-wrapper {
	text-align : justify;
	text-align-last : justify;
}

.yet-another-justified-panel-wrapper > div {
	margin-bottom : 3rem;
	display : inline-block;
	vertical-align : top;
	width : 420px;
	text-align : center;
	text-align-last : center;
}

@media screen and ( max-width : 1700px ){
	.yet-another-justified-panel-wrapper > div {
		width : 30%;
	}
}
@media screen and ( max-width : 690px ){
	.yet-another-justified-panel-wrapper > div {
		width : 100%;
	}
}

/*******************
	persona SV - uneven column table
*******************/

section.section-margins.no-margins.sv-uneven-columns {
	padding : 70px 0;
}

table.sv-uneven-columns {
	width : 100%;
}
table.sv-uneven-columns td {
	vertical-align : top;
	padding-top : 50px;
	padding-bottom : 50px;
}
table.sv-uneven-columns td:first-child {
	background-color : #c0e7fa;
	padding-left : 80px;
	padding-right : 80px;
	width : 58%;
}
@media screen and ( max-width : 1920px ){
	section.section-margins.no-margins.sv-uneven-columns {
		padding : 3.646vw 0;
	}
	table.sv-uneven-columns td:first-child {
		padding-left : 4.167vw;
		padding-right : 4.167vw;
	}
	table.sv-uneven-columns td:last-child {
		padding-left : 3.646vw;
		padding-right : 3.646vw;
	}
}

@media screen and ( max-width : 900px ){
	table.sv-uneven-columns ,
	table.sv-uneven-columns td ,
	table.sv-uneven-columns tr {
		width : 100% !important;
		display : block;
	}
	table.sv-uneven-columns td:first-child ,
	table.sv-uneven-columns td:last-child {
		padding-left : 4.167vw;
		padding-right : 4.167vw;
	}
}

/*******************
	persona officeplus - features
*******************/
section .features-wrapper  {
	margin-left : -80px;
	margin-right : -80px;
	padding-right : 906px; 
	margin-top : 100px;
}
section .features-image {
	position : absolute;
	z-index : 2;
	top : 125px;
	right : 70px;
}
@media screen and ( max-width : 1920px ){
	section .features-wrapper  {
		margin-left : -4.167vw;
		margin-right : -4.167vw;
		padding-right : 47.188vw; 
		margin-top : 5.208vw;
	}
	section .features-image {
		right : 3.646vw;
		width : 43.75vw;
	}
}

@media screen and ( max-width : 900px ){
	section .features-image {
		position : relative;
		margin : 0 auto 20px auto;
		top : auto;
		right : auto;
		width : auto;
	}
	section .features-wrapper  {
		margin-top : 0;
		padding-right : 2.344vw;
	}
}

/*************************
	persona ultimate - Why Should I Personalize my Lenses?

**************************/
section.no-side-margins {
	padding-left : 0 !important;
	padding-right : 0 !important;
}
table.tall-image-in-middle {
	width : 100%;
	table-layout : fixed;
}
table.tall-image-in-middle td {
	vertical-align : middle;
}
table.tall-image-in-middle td:nth-child(2) {
	width : 231px;
}
@media screen and ( max-width : 1920px ){
	table.tall-image-in-middle td:nth-child(2) {
		width : 12.031vw;
	}
}
@media screen and ( max-width : 900px ){
	table.tall-image-in-middle ,
	table.tall-image-in-middle tr ,
	table.tall-image-in-middle td {
		display : block;
		width : 100%;
	}
	table.tall-image-in-middle td:first-child {
		margin-bottom : 30px;
	}
	table.tall-image-in-middle td:nth-child(2) {
		display : none;
	}
}

/*************************
	persona ultimate - big table of personalization

**************************/

.ultimate-personalize-table {
	width : 100%;
}
.ultimate-personalize-table td {
	vertical-align : top;
	text-align : left;
	padding-top : 60px;
}
.ultimate-personalize-table img {
	margin-bottom : -30px;
}
.ultimate-personalize-table img ,
.ultimate-personalize-table p ,
.ultimate-personalize-table h2 {
	margin-left : auto;
	margin-right : auto;
	display : block;
	width : 420px;
}

.ultimate-personalize-table p ,
.ultimate-personalize-table h2 {
	padding-left : 15px;
	padding-right : 0;
}

.ultimate-personalize-table tr:nth-child(even) {
	background-color : #c0e7fa;
}

.ultimate-personalize-table tr:nth-child(even) td {
	padding-bottom : 30px;
}
.ultimate-personalize-table td {
	width : 525px;
}
.ultimate-personalize-table td:first-child ,
.ultimate-personalize-table td:last-child {
	width : auto;
}
.ultimate-personalize-table.by-two ,
.ultimate-personalize-table.by-one {
	display : none;
}
@media screen and ( max-width : 1370px ){
	.ultimate-personalize-table.by-three {
		display : none;
	}
	.ultimate-personalize-table.by-two {
		display : table;
	}
}
@media screen and ( max-width : 900px ){
	.ultimate-personalize-table.by-two {
		display : none;
	}
	.ultimate-personalize-table.by-one {
		display : table;
	}
}
@media screen and ( max-width : 480px ){
	.ultimate-personalize-table td:first-child ,
	.ultimate-personalize-table td:last-child {	
		display : none;
	}
	
	.ultimate-personalize-table img ,
	.ultimate-personalize-table h2 ,
	.ultimate-personalize-table p {
		width : 100%;
	}
}


/*************************
	generic show-hide classes
***************************/

.show-under-1024px {
	display : none;
}

@media screen and ( max-width : 1024px ){
	.show-under-1024px {
		display : block;
	}
	.show-under-1024px.fitting-cross {
		margin : 0 auto;
	}
	.persona-camber-fitting-cross-decoration {
		display : none;
	}
	.hide-under-1024px {
		display : none;
	}
}

.show-under-800px {
	display : none;
}

@media screen and ( max-width : 800px ){
	.show-under-800px {
		display : block;
	}
	.hide-under-800px {
		display : none;
	}
}
@media screen and ( max-width : 550px ){
	.hide-under-550px {
		display : none;
	}
}

/*--------------------------------------------------------------
# Alignment
--------------------------------------------------------------*/

.align-left ,
.align-left * ,
.align-center .align-left ,
.align-center .align-left * {
	text-align : left;
}
.align-right  ,
.align-right * ,
.align-center .align-right  ,
.align-center .align-right * {
	text-align : right;
}
.align-center ,
.align-center * {
	text-align : center;
}

/*****************
	.table-layout
******************/
div.table-layout {
	width : 100%;
	display : table;
	table-layout : fixed;
}
div.table-layout > div.tr {
	display : table-row;
}
div.table-layout > div.tr > div.td {
	display : table-cell;
	vertical-align : top;
}
.table-layout {
	width : 100%;
	display : table;
	table-layout:fixed;
}
.table-layout > .tr {
	display : table-row;
	width : 100%;
}
.table-layout > .tr > .td {
	display : table-cell;
}

.table-layout > .tr > .td img {
	max-width : 100%;
	height : auto !important;
}

.table-layout > .tr > .td {
	vertical-align : top;
}
.table-layout.h-pad > .tr > .td {
	padding-left : 25px;
	padding-right : 25px;
}
.table-layout.h-pad > .tr > .td:first-child {
	padding-left : 0;
}
.table-layout.h-pad > .tr > .td:last-child {
	padding-right : 0;
}
/***************************
	Services page
****************************/
.two-spaced-blue-panels {
	display : flex;
	justify-content : space-around;
}
.two-spaced-blue-panels .spaced-blue-panel {
	display : inline-block;
	background-color : #c0e7fa;
	padding : 35px 50px;
	vertical-align : top;
	width : 577px;
}
/* .two-spaced-blue-panels .spaced-blue-panel+.spaced-blue-panel {
	margin-left : 100px;
} */
@media screen and ( max-width : 1400px ){
	.two-spaced-blue-panels .spaced-blue-panel {
		width : 41.214vw;
		padding : 35px 50px;
	}
	/* .two-spaced-blue-panels .spaced-blue-panel+.spaced-blue-panel {
		margin-left : 7.143vw;
	} */
}
@media screen and ( max-width : 1080px ){
	.two-spaced-blue-panels {
		display : block;
	}
	.two-spaced-blue-panels .spaced-blue-panel {
		width : 100%;
		display : block;
		padding : 25px 25px;
	}
	.two-spaced-blue-panels .spaced-blue-panel+.spaced-blue-panel {
		margin-left : 0;
		margin-top : 30px;
	}
}

/***************************
	Coatings page
****************************/
div.justified-checks {
	display : block;
	width : 100%;
	text-align : justify;
	text-align-last : justify;
}
div.justified-checks > span.check {
	display : inline-block;
	text-align : center;
	font-weight : bold;
	font-size : 2.5rem;
	vertical-align : top;
	padding : 95px 15px 25px 15px;
	
	background-image: url(img/blue-check.png);
	background-position : center top;
	background-repeat : no-repeat;
}
/***************************
	Contact Us Page
****************************/

.contact-form-wrapper-1 {
	display : flex;
	flex-wrap : wrap;
	row-gap : 50px;
	justify-content : space-between;
	margin-bottom : 25px;
}
.contact-form-wrapper-1 > * {
	flex-basis: 47%;
}
.contact-form-wrapper-1 label:last-child {
	flex-basis : 100%;
}
.contact-form-wrapper-2 {
	display : flex;
	justify-content : space-between;
	align-items : center;
	margin-bottom : 200px;
}
.contact-form-wrapper-2 > :last-child {
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 0;   /* do not shrink - initial value: 1 */
	flex-basis: 200px; /* width/height  - initial value: auto */
	text-align : right;
}
[data-wpcf7-id="4111"] form.wpcf7-form {
	position : relative;
}
.contact-form-thankyou {
	display : none;
	position : absolute;
	left : 50%;
	top : 50%;
	width : 1076px;
	min-height : 497px;
	max-width : 90%;
	transform : translate(-50%,-50%);
	/* padding : 0 200px; */
	background-color : #a3a9f5;
	flex-direction : column;
	justify-content : center;
	align-items : center;
	z-index : 999;
	text-align : center;
}
[data-wpcf7-id="4111"] [data-status="sent"] .contact-form-thankyou {
	display : flex;
}
[data-wpcf7-id="4111"] form.cft-closed .contact-form-thankyou {
	display : none;
}
.contact-form-thankyou .cft-close {
	position : absolute;
	right : 60px;
	top : 45px;
	display : block;
	line-height : 0;
	width : 28px;
	height : 28px;
}
.contact-form-thankyou .cft-close img {
	display : block;
	width : 28px;
	height : 28px;
}
.contact-form-thankyou h3 {
	font-size : 64px;
	line-height : 1;
	font-family: 'PP Editorial New';
	font-weight : 200;
	color : #000000;
	
}
.contact-form-thankyou p {
	font-size : 25px;
	line-height : 1;
	font-weight : 500;
	color : #000000;
	line-height : 40px;
}

/* .three-two-or-one-spaced {
	text-align : justify;
	text-align-last : justify;
	max-width : 1571px;
}

.three-two-or-one-spaced > div.cell {
	padding : 35px 20px 35px 45px;
	width  : 482px;
	display : inline-block;
	vertical-align : top;
	text-align : left;
	text-align-last : left;
}
.three-two-or-one-spaced > div.cell.light-blue-background {
	margin-bottom : 40px;
}
@media screen and ( max-width : 1700px ){
	.three-two-or-one-spaced > div.cell {
		padding : 2.059vw 0 2.059vw 2.647vw;
		width  : 28.353vw;
	}
	.three-two-or-one-spaced > div.cell.light-blue-background {
		padding : 2.059vw 1.176vw 2.059vw 2.647vw;
		margin-bottom : 2.353vw;
	}
}
@media screen and ( max-width : 1280px ){
	.three-two-or-one-spaced > div.cell {
		width : 48%;
		padding : 30px;
	}
	.three-two-or-one-spaced > div.cell.light-blue-background {
		margin-bottom : 30px
	}
}
@media screen and ( max-width : 900px ){
	.three-two-or-one-spaced > div.cell.light-blue-background ,
	.three-two-or-one-spaced > div.cell {
		width : 100%;
	}	
} */

/*******************
	responsive video embeds
******************/
.outer-video-container { max-width : 700px; }
.full-width-video .outer-video-container { max-width : 100%; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/************************
	about us
***************************/
.blue-panels-table {
	width : 100%;
	border-collapse : separate;
}
.blue-panels-table td {
	width : 50%;
	padding : 35px 50px;
	background-color : #c0e7fa;
}
.blue-panels-table td:first-child {
	border-right : 20px solid #fff;
}
.blue-panels-table td:last-child {
	border-left : 20px solid #fff;
}
@media screen and ( max-width: 900px ){
	.blue-panels-table ,
	.blue-panels-table tbody ,
	.blue-panels-table tr ,
	.blue-panels-table td ,
	.blue-panels-table td:first-child ,
	.blue-panels-table td:last-child {
		display : block;
		width : 100%;
		border-left : none;
		border-right : none;
	}
	.blue-panels-table td:first-child {
		margin-bottom : 40px;
	}
	.blue-panels-table td {
		padding : 30px 30px;
	}
}

/************************
	Kodak Lens
**************************/

.kodak-justified-panels {
	text-align : justify;
	text-align-last: justify;
}
.kodak-justified-panels > div {
	background-color : #c0e7fa;
	padding : 35px;
	display : inline-block;
	vertical-align : top;
	width : 525px;
	margin-bottom : 40px;
}

.kodak-justified-panels h3 {
	text-align : left;
	text-align-last : left;
}

.floating-block-image {
	float : right;
	margin-left : 50px;
}
section.block-image-on-right {
	border-bottom : 2px solid #a4a5a8;
	margin-top : -110px
}
section.block-image-on-right .page-title {
	font-size : 30px;
	padding-top : 93px;
	margin-bottom : 40px;
}
section.block-image-on-right > article > p:last-child {
	padding-bottom : 50px;
}

section.block-image-on-right p.page-sub-title {
	margin-bottom : 30px
}

section.block-image-on-right hr.title-hr {
	margin-bottom : 40px
}
@media screen and ( max-width : 730px ) {
	.floating-block-image {
		display : none;
	}
}

/*********************
	Shaw Lense
**************************/

.shaw-two-panels {
	text-align : justify;
	text-align-last : justify;
}
.shaw-two-panels h3 {
	text-align : left;
	text-align-last : left;
}
.shaw-two-panels > div.panel {
	background-color : #c0e7fa;
	padding : 40px 35px;
	width : 870px;
	margin-bottom : 35px;
	display : inline-block;
	vertical-align : top;
	text-align-last : left;	
}
@media screen and ( max-width : 1920px ) {
	.shaw-two-panels > div.panel {
		width : 44vw;
	}	
}
@media screen and ( max-width : 900px ) {
	.shaw-two-panels > div.panel {
		display : block;
		width : 100%;
	}
}


table.lense-availability-table {
	width : 100%;
	border-collapse : collapse;
	table-layout : fixed;
}
table.lense-availability-table thead tr td {
	background-color : #3dc6f3;
	color : #ffffff;
	font-weight : bold;
}
table.lense-availability-table tbody tr:nth-child(even) td {
	background-color : #f1f2f2;
}
table.lense-availability-table td {
	height  : 70px;
	vertical-align : middle;
	text-align : center;
}
table.lense-availability-table tbody td.data {
	border-left : 2px solid #3dc6f3;
	border-right : 2px solid #3dc6f3;
}
@media screen and ( min-width : 801px ){
	table.lense-availability-table td.data.one {
		width : 217px;
	}
	table.lense-availability-table td.data.two {
		width : 177px;
	}
	table.lense-availability-table td.data.three {
		width : 164px;
	}
	table.lense-availability-table td.data.four {
		width : 156px;
	}
}
@media screen and ( max-width : 600px ){
	table.lense-availability-table td:first-child ,
	table.lense-availability-table td:last-child {
		display : none;
	}
}

.three-notes {
	text-align : justify;
	text-align-last : justify;
	width : 1000px;
	margin : 35px auto 0 auto;
}
.three-notes > div {
	display : inline-block;
	text-align : left;
	text-align-last : left;
}
@media screen and ( max-width : 1100px ){
	.three-notes > div {
		width : 100%;
	}
}

/***********************
	signature-hd-section-two
***********************/

.signature-hd-section-two {
	padding-top : 80px;
	padding-bottom : 90px;
	padding-left : 838px;
	background-image : url(../../uploads/2019/08/Product-Pages-Professional-Signature-two.jpg);
	background-repeat : no-repeat;
	background-size : auto 100%;
	background-size : contain;
}
.signature-hd-section-two article {
	background-color : #c0e7fa;
	padding  : 75px 80px;
}
.signature-hd-section-two article p {
	margin-bottom : 75px;
}
@media screen and ( max-width : 1920px ){
	.signature-hd-section-two {
		padding-top : 4.167vw;
		padding-bottom : 4.688vw;
		padding-left : 43.646vw;
	}
	.signature-hd-section-two article {
		padding  : 3.906vw 4.167vw;
	}
	.signature-hd-section-two article p {
		margin-bottom : 3.906vw;
	}
}
@media screen and ( max-width : 1000px ){
	.signature-hd-section-two {
		padding-top : 0;
		padding-bottom : 0;
		padding-left : 0;
		padding-right : 0;
	}
	.signature-hd-section-two article {
		padding  : 35px 50px;
	}
	.signature-hd-section-two article p {
		margin-bottom : 50px;
	}
}
.signature-outer-table {
	width : 100%;
}
.signature-outer-table > tbody > tr > td:first-child {
	background-color : #c0e7fa;
	padding : 100px 80px;
	width : 852px;
}

table.lense-material-table {
	width : 100%;
	border-collapse : collapse;
}
table.lense-material-table thead tr td {
	background-color : #3dc6f3;
	color : #ffffff;
	font-weight : bold;
}
table.lense-material-table tbody tr:nth-child(even) td {
	background-color : #f1f2f2;
}
table.lense-material-table td {
	height  : 70px;
	vertical-align : middle;
	text-align : center;
}
table.lense-material-table tbody td.data {
	border-left : 2px solid #3dc6f3;
	border-right : 2px solid #3dc6f3;
	padding : 0 20px;
}
table.lense-material-table td.data.one {
	width : 484px;
}
table.lense-material-table td.data.two {
	width : 277px;
}

@media screen and ( max-width : 1920px ){
	.signature-outer-table > tbody > tr > td:first-child {
		padding : 5.208vw 4.167vw;
		width : 44.375vw;
	}
}
@media screen and ( max-width : 920px ){
	.signature-outer-table ,
	.signature-outer-table > tbody ,
	.signature-outer-table > tbody > tr ,
	.signature-outer-table > tbody > tr > td {
		display : block;
	}
	.signature-outer-table > tbody > tr > td:first-child {
		padding : 30px;
		width : 100%;
	}
}

/*******************
	product page - members products (kodak, etc)
********************/

.member-products {
	text-align : justify;
	text-align-last: justify;
	padding : 100px 140px;
	background-image : url(../../uploads/2019/08/Professional-Site_Our-Products.jpg);
	background-size : cover;
	min-height : 608px;
	background-position : center bottom;
}
@media screen and ( max-width : 1920px ){
	.member-products {
		padding : 5.208vw 7.292vw;
		min-height : 31.667vw;
	}
}
@media screen and ( max-width : 1250px ){
	.member-products {
		text-align : justify;
		text-align-last: center;
	}
	.member-products a {
		display : inline-block;
		vertical-align : top;
		margin : 0 30px 40px 30px;
	}
}
@media screen and ( max-width : 980px ){
	.member-products {
		text-align : center;
		text-align-last: center;
	}
	.member-products a {
		display : block;
		vertical-align : top;
		margin : 0 auto 40px auto;
		max-width : 339px;
	}
}


/**********************

	show-hide some in-page content based on login state

**********************/

.member-logged-in .hide-for-members ,
.member-logged-in .show-for-public ,
.show-for-members {
	display : none !important;
}
.member-logged-in .show-for-members {
	display : block !important;
}
.member-logged-in .show-for-members.inline {
	display : inline !important;
}
.member-logged-in .show-for-members.inline-block {
	display : inline-block !important;
}

/**********************

	menu highlight (triangle) in the bottom of the header

**********************/

.menu-highlight {
	display : none;
}

.menu-highlight.is-active {
	display : block;
	position : absolute;
	bottom : 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 19px 14px 19px;
	border-color: transparent transparent #a7a9ac transparent;
	z-index : 9;
}

.member-logged-in .menu-highlight.is-active ,
.member-template .menu-highlight.is-active {
	border-color: transparent transparent #3dc6f3 transparent;	
}
.logo-wrapper img {
	max-width : 320px;
}
.logo-wrapper img.mobile {
	max-width : 240px;
}
@media screen and ( max-width : 1240px ){
	.menu-highlight.is-active {
		display : none;
	}
}
@media screen and ( min-width : 491px ){
	.logo-wrapper img.mobile {
		display : none;
	}
}
@media screen and ( max-width : 490px ){
	.logo-wrapper img.desktop {
		display : none;
	}
}
@media screen and ( max-width : 385px ){
	.logo-wrapper {
		margin-top : 20px;
	}
}
/**********************
	
	Where to buy page (map)

***********************/
.table-layout.map-table {
	table-layout : fixed;
}
.table-layout.map-table > .tr > .td:last-child {
	width : 385px;
}
.table-layout.map-table > .tr > .td:first-child {
	border-right : 60px solid white;
}
.error-bucket .error {
	color: red;
	display : none;
}
.table-layout.map-table > .tr > .td:last-child h2.blue-text {
	padding-left : 20px;
}
.location-list {
	list-style : none;
	padding : 0;
	margin : 0;
}

.location-list li {
	background-color : #f3f2f3;
	padding : 13px 18px;
	margin-bottom : 15px;
	margin-right : 15px;
	border : 2px solid #f3f2f3;
	cursor : pointer;
}
.infowindow-content p,
.location-list p {
	margin-bottom : 15px;
	color : #000000;
}
.infowindow-content strong {
	font-weight : 400;
}
.infowindow-content p:last-child,
.location-list p:last-child {
	margin-bottom : 0;
}

#map-container {
	height : 800px;
}
.location-list li.is-active {
	border-color : #3dc6f3;
}
.location-list li.is-active .location-title {
	color : #3dc6f3;
}

#map-container img {
	max-width : auto;
	vertical-align : auto;
}

#map-container button,
#map-container input[type="button"],
#map-container input[type="reset"],
#map-container input[type="submit"] {
	color: #A3A9F5 !important;
	min-width : 0;
}

.scrolling-list-container {
	height : 740px;
	overflow-y : scroll;
	overflow-x : hidden;
	position : relative;
}

.infowindow-content {
	font-family: "Inter", sans-serif;
	font-weight : 400;
	color : #000000;
	line-height : 1.2;
	font-size : 2rem;
}
.infowindow-content .focus-on-pin {
	display : none !important;
}

@media screen and ( max-width : 1920px ){
	.table-layout.map-table > .tr > .td:first-child {
		border-width : 3.125vw;
	}
}
@media screen and ( max-width : 1024px ){
	.table-layout.map-table > .tr > .td:last-child {
		width : 300px;
		font-size : 1.8rem;
	}
}
@media screen and ( max-width : 800px ){
	.scrolling-list-container {
		height : 300px;
		overflow-y : hidden;
		overflow-x : scroll;
		position : relative;
	}	
	.table-layout.map-table ,
	.table-layout.map-table > .tr ,
	.table-layout.map-table > .tr > .td {
		display : block !important;
		width:100% !important;
	}
	.table-layout.map-table > .tr > .td:first-child {
		border-width : 0;
		margin-bottom : 2rem;
	}
	.table-layout.map-table > .tr > .td:last-child h2.blue-text {
		padding-left : 0;
	}
	#map-container {
		height : 100vw;
		max-height : 600px;
		min-height : 300px;
	}
	.location-list {
		white-space : nowrap;
		position : relative;
		height : 100%;
	}
	.location-list li {
		display : inline-block;
		vertical-align : top;
		height : 90%;
	}
}

/* !important is needed sometimes */
.scrolling-list-container::-webkit-scrollbar {
	width: 12px !important;
}

/* Track */
.scrolling-list-container::-webkit-scrollbar-track {
	-webkit-box-shadow: none !important; 
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #f1f1f1 !important; 
}

/* Handle */
.scrolling-list-container::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #969696 !important; 
	-webkit-box-shadow: none !important; 
	height : 100px;
}
.scrolling-list-container::-webkit-scrollbar-thumb:window-inactive {
	background: #f1f1f1 !important; 
}

/*------------------------------------*\
    busy overlay
\*------------------------------------*/
div#busy-overlay {
	position : absolute;
	width : 100%;
	height : 100%;
	z-index : 9999;
	display : none;
	left : 0px;
	top : 0px;
	background : rgba( 255,255,255,0.8 );
}
div#busy-overlay span {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%,-50%);
}
body > div#busy-overlay {
	position : fixed;
}

/*------------------------------------*\
    image on left, image on right 
	(we could just float them but that would not be very responsive on small screens.
\*------------------------------------*/
table.side-image td {
	vertical-align : top;
}
table.side-image td.img img {
	width : 100%;
	height : auto !important;
}

table.side-image.image-on-left td:first-child ,
table.side-image.image-on-right td:last-child {
	width : 30%;
}

@media screen and ( max-width : 1024px ){
	table.side-image.image-on-left td:first-child ,
	table.side-image.image-on-right td:last-child {
		width : 200px;
	}
}
@media screen and ( max-width : 640px ){
	table.side-image.image-on-left td:first-child ,
	table.side-image.image-on-right td:last-child {
		width : 150px;
	}
}
@media screen and ( max-width : 490px ){
	table.side-image.image-on-left td:first-child ,
	table.side-image.image-on-right td:last-child {
		display : none;
	}
}
.landing-page-wrapper {
	position : relative;
}
.landing-page-wrapper .made-in-canada {
	width : 182px;
	position : absolute;
	left : 140px;
	top : 700px;
	z-index : 3;
	display : block;
}
@media screen and ( max-width : 1920px ){
	.landing-page-wrapper .made-in-canada {
		width : 9.479vw;
		left : 7.292vw;
		top : 36vw;
	}
}
@media screen and ( max-width : 1650px ){
	.landing-page-wrapper .made-in-canada {
		top : 46vw;
	}	
}
@media screen and ( max-width : 1380px ){
	.landing-page-wrapper .made-in-canada {
		width : 14vw;
	}
}
@media screen and ( max-width : 1150px ){
	.landing-page-wrapper .made-in-canada {
		top : 46vw;
		width : 12vw;
	}
}

@media screen and ( max-width : 1100px ){
	.landing-page-wrapper .made-in-canada {
		top : 48vw;
		/* display : none; */
	}
}
@media screen and ( min-width : 901px ){
	.location-search .made-in-canada.mobile {
		display : none;
	}
}
@media screen and ( max-width : 900px ){
	.landing-page-wrapper .made-in-canada {
		display : none !important;
	}
}
.location-search {
	position : relative;
}
.location-search .made-in-canada {
	/* width : 200px; */
	position : absolute;
	right : 140px;
	bottom : 100px;
	z-index : 3;
	display : block;
}
@media screen and ( max-width : 1920px ){
	.location-search .made-in-canada {
		right : 7.292vw;
	}
}

@media screen and ( max-width : 1180px ){
	.location-search .made-in-canada {
		position : relative;
		display : block;
		/* width : 300px; */
		max-width : 100%;
		margin : 20px auto 20px auto;
		bottom : auto;
		right : auto;
	}
}

p.return-button.on-ecp-page {
	float : left;
}
p.local-support-image {
	clear : none;
	text-align : center;
}
@media screen and ( max-width : 780px ){
	p.return-button.on-ecp-page {
		float : none;
	}
	p.local-support-image img {
		width : 100%;
	}
}


/*
Header logo
*/
.logo-wrapper {
	display : inline-block;
	vertical-align : middle;
	position : relative;
	padding-top : 25px;
	padding-bottom : 25px;	
}

.new-icon-strip {
	display : flex;
	justify-content : space-around;
	flex-direction : row;
	/* margin : 0 -20px 0 -20px; */
	/* margin : 0 auto; */
	margin : 0 0;
	padding : 0 0;
}
.new-icon-strip > * {
	display : inline-block;
	text-align : center;
	line-height : 1.2;
	font-size : 2rem;
	max-width : 200px;
	margin : 0 20px;
}

table.two-columns-image-left {
	width : 100%;
}
table.two-columns-image-left td {
	vertical-align : top;
}
table.two-columns-image-left td:first-child {
	width : 400px;
	padding-right : 30px;
}

@media screen and ( max-width : 1024px ){
	table.two-columns-image-left ,
	table.two-columns-image-left td {
		display : block;
		width : 100% !important;
		padding-right : 0 !important;
	}
}
section.post-1793 + section.post-719 ,
main + section.post-3534 ,
main + section.post-3382 ,
section.post-1791 + section.post-682 ,
section.post-1791 + section.post-682 ,
section.post-3531 + section.post-721 ,
section.post-3300 + section.post-680 {
	margin-top : 70px;
}
/* 
section.post-759,
section.post-787,
.page-id-399 .floating-person-image,
.page-id-372 .floating-person-image {
	display : none !important;
}
 */
.logos-section {
	padding-top : 80px;
	padding-bottom : 60px;
}
.logos-section .logos-button {
	padding-top : 60px;
	text-align : center;
}
html body .swiper-wrapper {
	-webkit-transition-timing-function:linear!important; 
	-o-transition-timing-function:linear!important;
	transition-timing-function:linear!important; 
	max-height: 100%;
	height: 100%;
}
html body .swiper-slide {
	width: auto !important;
	flex-shrink: 0;
	display: inline-flex;
	height: 100%;
	max-height: 100%;
	flex-direction : column;
	justify-content : center;
}
html body .swiper {
	height : 90px;
	width : 100%;
}

.page-title-banner {
	position : relative;
	background-image : url(./img/page-title-banner.jpg);
	background-size : cover;
	background-position : center center;
	font-weight: 400;
	font-size: 27px;
	line-height: 45px;
	letter-spacing: 0.04em;
	
}
.page-title-banner *,
.page-title-banner {
	color : #ffffff !important;
}
.page-title-banner > div {
	padding-top : 230px;
	min-height : 572px;
}

.page-title-banner h1 {
	color : #ffffff;
	font-family: 'PP Editorial New';
	font-weight : 200;
	font-size: 96px;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom : 0;
	
}
.page-title-banner h1 sup {
	font-size : 48px;
	vertical-align: top;
	margin-top : 0.5em;
	margin-left : 0.25em;
	display : inline-block;
}
.page-title-banner h1 + * {
	margin-top : 60px;
}
@media screen and ( max-width : 1024px ){
	.page-title-banner {
		font-size : 25px;
	}
	.page-title-banner h1 {
		font-size: 70px;
	}
	.page-title-banner h1 sup {
		font-size : 40px;
	}
	.page-title-banner h1 + * {
		margin-top : 40px;
	}
	.page-title-banner > div {
		padding-top : 40px;
		padding-bottom : 40px;
		display : flex;
		flex-direction : column;
		justify-content : center;
	}
}
.medium-text {
	font-size: 27px;
}
/* .large-text {
	font-size: 36px;
} */
.small-text {
	font-size: 20px;
}
.big-margin {
	margin-bottom : 130px;
}
.inline-section {
	padding-top : 120px;
	padding-bottom : 120px;
	margin-top : 120px;
	margin-bottom : 120px;
}
.font-family-inter {
	font-family: "Inter", sans-serif;
}
.font-size-16 {
	font-size : 16px;
}
.font-size-20 {
	font-size : 20px;
}
.font-size-27 {
	font-size : 27px;
}

.font-size-32 {
	font-size : 32px;
}
.font-size-38 {
	font-size : 38px;
}
.font-size-48 {
	font-size : 48px;
}
.font-weight-200 {
	font-weight : 200;
}
.font-weight-400 {
	font-weight : 400;
}
.font-weight-500 {
	font-weight : 500;
}
.make-strong-bigger strong {
	font-size : 150%;
}
.font-family-pp-editorial-new {
	font-family: 'PP Editorial New';
}
main > section.section-padding:first-child {
	padding-top : 170px;
}
@media screen and ( max-width : 1024px ){
main > section.section-padding:first-child {
	padding-top : 60px;
}
}
/* main > section.section-padding:last-child {
	padding-top : 170px;
}
*/
.line-height-1 {
	line-height : 1;
} 
.line-height-2 ,
.double-line-height {
	line-height : 2;
} 
.line-height-41 {
	line-height : 41px;
} 
.line-height-47 {
	line-height : 47px;
}
.line-height-50 {
	line-height : 50px;
}
.line-height-1-67 {
	line-height : 1.67;
}
.margin-top-100 {
	margin-top : 100px;
}
.no-bottom-margin {
	margin-bottom : 0 !important;
}
.contact-columns {
	margin-bottom : 160px;
}
.contact-columns > :last-child {
	flex-basis : 760px !important;
	flex-shrink : 0 !important;
	flex-grow : 0 !important;
}
@media screen and ( max-width : 1240px ){
	.contact-columns {
		flex-wrap : wrap !important;
	}
	.contact-columns > :first-child,
	.contact-columns > :last-child {
		flex-basis : 100% !important;
		flex-shrink : 1 !important;
		flex-grow : 1 !important;
	}
	h2 {
		font-size: 60px;
	}
}

.riverside-locations {
	display : flex;
	flex-wrap : wrap;
	row-gap : 60px;
	font-size : 20px;
}
.riverside-locations > * {
	flex-basis : 253px;
	flex-shrink : 0;
}
.riverside-locations .hide-from-listing {
	display : none;
}

.page-id-368 .logos-section .logos-button,
.page-id-370 .logos-section .logos-button {
	display : none;
}