/*!

Theme Name: Webbortho

Theme URI: https://Webbortho.com

Author: Webbortho

Author URI: https://Webbortho.com

Description: Description

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: Webbortho

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/

/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */



/* Document

	 ========================================================================== */



/**

 * 1. Correct the line height in all browsers.

 * 2. Prevent adjustments of font size after orientation changes in iOS.

 */







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

  box-sizing: border-box;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block;

}

body {

  line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

table {border-collapse: collapse;  border-spacing: 0;}

img {  max-width: 100%;    width: auto;
    height: auto;}

a {transition: all 0.6s ease; cursor: pointer;  text-decoration: none;}

a:hover{color: rgb(81, 187, 235) !important; transition: all 0.6s ease;}

@font-face {font-family:Domine-Regular;src: url("fonts/Domine-Regular.ttf");}

@font-face {font-family:Domine-Bold;src: url("fonts/Domine-Bold.ttf");}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');



/************* etc css *****************/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


body {

    overflow-x: hidden;

}

.container {width:1730px;padding: 0 15px;margin: auto;}

p {

    font-family: 'Roboto', sans-serif;

    font-weight: 400 !important;

    font-size: 27px;

    color: rgb(71, 71, 71);

    line-height: 1.2;

    text-align: left;    margin-bottom: 39px;

}

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



.mobile-menu {

    display: none;

}

.line-bottom {width: 435px;height: 2px;background: #57b7e4;margin: auto;} 


.logo{display: flex;
    align-items: center;    width: 100%;}
.logo img{    height: 85px;
    width: auto;}
.award-img {      height: auto !important;  width: 130px !important; padding-left:10px !important;}




/************* menu ****************/





div#menu-open {

    background: #003e5e;

    text-align: center;

    display: inline-block;

    width: 100%;

    position: fixed;

    top: -120%;

    right: 0;

    z-index:+99999;

    transition: all 0.5s;
}

div#menu-open.active {

    top: 0px;  transition: all 0.5s;
	z-index:999999999;

}

div#menu-open .social_icon {

    width: 100%;

    display: inline-block;

    background: #51baea;

    padding: 15px 0;

}



div#menu-open .social_icon ul li a {

    font-size: 45px;

    color: #fff;

}

div#menu-open .social_icon ul li a:hover {

    color: #003e5e !IMPORTANT; transform: rotate(360deg);

}

nav.navigation ul li a:hover {

    color: #51baea;transition: all 0.6s ease;

}

div#menu-open .social_icon ul li {

    display: inline-block;

    margin-right: 40px;

}



div#menu-open .social_icon ul li:last-child {

    margin-right: 0px;

}





nav.navigation ul li {

    margin-right: 43px;    display: inline-block;

}



nav.navigation ul li a {font-family: 'Roboto', sans-serif;

line-height: 24px;    font-weight: 400 !important;

    color: #fff;    font-siz : 19px;

}



nav.navigation ul li:last-child {

    margin-right: 0;

}



.close-menu {

    position: absolute;

    right: 20px;

    top: 15px;

    cursor: pointer;

   /* -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;*/

}

.close-menu:hover {

    transition: .5s linear;

    -webkit-transform: rotate(1turn);

    transform: rotate(1turn);

}

.header-logo {    padding-bottom: 23px !important;

    padding-top: 15px !important;

        

}



nav.navigation {

    margin-bottom: 15px;

}

 

nav.navigation ul li{position:relative;}
.sub-menu{display:none;background: #51baea; width:300px; padding:10px; position:absolute; left:0; top:100%;}
.sub-menu li{width:100%; float:left; position:relative;}
.sub-menu li a{display:block; text-align:left; padding:5px 10px;color:#fff !important;}
.sub-menu li a:hover{background: #003e5e; }
.sub-menu .sub-menu{left:100%; top:0;}

@media only screen and (min-width:1000px){
nav.navigation ul > li:hover > .sub-menu{display:block;}

}

/********* header ********/





header#header {

    position: absolute;

    left: 0;

    right: 0;

    top: 20px;

    z-index: 1;

    transition: padding 0.3s ease-in-out;

    -webkit-transition: padding 0.3s ease-in-out;

    -moz-transition: padding 0.3s ease-in-out;

    -ms-transition: padding 0.3s ease-in-out;

}



header#header.sticky {

    position: fixed;

    top: 0;

    padding: 14px 0;

    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);

    background: rgba(0,0,0,0.50);

   z-index: 9999;

}





.toggle-btn {

    display: inline-block;

    width: 58px;

}



.toggle-btn .menu-bar {

    height: 10px;

    width: 58px;

    display: inline-block;

    background: #fff;

    border-radius: 60px;

    margin-bottom: 6px;vertical-align: top;

}



.toggle-btn .menu-bar:last-child {

    margin-bottom: 0px;

} 



.header .header-left {

    width: 50%;

    float: left;

}



.header .header-right {

    width: 50%;

    float: left; 

}



.header .header-right>div {

    display: inline-block;
	margin-right:20px;

}

.header .header-right {

    display: flex; justify-content: flex-end;

    flex-wrap: wrap;

    align-items: center;

}



.phone_header {

    margin-right: 148px;

}
.header{display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;}
.phone_header a img {

    float: left;
    width: 35px;
    margin-right: 27px;

}

.appointment_btn {

    margin-right: 30px;

}



.social_icon {

    margin-right: 26px;

}

.header-right .social_icon ul li {

    display: inline-block;

    margin-right: 28px;

}







.header-right .social_icon ul li a {

    font-size: 63px;

    color: #fff;

    display: block;

}

.header-right .social_icon ul li a:hover {

    transform: rotate(360deg);

}

.header-right .social_icon ul li a i {

    font-weight: 300;

}



.header-right .social_icon ul li:last-child {

    margin-right: 0px;

}

.facebook{ background: url(../webbortho/images/facebook.svg) no-repeat center center; }
.instagram{ background: url(../webbortho/images/instagram.svg) no-repeat center center; }


div#menu-open .social_icon ul li .facebook {
    width: 25px;
    height: 45px;
}

div#menu-open .social_icon ul li .instagram {
    width: 45px;
    height: 45px;
}

div#menu-open .social_icon ul li a {
    height: 45px;
    background-size: auto 100%!important;
    filter: invert(100%) sepia(5%) saturate(0) hue-rotate(
5deg) brightness(107%) contrast(106%);
    display: block;
}
.appointment_btn a {

    font-size: 23px;

    color: #fff;    font-family: Domine-Bold;font-weight: 700 !important;

}



.phone_header a {

       font-size: 23px;

    font-family: Domine-Bold;

    color: #fff;

    display: inline-block;

    line-height: 63px;

    font-weight: 700 !important;

}



header#header .container {

    width: 100%;

    padding: 0 30px;

}



/*********** banner **************/

.banner_image img {

    width: 100%;

    display: block;

}





.banner_bottom {

    display:  inline-block;

    width: 100%;

   /* margin-top: -315px;*/

    text-align: center;

}

.banner_image {

    height: 100vh;

    background-position: center !important;

    background-repeat: no-repeat !important;

}



.banner {

    position: relative;float: left;
    width: 100%;

}



.banner_bottom {

    position: absolute;

    bottom: 70px;    left: 0;

}

.banner_bottom .container {

    width: 100%;

    padding: 0 60px;

}

.banner_bottom .row {

    margin: 0 -30px;

}



.banner_bottom .row .column {

    width: 33.33%;

    padding: 0 30px;

float: left;}





.box_inner img {

    border-radius: 100%;

    transition: all 0.6s ease; float:left; width:100%;

}

.box_inner{overflow:hidden; float:left; width:100%;border-radius: 100%;}
.banner_bottom .row .column {
    text-align: center;
}
.box-effect {
    display: inline-block;
    vertical-align: top;
}
.banner_bottom a {

    position: relative;

    display: inline-block;


    cursor: pointer;

    width: 251px;

    height: 252px;

    border-radius: 100%;z-index: 1;

}

.banner_bottom a:hover img {

    transform: scale(1.1);

    transition: all 0.6s ease;

    display: inline-block;

}

.banner_bottom a .box_heading {

    position: absolute;

    width: 100%;

    top: 50%;

    font-size: 23px;

    color: #fff;

    font-family: Domine-Bold;

    font-weight: 700 !important;

    transform: translate(0%, -50%);

    z-index: +9999;

    line-height: 1.2;

}

.banner_bottom a .box_heading {

    position: absolute;

    width: 100%;

    top: 50%;

    font-size: 23px;

    color: #fff;

    font-family: Domine-Bold;

    font-weight: 700 !important;

    transform: translate(-100%, -50%);

    z-index: +9999;

    line-height: 1.2;

}

