* {
	padding: 0;
	margin: 0 auto;
}

a, a:hover {
    color: #474748;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    border:0;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.error {
    color: red;
}

:focus{
    text-decoration: none;
    outline: none;
    border:0;
}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}



body {
 font-family: 'Open Sans', sans-serif;
	    color: #000;
		font-size: 14px;
}

.pad60{padding:60px 0;}
nav.navbar-expand-lg.navbar-light.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background:#fff;
   
}

nav.navbar-expand-lg.navbar-light.fixed {
   border-bottom: 2px solid #016a66;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 20%);
}


.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    margin: 0 0 0 15px;
}

.navbar-expand-lg .navbar-brand img {
    width:250px;
    height:58px;
    margin-top: 14px;
    
}

ul.navbar-nav li {
    position: relative;
    margin-left:20px;
}


ul.navbar-nav {
    margin-right:15px;
}

ul.navbar-nav li:first-child{margin-left:0;}





.navbar-light .navbar-nav .nav-link {
    color: #000;
    padding:10px 0;
	font-weight:400;
    font-size:13px;
   	text-transform: uppercase;
    position: relative;
    
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #000;
}

.whc-nav-content {
    display: none;
    position: fixed;
    background-color: #fff;
    min-width: 700px;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 20%);
    z-index: 999999;
    right: 8%;
    left: 8%;
    margin-top: 0;
    border-bottom: 1px solid #016a66;
    border-left: 1px solid #016a66;
    border-right: 1px solid #016a66;
}

.navbar-light .dropdown{position:static !important;}

ul.dropdown_hover {
    opacity: 0;
    transform: translateY(70px) translateZ(0);
    transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
    position: absolute;
    left: 0;
    width: 200px;
    margin: 0;
    list-style: none;
    visibility: hidden;
}

.nav-item ul.dropdown_hover li {
    margin: 0;
    border-bottom: solid 1px #2d4990;
    background: #349c05;
    transition: all ease-in-out 0.3s;
}

nav.navbar-expand-lg.navbar-light.header .nav-item ul.dropdown_hover li a {
    display: block;
    padding: 10px 20px;
    color: #000!important;
    font-size: 13px;
}


.navbar-light .dropdown_hover .nav-link:after{display:none}

ul.navbar-nav li:hover ul.dropdown_hover {
    display: block;
    opacity: 1;
    transform: translateZ(0);
    visibility: visible;
}

