/*=======================
FONT: "Raleway", "Open Sans";
color #a4d555
=======================*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);


html, body{
	height: 100%;
}

body{
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #000;
overflow-x: hidden;
}





.navbar-toggler{
    background-color: #00619d;
    width: 100%;
}



/*=======================
General
=======================*/

.paten{
    background-image: url("../img/pat.png");
    background-color: rgba(0,0,0,0.7);
}


.paten2{
    background-image: url("../img/slide_bg.png");
    background-color: rgba(0,0,0,0.1);
}


.paten3{
    background-image: url("../img/slide_bg.png");
    background-color: rgba(0,0,0,0.4);
}

.padding-70{
padding: 70px 0;	
}


.padding-100{
padding: 100px 0;    
}

.parallax{
	background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}


.horizontal-header{
text-align: center;
margin-bottom: 40px;
}

.horizontal-header h3{
    color: #0779bc;
font-size: 36px;
font-weight: 700;
letter-spacing: 0.72px;
line-height: 42px;
text-transform: uppercase;
word-wrap: break-word;
}


.horizontal-header h3:after{
display: block;
    width: 100px;
    height: 2px;
    background: #0779bc;
    margin: 15px auto 15px auto;
    clear: both;
    content: "";
  }











/*main header for section*/

.dart-headingstyle {
    margin-bottom: 40px;
}


.services .dart-headingstyle .dart-heading {
    color: #fff;
    margin-top: 0px;
}

.dart-headingstyle span.border-icon {
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    display: inline-block;
}


.dart-headingstyle span.border-icon::before, .dart-headingstyle span.border-icon::after {

    content: "";
    background: #ccc;
    width: 215px;
    height: 1px;
    top: 8px;
    position: absolute;

}
.dart-headingstyle span.border-icon::before {
left: 100%;
}

.dart-headingstyle span.border-icon::after {
right: 100%;

}






/*=======================
Preloader
=======================*/

#preloader{
background-color: #fff;
position: fixed;
top:0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}


#status{
background-image: url(../img/preloader.gif);
background-repeat: no-repeat;
width: 70px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}



/*=======================
Header
=======================*/

.top-header {
    background-color: #f0f2f4;
    box-shadow: 0 1px 1px rgba(0,0,0,0.13);
    padding-bottom: 10px;
    padding-top: 10px;
}

.top-header p, .top-header ul{
	margin-bottom: 0;
}


.top-header p {
    font-size: 13px;
    color:#2098df;
    line-height: 30px;
}

.top-header ul li{
	display: inline-block;
	margin: 0 7px;
}


.top-header ul li{
color: #2098df;	
}


/*middle header*/

.middle-header{
 padding: 35px 0;
}

.middle-header .location, .middle-header .phone {
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
}


.middle-header .location h3, .middle-header .phone h3, .middle-header .phone a, .middle-header .phone h3 a {
    font-size: 28px;
    text-transform: uppercase;
    color: #222;
    margin-top: 0;
    letter-spacing: 0.5px;
}

.middle-header .location p, .middle-header .phone p {
    color: #5a5c5d;
    margin-bottom: 0;
    font-size: 16px;

}



.middle-header i{
	color:#33a9ee;
}



/*=======================
navigation
=======================*/


.navbar-toggler-icon{
    width: 75px;
    color: #fff;
}


.ow-navigation {
    background-color: #2098df;
    padding: 0;
    min-height: 1px;
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
    border: none;
    border-top: 2px solid #0879bf;
    box-shadow: 0 2px 2px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.8);
}

.ow-navigation a{
text-transform: uppercase;
font-size: 13px;
color: #fff;
font-family: 'Montserrat', sans-serif;
letter-spacing: 2px;
padding: 25px;
margin-left: 20px;
transition: all .5s ease-in-out
}

.ow-navigation a:hover{
	background-color: #0879bf;

}

.ow-navigation  a.active{
    background-color: #0879bf;
}

.sticky {
  position: fixed;
  top: -70px;
  transform: translateY(70px);
  transition: all .3s linear;
  background-color: #00619d;
}

.nav {
  width: 100%;
  z-index: 9999;
}