.banner_bottom a:before {    left: 0px;content: "";background: #000;position: absolute;z-index: 999;width: 100%;height: 100%;border-radius: 100%;opacity: 0.39;}

.banner_bottom .box-effect .banner_box_link:after {

   content: "";

    width: 340px;

    position: absolute;

    height: 316px;

    background: url(images/box-effect.png) no-repeat center;

    background-size: contain;

    left: 50%;

    top: 50%;    z-index: +999;

    transform: translate(-46%, -50%);

}

.box-effect {

    position: relative;

}





/************ section_award *************/





.section_award {

    display: inline-block;

    width: 100%;padding: 118px 0;

}

.section_award .section_title {

    margin-bottom: 98px;

}



.section_award .title {

    font-size:70px;}

.title {

    font-size: 60px;

    color: rgb(0, 62, 94);

    line-height: 1.2;

    font-family: Domine-Bold;

    font-weight: 700;

    text-align: center;

}



.section_award .row {

    margin: 0 -40px;

}



.section_award .column {

    width: 50%;

    float: left;

    padding: 0 40px;

}







/**************** section_meet-our ****************/





.section_meet-our {

    display: inline-block;

    width: 100%;

    text-align: center;

    height: 100vh;

    background-size: cover !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    position: relative;

    background-attachment: fixed !important;

}



.meet-our {    width: 100%;

    position: absolute;

    bottom: 0px;

    text-align: center;margin-bottom: 60px;

} 

.meet-our .title {

    color: #fff;    text-align: center;    font-size: 60px;

}



.meet-our p {

    color: #fff;

    text-align: center;

    width: 700px;

    margin: auto;

    font-size: 31px;    margin-bottom: 30px;

} 

.title-effect .line-bottom {

    margin-top: 28px;

    margin-bottom: 28px;

}



/************ treatment_plans ***********/



.section_treatment_plans {

    display: flex;

    width: 100%;

    padding: 90px 0 75px 0;

}



.section_treatment_plans .line-bottom {

    margin-bottom: 0px;

}



.treatment_plans {

 /*   padding: 0 40px;*/

    width: 100%;

    display: inline-block;    margin: 90px 0;

}



.treatment_plans .row {

    margin: 0 -40px;

}



.treatment_plans .column {

    float: left;

    width: 33.33%;

    padding: 0 40px;

    text-align: center;

}



.plans_box p {

    font-size: 26px;

    text-align:  center;

    color: #003e5e;

}



.plans_inner {

    margin-bottom: 45px;

}

.plans_inner .heading_sub {

    font-size: 226px;

    color: rgb(81, 187, 235);

    /* line-height: 0.775; */

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    display: block;

    margin-bottom:17px;

}



.plans_inner .box_heading {

    font-size: 57px;

    color: rgb(0, 62, 94);

    font-weight: bold;

    line-height: 0.877;

    text-align: center;

    font-family: Domine-Bold;

    font-weight: 700 !important;

}



.treatment_plans .column:nth-child(2n) .heading_sub {

    font-size: 104px;

}



.plans_inner{

       background-image: url(images/plane-image1.png);

    background-position: center;

    background-size: contain;

    height: 545px;

    display: flex;

    align-items: center;

    justify-content: center;background-repeat: no-repeat;

}

.treatment_plans .column:nth-child(2n) .plans_inner{

       background-image: url(images/plane-image2.png);

   

}

.treatment_plans .column:last-child .plans_inner{

       background-image: url(images/plane-image3.png);

    

}

.treatment_plans .column:nth-child(2n) .box_heading {font-size: 69px;}

/************ video ***********/





.video-button {

    width: 400px;

    height: 370px;

    background-repeat: no-repeat !IMPORTANT;

    background-size: contain !important;

    margin: auto;

    margin-bottom: 115px;

}



.section_video {

    display: inline-block;

    width: 100%;

    padding: 100px 0 62px 0;

}



.section_video .title-effect .line-bottom {

    margin-bottom: 0px !important;     margin-top: 20px;

}





.video-inner .title {

    color: #fff;

}

.play-video {

    display: flex;

    width: 100%;

    height: 100%;

    align-items: center;

    justify-content: center;

}



.play-video .icon-play {    transition: all 0.6s ease;

    border: 80px solid;

    display: inline-block;

    border-color: transparent transparent transparent #fff;

    border-right: 0px;

}



.play-video:hover .icon-play {    transition: all 0.6s ease;

    border-color: transparent transparent transparent #51bbeb;

}













/*************** slider ****************/

.section_smiles .container {

    padding: 0px;

}

.section_smiles {

    display: inline-block;

    width: 100%;

    padding: 110px 0;

}





ol.flex-control-nav {

    display: none !important;

}



.smiles_inner .flexslider {

    margin-bottom: 0px;

    border: 0px;

    position: initial !important;

}



.smiles_inner {

    padding: 0 105px;

    position: relative;

}



.smiles_inner ul.flex-direction-nav li a {

    width: 66px;

    height: 66px;

    background: #003e5e;

    font-size: 0px;

    opacity: 1 !important;

    line-height: 50px;

    text-align: center !important;

    display: inline-block !important;

    border-radius: 60px;

    outline: none !important;

}





.smiles_inner ul.flex-direction-nav li a:before {

   display: none !important;

}

.smiles_inner ul.flex-direction-nav li a.flex-next {

    background:url("images/flex-next.jpg")

}

.smiles_inner ul.flex-direction-nav li a.flex-next:hover {

    background:url("images/flex-nex-hover.jpg")

}

.smiles_inner ul.flex-direction-nav li a.flex-prev{

    background:url("images/flex-prev.jpg")

}

.smiles_inner ul.flex-direction-nav li a.flex-prev:hover{

    background:url("images/flex-prev-hover.jpg")

}



.smiles_inner .flex-direction-nav .flex-prev {

    left: 15px !important;

}



.smiles_inner .flexslider .flex-direction-nav .flex-next {

    right: 15px !important;

}



.smiles_inner .flex-direction-nav .flex-disabled {

    opacity: 1!important;

    filter: alpha(opacity=0);

    cursor: default;

    z-index: 1;

}

.smiles_inner .title {

    margin-bottom: 100px;

}

.smiles-info .sub-title {

    font-size: 26px;

    text-align: center;

    color: #003e5e;

    font-family: 'Roboto', sans-serif;

    font-weight: 400 !important;

    line-height: 1.2;

    padding: 30px 30px  0 30px;

}



/************* footer ************/

.footer-contact {

    display: flex;

    flex-wrap: wrap;

}



.footer-contact .map-embed {

    float: left;

    width: 70%;

}



.footer-contact .contact {

    width:30%;

    float: left;padding: 30px;

    background: #ededee;

}



.footer-contact .map-embed img {

    width: 100%;

} 





.footer-contact .contact h5,.footer_right_heading {

    font-size: 30px;

    color: rgb(0, 62, 94);

    line-height: 1.2;

    font-family: Domine-Bold;

    font-weight: 700;

    text-align: left;

}



.footer-contact .contact p {

    color: #003e5e;

    font-size: 28px;

}



.footer-contact .contact p strong {

    font-weight: 700;

} 

.footer-contact .contact>div {


    margin-bottom: 80px;

    background-position: left center !important;

    background-repeat: no-repeat !important;

}



.footer-contact .contact>div:last-child {

    margin-bottom: 0px;

}



.address .footer_right_heading {background: url("images/icon-map.png") ;    background-position: left bottom !important;}

.phone .footer_right_heading {background: url("images/icon-phone.png"); }

.hours .footer_right_heading {background: url("images/icon-hours.png"); }

.address:hover .footer_right_heading {background: url("images/icon-map-hover.png"); }

.phone:hover .footer_right_heading{background: url("images/icon-phone-hover.png"); }

.hours:hover .footer_right_heading{background: url("images/icon-hours-hover.png"); } 









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



#footer{float:left; width:100%;}

.footer-inner {display: inline-block;

    width: 100%;

    background: #003e5e;

    padding: 18px 0 7px 0;

}



.footer-inner .column {

    float: left;

    width: 25%;
	padding:0 15px;

}
.footer-inner .column:first-child {
    width: calc(50% - 140px);

}
.footer-inner .column:last-child {
    width: 140px;

}



.footer_social_icon li a {

    font-size: 63px;

    color: #fff;

    display: block;

}
.footer_social_icon li a:hover{ transform: rotate(360deg);}
.footer_social_icon ul{    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;}


.footer_social_icon li .facebook {
   width: 25px;
    height: 45px;
}
.footer_social_icon li .instagram {
    width: 54px;
    height: 54px;
}
.footer_social_icon li a {
    background-size: auto 100%!important;
    filter: invert(100%) sepia(5%) saturate(0) hue-rotate(
5deg) brightness(107%) contrast(106%);
    display: block;
}


.footer_social_icon li:last-child {

    margin-bottom: 0px;

} 
.footer-title{    font-size:27px;
    color: #fff;
    line-height: 1.2;
    font-family: Domine-Bold;
    font-weight: 700;
	font-weight: 700;
    margin-bottom: 20px;
    display: block;
}




.instagram-title a {

    font-size: 21px !important;

    line-height: 1.2;

    font-family: Domine-Bold;

    font-weight: 700;

    text-align: center;

    color: #fff;

    display: inline-block;

}



.instagram-title {

    text-align: center;

}







.instagram-title a {

    font-size: 30px !important;

    line-height: 1.2;

    font-family: Domine-Bold;

    font-weight: 700;

    text-align: center;

    color: #fff;

    display: inline-block;

}



.instagram-title {

    text-align: center;

}




.denscore_logo{width:150px;}

.menu-footer ul li {
    margin-bottom: 10px;
    width:100%;

}


.menu-footer ul li a {

    font-family: 'Roboto', sans-serif;

    font-weight: 400 !important;

    font-size: 20px;

    color: #fff;

    line-height: 1.2;

    text-align: left;

    margin-bottom: 0;

}





.menu-footer ul {

    /* columns: 2; */

}




.footer-top {

        display: flex
;
    width: 100%;
    flex-wrap: wrap;

}



.copyright {

    padding-left: 30px;

    margin-top: 75px;

    margin-bottom: 21px;

}



.copyright p, .copyright a {
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
}

.instagram-image {

    display: inline-block;

    width: 100%;

    text-align: center;

    margin-top: 28px;

}

.play-video img {

    width: 120px;

}

.slider{ position:relative; float:left; width:100%;}
.welcomeVid{min-width:100%;    width: 100%;
}



/************** 13-02-2019 *****************/


body header#header {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    background: rgba(0,0,0,0.50);     top: 0px;
    padding: 14px 0;
}

.home header#header.sticky {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    background: rgba(0,0,0,0.50);
    padding: 14px 0;
}

.home header#header {
    box-shadow: none;
    background: none;
    padding: 14px 0; 
}
.page-banner {
    padding-top: 155px;
    padding-bottom: 70px;
    background: #018dcc;
    min-height: 340px;
    width: 100%;
    vertical-align: bottom;
    display: flex;
}

.page-banner .container {
    margin-bottom: 0px;
}

.page-banner h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    font-family: Domine-Bold;
}

.page-sec1 {
    padding: 50px 0;
}

section {
    float: left;
    width: 100%;
}
.page-sec1 h2 {text-align: center;
    color: #083452;
    font-size: 30px;
    line-height: 36px;font-family: Domine-Bold;
    margin: 0 0 20px 0;
}
#content ul li input {
    width: 100%;
}
li#field_1_3,li#field_1_2 {
      width: 50%;
    float: left;
    clear: initial !important;
}
#content ul label {
    font-size: .813em !important;
    letter-spacing: .5pt;
    font-weight: 700 !important;
}


#content ul li, #content ol li {
    color: #333333;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    line-height: 36px;
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
    line-height: inherit;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 16px;
}
.virtual-section .gform_wrapper ul.gform_fields li {
    float: left;width: 100%;
    padding: 0 5px !important;
    background: none !important;
}
.gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-top: 10px;
}
body .gform_wrapper ul li.gfield {
    margin-top: 16px;
    padding-top: 0;
}
.gform_wrapper ul li.gfield {
    clear: both;
}
.gform_wrapper li.gfield_html {
    max-width: 100%;
}
li#field_1_6, li#field_1_5, li#field_1_4, li#field_1_7, li#field_1_8, li#field_1_9, li#field_1_10, li#field_1_11,li#field_1_12,li#field_1_13 {
    width: 25% !important;
    padding-right: 5px !important;
    clear: none !important;
    float: left;
    margin-top: 40px;
}

li#field_1_8,li#field_1_12 {
     clear: both !important;
} 

input#gform_submit_button_1 {
    color: #fff !important;
    background: #44a8de !important;
    width: 100% !important;
    font-size: 16px !important;
    max-width: 100% !important;
    box-sizing: border-box;
    border-radius: 50px !important;
    padding: 10px !important;
    border: 2px solid #44a8de;
    background-image: none !important;
    line-height: 1.8em !important;
    margin: 0 !important;
    outline: none !important;
    font-family: 'Roboto', sans-serif;
}














/*******************inner pages******************************/
.container2 {
    width: 1130px;
    max-width: 100%;
    margin: auto;
    padding: 0 15px;
}
.page-heading {
    height: auto;
    padding-top: 156px;
    padding-bottom: 70px;float: left;
    width: 100%;background: #018dcc;
}
.page-heading h1 {
    color: #fff;
    font-size: 50px;
    font-family: 'Raleway', sans-serif; font-weight:700;
    line-height: 50px;
}
.container2 {
    width: 1130px;
    max-width: 100%;
    margin: auto;
    padding: 0 15px;
}
.cnt {
    float: left;
    margin-top: -22px;
    margin-bottom: 120px;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 80px 40px;
    text-align: left;
    -webkit-box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.4);
}

.blog-post {
    float: left;
    width: 100%;
    margin: 0 0 80px 0;
}
.blog-post h4 {
    margin: 0 0 20px 0;color: #083452;
    font-size:30px;
     font-family: Domine-Bold;
    line-height: 36px;
}
.blog-post h4 a {
    color: #083452 !important;
}
.blog-post h6 {
    color: #a3a3a3;
    font-size: 18px !important;
   font-family: 'Roboto', sans-serif; font-weight:400;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}
.blog-img {
    float: left;
    width: 400px;
    text-align: center;
}
.blog-img img {
    width: 100%; float:left; height:auto;
}
.reamore1 {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    background: #083452;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 70px;
    font-size: 14px;
    font-family: 'Raleway', sans-serif; font-weight:700;
    margin-top: -22px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.6);
    position: relative;
}
.reamore1:hover {
    background: #018dcc;
}

.blog-text {
    color: #333333;
    font-size: 20px;
     font-family: 'Raleway', sans-serif; font-weight:400;
    line-height: 36px;
    padding: 0 0 0 440px;
}
.no-image .blog-text {
    padding: 0 0 0 0;
}
.no-image .blog-img{display:none !important;}

.hide-desktop {
    display: none;
}
.no-image .hide-desktop {
    display: inline-block;
    margin-top: 20px;
}


.pagination {
    float: left;
    width: 100%;    margin: 20px 0 40px;
}
.single-post .blog-img {
    margin-right: 40px;
}