/*dropdown css*/
.navbar-nav li.nav-item:hover .dropdown-menu { display: block;}
.navbar-expand-lg .navbar-nav .dropdown-menu{left:0;top:100%}
.navbar-expand-lg .dropdown-menu {min-width: auto;
    left: 0px;
    border-radius: 0;
    top: 95%;
    padding: 20px 0;
    width: 1112px;
    right: 0;margin: 0 auto;
    border-top: 0;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 20%);
    border-bottom: 1px solid #016a66;
    border-left: 1px solid #016a66;
    border-right: 1px solid #016a66;
}
.navbar-expand-lg .dropdown-menu li { list-style:none;margin-left: 0 !important;}
.navbar-expand-lg .dropdown-menu li a {color:#000 !important;margin:0; !important}
.navbar-expand-lg .dropdown-menu li a::before {display:none !important;}
.navbar-expand-lg .dropdown-menu li a {display:block;color: #000 !important;margin: 0 !important;padding: 6px 10px !important;border-bottom: 1px solid #ccc;font-size:13px !important;}
.navbar-expand-lg .dropdown-menu li a:hover {background:#f7f7f7; color:#008271 !important;}

.navbar-expand-lg .dropdown-menu ul{
    
    margin: 0 5px;
    display: inline-block;
    float: left;
    }
    
.navbar-expand-lg .dropdown-menu .with47{width:48% !important;} 
.navbar-expand-lg .dropdown-menu .with25{width:24% !important;} 
 
 .navbar-expand-lg .dropdown-menu strong{   
    width: 100%;
    display: block;
    margin-bottom: 15px;
    text-align: left;
    font-size:18px;
    color: #008271;
    padding-left: 16px;
    }
    
.pd-right{padding-right:0px;} 
.pd-left{padding-left:0px;} 

.main-nav {
    width:65%;
    float: left;
    flex-wrap: wrap;
    
}
.topnav {
    width: 100%;
    flex: auto;
    position: relative;
    margin-bottom:13px;
}

.topnav ul li {
    width: auto;
    margin: 0;
    background: #636363;
}

.search-icon{border-right:1px solid #fff;}

.topnav .navbar-nav .nav-link {
    color: #fff;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    border-right: 1px solid #fff;
    
}

.navbar-light .topnav .navbar-nav .nav-link:hover {
    color: #fff;
}
.yellow-btn{
    
    padding: 5px 6px 5px 6px !important;
    background: #f4b335;
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 15px;
    }
    
.green-btn{
    background: #016a66 !important;
}    

.width100 {
    width: auto !important;
}


.dlfx {
    justify-content: flex-end;
    display: flex;
    
}

.main-banner{margin-top:100px;}

.main-slider{
    position:relative;
    overflow:hidden;
    
}

.owl-next:before{
    content: "\f054";
    
    font-family: FontAwesome;
    color: #fff;
  
}

.owl-prev:before {
    content: "\f053";
    margin-right: 30px;
    font-family: FontAwesome;
    color: #fff;
  
}

 .owl-next, .owl-prev {
    position: absolute;
    opacity:0;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    transition: .5s linear;
    background: none;
    font-size: 50px;
    font-weight: normal;
    
}

 .owl-prev, .owl-next {
    top: 35% !important;
}

.main-slider:hover .owl-buttons .owl-next {
    opacity: 1;
    right: 9px;
}

.owl-controls .owl-buttons .owl-next {
    right: -7%;
    border-radius: 1px 0 0 1px;
}

 .owl-controls .owl-buttons .owl-prev {
    left: -7%;
}

.main-slider:hover .owl-buttons .owl-prev {
    opacity: 1;
    left: 7px;
}





.owl-buttons div{
    margin-left: 30px;
    margin-right: 50px;
}

.square-flip,
.square-flip1 {
    width: 20%;
    height: 252px;
    float: left
}

.square,
.square-container,
.square2 {
    -ms-transition: transform .6s cubic-bezier(.5, .3, .3, 1)
}

.square-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    margin: 0
}

.square,
.square2 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transition: transform .6s cubic-bezier(.5, .3, .3, 1);
    -webkit-transition: transform .6s cubic-bezier(.5, .3, .3, 1);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.square-container,
.square-container2 {
    position: relative;
    z-index: 2;
    text-align: center
}

.square-flip .square {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    transform-style: preserve-3d;
    z-index: 1
}

.square-flip:hover .square {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    transform-style: preserve-3d
}

.square-flip .square2 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    transform-style: preserve-3d;
    z-index: 1
}

.square-flip:hover .square2 {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    transform-style: preserve-3d
}

.square-container {
    padding: 20px;
    top: 82%;
    transition: transform .6s cubic-bezier(.5, .3, .3, 1);
    -webkit-transition: transform .6s cubic-bezier(.5, .3, .3, 1);
    -webkit-transform: translateY(-50%) translateX(0) scale(1);
    -ms-transform: translateY(-50%) translateX(0) scale(1);
    transform: translateY(-50%) translateX(0) scale(1);
    transform-style: preserve-3d
}

.square-flip:hover .square-container {
    -webkit-transform: translateY(-50%) translateX(-650px) scale(.88);
    -ms-transform: translateY(-50%) translateX(-650px) scale(.88);
    transform: translateY(-50%) translateX(-650px) scale(.88);
    transform-style: preserve-3d
}

.square-container2 {
    padding: 10px;
    top: 50%;
    -ms-transition: transform .6s cubic-bezier(.5, .3, .3, 1);
    transition: transform .6s cubic-bezier(.5, .3, .3, 1);
    -webkit-transition: transform .6s cubic-bezier(.5, .3, .3, 1);
    -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
    -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
    transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
    transform-style: preserve-3d
}

.flip-overlay,
.flip-overlay1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block
}

.square-flip:hover .square-container2 {
    -webkit-transform: translateY(-50%) translateX(0) translateZ(0) scale(1);
    -ms-transform: translateY(-50%) translateX(0) translateZ(0) scale(1);
    transform: translateY(-50%) translateX(0) translateZ(0) scale(1);
    transform-style: preserve-3d
}

.square-flip h2 {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    margin: 0
}

.square-flip h3 {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.flip-overlay {
    background-image: linear-gradient(180deg, rgba(14, 126, 114, 0), rgba(0, 0, 0, .7))
}

.flip-overlay1 {
    background: rgba(0, 0, 0, .5)
}

.align-center {
    margin: 0 auto
}

.kallyas-button {
    display: block;
    width: 155px;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 600;
    color: #fff !important;
    background: 0 0;
    margin: 10px auto 0;
    border-radius: 5px;
    text-decoration: none
}

.square-flip .square .boxshadow,
.square-flip .square .textshadow,
.square-flip .square2 .boxshadow,
.square-flip .square2 .textshadow {
    -ms-transition: .6s;
    transition: .6s;
    -webkit-transition: .6s
}

.square-flip .square .boxshadow {
    -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3);
    box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3)
}