/*=======================
Section home
=======================*/

#home{
	height: 600px;
}

#home-cover{
background-image: url("../img/dentback.jpg")	;
height: 600px;
border-bottom: 10px solid #1e2631;
}

#home-content-box{
position: relative;
width: 100%;
height: 100%;	
}

#home-content-box-inner{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}

#home-heading h3{
font-size: 48px;
text-transform: uppercase;
font-weight: 700;
font-family: "Lato", sans-serif;
color: #fff;
margin-bottom: 0;
line-height: 38px;
display: inline-block;
}

#home-heading h1{
font-size: 68px;
text-transform: uppercase;
font-weight: 700;
margin-top: 0;
line-height: 65px;
color: #fff;
font-family: "Raleway";
}


#home-heading h1:after{
	display: block;
	content: "";
	clear: both;
	width: 100px;
	height: 2px;
	margin: 0 auto;
	background: #fff;
	margin-top: 5px;
}

#home-heading h1 span{
color: #2098df;	
}

#home-heading p{
	color: #fff;
	
	font-size: 16px;
}


/*=======================
services-main
=======================*/





.padding-left{
    padding-left: 0;
}

.padding-right{
    padding-right: 0;
}

.main-info-services-main{
background-color: #2098df;
padding: 20px;
}

.main-info-services-main2{
background-color: #00619d;
padding: 20px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}


.main-info-services-main2:after{
    display: block;
    content: "";
    clear: both;
}


.main-info-services-main:after{
    display: block;
    content: "";
    clear: both;
}
.main-info-icon{
float: left;
display: inline-block;
margin-right: 10px;

}

.main-info-icon i{
font-size: 42px; 
color: #fff;   
}

.main-info-title{
 display: inline-block;
 float: left;
 color: #fff;
}

.main-info-title h3{
margin-bottom: 0;
text-transform: uppercase;
font-size: 22px;
font-family: "Lato" , sans-serif;
line-height: 20px;
}

.main-info-title p{
    margin-bottom:0; 
}

/*=======================
About us
=======================*/



h2.about-us-heading {
font-size: 34px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
color: #0f89d1;	
font-family: 'Raleway', sans-serif;
}


#about-us span.border-icon {
color: #0f89d1;
padding: 0 10px;
font-size: 14px;
line-height: 18px;
position: relative;
display: inline-block;
margin-bottom: 50px;
}


#about-us span.border-icon::before, #about-us span.border-icon::after {
content: "";
background: #0f89d1;
width: 215px;
height: 1px;
top: 8px;
position: absolute;
}

#about-us span.border-icon::before, #about-us span.border-icon::after {
content: "";
background: #0f89d1;
width: 215px;
height: 1px;
top: 8px;
position: absolute;
}

#about-us span.border-icon::before {
left: 100%;
}

#about-us span.border-icon::after {
right: 100%;
}


#about-us p{
	font-size: 17px;
	line-height: normal;
    padding-left: 10px;
padding-right: 10px
	
}


#about-us ul{
list-style: none;
padding-left: 0;
margin: 0;
}

#about-us ul li{
font-size: 17px; 
display: block;   
}


#about-us ul li i{
    margin-right: 15px;
    color: #fff;
}


.no-right{
padding-right: 0;    
}



.no-left{
padding-left: 0;    
}

#about-us .about-last-ul ul span{
margin-left: 37px;

  }

.about-us-lastp{
padding-bottom: 29px; 
padding-top: 20px;
padding-left: 10px;
padding-right: 10px
}


.about-last-ul{
    background-color: #00619d;
    padding: 15px;
    color: #fff;

}

.tm-opening-hours{
background-color: #191919;
color: #fff;
position: relative;
padding: 30px 30px 26px;
text-align: center;	
border: 5px solid rgba(255, 255, 255, 0.3);
transition: all .3s ease-in-out
}


.tm-opening-hours:hover{
background: #1998e7    ;
}