.pagination ul{margin:0; padding:0;}
.pagination ul li {
    display: inline-block;
    list-style: none;
    margin: 0 5px;
    padding: 0 !important;
    background: none !important;
}
.pagination ul li a,.pagination ul li span{background:#083452 ; padding:0 10px; line-height:36px; color:#fff !important; float:left;
min-width:40px; text-align:center; border:solid 1px #083452;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;font-size: 14px;
   font-family: 'Raleway', sans-serif; font-weight:700;  text-transform: uppercase;
    letter-spacing: 1px;}
.pagination ul li span{background:#fff; color:#083452 !important;}

.cnt p {
    color: rgb(71, 71, 71);
    line-height: 24px;
    font-size: 18px;font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    margin: 0 0 40px 0;
}
.cnt p a{color: #083452}
.cnt p strong { font-weight:700; 
   
}
.blog-post p {
    margin: 0;
}
.cnt h2 {
    color: #083452;
    font-size:30px;
    font-family: Domine-Bold;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 20px 0;
}
.cnt h3 {
    color: #083452;
    font-size:24px;
    font-family: Domine-Bold;
    font-weight: 700;
    line-height:30px;
    margin: 0 0 20px 0;
}

.page-sec1{padding:50px 0;}
.page1-text {
    float: left;
    width: 50%; padding-right:15px;
}
.page1-image {
    float: left;
    width: 50%; padding-left:15px;
}

.banner-sec {
    position: relative;
}
.banner-sec img {
    float: left;
    width: 100%;
}

.acc-layer {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-sec h2 {
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    text-shadow: 0px 0px 14px rgba(0,0,0,0.5);
    margin: 0;
}

.page-sec1 p {
    color: #333333;
        line-height: 24px;
    font-size: 18px;
    margin: 0 0 40px 0;
}
.page-sec1 h2 {
    color: #083452;
    font-size:30px;
    line-height: 36px;
    margin: 0 0 20px 0;text-align: left;
}
.page-sec1 h1 {
    color: #083452;
    font-size:36px;
    line-height: 40px;
    margin: 0 0 20px 0;
}
.text-sec{padding:50px 0;}
.text-sec p {
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 40px 0;
}
.text-sec ul{}
.text-sec ul li {
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px; padding-left:20px;background: url("images/arrow-2.png") no-repeat 0 12px;
}
.col6 {
    float: left;
    width: 50%;
    padding: 0 15px 0;
    margin: 0 0 30px 0;
}
.cnt h4 {
    color: #333333;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 30px 0;
}
.cnt h6 {
    color: #333333;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 30px 0; font-weight:300;
}
.contact-sec h4 {
color: #083452;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 20px 0;    font-family: Domine-Bold;
}
embed, iframe, object {
    max-width: 100%;
}

.contact-sec {
    float: left;
    width: 100%;
}
.acceledent-sec1{padding-top:50px;}
.acceledent-row {
    float: left;
    width: 100%; margin-bottom:50px;
}
.acceledent-text {
    float: left;
    width: 50%;
    padding-left: 65px;
    padding-right: 65px;
}
.acceledent-sec1 h2 {
    color: #083452;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 30px 0;
}
.acceledent-sec1 p {
   color: #333333;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 30px;
}
.acceledent-image {
    float: left;
    width: 50%;}
.acceledent-video {
    float: left;
    width: 100%; position:relative; height:0;padding-bottom: 56.23%;overflow: hidden;
}
.acceledent-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0 0;
}
#content ul ,#content ol{margin-bottom:30px;}
#content ul li,#content ol li {
   color: #333333;
    line-height: 24px;
    font-size: 18px;font-family: 'Roboto', sans-serif;
    font-weight: 400 !important; padding-left:20px;background: url("images/arrow-2.png") no-repeat 0 5px;
}
#content ul li a{color: #333333;}
.acceledent-row:nth-child(even) .acceledent-text {
    float: right;
}

.cnt .card-body p {
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 0;
}
.cnt .card-body ul li {
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px; padding-left:20px;background: url("images/arrow-2.png") no-repeat 0 12px;
}

.cnt .card{border-bottom: solid 1px #666 !important;}
.cnt .card:first-child {
    border-top: solid 1px #666;
}



.before-after-sec1 {
    padding-top: 50px;
}
.before-after-row {
    margin: 0 -35px;
}
.before-after-row .col-sm-12 {
    float: left;
    padding: 0 35px;
    margin-bottom: 50px;
}
.before-after-row .col-sm-12 img {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.before-after-row p {
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 0;
    padding-left: 85px;
}
.before-after-row p strong {
  font-weight: 700;
}
.page-left{float:left; width:calc(100% - 280px); }
.sidebar{float:right; width:250px; }


.before-after-sec1 h2 {
    color: #083452;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 30px 0;
}
.before-after-sec1 p {
   color: #333333;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 30px;
}


@media (min-width:1921px){
.home-sec1 .container ,.home-sec2 .container,.home-sec4 .container{
    width: 100%;
    padding: 0 150px;
}

}
@media (max-width: 1199px){
.home-sec1 .col-lg-4 {
    padding: 0 15px;
}
.home-sec1 .row {
    margin-right: -15px;
    margin-left: -15px;
}


}
@media (max-width: 991px){
	.page-banner {
           padding-top: 0;
        min-height: 170px;        background-position: center top !important;
		
}
	.page-banner.no-bg {
        min-height: inherit;
		        padding-top: 50px;
}
	.banner-sec h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
}
.main-menu,.phone-detail{display:none;}
.logo {
    width: auto;
}
.cnt {
    padding: 40px;
}

.cnt .treatment_plans .column {
    padding: 0 10px;
}
}



@media (max-width: 768px){
.blog-text {
    padding: 0;
    float: left;
    width: 100%;
}	
.blog-img {
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
}	
.hide-desktop{display:inline-block;}
.hide-mobile{display:none;}
.reamore1 {
    margin-top: 20px;
}
}
@media (max-width: 479px){

}


.sitemap-menu ul{display:block !important; position:relative !important; top:0 !important; left:0 !important;width: 100% !important;
    float: left; margin:0 !important;}
.sitemap-menu li{float:left; width:100%;}
.sitemap-menu li a{background:none !important; padding:0 !important;}
.sitemap-menu > li{margin-bottom:10px !important;}


.error404 .page-sec1{text-align:center;}
.error404 .page-sec1 img{width: 200px;}

/******************************************/
.inner-container {
    width: 1130px;
    margin: auto;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0;
}
.inner-container .page-sec1 {
    float: left;
    width: 100%;
    position: relative; padding:0;
}
.inner-container .page-sec1 img {
    float: left;
    width: 100%;
    max-width: 100% ;
}
.mobile-banner {
    display: none;
}
.inner-container .page-sec2 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0 0 0;
    position: relative;
}
.form-sec {
    float: right;
    width: 348px;
    height: 400px;
    margin: -602px 23px 0 0;
    border: solid 2px #03264f;
    border-radius: 4px;
    padding: 23px 18px 0 18px;
    background: rgba(255,255,255,0.6);
    box-sizing: border-box;
}
.form-sec {
    margin: -556px 40px 0 0 !important;
    height: auto !important;
}
.form-img {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}
.form-sec h2 {
    color: #0c5aa1 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    margin: 0 0 22px 0 !important;
    letter-spacing: initial;
}

.form-row {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.form-row .wpcf7-text, .form-row .wpcf7-textarea, .form-row .wpcf7-select {
    float: left;
    width: 100%;
    background: #fff;
    border: solid 1px #000;
    height: 40px;
    padding: 0 12px;
    color: #959595;
    font-size: 14px;
    font-weight: 400; box-sizing:border-box;
}
.form-row .wpcf7-submit{
    background: #00b4cc;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 37px !important;
    text-align: center;
    font-size: 0.9285714285714286em;
    display: inline-block;
    border: none;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.form-row .wpcf7-submit:hover{
    background: #005a66;
}
.inner-container .page-sec2{
    font-family: Roboto;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #1d2127;
}
.page-row {
    margin: 0 -22px;
}
.page-col4 {
    float: left;
    width: 33.333%;
    padding: 0 22px;
    margin: 0 0 40px 0;
    box-sizing: border-box;
}
.col-inner {
    float: left;
    width: 100%;
    background: #0c5aa1;
    padding: 20px;
    color: #fff;
    height: 330px;
    box-sizing: border-box;height: 208px !important;

}
.col-inner h5 {
    text-transform: none;
    letter-spacing: initial;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    border-bottom: solid 1px #fff;
    padding: 0 0 10px;
    margin: 0 0 6px 0;    text-transform: uppercase;
}
.col-inner p {
   color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height:28px;
    margin-bottom: 0;
}


.inner-container .page-sec2 h2 {
    color: #083452;
    font-size:24px;
    line-height: 34px;
    margin: 0 0 50px 0;
}
.inner-container .page-sec2 h1 {
    color: #083452;
    font-size:36px;
    font-weight:700;
    line-height: 40px;
    margin: 0 0 20px 0;
}

.form-sec span.wpcf7-not-valid-tip {
    display: none !important;
}
div.wpcf7-response-output {
    margin: 0 0 10px 0;
    padding: 5px;
    float: left;
    width: 100%;
    font-size: 12px;
    font-family: arial;
    box-sizing: border-box;
    line-height: 14px;
}

.gallery-top{float:left; width:100%; text-align:center; margin-bottom:50px;}
.app-btn{display: inline-block;
    vertical-align: top;
    background: #083452;
    color: #fff;
    padding: 10px 20px;font-size: 16px;}
.app-btn:hover{background:#018dcc;}
	
	
	
	
	

div#gform_wrapper_2 li {
    background: none;
    padding-left: 0px !important;padding: 0;
}
input#gform_submit_button_2 {
    border: 1px solid #f7f2f0;
    height: 45px;
    display: inline-block;
    box-sizing: border-box;
       background: #1891c6;
      font-size: 20px;
    line-height: 28px;
    outline: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
        border-radius: 10px;
    padding: 0 35px;
}

input#gform_submit_button_2:hover {
 background: #003e5e;
}

.video_container{float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;}
.col-md-6{float:left; width:50%;}	


.team-sec2 ul{margin:0 -15px !important; padding:0 !important;}
.team-sec2 ul li {
    float: left;
    width: 25%;
    padding: 0 15px !important;
    margin: 0 0 50px 0;
    list-style: none;
    text-align: center;
    background: none !important;
}
.team-sec2 ul li:nth-child(4n+1){clear:both;}
.team-thumb{float:left; width:100%; position:relative; margin:0 0 15px 0;}
.team-thumb img{float:left; width:100%; }
.hover-img{position:absolute; left:0; top:0; opacity:0;-webkit-transition:  0.4s;
	-moz-transition: 0.4s;
	transition:  0.4s;}
.team-thumb:hover .hover-img{opacity:1;} 	
.team-sec2 h4,.bio-text h4 {
    color:rgb(0, 62, 94);
    font-size: 30px;
    font-family: Domine-Bold;
    line-height: 30px;
    margin: 0 0 10px 0;
}
.team-sec2 p {
    color: rgb(71, 71, 71);
    line-height: 24px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400; margin:0;    text-align: center;
}


/*****************Accordion*************************/

.accordion-container {
		position: relative;
		width: 100%;
		border: 1px solid #0c1617;
		border-top: none;
		outline: 0;
		cursor: pointer; border-left:none; border-right:none;
}

.accordion-container .article-title {
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 0 15px 50px;
    border-top: 1px solid #0c1617;
    font-size: 20px;
    font-weight: normal;
   color: rgb(0, 62, 94);
    cursor: pointer;    font-family: Domine-Bold;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
		color:#018dcc;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
		color:#018dcc;
}

.accordion-container .content-entry i {
		position: absolute;
		top: 15px;
		left: 12px;
		font-style: normal;
		font-size: 1.625em;
		    color: rgb(0, 62, 94);
}

.accordion-container .content-entry i:before {
		content: "+ ";
}

.accordion-container .content-entry.open i:before {
		content: "- ";
}

.accordion-content {
		display: none;
		padding:20px;
}

#content {
		width: 100%;
}

