@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@font-face{font-family:'Myriad Pro';src:url(../fonts/myriadpro-regular.eot);src:url(../fonts/myriadpro-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/myriadpro-regular.woff2) format("woff2"),url(../fonts/myriadpro-regular.woff) format("woff"),url(../fonts/myriadpro-regular.ttf) format("truetype"),url(../fonts/myriadpro-regular.svg#MyriadPro-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}
*,:before,:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,:before,:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}
.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#707070;outline:none;border:none;text-decoration:none}
a:visited{color:#707070}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0;/*color:#000;*/ font-family:Arial, Helvetica, sans-serif}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #787878;font-size:15px;color:#434343;border-radius:0;width:100%;padding:8px 15px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
textarea{font:12px Arial,Helvetica,sans-serif}
textarea.form-control,.contact-form .form-control{height:90px}
.block{display:inline-block;width:100%}
.button{display:inline-block;background-color:#036;border:none;box-shadow:none;color:#fff;font-size:16px;text-transform:capitalize;padding:12px 24px;text-align:center;vertical-align:middle;border-radius:6px;position:relative;z-index:10;overflow:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
a:visited.button{color:#fff}
.button:hover{color:#fff}
.button,.button::after{-webkit-transition:all .3s;transition:all .3s}
.button::before,.button::after{background-color:#ed1b24;content:'';position:absolute;z-index:-1}
.btn-hover::after{height:100%;left:-35%;top:0;transform:skew(50deg);transition-duration:.6s;transform-origin:top left;width:0}
.btn-hover:hover:after{height:100%;width:135%;color:#fff}
.error{display:block;color:#d60606;padding-top:5px}
.alert-success{opacity:1}
.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-.0625em;vertical-align:middle;width:1em}
.list{list-style:none;margin:0}
.list li{color:#0158c3;font-size:16px;line-height:24px;background:url(../images/list-arrow.png) no-repeat 3px 7px;padding:5px 0 5px 28px}
.list li:last-child{margin-bottom:0}
.list li a,.list li a:visited{color:#707070}
.list li a:hover{color:#0158c3}
/*.list-sm{list-style:none;margin:0}
.list-sm li{background:url(../images/circle.png) no-repeat left 5px;color:#646464;font-size:18px;line-height:24px;margin:0 0 15px;padding-left:28px}
.list-sm li:last-child{margin-bottom:0}*/
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
figure{margin-bottom:0}
h1,h2,h3,h4,h5{font-family:'Myriad Pro Regular', Arial, sans-serif;font-weight:400}
.hd-h2{color:#121212;font-size:36px;margin:0}
.hd-comingsoon{color:#121212;margin:0;padding:60px 0;text-align:center}
.testimonials-holder p,.membership .info,.dental-services .info,.subtitle,.welcome-details p{font-family:'Open Sans', Arial, sans-serif;font-weight:400}
html{background:#fff;height:100%;font-family:Arial,Helvetica,sans-serif}
body{background:#fff;font-family:Roboto,Arial,Helvetica;font-weight:400;font-size:15px;min-height:100%;color:#707070}
.container{margin:0 auto;position:relative;padding:0 15px}
.form-btn,.top li a,.top span,.footer p,.contact-details,intro h1{font-family:Roboto,Arial,Helvetica}
#nav li,.welcome h2,.aircraft-parts h3,.intouch p,.contact-details li,.intro h1,.btn-intro em,.services-content  .details p,.details-section h2,.smile-bg h2,.services h3,.sidebar h3{font-family:"Roboto", Arial, sans-serif}
#content{display:inline-block;width:100%;min-height:300px;position:relative;padding:50px 0 25px}
.zoom-btn,.zoom-btn::after{-webkit-transition:all 0.3s;transition:all 0.3s}
.zoom-btn,.zoom-btn span{position:relative;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden}
.zoom-btn span{position:relative;z-index:10}
.zoom-btn::before,.zoom-btn::after{content:'';position:absolute;z-index:1}
/*-- Common Transition--*/
.social-icons li a,.social-icons li a .fa{-webkit-transition:all .3s ease-in;transition:all .3s ease-in}

/* BUTTON 4 */
.zoom-hover::before{height:100%;left:0;top:0;width:100%}
.zoom-hover::after{background-color:red;height:0;left:50%;top:50%;width:0;border-radius:4px}
.zoom-hover:hover:after{height:100%;left:0;top:0;width:100%;background:#ed1b24}

.slice-btn,.slice-btn span{position:relative;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden}
.slice-hover:after{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent #ed1b24 transparent transparent;position:absolute;top:0;right:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slice-hover:before{content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent #ed1b24;position:absolute;bottom:0;left:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slice-hover:before,.slice-hover:after{content:'';position:absolute;width:0;height:0;border:0 solid;-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slice-hover:before{bottom:0;left:0;border-color:transparent transparent transparent #ed1b24}
.slice-hover:after{top:0;right:0;border-color:transparent #ed1b24 transparent transparent}
.slice-hover:hover{color:#f1d3eb}
.slice-hover:hover:before,.slice-hover:hover:after{border-width:66px 336.5px}
/**/
.img-hover{position:relative;overflow:hidden}
.img-hover:after{content:" ";border-radius:50%;background:rgba(0, 0, 0, 0.33);height:100%;position:absolute;width:100%;left:-50%;top:-50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.4s;transition:all 0.4s}
.img-hover:hover:after{-webkit-transform:scale(3);transform:scale(3)}
.img-hover figure img{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.img-hover:hover img{-webkit-transform:rotate(15deg) scale(1.4);transform:rotate(15deg) scale(1.4)}
/**/

.top-section{margin:0 auto}
.top{display:block;width:100%;position:relative;padding:0}
.contact-details{position:relative;float:none;padding:27px 0 0}
.contact-details li{display:inline-block;margin-right:5px;position:relative}
.contact-details li a{position:relative;display:inline-block;padding-left:21px;color:#9a9898;font-size:15px;line-height:24px;margin-bottom:6px}

.contact-details .icons{position:absolute;left:0;top:0}
.contact-details li:last-child{margin-right:0;padding-left:6px}
.contact-details li.address-book{display:none}
.contact-details li.call-now{display:block;position:relative;top:53px;z-index:10;text-align:center;max-width:160px;margin:0 auto;background:url(../images/fa-cell-phone.png) no-repeat left top}
.contact-details li.call-now .icons img{display:none}
.contact-details li.call-now em{font-style:normal;display:none}

.contact-details span{font-weight:700;display:inline-block;margin:0 0 3px;color:#333333}
.contact-details .fa{position:absolute;font-size:17px;color:#4e80bb;left:0;top:2px;margin-right:15px}
.header{background:#f5f5f5;min-height:60px;color:#fff;position:relative;/*margin-top:18px*/}
.logo{position:absolute;top:-57px;left:-6px;margin:0;z-index:10000}
.logo span,.logo a{display:block;position:relative;z-index:12}
.logo span img,.logo a img{max-width:175px;display:block;height:auto;margin:0 auto}
.logo:before{content:" ";position:absolute;left:3px;top:-3px;background:url(../images/elipse.png) no-repeat;height:75px;width:175px;z-index:-1;background-size:175px}


nav .menu  > li > a,nav .menu > li > span{min-height:33px;/*border-bottom:solid 3px transparent*/ position:relative}

.nav{display:block}
.intro{background:url(../images/introinner-bg.jpg) no-repeat 57% center;position:relative;min-height:100%;/*max-width:3000px;*/margin:0 auto;background-size:cover;padding:0 0 48px;display:flex;flex-wrap:wrap;align-items:center}
.home .intro{background:url(../images/intro-bg.jpg) no-repeat 50% 30%;background-size:cover;width:100%;min-height:100%;/*padding:0 0 48px;display:flex;flex-wrap:wrap;align-items:center;*/}
.intro-content{max-width:460px;padding-top:40px}
.intro h1{font-size:36px;font-weight:500;color:#1b4d88;margin:0}
.intro span{display:block;color:#282828;font-size:18px;font-weight:500}
.intro-content p{color:#000;padding:6px 0 15px 0}
.intro .container{z-index:2}
.home .intro:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.25)}

.btn-intro{color:#000;border:2px solid #000;background-color:transparent;border-radius:5px;padding:7px 15px;display:inline-block;margin:0 6px 0 0;font-size:16px;font-weight:500}
.btn-intro em{position:relative;display:inline-block;z-index:10;color:#000;font-style:normal}
/*.zoom-hover:hover:after{height:100%;left:0;top:0;width:100%;background:#ed1b24}*/
.btn-intro a:visited{color:#000}
.btn-intro:hover em{color:#fff}
.intro .hd-h2{font-size:42px;text-align:center}.hd-comingsoon{font-size:33px}
.btn-intro:hover,.btn-intro:active{color:#fff;border:2px solid #ed1b24}

/*--Breadcrumb --*/
.breadcrumbs{list-style:none;margin:10px 0 0;padding:0}
.breadcrumbs li{display:inline-block;vertical-align:middle;font-size:18px;margin:0 8px 0 0;padding:0 24px 0 0;color:#ed1b24;background:url(../images/double-arrow.png) no-repeat right 7px}
.breadcrumbs li a,.breadcrumbs li span{display:inline-block;color:#282828}
.breadcrumbs li:last-child{background:none}

.get-in-touch{background:#222222;color:#feffff;min-height:125px}
.intouch{width:100%;position:relative;text-align:center;display:inline-block}
.intouch p{padding:34px 0 39px;font-size:24px;font-weight:300;line-height:33px}
.intouch p span{font-weight:700;margin-right:24px;display:block;color:#fff}
.btnappoints{position:static;margin:0 auto}
.get-in-touch .button{padding:5px 66px 5px 18px;border:2px solid #c0e5ff;color:#fff;border-radius:0;background:#39aaf9;text-transform:uppercase;font-weight:normal;font-size:13px;margin-top:10px;z-index:6}
.get-in-touch .button:focus,.get-in-touch .button:active/*,.btn-plan:hover*/,.btn-plan:focus,.btn-plan:active{background:#ed1b24;color:#fff}
.get-in-touch .btn-icons{background:#38a9f8;position:absolute;right:0;top:0px;height:50px;width:48px;display:block;border-left:solid 2px #c0e5ff;padding-top:3px;z-index:10}

.dental-services{text-align:center;margin:0 auto;padding:39px 0}
.services-content h2,.membership h2/*,.details-section h2*/,.smile-section h2,.make-appointment h2{color:#000;font-size:39px}
.smile-section .smile-bg h2 span{font-size:27px;font-weight:700}
.smile-section .smile-bg h2{padding:50px 0 0;font-size:27px;font-weight:300;position:relative;top:-75px;text-align:center}
.services-content .details:hover .img-hover:after{-webkit-transform:scale(3);transform:scale(3)}
.services-content .details .img-hover figure img{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.services-content .details:hover .img-hover img{-webkit-transform:rotate(15deg) scale(1.4);transform:rotate(15deg) scale(1.4)}

.services-content .pt-5{padding-top:1rem!important}
.services-content  .details p{font-size:16px;font-weight:500;padding:12px 0}
.dental-services .info{padding:0;color:#494949;max-width:100%;margin:0 auto;text-align:center}
.service-title{text-align:center;color:#fff;background:#ed1b24;font-size:23px;font-weight:500;padding:0;text-transform:uppercase}
.services-content .details{max-width:270px;margin:0 auto}
.membership{background:#f6f8fc;text-align:center;padding:39px 0}
.smile-section [class*="col-"]{flex:0 0 100%;max-width:100%}
/*.sponsers div{display:inline-block;background:#fff;border:1px solid #000;border-radius:4px;width:400px;height:145px;text-align:center;margin:0 auto}*/

.membership a.button{border:2px solid #1b4d88;background:transparent;border-radius:4px;color:#1b4d88;font-size:16px;font-weight:500;padding:12px 24px;margin-top:0;transition:all 0.3s ease-in}
/*.membership a:visited.button{color:#1b4d88}*/
.membership a.button:hover{border:2px solid #c92f36;color:#fff}

/*.btn-plan:hover,.btn-plan:focus,.btn-plan:active{border-color:#ed1b24}*/
.details-section{position:relative;padding:48px 0 36px 0}
.welcome-details{padding:120px 0 0 0}
.details-section h2{font-weight:300;font-size:27px;color:#000}
.details-section h2 span{font-weight:700}
.details-section .subtitle{font-size:18px;line-height:27px;margin:0}
.table-block{position:relative;bottom:0;right:0}
.table-img{position:relative;bottom:0;right:0}
.doctor-img{position:absolute;bottom:-20%;right:0}
.table-block figure img{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.table-block figure:hover img{-webkit-transform:translate(12px,0);transform:translate(12px,0)}
.smile-section{margin:0 auto}
.smile-container{}
.smile-bg{color:#000}
.cl-red{color:#ed1b24;font-weight:500}
.smile-section .smile-bg h2 span.cl-red{font-weight:400}
.make-appointment{background:#2197ea;padding:48px 0;color:#fff}
.make-appointment h2{color:#fff;font-size:24px}
.make-appointment p{font-size:27px;font-weight:900;color:#fff;line-height:33px}
a.appointment{padding:12px 24px;color:#fff;background:#ed1b24;text-transform:uppercase;margin-top:20px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.appointment:hover,.appointment:active,.appointment:focus{background:#000;color:#fff}
.copyright,.footer-menu{color:#000;padding:0}
.footer-menu ul li{display:inline-block;margin-left:6px;font-size:15px;font-family:Arial, Helvetica, sans-serif}
.make-appointment p .call-img{max-width:33px;margin-top:-6px}
#appointment #apmtdate{background:url(../images/calendar-icon.png) no-repeat 100% center}
#appointment #time{background:url(../images/time-icon.png) no-repeat 100% center}

/*-- Contact --*/
/*.contact-info h2{font-size:25px;font-family:Roboto,Arial,Helvetica;font-weight:400;color:#000;margin-bottom:15px}
.contact-info h2 .fa{font-size:20px;color:#2197ea;margin-right:10px;height:40px;width:40px;background-color:#2197ea;color:#fff;text-align:center;border-radius:40px;padding:10px 0;top:50px;z-index:1}
.contact-info a{font-size:16px;font-family:Roboto,Arial,Helvetica;font-weight:400;color:#2197ea}
.contact-info p{font-size:16px;font-family:Roboto,Arial,Helvetica;font-weight:400;color:#000;padding:5px}*/


.contact-content{background:#f5f5f5}
.contact-form{max-width:650px;width:100%;background:#fff;/*border:1px solid #c2c9da;border-radius:15px;margin:0 auto;*/padding:20px 15px}
.contact-form h2{font-size:30px;font-family:Roboto,Arial,Helvetica;font-weight:400;color:#000;text-transform:uppercase}
.contact-form .button{background:#ed1b24;/*width:100%;max-width:210px;*/font-size:22px;padding:12px 65px;text-transform:uppercase;border-radius:5px;border:0}
.contact-form .button:hover{background:#0a70b8}
.contact-form .submit{background-color:rgba(228,168,83,1);font:20px "Roboto", Arial, sans-serif;color:#fff;width:100%;max-width:190px;height:50px;padding:0 15px;margin:10px 0;border-radius:25px;text-transform:uppercase;transition:0.3s}
.contact-form .submit:hover{background-color:#be8636}
.contact-form .form-control{/*border-radius:5px;border-color:#c2c9da;*/border-color:#d9d9d9;height:44px;margin:2px 0}
.contact-form textarea{border-radius:5px;border-color:#c2c9da;margin:5px 0}
.contact-form label{display:none}
span.error{display:block;color:#d60606;font-size:15px;margin:5px 0 -10px;text-align:left}
.alert-error{display:block;color:#f00;margin-top:5px}
.g-recaptcha{transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0;text-align:center;margin:0 auto}

/** My Code --*/
.contact{background:#f7f7f7}
.contact-content{background:#fff}
/*.contact-info a{color:#000}*/

/*====----header-shrink----====*/
.header,.logo,#nav .nav-list > li a,.header .logo img,.header .logo a{-webkit-transition:all 500ms ease 0s;transition:all 500ms ease 0s}
.wrapper.bodyscroll .header.shrink{/*background-color:rgba(0, 0, 0, 0.95);*/background-color:#f5f5f5;padding:0;position:fixed;top:0;left:0;right:0;display:block;box-shadow:0px 12px 12px -12px rgba(0, 0, 0, 0.15);z-index:1000}
.home .wrapper.bodyscroll .header.shrink .intro{padding-top:39px}
.wrapper.bodyscroll .logo{/*right:auto;*/top:3px}
.wrapper.bodyscroll .logo span img,.wrapper.bodyscroll .logo a img{max-width:135px;margin:0}
.header.shrink .logo:before{display:none}
/*====----header-shrink----====*/

@media (min-width:992px){
/*body{border:1px solid red}*/
#nav ul{float:right}
#nav li{float:left;font-size:17px;text-transform:uppercase;margin-left:2px}
#nav li a,#nav li.active span{color:#fff;padding:18px 15px;display:block;/*text-align:center;*/font-size:16px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
nav .menu  > li > a,nav .menu > li > span{min-height:60px;position:relative}
#nav li a:hover,#nav li.active span{background:#ed1b24}
nav .menu > li > a:after,nav .menu > li > span:after{content:" ";position:absolute;left:0;right:0;bottom:2px;width:0;height:3px;background:#fff;transition:width .3s;webkit-transition:width .3s}
nav .menu > li > a:hover:after,nav .menu > li > span:hover:after/*, #menu .nav > li.active > a:after,#menu .nav > li.active > span:after*/{width:100%}
nav .menu > li.active > a:after,nav .menu > li.active > span:after{width:100%}

.wrapper.bodyscroll .logo{right:auto}
.wrapper.bodyscroll .logo span img,.wrapper.bodyscroll .logo a img{max-width:139px}
.header.shrink #nav li a,#nav li span{color:#121212}
#nav li.active span,#nav li:hover span,.header.shrink #nav li a:hover{color:#fff}
/*.header.shrink #nav li:hover a{color:#f00}
.header.shrink #nav li.active a{color:#0f0}*/

}
@media (max-width:991px){
.page-body,.page-content{position:relative}
.page-body{min-height:100vh}
.page-content{min-height:100vh;background-color:#fff;padding-top:80px;padding-top:0}
#site-navigation{display:block;width:100%}
.top-navigation{position:relative}
.nav{position:fixed;top:0;bottom:0;width:285px;padding:10px 0;box-sizing:border-box;background-color:#1c1c1c;box-shadow:4px 0 5px 0 rgba(0,0,0,0.14),1px 0 10px 0 rgba(0,0,0,0.12),2px 0 4px -1px rgba(0,0,0,0.3);opacity:0;visibility:hidden;z-index:500}
.nav-list{position:relative;padding:0;margin:45px 0 0;list-style-type:none;width:100%}
.nav-list li{position:relative;font-size:14px}
.nav-list li:not(:last-child){/*margin-bottom:6px;*/border-bottom:solid 1px #333}
.nav-list li a,.nav-list li span{transition-property:all;transition-duration:.2s;transition-timing-function:linear;/*transition-delay:0;*/display:block;align-items:center;color:#fff;text-decoration:none;padding:10px 18px 12px;text-transform:uppercase}
.nav-list li a:hover,.nav-list li.active a,.nav-list li.active span{color:#58c5c9}
.nav-link-icon{position:relative;top:-3px;margin-right:10px;color:currentColor}
.nav-close{position:absolute;top:15px;right:5px;width:40px;height:25px;cursor:pointer;z-index:1000}
.nav-close:before,.nav-close:after{transition-property:all;transition-duration:.2s;transition-timing-function:linear;/*transition-delay:0;*/display:block;width:4px;height:28px;border-radius:10px;content:'';-webkit-transform-origin:center center;transform-origin:center center;background-color:#fff}
.nav-close:before{position:absolute;top:0;left:18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-close:after{position:absolute;top:0;right:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-close:hover:before,.nav-close:hover:after{background-color:#fff}
.nav-open-btn{position:fixed;top:21px;right:21px;transition-property:all;transition-duration:.2s;transition-timing-function:linear;/*transition-delay:0;*/width:28px;height:20px;overflow:hidden;cursor:pointer;z-index:10000}
.nav-open-btn::before{content:" ";height:36px;width:40px;background:#fff;border:2px solid #100f0f;/*#28406c;*/position:fixed;top:12px;right:15px;border-radius:4px}
.nav-open-btn.js-hidden{transition-property:all;/*transition-duration:0;*/transition-timing-function:linear;opacity:0;visibility:hidden}
.nav-open-btn__bar{width:100%;height:3px;background-color:#100f0f;border-radius:20px}
.nav-open-btn__bar:nth-child(1){position:absolute;top:0;left:0}
.nav-open-btn__bar:nth-child(2){position:absolute;top:8px;left:0}
.nav-open-btn__bar:nth-child(3){position:absolute;top:16px;left:0;width:80%}
.nav-offcanvas-1{transition-property:all;transition-duration:.2s;transition-timing-function:linear;/*transition-delay:0;*/right:-260px}
.nav-offcanvas-1.js-opened{transition-property:right;transition-duration:.2s;transition-timing-function:linear;right:0;opacity:1;visibility:visible;overflow-x:scroll}
.page-content-offcanvas-1{transition-property:all;transition-duration:.2s;transition-timing-function:linear;/*transition-delay:0;*/right:0}
.page-content-offcanvas-1.js-opened{transition-property:all;transition-duration:.3s;transition-timing-function:linear;/*transition-delay:0;*/right:260px}

#nav .sub-menu{display:none}
#nav li.has-submenu .expand-collapse{width:16%;background:url(../images/expand-collapsed-menu.png) no-repeat 50% 0;position:absolute;top:0;right:0;display:block;z-index:1000000;height:40px;cursor:pointer}
#nav li.has-submenu.open > .expand-collapse{background-position:50% 100%}
#nav .sub-menu > li a{font-size:13px;padding:7px 0 7px 19px/*;background:url(../images/subnav-bullet.png) no-repeat 19px center*/}
#nav ul li .sub-menu li:first-child{border-top:solid 1px #333}
}

.testimonials-holder{background:#f6f8fc;padding:45px 0 33px}
.testimonials-holder .description{color:#121212;font-size:15px;text-align:center;padding:8px 0 86px}
.testimonials-holder .hd-h2{text-align:center}
.testimonials-holder .feedback{position:relative;background:#fff;padding:21px 15px 21px;border-radius:3px;margin:0 0 24px}
.testimonials-holder .figbox{display:block;width:86px;height:86px;border:solid 1px #4e73da;margin:0;padding:7px;border-radius:3px;position:static;background:#f0f0f0}
.testimonials-holder .figbox img{border-radius:6px}
.feedback p{color:#777;font-size:15px;line-height:21px}
.feedback h3{color:#0e264f;font-weight:600;font-size:28px}
.feedback .hd-span{color:#3660d9;display:block;font-size:15px}
.feedback .star-raiting{display:block;margin:12px 0 9px}
.testimonials-holder .feedback:after{content:" ";background:#fff url(../images/comma.png) no-repeat center 0;height:64px;width:64px;position:absolute;right:24px;top:24px}

.teethwhitening{text-align:center;padding:33px 0}
.teethwhitening .hd-h2{font-size:27px;font-family:'Roboto', Arial, sans-serif;text-align:center}
.comparison-slider-wrapper{position:relative;width:100%;margin:24px auto 24px;background-color:white;max-width:880px}
.comparison-slider-wrapper .comparison-slider{position:relative;width:100%;margin:0;box-sizing:border-box;box-shadow:26px 26px 35px 33px rgba(135,135,135, 0.15)}
.comparison-slider-wrapper .comparison-slider > img{width:100%;height:auto;display:block}
.comparison-slider-wrapper .comparison-slider .overlay{display:none;position:absolute;width:250px;bottom:20px;right:20px;background-color:rgba(0, 0, 0, 0.4);padding:10px;box-sizing:border-box;color:#DDD;text-align:right}
@media screen and (min-width:767px){
.comparison-slider-wrapper .comparison-slider .overlay{display:block}
}
.comparison-slider-wrapper .comparison-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}
.comparison-slider-wrapper .comparison-slider .resize > img{display:block}
.comparison-slider-wrapper .comparison-slider .resize .overlay{right:auto;left:20px;text-align:left}
.comparison-slider-wrapper .comparison-slider .divider{position:absolute;width:3px;height:100%;background-color:rgba(255, 255, 255, 0.96);left:50%;top:0;bottom:0;margin-left:-1px;cursor:ew-resize;
}
.comparison-slider-wrapper .comparison-slider .divider:after{content:"";position:absolute;width:48px;height:48px;left:-24px;top:50%;margin-top:-24px;border:solid 2px #fff;background-color:rgba(255, 255, 255, 0.25);border-radius:50%;/*transform:rotate(45deg);*/transition:all 0.1s ease-in-out}
.comparison-slider-wrapper .comparison-slider .divider.draggable:before{width:33px;height:33px;left:-16px;margin-top:-16px;background:url(../images/arrowsm-circle.png) no-repeat}
/*.comparison-slider-wrapper .comparison-slider .divider.draggable:after{width:20px;height:20px;left:-9px;margin-top:-10px;background-color:#555}*/
.comparison-slider-wrapper .caption{position:relative;width:100%;padding:10px;box-sizing:border-box;font-size:12px;font-style:italic}
.comparison-slider-wrapper .comparison-slider .divider:before{content:" ";position:absolute;left:-24px;top:50%;width:48px;height:48px;background:url(../images/arrow-circle.png) no-repeat;margin-top:-24px}
.comparison-slider-wrapper .comparison-slider:before{content:" ";position:absolute;left:-50px;bottom:-50px;height:96px;width:109px;background:#fff;box-shadow:6px 6px 15px 12px rgba(135,135,135, 0.25)}

.membership .info{padding:6px 0 24px;color:#494949}
.membership .fig-box{background:#fff;padding:12px 24px;margin:0 auto 35px;box-shadow:6px 6px 15px 12px rgba(135,135,135, 0.25)}
.membership .fig-box figure,.membership .fig-box figure img{margin:0 auto}
.membership .row{justify-content:center}

.smile-section{margin:0 auto;position:relative}
.smile-section [class*="col-"]{padding:0}
.smile-section .row{margin:0;align-items:center}
.smile-section:before{content:" ";position:absolute;left:0;top:0;width:100%;height:50%;background:#75d9d9}
.smile-section:after{content:" ";position:absolute;right:0;top:auto;width:100%;height:50%;bottom:0;background:#f6f8fc url(../images/smile-bg.jpg) no-repeat center 0}
.smile-bg{position:relative;z-index:10}

.footer{text-align:center;padding:15px 0}
.social-icons{text-align:center;padding:0 8px}
.social-icons ul{margin:25px}
.social-icons li{display:inline-block}
.social-icons li a{display:block;width:45px;height:45px;background:#edeff1;/*border:2px solid #cecece;*/border-radius:50%;padding:0;margin:0;text-align:center}
.social-icons li a .fa{font-size:20px;color:#969fa8;line-height:45px}
.social-icons li a:hover .fa{color:#fff}
.social-icons li a.facebook-icon:hover{/*border-color:#274f91;*/background-color:#274f91}
.social-icons li a.twitter-icon:hover{/*border-color:#29a5d9;*/background-color:#29a5d9}
.social-icons li a.instagram-icon:hover{/*border-color:#0270ad;*/background-color:#0270ad}
.verticle-line{padding:10px 10px 0}
.social-icons figure,.social-icons figure img{margin:0 auto}

.tooltip1{position:relative;display:inline-block}
.tooltip1 .tooltiptext{visibility:hidden;opacity:0;position:absolute;top:54px;z-index:1;right:-23px;background-color:#2197ea;width:85px;color:#fff;font-size:14px;text-align:center;border-radius:4px;padding:5px 0;-webkit-transition:opacity 0.9s;transition:opacity 0.9s}
.facebook-icon.tooltip1 .tooltiptext{background-color:#274f91}
.twitter-icon.tooltip1 .tooltiptext{background-color:#29a5d9}
.instagram-icon.tooltip1 .tooltiptext{background-color:#0270ad}
.tooltip1 .tooltiptext::after{content:"";position:absolute;top:-10px;left:50%;margin-left:-4px;border-width:5px;border-style:solid;border-color:transparent transparent #2197ea}
.facebook-icon.tooltip1 .tooltiptext::after{border-color:transparent transparent #274f91}
.twitter-icon.tooltip1 .tooltiptext::after{border-color:transparent transparent #29a5d9}
.instagram-icon.tooltip1 .tooltiptext::after{border-color:transparent transparent #0270ad}
.tooltip1:hover .tooltiptext{visibility:visible;opacity:1}

/*======services======*/
.our-services{background-color:#f7f9fb;padding:75px 0}
.our-services .row{justify-content:center}
/*.our-services .desc{max-width:993px;margin:0 auto 33px}
.our-services .figure{display:block;height:116px;width:116px;margin:0 auto 6px;background:#1475bb;border:solid 5px #1475bb;line-height:108px;border-radius:50%;text-align:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}*/
.our-services .contents{margin:20px 0 15px/*;min-height:115px;*/}
.our-services .contents h2{display:block;font-size:25px;color:#070907}
.our-services .contents p{font-size:15px;padding:9px 0;line-height:21px}
.our-services .details{/*background:#f9fbfa;*/text-align:center;/*padding:25px 15px 15px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;*/}
/*.our-services .details:hover{background:#f9fbfa}
.our-services .details:hover .figure{background:#015897;border-color:#b8b8b8}*/
.our-services .figure,.about-clinic .figure img{/*display:block;max-width:100%;height:auto;*/margin:35px auto 0}

/*======about-us======*/
.about-clinic,.services{background-color:#f7f9fb;padding:75px 0}
.about-clinic .row{justify-content:center}
.about-clinic .desc{max-width:993px;margin:0 auto 33px}
.about-clinic .figure{float:none;display:block;height:116px;width:116px;margin:0 auto 6px;background:#1475bb;border:solid 5px #1475bb;line-height:108px;border-radius:50%;text-align:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.about-clinic .contents{margin:0 0 24px 0;min-height:115px;text-align:center}
.about-clinic .contents span{display:block;font-size:24px;color:#070907}
.about-clinic .contents p{font-size:15px;padding:9px 0;line-height:21px}
.about-clinic .details{background:#f9fbfa;padding:25px 25px 15px;margin:0 0 40px;border-radius:9px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
/*.about-clinic .details:hover{background:#f9fbfa}*/
.about-clinic .details:hover .figure{background:#015897}

/*======about-us2 new======*/
.about-us h2,.services .hd-h2{color:#1b4d88;font-size:35px;font-weight:600;margin-bottom:50px;position:relative}
.about-us h2:after,.services .hd-h2:after{content:"";position:absolute;bottom:-25px;left:0;background:#2197ea;width:190px;height:7px}
.about-us p{font-size:20px;line-height:30px}

.img-rounded{border-radius:6px}
.services .content h3{color:#000;font-size:23px;font-weight:500}

/*======Services2 new======*/
.services .sidebar{background:#fff;border-radius:6px}
.sidebar h3{color:#000;font-size:22px;font-weight:500}
.services .contact-form .form-control{border-width:0 0 1px 0;padding:8px 2px}
.services .contact-form .button{padding:12px 30px;text-transform:capitalize}
.sidebar .details p{position:relative;padding-left:30px}
.sidebar .details .fa{position:absolute;left:0;top:9px;color:#256beb;font-size:22px}
.sidebar .details a{color:#707070}

/*--animate.css --*/
.animatable{visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}
.animated{visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}} 
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}} 
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}} 
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;animation-name:fadeInDown} 
/*======*/
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}} 
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}} 
@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}} 
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} 
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;animation-name:fadeInUp} 
/*======*/
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}60%{-webkit-transform:translateX(20px)}80%{-webkit-transform:translateX(-5px)}100%{opacity:1;-webkit-transform:translateX(0)}} 
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} 
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} 
/*======*/
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} 
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);-ms-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
/*======*/
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}} 
@-webkit-keyframes fadeIn{0%{opacity:0}20%{opacity:0}100%{opacity:1}} 
@-moz-keyframes fadeIn{0%{opacity:0}20%{opacity:0}100%{opacity:1}} 
@-o-keyframes fadeIn{0%{opacity:0}20%{opacity:0}100%{opacity:1}} 
@keyframes fadeIn{0%{opacity:0}50%{opacity:0.5}100%{opacity:1}} 
.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn} /*--End:animate.css --*/



/*@media(min-width:361px){
	.g-recaptcha{transform:scale(1);-webkit-transform:scale(1)}
}*/
@media (min-width:576px){
.logo{top:-21px}.top .container{padding:0 9px}.nav-open-btn{top:21px}.nav-open-btn::before{top:12px}
/*.bodyscroll .nav-open-btn{top:21px}.bodyscroll .nav-open-btn::before{top:12px}*/
.dental-services [class*="col-"],.smile-section [class*="col-"]{flex:0 0 50%;max-width:50%}
.smile-section:before{content:" ";position:absolute;left:0;top:0;width:50%;height:100%;background:#75d9d9}
.smile-section:after{content:" ";position:absolute;right:0;top:0;width:50%;height:100%;background:#f6f8fc url(../images/smile-bg.jpg) no-repeat center 0}
.smile-section .smile-bg h2{position:static;text-align:left;padding:0 0 0 27px}.testimonials-holder .feedback{padding:52px 25px 25px}
.testimonials-holder .figbox{position:absolute;left:25px;top:-52px}
.contact-details{padding:10px 0 0 0}
.contact-details li a{padding-left:27px;font-size:12px;line-height:18px}.top{padding:0 0 12px 0}
.contact-details li.address-book,.contact-details li.call-now em,.contact-details li.call-now .icons img{display:inline-block;vertical-align:top}
.contact-details li.call-now{display:inline-block;position:relative;top:0;text-align:left;max-width:none;margin:0}
.header{background:#2197ea}.contact-details li a{margin-bottom:12px}
.contact-details li.call-now{display:inline-block;background:none}
}

@media(min-width:640px){
.intro{background-position:center center}.intro h1{font-size:39px}.btn-intro{padding:12px 39px;margin:0 15px 0 0}
.contact-details li a{font-size:15px;line-height:21px}
.contact-details span{margin:0 0 3px}.logo{top:-21px}

}

@media (min-width:768px){
.top{padding:12px 0 9px 0}.contact-details{float:right;padding-right:33px}.contact-details li a{color:#6f6f6f;font-size:13px;line-height:16px;margin-bottom:16px}
.header{margin-top:0}/*.logo{position:absolute;top:0px;left:-15px;right:auto;margin:0}*/
.logo{top:-63px;left:0 /*-15px*/;right:auto;margin:0}.wrapper.bodyscroll .logo{top:0}.logo span img,.logo a img{max-width:267px;margin:0}.logo:before{height:116px;width:267px;background-size:267px}
/*.wrapper.bodyscroll .logo span img,.wrapper.bodyscroll .logo a img{max-width:267px}*/
.home .intro{background-position:40% 30%}.intro .hd-h2{font-size:48px}
.home .intro:after{display:none}
/*.home .intro{min-height:424px}*/.intro-content{width:60%;max-width:600px;padding-top:50px}.intro h1{font-size:50px}.intro span{font-size:25px}
.btn-intro{padding:8px 20px;margin:15px 24px 15px 0;font-size:18px}
.hd-comingsoon{font-size:39px}
.dental-services{padding:42px 0 66px}.services-content .pt-5{padding-top:2rem!important}.services-content h2,.membership h2,.smile-section h2,.make-appointment h2{font-size:50px}.welcome-details{padding:0}.details-section h2{font-size:33px}
.details-section{padding:48px 0 96px 0}.smile-section .smile-bg h2{padding:0 0 0 39px;font-size:39px}.smile-section .smile-bg h2 span{font-size:33px}.hd-h2{font-size:39px}
.teethwhitening{padding:48px 0 50px}.teethwhitening .hd-h2{font-size:39px}.make-appointment{padding:60px 0}.make-appointment h2{font-size:33px}
.make-appointment p{font-size:39px;line-height:45px}.make-appointment p .call-img{max-width:39px}.footer{text-align:left}.copyright,.footer-menu{padding:60px 0 0 0}
.contact-form h2{font-size:40px}
.welcome-details{padding-top:90px}
.about-clinic .figure{float:left}
.about-clinic .contents{text-align:left;margin-left:140px}
.g-recaptcha{transform:scale(0.75);-webkit-transform:scale(0.75)}
}
@media (min-width:992px){
 /*-- Submenu --*/
 	#nav li.has-submenu{position:relative}
    #nav .sub-menu{opacity:0;visibility:hidden;position:absolute;left:0;top:60px;width:280px;text-align:left;z-index:9999;padding:0;background:#fff;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;box-shadow:0 5px 4px 3px rgba(0,0,0,0.15)}
    #nav li:hover > ul{opacity:1;visibility:visible}
    #nav .sub-menu > li{float:none;display:block;color:#333;font-size:15px;border-bottom:solid 1px #e7e7e7}
	#nav ul li:hover .sub-menu li a{border:none}
    #nav .sub-menu > li a{display:block;color:#333;font:15px 'Open Sans', Arial, sans-serif;display:block;text-transform:none;padding:8px 0 8px 15px}
	/*#nav li:hover ul li a{padding-left:18px}*/
    #nav .sub-menu li:hover a{padding-left:20px;background:#f8f8f8}
    #nav .sub-menu li:hover a:hover,#nav .sub-menu > li.active a{color:#098acc} 
	#nav .sub-menu > li:last-child{border-bottom:none}
	.header.shrink #nav li:hover ul.sub-menu li a{color:#333}
 /*-- End Submenu --*/

.intro h1{font-size:60px}.intro-content p{padding:9px 50px 30px 0}.intro span{font-size:35px}
.contact-details li a{padding-left:30px;font-size:16px}.top{padding:31px 0 9px 0}.intouch p{padding:45px 0;font-size:27px;line-height:33px}
.intouch p span{margin-right:35px;display:inline-block}.get-in-touch .button{padding:5px 66px 5px 21px;font-size:16px}.intouch .btnappoints{position:absolute;right:0;top:27px;margin:0}
.services-content [class*="col-"]{flex:0 0 25%;max-width:25%}.intouch{text-align:left}.membership a.button{font-size:22px;padding:15px 70px;margin-top:15px}
.services-content .pt-5{padding-top:21px !important}.details-section{padding:48px 0 175px 0}.make-appointment h2{font-size:39px}
.testimonials-holder{padding:86px 0 60px}.make-appointment p .call-img{max-width:inherit;margin-top:0}.make-appointment p{font-size:52px;line-height:60px}
.contact-details li{margin-right:24px}.contact-details li:last-child{padding-left:12px}.contact-details span{margin:0 0 9px}
.dental-services .info{max-width:812px}.services-content  .details p{font-size:21px;padding:15px 0}
.details-section h2{font-size:43px}.details-section .subtitle{font-size:21px;line-height:33px;margin:0 0 12px}.intro .hd-h2{font-size:57px}.hd-comingsoon{font-size:42px}
.contact-details{padding:0}
.g-recaptcha{transform:scale(0.8);-webkit-transform:scale(0.8)}
/*-- Animantions --*/
@-webkit-keyframes fadeInfadeDown{
        0%{
            opacity:0;
            -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
        }
        100%{
            opacity:1;
            -webkit-transform:none;
            transform:none;
        }
    }
    @keyframes fadeInfadeDown{
        0%{
            opacity:0;
            -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
        }
        100%{
            opacity:1;
            -webkit-transform:none;
            transform:none;
        }
    }
    .fadeInfadeDown{
        -webkit-animation-name:fadeInfadeDown;
        animation-name:fadeInfadeDown;
    }

}
@media (min-width:1025px){
/*.home .intro{min-height:643px}*/.membership{background:#f6f8fc;text-align:center;padding:70px 0 89px}.footer{padding:30px 0}.dental-services{padding:51px 0 96px}
.comparison-slider-wrapper{margin:39px auto 75px}.logo{top:-60px}.wrapper.bodyscroll .logo{top:0}
.about-us h2,.services .hd-h2{font-size:50px}.about-us p{font-size:24px;line-height:36px}

}
@media (min-width:1200px){
.home .intro{min-height:70vh}.intro h1{font-size:77px}.btn-intro{padding:12px 45px;font-size:21px}
.intouch p{font-size:43px;line-height:40px}.membership .info{padding:6px 170px 39px;color:#494949}.details-section{padding:109px 0 175px 0}
.welcome-details{padding:6px 0 0}.details-section h2{font-size:55px}.smile-section .smile-bg h2{padding:0 0 0 75px;font-size:50px}.smile-section .smile-bg h2 span{font-size:55px}
.hd-h2{font-size:50px}.make-appointment{padding:90px 0}.make-appointment h2{font-size:50px}.teethwhitening .hd-h2{font-size:50px}
#nav li a,#nav li.active span{font-size:18px;line-height:28px;padding:16px 15px}.teethwhitening{padding:105px 0 50px}
.btn-intro{padding:15px 50px}.intro{min-height:283px}.intro .hd-h2{font-size:66px;text-align:left}.hd-comingsoon{font-size:50px}
.logo{top:-79px}.logo span img,.logo a img{max-width:306px}/*.wrapper.bodyscroll .logo{top:0px}*/
.logo:before{background-size:306px;height:132px;width:306px}
.about-us h2,.services .hd-h2{font-size:60px}
.g-recaptcha{transform:scale(1);-webkit-transform:scale(1)}
.our-services .contents{margin:20px 15px 15px}
}
@media (min-width:1281px){
}
/*@media (min-width:1920px){
	.home .intro{min-height:70vh}
}*/
@media (min-width:2500px){
	.home .intro{min-height:40vh}
}

@media (max-width:767px){
.smile-section .smile-bg h2 br{display:none}

/*body{border:1px solid #f0f}*/
}

/*@media (max-width:480px){
html{-webkit-text-size-adjust:none}
body{border:1px solid #f0f}
}*/