.tm-small-heading {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.tm-opening-hours ul {
    display: table;
    clear: both;
    position: relative;
    width: 100%;
    padding-left: 0;
    
}

.tm-opening-hours ul li {
    list-style-type: none;
    clear: both;
    border-bottom: 1px dashed #fff;
    display: table;
    clear: both;
    width: 100%;
    padding: 10px 0 0px 0;
}

.tm-opening-hours ul li .lbl {
    float: left;
}

.tm-opening-hours ul li .val {
    float: right;
}

.tm-opening-hours p {
    text-align: left;
    color: #fff;
    
    position: relative;
    z-index: 2;
}


.tm-opening-hours .cl {
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}




#why-choose-us{
background-image: url(../img/bg13.jpg);  
background-position: 50% -39px; 

margin: 0 auto;
background-size: cover;
background-attachment: fixed;
background-repeat: repeat-y; 
}

.why-choose-us-main{
background-color: #f3f2f1;

padding: 30px;
overflow: hidden;
}


.why-choose-us-second span{
color: #2098df;    
}

.why-choose-us-second h3:after{
display: block;
content: "";
clear: both;
width: 50px;
height: 2px;
background-color: #2098df;  
margin-top: 10px;      
} 


.why-chose-us-third{
margin-top: 30px;
margin-bottom: 30px;
}

.why-chose-us-icon{
display: inline-block;
margin-right: 20px;
margin-top: 10px;
float: left;
color: #00a4ef;
}

.why-chose-us-icon i{
    font-size: 32px;
    
}

.why-cohose-us-text{
display: inline-block;  
width: 85%;
}
/*=======================
Our Service
=======================*/

#our-service{
background-color: #3cacee;
text-align: center;
color: #fff;
 background-image: url(../img/service-bg.png)	;
}


#our-service h2{
	text-transform: uppercase;
	margin-bottom: 15px;
    font-size: 36px;
}

.our-service-content{
	margin: 25px 0;
	padding: 20px 30px;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	cursor: pointer;
	border:1px solid #fff;
	background-color: #0087be;	
	border-radius: 3px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}


.our-service-content:hover{
background-color: #3cacee;	
}

#our-service h3:after{
	display: block;
	width: 100px;
	height: 2px;
	background: #fff;
	margin: 10px auto;
	clear: both;
	content: "";
}

.our-service-content i{
	color: #fff;
	font-size: 35px;
	margin-bottom: 15px;
}

.our-service-content h4{
	font-weight: 700;
}


/*=======================
Doctors
=======================*/


.doctors-section-header {
    text-align: center;
    margin-bottom: 32px;
    padding: 0 15px;
}

#doctors h2 {
    color: #0779bc;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.72px;
    line-height: 42px;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    word-wrap: break-word;
}


#doctors .border-icon{
    color:#1998e7;
}


#doctors .dart-headingstyle span.border-icon::before, #doctors .dart-headingstyle span.border-icon::after {
background: #1998e7;    
}



.doctors-section-header p {
    color: #153143;
    font-size: 15px;
    letter-spacing: 0.45px;
    line-height: 26px;
    margin-bottom: 30px;
    }



.team-box {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    overflow:hidden;
    border: 1px solid #2098df;
}


.team-box:hover .team-content{
  background-color: rgba(9, 68, 98, 0.9);
  bottom: 0px;
}

.team-box img {
    width: 100%;
    height: auto;
}

.team-content {
    background-color: rgba(7, 121, 188, 0.7);
    position: absolute;
    bottom: -55px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     border-top: 2px solid #2098df;
    
}


 .team-content h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.08px;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    word-wrap: break-word;
    
}


 .team-content span {
    color: #9bc03c;
    display: block;
    font-weight: 600;
    letter-spacing: 0.42px;
    padding-left: 10px;
    padding-right: 10px;
    word-wrap: break-word;
    
}

.team-box:hover  .team-content p{
    opacity: 1;
}

 .team-content p {
    color: #fff;
    letter-spacing: 0.56px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
    
}

/*=======================
Our Service
=======================*/

#laser{
    background-color: #2098df;

}



.laser-image{
overflow: hidden;
position: relative;
}


.laser-right{
    /*background-color: #004E70;*/
   padding: 20px ;
}


.laser-right-heading{
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(32, 152, 223, .7);
padding: 30px 30px 15px 30px;
}