.accordion-container,
.accordion-container, #description {
    width: 100%;
    margin: 0;
}
#description p {
		line-height: 1.5;
}

#description h2 {
		text-align: center;
}


.accordion-content h3 {
    font-size:26px;
    color: rgb(0, 62, 94);
    line-height:30px;
    font-family: Domine-Bold;
    font-weight: 700;
    text-align: left; margin-bottom:15px;
}
.images{margin:0 -15px;display: flex;}
.image{float:left; width:33.333%; padding:0 15px; margin-bottom:15px;}
.flexslider .slides > li {
    background: none !important;
    padding: 0;
}


.fancybox-content {
    width: 800px;
}
.bio-img{    float: left;
    width: 230px;}
.bio-text {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 230px);
}
	
	
	

.fancybox-close-small {
    background: #000 !important;
    color: #fff !important;
    opacity: 1 !important;
}

.flexslider .slides > li {
    padding: 0 !important;
}
.fancybox-infobar{display:none !important;}



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


div#menu-open nav.navigation ul li span.dropdown {
    display: none;
}



.video-row{margin:0 -20px;}
.video-row .col3{float:left; width:25%; padding:0 20px; margin-bottom:40px;}
.video-block{float:left; width:100%; padding:10px; background:#fff; border:solid 1px #ccc;}
.video-block img{float:left; width:100%; }
.video-block a{float:left; width:100%; position:relative;}
.video-block a:before{position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:50px; height:50px; border:solid 5px #fff; background:url(images/video-icon.png) no-repeat center center;background-size:20px auto !important; display:block !important; content:'';
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;-webkit-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.40);
box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.40);}
.video-block h4{color: rgb(71, 71, 71);
    line-height: 24px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600 !important;
    margin:10px 0 0 0; text-align:center; clear:both; float:left; width:100%;}
.fancybox-inner h4{color: rgb(71, 71, 71);
    line-height: 24px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600 !important;
    margin:20px 0 10px 0; clear:both; float:left; width:100%;}
.fancybox-inner p{margin:0;}	
.video-iframe{float:left; width:100%;}	
.video-iframe iframe{float:left; width:100%;}	



.pagination ul li {
    display: inline-block;
    list-style: none;
    margin: 0 5px;
    padding: 0 !important;
    background: none !important;
}
.pagination a,.pagination span{background:#083452 ; padding:0 10px; line-height:36px; color:#fff !important; float:left;
min-width:40px; text-align:center; border:solid 1px #083452;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;font-size: 14px;
   font-family: 'Raleway', sans-serif; font-weight:700;  text-transform: uppercase;
    letter-spacing: 1px; margin:5px;}
