* {margin: 0px;	padding: 0px;}
html, body {height: 100%;	width: 100%;}
body{  font-family:Arial, Helvetica, sans-serif; font-size:1.125em; color:#000; line-height:1.5em;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small,  sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure {	border: 0;	margin: 0;	padding: 0;	font-family:Arial, Helvetica, sans-serif; font-weight: normal;}
img, fieldset, abbr, acronym {	border: 0;}
article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}
audio, canvas, video {	display: inline-block;
*display: inline;
*zoom: 1;}
h1, h2, h3, h4, h5, h6 {	font-family:Arial, Helvetica, sans-serif;	font-size: 100%;	font-weight: normal;}
ul li, ol li {list-style: none;}
img {	border: none;	display: block; max-width:100%;}
a, a:link, a:focus {	color: #0f193c ;	text-decoration: none;	outline: none;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}
a:hover {	color: #df3b3c;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s; }
.container-area{ max-width:1180px; width:100%; margin:0 auto} .container-area1{ max-width:900px; width:100%; margin:0 auto} .container-area2{ max-width:980px; width:100%; margin:0 auto}
.clear{ clear:both}

.call-area{ float:right; padding-top:31px;}
.call-area a{ background-color:#e03c31; font-size:24px; padding:16px 30px; border-radius:2rem 2rem; color:#fff; text-transform:uppercase; font-weight:600;}
.call-area a:hover{ background-color:#000}
.call-area img{ display:inline-block; vertical-align:sub; padding-right:7px;}
.header-box{ display:inline-block; width:21%; margin:10px 1.8%}
.icon-box{ display:inline-block;  border:solid 2px #df3b3c; width:54px; height:54px; border-radius:100%; vertical-align:middle; margin-right:10px;} .header-box p{ display:inline-block; font-size:22px; font-weight:600;}
.icon-box img{ margin:0 auto; padding-top:10px;}
.contact-form-area{ background:#eef9fc; width:100%; padding:10px 0 25px 0}
.contact-form-area h2{ text-align:center; font-size:41px; font-weight:600; color:#e03c31}
.form-col{ float:left; width:26%; margin-right:2%; margin-top:10px;} .form-col-1{ float:right;}
.form-control {   padding: 12px 4%;
    font-size: 16px;  background: #fff;
    border: solid 1px #ddd;
    border-radius: 10px;
    width: 92%;  outline: none;}
	.btn1{ background-color:#e03c31; color:#fff !important; padding:16px 30px; border-radius:2rem 2rem; cursor:pointer; border:0; font-size:24px; font-weight:600}
		.btn1 img{ display:inline-block; vertical-align:sub} .btn2 img{ display:inline-block; vertical-align:sub}
	.slider-two_title1{ font-size:71px; font-weight:600; line-height:75px; margin-bottom:15px;}
		.slider-two_title1 span{ font-weight:600; color:#06b5ca}

	.slider-two_content{ max-width:680px; width:100%;}
	.banner-area{ background-color:#f2f6f7; padding:50px 0} .bimg{ float:right; padding:0px 50px 10px 0;}
/*	.list-style1 li span{ background-color:#e03c31; color:#fff; font-weight:bold; padding:2px 8px; font-size:31px;}*/
	.text-center{ text-align:center}
.btn1:hover{ background-color:#000}

.btn3{ background-color:#e03c31; color:#fff !important; padding:16px 30px; border-radius:2rem 2rem; cursor:pointer; border:0; font-size:18px; font-weight:600}
.btn3:hover{ background-color:#000}
.redc{ color:#e03c31; font-weight:600}
.candidate-section-left li{ font-size:21px;}
.btn2{ background-color:#e03c31; color:#fff !important; padding:16px 30px; border-radius:2rem 2rem; cursor:pointer; border:0; font-size:24px; font-weight:600}
.btn2:hover{ background-color:#06b5ca; color:#fff !important;}
.why-choose-area{ padding:30px 0 80px 0}
.why-choose-area h2{ font-size:35px; font-weight:bold; padding-bottom:20px; line-height:46px;}
.why-choose-area li{ font-size:23px; margin-bottom:23px !important;}
.why-choose-img img{ margin:0 auto; padding-top:25px; padding-right:7px; } .why-choose-box img{ display:inline-block; vertical-align:middle}
.why-choose-box{ float:left; width:48%; margin:15px 1%; } 
.why-choose-box-main{ padding:40px 40px 25px 40px; background-color:#fbf0e8;  border-radius:30px; margin-top:22px;}
.bannerbottom-box{ background:#023da5; box-shadow:0 0 38px rgb(0 0 0 / 11%); padding:10px 0 35px 0;}
.counter-box{ float:left; width:30%; margin:0 1.5%}
.count-style {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;}.count-text {
    width: 58%;
    z-index: 11;}.count-style h3 { line-height:70px; color:#fff;
    font-size: 70px;
    font-weight: bold;}.count-style span { line-height:22px; color:#fff;
    font-size: 16px;
    width: 87%;
    display: block;}
	.mb30{ margin-bottom:30px !important;}
	.candidate-section{ background:#f2f6f7; padding:60px 0 70px 0}
	.candidate-section-left{ float:left; width:47.5%}
		.candidate-section-left h2{ font-size:41px; font-weight:600; padding-bottom:20px; line-height:46px; padding-top:5px;} .candidate-section-left p{ padding-bottom:20px;}
	.candidate-section-right{ float:right; width:47%; padding-top:5px;} 	
.list-style{ margin:0 0 0px 0}
.list-style li{ background:url(../images/tick-1.png) left 2px no-repeat; padding-left:30px; margin:0 0px 15px 0; font-weight:600;}

.list-style1{ margin:0 0 30px 0}
.list-style1 li{ background:url(../images/tick-2.png) left 0px no-repeat; padding-left:40px; margin:0 0px 21px 0; font-size:28px; font-weight:600;}

.treat-section{ padding:60px 0 80px 0}
.treat-section h2{font-size:41px; font-weight:600; padding-bottom:20px; line-height:46px; text-align:center}
.treat-box{ float:left; text-align:center; width:30%; margin:20px 1.5%}.treat-box h3{ font-size:28px; color:#244499; font-weight:600; padding-bottom:10px; margin-top:30px;} .treat-box img{ width:220px; margin:0 auto; border-radius:20px; border:solid 5px #fff;box-shadow:5px 5px 0px 0px #06b5ca;}
.doctor-section{ padding:60px 0 90px 0; width:100%; background:#f2f6f7;}
.doctor-section h2{font-size:41px; font-weight:600; padding-bottom:20px; line-height:46px; text-align:center }
.doctor-box{ float:left; width:30%; margin:20px 1.5%}
.team-expert { text-align:center;
    position: relative;
    display: block;
    background-color: #fff;
    padding:20px 20px 45px 20px;
    border-radius: 40px;
    margin-left: auto;
    box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 6%);
    -webkit-box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 6%);
    -moz-box-shadow: -1px 0px 44px 15px rgba(0,0,0,0.6);}.team-expert > img { padding-bottom:25px; border-top-left-radius:40px;  border-top-right-radius:40px;}.team-expert span { display:block; padding-bottom:12px;
    font-weight: bold;}.team-expert h3 { color:#244499;
    font-weight: 600;
    font-size:28px;
    text-transform: capitalize;
    padding-bottom: 5px;
    margin-bottom: 0;}.team-expert p{ margin-bottom:5px; font-size:17px;}
.testimonial-area{ padding:10px 0 60px 0}
.testimonial-left{ float:left; width:23%}.testimonial-left h4{ color:#e03c31; font-weight:600;}
.testimonial-area h2{font-size:41px; font-weight:600; padding-bottom:20px; line-height:52px; text-align:center; }.headingline {
    display: block;
    margin-top: 10px;
    background-color: #e03c31;
    width: 40px;
    height: 1px;
    margin-bottom: 20px;}
.testimonial-right{ float:right; width:69% }
.client-reviews {
    position: relative;
    margin-left: 60px;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}.client-reviews img.dots {
    right: auto;
    left: -9%;
    bottom: 19%;}.client-reviews i { background-color:#e03c31;
    left:43%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 6px;
}.client-reviews img.clients {
    border-radius: 30px;
    margin-right: 40px;
}.client-reviews p {
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 30px;
    width: 89%;
}.client-reviews h4 { padding-bottom:5px; color:#244499;
    font-size: 28px;
    font-weight: 600;
}
.testimonial-right1{ float:right; width:76%} .testimonial-right1 .client-reviews i{ left:34%}
.count-style img{ margin-right:15px; position:relative; }
.faq-area{ background-color:#f2f6f7; padding:60px 0 150px 0}
.faq-area h2{font-size:41px; font-weight:600; padding-bottom:25px; line-height:52px; text-align:center; padding-top:10px;} .faq-area h4{ color:#e03c31; font-weight:600; text-align:center;}
.faq-area .headingline{ margin:10px auto;}
 .toggles{  margin-bottom:10px;}
	.toggle { padding: 0px; padding-bottom: 0;  margin:0 0 0px 0; border-bottom:solid 1px #c4c6c7}
	.bdtop0{ border-top:0 !important}
.toggle-title { position: relative; display: block; cursor: pointer; font-size:25px;  font-weight:400; padding:25px 15px 25px 0px; font-weight:600; }
.toggle-title:after {content: ''; background:url(../images/plus.png) no-repeat;  position: absolute; top:34%; right: 0px;  width:21px; height:21px; }
.toggle.active .toggle-title:after { content: ''; background:url(../images/minus.png) no-repeat;  
    width:21px;
    height:21px; 
}
.toggle-content { padding-top: 10px; padding: 0px 25px 0px 0px; display: none; }
.toggle.active .toggle-content { display: block !important; }
.toggle.active .toggle-title {  color:#e03c31; }
.toggles p{ padding-bottom:20px; }
.toggle-content:before,
.toggle-content:after {
    content: " ";
    display:table;}
.toggle-content:after {
    clear: both;}
	.bdbottom0{ border-bottom:0 !important}
	.footer-area{ background-color:#023da5;}.address i img{ margin:0 auto;}
	.location { text-align:center;
    display: flex;
    background-color: white;
    justify-content: space-between;
    box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 4%);
    -webkit-box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 4%);
    -moz-box-shadow: -1px 0px 44px 15px rgba(0,0,0,0.4);
    border-radius: 40px;
    padding:40px 40px;
    position: relative;
    top: -80px;
    z-index: 11;
}.location:before {
    position: absolute;
    width: 90%;
    top: -25px;
    height: 25px;
    content: "";
    left: 5%;
    border-radius: 26px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; background-color:#e03c31;
}
.location .address{ display:inline-block; width:25%}.boder-line {
    display: block;
    width: 1px;
    height:240px;
    background-color: #a3a3a3;
    margin: 0 10px;}.address i {
    position: relative;
    display: block;
    z-index: 11;}.address .title {
    font-size:22px;
    font-weight: bold;
    padding-top:25px;
    padding-bottom:10px;
    margin-bottom: 0;}
.footer-middle{ padding:0px 0 60px 0; text-align:center; color:#fff; margin-top:-20px;}.footer-middle h2{ font-size:41px; font-weight:600; color:#fff; padding-bottom:8px; line-height:52px; text-align:center; padding-top:10px;}.img11{ margin:0 auto; padding-bottom:10px; width:60px;}
.footer-middle ul {
    display: flex;
    justify-content: center;
    margin-top: 40px;}.footer-middle p{ padding-bottom:15px;} .footer-middle p a{ color:#fff }.footer-middle p a:hover{ color:#06b5ca }
.footer-bottom{ border-top:solid 1px #fff; padding:25px 0; text-align:center; color:#fff} .footer-bottom a{ color:#fff; font-weight:bold} .footer-bottom a:hover{ color:#06b5ca;}
.footer-social{ margin-top:50px;}
.footer-social li{ display:inline-block; margin:0 20px} .footer-social li img:hover{opacity:0.6}
.reviews-box {
    float: left;
    width: 30%;
    margin: 20px 1.5% 20px 1.5%;
    box-shadow: 0 2px 70px rgb(0 0 0 / 10%);
    border-radius: 20px;}.reviews-box-main {
    padding: 35px;
    text-align: center;}.gimg {
    display: inline-block;
    vertical-align: sub;
    padding-left: 20px;}
.displayinline{ display:inline-block;}
.reviews-box p{ margin:15px 0 20px 0}.reviews-box-main .rimg {
    width:70px;
    border-radius: 100%; margin:0 auto;}.reviews-box-main h3 { font-weight:bold;
    margin-top:10px;
    font-size: 22px;
    color: #244499;}
.grlogo{ text-align:center; margin-top:25px;} .grlogo img{ margin:0 auto; display:inline-block; vertical-align:middle; padding-right:20px;}
.count-style h3 sub{ line-height:22px;}
.slider-two_title2{ font-weight:bold; font-size:44px; color:#e03c31; padding-bottom:15px;} .slider-two_title3{ color:#06b5ca; font-size:28px; padding-bottom:5px; font-weight:600}.slider-two_title4{ font-size:21px }
.content.caption{ position:absolute; width:100%}.mtop10{ margin-top:10px;}
.banner-left{ float:left; width:39%; padding-top:16px;}.banner-right{ float:left; width:48%; margin-left:2%; padding-left:2%; border-left:solid 1px #c4c6c7;}
.banner-row{ width:100%}
.banner-row .clear{ margin:0; padding:0; height:0}
.banner-button{ display:block; margin-top:40px;}
.bannerimg{ float:right; width:50%}
.invisalign-treatment-area{ padding:75px 0 70px 0} .invisalign-treatment-area h1{ font-size:46px; font-weight:600; line-height:54px; padding-bottom:7px; }
.invisalign-treatment-area p{ font-size:22px; line-height:34px;}
.feature-row{ margin-bottom:22px;}.frow-left{ float:left; width:15%}.frow-right{ float:right; width:82%} .frow-right h3{ font-size:24px; font-weight:600; line-height:24px; padding-bottom:5px;}.why-choose-box-main ul{ margin-bottom:30px;}
.icon-f-box{ background:#e03c31; text-align:center; border-radius:100%; padding:15px}
.candidate-section-left .list-style li{ margin-bottom:25px;}
.mtop10{ margin-top:10px}
.rbtn{ position:relative; top:7px;}
.ptopfb{ padding-top:5px;}
.gallery-area{ padding-top:60px; text-align:center} .gallery-area h2{ font-size:41px; font-weight:600; padding-bottom:20px; line-height:52px; text-align:center;}
.gallery-box{ float:left; width:19.8%; margin:0 0.1%}
.form-row{ margin-top:25px;}
.formc{ float:left; width:48%; margin-right:1%; margin-bottom:15px;} .formc input[type="text"]{ background:#fff; padding:20px 5%; border:solid 1px #c4c6c7; font-size:16px; width:86% }
.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}.vgallery{ margin-top:50px;}


  .top-area{ background:#9aeafd; padding:6px 0; position:fixed; width:100%; z-index:9999}


	 .logo-area{ float:left; padding:30px 0px; position:relative; z-index:9999}

	 .clear{ clear:both}

	 .topleft{ float:left; color:#000; font-size:13px; padding-top:4px;}  .topright{ float:right;}

	 .topright .contact-info { display:inline-block; padding-top:5px;

    position: relative;

   

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}
	.header-area{ box-shadow:0px 10px 10px 0px rgb(0 0 0 / 45%); position:relative; z-index:999; padding-top:46px;}

		.header-area1{ box-shadow:0px 7px 7px 0px rgb(0 0 0 / 15%); position:relative; z-index:999;padding-top:46px;}

.topright .contact-info li { display:inline-block; color:#000000;

    margin-right: 20px;

    font-size: 15px;

    font-weight: 500;

}



.topright .contact-info li a { font-weight:bold;

    color: #023da5;

}

.topright .contact-info li a:hover {

    color: #000;

}

.topright .contact-info li i { display:inline-block; vertical-align:middle;

    margin-right: 10px;

}



.topright.style-two .contact-info li i {

    color: #fff !important;

}

.appointbt{ float:right; background:#f21e4e; padding:5px 18px; color:#fff !important; display:inline-block; margin-top:-1px; }

.appointbt:hover{ background:#023da5}


.stellarnav { position: relative; z-index: 9900; line-height: normal padding-left:60px}

.stellarnav a { color: #777; }

.stellarnav ul { margin: 0; padding: 0; text-align: center; }

.stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; }

.stellarnav li a { padding: 13px 24px; display: block; text-decoration: none; color: #777; font-size: 14px; font-weight:600; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

.stellarnav ul li a{color:#000 !important;}

.stellarnav > ul > li > ul > li > a{ color:#000 !important }

/* main level */

.stellarnav > ul > li { display: inline-block;  }

.stellarnav > ul > li > a { padding:45px 11px; font-size:15px; font-family:'Fira Sans', sans-serif; font-weight:400}

.stellarnav > ul > li > a:hover { color:#023da5 !important}

.stellarnav > ul > li > a.act {  color:#023da5 !important}

.stellarnav > ul > li:hover a:after { border-color:#023da5 !important}



.stellarnav ul ul { top: auto; width: 300px; position: absolute; z-index: 9900; text-align: left; display: none; background: #ddd; }

.stellarnav li li { display: block; }



/* second level dd */

.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 260px; }

.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }



/* .drop-left */

.stellarnav > ul > li.drop-left > ul { right: 0; }

.stellarnav li.drop-left ul ul { left: auto; right: 260px; }



/* light theme */

.stellarnav.light { background: rgba(255, 255, 255, 1); }

.stellarnav.light a { color: #000; }

.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }

.stellarnav.light li a { color: #000; }





/* dark theme */

.stellarnav.dark {  }

.stellarnav.dark a { color: #000; }

.stellarnav.dark ul ul {  }

.stellarnav > ul > li > ul{box-shadow:0 5px 11px 0 rgba(0,0,0,.27);}

.stellarnav > ul > li > ul > li > a{ background:#023da5 !important; color:#fff !important }

.stellarnav ul li ul li a:hover{ color:#fff !important}

.stellarnav ul li ul li ul li a{background:#b8a175 !important; color:#fff !important  }

.stellarnav ul  li ul li a:hover{ background:#b8a175 !important; color:#fff!important}

.stellarnav.dark li a { color: #fff; }.stellarnav.dark li a:hover { color: #000 ; }

.stellarnav  ul li ul li a:hover{color: #fff }

.stellarnav  ul li ul li ul li a:hover{color: #05183a !important }

.stellarnav ul li ul li:hover a{background:#fff !important; color:#000 !important }

.stellarnav ul li ul li:hover a:after{ border-color:#fff !important}

/*.stellarnav > ul > li:hover a { background:#df8ab5; color:#ffffff !important }*/



/* sticky nav */

.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }



/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/

body.stellarnav-noscroll-x { overflow-x: hidden; }



/* general styling */

.stellarnav li.has-sub > a{ }



.stellarnav li.has-sub > a:after { content: ''; margin-left: 5px;  border: solid #222 1px;

  border-width: 0 1px 1px 0; padding: 3px; display: inline-block;  transform: rotate(45deg);

  -webkit-transform: rotate(45deg); position:relative; top:-2px }

/*.has-sub > a:hover:after { border-color:#fff !important}*/



.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border: solid #000 1px;

  border-width: 0 1px 1px 0; padding: 3px; position: relative; top: 5px;  transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg); }

.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }

.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }

.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }

.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }

.stellarnav.desktop li.has-sub a {  }



.wlink a{ color:#000 !important}

.stellarnav ul li ul .has-sub a:after { border-color:#000 !important}

.stellarnav ul li ul .has-sub a:hover:after { border-color:#fff !important}

.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }

.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }

.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }



/* svg icons */

.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }

/* svg icons */



.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }

.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 44%; transform: rotate(90deg); transition: width 0.3s; }

.stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 44%; border-bottom: solid 3px #777; position: absolute; }

.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; }

.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; }

.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #000 ; }

.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #000 ; }



.stellarnav .icon-close { box-sizing: border-box; width: 20px; height: 20px; position: relative; display: inline-block; padding-right:20px; }

.stellarnav .icon-close:before { content: ''; display: block; width: 20px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }

.stellarnav .icon-close:after { content: ''; display: block; width: 20px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }

.stellarnav.light .icon-close:before { border-color: #000; }

.stellarnav.light .icon-close:after { border-color: #000; }

.stellarnav.dark .icon-close:before { border-color: #000; }

.stellarnav.dark .icon-close:after { border-color: #000; }



/* mobile nav */

.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 10px 0 0 0; box-sizing: border-box; font-size:26px; font-weight:bold }

.stellarnav .menu-toggle span.bars { display: inline-block; position: relative; top:29px; right:15px }

.stellarnav .menu-toggle span.bars span { display: block; width: 40px; height: 4px; border-radius: 6px; background: #777; margin: 0 0 4px; }

.stellarnav .full { width: 100%; }

.stellarnav .half { width: 50%; }

.stellarnav .third { width: 33%; text-align: center; }

.stellarnav .location-btn-mobile.third { text-align: center; }

.stellarnav .location-btn-mobile.half { text-align: right; }

.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }

.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }

.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }

.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }

.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }

.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }

.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }

.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }

.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; font-size:0 }

.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }

.stellarnav.light .menu-toggle span.bars span { background: #000; }

.stellarnav.dark .menu-toggle span.bars span { background: #000; }

.stellarnav.mobile { position: static; text-align:right }

.stellarnav.mobile.fixed { position: static; }

.stellarnav.mobile ul { position: relative; display: none; }

.stellarnav.mobile.active { padding-bottom: 0; }

.stellarnav.mobile.active > ul { display: block; }

.stellarnav.mobile ul { text-align: left; }

.stellarnav.mobile > ul > li { display: block; }

.stellarnav.mobile > ul > li > a { padding: 14px 25px;  }

.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }

.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }

.stellarnav.mobile ul ul ul { left: auto; top: auto; }

.stellarnav.mobile li.drop-left ul ul { right: auto; }

.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }

.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }

.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }

.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }

.stellarnav.mobile li a.dd-toggle { border: 0; }

.stellarnav.mobile.light li a.dd-toggle { border: 0; }

.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }

.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }

.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }

.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }

.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }

.stellarnav.mobile.dark ul { background:#e1e8f3;}

.stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); }

.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }

.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }

.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }

.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top:106px; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index:9; }

.stellarnav.mobile.right > ul { right: 0; z-index:9999 }

.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; padding-right:5px }

.stellarnav.mobile.left > ul { left: 0; }

.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }

.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }

.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }

.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }

.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }

.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }

/* left and right positions */



/* mega dd */

.stellarnav.desktop li.mega ul ul { background: none; }

.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }

.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }

.stellarnav.desktop li.mega ul ul { width: auto; }

.stellarnav.desktop > ul > li.mega { position: inherit; }

.stellarnav.desktop > ul > li.mega > ul { width: 100%; }

.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }

.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }

.stellarnav.desktop li.mega li li a { padding: 5px 15px; }

.stellarnav.desktop li.mega li.has-sub a:after { display: none; }

.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
.nav-area{ float:right}
.video-left-area{ float:right; width:48%}
.video-right-txt{ float:left; width:48%}

.video-left-area h2 {
    font-size: 46px;
    font-weight: 600;
    line-height: 50px;
    padding-bottom:10px;
}

@media (max-width: 1600px) {.slider-two_content{}.slider-two_title1{ font-size:59px; line-height:68px;} .list-style1 li{ font-size:25px;}.formc{ float:left; width:38%; margin-right:0; margin-bottom:15px;}.sbtn{ margin-right:25%}}
@media (max-width: 1400px) {.banner-area{ padding-top:30px;}}
@media (max-width: 1300px) {.list-style1 li{ margin-bottom:15px; font-size:23px;}}
@media (max-width: 1030px) {.container-area{ width:96%}}
@media (max-width: 980px) {.count-style h3{ font-size:50px;}.why-choose-box{ width:48.5%}.treat-box{ width:47%}.reviews-box{ width:47%}.location .address{ width:50%}}
@media (max-width: 800px) {.counter-box{ width:47%}.bannerbottom-box{ margin-top:0;}.candidate-section-left{ width:100%; padding-top:20px;}.candidate-section-right{ width:100%; padding-top:50px;}.doctor-box{ width:95%}.container-area1{ width:96%}.bannerimg{ width:100%}.content.caption{ position:relative}.bimg{ padding-right:0; padding-left:15px; padding-right:15px; float:none; width:92%}.video-right-txt{ width:100%}.video-left-area{ width:100%; padding-top:30px;}.invisalign-treatment-area h1{ font-size:45px;}}
@media (max-width: 639px) {.call-area a{ font-size:0; padding:25px 35px}.call-area img{ vertical-align:bottom; padding-right:0;}.why-choose-box{ width:99%; margin:10px 0.5%}
.location{ display:block; padding:20px 30px;}.boder-line{ display:none}.location .address{ margin:40px 0}}
@media (max-width: 479px) {.call-area{ margin-top:-6px;}.body-container .wide-slider .owl-carousel .item img{ padding:50px 10px 50px 10px !important; max-width:94%}.counter-box{ width:97%}.treat-box{ width:97%}.reviews-box{ width:97%}.toggle-title{ font-size:22px;}.banner-area{ padding-bottom:40px;} .why-choose-box-main{ padding:40px 10px 25px 10px}.banner-left{ width:100%}.banner-right{ width:100%; margin-left:0; padding-top:20px; padding-left:0; text-align:center}.list-style1 li{ font-size:22px;}.frow-right{ width:82%}.toggle-title{ padding-right:30px;}.location .address{ width:100%}.grlogo img{ margin-right:0; padding-bottom:20px;} .gallery-box{ width:49.2%; display:inline-block; float:none}.formc{ width:100%}.formc input[type="text"]{ width:90%}.sbtn{ margin-right:0}  .topleft{ padding-top:0}.topright .contact-info{ padding-top:0} .appointbt {
    position: relative;
    margin: -27px 5px 5px 0;
    padding: 4px 12px;
    font-size: 15px;
}.header-area1 {
    padding-top:90px;
} .logo-area {
    padding: 30px 0px 12px 0;
}}

.inline { display: inline-block;}
.body-container .wide-slider .owl-carousel .item img { float:right; padding:50px 50px 100px 0;
  display: block;}
.banner-txt { position:absolute; width:100%; top:0; }
.bcaption{ max-width:478px; width:100%; text-align:left;}
.banner-txt p { font-size:24px; font-weight:400; line-height:33px; }
@media (max-width: 1600px) {.body-container .wide-slider .owl-carousel .item .content { top:17%}}
@media (max-width: 1400px) {.body-container .wide-slider .owl-carousel .item .content { top:18%}}

@media (max-width: 550px) {
 .banner-area .slider-two_title1{ font-size:38px; line-height:48px;}}