.laser-right-group h3 {
color: #fff;
font-size: 36px;
font-weight: 700;
letter-spacing: 0.72px;
line-height: 42px;
margin-bottom: 22px;
text-transform: uppercase;
word-wrap: break-word;
display: inline-block;
padding: 0 17px;
}

.laser-right-heading p {
color: #fff;
font-size: 16px;
line-height: 20px;
/*margin-bottom: 30px;
margin-top: 30px;*/
font-weight: bold;
}


.laser-right-group ul{
 list-style-type: none;
 padding: 0;
}



.laser-right-group{
    margin-top: 30px;
}
.laser-right-group ul li{
color: #fff;
font-weight: 600;
font-style: italic;
letter-spacing: 0.7px;
margin-bottom: 4px;
padding-left: 0;
padding-right: 0;
font-size: 16px;
}





/*=======================
Testimonial
=======================*/


.testimonial img{
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto;
    border-radius: 50%;
}


.testimonial blockquote{
font-style: italic;
}

.testimonial blockquote p{
font-size: 16px;
font-weight: bold;
}




/*=======================
Stats
=======================*/

#stats{
    background: url("../img/chair.jpg") no-repeat fixed center;
    background-size: cover;
}

#stats .padding-100{
    background: rgba(4, 135, 217, 0.9);
}


#stats h2{
color: #fff;    
}

#stats .border-icon {
    color: #fff;
}

#stats .dart-headingstyle span.border-icon::before, #stats .dart-headingstyle span.border-icon::after {
    background: #fff;
}


.stats-header p {
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.45px;
    line-height: 26px;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 0 15px;
}


.stats-item{
  background: rgba(255,255,255,0.2);
  border-radius: 4px;
  min-height: 170px;
  padding: 25px 50px;
  transition: all .4s linear;
  -webkit-transition: all .4s linear;
}

.stats-item i{
font-size:  42px;
color: #fff;
margin-bottom: 10px;
transition: all .4s linear;
  -webkit-transition: all .4s linear;
}

.stats-item h3{
font-size:  32px;
color: #fff;
margin-bottom: 10px;
margin-top: 5px;
}

.stats-item p{
color: #fff;
margin: 0;
}


.stats-item:hover{
background: #f4c613;
}

.stats-item:hover i{
    color: #fff;
 transform: translateY(-10px);  
 -webkit-transform: translateY(-10px);  
}



/*=======================
portfolio gallery
=======================*/

#portfolio{
background-color: #ebeaea;    
}


#portfolio h2{
color: #0f89d1;    
}

#portfolio .border-icon {
    color: #1998e7;
}

#portfolio .dart-headingstyle span.border-icon::before, #portfolio .dart-headingstyle span.border-icon::after {
    background: #1998e7;
}




/*filter buttons*/

#isotope-filters {
margin: 20px 0;
padding: 20px 25px 20px 0
}

#isotope-filters button{
 font-family: "Raleway", sans-serif;   
 font-size: 14px;
 font-weight: 700;
 text-transform: uppercase;
 background: #0f89d2;
 color: #fff;
 box-shadow: none;
 -webkit-box-shadow: none;
 padding-right:20px; 
}


#isotope-filters button.active{
    background: #004e70;
}

/*Zoom efect*/

.portfolio-item{
    overflow:hidden;
    position: relative;
}

.portfolio-item img{
width: 100%;
height: auto;
transition: transform .5s ease;
transition: -webkit- transform .5s ease;
-webkit-transition: transform .5s ease;
}

.portfolio-item:hover img{
   transform: scale(1.3);
   -webkit-transform: scale(1.3);
}


/*overlay effect*/

.portfolio-item-overlay{
   position: absolute; 
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(4, 135, 217, 0.9);
   cursor: zoom-in;
   -webkit-  cursor: zoom-in;
   opacity: 0;
   transition: all .8s ease;
    -webkit-transition: all .8s ease;

}

/*items Details efect*/