.pagination span.current{background:#fff; color:#083452 !important;}



.story_content{text-align:center;}
.story_content .row{margin:0 -15px;}
.story_content .col-sm-6{float:left; width:50%; padding:0 15px; margin-bottom:30px;}
.story_content .col-sm-6:nth-child(2n+1){clear:both;}
.story_content .col-xs-6 {
    width: 50%;
    float: left;
    padding: 0 15px;    margin-bottom: 18px;
}
.success_pic_row img{float:left; width:100%;}
.blue_bck {
    float: left;
    width: 100%;
    padding: 15px;
    background: #fff;
    border: solid 1px #ccc;
}
.success_content_full {
    float: left;
    width: 100%;
    padding: 15px;
    background: #018dcc;
    margin-bottom: -15px;
}
.success_content_full p{margin:0; padding:0; color:#fff;}	

.banner_box_link {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.cnt .plans_inner .box_heading {
    font-size: 24px !important;
}
.cnt .plans_inner .heading_sub {
    font-size: 70px !important;
}

.cnt .treatment_plans .column:nth-child(2n) .box_heading {
    font-size: 24px !important;
}
.cnt .treatment_plans .column:nth-child(2n) .heading_sub,.cnt .plans_inner .heading_sub {
    font-size: 40px !important;
}

.cnt .treatment_plans .column:nth-child(3n) .box_heading{padding-right:40px !important;}
.cnt .treatment_plans {
    margin:20px 0 0 0 !important;
}
.cnt .plans_inner {
    height: 250px !important;
}
.cnt .section_treatment_plans {
    padding: 0 !important;
}
.smiles_inner{text-align:center;}
.smiles_link,.meet_doctors_link{border: 1px solid #f7f2f0;
    display: inline-block;
    box-sizing: border-box;
    background: #1891c6;
    font-size: 20px;
    line-height: 45px;
    outline: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    border-radius: 10px;
    padding: 0 35px;}
.smiles_link:hover,.meet_doctors_link:hover {
 background: #003e5e; color:#fff !important;
}	

/************** 29-02-2020 *******************/


.story-section ul li {
    padding-left: 0px !important;
    background: none !important;
    width:31%;
    margin-right: 3%;
    margin-bottom: 3%;
    float: left;
}

.story-section ul li img {
    height: auto !important;
}

.story-section ul li:nth-child(3n) {
    margin-right: 0px !important;
}

.story-section ul {
    display: flex;
    flex-wrap: wrap;
}







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

section {
    float: left;
    width: 100%;
}
.banner-sec {
    position: relative; margin-bottom:100px;
}

.banner-sec img {
    float: left;
    width: 100%;
}
.acc-layer {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-sec h2 {
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    font-family: 'Playfair Display';
    font-weight: 700;
    text-shadow: 0px 0px 14px rgba(0,0,0,0.5);
    margin: 0;
}

.dr-top{margin-bottom:100px;}
.dr_row{float:left; width:100%; margin-bottom:100px;}
.dr_image{float:left; width:50%;}
.dr_text{float:left; width:50%;}
.dr_row:nth-child(even) .dr_image{float:right; padding-left:15px;}
.dr_row:nth-child(even) .dr_text{padding-right:15px;}


.dr_row:nth-child(odd) .dr_image{ padding-right:15px;}
.dr_row:nth-child(odd) .dr_text{padding-left:15px;}

.dr_row h2 {
    font-size: 34px;
    color: rgb(0, 62, 94);
    line-height: 1.2;
    font-family: Domine-Bold;
    font-weight: 700;
     margin-bottom:30px;
}


@media screen and (max-width: 991px){
.banner-sec h2 {
    line-height: 35px;
}
}
@media screen and (max-width: 767px){
.banner-sec {
    margin-bottom: 50px;
}
.dr-top img{display:block; margin:auto; float:none; max-width:300px;}
.dr-top p{clear:both;}
.dr-top {
    margin-bottom: 50px;
}
.dr_row {
    margin-bottom: 50px;
}
.dr_image {
    width: 100%; padding:0 !important; margin-bottom:20px;
}
.dr_text {
    width: 100%; padding:0 !important;
}


.story-section ul li {
  
    width:48%;
    margin-right: 3%;
   
}

.story-section ul li:nth-child(2n) {
    margin-right: 0px !important;
}
.story-section ul li:nth-child(3n) {
    margin-right: 3% !important;
}
}



@media screen and (max-width: 479px){
.banner-sec h2 {
   font-size: 18px;
    line-height: 26px;
}
.story-section ul li {
  
    width:100%;
    margin-right:0%;
        margin-bottom: 30px !important;
   
}
.copyright p {
    line-height: 22px !important;
}

.copyright {
    margin-bottom:30px !important;
    line-height: 26px !important;
}
}

.error404 .page-sec1 h2,.error404 .page-sec1 p {
    text-align: center;
}
.error404 .page-sec1 h3 {
    color: #083452;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 20px 0; text-align:center;
}
.error404 .page-sec1 img {
    margin-bottom: 20px;
}






/***************how-can-we-help-invisalign************************************/


.banner-assessment {
	width: 100%!important;
	height: 100vh;
	display: flex;
	align-items: center;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	justify-content: left;
	position: relative
}
.banner-assessment h2.banner-title {
	color: #fff;
	color: #fff;
	font-size: 5vw;
	font-family: 'Playfair Display';
	font-weight: 700;
	line-height: 6vw;
	margin-bottom: 3vw
}
.banner-assessment .banner-contect {
	z-index: 1;
	text-align: left;
	padding-left: 25px
}
.banner-assessment:before {
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: rgba(0,48,81,.3)
}
.banner-assessment .banner-contect p {
	width: 500px;
	text-align: left;
	margin: 0;
	margin-bottom: 25px;
	color: #fff;
	font-size: 26px;
	max-width: 100%;line-height: 35px; max-width:100%;
}
.banner-assessment .banner-contect span.call-link {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-bottom: 25px
}
span.call-link {
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	line-height: 36px;
	color: #fff
}
span.call-link a {
	color: #fff
}
span.call-link a:hover {
	color: #083452
}
.section_startsmiling {
	position: relative;
	width: 100%!important;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 0
}
.section_startsmiling:before {
	background: rgba(0,48,81,.6);
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}
.startsmiling-inner {
	text-align: center;
	z-index: 1;
	position: relative;
	padding: 0 15px
}
.startsmiling-inner h2.title.title-effect {
	color: #fff;
	font-size: 3vw;
	font-family: Domine-Bold;
	line-height: 4vw;
	margin-bottom: 2vw
}
.startsmiling-inner p {
	width: 500px;
	text-align: center;
	margin: auto;
	margin-bottom: 25px;
	color: #fff;
	font-size: 20px;
	max-width: 100%
}
.meet-btn {
    display: inline-block;
    vertical-align: top;
    color: #fff!important;
    background: #083452;
    line-height: 6vw;
    font-size: 2.4vw;
    font-family: 'Conv_GeorgiaRegular';
    text-align: center;
    padding: 0 25px;
    white-space: nowrap;
}


.section_different .different-content {
	text-align: center
}
.section_different>h2 {
	text-align: center;
	margin-bottom: 60px
}
.section_different {
	padding: 60px 0;
	display: inline-block;
	width: 100%
}
.section_different .different-content img {
	margin-bottom: 20px!important
}
.section_completely {
	display: inline-block;
	width: 100%;
	padding: 80px 0;
	background: url(/wp-content/uploads/2020/02/section_bg_image.jpg) no-repeat;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important
}
.completely-content h2 {
	color: #fff
}
.completely-content p {
	color: #fff
}
.image-right {
	float: right;
	margin-left: 60px
}
.section_straightening .column65 {
	float: left;
	width: 75%;
	padding: 0 15px
}
.completely-title {
	font-size: 36px!important;
	line-height: 42px;font-family: 'Playfair Display';
    font-weight: 700;    color: #083452;margin: 0 0 30px 0;
}
.section_straightening h3 {
    color: #333;
    font-size: 30px;
        font-family: Domine-Bold;
    line-height: 36px;
    margin: 0 0 30px 0;
}
.section_straightening p {
    color: #333;
    font-size: 20px;
   font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 40px 0;
}

.side_form {
    width: 100%;
    background: #083452;
    float: left;
    padding: 20px;
}
.side_form h3 {font-size: 30px;
    font-family: 'Raleway',sans-serif;
    line-height: 36px;
    color: #fff;
    margin: 0 0 0 0;
}
.gform_wrapper ul.gform_fields li.gfield {
    background: none!important;
    padding: 0!important;
    width: 100%!important;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    color: #fff;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    color: #000;
}
.contact-sec .gform_wrapper .gform_footer input.button, .contact-sec .gform_wrapper .gform_footer input[type=submit] {
    background: #44a8de!important;
    width: 100%!important;
    color: #fff;
    font-size: 16px!important;
    max-width: 100%!important;
    box-sizing: border-box;
    border-radius: 50px!important;
    padding: 10px!important;
    border: 2px solid #44a8de;
    background-image: none!important;
    line-height: 1.8em!important;
    margin: 0!important;
    font-family: 'Raleway',sans-serif!important;
    outline: none!important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    color: #fff;
}


.section_completely .column {
	float: left;
	width: 50%;
	padding: 0 15px
}
.column25 {
	width: 25%;
	float: left;
	padding: 0 15px
}
.section_straightening {
	display: inline-block;
	width: 100%;
	padding: 60px 0
}
.page-template-take-assessment-php div>.container {
	padding: 0 50px
}



.section_completely {
    display: inline-block;
    width: 100%;
    padding: 80px 0;
    background: url(images/section_bg_image.jpg) no-repeat;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}
.section_completely .column {
    float: left;
    width: 50%;
    padding: 0 15px;
}
.completely-content h2 {font-size: 30px;
    font-family: 'Playfair Display';
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 30px 0;
    color: #fff;
}
.completely-content p {
	font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 40px 0;
    color: #fff;
}


.section_different {
    padding: 60px 0;
    display: inline-block;
    width: 100%;
}
.section_different>h2 {
	color: #083452;
    font-size: 30px;
    font-family: 'Playfair Display';
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 30px 0;
    text-align: center;
    margin-bottom: 60px;
}
.section_different .row {
    display: flex;
}
.col-lg-4 {
    width: 33.33333333%;
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 15px;
    padding-left: 15px;position: relative;
}
.section_different .different-content {
    position: static;
    padding-bottom: 70px;text-align: center;
}
.section_different h3 {
    color: #333;
    font-size: 30px;
    font-family: 'Raleway',sans-serif;
    line-height: 36px;
    margin: 0 0 30px 0;
}
.section_different p {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 0 0; text-align:center;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: none !important;
}
.page-sec1 .gform_wrapper label.gfield_label, .page-sec1 .gform_wrapper legend.gfield_label {
    color: #000;
}

.gform_wrapper div.validation_error {    font-family: 'Roboto', sans-serif;
}



/******************* 01-04-2020 ********************/

.video-block span.video-thumbnail {
    width: 100%;
    display: inline-block;
    height: 180px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


.video_content .video-row {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}

.video_content .video-row .col3 {
    padding: 0 5px;     margin-bottom: 10px;
}

.video_content .video-row .col3 .video-block {
    height: 100%;
}

.video_content .video-row .col3 .video-block h1 {
    display: inline-block;
    margin-top: 10px;
        width: 100%;
      font-size: 18px;
    line-height: 24px;
    /*text-align: center;*/
    color: #60bbea;
    font-family: Domine-Regular;text-align: center;
}
.video_content .video-row .col3 .video-block p:last-child {
    margin-bottom: 0px;
}
.video_content .video-row .col3 .video-block p {
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
}

.story-section{text-align:center;}
.story-section p{text-align:center;}
.story-section img{width:auto; height:auto;}



.mobile-view-img{display:none;}

.sidebar-content{float:right; width:30%; padding:15px; background:#018dcc;}
.rightbar{float:left; width:70%; padding-right:30px; }
.sidebar-content h4{    color: #fff !important;
    font-size: 30px;
    font-family: Domine-Bold;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 20px 0;}
.menu-new-patients-container{background: #fff;
    padding: 15px;}
.menu-new-patients-container ul{margin:0 !important;}
.menu-new-patients-container ul li {
    font-size: 16px !important;
}


.rightbar .treatment_plans .row {
    margin: 0 -10px;
}
.rightbar .treatment_plans .column {
    padding: 0 10px;
}
.rightbar .plans_inner {
    height: 222px !important;
}
.rightbar .plans_inner {
    margin-bottom: 15px;
}
.cnt .plans_inner .box_heading {
    font-size: 20px !important;
}
.cnt .treatment_plans_inner{float:left; width:100%;}

@media screen and (max-width: 991px){
.rightbar {
    width: 100%;
    padding-right: 0;
}
.sidebar-content {
    width: 100%;
}	
	
	
.section_straightening .column65 {
    width: 100%;
}	
.column25 {
    width: 100%;
}
.col-lg-4 {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.section_different .row {
    display: block;
}
.section_different .different-content {
    padding-bottom: 0;
}
.section_startsmiling {
    height: auto;
    display: block;
}
.startsmiling-inner h2.title.title-effect {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.meet-btn {
    line-height: 40px;
    font-size: 20px;
}

.video-row .col3 {
    width: 33.333%;
}
}
@media screen and (max-width: 767px){
.section_completely .column {
    width: 100%;
}
.treatment_plans .row{display:flex; flex-wrap: wrap;}
.treatment_plans .column{order: 2;}
.treatment_plans .column+.column{order:3;}
.treatment_plans .column+.column+.column{order: 1;}
.treatment_plans .column {
    margin-bottom: 50px !important;
}

.cnt .treatment_plans .column {
    margin-bottom: 0 !important;
}


.plans_inner .box_heading {
    font-size: 32px !important;
}
.plans_inner .heading_sub {
    font-size: 100px !important;
}

.treatment_plans .column:nth-child(2n) .box_heading {
    font-size: 32px !important;
}
.treatment_plans .column:nth-child(2n) .heading_sub {
    font-size: 60px !important;
}
.video-row .col3 {
    width: 50%;
}
}
@media only screen and (max-width:600px){
.col-md-6 {
    width: 100%;
}	
	
.video-row .col3 {
    width: 100%;
}	
	
.banner-assessment .banner-contect p {
    font-size: 16px;
    line-height: 26px;
}
.banner-assessment .banner-contect {
    padding: 0 15px;
    box-sizing: border-box;
}
.banner-assessment {
    height: auto;
    display: block;
    padding: 150px 0 100px;
}
.meet-btn {
    white-space: normal;
    max-width: 100%; 
    font-size: 18px; padding:0 10px;
}

.image-right {
    margin-left: 0;
}
li#field_1_6, li#field_1_5, li#field_1_4, li#field_1_7, li#field_1_8, li#field_1_9, li#field_1_10, li#field_1_11, li#field_1_12, li#field_1_13 {
    width: 100% !important;

}

.award_content p:nth-child(2){display:none;}
.section_meet-our{background:none !important;}
.mobile-view-img{display:block; float:left; width:100%; margin-bottom:30px;}
.meet-our {
    position: relative;
}
.meet-our .title {
    color: #000;
}
.meet-our p {
    color: #000;
}
#wrapper{overflow:hidden;}



}
.banner-sec h3{
    color: #fff;
    font-size: 30px;
    line-height: 45px;
    font-family: 'Raleway',sans-serif;
    font-weight: 400;
    text-shadow: 0 0 14px rgba(0,0,0,.5);
    margin: 10px 0 0 0;
    clear: both;
    }

.mobile-landing {
	display: none;
}
@media (max-width: 479px) {
	.desktop-landing {
		display: none;
	}

	.mobile-landing {
		display: block;
	}
}


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



.orthodontics-calculator {
	font-family: "Open Sans", arial, sans-serif
}
.orthodontics-calculator a.tooltip {
	outline: none
}
.orthodontics-calculator a.tooltip strong {
	line-height: 30px
}
.orthodontics-calculator a.tooltip:hover {
	text-decoration: none
}
.orthodontics-calculator a.tooltip span {
	z-index: 10;
	display: none;
	padding: 14px 20px;
	margin-top: -30px;
	margin-left: 28px;
	width: 300px;
	line-height: 16px
}
.orthodontics-calculator a.tooltip:hover span {
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0
}
.orthodontics-calculator .callout {
	z-index: 20;
	position: absolute;
	top: 30px;
	border: 0;
	left: -12px
}
.orthodontics-calculator a.tooltip span {
	border-radius: 4px;
	box-shadow: 5px 5px 8px #CCC
}
.orthodontics-calculator input[type=range] {
	-webkit-appearance: none;
	background: transparent;
	width: 100%;
	padding: 0 60px;
	border: 0;
	margin: 0
}
.orthodontics-calculator input[type=range]:focus {
	outline: none
}
.orthodontics-calculator input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 30px;
cursor: pointer;
animate: 0.2s;
box-shadow: 2px 2px 2px transparent, 0px 0px 2px rgba(13, 13, 13, 0);
background: #1891c6;
border-radius: 15px;
border: 0 solid #000
}
.orthodontics-calculator input[type=range]::-webkit-slider-thumb {
box-shadow: 0 0 1px transparent, 0px 0px 0 rgba(13, 13, 13, 0);
border: 0 solid #000;
height: 50px;
width: 25px;
border-radius: 15px;
background: #34373E;
cursor: pointer;
-webkit-appearance: none;
margin-top: -10px
}
.orthodontics-calculator input[type=range]:focus::-webkit-slider-runnable-track {
background: #1891c6
}
.orthodontics-calculator input[type=range]::-moz-range-track {
width: 100%;
height: 30px;
cursor: pointer;
animate: 0.2s;
box-shadow: 2px 2px 2px transparent, 0px 0px 2px rgba(13, 13, 13, 0);
background: #1891c6;
border-radius: 15px;
border: 0 solid #000
}
.orthodontics-calculator input[type=range]::-moz-range-thumb {
box-shadow: 0 0 1px transparent, 0px 0px 0 rgba(13, 13, 13, 0);
border: 0 solid #000;
height: 50px;
width: 25px;
border-radius: 15px;
background: #34373E;
cursor: pointer
}
.orthodontics-calculator input[type=range]::-ms-track {
width: 100%;
height: 30px;
cursor: pointer;
animate: 0.2s;
background: #1891c6;
border-radius: 15px;
border-color: transparent;
border: 0 solid #000
}
.orthodontics-calculator input[type=range]::-ms-fill-lower {
background: #1891c6;
border: 0 solid #000;
border-radius: 30px;
box-shadow: 2px 2px 2px transparent, 0px 0px 2px rgba(13, 13, 13, 0)
}
.orthodontics-calculator input[type=range]::-ms-fill-upper {
background: #1891c6;
border: 0 solid #000;
border-radius: 30px;
box-shadow: 2px 2px 2px transparent, 0px 0px 2px rgba(13, 13, 13, 0)
}
.orthodontics-calculator input[type=range]::-ms-thumb {
box-shadow: 0 0 1px transparent, 0px 0px 0 rgba(13, 13, 13, 0);
border: 0 solid #000;
height: 50px;
width: 25px;
border-radius: 15px;
background: #34373E;
cursor: pointer;
height: 40px;
margin-top: 2px
}
.orthodontics-calculator input[type=range]:focus::-ms-fill-lower {
background: #1891c6
}
.orthodontics-calculator input[type=range]:focus::-ms-fill-upper {
background: #1891c6
}
.orthodontics-calculator input[type=range]:focus::-ms-fill-upper:focus {
outline: none
}
.treatment_options:not(.old-ie) {
	display: block;
	width: 100%;
	text-align: left;
	width: 322px;
	position: relative;
	height: 95px;
	overflow: hidden;
	border-radius: 8px;
	-webkit-transition: 0.3s ease all;
	transition: 0.3s ease all;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	margin: 0 auto
}
.treatment_options .clicker {
	background-color: #000;
	font-size: 48px;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	vertical-align: middle;
	width: 62px;
	color: #000;
	text-align: center;
	line-height: 90px;
	border-radius: 0 8px 0 0;
	cursor: pointer
}
.treatment_options .price {
	display: block;
	font-size: 25px;
	display: block;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 5px;
	right: 10px;
	text-transform: uppercase;
	font-size: 26px
}
.treatment_options .mindown {
	display: block;
	font-size: 25px;
	display: block;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-transform: uppercase;
	font-size: 14px
}
.treatment_options .price i {
	color: #fff
}
.treatment_options:not(.old-ie) label {
	display: none;
	background: #1891c6;
	text-align: left;
	padding: 10px;
	display: block;
	color: #000;
	list-style-type: none;
	width: 250px;
	display: none;
	border-radius: 8px;
	position: relative;
	border: 1px solid #ccc;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	font-size: 20px;
	height: 85px;
	text-transform: uppercase;
	-webkit-transition: 0.3s ease all;
	transition: 0.3s ease all;
	margin-bottom: 5px
}
.treatment_options.open label {
	display: block
}
.treatment_options label:first-child, .treatment_options label:last-child {
	margin-bottom: 0px
}
.treatment_options .options {
	height: auto;
	background-color: #fff;
	padding: 5px;
	width: 260px;
	-webkit-transition: 0.3s ease all;
	transition: 0.3s ease all;
	border-radius: 8px 0 8px 8px
}
.treatment_options.open {
	overflow: visible
}
.treatment_options.open .options {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}
.treatment_options:not(.old-ie) label:hover {
	cursor: pointer;
	background-color: #3e7f8c
}
.treatment_options:not(.old-ie) [type="radio"]:checked+label:hover {
	cursor: pointer;
	background: #6A6C70
}
.treatment_options:not(.old-ie) [type="radio"] {
	display: none
}
.treatment_options:not(.old-ie) [type="radio"]:checked+label {
	background: #6A6C70;
	color: #000;
	display: block
}
.next-step {
	margin-top: 50px;
	margin-bottom: 25px;
	width: 100%;
	text-align: center;
	font-size: 90px;
	color: #333
}
.next-step i {
	margin-top: -20px
}
.slider-wrap {
	margin-top: 0;
	margin-bottom: 20px
}
.red {
	color: #a60b0b !important;
	font-weight: bold
}
.calc-section .option-title {
	font-size: 25px;
	display: block;
	margin-bottom: 0
}
.fa-usd {
	color: #000
}
.calc-section .option-description {
	font-size: 16px;
	color: #1e1410;
	display: block;
	margin-bottom: 10px
}
.months {
	font-size: 10px;
	font-weight: 600;
	display: inline-block;
	text-transform: uppercase
}
.option-title {
	font-size: 32px;
	display: block;
	line-height: 40px;
	height: 40px;
	max-height: 40px;
	margin-bottom: 10px;
	color: #000
}
.option-description {
	font-size: 22px;
	color: #1e1410;
	display: block;
	margin-bottom: 5px
}
.calc-header {
	border-radius: 0;
	display: block;
	overflow: hidden;
	height: auto;
	clear: both;
	display: table;
	width: 100%;
	border-spacing: 2%;
	margin-bottom: 20px
}
.calc-section {
	text-align: center;
	background-color: #f6f5f5;
	padding: 20px 0;
border-radius: 15px; margin-top: 30px;font-family: 'Roboto', sans-serif;
}
.calc-submission {
	text-align: center;
	background-color: #f6f5f5;
	padding: 20px;
	border-radius: 15px;
	margin: 20px 0;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.calc-submission div {
	display: table-cell;
	width: 50%;
	text-align: center;
	padding-bottom: 0;
	vertical-align: bottom
}
.orthodontics-calculator button.submit {
	height: 60px;
	border: none;
	background-color: #6A6C70;
	color: #fff;
	font-size: 28px;
	position: relative;
	padding-left: 20px;
	text-align: center;
	padding-right: 60px;
	border-radius: 6px;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	margin-top: 5px;
	margin-bottom: 5px
}
.orthodontics-calculator button.submit:after {
	content: '';
	color: #fff;
	font-size: 48px;
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	background: url(images/arrow.png) no-repeat center center;
	top: 0;
	width: 25px;
	height: 60px;
	-webkit-transition: .3s ease all;
	-webkit-transition: .6s ease all;
	transition: .6s ease all
}
.orthodontics-calculator button.submit:hover:after {
	color: #1891c6;
}
.calc-section button.control {
	background-color: #367ebd;
	color: #000;
	padding: 10px 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	font-weight: 800;
	border-radius: 6px;
	display: inline-block;
	height: 50px;
	font-size: 36px;
	text-align: center;
	line-height: 50px;
	display: table-cell;
	vertical-align: middle;
	background-color: transparent;
	color: #6A6C70;
	border-radius: 5px;
	width: 50px;
	height: 50px;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	text-align: center;
	line-height: 44px;
	border: 2px solid transparent;
	padding: 2px 4px 2px 9px
}
.calc-section button.control:hover {
	color: #1891c6
}
.calc-section button:hover {
	opacity: .9;
	-moz-opacity: .9
}
.range-wrap {
	width: 100%;
	position: relative
}
.range-wrap #minus_down1 {
	position: absolute;
	left: 0;
	top: 0
}
#minus_term1,#minus_benefit1 {
	position: absolute;
	left: 0;
	top: 0
}
.range-wrap #plus_down1, #plus_term1,#plus_benefit1 {
	position: absolute;
	right: 0;
	top: 0
}
.orthodontics-calculator input, .orthodontics-calculator textarea {
	width: 100%;
	height: 2.6em;
	border-radius: 5px;
	box-shadow: none;
	box-sizing: border-box;
	color: #000;
	border: none;
	padding: 0 15px;
	height: 50px;
	width: 100%;
	font-family: inherit;
	border: 1px solid #ccc;
	font-size: 25px;
	text-align: left;
	background: #1891c6
}
.orthodontics-calculator input[type="text"], .orthodontics-calculator input[type="email"], .orthodontics-calculator input[type="number"], .orthodontics-calculator input[type="password"] {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 2px rgba(0, 0, 0, 0.23)
}
.orthodontics-calculator textarea, .orthodontics-calculator button.submit {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 2px rgba(0, 0, 0, 0.23)
}
.orthodontics-calculator select {
	width: 100%;
	height: 2.6em;
	border-radius: 5px;
	box-shadow: none;
	box-sizing: border-box;
	color: #000;
	padding: 0 15px;
	border: none;
	height: 50px;
	width: 100%;
	text-align: center;
	font-family: inherit;
	border: 1px solid #ccc;
	font-size: 25px;
	text-align: center;
	background: #1891c6
}
.orthodontics-calculator input[disabled] {
	color: #ccc
}
.orthodontics-calculator textarea {
	padding-top: 15px;
	height: 200px
}
.orthodontics-calculator .highlight {
	color: #1891c6;
	font-weight: bold;
	display: inline-block;
}
.orthodontics-calculator label {
	display: block
}
.orthodontics-calculator input[type=date] {
	height: 50px;
	width: 100%;
	font-family: inherit;
	border: 1px solid #ccc;
	background-color: #ececec
}
.orthodontics-calculator .collapsed {
	display: none
}
.orthodontics-calculator .group {
	zoom: 1
}
.orthodontics-calculator .section {
	clear: both;
	padding: 0;
	margin: 0
}
.orthodontics-calculator .col input {
	width: 100% !important
}
.orthodontics-calculator .col:first-child {
	margin-left: 0 !important
}
.infields {
	text-align: center;
	background-color: #f6f5f5;
	border-radius: 15px;
	margin: 10px 0;
	display: block;
	width: 100%;
	padding: 20px 20px 40px 20px
}
.infields .row {
	margin-top: 15px
}
.orthodontics-calculator .span_2_of_4 {
	width: 49.2% !important
}
.orthodontics-calculator .col {
	display: block;
	float: left;
	margin: 0 0 10px 1.6% !important
}
.orthodontics-calculator .small-print {
	display: block;
	width: 100%;
	font-size: 12px;
	margin-top: -5px
}
.orthodontics-calculator .summary, .calcright {
	display: table-cell;
	border-radius: 15px
}
.orthodontics-calculator .options {
	width: 100%;
	border-radius: 15px
}
.calcright {
	width: 60%;
	position: relative;
	border-radius: 15px
}
.calcright_inner {
	background-color: #f6f5f5
}
.calcright {
	padding-left: 10px;
	text-align: right;
	vertical-align: bottom
}
.calcright img {
	position: absolute;
	right: 0;
	top: 0
}
.calcright_inner {
	border-radius: 15px
}
.orthodontics-calculator .options-list {
	text-align: left;
	border-radius: 15px;
	padding: 20px;
	font-weight: bold;
	width: 100%;
	font-size: 17px;
	line-height: 22px;
}
.orthodontics-calculator .options-list button {
	font-size: 1em;
	padding: 5px 10px;
	border-radius: 15px;
	color: #000;
	font-weight: normal;
	background-color: transparent;
	border: solid 1px #1891c6; cursor:pointer;
}
.orthodontics-calculator .options-list button.selected {
	font-size: 1em;
	padding: 5px 10px;
	background-color: #1891c6;
	font-weight: normal;
	color: #fff;
	border: 0
}
.orthodontics-calculator .summary {
	text-align: center;
	background-color: #f6f5f5;
	border-radius: 15px;
	padding: 0 20px;
	margin-right: 2%;
	vertical-align: middle
}
.orthodontics-calculator .summary input {
	width: 29%;
	display: inline-block;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	border: 0;
	text-align: right;
	padding: 0;
	color: #1891c6
}
.orthodontics-calculator .summary-row {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2px 0;
	border-bottom: 1px solid black
}
.orthodontics-calculator .summary label {
	text-align: left;
	display: inline-block;
	width: 69%;
	font-weight: normal;
	font-size: 20px
}
#patient-responsibility {
	color: #000
}
@media (max-width: 1200px) {
.orthodontics-calculator .inner-wrapper {
	width: 100% !important;
	padding: 5px
}
}
@media (max-width: 775px) {
.calc-submission div {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 0
}
.calcright, .orthodontics-calculator .summary {
	display: block;
	width: 100%;
	float: none
}
.calcright {
	padding: 0;
	border-radius: 15px
}
.calcright img {
	display: none
}
.mobilelogo {
	display: block;
	margin-bottom: 10px
}
.calcright {
	margin-top: 10px
}
.orthodontics-calculator .summary, .calc-submission {
	padding: 10px
}
.orthodontics-calculator .options {
	border-radius: 15px
}
.orthodontics-calculator .options-list {
	width: 100%;
	padding: 10px;
	border-radius: 15px
}
.orthodontics-calculator .logo {
	float: none
}
.orthodontics-calculator .option-title {
	height: auto;
	max-height: 100%
}
.photo-container img {
	width: 50% !important;
	float : left !important;
}

.section_video{background-attachment:scroll !important;}
}
.movile_video_banner{float:left; width:100%; display:none; margin-bottom:30px;}
@media (max-width: 600px) {
.movile_video_banner{display:block;}
	
.calc-submission div {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 15px
}
.orthodontics-calculator .logo {
	display: block;
	float: none
}
.orthodontics-calculator .infields {
	display: block;
	float: none;
	width: 100%
}
.orthodontics-calculator .logo {
	margin: 0 auto
}
.orthodontics-calculator .option-title {
	font-size: 25px
}
.orthodontics-calculator button.submit {
	font-size: 20px
}
.orthodontics-calculator .savings {
	display: block
}
.orthodontics-calculator .summary {
	display: block;
	width: 100%
}
.orthodontics-calculator .options {
	display: block;
	width: 100%;
	padding-left: 0
}
.calc-header {
	margin-bottom: 10px
}
.calc-submission {
	margin-top: 10px
}
.orthodontics-calculator .summary label {
	font-size: 16px
}
.orthodontics-calculator .summary input {
	font-size: 18px
}

#sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
    width: 33.333% !important;
}
}
button, input {
	outline: none !important;
}
.page-title {
	float: left;
	width: 100%;
	padding: 50px 0;
}
.page-title h1 {
	font-size: 51px;
	font-weight: bold;
	line-height: 60px;
	margin: 0px;
	color: #167e68;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}
.calc-section {
    margin-top: 30px;
}
/*************************************************/




.form-group {
    margin-bottom: 15px;
}
.col-md-12{width:100%; padding:0 15px;}
.form-group label {
    display: block;
    max-width: 100%;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: Domine-Bold;
}
.wpcf7-form-control-wrap {
    float: left;
    width: 100%;
    position: relative;
}
.wpcf7-textarea, .wpcf7-text, .wpcf7-select, .wpcf7-date {
    box-shadow: none;
    border-radius: 0;
    height: 48px;
    border: 0;
    color: #099DBD  !important;
    border: 2px solid #099DBD  !important;
    background: #fff !important;
    resize: none;
    font-size: 18px;
    font-weight: normal !important;
    font-size: 18px !important;
    display: block;
    width: 100%;
    padding: 6px 12px;
    height: 40px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box;
}
.wpcf7-textarea {
    height: 150px !important;
    padding: 10px 20px !important;
    resize: none;
}


.wpcf7-submit {
    background: #099DBD;
    line-height: 1.2;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size:20px;
    border: none;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;font-family: Domine-Bold;
}
.wpcf7-submit:hover {
    color: #fff;
    background: #35377f;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-6 {
    padding: 0 15px;
}
.orthodontics-calculator {
    text-align: center;
}









/******************mobile header**************************/

.mobile-menu,#menu{display:none ;}
@media (max-width: 999px){
	
.sub-menu .sub-menu {
    left: 0 !important;
}	
.header-right .phone_header,.header-right .appointment_btn{display:none !important;}
.mobile-menu ul li .dropdown {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 50px;
    background: url(images/down.png) no-repeat center center;
    background-size: 16px auto !important;
}
.mobile-menu ul li .dropdown.open {
    background: url(images/top.png) no-repeat center center;
}


.mobile-header{
   position: fixed;
    top: 150px;
    left: 0;
    width: 100%;
    height: 60px;
    background: #ebebeb;
    z-index: 999;
    text-align: center; display:block !important;}
.map-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6%;
    min-width: 25px;
    position: relative;
    cursor: pointer;
    max-width: 25px;
    margin-top: 10px;
    height: 26px;
}
.map-icon:after {
    content: "Address";
    text-align: center;
    color: #083452;
    display: inline-block;
    font-size: 12px;
    position: absolute;
    left: -15px;
    top: calc(100% - 1px);
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 300;
    line-height: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.map-icon+.map-icon:after{content: "Boro Park";white-space: nowrap;}




.phone-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 0 30px;
    min-width: 25px;
    position: relative;
    cursor: pointer;
    max-width: 25px;
    margin-top: 10px;
    height: 26px;
}
.phone-icon:after {
    content: "Call/text";
    text-align: center;
    color: #083452;
    display: inline-block;
    font-size: 12px;
    position: absolute;
    left: 4px;
    top: calc(100% - 1px);
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 300;
    line-height: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
	
	
	.calandar-icon{
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 0 30px;
    min-width: 25px;
    position: relative;
    cursor: pointer;
    max-width: 25px;
    margin-top: 10px;
    height: 26px;
}
.calandar-icon:after {
    content: "Book Online";
    text-align: center;
    color: #083452;
    display: inline-block;
    font-size: 12px;
    position: absolute;
    left: 4px;
    top: calc(100% - 1px);
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 300;
    line-height: 22px;
	white-space: nowrap;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


.lead {
	font-size: 16px;
	line-height: 1.44;
	max-width: 260px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

.map-icon {
    margin-left: 30px;
    margin-right: 30px;
}

.btn-open {
    border: 0;
    width: 25px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    outline: 0;
    cursor: pointer;
    background: none;
    padding: 0;
    height: 26px;
    top: 10px;
    vertical-align: top;
    display: inline-block;
    float: none !important;
    margin: 0 !important;
}
.btn-open span {
    width: 24px;
    height: 2px;
    background: #023e5d;
    margin: 8px auto;
    display: block;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
}

.btn-open span:first-child {
    margin-top: 0px;
}
.btn-open span:nth-child(3){
    margin-top:8px;
}

.btn-open.open span:first-child {
    transform: rotate(45deg);
    margin-top: 13px;
}
.btn-open.open span:nth-child(2) {
    transform: rotate(45deg);
    display: none;
}
.btn-open.open span:last-child {
    transform: rotate(-45deg);

    margin-top: -9px;
}


.btn-open:after {
    content: "Menu";
    text-align: center;
    color: #083452;
    display: inline-block;
    font-size: 12px;
    position: absolute;
    left: -3px;
    top: calc(100% - 3px);
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 300;
    line-height: 22px;
}

.map-icon img, .phone-icon img {
    height: 28px;
}


.mobile-menu{width: 100%!important;
    min-width: 240px!important;
    max-width: 100%!important;
    position: fixed!important;
    z-index: 999999!important;
    top: auto!important;
	left:0 !important;
    top: -100%!important;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: calc(100% - 210px)!important;display: block !important; background:#023e5d !important; overflow:auto !important;}
.mobile-menu.show {
    top:210px!important;
    transition: all 0.5s;
}	
.main-menu > li{margin:0; padding: 0;}
.main-menu > li:after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    border-color: #fff!important;
    bottom: 0;
}	
.main-menu li .sub-menu a {
	line-height: 30px;
	font-size:16px; padding-left:15px;
}

.mobile-menu .cross{display:none;}


.main-menu{display:block !important;}


nav.navigation {
    padding:0 !important;
}
nav.navigation ul li {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;     clear: both;   display: block;
}
nav.navigation ul li:after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    border-color: #fff!important;
    bottom: 0;
}

nav.navigation ul li a{border-bottom: none;
    font-size: 18px;
    letter-spacing: 0;
    padding: 10px 20px;
    text-align: left;display: block;}
.mobile-menu ul li .dropdown i{display:none !important;}
nav.navigation ul li a:hover,nav.navigation ul li.current-menu-parent > a,nav.navigation ul li.current-menu-item > a{    background: #003e5e !important; color:#fff !important;}

nav.navigation ul li ul li a {
    margin: 0;
    font-size: 15px;
    padding: 10px 40px;
    text-align: left;
}	
.sub-menu {
    background: #003e46;
    width: 100%;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
}


#header {
    float: left;
    width: 100%;
    background: #333 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding:0 !important; height:150px;
}
body {
    padding-top: 210px !important;
}
.header{display: flex;
    align-items: center;
    height: 100px;}
	
nav.navigation ul li ul li a {
    font-size: 15px!important;
    padding: 10px 30px !important;
}
.sub-menu {
    background:none !important;
}	
	
}
.col-6{width:50%; padding:0 15px;}
.fancybox-content .col-6{margin-top:20px;}

.fancybox-content {
    width: 800px;
}
.phones li {
    width: 100%;
    text-align: center;
    border: solid 1px rgb(0,62,94);
    display: block;
    padding: 10px;
    font-weight: 700;font-family: 'Roboto',sans-serif;    line-height: 1.6;
}
.phones li img{width:20px; display:inline-block; vertical-align:top; margin-right:8px;}
.phones li a {
    color: rgb(0,62,94);
    padding: 10px;
    display: block;
}
.phones li+li {
    margin-top: 10px;
}

.phones li .col-6 p{font-weight:600 !important;}
.team_popup  {
    width: 800px !important;
}

.team_banner{position: relative;
    float: left;
    width: 100%;}
.team_banner img{float:left; width:100%;}
.teambanner_layer{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: rgba(0,0,0,0.5);  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.teambanner_layer h2{color:#fff;text-align: center;
    margin: 0;}
.team_banner:hover .teambanner_layer{opacity:0;}



.page-template-template-landingpage .meet-our p {
    width: 100% !important;
}
.page-template-template-landingpage .section_meet-our .container {
    width: 1230px !important;max-width: 100% !important;
}

.landing_banner_layer{    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;}
.landing_banner_text ul{    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; margin-top:30px;}
.landing_banner_text ul li{width:33.333%;    padding: 0 10px;}

.landing_banner_text{    width:700px;
    display: inline-block;
    vertical-align: top; max-width:100%;}
.landing_banner_buttons{margin-top:10px;}

.landing_banner_layer h2{font-size: 34px!important;    color: #fff;
    text-align: center;line-height: 1.2;
    font-family: Domine-Bold;
    font-weight: 700; margin-bottom:30px;}

.landing_banner_layer .smiles_link {
    width: 180px;
}

@media (max-width: 1199px){
.landing_banner_layer {
    position: relative;
    bottom: 0;
    background: rgb(0,62,94);    float: left; padding:30px 0;
}
	.team-sec1 video {
    height: 50vw;
}
}


@media (max-width: 1199px){
.page-id-207 .team-sec1 video {
    height:28vw;
}
}
@media (max-width: 999px){
.page-id-207 .team-sec1 video {
    height:32vw;
}
}
@media (max-width: 600px){
.page-id-207 .team-sec1 video {
    height:46vw;
}
	.fancybox-content .col-6{width:100%;}

}

nav.navigation {
    position: relative;
    z-index: 2;
}

.team-sec1 video{max-width:100%;}

@media (max-width: 800px){
.team-sec1 video {
    height: 50vw;
}
}

#content {
    float: left;
}







/*************************************************/
.map-section{margin-top:50px !important;margin-bottom:50px !important;}
.map-section > div{position:relative; padding:0 !important; width:1120px; max-width:100%;}
.map-section .book-btn{border: 1px solid #f7f2f0;
    display: inline-block;
    box-sizing: border-box;
    background: #1891c6;
    font-size: 20px;
    line-height: 45px;
    outline: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto',sans-serif;
    border-radius: 10px;
    padding: 0 20px; position: absolute;}
.landing-book-btn1{   
    top: 44px;
    left: 330px;}
.landing-book-btn2{   
    bottom: 120px;
    left: 570px;}
@media (max-width: 991px) {
.landing-book-btn1 {
    top: 3vw;
    left: 24vw;
}
	.landing-book-btn2 {
    bottom: 10vw;
    left: 48vw;
}
	.map-section .book-btn {
    font-size: 2.5vw;
    line-height: 5vw;
    padding: 0 3vw;
}
	.banner-logo-list img,.banner-logo-list > div{margin-bottom:0 !important;}
}
	



.topbar{    background: #003f5d;
    text-align: center;
    margin-top: -14px;
    margin-bottom: 14px;
    height: 50px;
    display: flex;
    align-items: center;}
.topbar p{color:#fff; text-align:center;    margin: 0;}
.topbar p a{color:#fff; }
.topbar p strong{font-weight: 700;}
@media (min-width: 1000px){
	.topbar-for-mobile{display:none;}	
	
}
@media (max-width: 999px){
	.topbar p{font-size:12px; line-height:1.4;}
.topbar {
    margin-top: 0;    margin-bottom: 0;
}
.topbar .container {
    padding: 0 15px !important;
}
	.topbar-for-desktop{display:none;}	
	.for-desktop{display:none;}
}










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

.inner-banner {
	float: left;
	width: 100%;
	height: 1083px;
	background-size: cover!important;
	position: relative
}
.inner-banner-layer {
	position: absolute;
	left: 0;
	top: 319px;
	width: 100%
}
.inner-banner-text1 {
	background: rgba(255,255,255,.9);
	width: 844px;
	max-width: 100%;
	margin-bottom: 50px;
	padding: 30px
}
.inner-banner h2, .inner-banner h1 {
	color: #1891c6;
	font-size: 70px;
	line-height: 94px;
	text-transform: uppercase;
	margin: 0;font-family: Domine-Bold;
}
.inner-banner h3 {
	color: #1891c6;
	font-size: 40px;
	line-height: 53px;
	text-transform: uppercase;
	margin: 0;font-family: Domine-Bold;
}
.inner-banner-text2 {
	background: rgba(255,255,255,.9);
	width: 960px;
	max-width: 100%;
	padding: 30px
}
.inner-banner p {
	color: #003e5e;
	font-size: 25px;
	font-weight: 200;
	line-height: 40px;
	font-style: italic;
	margin: 0
}
.treatment2-sec3 {
	text-align: center;
	padding: 40px 0
}
.treatment2-sec3 h2 {
	margin: 30px 0 0 0;
	color: #212862;
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	float: left;
	width: 100%
}
.treatment2-sec3 p {
	color: #003e5e;
	font-size: 15pt;
	line-height: 30px;
	float: left;
	width: 100%; text-align:center;
}
.treatment2-sec3 iframe{margin-bottom:50px;}
.location-sec1 {
	background: #1891c6;
	padding: 38px 0
}
.mobile-add {
	display: none
}
.location-sec1 ul {
	margin: 0!important;
	padding: 0
}
.location-sec1 ul li {
	float: left;
	width: 25%;
	color: #fff!important;
	font-size: 25px;
	line-height: 30px;
	background: none!important;
	padding: 0!important
}
.location-sec1 ul li a {
	color: #fff!important
}
.location-sec1 ul li:nth-child(1) {
	width: 278px
}
.location-sec1 ul li:nth-child(2) {
	width: 238px
}
.location-sec1 ul li:nth-child(3) {
	width: 276px
}
.location-sec1 ul li:nth-child(4) {
	width: 295px
}
.location-sec1 ul li a {
	color: #fff
}
.give_call {
	float: left;
	width: 100%;
	padding-left: 50px;
	background: url(icons/phone.png) no-repeat 0 center;
	line-height: 49px
}
.text_us {
	float: left;
	width: 100%;
	padding-left: 72px;
	background: url(icons/message.png) no-repeat 0 center;
	line-height: 49px
}
.book_online {
	float: left;
	width: 100%;
	padding-left: 65px;
	background: url(icons/calandear.png) no-repeat 0 center;
	line-height: 49px
}
.location-add {
	float: left;
	width: 100%;
	padding-left: 45px;
	background: url(icons/address.png) no-repeat 0 6px
}
.location-sec1 h2 {
	color: #fff;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 8px;
	line-height: 47px;
	padding-bottom: 33px;
	border-bottom: solid 2px #fff;
	text-align: center;
	margin-bottom: 43px;font-family: Domine-Bold;
}
.office-hrs {
	float: left;
	width: 100%;
	text-align: center;
	padding: 50px 0;
}
.office-hrs h2 {
	color: #1891c6;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-weight: 400;font-family: Domine-Bold;
}
.office-hrs p {
	color: #003e5e;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5; text-align:center;
}
.home-sec11 {
	text-align: center;
	padding: 80px 30px 60px 30px
}
.home-sec11 h2 {
	color: #212862;
	font-size: 75px;
	line-height: 75px;
	text-transform: uppercase;
	margin-bottom: 30px
}
.home-sec11 .row {
	margin: 0 -25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.home-sec11 .col-md-4 {
	float: left;
	padding: 0 25px;
	text-align: left;
	margin-bottom: 30px;
	width: 33.333%
}
.location {
	float: left;
	width: 100%;
	height: 540px;
	background-size: cover!important;
	padding-top: 70px;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-box-shadow: 20px 20px 5px 0 rgb(50 50 50 / 50%);
	-moz-box-shadow: 20px 20px 5px 0 rgba(50,50,50,.5);
	box-shadow: 20px 20px 5px 0 rgb(50 50 50 / 50%)
}
.home-sec11 h3 {
	color: #fff;
	font-size: 50px;
	line-height: 70px;
	text-transform: uppercase;
	margin-bottom: 30px;
	text-align: center
}
.location p {
	color: #fff;
	font-size: 32px;
	line-height: 36px;
	font-weight: 500;
	text-transform: none;
	padding-left: 45px
}

.location p a {
	color: #fff
}
@media screen and (max-width:1500px) {
.inner-banner {
	height: 800px
}
.inner-banner-layer {
	top: 220px
}
.inner-banner-text1 {
	width: auto;
	float: left
}
.inner-banner h2, .inner-banner h1 {
	font-size: 50px;
	line-height: 70px
}
.inner-banner h3 {
	font-size: 30px;
	line-height: 40px
}
.inner-banner-text2 {
	clear: both;
	width: 700px
}
.inner-banner p {
	font-size: 20px;
	line-height: 35px
}
.treatment2-sec3 h2 {
	font-size: 45px
}
.treatment2-sec3 p {
	font-size: 20px;
	line-height: 30px;
}
.home-sec11 h2 {
	font-size: 50px;
	line-height: 50px
}
.location {
	height: 380px
}
.home-sec11 h3 {
	font-size: 28px;
	line-height: 36px
}
.location p {
	font-size: 16px;
	background-size: 20px auto;
	padding-left: 35px
}
}
@media (min-width:1199px) and (max-width:1500px) {
.inner-banner-layer {
	width: 1120px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.inner-banner-text1 {
	padding-left: 0;
	position: relative
}
.inner-banner-text1:before, .inner-banner-text2:before {
	width: 500px;
	left: -500px;
	top: 0;
	position: absolute;
	content: '';
	height: 100%;
	background: rgba(255,255,255,.9)
}
.inner-banner-text2 {
	padding-left: 0;
	position: relative
}
.inner-banner-text1:before, .inner-banner-text2:before {
	width: 500px;
	left: -500px;
	top: 0;
	position: absolute;
	content: '';
	height: 100%;
	background: rgba(255,255,255,.9)
}
.home-sec11 h3 {
	font-size: 35px;
	line-height: 45px
}
.location p {
	font-size: 20px;
	padding-left: 30px;
	line-height: 24px
}
}
@media screen and (max-width:1199px) {
.home-sec11 .col-md-4 {
	width: 50%
}
}
@media screen and (max-width:991px) {
.location {
	margin-bottom: 40px
}
}
@media screen and (max-width:768px) {
	
	.two-img-sec {
    flex-wrap: wrap;
}
	.two-img-sec2 img {
    height: auto !important;
    margin: 10px 0 !important;
    width: 100%;
}
	
.inner-banner-text2 {
	display: none!important
}
.inner-banner {
	height: 450px
}
.location-sec1 ul li {
	width: 25%!important;
	text-align: center
}
.location-sec1 ul li:nth-child(2) {
	order: 3
}
.location-sec1 ul li:nth-child(3) {
	order: 4
}
.location-sec1 ul li:nth-child(4) {
	order: 2
}
.location-sec1 ul li a {
	font-size: 0;
	width: 50px;
	height: 50px;
	padding: 0;
	position: relative;
	background-position: center center!important;
	background-size: auto 25px!important;
	float: none;
	display: inline-block;
	vertical-align: top
}
.office-hrs {
	display: block
}
.location-sec1 ul li a:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	border: solid 1px #fff;
	transform: rotate(-45deg)
}
.mobile-add {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px
}
.location-sec1 h2 {
	display: none
}
.home-sec11 .col-md-4 {
	width: 100%
}
.topbar p {
	font-size: 15px;
	line-height: 1.2
}
.award-img {
    width: 70px!important;
    padding-left: 10px!important;
}
}
@media screen and (max-width:480px) {
.inner-banner-layer {
	top: 190px
}
.inner-banner h2, .inner-banner h1 {
	font-size: 27px;
	line-height: 46px
}
.inner-banner h3 {
	font-size: 18px;
	line-height: 28px
}
.inner-banner {
	height: 370px
}
.treatment2-sec3 p, .treatment2-sec3 li {
	font-size: 16px;
	line-height: 26px
}
.home-sec11 h2 {
	font-size: 25px;
	line-height: 34px
}
.location p {
	line-height: 1.4
}
.home-sec11 {
	padding: 40px 30px 20px 30px
}
header#header .container {
    padding: 0 10px;
}
.book-btn {
    font-size: 17px !important;
}
}


.footer-contact+.footer-contact{flex-direction: row-reverse;}




.home-sec6 {
    background-size: cover!important;
    background-attachment: fixed!important;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    margin-bottom: 100px;
	    position: relative;
}
.home-sec6 p {
    color: #fff;
    font-size:20px;
    font-weight: 400;
    line-height: 1.6;
       text-align: center;
}


.home-sec6 h2 {
    margin-bottom: 60px;
	    color: #fff;
    line-height: 1.2;
    font-family: Domine-Bold;
    font-weight: 700;
    text-align: center;
	 font-size: 34px;
}
.home-sec6 .flexslider {
    margin: 0;
    background: none;
    border: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.home-sec6 .container{position: relative; z-index:2;}
.home-sec6:before{position:absolute; left:0; top:0; width:100%; height:100%; content:''; z-index:0; background:rgba(0,0,0,0.7);}

.home-sec6 ol.flex-control-nav {
    display: block!important;left: 0;
}
.home-sec6 .flex-control-nav li {
    margin:0 5px !important;
    padding: 0 !important;
	background:none !important;
}
.home-sec6 .flex-control-paging li a {
    width: 12px !important;
    height: 12px !important;
    border: solid 1px #fff !important;
    background: none !important;
}
.home-sec6 .flex-control-paging li a.flex-active {
    background: #fff !important;
}

.home-sec6 .flex-direction-nav{display:none !important;}

.home-sec6 .flexslider {
    padding: 0 150px;
}
@media (max-width: 991px){
	.logo img {
    height: 50px;
    width: auto;
}
	.award-img {
    width: 65px!important;
}
}
.banner-text-mobile{padding:15px; text-align:center;    clear: both; width:100%:}
.banner-text-mobile .smiles_link {    margin: 15px 0;}
@media (min-width: 768px){

.banner-text-mobile{display:none;}
	
}
	
@media screen and (max-width:767px) {
	.home-sec6 .flexslider {
    padding: 0 0;
}
.logo img {
    height: auto;
    width: 180px;
}
}

@media screen and (max-width: 600px){
.header .header-left {
    width:70% !important;
}
.header .header-right {
    width: 30% !important;
}
}







.location-page {
                    display: flex;
                    flex-wrap: wrap;
                    width: 100%
                }
				.location-page section{padding:75px 0;}
.location-page p {
        line-height: 24px;
        font-size: 18px;
    }
				.location-page h2{color: rgb(0, 62, 94);
    line-height: 1.2;
    font-family: Domine-Bold;
    font-weight: 700;        font-size: 34px ; margin:0 0 20px;}
.location-page .location-sec4{background: #1891c6;}
.location-page .location-sec4 p,.location-page .location-sec4 h2,.location-page .location-sec4 p a{color:#fff;}
.location-page .location-sec4 p a{text-decoration:underline;}
.location-page .location-sec1 p{background-position: 0 0 !important; margin:0 0 30px !important;float: left;
    width: 100%;}
.location-page .location-sec1 p,.location-page .location-sec1 p a{color:#fff;    background-size: auto 30px;
    line-height: 30px;}
.location-page .location-sec1 .book_online {
    padding-left: 50px !important;
}
.location-page .location-sec3,.location-page .location-sec6{padding-top:0;}
.location-page .location-sec5,.location-page .location-sec5 p{text-align:center;}
.location-page .location-sec5 .row{margin-bottom:30px;}
.location-page .location-sec5 img{margin-bottom:20px;}
.location-page .location-sec5 h4{margin-bottom:20px;color: rgb(0, 62, 94);
    line-height: 1.2;
    font-family: Domine-Bold;
    font-weight: 700;        font-size:28px ;}

.location-page .col6 {
					margin:0;
                }

               
                .row-flex {
                    display: flex;
                    flex-wrap: wrap;
                    margin: 0 -15px
                }

              
                .location-sec5-text {
                    width: 600px;
                    max-width: 100%;
                    float: right;
                    padding: 75px 40px 75px 15px
                }

                .location-sec5-img {
                    background-size: cover
                }


                .grey-bg {
                    background-color: #f5f5f5
                }

               

                @media (max-width: 991px) {
                    .location-page .col6 {
                        width:100%
                    }

                    .location-page .col6+.col6 {
                        margin-top: 30px
                    }

                    .location-sec5-text {
                        width: 100%;
                        padding: 0 15px
                    }

                    .location-sec5-img {
                        height: 65vw
                    }

                    .location-sec2 h3 {
                        font-size: 17px
                    }
					
					.smiles_link, .meet_doctors_link {
    font-size: 16px;
    padding: 0 20px;
}
					.location-page .location-sec1 .col6{margin:0 !important;}
					.location-page  .location-sec6{padding-top:0;}
					    .location-page .location-sec6 .col6+.col6 {
        margin-top:60px;
    }
                }