@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400&display=swap');


html {
	 
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;

} 
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
 
 
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
html, body {
	height: 100%;
	font-size: 100%
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
 
img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	display: inline-block;
	vertical-align: middle
}
fieldset {
	border: 1px solid #ddd;
	padding: 1.25rem;
	margin: 1.125rem 0
}
fieldset legend {
	font-weight: bold;
	background: #fff;
	padding: 0 0.1875rem;
	margin: 0;
	margin-left: -0.1875rem
}
.right {
	float: right !important
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
.row {
	width: 100%;
	margin: 0 auto;
	max-width: 62.5rem;
*zoom:1
}
.row .row {
	width: auto;
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none;
*zoom:1
}
.row:before, .row:after {
	content: " ";
	display: table
}
.row:after {
	clear: both
} 
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { line-height: 1.2
}
a {
	text-decoration: none;
	line-height: inherit
}
a img {
	border: none
}
p {
	font-family: inherit;
	font-weight: normal;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	text-rendering: optimizeLegibility
}
 
ul, ol, dl {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	list-style-position: outside;
	font-family: inherit
}
dl dt {
	margin-bottom: 0.3rem;
	font-weight: bold
}
dl dd {
	margin-bottom: 0.75rem
}
ul {
	margin-left: 1.1rem
}
ul li ul, ul li ol {
	margin-left: 1.25rem;
	margin-bottom: 0
}
ol {
	margin-left: 1.4rem
}
a:hover {
	cursor: pointer
}
 


@media only screen and (min-width: 64.063em) {
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
	display: none !important
}
} 



header {
	z-index: 1042 !important;
	position: fixed !important;
	width: 100%;
	top: 0px;
	left: 0px;
	box-shadow: 0px 0px 15px -4px rgba(20,20,20,0.4) !important;
	/*background: #fff;*/
	transition: 0.5s all ease-in-out !important
}

@media only screen and (max-width: 64em) {
header {
	display: none !important
}
}

@media only screen and (min-width: 64.1em) {
.home header {
	background: none;
	box-shadow: none !important
}
}

@media only screen and (max-width: 64em) {
.home header {
	background: #fff
}
}
.home header.scrolled {
	background: #171047;  
	box-shadow: 0px 0px 15px -4px rgba(20,20,20,0.4) !important; 
}
header.scrolled {
	top: -4px
}
header.scrolled .logo {
	margin-top: 0 !important
}
header.scrolled h4 {
	margin-top: 6px !important
}
header.scrolled .bottom {
	padding: 8px 20px
}
header.scrolled .bottom .logo-holder img {
	max-height: 80px
}
header h1 {
	margin-bottom: 0px
}
header .top {
	background: #fff;
	max-width: 100%
}
header .top .inner {
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: space-between;
	max-width: 1600px;
	padding: 14px 20px
}

@media screen and (max-width: 1200px) {
header .top .inner {
	padding: 10px 20px
}
}
header .top .inner .content {
	text-transform: uppercase;
	display: flex;
	align-items: center
}
header .top .inner .content a {
	color: #58355E;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 18px
}

@media screen and (max-width: 1200px) {
header .top .inner .content a {
	letter-spacing: 1px;
	font-size: 16px
}
}
header .top .inner .content a.tel {
	position: relative
}
 

@media screen and (max-width: 1200px) {
header .top .inner .content a.tel:before {
	width: 18px;
	top: -5px;
	left: -30px
}
}
header .top .inner .content .socials {
	margin: 0 0 0 40px;
	position: relative;
	top: 3px
}
header .top .inner .content .socials:before {
	content: '';
	background: #58355E;
	width: 1px;
	height: 100%;
	max-height: 30px;
	position: absolute;
	top: -1px;
	left: -15px
}
header .top .inner .content .socials li a {
	transform: scale(1.2)
}
header .top .inner .content:first-of-type a:not(:first-child) {
	position: relative;
	margin: 0 0 0 40px
}
header .top .inner .content:first-of-type a:not(:first-child):before {
	content: '';
	background: #58355E;
	width: 1px;
	height: 100%;
	max-height: 30px;
	position: absolute;
	top: -1px;
	left: -20px
}
header .bottom {
 	padding: 0px;
	max-width: 100%
}
header .bottom .inner {
	margin: 0 auto;
	max-width: 1600px
}
.hamburgerMenu header .bottom {
	padding: 10px 0
}

@media only screen and (max-width: 40em) {
.hamburgerMenu header .bottom {
	padding: 5px 0
}
}

@media only screen and (max-width: 64em) {
header .bottom {
	padding: 30px 0 28px
}
}

@media only screen and (max-width: 40em) {
header .bottom {
	padding: 20px 0px 18px
}
}
header .bottom .logo-holder a {
	display: block
}
header .bottom .logo-holder a img {
	max-width: 380px;
 }

@media screen and (max-width: 1605px) {
header .bottom .inner {
	padding: 0 25px;
}
}	
@media screen and (max-width: 1300px) {
header.scrolled .bottom .logo-holder img { display: none
}	
	
/*header .bottom .logo-holder a img {
	max-width: 320px; position: absolute; left: -160px; right: 0; top: 20px;
}*/
}

@media only screen and (max-width: 40em) {
header .bottom .logo-holder a img {
	max-width: 180px
}
}
header .bottom .logo-holder a img.retina {
	display: none
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
header .bottom .logo-holder a img.retina {
	display: block
}
}

@media only screen and (max-width: 64em) {
header {
	margin-top: 46px;
	position: relative !important;
	z-index: 999 !important
}
header .text-left {
	text-align: center !important;
	margin-bottom: 0px
}
.hamburgerMenu header {
	margin-top: 0;
	position: fixed !important
}
}
.hamburgerMenu header {
	background: #fff;
	padding: 20px;
	transition: none;
	-webkit-transition: 0.35s all ease-in-out !important;
	-moz-transition: 0.35s all ease-in-out !important;
	-ms-transition: 0.35s all ease-in-out !important;
	-o-transition: 0.35s all ease-in-out !important;
	transition: 0.35s all ease-in-out !important
}

@media only screen and (max-width: 64em) {
.hamburgerMenu header {
	background: #fff;
	padding: 5px 20px
}
.hamburgerMenu header .socials {
	margin-top: 2px
}
}

@media only screen and (max-width: 64em) and (max-width: 40em) {
.hamburgerMenu header .socials {
	display: none
}
}
.hamburgerMenu header .row {
	position: relative
}
.hamburgerMenu header .logo-holder {
	margin-top: 5px;
	float: left
}

@media only screen and (max-width: 64em) {
.hamburgerMenu header .logo-holder {
	margin-top: 9px
}
}
.hamburgerMenu header .logo-holder .logo:hover {
	cursor: pointer;
	opacity: 0.6
}
.hamburgerMenu header .phone-holder {
	position: absolute;
	top: 50%;
	right: 100px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media only screen and (max-width: 40em) {
.hamburgerMenu header .phone-holder {
	display: none
}
}
.hamburgerMenu header .phone-holder a {
	color: #fff;
	font-size: 18px
}
.hamburgerMenu header .menu-holder {
	margin-left: auto;
	display: inline-block;
	cursor: pointer;
	position: relative;
	top: 3px;
	float: right;
	padding-bottom: 18px
}

@media only screen and (max-width: 64em) {
.hamburgerMenu header .menu-holder {
	padding-bottom: 16px
}
}
.hamburgerMenu header .menu-holder:before {
	content: 'Menu';
	position: absolute;
	bottom: 0;
	left: 50%;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-family: 'Avenir Next W01 Light', sans-serif;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1.2px
}

@media only screen and (max-width: 64em) {
.hamburgerMenu header .menu-holder:before {
	font-size: 10px
}
}

@media only screen and (max-width: 800px) {
.hamburgerMenu header .menu-holder:before {
	bottom: 1px
}
}
.hamburgerMenu header.scrolled {
	top: 0;
	background: rgba(20,20,20,0.8)
}
.hamburgerMenu header.scrolled .socials {
	margin-top: 2px
}

@media only screen and (max-width: 40em) {
.hamburgerMenu header.scrolled .socials {
	display: none
}
}
.hamburgerMenu header .icon-holder .icon {
	z-index: 104;
	cursor: pointer;
	position: relative;
	height: 24px;
	width: 38px
}
.hamburgerMenu header .icon-holder .icon .text {
	padding: 9px 0;
	display: block;
	line-height: 1.7
}
.hamburgerMenu header .icon-holder .icon .bar {
	display: inline-block;
	width: 100%;
	height: 2px;
	background: #000;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	transition: 0.45s all ease
}
.hamburgerMenu header .icon-holder .icon .bar.middle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)

}
.hamburgerMenu header .icon-holder .icon .bar.last {
	top: auto;
	bottom: 0
}
.hamburgerMenu header .icon-holder .icon.active .bar.first, .hamburgerMenu header .icon-holder .icon.active .bar.last {
	left: inherit;
	right: 0;
	transform: translateX(0px) translateY(12px) rotate(-45deg)
}

@media only screen and (max-width: 40em) {
.hamburgerMenu header .icon-holder .icon.active .bar.first, .hamburgerMenu header .icon-holder .icon.active .bar.last {
	transform: translateX(0px) translateY(11px) rotate(-45deg)
}
}
.hamburgerMenu header .icon-holder .icon.active .bar.middle {
	opacity: 0;
	transform: rotate(90deg)
}
.hamburgerMenu header .icon-holder .icon.active .bar.last {
	transform: translateX(0px) translateY(-10px) rotate(45deg)
}

@media only screen and (max-width: 40em) {
.hamburgerMenu header .icon-holder .icon.active .bar.last {
	transform: translateX(0px) translateY(-11px) rotate(45deg)
}
}
.hamburgerMenu header.scrolled {
	background: #fff;
	padding: 5px 20px
}
.hamburgerMenu header.scrolled .icon-holder .icon.active .bar.first {
	transform: translateX(0px) translateY(11px) rotate(-45deg)
}
.hamburgerMenu header.open-menu .phone-holder a {
	color: #000
}
.hamburgerMenu header.open-menu.scrolled .phone-holder a {
	color: #fff !important
}
.hamburgerMenu header.open-menu.scrolled .bar {
	background: #fff !important
}

@media only screen and (max-width: 64em) {
.hamburgerMenu header .logo-holder .logo img {
	margin-top: -5px
}
}

@media only screen and (min-width: 64.1em) {
.hamburgerMenu.home header {
	background: none
}
.hamburgerMenu.home header.scrolled {
	background: #fff
}
}

@media only screen and (max-width: 64em) {
body.home .content-wrap {
	margin-top: 45px
}
}

@media only screen and (min-width: 64.1em) {
body.sub:not(.hamburgerMenu) .content-wrap {
	margin-top: 184px
}
}

@media screen and (max-width: 1200px) {
body.sub:not(.hamburgerMenu) .content-wrap {
	margin-top: 148px
}
}

@media only screen and (max-width: 64em) {
body.sub:not(.hamburgerMenu) .content-wrap {
	margin-top: 45px
}
}
body.sub.hamburgerMenu .content-wrap {
	margin-top: 72px
}

@media only screen and (max-width: 40em) {
body.sub.hamburgerMenu .content-wrap {
	margin-top: 60px
}
}
body.gallery:not(.index) header .icon-holder .icon .bar {
	background: #000
}
body.gallery:not(.index) header.scrolled .icon-holder .icon .bar {
	background: #fff
}









.mobile-logo {
	padding: 22px 0px
}
.mobile-logo img {
	padding: 0px 10px;
	margin-bottom: 0px !important
}
.mobile-navigation li.gallery {
	display: none
}
header .nav-wrap {
	background: #000 !important
}
.nav .links li.home, .nav .links li.contact, .nav .links li.gallery {
	display: none
}
.nav .links li.about {
	order: 1
}
.nav .links li.general-eyecare {
	order: 2
}
.nav .links li.vision-correction {
	order: 3
}
.nav .links li.cataract-treatments {
	order: 4
}
.nav .links li.logo-holder {
	order: 5;
	position: relative;
	left: -10px;
}