.portfolio-item-detail{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.portfolio-item-detail h3{
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
    padding: 0;
    transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    transition: all .8s;
    -webkit-transition: all .8s;
}

.portfolio-item-detail span{
    display: inline-block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 6px;
    width: 30px;
    margin: 11px auto 5px auto;
}


.portfolio-item-detail  p{
color: #fff;
font-size: 17px;
text-transform: uppercase;
margin: 0;
padding: 0;
transform: translateY(20%);
    -webkit-transform: translateY(20%);
    transition: all .8s;
    -webkit-transition: all .8s;
}

/*Show overlay on mouse hover*/



.portfolio-item:hover .portfolio-item-detail h3{
 transform: translateY(0);
-webkit-transform: translateY(0);  
}


.portfolio-item:hover .portfolio-item-detail p{
 transform: translateY(0);
-webkit-transform: translateY(0);  
}


.portfolio-item:hover .portfolio-item-overlay{
    opacity: 1;
}


/*=======================
Contact
=======================*/


#callus h2{
color: #0f89d1;    
}

#callus .border-icon {
color: #1998e7;
}

#callus .dart-headingstyle span.border-icon::before, #callus .dart-headingstyle span.border-icon::after {
background: #1998e7;
}



.callus-info{
    margin-top: 30px;
}

.callus-info i{
    color: #0487d9;
    font-size: 24px;
    margin-bottom: 15px;
}

.callus-info h4, .callus-info h6 {
    font-weight: 700;
}

.callus-info h6{
color: #808080;    
}


/*=======================
Map
=======================*/


#contact{
    background: #0487d9;
}



.map{
    position: relative;
    width: 100%
    height:100%;
}
.map iframe{
    /*pointer-events: none;*/
        width:100%;
    border:none;
        margin-bottom: -4px;
        height: 250px;
}




.callus-header{
    margin: 30px 0 40px 0;
    color:#fff;
}

.callus-header h3{
    display: inline-block;
    background-color: rgba(9, 68, 98, 0.9);
    padding: 0 15px;

}

.callus-items{
    float: left;
    margin-bottom:  5px ;

}
.contact-bus-icon{
    width: 100px;
    height: 100px;
    background: rgba(255,255,255,0.2); 
    text-align: center;
    float: left;
    transition: all .4s ease-in-out;
    
}

.contact-bus-icon i{
    font-size: 50px;
    line-height: 100px; 
    color: rgba(255,255,255,0.7)

}


.contact-text{
    height: 100px;
    width: 300px;
    background: rgba(255,255,255,0.2); 
    margin-left:  5px;
    float: left;
    text-align: center;
    transition: all .4s ease-in-out;
}

.contact-text p{
font-size: 30px;
line-height: 100px;
color: rgba(255,255,255,0.7);
}


.callus-items:hover .contact-bus-icon{
    background-color: rgba(9, 68, 98, 0.9);
    cursor: pointer;
}

.callus-items:hover .contact-text{
    background-color: rgba(9, 68, 98, 0.9);
    cursor: pointer;
}



/*=======================
Pricing table
=======================*/

#pricing-table h2{
color: #0779bc;    
}

#pricing-table .border-icon {
    color: #0779bc;
}

#pricing-table .dart-headingstyle span.border-icon::before, #pricing-table .dart-headingstyle span.border-icon::after {
    background: #0779bc;
}


table { 
  width: 100%; 
  border-collapse: collapse; 
  background: #178ed9; 
  color: #f3f3f3;
}

td, th { 
  padding: 8px; 
  text-align: left; 
}

/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #47a6e1; 
}

th { 
  background: #2c3e50; 
  font-weight: bold; 
}

tr:hover{
    background-color: #084a6d;
    cursor: pointer;
}



/*=======================
address info
=======================*/

#address{
    padding: 30px 0;
    background-color: #fff;
}

.addres-box{
border-top: 1px dashed #00a4ef;    
border-bottom: 1px dashed #00a4ef;    
}

.addres-info i, .addres-info p{
    display: inline-block;
    margin: 0;
    color: #178fda;
    font-size: 23px;
}

.addres-box i{
margin-right: 10px;    
}

.addres-info p{
    font-family: "Lato";
}

/*=======================
Footer
=======================*/

footer{
    padding: 20px;
    background: #191919;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

footer a{
    color:#f4c613;

}

footer a:hover{
    color: #fff;
}