@font-face {
    font-family:lato;
    src: url(../fonts/Lato-Regular.ttf);
}
@font-face {
    font-family:roboto;
    src: url(../fonts/roboto-regular.ttf);
}
.nav-font{font-family: lato}
.roboto{font-family: roboto}
.lato{font-family: lato}
.heading h2{font-family: lato;}
.heading h3{font-family: lato;}
.heading h4{font-family: lato; color:#07beca; font-weight: bold}
.p-text{font-family: roboto;}
.justifyTxt {text-align: justify;}
.info {width:80%;margin: auto;font-family: roboto;}
.p-containt{}
.color-sky-blue{color:#07beca}
.overlay{width:100%;background: rgba(8,212,225,0.7);}

 /* 
 ===============================================================================
                   header start.
 ===============================================================================
*/

            
/* -----------------------mini-strip css----------------- */


.mini-strip{background:#07beca;width:100%;}
.mini-strip p{color:aliceblue;margin-top: 2px}
.mini-strip ul{text-align: right}

.mini-strip ul li{margin-left:5px;text-align: center!important;margin-bottom: 10px}

.mini-strip ul li .fa{;color:aliceblue;font-size:16px;border:1px dashed #fff; border-radius: 50%; height: 30px;width:30px;padding: 6px}

.mini-strip ul li .fa:hover{color:#3c4767; transition: .5s; transform: rotate(360deg); border:1px solid #3c4767 }

@media(max-width:768px)
{
    .mini-strip ul {text-align: center;}
    .mini-strip p{text-align: center}
}
/*---------------end-----------------------------*/

/* --------------header-middle css-------------- */
/*#fixed-nav{position:sticky;border:1px solid red;padding: 10px;background: #fff;z-index: 1;top:0px;width: 100%;height: 200px}*/
#header-middle {width:100%;background: #fff;}
#header-middle .fa{;color:#3c4767;font-size:30px;border:1px dashed #3c4767;border-radius: 50%; height: 60px;width:60px;padding: 13px;}
#header-middle .fa-phone{padding: 16px}
#header-middle .fa-clock-o {padding: 15px}
.p-containt{color:}

/*-----------------------end------------------------*/



/* ---------------navbar css---------------------- */


nav{width:100%;z-index:2} 
#mynavbar ul li a{font-size:16px;margin-left:10px;color:#fff !important}
#mynavbar ul li a:hover{font-size:16px;margin-left:10px;color:#ccc !important}
/*.apoint{width:160px ;height:37px ;background: #2e3754;border-radius: 10px;text-align:center;margin-left:50px!important ;border:1px solid #ccc;}*/
.apoint a{margin-top:3px;background: #2e3754;border-radius: 8px;text-align:center;margin-left:10px!important ;border:1px solid #75809f;padding:10px 15px 10px 15px !important}
.navbar-default{background:#3c4767;margin: 0px;padding: 0px;border: none}
.dropdown-menu{background:#3c4767}
/*.dropdown-menu li:hover{}*/
.dropdown-menu li a:hover{background-color:transparent;}

#carousel .container-fluid{padding-left: 0px ;padding-right: 0px}

    .navbar-brand{display:none!important;}


@media(max-width:1199px)
{
    .apoint{margin-left: 10px !important} 
}
 @media(max-width:360px)
 {
  #about .heading {padding-left:50px}
  #about .p-text{padding-left:30px}
     
}
/* ---------------navbar ends---------------------- */



@media(max-width:992px)
{
.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        z-index: 1;
        display: block;
            margin-top: 25px;
    margin-right: 30px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-default .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:420px !important;}
    .navbar-default .navbar-collapse{border-color: transparent !important;}
    #header-middle{display: none}
    .navbar-brand{display:block !important;margin: 0px;width:250px;height: 80px}
    .navbar-brand img{width:100%}
    
    .apoint a{margin-top: 10px;width:200px;margin-left: 0px !important}

}






             /*    header end
 =============================================================================== */


 /* 
 ===============================================================================
             About us start
 =============================================================================== */
#about{width: 100%;background:#f7f8fa}

/*           end
 ======================================= */




.v{visibility: visible}


     /* 
 ===============================================================================
              service start
 =============================================================================== */

.borderccc{border:1px solid #ccc}
/*#service{background: #e9e9eb}*/
/*#service .fa{font-size:40px;background:#07beca;color: aliceblue;width: 70px;min-height: 60px ;text-align: center;padding: 10px}*/
/*#service .borderblue{border:2px solid #07beca;padding: 10px;width: 49%;margin: auto}*/
/*#service .borderblue{border:2px solid #07beca;padding: 10px;width: 49%;margin: auto}*/
/*#service .service-link {border:2px solid #07beca;;display: block;width:50%;padding: 10px;margin: auto;}*/
/*#service .service-link a{color:#07beca}*/
/*#service .service-link:hover {background:  #07beca;color:#fff;display: block;width:50%;padding: 10px;margin: auto}*/
/*#service .service-link:hover a{color:#fff}*/
.border-blue{border:2px solid #07beca;padding: 10px;width:100px;height: 100px;display: block;margin: auto;;padding:}
.box-inner{background: #07beca;height: 100%;text-align: center}
.box-inner .fa{color:#fff;font-size:40px;margin-top:15px}
.box-inner .fas{color:#fff;font-size:40px;margin-top:15px}
.h-services{margin: auto;width:100%;text-align: center;padding-top: 40px}
.h-services p{padding-top: 10px}
.btn1{background:#07beca;color:#fff!important;padding:10px }
.btn1:hover{background:#07beca;color:aliceblue;padding:10px }
#service img{width: 100%;background: rgba(0,0,0,.1) ;border:5px solid #07beca}
#service a{display: block;text-align: center;;width:50%;;margin: auto;margin-top: 40px}

@media(max-width:1199px)
{
/*    #service .borderblue{width: 93px; !important}*/

}

/*           end
 ======================================= */



    /* 
 ===============================================================================
               counter start
 =============================================================================== */

#counter{width:100%; ;background:url(../images/background/background-1.jpg);background-size: cover;background-position: center;overflow: hidden;background-attachment: fixed}
 #counter .overlay{width:100%;background: rgba(8,212,225,0.7);}



            /*==========================================================
                           counter section style
            ============================================================*/

            .main_counter_area .main_counter_content .single_counter{
            
                    color: #fff;
            }
            .main_counter_area .main_counter_content .single_counter i{
                font-size:60px;
            }



/*           end
 ======================================= */



/*
 ===============================================================================
            Department start
 =============================================================================== 
*/
#h-department img{display:block;margin: auto}
#h-department .row h3{padding: 30px 0px 10px 0px} 
#h-department .row p{padding-left: 50px}

/*           end
 ======================================= */


/*
 ===============================================================================
           our doctor  section start
 =============================================================================== 
*/


#doctor{width:100%; ;background:url(../images/background/background-1.jpg);background-size: cover;background-position: center;overflow: hidden; background-attachment: fixed;}
#doctor .overlay2{width:100%;background:rgba(8,212,225,0.7);}



    /*

    Profile Card section Css Code
    =====================================================
    */


.animate {
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*=============== Home-team ===============*/

.home-doctors {
  text-align: center;
}

.home-doctors h2 {
    font-weight: normal;
}

.home-doctors .common-doctor {
  background-color: #fff;
}
.home-doctors .common-doctor figure {
  overflow: hidden;
    margin: 2px;
    padding: 10px!important;
   
}

@media (max-width:760px)
{
    .home-doctors img {
/*	margin-top: -6em;*/
        margin: auto;
        display: block;
        
}
    .borderdocttor{width:320px;margin: auto}
}
.home-doctors .common-doctor h5 {
  margin: 0 0 7px;
  font-size: 16px;
	font-weight: bold;
	color: #3a3c41;
    font-family: lato;
}
.home-doctors .common-doctor .for-border {
  margin-bottom: 20px;
}
.home-doctors .common-doctor .text-content {
 padding: 10px; min-height:104px;
}
.home-doctors.doctors-var-two {
  text-align: left;
  background-color: #fff;
}
.home-doctors.doctors-var-two .slogan-section {
  text-align: left;
}
.home-doctors.doctors-var-two .common-doctor {
  background-color: transparent;
}
.home-doctors.doctors-var-two .common-doctor .for-border {
  display: none;
}
.home-doctors.doctors-var-two .common-doctor .text-content {
  padding: 20px 0 20px;
}
.home-doctors.doctors-var-two .text-center {
  text-align: left;
}

.slogan-section {
	margin-bottom: 50px;
	text-align: center;
}

.home-doctors .common-doctor .for-border {
	margin-bottom: 20px;
}



.home-doctors .common-doctor h5 small {
	color: #008fd5;
	font-weight: bold;
	font-size: 0.8em;
	
}

.home-doctors .common-doctor ul{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -28px;
	text-align: center;
	margin-top: 10em;
	opacity: 0;
	z-index: 1;
}

.home-doctors .common-doctor li a {
	background: #008fd5;
	color: white;
	padding: 0.75em;
	border: 5px solid rgba(255, 255, 255, 0.33);
}


.doc-img{
	 /* Webkit for Chrome and Safari */
/*
  -webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
*/
 
  /* Webkit for Mozila Firefox */
/*
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
*/
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}

.doc-item:hover .doc-img{
	 /* Webkit for Chrome and Safari */
/*
  -webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
*/
 
  /* Webkit for Mozila Firefox */
/*
  -moz-transform: scale(1.2, 1.2);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
*/
 
  /* Webkit for IE( Version: 11, 10 ) */
/*
  -ms-transform: scale(1.20, 1.20);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
*/

  opacity: 0.7;
}

.doc-item:hover .social-lists{
	margin-top: 2em;
	opacity: 1;

}

/*           end
 ======================================= */

/*

 ===============================================================================
            testimonial  section start
 =============================================================================== 
*/

/*#testimonial{background-image: url(../images/testimonial/testimonial-background.jpg);background-size:cover;}*/
.tst-img{display:block;margin:auto;width:100px}
.tst-img img{margin:auto;width:100px;height:100px}
.tst-quote{color:;padding: 10px 0px;font-size: 16px}
.tst-name{color:;text-align:center !important;font-size: 18px}

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}


/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
/*
#quote-carousel img
{
  width: 250px;
  height: 100px
}
*/
/* End carousel */

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

@media (max-width:360px)
{
    #testimonial .carousel-inner p{color:;font-size:18px !important}
    #testimonial .carousel-inner small{color:#fff;font-size:18px !important}
}

/*           end
 ======================================= */


 /*  <!--
 ===============================================================================
           footer start
 =============================================================================== -->*/

footer{width:100%;min-height: x;background:#3c4767 }
footer .heading{color:#fff;}
footer .heading h3{color:#fff;margin:20px 0px 10px 0px}
footer .footer-contact ul li{padding-top: 20px; padding-bottom: 10px;font-size:16px;color:#ccc;border-bottom: 1px solid #ccc}
footer h3 .fa{padding-right: 20px}
footer ul li .fa{font-size:20px;padding-right: 10px}
footer ul li{font-size: 16px}

footer .social ul li a{color:#ccc;}
footer .social ul li a:hover{color:#fff;}

footer .imp-link{color:#ccc;}
footer .imp-link ul li{padding-top: 10px}
footer .imp-link a{font-size:16px;color: #ccc}
footer .imp-link a:hover{color: #fff}
footer .imp-link a .fa{font-size:16px;padding-right:10px}


footer  .time-table ul li{padding-top: 5px;font-size:16px;color:#ccc;border-bottom: 1px solid #ccc}
 footer .time-table p{color:#ccc;padding-top: 5px;padding-bottom: 5px}


 .footer-mini-strip{width:100%;:;background: #2e3754;border-top: 1px solid #ccc }
 .footer-mini-strip p{color:#fff;padding-top: 20px;text-align: center;padding-bottom: 20px}



@media (max-width:768px)
{
    .m-txt-center{text-align: center}
    .m-pad-20{padding: 20px}
}