.square-flip .square .textshadow {
    -webkit-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
    text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, .3)
}

.square-flip .square2 .boxshadow,
.square-flip:hover .square .boxshadow,
.square-flip:hover .square .textshadow {
    -webkit-box-shadow: 240px 42px 58px -8px transparent;
    -moz-box-shadow: 240px 42px 58px -8px transparent;
    box-shadow: 240px 42px 58px -8px transparent
}

.square-flip .square2 .textshadow {
    -webkit-text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0);
    -moz-text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0);
    text-shadow: 240px 42px 58px -8px transparent
}

.square-flip:hover .square2 .boxshadow,
.square-flip:hover .square2 .textshadow {
    -webkit-box-shadow: 24px 42px 58px -8px transparent;
    -moz-box-shadow: 24px 42px 58px -8px transparent;
    box-shadow: 24px 42px 58px -8px transparent
}

.centerflipcards {
    display: block;
    height: 484px;
    text-align: center;
    margin: 0 auto
}

.clearfix {
    clear: both
}

.centerflipcards p {
    font-family: "Open Sans";
    font-size: 13px;
    margin-top: 10px;
    font-weight: 700
}

.square-flip1 h1,
.square-flip1 h2 {
    font-size: 18px;
    color: #fff;
    margin: 0;
    line-height: 32px;
    font-weight: 400
}

.square-flip1 h3 {
    font-size: 14px;
    color: #fff;
    line-height: 16px
}

.dx1 {
    display: none
}

.bg41 {
    background: #f8ba41;
}

.bg62 {
    background: #887c62;
}

.bg35 {
    background: #f4b335;
}

.bgwtpad {
    background: #001242c7;
    background-size: 100%;
    padding: 53.5px 10px 0px 10px;
}

.bgwtpd3 {
    background: #887c62;
    background-size: 100%;
    padding: 55px 10px 0 10px;
}

.wth34 {
    width: 34px;
}

.icon {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    color: #fff;
    font-size: 29px;
}

.fa-ribbon:before {
    content: "\f4d6";
}

 .tab-content {
    padding: 50px 40px 35px 60px;
    margin-bottom: 60px;
    background: #fff;
}

.nav-tabs li a {
    color: #535351;
    background-color: #f1efef;
    text-align: center;
    display: block;
    position: relative;
    font-size: 18px;
    padding: 25px 0;
    margin: 0 -15px;
    border: none;
    border-radius: 0;
    line-height: 21px;
}

.nav-tabs li.active a:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    left: calc(50% - 5px);
    bottom: -12px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #008271;
}

.nav-tabs li.active a {
    background-color: #008271;
    color: #fff;
    border: none;
}

