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


body {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.6em; background: #ffffff; color: #231f20;}

h1, .h1 {font-family: 'Lato', sans-serif; font-weight: 700;font-size: calc(2rem + 1.5vw)}
h1 span, .h1 span {display: block; font-weight: 300; font-size: .8em;}

h2, .h2 {font-family: 'Lato', sans-serif; font-weight: 700;font-size: calc(1.75rem + 1.25vw)}
h2 span, .h2 span {display: block; font-weight: 300; font-size: .8em;}

h3, .h3 {font-family: 'Lato', sans-serif; font-weight: 400;font-size: calc(1.75rem + 1vw)}
h3 span, .h3 span {display: block; font-weight: 300; font-size: .8em;}

h4, .h4 {font-family: 'Lato ', sans-serif; font-weight: 400;font-size: calc(1.5rem + 1vw)}
h4 span, .h4 span {display: block; font-weight: 300; font-size: .8em;}

h5, .h5 {font-family: 'Lato', sans-serif; font-weight: 400;font-size: calc(1.25rem + 1vw)}
h5 span, .h5 span {display: block; font-weight: 300; font-size: .8em;}

h6, .h6 {font-family: 'Lato', sans-serif; font-weight: 400;font-size: calc(1rem + 1vw)}
h6 span, .h6 span {display: block; font-weight: 300; font-size: .8em;}

p:last-child { margin-bottom: 0;}

a:not([class]) { color: #00537a; text-decoration: none;}
a:not([class]):hover { color: #666666; text-decoration: underline;}

strong {font-weight: 700;}

ul.row {list-style: none; margin-bottom: 0px; padding-left: 0px;}
ul.row li {margin-bottom: 15px;}

.float-start {float: none !important; margin-right: 0px; margin-bottom: 15px;}
.float-end {float: none !important; margin-left: 0px; margin-bottom: 15px;}

header {position: absolute;left: 0px; top: 34px; z-index: 200;width: 100%; box-shadow: 0 .1rem .1rem rgba(0,0,0,.15) !important; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

header.stick_header  {position: fixed;left: 0;top: 0;}

.navbar-gb {background: #00537a; font-weight: 300; font-family: 'Lato', sans-serif; text-transform: uppercase; padding: 0px; }
.offcanvas-body {padding-left: 0px; padding-right: 0px;}
.offcanvas-title {font-size:1.5em; color:#00537a; font-weight: 600;}
.navbar-gb ul.navbar-nav li.nav-item a.nav-link {padding: 15px 15px;color: #00537a;}
.navbar-gb ul.navbar-nav li.nav-item a.nav-link:hover {background: #00537a; color: #f8f4ed;}

.dropdown-item.active, .dropdown-item:active { background-color: #00537a;}

.navbar-brand {position: relative;}
.navbar-brand img {position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: auto; height: 116px; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

header.stick_header .navbar-brand img {height: 50px; width: auto;transform: translateY(-50%); }

.navbar-gb .navbar-toggler {
    color: rgba(255,255,255,1);
	padding: 10px 15px 10px 15px;
	text-transform: uppercase;
    transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
}
.navbar-gb .navbar-toggler:hover {
    background: rgba(255,255,255,.3);
}
.navbar-gb .navbar-toggler:focus {
    box-shadow: none;
}
.navbar-gb .navbar-toggler-icon {
	margin-top: -4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-nav {}

.color-blue {color: #00537a;}

.btn, .btn:active, .btn:focus {font-size: 1em; outline: none; box-shadow: none; padding: .375em .75em .25em .75em;  margin-bottom: 15px;font-weight: 400; text-transform: uppercase;}
.btn.btn-lg {min-width: 200px;}

.btn.btn-solid {background: #00537a; color: #FFF;}
.btn.btn-solid:hover {background: #757576; color: #FFF;}

.btn.btn-outline {background: none; color: #231f20; border: 1px solid #231f20;}
.btn.btn-outline:hover {background: #757576; color: #f8f4ed; border: 1px solid #757576;}

.btn.btn-outline.blue {background: none; color: #00537a; border: 1px solid #00537a;}
.btn.btn-outline.blue:hover {background: #757576; color: #FFF; border: 1px solid #FFF;}

.btn.btn-outline.white {background: none; color: #f8f4ed; border: 1px solid #f8f4ed;}
.btn.btn-outline.white:hover {background: #757576; color: #FFF; border: 1px solid #FFF;}

.btn.btn-plus {font-size: 1.125em; position: relative;background: none; color: #231f20; padding: .375rem .375rem .375rem 2.5rem;}
.btn.btn-plus:hover {background: none; color: #00537a;}

.btn.btn-plus:before {position: absolute; display: block; content: "\f055";font-family: "Font Awesome 5 Pro"; font-weight: 300;font-size: 1.25em; left: .375rem; top: 50%; transform: translateY(-50%);width: 1.375rem; height: auto;}
.btn.btn-plus.active:before {position: absolute; display: block; content: "\f057";font-family: "Font Awesome 5 Pro"; font-weight: 300;font-size: 1.25em; left: .375rem; top: 50%; transform: translateY(-50%);width: 1.375rem; height: auto;}

.btn.btn-closeX {font-size: 1.125em; position: relative;background: none; color: #231f20; padding: .375rem .375rem .375rem 2.5rem;}
.btn.btn-closeX:hover {background: none; color: #00537a;}
.btn.btn-closeX:before {position: absolute; display: block; content: "\f057";font-family: "Font Awesome 5 Pro"; font-weight: 300;font-size: 1.25em; left: .375rem; top: 50%; transform: translateY(-50%);width: 1.375rem; height: auto;}

.banner figure {position: relative; padding-top: 67%; overflow: hidden; margin:0px;}
.banner figure:before {position: absolute; display: block; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; background: rgba(0,83,122,0.4);}
.banner figure img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 100%}
.banner figure figcaption{position: absolute; top: calc(50% + 50px); left: 50%; transform: translate(-50%, -50%); color: #FFF; z-index: 5; text-align: center;  padding: 30px;width: 100%; }
.banner figure figcaption h1{color: #FFF; text-transform: uppercase;}
.banner figure figcaption h1 span{font-size: 0.6em;}
.banner figure figcaption h2 span{text-transform: uppercase; font-weight: 300; font-size: .5em;}

.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}
.slider .slick-dots{top: 30px;right: 30px; width: auto;}
.slider .slick-dots li{width: 30px;height: 20px;}
.slider .slick-dots li button{border-radius:15px / 10px;background: #eeecec;width: 30px;height: 20px;outline: 0; content: "";}
.slider .slick-dots li button:before{content: "";}
.slider .slick-dots li.slick-active button{background: #00537a;}
.slider .slick-dots li button:hover{background: #00537a;}
.slider .slick-prev{left: 30px; right: auto;z-index: 9;width: 30px;height: 65px;top: 50%; transform: translateY(-50%);}
.slider .slick-prev:before{content: "\f104";font-size: 72px;line-height: .8em;color: #FFF;font-family: "Font Awesome 5 Pro"; font-weight: 300;}
.slider .slick-prev:hover:before{color: #00537a;}
.slider .slick-next{right: 30px; left: auto;width: 30px;height: 65px;z-index: 9;top: 50%; transform: translateY(-50%);}
.slider .slick-next:before{content: "\f105";font-size: 72px;line-height: .8em;color: #FFF;font-family: "Font Awesome 5 Pro"; font-weight: 300;}
.slider .slick-next:hover:before{color: #00537a;}

.intro {
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
	background: url("../images/plans.jpg") no-repeat center center; background-attachment: fixed; background-size: cover;
}

.intro h1{
    color: #00537a;
}

.firstVisit {
	background: #42688c;
	color: #FFF;
}

.firstVisit .col1{
	background: #42688c;
	color: #FFF;
	position: relative;
	text-align: center;
	min-height: 300px;
}

.firstVisit .col1::before{
	display: block;
	content: "";
	background: url("../images/gb-background.svg") no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 0px; right: 0px; top: -15%; bottom: -15%;
	z-index: 1;
}

.firstVisit .col1 h2{
	color: #FFF;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	z-index: 2;
}

.firstVisit .col2{
	background: #00537a;
	color: #FFF;
}

.firstVisit .col2  h3{
	color: #FFF;
	font-weight: 300;
	font-style: italic;
}

.ourDoctors {background: #231f20; position: relative; padding: 75px 0px;}
.ourDoctors:before {
	display: block;
	content: "";
	background: url("../images/exam.jpg") no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	position: absolute;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	z-index: 1;
	opacity: 0.10;
}
.ourDoctors .container {position: relative; z-index: 2;}
.ourDoctors .container h2, .ourDoctors .container p{color: #FFF; text-align: center;}
.ourDoctors .container p{margin-bottom: 40px; font-weight: 300;}

.ourDoctors .card {border-radius: 8px; border: none;background: #00537a;}
.ourDoctors .card .card-img-top {border-top-left-radius:8px;border-top-right-radius:8px; border: none; padding: 10px 10px 0px 10px;}
.ourDoctors .card .card-body h5 {font-size: 28px; margin-bottom: 0px; text-transform: none;}

.pageFlip {position: relative; color: #FFF; font-size: 22px; min-height: 57px; padding: .8rem 67px .8rem 1rem; text-transform: uppercase;}
.pageFlip:after {position:absolute;  right: 0px; bottom: 0px;width: 57px;height: 57px; display: block; content: url("../images/page-flip.svg");overflow: hidden;}
.ourDoctors .card .card-body.pageFlip {padding: 1rem 67px 1rem 1rem;}
.ourDoctors .card .card-body.pageFlip:after {border-bottom-right-radius: 8px; overflow: hidden;}

.ourLocations {background:#00537a; color: #FFF; padding: 50px 0 0 0;}
.ourLocations h2 {padding: 0 0 50px 0;text-align: center;}

.ourLocations figure {margin: 0px; padding-top: 65%; position: relative; overflow: hidden;}
.ourLocations figure img {width: 100%; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}

.testimonials {position: relative; padding: 75px 0px;}
.testimonials:before {
	display: block;
	content: "";
	background: url("../images/InvisibleBraces.jpg") no-repeat center center;
	background-size: cover;
	position: absolute;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	z-index: 1;
	opacity: 0.30;
}
.testimonials .container {position: relative; z-index: 2;}

.quote {
    text-align: left;
    padding: 0px 80px;
    margin: 25px 0px 75px 0px;
    position: relative;
    font-weight: 300;
}
.quote::before, .quote::after {
    font-family: 'Times', serif;
    font-weight: bold;
    font-size: 120px;
    line-height: 1;
    position: absolute;
    display: block;
    color: #00537a;
}

.quote::before {

    content: "\201C";
    left: 0px;
    top: 0px;

}

.quote::after {

    content: "\201D";
    right: 0px;
    bottom: -100px;

}


footer {background: #00537a; color: #f8f4ed; padding: 75px 0px 0px 0px; text-align: center;}
footer h5, footer h6 {text-transform: uppercase;}
footer h5  {margin: 20px 0px 0px 0px;}
footer h6  {font-size: calc(1.4em); font-weight: 700; margin-top: 30px;}
footer .address, footer .phone {color: #f8f4ed; margin: 15px 0px 0px 0px;}
footer .address i, footer .phone i {font-size: 1.5em; margin-right: 6px; display: inline-block;}
footer .address a, footer .phone a{color: #f8f4ed; text-decoration: none; }
footer .address a:hover, footer .phone a:hover{color: #f8f4ed; text-decoration: underline; }


.credits {background: #414042; color: #bcbaba; padding: 10px 0 10px 0; margin-top: 65px; font-size: .8em; text-align: center; font-weight: 300;}
.credits a{text-decoration: none; color: #bcbaba;}
.credits a:hover{text-decoration: underline; color: #FFF;}


.page-header {
    /*background: rgba(0,0,0,0.60);*/
	background: rgba(0,83,122,0.6);
    color: #FFF;
    position: relative;
    padding-top: 160px;
    padding-bottom: 2%;
}
.page-header::before {
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    background: #383838 url("../images/exam.jpg") no-repeat center center;
    background-size: cover;
}


.main-content {padding: 75px 0 75px 0;}
.main-content:nth-child(even) {background: rgba(0,0,0,0.05);}
.main-content blockquote {padding: 0 30px;}

.main-content hr:first-child {display: none;}

.main-content h1, .main-content .h1 {color: #00537a;}
.main-content h1 span, .main-content .h1 span {color: #231f20;}

.main-content h2, .main-content .h2 {color: #00537a;}
.main-content h2 span, .main-content .h2 span {color: #231f20;}

.main-content h3, .main-content .h3 {color: #00537a;}
.main-content h3 span, .main-content .h3 span {color: #231f20;}

.main-content h4, .main-content .h4 {color: #00537a;}
.main-content h4 span, .main-content .h4 span {color: #231f20;}

.main-content h5, .main-content .h5 {color: #00537a;}
.main-content h5 span, .main-content .h5 span {color: #231f20;}

.main-content h6, .main-content .h6 {color: #00537a;}
.main-content h6 span, .main-content .h6 span {color: #231f20;}

.article {margin-bottom: 2rem;}
.article img.float-end {width: 100%; max-width: 515px;}

.photo-image {
	position:relative;
	display:block;
	margin:0px auto 15px auto;
	background:rgba(0,0,0,.15);
}

.photo-image:before {
	display:block;
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:10;
	background:rgba(0,0,0,.0);
	transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;
	color:#FFF;
}
.photo-image:hover:before {
	display:block;
	content:"enlarge";
	background:rgba(0,0,0,.5);
	text-align:center;
	padding-top:22%;
	font-size:2em;
}

.photo-image figure {
	position:relative;
	overflow:hidden;
	padding-top:54%;
}

.photo-image figure img {
    position: absolute;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari */
    top: 50%;
    left: 50%;
    width: 100%;
}

/*  START FORMS  */

.form-select, .form-control {border-radius: 0;
}
.form-select:focus, .form-control:focus {
    border-color: #231f20;
    outline: 0;
    box-shadow: none;
}

.styledForm input {
	border-radius:0px;
	font-family: 'Lato', sans-serif;
    margin-bottom: 15px;
}

.styledForm select {
	border-radius:0px;
	font-family: 'Lato', sans-serif;
    margin-bottom: 15px;
}

.styledForm textarea{
	border-radius:0px;
	font-family: 'Lato', sans-serif;
    margin-bottom: 15px;
}

.styledForm h4 {margin-top: 30px;}

label {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
}

label.radio {
	padding-left:20px;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
}

label.radio input[type="radio"] {margin-top: 2px;}

label.error {
	width:100%;
	box-sizing:border-box;
	display:block;
	padding:4px 8px 4px 8px;
	font-size:.8em;
	color:#A40002;
	margin:0px 0px 12px 0px;
	font-family: 'Lato', sans-serif;
}

label.error.radioError {
	width:100%;
	box-sizing:border-box;
	display:block;
	padding:4px 8px 4px 8px;
	font-size:.8em;
	color:#A40002;
	margin:0px 0px 12px 0px;
}

label.optionList {
	font-weight:normal;
}

.indent {padding: 0px 20px 0px 20px;}

.styledForm.newsletter {
	margin-top:5px;
	margin-bottom:25px;
}

.styledForm.newsletter input{
	min-height:30px;
}

.styledForm.newsletter .btn.btn-default {
	border-radius:0px !important;
}

/*  END FORMS  */


/* START NOTIFICATIONS */
.notification.success {
	background:#DFF2BF url('../admin/images/icons/notifications/success.png') no-repeat 10px center;
	border-color:#4F8A10;
	color:#4F8A10;
}
.notification.error {
	background:#FFBABA url('../admin/images/icons/notifications/error.png') no-repeat 10px center;
	border-color:#D8000C;
	color:#D8000C;
}
.notification.warning {
	background:#FEEFB3 url('../admin/images/icons/notifications/warning.png') no-repeat 10px center;
	border-color:#9F7000;
	color:#9F7000;
}
.notification.info {
	background:#BDE5F8 url('../admin/images/icons/notifications/info.png') no-repeat 10px center;
	border-color:#00529B;
	color:#00529B;
}
.notification.tip {
	background:#feeac9 url('../admin/images/icons/notifications/tip.png') no-repeat 10px center;
	border-color:#CB9D4C;
	color:#CB9D4C;
}
.notification {
	border:2px solid #444;
	padding:18px 10px 18px 55px;
	margin:0 0 30px 0;
	color:#686868;
	font-weight:bold;
}

.absoluteNotification {
    position: fixed;
	z-index:999999;
    top: 18px;
    left: 0;
	text-align:center;
	padding:18px 0 18px 0;
	font: bold 18px/32px 'Lato-Regular';;
    width: 100%;
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}

.absoluteNotification.success {
    background:#4F8A10;
	color:#FFF;
}

.absoluteNotification.error {
    background:#F01616;
	color:#FFF;
}

/*  END NOTIFICATIONS  */


.google-map-wrapper {
    position: relative;
}
.google-map-wrapper .mapOverlay {
   background:transparent;
   position:absolute;
   width:100%;
   height:500px; /* your iframe height */
   top:500px;  /* your iframe height */
   margin-top:-500px;  /* your iframe height */
   z-index:2;
}

.google-map {
	padding-top: 33%;
	overflow:hidden;
	width:100%;
	margin-bottom:0px;
	color: #000;
    border-top: 1px solid rgba(0,0,0,0.3);
}

.google-map-col-wrapper {
    position: relative;
    background: #f6f6f6;
}
.google-map-col-wrapper .mapOverlay {
   background:transparent;
   position:absolute;
    top: 0px;
    bottom:0px;
    left: 0px;
    right: 0px;
   z-index:2;
}

.google-map-col {
    position: relative;
    padding-top: 50%;
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .banner figure {
        padding-top: 50%;
    }
    .banner figure img{
        height: auto; width: 100%;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .banner figure {
        padding-top: 35%;
    }
	.float-start {float: left !important; margin-right: 15px;}
	.float-end {float: right !important; margin-left: 15px;}
	.testimonials:before {
		background: url("../images/InvisibleBraces.jpg") no-repeat left center;
		background-size: cover;
		left: 20%; right: 0px; top: 0px; bottom: 0px;}
	.article img.float-end {width: 100%; max-width: 450px;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .banner figure {
        padding-top: 35%;
    }
.article img.float-end {width: 100%; max-width: 600px;}
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}