@media screen and (max-width: 1200px) {
.nav .links li.logo-holder {
	order: 1
}
}
.nav .links li.videos {
	order: 6
}
.nav .links li.testimonials {
	order: 7
}
.nav .links li.store {
	order: 8
}
.nav .links li.cont {
	order: 9
}
.nav .links>ul {
	margin-left: 0px;
	margin-bottom: 0px;
	padding:0px;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.nav .links>ul>.blog {
	display: none
}
.nav .links>ul>.cont ul {
	right: 0
}
.nav .links>ul>li {
	display: inline-block;
	height: 100%;
	letter-spacing: 0.5px
}
.nav .links>ul>li.has-sub {
	position: relative
}
.nav .links>ul>li.has-sub>a {
	color: #fff;
	padding: 5px 10px
}

@media screen and (max-width: 1200px) {
.nav .links>ul>li.has-sub>a {
	padding: 5px
}
}
.nav .links>ul>li.has-sub:hover>ul {
	display: block
}
.nav .links>ul>li.has-sub.sub-open a:after {
	opacity: 1;
	visibility: visible
}
.nav .links>ul>li.has-sub.sub-open ul li a {
	color: #000
}
.nav .links>ul>li>ul {
	text-align: left;
	display: none;
	height: auto;
	position: absolute;
	z-index: 110;
	margin: 0px;
	background: #fff;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top: none;
	min-width: 150px;
	box-shadow: 0 5px 12px rgba(20,20,20,0.15);
	border: 1px solid #F7F7F7;
	border-top: none
}
.nav .links>ul>li>ul li {
	display: block;
	line-height: 1.6
}
.nav .links>ul>li>ul li a {
	font-size: 15px;
	padding: 13px 16px;
	line-height: 1;
	color: #000;
	text-shadow: none;
	white-space: nowrap;
	text-transform: none;
	position: relative
}
.nav .links>ul>li>ul li a:after {
	display: none
}
.nav .links>ul>li>ul li a.here {
	background: #F7F7F7
}
.nav .links>ul>li>ul li a:hover {
	opacity: 1;
	color: #fff;
	background: #898888
}
.nav .links>ul>li>ul li+li {
	border-top: 1px solid #F7F7F7
}
.nav .links>ul>li>ul li.has-child {
	position: relative
}
.nav .links>ul>li>ul li.has-child>a {
	padding-right: 26px
}
.nav .links>ul>li>ul li.has-child:after {
	content: '';
	background: url("https://tresio-cms.s3-us-west-1.amazonaws.com/arrow2.png") no-repeat center center;
	background-size: auto 100%;
	display: inline-block;
	padding: 5px;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.nav .links>ul>li>ul li.has-child ul.children {
	position: absolute;
	left: 100%;
	top: -1px;
	margin: 0;
	border: 1px solid #F7F7F7;
	box-shadow: 0 5px 12px rgba(20,20,20,0.15);
	width: 100%;
	display: none;
	background: #fff
}
.nav .links>ul>li>ul li.has-child:hover ul.children {
	display: block
}
.nav .links>ul>li>ul:after {
	display: inline
}
.nav .links>ul>li a {
	font-size: 16px;font-family: 'Avenir Next W01 Light', sans-serif;
	letter-spacing: 0.5px;
	display: block;
	height: 100%;
	padding: 5px 8px;
	font-weight: 300;
	color: #fff;
	line-height: 2;
	text-transform: uppercase;
	position: relative
}

@media screen and (max-width: 1200px) {
.nav .links>ul>li a {
	font-size: 14px
}
}
.nav .links>ul>li a.here:after {
	opacity: 1;
	visibility: visible
}
.nav .links>ul>li a:hover {
	opacity: 1
}
.nav .links>ul>li>a.has-drop:after {
	content: '';
	border-style: solid;
	border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
	top: 12px;
	position: relative;
	left: 10px
}
.sticky-nav {
	background: #000;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999;
	display: none;
	-webkit-box-shadow: 0px 2px 39px -3px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 2px 39px -3px rgba(0,0,0,0.33);
	box-shadow: 0px 2px 39px -3px rgba(0,0,0,0.33)
}
.sticky-nav .row {
	padding: 0px;
	position: relative
}
.mobile-logo img {
	border-radius: 0px
}
.right-off-canvas-menu {
	background: #212121;
	box-sizing: border-box
}
.mobile-nav-wrap {
	width: 100%;
	position: fixed;
	padding: 0px;
	z-index: 9999 !important;
	top: 0px;
	background: #000
}
.mobile-nav-wrap a {
	font-weight: 400
}
.mobile-nav-wrap .phone {
	font-size: 16px;
	float: left;
	padding: 16px 20px 16px 40px;
	background: #000;
	height: 46px;
	color: #fff
}
.mobile-nav-wrap .phone:before {
	content: '';
	background: url("https://www.datocms-assets.com/30637/1600210057-phone2.png?auto=format,compress") no-repeat center center;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 12px;
	left: 10px
}
.mobile-nav-wrap .phone .phone-icon {
	margin-right: 15px;
	background: url(/assets/img/icons.svg) no-repeat center center;
	background-size: 100% auto
}
.mobile-nav-wrap .js-menu-toggle {
	display: inline-block;
	float: right;
	padding: 16px 20px;
	color: #fff;
	height: 46px;
	font-family: 'Avenir Next W01 Light', sans-serif;
	text-transform: uppercase;
	position: relative;
	left: 0;
	font-size: 16px
}
.mobile-nav-wrap .js-menu-toggle .title {
	padding-right: 30px
}
.mobile-nav-wrap .js-menu-toggle .icon {
	position: absolute;
	display: block;
	width: 20px;
	height: 2px;
	background: #ffffff;
	top: 50%;
	margin-top: -1px;

	right: 20px;
	margin-left: -10px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s
}
.mobile-nav-wrap .js-menu-toggle .icon:before, .mobile-nav-wrap .js-menu-toggle .icon:after {
	content: '';
	position: absolute;
	left: 0;
	background: inherit;
	width: 100%;
	height: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.6s, background 0s;
	-moz-transition: -moz-transform 0.6s, background 0s;
	transition: transform 0.6s, background 0s
}
.mobile-nav-wrap .js-menu-toggle .icon:before {
	top: -6px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}
.mobile-nav-wrap .js-menu-toggle .icon:after {
	bottom: -6px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon {
	background: rgba(232,74,100,0)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:before, .mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:after {
	background: #ffffff
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:after {
	bottom: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}
.hamburgerMenu .mobile-nav-wrap {
	display: none !important
}
.off-canvas-click {
	display: none
}
.off-canvas-click.active {
	width: 100%;
	height: 100%;
	display: block;
	right: 220px;
	position: fixed;
	z-index: 9999;
	top: 0
}
.on-canvas {
	z-index: 2;
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s
}
.on-canvas.menu-is-open {
	-webkit-transform: translateX(-220px);
	-moz-transform: translateX(-220px);
	-ms-transform: translateX(-220px);
	-o-transform: translateX(-220px);
	transform: translateX(-220px)
}

@media only screen and (min-width: 64.1em) {
.on-canvas.menu-is-open {
	-webkit-transform: translateX(0) !important;
	-moz-transform: translateX(0) !important;
	-ms-transform: translateX(0) !important;
	-o-transform: translateX(0) !important;
	transform: translateX(0) !important
}
}
.mobile-navigation {
	position: fixed;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1;
	width: 220px;
	background-color: #000;
	overflow-y: auto;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transform: translateX(220px);
	-moz-transform: translateX(220px);
	-ms-transform: translateX(220px);
	-o-transform: translateX(220px);
	transform: translateX(220px);
	z-index: 999
}
.mobile-navigation.menu-is-open {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-overflow-scrolling: touch
}
.mobile-navigation h4 {
	margin-bottom: 0
}
.mobile-navigation h4 a {
	display: block;
	padding: 15px 20px;
	font-size: 16px;
	text-align: center;
	background: #112137;
	height: 46px;
	color: #fff !important;
	box-shadow: none
}
.mobile-navigation h4 a:hover {
	background: #F7F7F7;
	color: #000 !important
}
.mobile-navigation .links>ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column
}
.mobile-navigation .links>ul>li.logo-holder {
	display: block
}
.mobile-navigation .links>ul>li>a {
	color: #fff !important;
	display: block;
	padding: 12px 20px;
	font-size: 15px;
	font-family: 'Avenir Next W01 Light', sans-serif;
	border-bottom: 1px solid #000
}
.mobile-navigation .links>ul>li>a.here {
	color: #fff !important
}
.mobile-navigation .links>ul>li>a:hover {
	opacity: 1
}
.mobile-navigation .links>ul>li.has-sub>ul {
	margin: 0px;
	display: none;
	background: none;
	border-bottom: 1px solid #000;
	padding: 10px 10px 10px 22px;
	background: rgba(255,255,255,0.25)
}
.mobile-navigation .links>ul>li.has-sub>ul>li.inner-sub>a {
	text-transform: uppercase;
	color: #000;
	background: none !important
}
.mobile-navigation .links>ul>li.has-sub>ul>li.inner-sub ul {
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px
}
.mobile-navigation .links>ul>li.has-sub>ul>li>a {
	padding-left: 10px !important
}
.mobile-navigation .links>ul>li.has-sub>ul li a {
	font-family: 'Avenir Next W01 Light', sans-serif;
	color: #fff !important;
	text-decoration: none !important;
	display: block;
	font-size: 14px;
	padding: 7px 10px
}
.mobile-navigation .links>ul>li.has-sub>ul li a.here {
	color: #58355E !important
}
.mobile-navigation .links>ul>li.sub-open {
	background: rgba(255,255,255,0.2)
}
.mobile-navigation .links>ul>li.sub-open ul {
	display: block
}
.mobile-navigation .links>ul>li.contact {
	order: 3
}
.mobile-navigation .mobile-details {
	margin-top: 18px;
	text-align: center
}
.mobile-navigation .mobile-details .socials {
	padding: 20px 15px 0;
	margin: 0
}
.mobile-navigation .mobile-details .socials li {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8)
}
.mobile-navigation .mobile-details .socials li a {
	border-radius: 2px
}
.mobile-navigation .mobile-details p, .mobile-navigation .mobile-details a {
	font-family: 'Avenir Next W01 Light', sans-serif;
	color: #fff !important
}
.mobile-navigation .mobile-details p:hover, .mobile-navigation .mobile-details a:hover {
	color: #000
}
.mobile-navigation .mobile-details p {
	margin-bottom: 5px
}
.mobile-navigation .mobile-details a {
	font-weight: 300
} /* Popups */

.modal-dialog { top:100px !important; z-index:1111111}

.modal-content { background: #fff !important; /*border:2px solid #ff0000;*/}

.modal-title { text-align:center !important; font-weight:bold !important; color:#fff !important; }

.modal-body p { color:#000 !important; }

.modal-title { text-align:center !important; font-weight:bold !important; color:#fff !important; }


/* Forms */

.answer-box input[type="Radio"] {
  margin-right: 24px !important;
  margin-left: 10px !important;
  margin-bottom: 5px !important;
}

.answer-box input[type="checkbox"] {
  margin-right: 24px !important;
  margin-left: 10px !important;
  margin-bottom: 5px !important;
}

#RndcaptchaALL #code {  width: 100%;  max-width: 100px !important; text-align:center; letter-spacing:7px; display:block !important; margin:10px auto 0 auto !important; }

.Rotator input { display: block; margin:0 auto 5px auto !important; width: 95%; padding: .30rem .30rem; font-size: 18px; line-height: 1.5; color: #000000; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

.Rotator textarea { display: block;margin:0 auto 5px auto !important; width: 95%; padding: .30rem .30rem; font-size: 18px; line-height: 1.5; color: #000000; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

.Rotator select { display: block; width: 95%; padding: .30rem .30rem; font-size: 18px; line-height: 1.5; color: #000000; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

.RotatorFormButton
	{ padding: 5px 15px; width: auto; margin: 0 auto; color:#000; border:0px; }

.MainFormButton 
	{ padding: 5px 15px; width: auto; margin: 0 auto; color:#000; border:0px; }

#Rndcaptcha1 {color: #fff}
#Rndcaptcha2 {color: #fff}

/* DWS-OFFER START */
.dws-offer { width:100%; max-width:600px; text-align:center; display:block; margin:0 auto; }
.dws-offer img { width:100%; max-width:600px; }
.dws-offer-expires { color:#ff0000; }

.Rotator { display: block; margin: 0 auto; width: 95%; max-width: 400px;}
/** 
#Rotator1 { display: block; margin: 0 auto; width: 100%; max-width: 300px; text-align: center;}
**/
.Rotator  input { width:95%; max-width:300px; margin:3px 0 !important; font-size:18px; display: inline-block !important;}
.Rotator  textarea { width:95%; max-width:300px; font-size:18px;  }
.RotatorFormButton { background:#007da5; padding:10px 15px;  display:block; margin:0 auto !important; color:#fff; border:0px; font-size:18px; }

#rCode { display: inline-block !important; margin:5px auto !important; width:100%; max-width:100px !important; font-size:22px; text-align:center; letter-spacing:5px;  }

#code {  width: 100%;  max-width: 100px; text-align:center; letter-spacing:2px; display:block !important; margin:0 auto !important; }

.Form-Smile-Analysis #code {  width: 100%;  max-width: 30px; text-align:center; letter-spacing:2px; display:block !important; margin:0 auto !important; }



/** #rname { width: 95% !important; display: block;} **/

/* DWS-OFFER END */


/* CONTACT-FORM START  */

.dws-contact-form { width: 100%; max-width: 400px; margin: 0 auto; display: block;} 

#code { width:100%; max-width:100px !important; font-size:22px; text-align:center; letter-spacing:5px; margin:5px auto 0 auto;  }

#frmForm2 { width:100%; max-width:400px; margin:0 auto; display:block; }

#name, #phone, #email, #subject, #message { width:100%; max-width:400px; font-size:18px;}

#RndcaptchaALL { text-align: center;}

#Rndcaptcha2 { text-align: center; }
/* CONTACT-FORM END  */

/* APPIONTMENT-FORM START */

.dws-appointment-form {display:block; margin:0 auto; width:100%; max-width:650px;}

.main-form-div { width:100%; max-width:700px; margin:0 auto; padding:10px 0 0 0; }

.col-100 { width:100%;   display:inline-block; }

.form-div { margin-bottom:15px; }

.col-50 { float:left;  width:49%;  flex: 0 0 50%;}

.col-50 > input { width:96% !important; }

.col-30 { float:left;  width:32.6%;  flex: 0 0 50%;}

.col-30 > input { width:92% !important; }

#frmForm246 #email { width:100%; max-width:100%; }

#frmForm246 #Ci-ty, #frmForm246 #state, #frmForm246 #Zip { width:100%; max-width:31%; margin:0 5px 0 0; display:inline-block; }

input { display: block; width: 100%; padding: .30rem .30rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

textarea { display: block; width: 100%; padding: .30rem .30rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

select { display: block; width: 100%; padding: .30rem .30rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

label { margin-bottom:5px; display:inline-block; }

.margin-right { margin-right:5px; }

.RotatorFormButton, .MainFormButton { border: 0 !important; font-size: 18px !important; color: #fff !important; width: auto !important; padding: 10px 15px !important; display: block; margin: 0 auto !important; background: var(--submit-btn-bg-color) !important; }

@media screen and (max-width: 1024px) {
		.main-form-div { width:100%; padding:0 15px; max-width:800px; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 860px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 768px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 459px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:90% !important; }
		input { width:90%; }
		select { width:98%; }
		textarea { width:90% !important; }

}
:root {
	--color-primary-00-color: #fff ; /* Main Primary color */
	--color-primary-body-00-color: #000; /* Main Primary color */
	
	--color-primary-0-color: #814DE7 ;	/* Main Primary color */
	--color-primary-1-color: #BD9FF5 ;
	--color-primary-2-color: #9C71EE ;
	--color-primary-3-color: #672ADE ;
	--color-primary-4-color: #ffffff ;
	
	--color-secondary-1-0-color: #C541E5 ;	/* Main Secondary color (1) */
	--color-secondary-1-1-color: #E298F5 ;
	--color-secondary-1-2-color: #D367ED ;
	--color-secondary-1-3-color: #B51CDB ;
	--color-secondary-1-4-color: #A504CD ;
	
	--color-secondary-2-0-color: #ECFE42 ;	/* Main Secondary color (2) */
	--color-secondary-2-1-color: #F5FE9B ;
	--color-secondary-2-2-color: #F0FE6A ;
	--color-secondary-2-3-color: #E7FD1A ;
	--color-secondary-2-4-color: #E4FC00 ;
	
	--color-complement-0-color: #FFE742 ;	/* Main Complement color */
	--color-complement-1-color: #FFF29C ;
	--color-complement-2-color: #FFEC6B ;
	--color-complement-3-color: #FFE11A ;
	--color-complement-4-color: #FFDE00 ;
	
	--font-face-1:'Lato', serif;
	--font-face-2:'Avenir Next W01 Light', sans-serif;
	
	/* site colors */
	
	--body-font-face:var(--font-face-1);
	
	--menu-font-face:var(--font-face-2);
	
	--font-face-h1:var(--font-face-2);
	
	--font-face-h2:var(--font-face-2);
	
	--font-face-h3:var(--font-face-2);
	
	--website-background-color: var(--color-primary-00-color);
	
	--website-body-text-color: var(--color-primary-body-00-color);
	
	--header-logo-text-color: var(--color-primary-4-color);
	
	--mob-rotator-background-color:  var(--color-secondary-1-4-color);
	
	--header-np-text-color: var(--color-primary-4-color);
	--header-np-text-color-hover: var(--color-primary-3-color);
	
	--menu-background: var(--color-secondary-1-4-color);
	
	--menu-background-hover: var(--color-secondary-1-1-color);
	
	--menu-dropdown-background: var(--color-secondary-1-1-color);
	
	--menu-dropdown-background-hover: var(--color-secondary-1-4-color);
	
	--menu-mobile-background: var(--color-primary-4-color);
	
	--faces-wrapper-title-color: var(--color-primary-4-color);
	
	--review-background: var(--color-secondary-1-4-color);
	
	--callout-background: var(--color-secondary-1-4-color);
	
	--footer-background:  var(--color-secondary-1-2-color);
	
	--footer-text:  var(--color-primary-00-color);
	
	--bottom-footer-background: var(--color-secondary-1-4-color);
	
	--footer-button-background: var(--color-primary-4-color);
	
	--appt-button-color: var(--color-primary-4-color);
	
	--button-color: var(--color-primary-4-color);
	
	--button-color-hover: var(--color-primary-2-color);
	
	 
	--menu-hover:      var(--color-complement-4-color);
	
	--color-1: var(--color-primary-4-color); 
	--color-2: var(--color-primary-0-color); 
	--color-border-light: var(--color-complement-0-color);
	
	--review-box-header: var(--color-secondary-1-3);
	--review-box-header-text: var(--color-complement-3);
	--review-box-background: var(--color-complement-4);
	--review-box-text: var(--color-complement-1);
	--review-box-btn: var(--color-primary-4);
	--review-box-border: var(--color-secondary-1-3);
	--review-box-rating: var(--color-secondary-1-3);
	
	--rave-review-box-title-text: var(--color-primary-4-color);
	--rave-review-box-background: var(--color-secondary-2-1-color);
	--rave-review-box-text: var(--color-complement-1);
	--rave-review-box-border: var(--color-primary-body-00-color);
	--rave-review-box-rating: var(--color-complement-4-color);
	
	
	--testimonials-box-title-text: var(--color-primary-4-color);
	--testimonials-box-background: var(--color-secondary-2-1-color);
	--testimonials-box-text: var(--color-complement-1);
	--testimonials-box-border: var(--color-primary-body-00-color);
	--testimonials-box-rating: var(--color-complement-4-color);
	
	--website-npo-name-background-color: var(--color-secondary-1-4-color);
	--website-npo-name-background-color-hover: var(--color-secondary-1-1-color);
	
	--website-npo-icon-background-1-color: var(--color-secondary-1-1-color);
	--website-npo-icon-background-1-color-hover: var(--color-secondary-1-4-color);
	
	--website-npo-icon-background-2-color:  var(--color-secondary-1-1-color);
	
	--website-npo-main-background-0-color: var(--color-secondary-1-4-color);
	
	--color-1: var(--color-primary-4-color); 
	--color-2: var(--color-primary-0-color); 
	--color-border-light: var(--color-complement-0-color);


	--color-social-1: #e04028;
	--color-social-2: #4064ad;
	--color-social-3: #1c9deb;
	--color-social-4: #f80000;
	--color-social-5: #bf0001;
	--color-social-6: #d8119f;
	--color-social-7: #f8a000;
	--color-social-1-1: #e04028;
	--color-social-1-2: #4064ad;
	--color-social-1-3: #1c9deb;
	--color-social-1-4: #f80000;
	--color-social-1-5: #bf0001;
	--color-social-1-6: #d8119f;
	--color-social-1-7: #f8a000;
	
	
	/* Review Variable */
	--review-background-color: var(--color-primary-1);

	/* Button Variable */

	--submit-btn-bg-color: #171047;
	--appt-btn-background-color: var(--color-primary-1);
	--protect-btn-background-color: var(--color-primary-0);
	--appt-btn-background-hover-color: var(--color-primary-6);
	--appt-btn-shadow-hover-color: var(--color-primary-1);
	--appt-btn-border-color: var(--color-primary-7);
	--appt-btn-text-color: var(--color-primary-6);
	--review-btn-background-color: var(--color-primary-1);
	--review-btn-text-color: var(--color-primary-1);
	--form-btn-background-color: var(--color-primary-2);
	--form-btn-border-color: var(--color-primary-3);

	/* Header Variable */

	--topheader-background-color: var(--color-primary-5);
	--header-background-color: var(--color-primary-0);
	--header-text-color: var(--color-primary-6);
	--header-call-text-color: var(--color-primary-1);
	--header-call-border-color: var(--color-primary-2);
	
	/* Menu Variable */

	--menu-background-color: var(--color-primary-3);
	--menu-text-color: var(--color-primary-1);
	--menu-border-color: var(--color-primary-2);
	--menu-hover-background-color: var(--color-primary-1);
	--submenu-background-color: var(--second-color-primary-0);
	--submenu-text-color: var(--color-primary-6);
	--submenu-hover-background-color: var(--second-color-primary-5);
	
	/* Menu Variable */

	--dr-callout-background-color: var(--color-primary-3);
	--dr-callout-background-hover-color: var(--color-primary-1);
	--dr-callout-border-color: var(--color-primary-1);
	--dr-callout-text-color: var(--color-primary-6);

	/* Sliders Variable */

	--slide-headline-text-color: var(--color-primary-0);
	--slide-headline-bold-text-color: var(--color-primary-3);
	--slide-border-color: var(--color-primary-5);
	--slide-btn-border-color: var(--color-primary-0);
	--slide-box-text-color: var(--color-primary-6);
	--slide-box-callout-backgrround-color: var(--color-primary-0);
	--slide-box-callout-birder-color: var(--color-primary-3);
	--slide-box-text-color: var(--color-primary-6);
	--slide-box-hover-background-color: var(--color-primary-7);
	
	/* Alternate Menu Variable */

	--alternate-menu-background-color: var(--color-primary-0);
	--alternate-menu-box-color: var(--color-primary-1);
	--alternate-menu-box-hover-color: var(--color-primary-2);
	--alternate-menu-border-color: var(--color-primary-0);
	--alternate-menu-text-color: var(--color-primary-1);
	--alternate-text-color: var(--color-primary-6);
	--alternate-box-border-color: var(--color-primary-0);
	--callout-background-color: var(--second-color-primary-0);
	--callout-btn-background-color: var(--color-primary-1);
	--callout-btn-text-color: var(--color-primary-3);
	--dr-box-border-color: var(--second-color-primary-0);
	--dr-box-text-color: var(--color-primary-0);
	--alternate-award-background-color: var(--color-primary-0);
	--alternate-award-text-color: var(--color-primary-10);


	/* Text Heading Variable */

	--heading-text-color: var(--second-color-primary-5);
	--heading-border-color: var(--color-primary-0);
	--heading-background-color: var(--color-primary-4);
	--subheading-text-color: var(--color-primary-0);
	
	/* Website Color Variable */

	--content-background-color: var(--color-primary-2);
	--home-site-text-color: var(--color-primary-0);
	--site-text-color: var(--second-color-primary-5);
	--network-box-background-color: var(--color-primary-0);
	--network-box-border-color: var(--color-primary-1);
	
	/* Video Box Variable */

	--video-box-background-color: var(--color-primary-7);
	
	
	/* Footer Variable */

	--footer-background-color: var(--color-primary-2);
	--footer-border-color: var(--color-primary-4);
	--footer2-background-color: var(--color-primary-0);
	--hours-border-color: var(--color-primary-1);
	--footer-text-color: var(--color-primary-10);
	--footer-copyright-background-color: var(--color-primary-3);
	--footer-copyright-text-color: var(--color-primary-5);
	--footer2-hours-heading-color: var(--color-primary-3);
	--footer2-hours-text-color: var(--color-primary-3);
	--footer2-btn-background-color: var(--color-primary-3);
	--footer2-btn-background-hover-color: var(--color-primary-0);
	--footer2-btn-text-color: var(--color-primary-0);
	--footer2-btn-border-color: var(--color-primary-1);

	/* Social Variable */

	--social-icon-border-color: var(--color-primary-8);
	--social-icon-text-color: var(--color-primary-8);
	--social-icon-google-background-color: var(--color-social-1);
	--social-icon-facebook-background-color: var(--color-social-2);
	--social-icon-twitter-background-color: var(--color-social-3);
	--social-icon-youtube-background-color: var(--color-social-4);
	--social-icon-yelp-background-color: var(--color-social-5);
	--social-icon-instagram-background-color: var(--color-social-6);
	--social-icon-rss-background-color: var(--color-social-7);

	--social-icon-google-hover-color: var(--color-social-1-1);
	--social-icon-facebook-hover-color: var(--color-social-1-2);
	--social-icon-twitter-hover-color: var(--color-social-1-3);
	--social-icon-youtube-hover-color: var(--color-social-1-4);
	--social-icon-yelp-hover-color: var(--color-social-1-5);
	--social-icon-instagram-hover-color: var(--color-social-1-6);
	--social-icon-rss-hover-color: var(--color-social-1-7);

	/* NPO Variable */

	--npo-inner-icon-background-color: var(--color-primary-0);
	--npo-icon-background-color: var(--color-primary-1);
	--npo-icon-background-hover-color: var(--color-primary-0);
	--npo-text-background-color: var(--color-primary-0);
	--npo-text-background-hover-color: var(--color-primary-1);
	--npo-background-color: var(--second-color-primary-0);
	--npo-inner-border-color: var(--color-primary-10);

	/* Services Variable */

	--home-services-main-background-color: var(--color-primary-0);
	--home-services-background-color: var(--color-primary-1);
	--home-services-text-color: var(--color-primary-5);

	--services-background-color: var(--color-primary-0);
	--services-box-background-color: var(--color-primary-6);
	--services-btn-background-color: var(--second-color-primary-0);
	--services-btn-border-color: var(--color-primary-1);
	--services-btn-text-color: var(--color-primary-5);
}
.blue-tab-bar { background:#171047; padding:10px 0; text-align:center; width:100%; display:inline-block; }
.blue-tab-bar p { margin:0px; color:#fff; font-size:22px; font-family: "Avenir Next W01 Light", "Avenir Next", "Avenir", "Montserrat", sans-serif; font-weight: 300; }
.blue-tab-bar p span { margin:0px; color:#e19a3f !important; font-size:22px; font-family: inherit; }
.blue-tab-bar p a {  color:#fff; font-family: inherit; }

.live-agenda-flex { display:flex; width:100%; margin:5px auto; }

.live-agenda-flex .live-time {  width:22%; }

.live-agenda-flex .live-time p { color: #c49a6c; font-size: 20px; }

.live-agenda-flex .live-agenda {  width:78%; padding:0 0 0 15px; }

.live-agenda-flex .live-agenda p { color: #fff; font-size: 20px; }
.live-agenda-flex .live-agenda p span { color: #c49a6c; font-size: 20px; }

.live-ul { display:inline-block; padding:0px; width:100%; margin:0px; }

.live-ul li { display:inline-block; padding:0px; width:100%; margin:5px 0; color:#fff; font-size:20px; }

.live-ul li span { display:inline-block; padding:0px; width:100%; max-width:215px; margin:5px 0; color:#c49a6c; font-size:20px; }

.landing-container { display:block; margin:0 auto; width:100%; max-width:1100px; padding:0 15px; }

.lion-hearted-video { display:inline-block; width:100%; padding:5% 0;  background: no-repeat url("/content/images/background-cubes.webp") #342b78;  background-position: center center; background-size:cover; }

.lion-video-box { display:inline-block; width:100%; padding:20px 0; }

.meeting-box { display: flex; flex-direction: row; width:100%; }

.lion-logo { width:100%; max-width:240px; padding:0 30px; }

.lion-logo img { width:100%; }

.lion-meeting-text {  width: 100%; max-width: 70%; padding: 10px 15px 15px 30px;}

.lion-meeting-text h2 { font-size:30px; font-weight:bold; color:#fff; font-family: Open Sans, Arial, Helvetica, sans-serif;  }

.lion-meeting-text p { font-size:26px; color:#fff; }

.event-btn { background:#fff; color:#ad8355 !important; text-decoration:none !important; padding:10px 30px; display:inline-block; margin-top:10px; }

.lion-hearted-content { padding:30px 0; }

.lion-hearted-content p { font-size:20px; }

.lion-hearted-title { text-align:center; color:#000; font-weight:bold; font-size:30px; font-family: Open Sans, Arial, Helvetica, sans-serif;}

.lion-hearted-icon-div { display: flex; flex-direction: row; width:100%; text-align:center; }

.lion-hearted-icon-box {  width: 100%; max-width: 33.33%; padding: 10px 15px; }

.lion-hearted-icon-box img {  width: 100%; max-width: 130px; }

.lion-hearted-icon-box p { font-size:22px; font-weight:bold; color:#663795; text-transform:uppercase; }

.lion-hearted-presentation { background: no-repeat url("/content/images/lion-logo-opacity.webp") #c5cee5;  background-position: center center; background-size:500px 500px; padding:30px 0; }

.presentation-box {  display: flex; flex-direction: row; width:100%; }

.presentation-box-img { width: 100%; max-width: 40%; padding: 10px 15px; }

.presentation-box-content { width: 100%; max-width: 60%; padding: 10px 15px; }

.presentation-box-content h3 { font-size:30px; color:#000; font-weight:bold; font-family: Open Sans, Arial, Helvetica, sans-serif; }

.presentation-box-content ul li { font-size:22px; color:#000; margin:15px 0; }

.lion-hearted-live { background:#663795; padding:8% 0 30px 0; position:relative; }

.lion-hearted-live-box { display:inline-block; width:100%; border:3px solid #c49a6c; padding:50px 30px 20px 30px; position:relative; }

.lion-hearted-live-logo { background: #663795; position: absolute; margin: 0 auto;  display: block; width: 100%; max-width: 500px; padding: 10px; top: -85px; right: 0; left: 0;}

.lion-hearted-live-box h3 { color:#fff; font-weight:bold; font-size:30px; margin:30px 0 0 0; }

.lion-hearted-live-box p { color:#fff; margin:5px 0; font-size:26px; }

.hotel-info { padding:30px 0; background:#a97c50; }

.hotel-info-div { display: flex; flex-direction: row; width:100%; }

.hotel-info-content { width: 100%; max-width: 60%; padding: 10px 15px; }

.hotel-info-img { width: 100%; max-width: 40%; padding: 10px 15px; }

.hotel-info-content h3 { color:#fff; font-weight:bold; font-size:30px; margin:30px 0 10px 0; text-transform:uppercase; font-family: Open Sans, Arial, Helvetica, sans-serif; }

.hotel-info-content p { color:#fff; font-size:20px; }

.visit-btn { background:#663795; color:#fff !important; text-decoration:none !important; padding:10px 30px; display:inline-block; margin-top:10px; }

.book-btn { background:#ffffff; color:#663795 !important; text-decoration:none !important; padding:10px 30px; display:inline-block; margin-top:10px; text-transform:uppercase; }

.lion-hearted-review { padding:30px 0; }

.lion-hearted-review h3 { font-size:30px; text-transform:uppercase; text-align:center; font-weight:bold; font-family: Open Sans, Arial, Helvetica, sans-serif; }

.review-content-box-01 { position: relative; background: #fafafa; padding: 15px 20px; border-radius: 5px; margin: 20px auto; display: block; width: auto; max-width: 1100px; border: 2px solid #eee;}

.review-text-01 { display: inline-block; width: 100%; position: relative;}

.review-content-box-01 p { margin: 5px 0;}

.review-img-01 { display: inline-block; width: 100%; text-align: center; margin-top: 10px;}

.faq-section { padding:5% 0;  }

.faq-section h3 { font-size:30px; font-weight:bold;text-align:center; margin:20px 0;font-weight:bold; font-family: Open Sans, Arial, Helvetica, sans-serif; }

.faq-btn-section {text-align:center}

.questions-btn {  background:#663795; color:#fff !important; text-decoration:none !important; padding:10px 30px; display:inline-block; }

.course-flex-callout { display:flex; flex-direction: row; margin:15px auto 0 auto; width:100%; max-width:90%; background-color: #eff5f7;  padding: 1.5rem; height: 100%; text-align: center; text-decoration: none !important; }

.lion-img-left { width:40%; padding:0 15px 0 0;}

.lion-text { width:60%; text-align:center; padding:20px 15px 0 15px; }

.lion-text h3 { font-weight:bold; }

.lion-text p { font-weight:bold; }

@media (max-width: 767px) {

.course-flex-callout { flex-direction: column; }

.lion-img-left { width:100%; padding:0 15px;}

.lion-text { width:100%; padding:15px; }


.live-agenda-flex { display:flex; flex-direction: column; }

.live-agenda-flex .live-time {  width:100%; }

.live-agenda-flex .live-agenda {  width:100%; padding:0; }

.event-btn { padding: 10px 20px; font-size: 18px;}

.live-ul li { margin:10px 0;  }

.live-ul li span { margin:0px;  width:100%; max-width:100%; font-weight:bold; }

.lion-hearted-live-logo { max-width: 400px; top: -65px;}

.lion-hearted-live { padding:18% 15px 30px 15px; }

.lion-hearted-icon-box { margin:0 auto; max-width:300px; }

.meeting-box, .lion-hearted-icon-div, .presentation-box, .hotel-info-div { flex-direction: column; }

.lion-logo { width:100%; max-width:100%; text-align:center; }

.lion-logo img { width:100%; max-width:250px; }

.lion-meeting-text, .presentation-box-content, .hotel-info-content, .hotel-info-img {  width: 100%; max-width: 100%;}

.presentation-box-img { margin:0 auto; width:100%; max-width:500px; }
.hotel-info-img { text-align:center; }

}


.course-grey-box { display:block; margin:0 auto; width:100%; max-width:600px; background:#f1f2f2; padding:20px; }

.course-grey-box-ul { display:inline-block; width:100%; max-width:260px; padding:5px 20px !important; list-style-type:disc;  vertical-align:top; margin:5px;}

.course-grey-box-ul li {  margin:10px; list-style-type:disc; }

.secure-btn { background-color: #fdbf42; color: #000000; border-radius: 50px; padding: 10px 30px; font-weight: 600; text-decoration: none; display: inline-block;}

.skip-link { position: absolute; top: -40px; left: 0; background-color: #000; color: #fff; padding: 5px; z-index: 100;}

.skip-link:focus { top: 0;}

.flex-container { display: flex;flex-direction: row; align-items:center; }

.flex-box-1 { width:35%; text-align:center; }

.flex-box-2 { width:65%; padding:0 10px; }

@media (max-width: 1024px) {

.flex-container {
	flex-direction: column;
}
  
.flex-box-1 { width:98%; text-align:center;order: 2; }

.flex-box-2 { width:98%;order: 1; }


}

.date-and-time-box {display: none;}

.right-text-box { float:right; margin-left:15px; width:100%; max-width:350px; text-align:center; }

.calendar-btn { display:block; margin:0 auto; width:100%; max-width:200px; background:#171047; padding:10px 5px; color:#fff; }

.RotatorFormButton, .MainFormButton { display:block !important; margin:0 auto; }

.popup-btn-click {
	background: #000;
	color: #fff !important;
	text-decoration: none !important;
	padding: 10px 15px;
}
.course-img {
	display: inline-block;
	width: 28%;
	max-width: 180px;
	vertical-align: top;
}
.course-text {
	display: inline-block;
	text-align: left;
	width: 70%;
	padding: 0 0 0 10px;
}
.course-text p {
	margin: 0px 0 5px 0;
}
.new-course-box .dr-name-title {
	font-size: 18px !important;
	color: #484848 !important;
	margin: 0 !important;
}
.new-course-box .course-title {
	font-size: 23px !important;
	color: #000 !important;
	margin: 0 0 10px 0 !important;
}
.register-form-box {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	background: #f9f9f9;
	padding: 15px;
}
.register-form-box ul {
	display: inline-block;
	width: 100%;
	max-width: 780px;
	padding: 0px;
	list-style: none;
	margin: 10px 0;
}
.register-form-box ul li {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: top;
}
.submit-btn {
	background: #e19a3f !important;
	width: auto !important;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-decoration: none !important;
	padding: 10px 15px;
	font-size: 18px;
}
.panel-body {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	background-color: #eff5f7;
	padding: 20px 0 20px 0;
}
.form-ul-box {
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	margin: 0px;
}
.form-ul-box a {
	width: 270px;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #325f92;
	border-radius: 5px;
	padding: 20px 10px;
	background: #fff;
	margin: 5px 10px 5px 0;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.form-ul-box strong {
	font-size: 30px;
	color: #e19a3f;
}
.review-border {
	border: 5px solid #eff5f7;
	padding: 0;
	margin: 10px 0;
}
.dr-box {
	margin: 15px 0 5px 0;
	padding: 0 15px;
	display: inline-block;
	width: 100%;
	max-width: 300px;
	vertical-align: top;
}
.dr-box p img {
	width: 100%;
}
.dr-box p {
	text-align: center;
	color: #000;
	font-weight: 600 !important;
	margin: 5px 0 0 0px;
}
.faculty-title {
	text-align: center;
}
.surgical-ul {
	padding: 0px;
	margin: 0;
	width: 100%;
	display: inline-block;
	list-style: none;
}
.surgical-ul li {
	padding: 0px;
	width: 100%;
	max-width: 200px;
	display: inline-block;
	margin: 5px 10px 5px 0;
	text-align: center;
}
.surgical-ul li img {
	width: 100%;
}
.social-box {
	display: inline-block;
	border: 1px solid #000;
	border-radius: 100%;
	padding: 3px 0 0 0;
	width: 35px;
	height: 35px;
	color: #000;
	text-align: center;
}
.social-box:hover {
	color: #fff;
	background: #000;
	text-align: center;
}
.lion-link {
	display: inline-block;
	text-decoration: none;
	color: #000;
	width: 100%;
	max-width: 94%;
	margin: 15px 0 5px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.lion-box {
	display: inline-block;
	width: 100%;
}
.lion-img-box {
	float: left;
	width: 100%;
	max-width: 250px;
	margin-right: 15px;
}
.lion-box img {
	width: 100%;
}
.lion-box h3 {
	font-weight: 600;
	font-size: 20px;
	margin: 5px 0;
}
.lion-box p {
	font-size: 16px;
	margin-top: 5px;
}

@media only screen and (max-width: 500px) {
.lion-img-box {
	float: none;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}
}
.testi-img {
	border: 0px black solid !important;
	float: left !important;
	width: 150px !important;
	margin: 0 10px 0 0 !important;
}
.form-btn {
	background: url(/content/images/add-to-cart-png.webp) no-repeat;
	background-size: auto;
	background-size: 100%;
	height: 3.125rem;
	width: 11.4375rem;
	cursor: pointer;
}
.form-btn input {
	opacity: 0;
	width: 100%;
	height: 100%;
}
.add-btn {
	background: #e19a3f;
	padding: 15px 0;
	text-align: center;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #fff;
	display: block;
	width: 100%;
	max-width: 165px;
	font-size: 16px;
	margin: 15px 0 0 0;
	border-radius: 5px;
	font-weight: 600;
	letter-spacing: 2px;
}
.box-new.has-border {
	border-left: 1px solid #e19a3f;
}
.mb-70 {
	margin-bottom: 70px;
}
.box-new {
	background-color: #fff;
	border: 1px solid #cbcbcb;
	vertical-align: top;
	min-height: 500px;
	color: #191c1f;
	display: inline-block;
	width: 48%;
	padding: 3.7rem 5rem;
	position: relative;
	-webkit-transition: 350ms;
	-moz-transition: 350ms;
	transition: 350ms;
	margin-right: 1%
}
.box-new.theme2 {
	padding-left: 17.5rem !important;
}
.box-new.theme2 .box-figure {
	left: 2.25rem;
}
.box-new.theme2 .box-figure.theme2 img {
	width:100%;
	max-width:130px !important;
}
.box-new.theme2 .box-figure {
	left: 2.10rem;
	top: 3rem;
}
.box-new .box-tag {
	position: absolute;
	right: 0;
	top: 0;
}
.box-heading {
	font-family: "Avenir Next W01 Light", serif;
	font-size: 24px;
	margin: 0px 0 5px 0;
}
.box-new .box-tagline {
	font-size: 0.9375rem;
	color: #e19a3f;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.box-new .box-figure {
	position: absolute;
	left: -2.5rem;
	top: 2.5rem;
}
.box-new .box-figure .is-rounded {
	border: 0.375rem solid #e19a3f;
	width: 7rem;
	height: 7rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.shadow-frame {
	box-shadow: 2px 1px 14px rgba(0,0,0,0.10);
	-webkit-box-shadow: 2px 1px 14px rgba(0,0,0,0.10);
	-moz-box-shadow: 2px 1px 14px rgba(0,0,0,0.10);
}
.box-new .quote-icon {
	position: absolute;
	top: 2.5rem;
	right: 5rem;
}
.mob-logo {
	display: none
}

@media only screen and (max-width: 1009px) {
.box-new {
	display: block;
	width: 94%;
	margin: 3%;
}
}

@media only screen and (max-width: 609px) {
.box-new.theme2 {
	padding-left: 4.5rem !important;
	padding-top: 19rem
}
.box-new.theme2 .box-figure {
	left: 0;
}
.box-new.theme2 .box-figure {
	left: 7.10rem;
	top: 3rem;
}
}

@media only screen and (max-width: 1009px) {
body { padding:40px 0 0 0 !important; }
.mob-logo {
	display: block !important;
	max-width: 400px;
	margin:0 auto;
	padding: 45px auto 0 auto;
	text-align: center
}
}
.d-inline-block {
	display: inline-block !important;
	font-weight: 800
}
.d-block {
	display: block !important
}
.quote-icon {
	background-image: url(/content/images/left-quote.svg);
	width: 4rem;
	height: 2.875rem;
}
.icon-block {
	background-repeat: no-repeat;
	display: inline-block;
	background-size: 100%;
}
.video-box {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 500px;
	padding: 0 10px;
	margin: 10px 0;
}
.post-widget {
	margin-top: 2rem;
	margin-bottom: 2rem;
	max-width: 20.625rem;
}
.text-banner-wrap {
	position: relative;
}
.text-banner-wrap a {
	text-decoration: none !important;
}
.post-sidebar .text-banner-wrap::before {
	left: 1.5rem;
	width: calc(100% - 3rem);
}
.text-center {
	text-align: center;
}
.ml-40 {
	margin-left: 40px;
}
.section.with-bg-color {
	background-color: #eff5f7;
}
.text-banner {
	position: relative;
	height: 21.5625rem;
	background-color: #fff;
	overflow: hidden;
	padding: 1.5rem 4.125rem;
	display: flex;
	align-items: center;
	-webkit-transition: 350ms;
	-moz-transition: 350ms;
	transition: 350ms;
	text-decoration: none;
}
.text-banner:hover {
	box-shadow: 0 -10px 10px #dadada;
	-webkit-box-shadow: 0 -10px 10px #dadada;
	-moz-box-shadow: 0 -10px 10px #dadada;
	-moz-transform: translate(0, 6px);
	-o-transform: translate(0, 6px);
	-ms-transform: translate(0, 6px);
	-webkit-transform: translate(0, 6px);
	transform: translate(0, 6px)
}

@media (max-width: 1899.98px) {
.text-banner {
	padding: 1rem 4rem
}
}

@media (max-width: 767.98px) {
.text-banner {
	padding: 1rem;
	height: inherit;
	min-height: 15rem;
	background-color: rgba(25,28,31,0.9)
}
.text-banner .text-banner-content {
	text-align: center;
	width: 100% !important
}
.text-banner .text-banner-heading {
	line-height: 1.5
}
.text-banner .text-banner-img,  .text-banner .img-overlay {
	display: none
}
.text-banner .text-banner-bg {
	width: 100% !important
}
.text-banner .text-banner-bg:before,  .text-banner .text-banner-bg:after {
	display: none
}
}
.text-banner .text-banner-img {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2
}

@media (max-width: 1899.98px) {
.text-banner .text-banner-img {
	max-width: 20rem
}
}
.text-banner .text-banner-heading {
	font-family: "Avenir Next W01 Light", sans-serif;
	font-size: 2.25rem;
	line-height: 1.7;
	color: #fff;
}
.text-banner .text-banner-heading strong {
	font-weight: 700;
}
.light-font {
	font-weight: 300;
}

@media (max-width: 1899.98px) {
.text-banner .text-banner-heading {
	font-size: 1.8rem
}
}

@media (max-width: 767.98px) {
.text-banner .text-banner-heading {
	line-height: 1.4;
	font-size: 1.5rem
}
}
.text-banner .text-banner-tagline {
	font-size: 1.875rem;
	text-transform: uppercase;
	color: #fff;
}
.text-banner .text-banner-tagline span {
	font-size: 1.875rem;
	color: #000
}

@media (max-width: 1899.98px) {
.text-banner .text-banner-tagline {
	font-size: 1.2rem
}
.text-banner .text-banner-tagline .ml-40 {
	margin-left: 1rem
}
}

@media (min-width: 1200px) and (max-width: 1370px) {
.text-banner .text-banner-tagline {
	margin-left: -3rem
}
}
.text-banner .text-banner-tagline a {
	color: #000
}

@media (max-width: 767.98px) {
.date-and-time-box {display: block;}

.text-banner .text-banner-tagline a {
	color: #fff
}
}
.text-banner .text-banner-btn {
	background-color: #171047;
	color: #fff;
	font-size: 2.5rem;
	text-transform: uppercase;
	padding: 0 1.8rem;
	font-weight: 700;
	letter-spacing: 0.625rem;
	position: relative;
	margin: 0 1.5rem
}

@media (max-width: 1899.98px) {
.text-banner .text-banner-btn {
	display: inline-block;
	padding: 0 1rem;
	margin: 0 1rem;
	font-size: 1.5rem;
	letter-spacing: 0.4rem
}
}

@media (max-width: 767.98px) {
.text-banner .text-banner-btn {
	display: block;
	font-size: 1rem
}
}
.text-banner .text-banner-btn:before, .text-banner .text-banner-btn:after {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	width: 1.25rem;
	background: #171047;
	-moz-transform: skew(-17deg);
	-o-transform: skew(-17deg);
	-ms-transform: skew(-17deg);
	-webkit-transform: skew(-17deg);
	transform: skew(-17deg)
}
.text-banner .text-banner-btn:before {
	left: -0.6rem
}
.text-banner .text-banner-btn:after {
	right: -0.6rem
}
.text-banner .text-banner-content {
	position: relative;
	z-index: 2;
	color: #fff;
	left: -21px;
}
.text-banner .img-overlay {
	position: absolute;
	right: 0;
	top: 0;
	background: url(/content/images/text-banner-img-overlay-png.webp) no-repeat top right;
	width: 12rem;
	height: 100%;
	background-size: 100% 100%;
}
.text-banner .text-banner-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat
}
.text-banner .text-banner-bg.flat-left:before {
	display: none
}
.text-banner .text-banner-bg:before, .text-banner .text-banner-bg:after {
	content: '';
	position: absolute;
	top: 0;
	background-color: #fff;
	z-index: 2
}
.text-banner .text-banner-bg:before {
	width: 5rem;
	height: 9.1875rem;
	left: -3.2rem;
	-moz-transform: skew(-23deg);
	-o-transform: skew(-23deg);
	-ms-transform: skew(-23deg);
	-webkit-transform: skew(-23deg);
	transform: skew(-23deg)
}
.text-banner .text-banner-bg:after {
	width: 8.125rem;
	height: 100%;
	right: -6rem;
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg)
}
.text-banner .text-banner-bg img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.text-banner .text-banner-bg .img-wrap {
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.6;
	width: 100%;
	height: 100%;
	background-size: cover;
}

@media (min-width: 768px) {
.text-banner .text-banner-bg .img-wrap.no-overlay:before {
	display: none
}
}
.text-banner .text-banner-bg .img-wrap:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: rgba(48,56,65,0.85);
	width: 100%;
	height: 100%
}
.text-banner.as-card {
	height: 11.25rem;
	max-width: 24.375rem;
	padding: 0 3rem
}

@media (max-width: 991.98px) {
.text-banner.as-card {
	margin: 40px auto 0
}
}
.text-banner.as-card .text-banner-bg {
	width: 74%
}
.text-banner.as-card .img-wrap {
	background-size: 100%
}
.text-banner.as-card .text-banner-heading {
	font-weight: 800;
	font-size: 1.25rem;
	line-height: 1.4;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}
.text-banner.as-card .text-banner-btn {
	font-weight: 800;
	font-size: 1.25rem;
	padding: 0 0.7rem;
	letter-spacing: 0.25rem
}
.text-banner.as-card.theme3 .text-banner-bg {
	width: 80%
}
.text-banner.as-card.theme3 .text-banner-bg:before {
	width: 4rem;
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg)
}
.text-banner.as-card.theme2 {
	padding: 0 2rem
}
.text-banner-wrap {
	position: relative
}

@media (max-width: 1899.98px) {
.text-banner-wrap:before {
	left: -1rem;
	width: 100%
}
}

@media (max-width: 991.98px) {
.text-banner-wrap:before {
	left: 0
}
}
.text-banner-caption {
	font-weight: 800;
	z-index: 1;
	position: relative;
	margin-top: 1.4rem
}

@media (max-width: 991.98px) {
.text-banner-caption {
	text-align: center
}
}
#more1 {
	display: none;
}
#myBtn1 {
	cursor: pointer;
	color: #e19a3f;
	font-weight: bold;
}
#more2 {
	display: none;
}
#myBtn2 {
	cursor: pointer;
	color: #e19a3f;
	font-weight: bold;
}
.background-cover {
	background-size: cover !important;
}
.post-sidebar .text-banner.as-card .text-banner-bg {
	width: 80%;
}
.text-left {
	text-align: left !important;
}
.display-100 {
	display: inline-block;
	width: 100%;
}
.course-post ul {
	margin: 2rem 0;
	padding: 0px;
}
.course-post ul li {
	position: relative;
	padding-left: 2.7rem;
	margin-top: 1.2rem;
	font-size: 18px;
	list-style-type: none;
}
.course-post ul li::before {
	content: "\f058";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.25rem;
	color: #171047;
}
.post-widget .post-widget-tag {
	margin-left: -1.5rem;
	top: -1rem;
}
.box-tag.theme3 {
	overflow-y: hidden;
	font-size: 1.125rem;
	padding: 0.25rem 0.6rem 0.25rem 0.91rem;
}
.box-tag {
	background-color: #171047;
	color: #fff;
	font-size: 1.25rem;
	text-align: center;
	padding: 0.69rem 0.54rem;
	position: relative;
}
.box-tag::before {
	content: "";
	position: absolute;
	left: -0.65rem;
	top: 0;
	height: 100%;
	width: 1.125rem;
	background: #171047;
	-moz-transform: skew(-17deg);
	-o-transform: skew(-17deg);
	-ms-transform: skew(-17deg);
	-webkit-transform: skew(-17deg);
	transform: skew(-17deg);
}
.box-tag.theme3::before {
	left: inherit;
	right: -0.8rem;
	-moz-transform: skew(-17deg);
	-o-transform: skew(-17deg);
	-ms-transform: skew(-17deg);
	-webkit-transform: skew(-17deg);
	transform: skew(-17deg);
}
.post-widget-list {
	padding: 0px;
}
.post-widget-tag {
	margin-left: -1.5rem;
	top: -1rem;
}
.post-widget-list li {
	list-style: none;
}
.post-widget-list li .widget-list-heading{
	font-weight:600;
	margin:25px 0 3px 0;
}
.text-list li {
	position: relative;
	font-size: 16px;
	margin-top: 0.5rem;
	padding-left: 20px;
}
.contact-btn {
	border: 1px solid #e19a3f;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	color: #e19a3f;
	text-decoration: none !important;
	padding: 8px 20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 2px;
	transition: all 0.5s ease;
}
.contact-btn:hover {
	border: 1px solid #000;
	background: #000;
	color: #fff;
	box-shadow: 0.3rem 0.3rem 0.5rem rgba(25,28,31,0.4) !important;
	-webkit-box-shadow: 0.3rem 0.3rem 0.5rem rgba(25,28,31,0.4) !important;
	-moz-box-shadow: 0.3rem 0.3rem 0.5rem rgba(25,28,31,0.4) !important;
}
.col-3 {
	display: inline-block;
	vertical-align: top;
	padding: 0 11px;
	width: 33%;
	margin: 10px 0;
}
.white-box {
	background-color: #eff5f7;
	padding: 1.5rem;
	height: 100%;
	min-height: 180px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	width: 100%;
}
.white-box h3 {
	font-size: 24px;
	font-weight: normal;
	font-family: "Avenir Next W01 Light", serif;
}
.white-box span {
	color: #e19a3f;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.featured-section {
	display: inline-block;
	width: 100%;
	padding: 30px 0;
}
.col-50 {
	display: inline-block;
	width: 49.5%;
	padding: 0 10px;
	vertical-align: top;
}
.featured-box {
	background-color: #f2f2f2;
	padding: 2rem 3rem 2rem 3rem;
}
.featured-box h3 {
	font-size: 24px;
	font-weight: normal;
	font-family: "Avenir Next W01 Light", serif;
}
.golder-hr {
	display: inline-block;
	margin: 2px 0;
	width: 100%;
	max-width: 250px;
	background: #e19a3f;
	height: 1px;
}
.default-list2 {
	margin-top: 5px;
	display: inline-block;
	padding: 0px 0 0 15px;
}
.default-list2 li {
	color: #000;
	list-style-type: disc;
	margin-top: 1rem;
	padding-left: 1.5rem;
}
.default-list2 li a {
	text-decoration: none;
}
.section2 {
	display: block;
	background-color: #eff5f7;
	text-align: center;
	margin-top: 6rem;
	margin-bottom: 1rem;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	overflow-x: hidden;
	width: 100%;
}
.section {
	display: block;
	margin-top: 6rem;
	margin-bottom: 1rem;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	overflow-x: hidden;
	width: 99.4vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.section-articles .content-row {
	padding-left: 4rem;
}
.section-articles {
	background: #eff5f7;
}
.section .small-heading {
	color: #000;
	display: inline-block;
	margin-bottom: 0;
	font-size: 24px;
	line-height: 2;
}
.default-list {
	margin-top: 20px;
	display: inline-block;
	max-width: 670px
}
.default-list li {
	color: #000;
	list-style-type: disc;
	margin-top: 1.5rem;
	padding-left: 1.5rem;
}
.default-list li a {
	text-decoration: none;
}
.col-5 {
	display: block;
	padding: 0 0 0 15px;
	width: 60%;
	margin: auto;
	position: relative !important
}
.col-7 {
}
.books-group img {
	position: absolute;
	overflow: hidden;
	left: 60%;
	width: 27rem;
	top: 0;
	margin: 0 auto;
	display: block;
}
.books-group img:nth-child(2) {
	left: 73%;
	top: 5rem;
	width: 30rem;
}
.books-group img:nth-child(3) {
	left: 88%;
	top: 11rem;
	width: 33rem;
}

@media only screen and (max-width: 1600px) {
.default-list {
	width: 100%
}
.section {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.books-group img {
	display: none;
}
}

@media only screen and (max-width: 1100px) {
.col-50 {
	display: block;
	width: 100%;
	padding: 0;
	margin-top: 30px
}
.post-widget {
	margin-left: auto;
	margin-right: auto;
}
}

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

.right-text-box { float:none; margin:10px auto; display:block; }

.col-3 {
	display: block;
	width: 100%;
}
.col-5 {
	width: 90%;
}
.books-group img {
	display: none;
}
}
.half-width {
	width: 50% !important
}
.dr-title {
	font-family: "Avenir Next W01 Light", serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 5px;
	color: #000;
}
.dr-title-2 {
	font-size: 15px !important;
	margin-top: 0;
}
.wrapper-grid {
	display: grid;
	grid-template-columns: 36.334% 60.667%;
	margin-top: 5%;
}
.boxgrid {
	padding: 1em 0 2em 3em;
	vertical-align: middle;
}
.imgboxgrid {
	padding: 1em 0;
	vertical-align: middle;
}
.image-block {
	padding: 1.3rem 2.5rem;
	min-height: 31rem;
}
.image-block > img, .image-block .main-img-wrap {
	margin-top: -2.5rem;
	display: block;
}
.secondary-title {
	font-family: 'Avenir Next W01 Light', sans-serif;
	text-align: center;
	font-size: 24px !important;
	margin-top: 10px;
	font-weight: 400 !important;
}
.div-65 {
	float: left;
	width: 68%;
}
.div-35 {
	float: left;
	width: 30%;
	padding-left: 15px;
}
.div-45 {
	float: left;
	width: 45%;
}
.padding-r-50 {
	padding-right: 50px;
}
.post-widget-content {
	background-color: #eff5f7;
	padding: 1.3rem 1.5rem;
	position: relative;
	margin-top: 20px
}
.text-list {
	padding: 0px;
	display: inline-block;
	width: 100%;
	margin: 0px;
}
.text-list li.is-sold-out, .section-timeline .timeline-row-list li.is-sold-out {
	color: #999999;
	padding: 5px 0; /*background: url(/content/images//sold-out-png.webp) no-repeat 2rem center; background-size: auto; background-size: 11rem;*/
}
.text-list li.is-sold-out .d-block, .section-timeline .timeline-row-list li.is-sold-out .d-block {
	color: #999999;
}
.text-list.has-big-text li, .section-timeline .has-big-text.timeline-row-list li {
	font-size: 1rem;
	padding-left: 2.5rem;
	line-height: 2;
	margin-top: 1.2rem;
	list-style: none;
	position: relative;
}
.text-list.has-big-text .list-icon {
	top: 0.5rem;
}
.text-list .list-icon {
	position: absolute;
	left: 0;
	top: 6px;
	width: 0.9rem;
	text-align: center;
	color: #171047;
	font-size:18px;
}
.d-block {
	display: block !important;
	font-size: 18px !important;
}
.register-btn {
	background: #e19a3f;
	padding: 12px 0px 10px 0;
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin: 10px auto 0 auto;
	width: 100%;
	text-align: center !important;
	text-decoration: none !important;
	letter-spacing: 1px;
	font-size: 15px;
	font-weight: normal;
}
.register-btn-gold {
	background: #fff;
	padding: 12px 0px 10px 0;
	color: #e19a3f;
	text-transform: uppercase;
	display: block;
	margin: 10px auto 0 auto;
	width: 100%;
	max-width: 170px;
	text-align: center !important;
	text-decoration: none !important;
	letter-spacing: 1px;
	border: 1px solid #e19a3f;
}

@media screen and (max-width: 1199px) {
.boxgrid {
	padding: 0 2em 2em 2em;
}
.imgboxgrid {
	padding: 1em 0 1em 15px;
}
}
.review2 .review-image {
	width: 300px;
}
.review-img-box {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.review2 .review-text {
	display: inline-block;
	vertical-align: middle;
	width: 55%;
	margin-left: 10px;
	font-size: 16px !important
}

@media screen and (max-width: 1100px) {
.review2 .review-text {
	width: 65%;
	margin-bottom: 20px
}
}

@media screen and (max-width: 1000px) {
.review2 .review-text {
	width: 45%;
}
}

@media screen and (max-width: 609px) {
.review2 .review-image {
	width: 100% !important;
	margin-bottom: 20px
}
.review2 .review-text {
	display: inline-block;
	width: 100%;
	margin-left: 10px;
}
}

@media screen and (max-width: 1100px) {
.div-65 {
	float: none;
	width: 100%;
	padding: 0px;
}
.div-35 {
	float: none;
	width: 100%;
	padding: 50px 0px;
}
}

@media screen and (max-width: 759px) {
.wrapper-grid {
	display: table;
}
.imgboxgrid {
	padding: 1em 0;
	text-align: center;
}
.image-block {
	display: inline-block;
}
.boxgrid {
	padding: 0 15px;
}
.div-65 {
	float: none;
	width: 100%;
}
.div-35 {
	float: none;
	width: 100%;
}
.div-45 {
	float: none;
	width: 100%;
}
}
.subscribe-wide {
	background: url("/go/images/subscribe-bg.webp") #171047 no-repeat center bottom;
	padding: 80px;
	background-size: cover
}
.subscribe-wide h1 {
	color: #fff;
	font-size: 25px;
	letter-spacing: 1px;
	font-weight: 900;
	text-align: center
}
.subscribe-wide h1 span {
	font-size: 65px;
	letter-spacing: 1px;
	display: block;
	font-weight: 900;
	color: #fff;
}
.subscribe {
	margin: 50px auto;
	display: block;
	max-width: 1350px;
	text-align: center
}
.subscribe input {
	width: 340px;
	margin: 0;
	height: 62px;
	background: #fff;
	border: 0;
	display: inline-block;
	font-size: 24px;
	font-weight: 900;
	padding: 20px 30px;
}
.subscribe input[type=button], input[type=submit], input[type=reset] {
	background-color: #3f348c;
	width: 430px;
	display: inline-block;
	border: none;
	color: white;
	padding: 16px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}
.subscribe input[type=checkbox] {
	background-color: #3f348c;
	width: 28px;
	display: inline-block;
	height: 42px;
	border: none;
	color: white;
	padding: 16px 32px;
	text-decoration: none;
	margin: 14px 2px;
	cursor: pointer;
	vertical-align: middle;
}
.form-check-label {
	color: white;
	display: inline-block;
	padding: 16px 32px;
	vertical-align: middle;
	margin: 14px 2px;
}

@media only screen and (max-width: 759px) {
.subscribe-wide {
	background: #171047;
}
.subscribe-wide h1 {
	font-size: 30px;
}
.subscribe-wide h1 span {
	font-size: 42px;
}
.subscribe-wide {
	padding: 30px;
	background-size: cover
}
.subscribe input {
	width: 100%;
	display: block;
	height: auto;
	font-size: 18px;
	font-weight: 400;
}
.subscribe input[type=button], input[type=submit], input[type=reset] {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
}
.form-check-label {
	padding: 16px 12px;
	vertical-align: middle;
	margin: 0px 2px;
}
.logo-wrapper img {
	max-width: 30% !important;
	height: auto !important;
	max-height: 50px !important;
	margin: 20px 30px !important
}
}
.home-doc {
	/*margin-top: 140px;*/
	overflow: hidden;
	display: block;
	margin: 140px auto 0 auto;
	width: 100%;
	max-width: 1200px;
	position:relative;
	z-index:0;
}

@media only screen and (max-width: 64em) {
.home-doc {
	margin-top: 110px
}
}

@media only screen and (max-width: 1024px) {
.subscribe input {
	margin: 10px 0;
	width: 100%;
}
}

@media only screen and (max-width: 800px) {
.home-doc {
	margin-top: 90px
}
}
.home-doc .row {
	max-width: 1300px;
	padding: 320px 20px 200px;
	position: relative
}

@media only screen and (max-width: 64em) {
.home-doc .row {
	padding: 180px 20px 60px
}
}

@media only screen and (max-width: 800px) {
.home-doc .row {
	padding: 0 20px
}
}
.home-doc .row:before {
	content: '';
	position: absolute;
	top: 240px;
	left: 0;
	width: 380px;
	height: 460px;
	background: url("/go/images/doc-info-bg1.webp") no-repeat center center;
	background-size: cover !important
}

@media only screen and (max-width: 64em) {
.home-doc .row:before {
	display: none
}
}
.home-doc .row .media, .home-doc .row .background {
	position: absolute;
	top: 0;
	left: 43%;
	width: 640px;
	height: 640px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background-size: cover !important
}

@media only screen and (max-width: 64em) {
.home-doc .row .media, .home-doc .row .background {
	left: 0;
	transform: none;
	width: 54vw;
	height: 600px
}
}

@media only screen and (max-width: 800px) {
.home-doc .row .media, .home-doc .row .background {
	position: relative;
	left: 0;
	width: 100%;
	padding-top: 100%
}
}

@media only screen and (max-width: 64em) {
.home-doc .row .media {
	z-index: 9
}
}

@media only screen and (max-width: 800px) {
.home-doc .row .media:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: block;
	background: #222;
	opacity: 1;
	background: #000;
	background: linear-gradient(0deg, rgba(0,0,0,0.577468) 17%, rgba(255,255,255,0) 100%)
}
}
.home-doc .row .background {
	top: 150px;
	width: 530px;
	left: calc(45% + 294px);
	transform: none;
	background-position: right center !important
}
.home-doc .row .background:before {
	display: none
}

@media only screen and (max-width: 64em) {
.home-doc .row .background {
	left: auto;
	right: -1px;
	width: 50vw;
	height: 600px
}
}

@media only screen and (max-width: 800px) {
.home-doc .row .background {
	display: none
}
}
.home-doc .row .inner {
	max-width: 1135px;
	margin: 0 20px 0 70px;
	position: relative;
	z-index: 9;
	display: flex;
	justify-content: space-between
}

@media only screen and (max-width: 1320px) {
.home-doc .row .inner {
	margin-left: 40px
}
}

@media only screen and (max-width: 64em) {
.home-doc .row .inner {
	margin-left: 0
}
}

@media only screen and (max-width: 800px) {
.home-doc .row .inner {
	margin-right: 0;
	flex-wrap: wrap;
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	padding: 0 40px
}
}
.home-doc .row .inner .lside {
	padding-left: 30px
}

@media only screen and (max-width: 64em) {
.home-doc .row .inner .lside {
	padding-left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center
}
}
.home-doc .row .inner .lside h2 {
	color: #fff;
	font-size: 52px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: inline-block
}

@media only screen and (max-width: 1320px) {
.home-doc .row .inner .lside h2 {
	font-size: 45px
}
}

@media only screen and (max-width: 64em) {
.home-doc .row .inner .lside h2 {
	font-size: 38px
}
}

@media only screen and (max-width: 800px) {
.home-doc .row .inner .lside h2 {
	font-size: 30px
}
}

@media only screen and (max-width: 40em) {
.home-doc .row .inner .lside h2 {
	font-size: 22px
}
}
.home-doc .row .inner .lside h2 span.bg {
	background: #F36B24;
	padding: 10px 15px 3px;
	border-radius: 2px;
	font-size: 68%;
	text-transform: uppercase;
	display: inline-block;
	margin-left: -18px
}

@media only screen and (max-width: 64em) {
.home-doc .row .inner .lside h2 span.bg {
	margin-left: -9px
}
}
.home-doc .row .inner .lside p.tagline {
	font-family: "Avenir Next W01 Light";
	font-size: 26px;
	letter-spacing: 0.8px;
	text-transform: none;
	color: #fff
}
.home-doc .row .inner .lside p.tagline a {
	font-family: "Avenir Next W01 Light";
	font-size: 26px;
	letter-spacing: 0.8px;
	text-decoration: underline;
	color: #fff
}
.home-doc .row .inner .content.rside {
	position: relative;
	max-width: 420px;
	margin-top: -35px
}

@media only screen and (max-width: 64em) {
.home-doc .row .inner .content.rside {
	margin-top: 31%;
	max-width: 42vw;
	padding-left: 40px
}
}

@media only screen and (max-width: 800px) {
.home-doc .row .inner .content.rside {
	margin-top: 40px;
	padding-left: 0;
	min-width: 100%
}
}

@media only screen and (max-width: 40em) {
.home-doc .row .inner .content.rside {
	margin-top: 20px
}
}
.home-doc .row .inner .content.rside:after {
	content: '';
	position: relative;
	display: inline-block;
	width: 120px;
	background: url("images/1581012880-art-png.webp") no-repeat center center;
	background-size: 100% auto;
	padding: 5px;
	margin-top: 32px;
	margin-left: 35px;
	display: none
}

@media only screen and (max-width: 64em) {
.home-doc .row .inner .content.rside:after {
	display: none
}
}
.home-doc .row .inner .content.rside h2, .home-doc .row .inner .content.rside p {
	color: #fff
}
.home-doc .row .inner .content.rside h2 {
	margin-bottom: 30px
}

@media only screen and (max-width: 800px) {
.home-doc .row .inner .content.rside h2 {
	margin-bottom: 18px
}
}
.home-doc .extra-info {
	display: flex;
	max-width: 900px;
	margin: 120px auto 60px;
	padding: 0 20px;
	justify-content: space-between
}

@media only screen and (max-width: 64em) {
.home-doc .extra-info {
	margin: 55px auto 45px
}
}

@media only screen and (max-width: 800px) {
.home-doc .extra-info {
	flex-wrap: wrap
}
}
.home-doc .extra-info .content {
	width: 65%
}

@media only screen and (max-width: 800px) {
.home-doc .extra-info .content {
	width: 100%
}
}
.home-doc .extra-info .cta {
	text-align: right;
	display: flex;
	justify-content: center;
	align-self: center
}
.home-doc .extra-info .cta a {
	font-family: 'Avenir Next W01 Light', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	display: inline-block;
	position: relative;
	margin-top: 34px
}
.home-doc .extra-info .cta a:after {
	content: '';
	position: relative;
	width: 70px;
	margin-top: 12px;
	border-top: 15px solid #F36B24;
	display: block
}
.mod-home_gallery, .mod-cta_gallery {
	position: relative;
	margin-bottom: -35px
}

@media only screen and (max-width: 64em) {
.mod-home_gallery, .mod-cta_gallery {
	margin-bottom: 0
}
}
.home-doc .row:after {
	content: 'Dr. Steven Rasner';
	position: absolute;
	top: calc(50% + 85px);
	/*left: -220px;*/
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #ddd;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 15px
}


.page-offer { overflow: hidden;display: block;margin: 40px auto 0 auto;width: 100%;max-width: 1170px; padding-top: 120px}


.page-offer .row {max-width: 1170px;padding: 320px 20px 200px;position: relative}

@media only screen and (max-width: 40em) {.page-offer .row { padding:  0 ; }}

  
.page-offer .row .media, .page-offer .row .background {position: absolute; overflow: visible !important; z-index: -5; top: -100px;left: 50%;width: 440px;height: 440px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);background-size: cover !important; border-radius: 50%}
.page-offer .row .media h2 { color: #fff; font-size: 40px; position: absolute; bottom:130px; right: 0; left: 0; margin: auto; text-align: center}
.page-offer .row .media h2 span { color: #fff; font-size: 25px; display: block; text-align: center}

 @media only screen and (max-width: 40em) {.page-offer .row .media, .page-offer .row .background {  width: 440px;height: 440px; top: -200px; border-radius: 0}.page-offer .row .media h2 {  bottom:0; top: 100px   }
 }


.page-offer .row .background {top: 140px;width: 50%;left: 50%;transform: none;background-position: right center !important}
.page-offer .row .background:before {display: none}
@media only screen and (max-width: 74em) {.page-offer .row .background {left: calc(40% + 294px);}}
@media only screen and (max-width: 64em) {.page-offer .row .background {left: calc(20% + 294px);}}
@media only screen and (max-width: 40em) {.page-offer .row .background { position: relative; left: 0; right: 0 ; top: 0}}


.page-offer .row .inner {max-width: 1135px;margin: 0 20px 0 70px;position: relative;z-index: 9;display: flex;justify-content: space-between}
@media only screen and (max-width: 1320px) {.page-offer .row .inner {margin-left: 40px}}


.page-offer .row .lside { margin-top: -100px; width: 49%;min-height: 650px;background: url("/go/images/doc-info-text.webp") no-repeat center center;background-size: cover !important; display: inline-block; vertical-align: top}
.page-offer .row .lside ul {padding-left:  60px; margin-left: 0px; padding-top: 30px !important; z-index: 50; position: relative;   }
.page-offer .row  .lside li {color: #212e65;  }
 
@media only screen and (max-width: 40em) {.page-offer .row   .lside {  margin : auto; width: 100% } .page-offer .row  .lside ul {padding-left:  30px;   padding-bottom: 30px;  }
}


.page-offer .row  .rbg{ margin-top: -100px; width: 49%;background: #171047 url(/go/images/doc-info-bg1-new.webp) no-repeat  350px bottom;  min-height: 650px;  display: inline-block;vertical-align: top }
@media only screen and (max-width: 40em) {.page-offer .row  .rbg{ width: 100% !important; width: 100%; margin: auto;  height: auto}}


.page-offer .row  .rbg  ul { padding-top: 40px}
.page-offer .row  .rbg  li {color: #212e65}
 



@media only screen and (max-width: 84em) {
	.page-offer .row  .rbg  ul { padding-left: 10px !important; padding-bottom: 30px;}
}


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


.page-offer .row .rbg { width:48% !important; }

}

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

.page-offer .row .media, .page-offer .row .background { top: -20px !important; width: 400px !important; height: 400px !important;}

.page-offer .row .lside, .page-offer .row .rbg { min-height: 590px !important; width: 100% !important; margin: 0 !important;}

.page-offer .row .rbg ul { padding: 0 0 0 15px !important; margin: 0px 0 0 15px;}

.page-offer .row .lside ul { margin: 0 0 0 15px !important; padding: 10px 0 0 15px !important;}

}




.slant {
	position: relative;
	background: #eff5f7;
	height: 100px;
	width: 100%;
}
.slant-top:after {
	content: ' ';
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -37px;
	background: #eff5f7;
	-webkit-transform: skewY(2.2deg);
	-moz-transform: skewY(2.2deg);
	-ms-transform: skewY(2.2deg);
	-o-transform: skewY(2.2deg);
	transform: skewY(2.2deg);
	-webkit-backface-visibility: hidden;
}
.slant-top.slant-reverse:after {
	-webkit-transform: skewY(-2.2deg);
	-moz-transform: skewY(-2.2deg);
	-ms-transform: skewY(-2.2deg);
	-o-transform: skewY(-2.2deg);
	transform: skewY(-2.2deg);
}
.slant-bottom:before {
	content: ' ';
	width: 100%;
	height: 100px;
	position: absolute;
	top: -37px;
	background: #eff5f7;
	-webkit-transform: skewY(2.2deg);
	-moz-transform: skewY(2.2deg);
	-ms-transform: skewY(2.2deg);
	-o-transform: skewY(2.2deg);
	transform: skewY(2.2deg);
	-webkit-backface-visibility: hidden;
}
.tri-feats-wide {
	background: url("/go/images/callout-bg.webp") no-repeat center center;
	background-size: cover;
	margin: -30px 0 0 0;
	padding: 0
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 2001;
}

@media (min-width:759px) {
.container {
	width: auto
}
}

@media (min-width:1024px) {
.container {
	width: auto
}
}

@media (min-width:1200px) {
.container {
	width: 1350px
}
}
.tri-feats {
	text-align: center;
}
.tri-feats h1 {
	font-size: 64px;
	text-align: center;
}
.tri-feats h3 {
	padding-bottom: 55px;
	padding-top: 20px;
	font-size: 30px;
!important;
	text-align: center;
}
.tri-feats>div {
	width: 33.3333333333%;
	margin-right: 0%;
	float: left
}
.tri-feats>div:nth-child(3n) {
	margin-right: 0
}
.tri-feats>div:nth-child(3n):after {
	clear: both
}
.tri-feats>div:nth-child(3n+1):before {
	clear: both
}

@media only screen and (max-width: 40em) {
.tri-feats>div {
	width: 100%;
	margin-right: 0%;
	float: left
}
.tri-feats>div:nth-child(1n) {
	margin-right: 0
}
.tri-feats>div:nth-child(1n):after {
	clear: both
}
.tri-feats>div:nth-child(1n+1):before {
	clear: both
}
}
.tri-feats>div div {
	padding: 0
}
.tri-feats>div img {
	width: 100%
}
.tri-feats>div h3 {
	font-size: 26px
}

@media only screen and (min-width: 40.1em) and (max-width: 64em) {
.tri-feats>div p {
	font-size: 14px;
	text-align: center
}
}
.Footer {
	max-width: 100%;
	margin: auto;
	position: relative;
	background: #eff5f7;
	padding: 50px 0 50px 0;
	text-align: center;
}
.t1 {
	text-align: center;
	margin: 50px 0 0px;
	font-size: 20px;
	letter-spacing: 1.2px;
	font-family: "brandon-grotesque", Arial, sans-serif;
	font-weight: normal;
	font-family: 'Darker Grotesque', sans-serif;
	color: #000;
	-webkit-font-smoothing: antialiased;
}
.t2 {
	text-align: center;
	font-size: 20px;
	letter-spacing: 1.0px;
	font-family: "brandon-grotesque", Arial, sans-serif;
	font-weight: normal;
	font-family: 'Darker Grotesque', sans-serif;
	color: #000;
	-webkit-font-smoothing: antialiased;
}
.t3 {
	text-align: center;
	margin: 30px 0 0 0;
	font-size: 16px;
	letter-spacing: 1.2px;
	font-family: "brandon-grotesque", Arial, sans-serif;
	font-weight: normal;
	font-family: 'Darker Grotesque', sans-serif;
	color: #000;
	-webkit-font-smoothing: antialiased;
}
.grid {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	list-style: none;
	text-align: center;
}
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 320px;
	width: 33.3333333%;
	background: #ffffff;
	text-align: center;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.95;
}
.box-new.theme2 .box-figure.theme2 img {
  width: 100%;
  max-width: 120px !important;
}
.grid figure figcaption {
	padding: 1em;
	color: #000;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	font-weight: 900;
	font-family: 'Avenir Next W01 Light', Serif;
	font-size: 30px;
}
.grid figure h2 span {
	font-weight: 800;
	font-family: 'Avenir Next W01 Light', Serif;
	display: block;
	font-size: 50px;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure p {
	letter-spacing: 1px;
	font-family: 'Avenir Next W01 Light', Serif;
	font-size: 18px;
}
/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.8;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}
figure.effect-lily figcaption {
	text-align: left;
}
figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}
figure.effect-lily h2, figure.effect-lily p {
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
}
figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-lily p {
	color: #000;
	font-weight: 900;
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img, figure.effect-lily:hover p {
	opacity: 1;
}
figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

@media only screen and (max-width: 1200px) {
.grid figure h2 {
	font-size: 20px;
}
.grid figure h2 span {
	font-size: 35px;
}
}

@media only screen and (max-width: 759px) {
.grid figure {
	float: none;
	width: 100%;
}
}
.golden-btn {
	background: #e19a3f;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-decoration: none !important;
	padding: 10px 15px;
}
.course-box {
	border: 10px solid #0a0546;
	display: inline-block;
	width: 100%;
}
.course-box .course-box-title {
	background: #ad8c66;
	padding: 20px 0;
	text-align: center;
	font-size: 46px;
	line-height: normal;
	font-weight: 700;
	color: #0a0546;
	font-family: 'Hahmlet', serif;
}
.course-box .course-box-title h3 {
	margin: 0px;
	line-height: normal !important;
	font-size: 50px;
	font-weight: 700;
	color: #0a0546;
	font-family: 'Hahmlet', serif;
}
.course-box .course-box-title span {
	color: #fff !important;
	font-size: 46px;
	font-style: italic;
	font-weight: 700;
	font-family: 'Hahmlet', serif;
}
.course-box .course-box-title-2 {
	background: #ad8c66;
	padding: 20px 0;
	text-align: center;
	font-size: 46px;
	line-height: normal;
	font-weight: 700;
	color: #0a0546;
	font-family: 'Hahmlet', serif;
}
.course-box .course-box-title-2 h3 {
	margin: 0px;
	line-height: normal !important;
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	font-family: 'Hahmlet', serif;
}
.date-box {
	width: 100%;
	max-width: 900px;
	padding: 15px 0;
	text-align: center;
	display: block;
	margin: 20px auto;
	border: 10px solid #0a0546;
}
.date-box h3 {
	color: #444;
	font-size: 30px;
	font-weight: 600;
	font-family: 'Open Sans', serif;
	line-height: 40px;
	margin: 5px 0;
}
.course-50 {
	display: inline-block;
	width: 100%;
	max-width: 48%;
	vertical-align: top;
	padding: 10px;
	background: #d8d2c8;
	margin: 5px;
	text-align: left;
}
.course-50 p {
	margin: 0px;
}
.course-50 img {
	float: left;
	width: 100%;
	max-width: 150px;
	margin-right: 15px;
}
.course-box .course-d-title {
	background: #0a0546;
	padding: 20px 0;
	text-align: center;
	font-size: 46px;
	line-height: normal;
	font-weight: 700;
	color: #0a0546;
	font-family: 'Hahmlet', serif;
	margin: 20px 0 10px 0;
}
.course-box .course-d-title h3 {
	margin: 0px;
	line-height: normal !important;
	font-size: 50px;
	font-weight: 700;
	color: #d8d2c8;
	font-family: 'Hahmlet', serif;
}
.course-text-padding {
	padding: 0 15px;
}
.course-box .course-box-title-3 {
	background: #ad8c66;
	padding: 20px 10px;
	font-size: 46px;
	line-height: normal;
	font-weight: 700;
	color: #0a0546;
	font-family: 'Hahmlet', serif;
}
.course-box .course-box-title-3 h3 {
	margin: 0px;
	line-height: normal !important;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	font-family: 'Open Sans', serif;
}
.course-img-r {
	float: right;
	margin-left: 15px;
	width: 100%;
	max-width: 250px;
}
.course-box .course-box-title-3-small {
	background: #ad8c66;
	padding: 15px 10px;
	font-size: 46px;
	line-height: normal;
	font-weight: 700;
	color: #0a0546;
}
.course-box .course-box-title-3-small h3 {
	margin: 0px;
	line-height: normal !important;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	font-family: 'Open Sans', serif;
}
.course-dr-img {
	float: left;
	margin-right: 15px;
	width: 100%;
	max-width: 180px;
}
.location-box {
	display: inline-block;
	width: 100%;
}
.location-box h3 {
	color: #000;
	font-size: 18px;
	font-family: 'Open Sans', serif;
	font-weight: normal;
}
.location-box h3 strong {
	font-size: 26px;
	font-family: 'Open Sans', serif;
	color: #0a0546;
}
.tuition {
	padding: 0px;
	width: 100%;
	text-align: center !important;
	float: none !important;
	display: inline-block;
}
.tuition li {
	width: 100%;
	max-width: 200px;
	display: inline-block;
	float: none !important;
	text-align: center;
}
.course-box .course-box-title-live {
	background: #ad8c66;
	padding: 20px 0;
	text-align: center;
	font-size: 46px;
	line-height: normal;
	font-weight: 700;
	color: #0a0546;
	font-family: 'Hahmlet', serif;
}
.course-box .course-box-title-live h3 {
	margin: 0px;
	line-height: normal !important;
	font-size: 34px;
	font-weight: 700;
	color: #0a0546;
	font-family: 'Hahmlet', serif;
}
.ReviewBoxWrapper {
	float: right;
	margin-left: 15px;
	width: 100%;
	max-width: 290px;
}
.ReviewBox {
	display: inline-block;
	width: 100%;
	max-width: 280px;
	padding: 5px 0 0 0;
	background: var(--review-background);
}
.ReviewBox a {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-decoration: none !important;
}
.ReviewBox iframe {
	background: #1967b5;
	border-width: 0px;
	display: block;
	margin: 0px auto;
	overflow: hidden;
	width: 270px;
	height: 170px;
}
.ReviewBox2 {
	display: inline-block;
	width: 100%;
	max-width: 271px;
	padding: 2px 0 0 0;
	background: transparent;
}
.ReviewBox2 a {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	font-size: 18px;
	color: #000;
	text-align: center;
	text-decoration: none !important;
}
.ReviewBox2 iframe {
	background: transparent;
	border-width: 0px;
	display: block;
	margin: 0px auto;
	overflow: hidden;
	width: 270px;
	height: 170px;
}
/** NPO-css start**/


.slideOutButton {
	position: fixed;
	top: 295px;
	right: -50px;
	z-index: 999999;
}
.slideOutButton .emailIcon {
	position: relative;
	background-color: var(--website-npo-icon-background-1-color);
	color: #fff;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px
}
.slideOutButton .emailIcon .fa, .slideOutHeader .emailIcon .fa {
	line-height: 48px;
	font-size: 30px
}
.slideOutButton .slideButtonText {
	position: relative;
	background-color: var(--website-npo-name-background-color);
	color: #fff;
	font-size: 20px;
	white-space: nowrap;
	line-height: 55px;
	width: 50px;
	height: 230px
}
.slideOutButton .slideButtonText span {
	position: absolute;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	left: -66px;
	top: 105px;
	line-height: 1em;
	font-size: 22px;
	color: #fff;
}
.page-id-125 .slideOutButton .slideButtonText span {
	left: -52px
}
.slideOutButton:hover .emailIcon {
	background-color: var(--website-npo-icon-background-1-color-hover)
}
.slideOutButton:hover .slideButtonText {
	background-color: var(--website-npo-name-background-color-hover);
}
.slideOutButton .emailIcon i {
	animation-name: shake;
	animation-duration: 5s;
	transform-origin: 50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: webkitShake;
	-webkit-animation-duration: 5s;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}
@keyframes shake {
0% {
transform:rotate(0deg)
}
82% {
transform:rotate(0deg)
}
83.5% {
transform:rotate(10deg)
}
85% {
transform:rotate(0deg)
}
86.5% {
transform:rotate(-10deg)
}
88% {
transform:rotate(0deg)
}
89.5% {
transform:rotate(10deg)
}
91% {
transform:rotate(0deg)
}
92.5% {
transform:rotate(-10deg)
}
94% {
transform:rotate(0deg)
}
95.5% {
transform:rotate(10deg)
}
97% {
transform:rotate(0deg)
}
98.5% {
transform:rotate(-10deg)
}
100% {
transform:rotate(0deg)
}
}
@-webkit-keyframes webkitShake {
0% {
-webkit-transform:rotate(0deg)
}
82% {
-webkit-transform:rotate(0deg)
}
83.5% {
-webkit-transform:rotate(10deg)
}
85% {
-webkit-transform:rotate(0deg)
}
86.5% {
-webkit-transform:rotate(-10deg)
}
88% {
-webkit-transform:rotate(0deg)
}
89.5% {
-webkit-transform:rotate(10deg)
}
91% {
-webkit-transform:rotate(0deg)
}
92.5% {
-webkit-transform:rotate(-10deg)
}
94% {
-webkit-transform:rotate(0deg)
}
95.5% {
-webkit-transform:rotate(10deg)
}
97% {
-webkit-transform:rotate(0deg)
}
98.5% {
-webkit-transform:rotate(-10deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
.slideOut {
	position: fixed;
	right: -378px;
	width: 320px;
	z-index: 9999999;
	padding-left: 50px;
	height: 90%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	top: 240px;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.9s;
	-moz-transition-duration: 0.9s;
	transition-duration: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.cs {
	background-color: var(--website-npo-main-background-0-color);
	padding: 20px 10px 10px 10px !important;
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,.2);
	border: 0px solid #013a68;
}
.slideOutHeader {
	position: relative;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	color: #fff;
	font-size: 22px;
}
.slideButtonText {
}
.slideOutHeader .emailIcon .fa {
	margin-right: 10px;
	line-height: 46px
}
.slideOutHeader div {
	color: #fff;
	display: inline-block
}
aside .slideOutHeader div {
	display: block
}
.slideButtonText {
	line-height: 1em;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0;
	color: #fff;
}
.slideButtonText h4 {
	font-family: Avenir Next W01 Light;
	font-size: 24px;
	margin-top: 6px;
	color: #fff;
	margin-bottom: 20px !important
}
.slideButtonText p {
	margin-bottom: 10px;
	color: #fff !important;
}
.slideButtonText td {
	margin-bottom: 10px;
	color: #fff !important;
}
.slideButtonText span {
	margin-bottom: 10px;
	color: #fff !important;
}
.slideButtonText a {
	color: #fff
}
.slideOut .fa-chevron-right, .slideOutButton {
	cursor: pointer
}
.slideOut .fa-chevron-right {
	position: absolute;
	top: 0;
	left: 0px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	background-color: var(--website-npo-icon-background-2-color);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,.2);
	text-align: center;
	color: #fff;
	font-size: 30px;
}
.slideOutBody {
	background-color: #00386b;
	padding: 10px;
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,.2);
	line-height: 1em;
	font-size: 14px
}
.slideOutBody #emaillink {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 26px;
	line-height: 1em;
	font-weight: 700
}
.slideOutBody label {
	margin-top: 5px
}
.slideOutBody .wpcf7-form-control-wrap, .slideOutBody .wpcf7-form-control-wrap>* {
	display: inline-block;
	max-width: 100%
}
.slideOutBody .wpcf7-form-control-wrap>* {
	border: 1px solid #ededed
}
.out {
	right: 0
}
.slideOutButton .in {
	right: -50px;
}
.slideOut .in {
	right: -328px
}
.slideOutButton, .slideOut {
	transition: right 0.7s ease; /*overflow:hidden !important;*/
}
.slideOut div.wpcf7 img.ajax-loader {
	margin-left: -20px;
	background-color: #dcd4bf;
	border-radius: 3px
}
.slideOut textarea {
	height: 100px
}

@media screen and (max-width: 1500px) {
.slideOut {
	height: 70%;
}
}

@media screen and (max-width: 1400px) {
.slideOut {
	height: 70%;
}
}

@media screen and (max-width: 1024px) {
.slideOut {
	top: 260px;
}
.slideOut {
	height: 50%;
}
}

@media screen and (max-width: 759px) {
.slideOutButton, .slideOut {
	display: none;
}
}
/** NPO-css end**/



/*Header Desktop*/
	
.header-div {
	display: inline-block;
	width: 100%;
}
.header-wrapper {
	margin: auto;
	position: relative;
	z-index: 2;
	padding: 0px;
	max-width: 1150px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
ul.header-logo {
	clear: left;
	float: left;
	width: 100%;
	max-width: 180px;
	list-style: none;
	margin: 0;
	position: relative;
	z-index: 6000;
	padding: 20px 0;
}
ul.header-logo li {
	display: block;
	font-family: 'Avenir Next W01 Light', serif;
	color: rgba(31,31,31,1.00);
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 18px;
}
ul.header-logo li img {
	width: 100%;
}
ul.header-logo li.header-practice-name {
	font-size: 46px;
	line-height: normal;
	letter-spacing: -1px;
	font-weight: normal;
	padding-top: 20px;
}
ul.header-logo li.dr-name {
	font-size: 35px;
	line-height: normal;
	letter-spacing: -1px;
	font-weight: normal;
}
ul.header-logo li.img-logo {
	float: left;
	margin-right: 10px;
	margin-top: -10px;
}
ul.header-logo li.header-phone {
	font-size: 38px;
}
ul.header-logo a {
	text-decoration: none;
	font-size: 60px;
	color: var(--header-logo-text-color);
	text-decoration: none;
	font-style: italic;
}
ul.header-logo li a i.fa {
	font-size: 30px;
	margin: 0 5px
}
ul.header-logo li a:hover i.fa {
	color: #484848
}
ul.header-NAP {
	float: right;
	max-width: 400px;
	list-style: none;
	margin: 20px 0px 10px 0;
	padding: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out
}
ul.header-NAP li {
	display: block;
	color: #47b687;
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-size: 18px;
	text-align: right;
}
ul.header-NAP li a {
	color: var(--header-np-text-color);
}
ul.header-NAP li a:hover {
	color: var(--header-np-text-color-hover);
}
ul.header-NAP li img {
	height: 80px;
	margin: 0;
}
ul.header-NAP li.header-practice-name {
	font-size: 46px;
	line-height: normal;
	letter-spacing: -1px;
	font-weight: normal;
	padding-top: 20px;
}
ul.header-NAP li.dr-name {
	font-size: 35px;
	line-height: normal;
	letter-spacing: -1px;
	font-weight: normal;
}
ul.header-NAP li.img-logo {
	float: left;
	margin-right: 10px;
	margin-top: -10px;
}
ul.header-NAP li.header-phone {
	font-size: 25px;
	color: #000;
	padding: 0 0 5px 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out
}
ul.header-NAP a.img-button li {
	text-align: center; /*background-image: url(/go/images/arrow-png.webp) ; background-repeat:no-repeat; background-position:95%;*/
	width: 300px;
	text-decoration: none;
	color: #000;
	font-size: 26px;
	padding: 10px 0;
	z-index: 1;
	background: #FF0004
}
ul.header-NAP a {
	text-decoration: none;
}
.app-btn {
	float: none !important;
	background: var(--appt-button-color) !important;
	padding: 10px 15px !important;
	display: inline-block !important;
	text-decoration: none !important;
	color: #fff !important;
	font-size: 18px !important;
}
/*Header Desktop*/

/*Menu */

.main-menu {
	z-index: 103;
	width: 100%;    /* min-height:75px; Old browsers */
}
.main-menu-inner {
	z-index: 103;
	min-height: 200px;
	width: 100%;
	background: #171047;   /* min-height:75px; Old browsers */
}

@media screen and (max-width: 759px) {
}
/***** Navigation *****/

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
a {
	background: 0 0
}
a:active, a:hover {
	outline: 0
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
.row {
	margin-left: -15px;
	margin-right: -15px
}
.pull-right {
	float: right!important
}
.pull-left {
	float: left!important
}
.hide {
	display: none!important
}
.show {
	display: block!important
}
.invisible {
	visibility: hidden
}
.hidden {
	display: none!important;
	visibility: hidden!important
}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none
}
.sf-menu li {
	position: relative
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99
}
.sf-menu>li {
	float: left
}
.sf-menu li.sfHover>ul {
	display: block
}
.sf-menu a {
	display: block;
	position: relative
}
.sf-menu ul ul {
	top: 0;
	left: 100%
}
.sf-menu {
	float: left;
	margin-bottom: 1em
}
/*.sf-menu ul.menu-services{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:45em;*width:45em}*/
 
.back-div {
	width: 100%;
	max-width: 850px;
	position: absolute;
	top: 5px;
	margin: 0 auto !important;
	display: inline-block;
	left: 0;
	right: 0;
	text-align: left;
	padding: 10px 0 0 0 !important;
}
.sf-menu ul.menu-services {
	text-align: center;
	height: 100%;
	min-height: 330px;
	background-position: 28% 70% !important;
	background: var(--color-secondary-1-1-color) no-repeat;
	left: -820%;
	right: -1029%;
}
.sf-menu ul.menu-services li {
	display: inline-block;
	width: 250px
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em;
*width:12em
}
.sf-menu a {
	padding: 0;
	text-decoration: none;
	zoom: 1;
	color: #13a
}
.sf-menu li {
	white-space: nowrap;
*white-space:normal;
	-webkit-transition: background .2s;
	transition: background .2s
}
.sf-menu li.sfHover {
	-webkit-transition: none;
	transition: none
}
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
*padding-right:1em
}
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #dFeEFF;
	border-top-color: rgba(255,255,255,.5)
}
.sf-arrows>.sfHover>.sf-with-ul:after, .sf-arrows>li>.sf-with-ul:focus:after {
	border-top-color: #fff
}
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	border-left-color: rgba(255,255,255,.5)
}
.sf-arrows ul .sfHover>.sf-with-ul:after, .sf-arrows ul li>.sf-with-ul:focus:after {
	border-left-color: #fff
}
.sf-vertical {
	width: 12em
}
.sf-vertical ul {
	left: 100%;
	top: 0
}
.sf-vertical>li {
	float: none
}
.sf-vertical li {
	width: 100%
}
.sf-vertical.sf-arrows>li>.sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	border-left-color: rgba(255,255,255,.5)
}
.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after, .sf-vertical.sf-arrows li>.sf-with-ul:focus:after {
	border-left-color: #fff
}
#mobile-menu {
	display: none
}
.footer-menu .sf-menu>li {
	float: none
}
.footer-menu .sf-menu li.sfHover>ul {
	display: inherit
}
.footer-menu .sf-menu a {
	display: inherit;
	position: relative
}
.footer-menu .sf-menu ul ul {
	top: 0;
	left: 0
}
.footer-menu .sf-menu {
	float: none;
	margin-bottom: 0
}
.footer-menu ul.sf-menu {
	text-align: left;
	position: relative;
}
.footer-menu ul.sf-menu > li {
	color: #e3e3e3;
	display: inline-block;
	border-left: 1px solid #555555;
}
.footer-menu ul.sf-menu > li:first-child {
	border-left: none;
	border-top: none;
}
.footer-menu ul.sf-menu > li > a {
	color: #e3e3e3;
	line-height: 30px;
	font-size: 15px;
	padding: 5px 18px;
	text-decoration: none;
}
.footer-menu ul.sf-menu > li > a:hover {
	text-decoration: underline;
}
.footer-menu ul.sf-menu li:hover > ul {
	display: none;
}

@media only screen and (max-width:1024px) {
.sf-menu ul.menu-services {
}
}

@media only screen and (max-width:759px) {
#mobile-menu {
	display: block
}
.back-div {
	width: 100%;
	max-width: 850px;
	position: relative;
	top: 0;
	margin: 0 auto !important;
	display: inline-block;
	left: 0;
	right: 0;
	text-align: left;
	padding: 10px 0 0 0 !important;
}
.touch-with-ul>a:after {
	position: absolute;
	font-size: 14px;
	top: 50%;
	right: 1em;
	margin-top: -7px;
	content: "\f0d7";
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	line-height: 1em
}
 li.touch-with-ul.touch-hover:after>a {
content:"\f0d8"
}
.sidr {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 260px;
	overflow-x: none;
	overflow-y: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #333;
	background: -moz-linear-gradient(left, #333 0, #191919 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #333), color-stop(100%, #191919));
	background: -webkit-linear-gradient(left, #333 0, #191919 100%);
	background: -o-linear-gradient(left, #333 0, #191919 100%);
	background: -ms-linear-gradient(left, #333 0, #191919 100%);
	background: linear-gradient(to right, #333 0, #191919 100%);
	-pie-background: linear-gradient(left, #333 0, #191919 100%);
	behavior: url(/PIE.htc);
}
.admin-bar .sidr {
	top: 24px;
}
.sidr .menu {
	height: auto;
	visibility: visible;
	background: 0 0;
	margin: 0 0 50px 0
}
.sidr .sidr-inner {
	padding: 0 0 15px
}
.sidr .sidr-inner>p {
	margin-left: 15px;
	margin-right: 15px
}
.sidr.right {
	left: auto;
	right: -260px
}
.sidr.left {
	left: -260px;
	right: auto
}
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
	font-size: 11px;
	font-weight: 400;
	padding: 0 15px;
	margin: 0 0 5px;
	color: #fff;
	line-height: 24px;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: linear-gradient(#4d4d4d, #1a1a1a);
	-webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 5px 3px rgba(0,0,0,.2);
	box-shadow: 0 5px 5px 3px rgba(0,0,0,.2)
}
.sidr p {
	font-size: 13px;
	margin: 0 0 12px
}
.sidr p a {
	color: rgba(255,255,255,.9)
}
.sidr>p {
	margin-left: 15px;
	margin-right: 15px
}
.sidr ul {
	display: block;
	margin: 0 0 15px;
	padding: 0;
}
.sidr .sf-menu li {
	display: block;
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #4d4d4d;
	-webkit-box-shadow: -8px 10px 0px -9px #1a1a1a;
	-moz-box-shadow: -8px 10px 0px -9px #1a1a1a;
	box-shadow: -8px 10px 0px -9px #1a1a1a;
	background: 0 0
}
.sidr .sf-menu {
	float: none;
	width: 100%
}
.sidr .sf-menu>li {
	width: auto;
	float: none;
	line-height: 16px
}
.sidr li.sidr-class-active {
	line-height: 17px
}
.sidr li.sidr-class-active>a {
	-webkit-box-shadow: inset 0 0 15px 3px #222;
	-moz-box-shadow: inset 0 0 15px 3px #222;
	box-shadow: inset 0 0 15px 3px #222
}
.sidr li a {/*text-align:left;padding:10px 30px 10px  5px;display:block;text-decoration:none;color:#fff; font-size:14px;*/
	padding: 10px 0px 10px 0px;
	padding-right: 0px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 1.6em;
	font-family: var(--menu-font-face);
	font-weight: bold;
}
.sidr .sf-menu li ul {
	border-bottom: 0;
	margin: 0;
	position: relative;
	left: 0;
	width: 100%!important;
	background: transparent;
}
.sidr li li {
	font-size: 13px;
	line-height: 17px;
	background: #1E1E1E
}
.sidr li li:last-child {
	border-bottom: 0
}
.sidr li li a {
	color: #ccc;
	padding-left: 10px
}
.sidr .sf-menu ul ul li {
	background: #000
}
.sidr li li li a {
	padding-left: 45px
}
.sidr form {
	margin: 0 15px
}
.sidr label {
	font-size: 13px
}
.sf-menu ul.menu-services {
	min-width: auto;
*width: auto
}
.sf-menu ul.menu-services li {
	display: block;
	width: auto
}
}
#sb-container {
	height: 100%;
	display: none;
	visibility: hidden;
	z-index: 999
}
.primary-1-bg {
	color: #FFFFFF;
	border-color: #FFFFFF
}
.sf-active, #mobile-menu {
}
.menu {
	height: 60px;
	visibility: hidden;
	margin: 0 auto
}
.menu>ul {
	margin: 0
}
.menu.fit {
	visibility: visible
}
.sf-active .sf-menu {
	max-height: 100%
}
.sf-active {
	margin: 0;
	clear: both
}
.sf-active li {
	z-index: 20;
	height: inherit;
	line-height: 20px;
	white-space: normal;
	background: transparent
}
.sf-active li.sfHover {
	background: transparent
}
.sf-active a {
	font-family: 'Avenir Next W01 Light', sans-serif;
	font-weight: 900;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase
}
.sf-active a {
	color: #fff;
	border-left: none;
	border-top: none;
	text-decoration: none !important;
}
.sf-active li.sfHover a {
	color: #fff;
	border-left: none;
	border-top: none
}
.sf-active .sf-menu>li>a {
	font-weight: 500
}
.sf-active .sf-menu>li.sfHover>a {
	color: #fff
}
.sf-active .sf-menu>li>a.sf-with-ul:after {
	border: none!important
}
.sf-active .sf-menu.sf-arrows>li>a {
	padding-right: 0
}
.sf-active ul ul li a {
	padding: 0;
	font-size: 18px;
	text-align: left;
	text-transform: none
}
/*.sf-active ul ul{background-color:rgba(255,255,255,0.95);color:#303030;  border:5px solid #ffffff;  }*/
.sf-active ul ul li a:hover {
	color: #fff;
}
.sf-active ul ul li {
	text-align: left;
	background: transparent;
	white-space: nowrap;
	z-index: 2
}
.sf-menu>li.sfHover {
	background-color: var(--menu-background-hover);
	color: #FFFFFF;
	border-color: #FFFFFF
}
.sf-active ul ul li.sfHover {
	background-color: var(--menu-dropdown-background-hover);
	color: #FFFFFF;
	border-color: #FFFFFF
}
.sf-active ul ul ul {
	margin-top: 0px
}
.sf-active ul ul ul li {
	background: transparent;
	z-index: 1
}
.sf-active ul ul ul li.sfHover {
	background: rgb(0,0,0);
	background: rgba(0,0,0,1)
}
.sf-active li.last ul {
	left: auto;
	right: 0
}
.sf-active li>a {
	-webkit-transition: padding .25s ease;
	transition: padding .25s ease
}
.sf-active li.last ul ul {
	right: 100%
}
.sf-active .last ul a, .sf-active li.last ul .sfHover a {
	text-align: right;
	padding: 0;
}
.sf-arrows .last ul .sf-with-ul:after {
	margin-left: -3px;
	right: auto;
	left: 1em;
	border-color: transparent;
	border-right-color: #dFeEFF;
	border-right-color: rgba(255,255,255,.5)
}
.sf-arrows .last ul li>.sf-with-ul:focus:after, .sf-arrows .last ul .sfHover>.sf-with-ul:after {
	border-color: transparent;
	border-right-color: white
}
.sf-active ul ul li.sfHover>a, .sf-active ul ul li a:hover {
	color: #FFF;
}

@media only screen and (max-width: 759px) {
#mobile-menu, #mobile-menu>a {
	font-size: 24px;
	color: #fff;
}
#mobile-menu>a {
	float: left;
	display: block;
	padding: 10px;
	line-height: 20px
}
#mobile-menu>a:hover {
	text-decoration: none
}
#mobile-menu a.practice-link {
	float: none;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}
.sidr li a {
	color: #FFF;
	text-align: left;
	padding-right: 36px
}
.sidr li li a {
	color: #ccc
}
.sidr .sidebar-search {
	position: relative;
	padding: 10px 0;
	border: none
}
.sidebar-search .input-medium {
	width: 184px;
	padding-right: 28px
}
.sidebar-search button {
	line-height: 1em;
	margin-left: -40px;
	position: absolute;
	right: 5px;
	top: 16px;
	background: none;
	border: none;
	border-left: 1px solid #CCC
}
ul.children {
	display: none
}
ul.show-touch-menu {
	position: static!important;
	display: block
}
}
#menu22 {
	width: 100%;
	z-index: 9999;
	display: none;
	background: #47b687;
	text-align: center;
}
#menu-inner {
	width: 100%;
	z-index: 9999;
	background: #47b687;
	text-align: center;
}
#menu-mobile {
	display: none !important
}

@media screen and (max-width: 759px) {
#menu-mobile {
	display: block !important
}
#menu22 {
	display: none !important
}
#menu-inner {
	display: none !important
}
}
/*** ESSENTIAL STYLES ***/
.sf-menu-mega/*, .sf-menu-mega **/ {
	width: 100%;
	max-width: 95vw;
	display: table;
	margin: auto !important;
	text-align: center;
	padding: 0;
	list-style: none;
}
.sf-menu-mega li {
	position: relative;
}
.sf-menu-mega ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu-mega > li {
	display: table-cell;
}
.sf-menu-mega li:hover > ul, .sf-menu-mega li.sfHover > ul {
	display: block;
}
.sf-menu-mega a {
	display: block;
	position: relative;
}
.sf-menu-mega ul ul {
	top: 0;
	left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu-mega {
	margin: auto !important;
}
.sf-menu-mega ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
.sf-menu-mega a {
	padding: .75em .3em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu-mega ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	background: #fff;
	min-width: 45em;
*width:45em;
	padding: 5px 0 !important
}
.sf-menu-mega ul li {
	display: inline-block;
	width: 220px;
	margin: 0 !important;
}
.sf-menu-mega ul li a {
	color: #000;
	text-align: left;
	padding: .5em 1em;
}
.sf-menu-mega ul li a:hover {
	color: #fff;
}
.sf-menu-mega ul li:hover {
	display: inline-block;
	width: 220px;
	background: #47b687;
}
.sf-menu-mega a {
	color: #fff;
	text-decoration: none !important;
	font-family: 'Avenir Next W01 Light', sans-serif;
}
.sf-menu-mega li {	/*white-space: nowrap;  no need for Supersubs plugin *white-space: normal;*/	 /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu-mega ul li {
}
.sf-menu-mega ul li a {
}
.sf-menu-mega ul ul li {
	background: #fff;
}
.sf-menu-mega li:hover, .sf-menu-mega li.sfHover {
	background: rgba(255,255,255,0.3);	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}
/* menu-services */
.content-wrapper .content-main ul.menu-services {
	margin: 0;
	list-style: none;
	padding: 0 
}
.content-wrapper .content-main ul.menu-services li {
	display: inline-block;
	padding: 8px 10px;
	margin: 5px;
	width: auto;
	vertical-align: top;
	background-color: #484848;
	list-style: none
}
.content-wrapper .content-main ul.menu-services li a {
	text-decoration: none;
	color: #fff;
	vertical-align: middle;
}
.content-wrapper .content-main ul.menu-services li a:visited {
	text-decoration: underline;
}
.content-wrapper .content-main ul.menu-services li a:hover {
	text-decoration: underline;
}
/* menu-services */

/*Menu */


 /* H-Card Classes */h5.h-card {
	text-align: center;
	margin: 10px auto;
	color: #00264b;
	text-decoration: none;
}
.p-name, .p-honorific-suffix, .p-street-address, .p-extended-address, .p-locality, .p-region, .p-postal-code, .p-org u-url, .tel {
	text-decoration: none;
	font-size: 11pt;
	font-weight: 500;
	color: #00264b;
}
.dwscopy {
	font-size: 11pt;
	font-weight: 500;
}
.percent {
	list-style-type: none;
	margin-left: 25px;
}
/* Default Link Style */ 

 

/* Default Link Style */

 
/* Hard-Coded Reviews */

.viewr {
	max-width: 90%;
	margin: 10px auto;
	padding: 10px;
	border: 1px #dc9225 solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.DWSReview {
	max-width: 90%;
	margin: 10px auto;
	padding: 10px;
	border: 1px #dc9225 solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/* Items that are hidden from main website */ 

#pull {
	display: none;
}
#menu-thin-offer {
	display: none;
}
#menu-thin-direction {
	display: none;
}
#menu-thin-phone {
	display: none;
}
#show {
	display: none;
}
#menu-thin {
	display: none;
}
ul.images {
	display: none;
}
/* Items that are hidden from main website */ /* Header Area Alignment of Phone and Adreess */ 

.content-page-title {
	margin-bottom: 0px;
	font-size: 3rem;
	font-weight: 300;
	color: #000 !important;
	font-family: 'Avenir Next W01 Light', sans-serif;
	text-align: center;
}
/* Default Tag Style */
.content-page-title-a {
	color: #484848;
	font-size: 70px;
	line-height: normal;
	font-family: "Avenir Next W01 Light", cursive;
}
body, td, p, ul, ol, li, div, span, blockquote {
	font-size : 18px;
	line-height: 1.5 !important;
	color: var(--website-body-text-color);
	font-family: "Avenir Next W01 Light";
}
/* Rotator Title */

.welcome {
	max-width: 800px;
	margin: auto
}
.rotator-title-text {
	font-family: 'Avenir Next W01 Light', serif;
	line-height: 30px;
	font-size: 27px;
	color: #fff;
	background: #484848
}
/* Header Style Wrapper */

#header-wrap {
	z-index: 2000;
	max-width: 1200px;
	padding: 30px 0;
	margin: auto
}
#header-wrap-inner {
	z-index: 2000;
	max-width: 1200px;
	padding: 30px 0;
	margin: auto
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: ""
}
.clearfix:after {
	clear: both
}
/* Header Style */

.header-top {
	max-width: 1200px;
	margin: 0 auto;
	position: relative
}
a[href^=tel] {
	color: inherit;
	text-decoration: none;
}
/***** HEader Image *****/
 
.faces-wrapper-inner {
	margin: -120px 0 0 0;
	width: 100%;
	background: url(/go/images/banner-inner-png.webp) #fff no-repeat;
	height: 154px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: -999;
}
.faces-wrapper {
	margin: 0px 0 0 0;
	width: 100%;
	
	position: relative;
	z-index: 1;
}
.faces-wrapper .info {
	max-width: 1400px !important;
	margin: auto;
	position: absolute;
	bottom: 15%;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0;
	font-size: .8rem;
	z-index: 1
}
.faces-wrapper .info h2 {
	display: inline-block;
	margin: 0;
	color: #47b687;
	font-size: 2em;
	font-weight: 400;
	line-height: 1.2;
	z-index: 6;/*text-shadow:10px 5px 20px #000, 10px 5px 20px #000;*/
}
.faces-wrapper .info h2, .info h3, .info h4 {
	-webkit-animation: initial;
	-moz-animation: initial;
	-o-animation: initial;
	animation: initial;
}
.faces-wrapper .info h3 {
	font-family: 'Avenir Next W01 Light', sans-serif;
	display: block;
	text-transform: uppercase;
	font-size: 3.2em;
	line-height: 1.05;
	font-weight: 900;
	margin: .4em 0;
	position: relative;
	z-index: 6;
	color: #fff;/*text-shadow:1px 1px 0 #47b687, 2px 10px 20px #000;*/
}
.faces-wrapper .info h3:before, .faces-wrapper .info h3:after {
	content: '';
	position: absolute;
	width: 26%;
	height: 1px;
	top: 50%;
	left: 0;
	display: block;
	background: rgba(255,255,255,.5);
}
.faces-wrapper .info h3:before, .faces-wrapper .info h3:after {
	display: none;
}
.faces-wrapper .info h3:before, .faces-wrapper .info h3:after {
	width: 18%;
}
.faces-wrapper .info h3:after {
	right: 0;
	left: auto;
}
.faces-wrapper .info h4 {
	font-family: 'Avenir Next W01 Light', sans-serif;
	display: inline-block;
	font-size: 3em;
	line-height: 1.05;
	text-align: center;
	margin: 0 0 .2em 0;
	position: relative;
	z-index: 6;
	color: var(--faces-wrapper-title-color);
}
a.btn {
	font-family: 'Avenir Next W01 Light', sans-serif;
	color: #fff;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 700;
	/*line-height: 1rem;*/
	padding: 1.75rem 1rem;
	display: inline-block;
	position: relative;
	z-index: 6;
	cursor: pointer;
	border: none;
	text-decoration: none
}
a.btn-new {
	color: #fff;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	position: relative;
	text-decoration: none;
	margin-top: 5px;
}
a.btn:hover {
	color: #FFFFFF;
}
a.btn:before {
	content: '';
	position: absolute;
	top: 70px;
	width: 176px;
	height: 5px;
	background: #28113a;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.desk-none {
	display: none !important;
}

@media(max-width:1250px) {
.faces-wrapper .info {
	bottom: 5%;
}
.faces-wrapper .info h3 {
	font-size: 4.2em;
}
}

@media(max-width:1150px) {
.faces-wrapper {
	background-size: 100% auto !important;
}
.faces-wrapper .info {
	width: 100%;
}
.faces-wrapper .info h4 {
}
}

@media(max-width:759px) {
.desk-none {
	display: block !important;
	bottom: 0%;
}
a.btn, a.btn-new {
	font-size: 0.9em;
}
.faces-wrapper {
	background-size: 100% !important
}
.faces-wrapper .info {
	padding: 10px 0;
}
.faces-wrapper .info h2 {
	font-size: 1em;
}
.faces-wrapper .info h3 {
	font-size: 1.2em;
}
.faces-wrapper .info h4 {
	font-size: 1.1em;
}
}

@media(max-width:500px) {
	
	.faces-wrapper .info {

		
	position: relative;
	bottom: 0%; padding-top: 80px;


		
}
a.btn {
	padding: 0.75rem 1rem;
}
.faces-wrapper {
	width: 100% !important;
}
	.faces-wrapper img { display: none
}
a.btn:before {
	display: none
}
}
/***** HEader Image End *****/

/* Callout CSS Start */
 
#callouts {
	padding: 30px 0;
	z-index: 19;
	width: 100%;
	background: var(--callout-background);
}
ul.block {
	clear: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
ul.block li {
	display: inline-block;
	list-style: none;
	border: 0px solid #404241;
	max-width: 22.1%;
	width: 100%;
	margin: 10px 1% 10px 1%;
	border-radius: 0;
	text-decoration: none;
	padding: 0;
	background-image: none
}
ul.block li img {
	width: 100%;
	z-index: 1100;
	margin: 0;
	padding: 0;
	display: block;
}
ul.block li:hover img {
	opacity: 0.9;
}
ul.block li a {
	text-decoration: none
}
ul.block li a>div {
	background-color: var(--color-primary-4-color);
	background-size: cover;
	z-index: 1100;
	padding: 15px 0;
	margin-top: 0;
	border-bottom: 0px solid #404241;
	line-height: 17px;
	text-align: center;
}
ul.block li a>div>h3 {
	margin: 0!important;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
}
ul.block li a:hover>div {
	text-decoration: none;
	background-color: var(--color-primary-2-color);
	background-size: cover;
	color: #FFF
}
ul.block span img {
	margin: 0;
	padding: 0
}
/* Callout CSS End */

/* Main Content Start */

body {
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background: var(--color-primary-00-color);
}
h1 {
	font-size: 2.5rem;
	font-weight: 300;
	color: #484848;
	letter-spacing: -.1rem;
	font-family: 'Avenir Next W01 Light';
}
h2 {
	font-family: 'Avenir Next W01 Light';
	font-size: 25px;
	color: #484848;
}
h3 {
	font-family: 'Avenir Next W01 Light';
	font-size: 20px;
	color: #484848;
}
h4 {
	font-weight: normal;
	font-size: inherit;
}
h5 {
	font-size: 11.5pt;
	font-weight: 500;
	margin: 1px auto 3px auto;
}
h6 {
	text-align: center;
	font-size: 10pt;
	font-weight: 500;
	margin: 2px auto 3px auto;
}
.content-wrapper {
	margin: 80px auto 0;
	background: #fff;
	max-width: 1150px;
	padding: 0 15px 10px 15px;
	position: relative;
}
.content-wrapper p, .content-wrapper li {
	font-weight: normal
}
.content-wrapper h1, .content-wrapper h2 {
	color: #484848;
}
.content-wide h1, .content-wide h2 {
	color: #fff;
	text-align: center
}
.content-wrapper-inner {
	margin: 0px auto 0 auto;
	width: 100%;
	padding: 165px 0 20px 0;
	position: relative;
}
.content-wrapper-inner p, .content-wrapper-inner li {
	font-weight: normal
}
.content-wrapper-home {
	width: 100%;
	padding: 20px 0 0px 0;
	position: relative;
	margin: auto;
}
.content-wrapper-ins {
	width: auto;
	background-image: url(/go/images/brick-texture.webp);
	background-attachment: fixed;
}
.content-wrapper-footer {
	width: 1200px;
	margin: 0px auto;
	position: relative;
}
#content-main p, .content-main p, .content-main li {
	margin-bottom: 15px;
	font-size: 18px;
}
#content-main {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.content-main {
	width: 100%;
	max-width: 1200px;
}

@media(max-width:1150px) {
.content-wrapper {
	margin: 80px 20px 0 20px;
}
}
#rotator-area {
	padding: 25px 10px 15px 10px;
	text-align: center;
	background: url(/images/rotator-bg.webp) #e0e0e0 center top no-repeat;
	font-size: 16px;
}
.spacer {
	clear: both;
	font-size: 0;
	line-height: 0;
}
.spacer2 {
	clear: left;
	font-size: 0;
	line-height: 0;
}
.DWSReview {
	padding: 10px;
	border: 1px solid #dc9225;
	margin: 10px auto 10px auto;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #f3ebe0;
}
.revName {
	font-weight: 700;
	font-style: italic;
}
.revName:before { /* content: "\2022""\0020"; */
	content: " - ";
	display: inline;
}
.special-fluid {
	display: none
}
.right-box {
	float: right;
	margin-left: 15px;
	width: 100%;
	max-width: 290px;
}
.mob-rotator {
	display: none;
}
/* Main Content End */

/* Logo UL Start */

ul.logo-NAP {
	clear: left;
	max-width: 1200px;
	margin: auto;
	z-index: -999;
	list-style: none;
	padding: 0;
	text-align: center;
}
ul.logo-NAP li {
	display: inline-block;
	color: #e3e3e3;
	vertical-align: middle;
	list-style: none;
	margin: 0px 80px 0px 0px;
	padding: 0;
}
/* Logo UL End */


/* Services Css Start */

section.services {
	margin-bottom: 30px;
	border-bottom: 1px solid #555555;
	border-top: 1px solid #555555;
}
section.services h5 {
	color: #e3e3e3;
	font-size: 40px;
	font-weight: 200;
	text-transform: uppercase;
	margin: 55px 20px 0 0;
	width: 28%;
	line-height: 1;
}
section.services ul, section.services h5 {
	display: inline-block;
	vertical-align: top;
}
section.services ul {
	list-style: none;
	;
	padding: 10px 0 10px 30px;
	width: 61%;
	border-left: 1px solid #555555;
}
section.services ul li {
	display: inline-block;
	width: 30%;
	margin: 3px 1%;
	vertical-align: top;
}
section.services ul li a {
	display: block;
	font-size: 15px;
	padding: 2px 0;
	line-height: 1.3;
}
.main-services-box {
	display: flex;
	flex-wrap: wrap;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0 0px 0px rgba(23, 23, 24, 0.35);
	position: relative;
	margin: 0;
}
.services-box {
	flex: 100%;
	max-width: 50%;
	display: flex;
	box-sizing: border-box;
	padding: 10px 20px;
	align-items: center;
	border-right: 4px solid rgba(255, 255, 255,1);
	border-bottom: 4px solid rgba(255, 255, 255,1);
}
.service-bg-1 {
	background: #ab9d90 url('/content/images/preventive-img-01.webp');
	background-position: center center;
	background-size: cover;
}
.service-bg-2 {
	background: #ab9d90 url('/content/images/restorative-img-01.webp');
	background-position: center center;
	background-size: cover;
}
.service-bg-3 {
	background: #ab9d90 url('/content/images/cosmetic-img-01.webp');
	background-position: center center;
	background-size: cover;
}
.service-bg-4 {
	background: #ab9d90 url('/content/images/advanced-img-01.webp');
	background-position: center center;
	background-size: cover;
}
.service-img {
	margin-right: 30px;
}
.service-img img {
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(23, 23, 24, 0.1);
	width: 100%;
	max-width: 90px;
	display: block;
}
.services-ul {
	padding: 20px 10px 20px 45px !important;
	margin: 0px;
	height: 100%;
	display: flex !important;
	flex-flow: column !important;
	justify-content: top !important;
	display: inline-block;
	width: 100% !important;
	position: relative !important;
	background: transparent !important;
	left: auto !important;
	right: auto !important;
}
.services-ul a {
	text-decoration: none !important;
	padding-left: 5px;
	display: inline-block;
	width: 100%;
	max-width: 250px;
	text-transform: none;
}
.services-ul a li {
	margin: 2px 0;
	font-size: 17px;
	list-style: disc;
}
.services-ul a:hover {
	background: #fff;
}
.services-ul a:hover li {
	color: #000;
}
.service-box-title {
	font-size: 22px !important;
	margin-left: -15px;
	line-height: normal !important;
}
.service-box-title a {
	text-decoration: none;
	color: #000;
}
.service-box-title strong {
	font-size: 26px !important;
}
.imgbox {
	float: left;
	width: 30%;
	padding: 0 15px 0 0;
}
.box {
	float: left;
	width: 70%;
}
.box h3 {
	margin: 0px;
}
.box p {
	margin: 0px;
}

/* Services Css End */	

/***** Footer *****/
 

/* Footer-2 Css End */

/* Review Css Start */[  .review-bg {/*background-image: url(/go/images/review-back-01.webp);*/
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

/* Review Css End */


@media screen and (min-width: 47.5em ) {
/*.content-main {  margin-right: 17.5em; }*/
.special-wrapper {
	position: relative;
}
}

@media screen and (max-width: 1303px) {
/* Header Css Start */

.header-wrapper {
	height: auto;
	padding: 0 15px;
}
#header-wrap, #header-wrap-inner {
	padding: 0 20px
}
ul.header-block li.md {
	display: block !important;
}
#header-wrap {
	height: 135px;
}
/* Header Css End */

/* Rotstor Css Start */

#rotator-area {
	max-width: 100%;
}
/* Rotator Css End */
}

@media screen and (max-width: 1199px) {
/* Header Css Start */

ul.header-logo li {
	font-size: 18px;
}
ul.header-logo li.text {
	font-size: 36px;
}
ul.header-logo li.header-practice-name {
	font-size: 40px;
}
#header-NAP {
	display: none;
}
/* Header Css End */


/* Callout Css Start */

#callouts {
	width: auto;
}
ul.block {
	text-align: center;
}
ul.block li {
	width: 100%;
	max-width: 300px;
}
ul.block a li>div {
	font-size: 1em;
	letter-spacing: -1px
}
ul.special-block-hr li {
	width: 20%
}
ul.block li img {
	width: 100% !important;
}
/* Callout Css End */

/* Main Content Box Css Start */

.content-main {
	margin: 0px 30px 0 30px;
}
.content-wrapper-home {
	width: auto;
	margin: 0 20px;
}
/* Main Content Box Css End */

/* Rotator Css Start */

#rotator-area {
	max-width: 100%;
}
textarea {
	width: 350px;
}
/* Rotator Css End */
 
/* Review Css Start */

#show {
	display: block;
}
#show.read-reviews-button {
	background-image: url(/images/stars5.png);
	background-repeat: no-repeat;
	background-position: 95%;
	background-color: #00264b; /* fallback */
	background-image: url(/images/stars5.png), -webkit-gradient(linear, left top, left bottom, from(#00264b), to(#0051b9));
	background-image: url(/images/stars5.png), -webkit-linear-gradient(top, #00264b, #0051b9);
	background-image: url(/images/stars5.png), -moz-linear-gradient(top, #00264b, #0051b9);
	background-image: url(/images/stars5.png), -ms-linear-gradient(top, #00264b, #0051b9);
	background-image: url(/images/stars5.png), -o-linear-gradient(top, #00264b, #0051b9);
	background-image: url(/images/stars5-png.webp), linear-gradient(top, #00264b, #0051b9);
}
/* Review Css End */

	
}

@media screen and (max-width: 1024px) {
/* Media Css for Footer-2 */

.footer-2-hour {
	width: 100%;
}
.footer-2-office-div, .footer-2-map {
	width: 50%;
}
/* Media Css for Footer-2 */

/* Media Css for Footer-1 */

.footer-1-hours {
	width: 100%;
}
.footer-1-map {
	width: 100%;
}
/* Media Css for Footer-1 */

/* Services Box Css Start */

.services-box {
	flex-flow: column;
	padding: 20px 10px;
}
/* Services Box Css End */

}

@media screen and (max-width: 860px) {
/* Header Css Start */

.header-wrapper {
	height: auto;
}
/* Header Css End */

/* Services Css Start */

section.services h5 {
	font-size: 30px;
	margin: 0 0 0 10px;
}
section.services ul {
	padding: 0px 0 20px 10px;
	margin: 0
}
section.services ul, section.services h5 {
	width: 90%;
}
section.services h5 {
	margin: 20px 0;
}
section.services ul {
	border: 0;
}
/* Services Css End */

/* Footer Css Start */

ul.footer-NAP li {
	font-size: 13px
}
ul.footer-NAP li a {
	font-size: 13px
}
ul.footer-NAP li h5 {
	font-size: 13px
}
/* Footer Css End */
 
}

@media screen and (max-width: 759px) {
.lion-box {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.lion-box img {
	float: none;
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 15px auto;
}
/* Header Css Start */
#header-wrap {
	padding: 0;
	background-color: rgba(255,255,255,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0
}
#header-wrap-inner {
	padding: 0;
	background-color: rgba(255,255,255,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	display: table
}
.header-wrapper-inner {
	background: url(/go/images/slider.webp) #fff center top repeat-x;
	min-height: 370px;
	margin: 0;
	padding: 0 0 0;
	position: relative;
	width: 100%;
	z-index: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.header-wrapper {
	margin: auto;
	position: relative;
	display: table;
	text-align: center;
}
.app-btn {
	margin: 10px 0;
}
ul.header-logo {
	margin: 0px auto;
	float: none;
	width: 100%;
	display: table-header-group;
	background: none
}
ul.header-logo li {
	float: none;
	text-align: center;
	font-size: 20px;
	letter-spacing: -1px;
}
ul.header-logo li.text {
	font-size: 30px;
}
ul.header-logo li.header-practice-name {
	font-size: 35px;
}
ul.header-logo li.dr-name {
	font-size: 25px;
}
ul.header-logo li.img-logo {
	float: none;
	margin-right: 0px;
	margin-top: 0px;
}
.header-wrapper-middle {
	display: table;
	margin: 0px auto;
	padding: 20px 0
}
ul.header-NAP {
	float: none;
	text-align: center;
	width: 300px !important;
	margin: auto !important;
	display: none;
}
ul.header-NAP li {
	text-align: center;
}
ul.header-NAP a.img-button li {
	margin: 0 auto 20px auto
}
ul.logo-NAP li {
	margin: 0px;
}
/* Header Css End */

/* Menu Css Start */

.main-menu {
	background: transparent;
	text-align: center;
}
.menu-btn {
	vertical-align: top;
	float: none !important;
	display: inline-block !important;
	background: var(--menu-mobile-background);
	padding: 10px 0 0 0;
	font-size: 18px;
	color: #fff;
	border-radius: 0px;
	width: 45px;
	height: 45px;
	text-align: center;
	margin: 5px 5px;
}
/* Menu Css End */

/* Rotator Css Start */

.mob-rotator {
	display: inline-block;
	width: 100%;
	background: var(--mob-rotator-background-color);
	padding: 10px 0;
	margin-bottom: 10px;
}
.rotator-div {
	display: block;
	width: 100%;
	max-width: 300px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
}
.rotator-div p, .rotator-div td {
	color: #fff;
}
#rotator-area {
	width: 90%;
	float: none;
}
.rotator-title-text {
	padding-top: 20px
}
/* Rotator Css End */

/* Media Css for Footer-2 */

.footer-2-office-div, .footer-2-map {
	width: 100%;
}
/* Media Css for Footer-2 */

/* Services Css Start */

.services-box {
	max-width: 100%;
}
/* Services Css End */

/* Bottom Footer Css Start */

ul.footer-NAP {
	width: auto;
}
ul.footer-NAP li {
}
ul.footer-NAP li {
	display: block !important;
	text-align: center;
	margin: auto;
}
ul.footer-NAP li.social {
	float: none;
	margin: 20px 0 0 0;
}
/* Bottom Footer Css End */

/* Main Content Css Start */
.content-inner {
	width: 100% !important;
	margin: 20px 0;
	padding: 0 10px;
	float: none;
}
.content-wide {
	background-repeat: repeat-y
}
#content-main, .content-main {
	width: auto;
	display: table-header-group;
}
#content-main img {
	max-width: 100%;
	height: auto;
	outline: 0;
	width: auto;
}
.right-box {
	float: none;
	margin: 0 auto !important;
	display: block;
}
.ReviewBoxWrapper {
	float: none;
	margin: 0 auto !important;
	display: block;
}
.desktop {
	display: none;
}
/* Main Content Css End */

 
/* Footer Css Start */

#footer {
	background-size: auto;
	background-position: left top;
}
/* Footer Css End */

}

@media screen and (max-width: 530px) {
#header-wrap {
	background-size: auto;
}
textarea {
	width: 250px;
}
ul.header-logo li.text {
	font-size: 30px;
}
section.services ul li {
	width: 45%;
}
}

@media screen and (max-width: 430px) {
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.center {
	text-align: center
}
.scadForm-td, .scadForm-td-wide {
	text-align: left;
}
.scadForm-td {
	width: 50%;
}
.scadForm-table, .scadForm-td-wide {
	width: 100%;
}
.scadForm-table {
	margin: 10px auto
}
.scadForm-contain {
	display: none
}
.scadForm-contain {
	width: 80%;
	margin: 1px auto;
	background-color: #dddddd;
	padding: 5px 15px
}
.Form-ApptScad {
	padding: 0 10px
}
.apptscad-homephone, input.apptscad-EMailAddress, input.apptscad-Name, select.apptscad-HowFind, select.apptscad-timeprefer {
	padding: 9px;
	color: #666;
	width: 100%;
	border: 1px solid #ddd
}
select.apptscad-HowFind, select.apptscad-timeprefer {
	letter-spacing: 0;
	background: #e7e7e7;
	background: -moz-linear-gradient(top, rgba(231,231,231,1) 0, rgba(253,253,253,1) 100%);
	background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0, rgba(253,253,253,1) 100%);
	background: linear-gradient(to bottom, rgba(231,231,231,1) 0, rgba(253,253,253,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#fdfdfd', GradientType=0 )
}
input {
	min-height: 35px
}
textarea {
	height: 150px;
	color: #666;
	font-size: 16px;
	width: 100%;
	border: 1px solid #ddd;
	padding: 10px
}
button.show2 {
	padding: 7px 20px;
	font-size: 14px;
	text-align: center;
	background: #484848;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	cursor: pointer
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0
}
.pure-group input {
	width: 70%;
	height: 35px;
	font-size: 18px;
	margin: 7px 0 0 0
}
.pure-group textarea {
	width: 95%;
	font-size: 18px;
	margin: 10px 0 0 0
}
.pure-group label {
	width: 250px;
}
 @-webkit-keyframes enter {
0% {
-webkit-transform:scale3d(1, 1, 1);
}
 100% {
-webkit-transform:scale3d(5, 5, 5);
}
}
 @-moz-keyframes enter {
0% {
-moz-transform:scale3d(1, 1, 1);
}
 100% {
-moz-transform:scale3d(5, 5, 5);
}
}
 @-o-keyframes enter {
0% {
-o-transform:scale3d(1, 1, 1);
}
 100% {
-o-transform:scale3d(5, 5, 5);
}
}
 @keyframes enter {
0% {
transform:scale3d(1, 1, 1);
}
 100% {
transform:scale3d(5, 5, 5);
}
}
 @-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate(0, 100%);
}
 100% {
opacity:1;
-webkit-transform:none;
}
}
 @-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translate(0, 100%);
}
 100% {
opacity:1;
-moz-transform:none;
}
}
 @-o-keyframes fadeInUp {
0% {
opacity:0;
-o-transform:translate(0, 100%);
}
 100% {
opacity:1;
-o-transform:none;
}
}
 @keyframes fadeInUp {
0% {
opacity:0;
transform:translate(0, 100%);
}
 100% {
opacity:1;
transform:none;
}
}
 @-webkit-keyframes testimonial-videos {
0% {
right:-200%;
}
 100% {
right:200%;
}
}
 @-moz-keyframes testimonial-videos {
0% {
right:-200%;
}
 100% {
right:200%;
}
}
 @-o-keyframes testimonial-videos {
0% {
right:-200%;
}
 100% {
right:200%;
}
}
 @keyframes testimonial-videos {
0% {
right:-200%;
}
 100% {
right:200%;
}
}
 @-webkit-keyframes fadeIn {
0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-moz-keyframes fadeIn {
0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-o-keyframes fadeIn {
0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @keyframes fadeIn {
0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
}
 100% {
opacity:1;
-webkit-transform:none;
}
}
 @-moz-keyframes fadeInDown {
0% {
opacity:0;
-moz-transform:translate3d(0, -100%, 0);
}
 100% {
opacity:1;
-moz-transform:none;
}
}
 @-o-keyframes fadeInDown {
0% {
opacity:0;
-o-transform:translate3d(0, -100%, 0);
}
 100% {
opacity:1;
-o-transform:none;
}
}
 @keyframes fadeInDown {
0% {
opacity:0;
transform:translate3d(0, -100%, 0);
}
 100% {
opacity:1;
transform:none;
}
}
 @-webkit-keyframes grown {
0% {
width:0;
}
 100% {
width:40%;
}
}
 @-moz-keyframes grown {
0% {
width:0;
}
 100% {
width:40%;
}
}
 @-o-keyframes grown {
0% {
width:0;
}
 100% {
width:40%;
}
}
 @keyframes grown {
0% {
width:0;
}
 100% {
width:40%;
}
}

[data-columns]::before{display:block;visibility:hidden;position:absolute;font-size:1px;}

/* Container for the cards */
.course-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 20px;
    font-family: sans-serif; /* Replace with your site font */
}

/* Individual Card Styling */
.course-card {
    flex: 1 1 450px; /* Grows, shrinks, and starts at 450px */
    max-width: 600px; /* Matches your original design intent */
    background: rgba(23, 16, 71, 0.9);
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* Typography & Content */
.course-card h3 {
    font-size: 28px !important;
    margin: 15px 0;
}

.course-card p {
    line-height: 1.5;
    margin-bottom: 15px;
    color:#fff;
}

.text-left {
    text-align: left;
}

/* Image Handling */
.faculty-img {
    width: 30%;
    max-width: 120px;
}

.observer-img {
    width: 40%;
    min-height: 100px;
}

/* List Styling */
.course-list {
    text-align: left;
    padding-left: 20px;
}

.course-list li {
    margin-bottom: 10px;
}

/* Button Styling */
.register-btn{
    background: #e19a3f ; /* Gold color */
    padding: 12px 25px;
    border-radius: 5px;
    display: inline-block;
    margin: auto auto 0 auto; /* Pushes button to bottom of card */
    max-width: 300px;
    text-decoration: none;
    color: #fff !important;
    font-weight: bold;
    transition: background 0.3s ease;
}

.register-btn-gold:hover {
    background: #e2be7a;
}

/* Responsive Breakpoints */
@media (max-width: 768px) {
	.faculty-img, .observer-img { display:inline-block !important; }
    .course-card {
        flex: 1 1 100%; /* Stacks cards on mobile */
    }
    
    .course-card h3 {
        font-size: 24px;
    }
}

.box-tagline {
      color: #e19a3f;
      text-transform: uppercase;
    }

    .column {
      float: left;
    }

    .item {
      margin: 10px 0 10px 10px;
      background: #eff5f7;
      padding: 20px;
      font-size: 16px;
      display: inline-block;
      width: 95%;
    }

    .item img {
      width: 31%;
      text-align: center;
      margin: 10px auto 20px;
    }

    .size-1of4 {
      width: 31%;
    }

    .size-1of3 {
      width: 33.333%;
    }

    .size-1of2 {
      width: 100%;
    }

    /* Configurate salvattore with media queries */
    @media screen and (max-width: 450px) {
      #timeline[data-columns]::before {
        content: '1 .column';
        opacity: 0
      }
    }

    @media screen and (min-width: 451px) and (max-width: 700px) {
      #timeline[data-columns]::before {
        content: '1 .column.size-1of2';
      }
    }

    @media screen and (min-width: 701px) and (max-width: 850px) {
      #timeline[data-columns]::before {
        content: '3 .column.size-1of3';
      }
    }

    @media screen and (min-width: 851px) {
      #timeline[data-columns]::before {
        content: '3 .column.size-1of4';
        opacity: 0
      }
    }


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

    #video-wrap:not(.active) {
      opacity: 0;
      visibility: hidden;
    }

    #video-wrap .video-overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }

    #video-wrap .video-container {
      width: 50%;
      transition: all 0.3s ease-in-out;
      transform: scale(0.9);
    }

    #video-wrap .close-video {
      background-color: #fff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 25%;
      top: 20%;
      width: 42px;
      height: 42px;
      border-radius: 100%;
      border: solid 2px #000;
      padding: 0;
      transition: all 0.3s ease-in-out;
      z-index: 150;
    }

    #video-wrap .close-video:before,
    #video-wrap .close-video:after {
      content: "";
      width: 60%;
      height: 3px;
      background-color: #000;
      position: absolute;
      transition: all 0.3s ease-in-out;
    }

    #video-wrap .close-video:before {
      transform: rotate(42deg);
    }

    #video-wrap .close-video:after {
      transform: rotate(-42deg);
    }

    #video-wrap .close-video:focus {
      outline: none;
    }

    #video-wrap .close-video:hover {
      background-color: #000;
    }

    #video-wrap .close-video:hover:before,
    #video-wrap .close-video:hover:after {
      background-color: #fff;
    }

    #video-wrap video,
    #video-wrap iframe {
      position: relative;
      z-index: 10;
      border-radius: 12px;
      box-shadow: 0 0 19px rgba(0, 0, 0, 0.16);
      width: 100%;
      height: 100vh;
      max-height: 55vh;
      background-color: #000;
    }

    #video-wrap video {
      object-fit: cover;
    }

    #video-wrap.active {
      opacity: 1;
      visibility: visible;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      padding: 12px;
      height: 100vh;
      display: flex;
      transition: all 0.3s ease-in-out;
      z-index: 9991;
      align-items: center;
      justify-content: center;
    }

    #video-wrap.active .video-container {
      transform: scale(1);
    }

    @media (max-width: 64em) {
      #video-wrap .video-container {
        width: 100%;
        max-width: 500px;
      }

      #video-wrap iframe {
        max-height: 35vh;
      }

      #video-wrap .close-video {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        left: 0;
        margin: auto;
        text-align: center;
        top: 30%;
      }
    }

    .lets-play {
      width: 100% !important;
      cursor: pointer
    }

@import url(/t/1.css?apiType=css&projectid=4398bf22-84e9-4b75-9984-b405f17cd805);
@font-face {
	font-family: "Avenir Next W01 Light";
	src: url("/go/fonts/avenir-next-light.eot");
	src: url("/go/fonts/avenir-next-light.eot") format("eot"), url("/go/fonts/avenir-next-light.woff2") format("woff2"), url("/go/fonts/avenir-next-light.woff") format("woff"), url("/go/fonts/avenir-next-light.ttf") format("truetype");
}