.tab-content h6 {
    font-size: 18px;
    font-weight: 700;
    color: #008271;
    letter-spacing: -.5px;
}

.tab-content .input-wrapper {
    display: block;
    margin: 8px 0;
    position: relative;
}


.tab-content .input-wrapper input[type=text] {
    width: 100%;
    font-size: 16px;
     border: 1px solid #c3c3c3;
    font-weight:400;
    height: 60px;
    padding: 10px 125px 10px 20px;
    vertical-align: top;
}

.tab-content .input-wrapper button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    height: 60px;
    width: 107px;
    margin-left: -4px;
    border: 0;
    text-align:center;
    background:#008271;
    color:#fff;
}

.tab-content .input-wrapper button[type=submit]:hover {
    background: #025449;
    text-decoration: none;
    outline-offset: 2px;
    outline: 0px dotted #000!important;
}
    
.search-bac{border-bottom: 1px solid #f5f5f5;padding:5px 7px !important;  }
.search-bac:hover{border-bottom: 1px solid #f5f5f5;padding:5px 7px !important; background: #f5f5f5;}
.mksingh{overflow: auto; background:#fff; position: absolute;    z-index: 9; width: 100%;}
.highlight {font-weight: bold; color:#000; }

.dropdown1 {
     display:none;
    background-color:#fff;
    display:block;
    height: 200px;
    
}
.search-bac img{background: #eee;padding: 3px;border-radius: 100%;margin-right: 10px; width:30px;height: 30px;}
.search-bac a{text-decoration: none; color:#a3a3a2 !important; font-size:14px !important; font-family:Open Sans,sans-serif; font-weight:400;}

.bootstrap-select .dropdown-menu ul li a, .tab-wrapper .tab-content .bootstrap-select .dropdown-menu ul li a {
    padding: 8px 20px;
}

.form-box, .form-box1 {
    width: 100%;
    margin-bottom: 10px;
}

.form-box {
    padding: 0;
}


.homepage-careers-region input[type=text], input[type=email]  {
    width: 32.1%;
    padding: 10px;
    display: inline-block;
    background: #fff!important;
    margin: 5px;
    font-size: 14px !important;
    position: relative;
    text-decoration: none;
    text-align: left;
    background: #fff;
    color: #535351;
    outline: none;
    vertical-align: middle;
    border-radius: 0;
    height: 45px;
    box-shadow: none;
    border: 1px solid #c3c3c3;
}

textarea{
    font-size: 14px !important;
    position: relative;
    text-decoration: none;
    text-align: left;
    background: #fff;
    color: #535351;
    outline: none;
    vertical-align: middle;
    border-radius: 0;
    height: 45px;
    box-shadow: none;
    border: 1px solid #c3c3c3;
}

textarea {
    display: block;
    width: 100%;
    min-height: 100px;
}

.heading{
    font-size: 24px;
    font-weight: 700 !important;
    font-family: "Open Sans", sans-serif;
    border: 0 !important;
    color: #000;
    margin-bottom: 24px;
    overflow: hidden;
    
}

.line:before{
   background: #ccc;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin: 0 0 0 -50%;
    right: 0.5em;
}
.line:after{
    background: #ccc;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    left: 0.5em;
    margin: 0 -50% 0 0;
    }
    
.description {
    font-size: 15px;
    color: #555;
    line-height: 24px;
    margin-bottom: 20px;
    height: 35px;
}

.excellence-slider{margin-top:30px;}

.excellence-slider .item{text-align:center;padding:20px 15px;margin:0 15px;}
.icon-box{width: 55px;margin-top:20px;}



.excellence-slider .owl-next:before{
   padding: 10px;
     background: #008271;
   
  
}

.excellence-slider .owl-prev:before {
     background: #008271;
     padding: 10px;
  
}

 .excellence-slider  .owl-next,  .excellence-slider  .owl-prev{font-size:20px;}
 
  .excellence-slider:hover .owl-buttons .owl-next {
    opacity: 1;
    right: 9px;
}

 .excellence-slider .owl-controls .owl-buttons .owl-next {
    right: -9%;
    border-radius: 1px 0 0 1px;
}

.excellence-slider:hover  .owl-buttons .owl-next {
    right:-34px;
    opacity: 1;
}

  .excellence-slider .owl-controls .owl-buttons .owl-prev {
    left: -2%;
}

 .excellence-slider:hover .owl-buttons .owl-prev {
    opacity: 1;
    left: 7px;
}

.owl-buttons div {
    margin-left: 9px;
}

.yellowbtn{
    color: #000000; 
    background: #f4b335; 
    font-weight: bold; 
    box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
    display:table;
    margin-top:50px;
    padding: 8px 15px;
    border-radius: 5px;
}


@media screen and (max-width:786px) {.mksingh{width:100%; height: 425px; }}

@media screen and (max-width:880px) {
    .square-flip {
        width: 50%;
        height: 175px
    }
    .kallyas-button {
        padding: 7px 10px;
        width: 140px
    }
    .centerflipcards {
        height: 400px;
        margin-top: 0
    }
    .dx,
    .float-sm {
        display: none
    }
    .dx1 {
        display: block
    }
    .square-flip h2 {
        font-size: 15px
    }
    .square-flip1 {
        width: 50%;
        height: 175px;
        float: left
    }
}


/*.datepicker{font-size:14px !important;top: 756.25px !important;}*/
/*.datepicker-dropdown.datepicker-orient-top:after{display:none !important;}*/
.booknow-sec   .dropdown-menu{
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px !important;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    }
 .card_tt {
    font-family: TheSans,sans-serif;
    color: #026558;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    display: none;
}
.booknow-sec{padding:30px 0 0;    }

.bg-grey{
background-color: #f6f6f6;

}
/*.booknow-sec .heading {
    font-size: 24px;
    text-align: left;
    color: #008271;
    margin-top: 0 !important;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    
}

.booknow-sec .sub-heading {
    font-size: 24px;
    text-align:center;
    color: #008271;
    margin-top: 0 !important;
    line-height: 24px;
    font-weight:bold;
    margin-bottom: 30px;
    
}*/
.booknow-sec .form-control{
background:#fff;
border: 1px solid #c3c3c3 !important;
padding:8px 10px;
color:#444;
margin-bottom:20px;
border-radius:0;
outline: none;
box-shadow: none;
font-size:14px;
font-weight: 400;
}

.booknow-sec label{padding-left:10px;font-size: 14px;}
          
.booknow-sec  select{height: 41px;}
          
   select.form-control option, select option {
    font-size:14px !important;
    color:#000;
} 

.booknow-sec .select2-container .select2-selection--single  {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0;
    height:39px;
}

.booknow-sec .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left:10px !important;
    line-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top:3px !important;}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #444 !important;
}

.form-group{position:relative;}

.custom_caret:after {
    /*content: '\f107';*/
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 13px;
    right: 10px;
    z-index: 0;
    color:#a3a3a3;
}
          
 
 .booknow-sec .form-control::-moz-input-placeholder {
  font-size:14px !important;
  color:#444  !important;
}

 .booknow-sec .form-control:-ms-input-placeholder {
   font-size:14px !important;
   color:#444 !important;
}

.form-control::-webkit-input-placeholder {
   font-size:14px !important;
  color:#444 !important;
}
.booknow-sec .bg-color .form-control:focus {
    background:none !important;
    border-color: transparent;
    outline: 0;
    box-shadow:none;
}


 .booknow-sec .upload .btn-file {
    font-size: 14px;
    position: relative;
    background:#f4b335;
    border:0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 8px 10px;
    padding-right: 10px;
}

.booknow-sec  .upload {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    
}

.booknow-sec  .bg-color p{
    color: #000;
    font-size: 14px;
    margin: 0;
    margin-top: 15px;
    
}

.booknow-sec  .file-name {
    margin: 0 0 0 15px;
    color: #000;
    opacity: 0.6;
    font-size:14px;
    
}

 .booknow-sec .upload .btn-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background:none !important;
    color: #000 !important;
    cursor: inherit;
    display: block;
    font-size: 13px;
    
}

.booknow-sec .upload .btn-file i {
    margin-right: 10px !important;
    background: #008271;
    font-weight: 600;
    color: #fff;
    font-size: 17px;
    border-radius: 0%;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.booknow-sec .booknow-btn{
   
    text-align: center;
    border: 0;
    display: block;
    position: relative;
    background:#008271;
    color: #fff;
    font-size:18px;
    height: 50px;
    text-align: center;
    border: 0;
    display: block;
    padding:0 15px;
    width:200px !important;
    margin: 40px auto 0;
    border-radius: 5px;
    box-shadow: 5px 1px 20px rgb(0 0 0 / 40%)
   
}

.booknow-sec .booknow-btn:hover{background: #025449;}

.booknow-sec .btn-default:active:focus, .btn-default:active:hover{background:none !important;box-shadow:none;outline:none;border:0;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    font-size: 12px;
}

.ui-datepicker-div{z-index:999;}

 .nav-drill{
     display:none;
     -webkit-transform: translateY(100%);
    transform: translateY(100%);
     
 }

.container-breadcrumb {
    background: #f5f3f0;
    border-bottom: 1px solid #ccc;
    margin-top: 100px;
}

.container-breadcrumb ol.breadcrumb {
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

.container-breadcrumb ol.breadcrumb li {
    margin: 2px 0;
    padding: 6px 10px 6px 0;
    text-transform: uppercase;
    line-height: 15px;
}

.ih-breadcrumb-column{margin:0;margin-left: 15px;}

.container-breadcrumb ol.breadcrumb li a {
    color: #ec3338;
    font-weight: 400;
}

.container-breadcrumb ol.breadcrumb li span.breadcrumb-current-page {
    color: #6f625a;
}

footer{background:#fff;border-top:1px solid #f6f6f6;border-top: 1px solid #ddd;padding:50px 0 30px;}

footer h6 {
   
    padding: 0px;
    width: 100%;
    border: none;
    text-align: left;
    color: #016a66 !important;
    outline: none;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}

footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    
}

footer .inner-ft ul li a {
    font-size: 14px;
    padding: 8px 0;
    display: inline-block;
}
footer .inner-ft ul li a:hover {
    color: #008271;
}

footer  .twiter-link{
    position:relative;
    top: 0;
    overflow: hidden;
    box-shadow: 0 0 6px rgb(0 0 0 / 40%);
    border-radius: 12px;
    margin-top:10px;
    width: 100%;
    }
    
.icon-thum{
    
    margin-bottom:30px;
}   

.icon-thum img{
    width:60px;
    height:60px;
    margin-right:5px;
}

.mr-top{margin-top:30px;}
.mt{margin-top: -105px;}

.add-box{
    margin-top: -70px;
}
.add-content strong{
    font-size: 15px;
    
    display: inline-block;
    color: #008271;
    
}
.add-content .fa{
    font-size: 16px;
    margin-right: 10px;
    color: #008271;

}

ul{list-style:none;} 

.social-icon ul li {
    display: inline-block;
}
.social-icon ul li a {
    font-size: 20px;
    color: #fff;
    background-color: #535351;
    width: 40px;
    height: 40px;
    display:inline-block;
    border-radius: 50%;
    text-align: center;
    line-height:40px;
    margin-right:5px;
 }
 
 .social-icon ul li a:hover .fa {color:#fff;}
 .social-icon ul li a:hover {background:#008271;}
 
 
 .ml-right{margin-left: 0;padding-right:6px;margin-top:50px;}
 
 .news-letter strong{margin-top:15px;display:inline-block;color:#008271;}
 
 .mt .col-lg-4{-ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;}
 
 .form-input{
     display: flex;
    margin: 10px 0;
 }
 
 .form-control:focus {
    border:1px solid #c3c3c3;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    
}

.form-input .form-control{ border-radius: 0;outline: none;border:1px solid #c3c3c3;}
 
.form-input button{
     width: 118px;
    border: 0;
    padding:12px 15px;
    outline: none;
    background:#008271;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
 }
 
 .search-icon input {
    position: relative;
    -webkit-transform: translate(0%,0%) !important;
    width: 27px;
    height: 37px;
    border-style: none;
    border-radius: 0px;
    padding: 0px;
    padding-left: 40px;
    background-color: #636363;
    border: 0px !important;
    outline: none;
    transition-duration: 500ms;
    cursor: pointer;
    background-image: url(https://www.yashodahealthcare.com/images/search-icon.png)!important;
    background-repeat: no-repeat!important;
    font-size: 14px;
    color: transparent;
    /* overflow: hidden; */
   
     
     
 }
 
 .search-icon input:focus {
    -webkit-transform: translate(0%,0) !important;
    width: 240px;
    cursor: text;
    padding-left: 48px;
    color: #000000;
    border: 0px !important;
    background:#fff;
   
}

.search-icon{background:#fff;}

.whc-search, .phone-icon{display:none;}

#whc-search1-1 .search-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    max-height: 0;
    transform: translateY(100%);
    background-color: #dddddd;
    transition: all 0.3s;
    z-index: 999;
    left: 0;
}

#whc-search1-1.show .search-box .search-input {
    opacity: 1;
}

#whc-search1-1 .search-box .search-input {
    width: 100%;
    height: 100%;
    padding: 0 1em;
    border: 0;
    background-color: transparent;
    opacity: 0;
    color: #000;
}

.search-toggle {
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    top:22px;
}
.search-button{
    position: absolute;
    right: 130px;
    display: flex;
    align-items: center;
}

.phone-icon{
    position: absolute;
    right:85px;
    top: 20px;
}

#whc-button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.2em;
    line-height: 44px;
    color: #fff;
}

#whc-button.show {
    opacity: 1;
    visibility: visible;
}
#whc-button {
    display: inline-block;
    background-color: #016a66;
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 7px;
    position: fixed;
    bottom: 80px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    cursor:pointer;
}

.float-sm .fl-fl {
    background: #008271;
    letter-spacing: 3px;
    padding: 0 4px;
    width: 230px;
    position: fixed;
    right: -190px;
    z-index: 1000;
    font: 10px Arial;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.float-sm .float-fb {
    top: 280px;
}

.float-sm .fl-fl:hover {
    right: 0;
}

.float-sm .float-tw {
    top: 325px;
}

.float-sm .float-rs {
    top: 371px;
}

.float-sm .fl-fl a {
    color: #fff!important;
    text-decoration: none;
    text-align: center;
    line-height: 40px!important;
    vertical-align: top!important;
    font-size: 15px;
    letter-spacing: 0;
}

.float-sm .fa {
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    width: 23px;
    margin-left: 8px;
}

.ftmenu{
    display:none;
}

.find-box {
    position: fixed;
    display:none;
    z-index: 999;
    bottom: 0px;
    width: 100%;
}

.add-content img{width:18px;height:18px;margin-right:6px;}

@media(max-width:1024px){
    .navbar-expand-lg .navbar-brand img {
    width: 199px;
    margin-top: 22px;
}
}
    

@media(max-width:991px){
    nav.navbar-expand-lg.navbar-light.header {
   border-bottom: 2px solid #016a66;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 20%);
}

.collapse.show .nav-drill{
    display:block;height:100vh;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
 .float-sm{display:none;}
 
    .topnav, .width100{display:none !important;}
    
    .navbar-light .navbar-toggler {
    border-color: rgb(0 0 0 / 0%);
    padding: 14px 15px;
    margin-right: 0;
    z-index: 9999;
    position: absolute;
    right: 0;
}	
    span.navbar-toggler-icon.cross {
    background: url(../images/cross.svg) no-repeat !important;
    background-size: 60% !important;
    background-position: center !important;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(../images/toggle.svg) !important;
}
.navbar-light .navbar-toggler {
    border-color: rgb(0 0 0 / 0%);
    padding: 11px 15px;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    outline: none;
    border-left: 1px solid #ddd;
    border-radius: 0;
    margin: 5px 0;
}

.navbar-light .navbar-toggler {
    border-color: rgb(0 0 0 / 0%);
    padding: 9px 15px;
}
    
    .navbar-expand-lg .navbar-brand img {
    width: 165px;
    height:39px;
    margin-top:5px;
    margin-left: 15px;
    margin-bottom: 5px;
}

    .nav-expand-content .nav-item:not(:last-child), .nav-item:not(:last-child) {
     border-bottom: 1px solid #c4c4c4;
}

.nav-drill ul li a{padding:10px 30px;}

.mb-contact{
    padding: 20px;
    display:block; 
    column-count:1;
   margin-top: 10px;
    padding-bottom: 10px;
    
}

.bookan{width: 46%;background:#38466c;color: #fff!important;float: left;text-align: center;margin: 2%; line-height:24px; font-size:13px; border-radius:5px;}
.contact-btn{width: 46%;background:#fcc04c;color: #000 !important;float: left;text-align: center;margin: 2%; line-height:24px; font-size:13px; border-radius:5px;}

.whc-search, .phone-icon{display:block;}

.whc-search1-nav {
    padding-right: 1em;
    float: inherit;
}

#whc-search1-1.show .search-box {
    top: 17px;
}
#whc-search1-1.show .search-box {
    max-height: 40px;
}

.collapsible {
    font-size: 16px;
    padding: 10px;
    line-height: 25px;
    border-bottom: 1px solid #ddd;
    margin: 0px;
}
footer .inner-ft ul li a {
   
    padding: 8px 12px;
}
.collapsible.active{background:#f7f7f7;}
.collapsible.active:after {
    content: "\2212";
}

.collapsible:after {
    content: '\002B';
    color: #016a66;
    font-weight: 900;
    float: right;
    margin-left: 5px;
    line-height: 32px;
}

.social-icon{margin-bottom:23px;}

footer .inner-ft  ul{max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.collapsible .active ul{max-height:200px;display: block}
.mb-none{display:none;}
.ml-right {
    margin-left: 0;
    padding-right:62px;
    margin-top: 45px;
    margin-bottom:40px;
    
}

.ftmenu{
    display:block;
    padding: 10px;
    background:#016a66;
    width: 100%;
    margin: 0 15px 10px;
    text-align: center;
    font-size:16px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    
}

footer .twiter-link{
    margin-top:50px;
}

footer iframe {
    height: 350px !important;
}

.mt {
    margin-top: 0;
}

.mt .col-lg-4{-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}

.none-div{display:none;}
.booknow-sec {
    padding:30px 0 0;
}

.find-box {
    display: block !important;
}

.book-ft{display:block;background:#fcc04c; width:50%; float:left; padding:12px 8px; text-align:center;color:#000; font-weight:bold; font-size:12px;}
.book-ft2{background:#38466c !important;color:#fff;}
.book-ft2 .fa{color:#fff!important;}
.book-ft2 a {color:#fff!important;}
.book-ft .fa{font-size: 20px;vertical-align: middle; margin-right: 4px;}

.container-breadcrumb{margin-top: 64px;}
.banner-section {
    height: auto;
}

.container-breadcrumb ol.breadcrumb{padding-left:15px;}
.booknow-sec .heading{text-align:center !important;}

.phone-icon img{
    width: 18px !important;
    height: 18px !important;
}

}

@media(max-width:560px){
    
    .bg-color {
    
    padding: 50px 15px !important;
    
    }
    
    .booknow-sec .booknow-btn {
   
    margin: 30px auto 0 !important;
    float: inherit !important;
}

 .booknow-sec .form-control{margin-bottom:20px;}
 
 #whc-button{right:15px;}
    
}

@media (max-width:375px){
.bookan {
    font-size:11px;
}

.banner-section img{width:100%;height:157px;}
}

@font-face {
    font-family: FontAwesome;
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-youtube:before {
    content: "\f167"

}
.fa-medkit:before {
    content: "\f0fa";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-phone:before {
    content: "\f095";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-angle-right:before {
    content: "\f105";
}