@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500');
@import url('https://fonts.googleapis.com/css?family=Muli|Roboto|Roboto+Slab:300,400');

/*global*/
section{
    padding: 80px 0px;
}

.d-flex{
    display: flex;
    align-items: center;
}

/*logl*/
.logo{
    top: 0px;
}

.logo img {
    transition: all 0.5s ease 0s;
    width: 180px;
    padding: 0px;
    /* height: 84px; */
    position: absolute;
    top: -41px;
    /* border-radius: 10px; */
    background: #fff;
    padding: 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.single-slide .text-content {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}


/*----------------------------------------*/
/*  1. About Area
/*----------------------------------------*/
.home-article {
    padding: 80px 0px;
}
.home-article h2{
    font-size: 30px;
    /*font-family: 'Muli', sans-serif;*/
    color: #1f2020;
    text-align: center;
}
.home-article p{
    font-size: 15px;
    color: #000;
    line-height: 30px;
    font-family: 'Muli', sans-serif;
    /*text-align: center;*/
}
.home-article span {
    color: #b10000;
    border: 1px solid;
    padding: 6px 10px;
    border-radius: 8px;
}
.home-article .about-area {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.about-area button{
    color:#333;
    background:#e8e8e8;
}
.about-text {padding-top: 0px;}
.about-text .section-title {
    padding: 0;
}
.section-title {
    padding: 0 87px 0px;
    position: relative;
}
.section-title h2{
    font-size: 30px;
    font-family: 'Muli', sans-serif;
    color: #1b6782;
    text-align: center;
}
.section-title p {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    text-align: center;
}
.section-title span {
    color: #b10000;
    border: 1px solid;
    padding: 6px 10px;
    border-radius: 8px
}
.about-links > a {
    border: 1px solid #a2a2a2;
    color: #b5876d;
    display: table;
    float: left;
    font-size: 14px;
    margin-right: 15px;
    text-align: center;
    transition: all 0.3s linear 0s;
    padding: 5px 15px;
}
.about-links > a i {
    display: table-cell;
    vertical-align: middle;
}
.about-links > a:hover {
    background: #b5876d none repeat scroll 0 0;
    border-color: #b5876d;
    color: #ffffff;
}
.about-links {padding-top: 15px;}
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}
.appointment-link a:hover{
    color:#fff;
}
/*.button-links li{*/
/*    border:1px solid #000;*/
/*    border-radius:5px;*/
/*    margin:5px 0;*/
/*    text-align:center;*/
/*}*/
/*.button-links li a{*/
/*   text-align:center;*/
/*   line-height:40px;*/
/*}*/
/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}


.centered{
    margin:auto;
    float:none;
}

form.search-form {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
    margin-top: -140px;
    padding: 0;
    position: relative;
    z-index: 2;
}
.box-select .input {
        border: 1px solid #fff;
    float: left;
    height: 48px;
    margin-right: 28px;
    width: 125px;
}
.select > input{
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: pointer;
    position: relative;
    z-index: 99;
    height: 48px;
    border: none;
    padding: 5px 11px;
    box-shadow: none;
}
.select > input:focus{outline: 0}
.search-form button {
        border: 0 none;
    color: #000;
    line-height: 17px;
    text-transform: uppercase;
    width: 186px;
    height: 108px;
    padding: 15px;
}
.box-select{
           padding: 30px 0 30px 20px;
    float: left;
}

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: #1b6782; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 75px;
    right: 45px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
#appoint::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
#appoint input{
    background-color:#ffffffe6;
    margin-bottom:10px;
}
#appoint .msg{
height:100px;
}
#sub-btn{
    background: #034a98d6!important;
    color: white;
    border: 1px solid white;
}
h1{
    margin-bottom:30px;
    font-size:42px;
}

h2{
    margin-bottom:20px;
    font-size:36px;
}
.box-select .select {position: relative;}
.box-select .select::after {
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 14px;
    z-index: 1;
}
span.validate-has-error{color:#e53232;}
div#msg{
display: none;
    background: #ece5e5;
    padding: 20px 10px;
    margin-bottom: 20px;
    border: 1px dotted #e74249;
}
.box-select .select::after {content: "\f331";}
.box-select .select.arrow::after {content: "\f2f2"; font-size: 24px; top: 8px}

.video-wrapper, .video-overlay {position: relative;}
.video-overlay::after {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.video-wrapper:hover .video-overlay::after {opacity: 1;}
.video-overlay > img {width: 100%;}
.video-popup {
    bottom: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 72px;
    height: 60px;
    left: 0;
    line-height: 58px;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 60px;
    z-index: 2;
}
.video-popup i {line-height: 58px}
.video-wrapper .video-popup:hover {color: #c6c6c6}
.video-wrapper:hover .video-popup {opacity: 1}


/*----------------------------------------*/
/*  2. Room Area
/*----------------------------------------*/

.room-area.pt-90{padding: 60px 0;}
.room-area .container-fluid {padding: 0;}
.single-room {
    height: 300px;
    padding: 0;
    position: relative;
    width: 33.33%;
    float: left
}
.single-room > a {
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-room:hover > a {
    left: -60px;
    width: calc(100% + 120px);
    z-index: 2;
}
.single-room > a:before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-room:hover > a:before {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0}
.room-hover {
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    
    width: 100%;
    z-index: 1;
}

.service .caption{
    background:#333;
    color:white;
    padding:6px 10px;
    position:absolute;
    left:0;
    top:30px;
}

.room-hover:after{
    content:'';
    display:block;
        position: absolute;
    width: 100%;
    height: 210PX;
    bottom: 0;
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.single-room:hover .room-hover {z-index: 9;}
.single-room > h3 {
    color: #ffffff;
    left: 50%;
    margin-bottom: 19px;
    opacity: 1;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    width: 100%;
}
.single-room:hover > h3 {opacity: 0; transition-delay: 0s}
.hover-text > h3 {
    color: #0000ff;
    width: 100%;
}
.single-room:hover .hover-text > h3 {top: 43%;}
/* .hover-text > h3:hover a, .hover-text > h3 a:hover, .hover-text > h3 a:focus, .hover-text > h3 a:active {
    color: #b5876d;
} */
.hover-text {
    position: relative;
    bottom: 15px;
    width: 100%;
    text-align: center;
}
.hover-text .room-btn {
    /* bottom: 35%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(40px); */
    color:white;
    transition: all 0.3s ease-in-out 0.1s;
}

.hover-text .room-btn p{
    margin:10px 0 0;
}


.single-room:hover .room-btn {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.2s;
}
.hover-text .default-btn {
    display: inline-block;
    line-height: 38px;
    margin-top: 15px;
    padding: 0 22px;

}
.p-amount {
    bottom: 26px;
    color: #ffffff;
    position: absolute;
    right: 28px;
    transform: translateX(100px);
    transition: all 0.3s ease-in-out 0.1s;
    z-index: 2;
}
.p-amount > span {
    display: block;
    font-family: "Raleway",sans-serif;
    font-size: 30px;
    font-weight: 700;
}
.p-amount > span.count {
    font-size: 15px;
    font-weight: 400;
    padding-top: 3px;
}
.single-room:hover .p-amount {
    opacity: 1;
    transform: translateX(0px);
    transition-delay: 0.3s;
}


/*----------------------------------------*/
/*  3. Services Area
/*----------------------------------------*/
.nav.nav-tabs {border: 0 none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #b5876d none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
}
.nav-tabs > li > a {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    line-height: 24px;
    margin: 0;
    padding: 10px 0 12px;
    min-height: 180px;
}
.title {
    font-family: "raleway";
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
}
span.title, span.text {
    color: #444444;
    display: block;
    padding: 60px 30px 30px;
}
span.image {
    display: block;
    left: 30px;
    position: absolute;
    top: 27px;
}
.nav-tabs > li {    width: 46%;
    margin: 0 10px 20px;}
.nav-tabs > li.active > a .title, .nav-tabs > li.active > a:focus .title, .nav-tabs > li.active > a:hover .title {
    color: #ffffff;
}
.nav-tabs > li.active > a .text, .nav-tabs > li.active > a:focus .text, .nav-tabs > li.active > a:hover .text {
    color: #ffffff;
}
.nav-tabs > li > a span {transition: all 0.2s ease 0s;}
.nav-tabs > li:nth-child(2n+2) {margin-right: 0;}

span.image.s-img {
    
}
.nav-tabs > li.active > a span.s-img, .nav-tabs > li.active > a:focus span.s-img, .nav-tabs > li.active > a:hover span.s-img {
    display: block;
}
/*----------------------------------------*/
/*  4. Fun Factor Area
/*----------------------------------------*/
.fun-factor-area {padding: 57px 0 69px;}
.single-fun-factor > h1 {
    color: #ffffff;
    font-family: "Lato",sans-serif;
    font-size: 60px;
    font-weight: 700;
}
.single-fun-factor > h4 {
    color: #ffffff;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding-top: 17px;
    text-transform: uppercase;
}
/*----------------------------------------*/
/*  5. Gallery Area
/*----------------------------------------*/
.gallery-item {width: 23%; margin:10px; overflow: hidden;}
.thumb > img {width: 100%;}
.gallery-hover a {
    border: 1px solid #fbfafa;
    border-radius: 50%;
    color: #ffffff;
    display: inline-table;
    font-size: 24px;
    height: 38px;
    margin: 0 8px;
    position: relative;
    text-align: center;
    transition: all 0.2s linear 0s;
    width: 38px;
}
.gallery-hover {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
}
.gallery-item:hover .gallery-hover {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
.gallery-icon {
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.gallery-hover a i {
    display: table-cell;
    vertical-align: middle;
}
.gallery-hover a:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #b5876d;
}
.gallery-filter, .event-menu {
    margin-bottom: 50px;
    text-align: center;
}
.gallery-filter button, .event-menu button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #444444;
    font-family: "raleway";
    font-size: 18px;
    line-height: 17px;
    padding: 13px 21px;
    border: 1px solid #004aad;
    margin-right: 10px;
    margin-bottom: 10px;
}
.gallery-filter button:focus, .gallery-filter button.active, .event-menu button:focus, .event-menu button.active {
    /*color: #b5876d;*/
    border: 0 none;
    color: #fff;
    font-family: "raleway";
    font-size: 18px;
    line-height: 17px;
    padding: 13px 21px;
    background: #023f83;
}
.gallery-icon span {
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
}
.gallery-icon span img{transition: all 0.3s ease-in-out 0s}
.gallery-icon span.s-img, .gallery-icon a:hover span.p-img {display: none;}
.gallery-icon a:hover span.s-img {display: block;}
/*----------------------------------------*/
/*  6. Team Area
/*----------------------------------------*/
.single-team {
    position: relative;
    text-align: center;
    overflow: hidden
}
.team-image > img {max-width: 100%;}
.team-hover > h4 {
    color: #ffffff;
    margin-bottom: 2px;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.25s ease 0s;
}
.single-team:hover .team-hover h4 {
    transform: translate3d(0px, 0px, 0px);
    transition-delay: 0.3s;
}
.team-hover span {
    color: #ffffff;
    font-family: "raleway";
    font-size: 16px;
    margin-bottom: 14px;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.25s ease 0s;
}
.single-team:hover .team-hover span {
    transform: translate3d(0px, 0px, 0px);
    transition-delay: 0.4s;
}
.team-hover > p {
    color: #ffffff;
    margin-bottom: 12px;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.25s ease 0s;
}
.single-team:hover .team-hover p {
    transform: translate3d(0px, 0px, 0px);
    transition-delay: 0.5s;
}
.team-links a {
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    margin: 0 20px;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.35s ease 0s;
}
.single-team:hover .team-links a {transform: translate3d(0px, 0px, 0px);}
.single-team:hover .team-links a:nth-child(1) {transition-delay: 0.7s;}
.single-team:hover .team-links a:nth-child(2) {transition-delay: 0.9s;}
.single-team:hover .team-links a:nth-child(3) {transition-delay: 1.1s;}
.team-links > a:hover {color: #b5876d;}
.team-hover {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: -100%;
    left: 0;
    padding: 28px 32px 25px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.single-team:hover .team-hover {bottom: 0;}
.team-section .single-team {margin-bottom: 50px}
/*----------------------------------------*/
/*  7. Advertise Area
/*----------------------------------------*/
.advertise-text {
    overflow: hidden;
    padding: 75px 0;
}
.advertise-text > h1 {
  color: #ffffff;
  float: left;
  font-size: 48px;
  line-height: 48px;
  text-transform: uppercase;
}
.advertise-text span {color: #b5876d;}
.advertise-text .default-btn {
    float: right;
    line-height: 48px;
    padding: 0 25px;
    text-transform: uppercase;
}
/*----------------------------------------*/
/*  8. Pricing Area
/*----------------------------------------*/
.package-name > h3 {
    color: #252525;
    font-family: "Lato",sans-serif;
    padding: 44px 0 25px;
}
.single-pricing {
    background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 1px solid #b5876d;
    border-top: 1px solid #b5876d;
    padding-bottom: 49px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-out 0s;
}
.single-pricing::before, .single-pricing::after {
    border-left: 1px solid #b5876d;
    border-right: 1px solid #b5876d;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease 0s;
}
.single-pricing::after {bottom: 0; top: auto;}
.single-pricing:hover::before, .single-pricing:hover::after {height: 50%;}
.package-name > h1 {
    background: #ffffff none repeat scroll 0 0;
    color: #535353;
    font-family: "Lato",sans-serif;
    font-size: 50px;
    padding: 30px 0 36px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.package-name h1 span {font-size: 20px;}
.package-name h1 .currency {
    position: relative;
    top: -20px;
}
.package-offer {padding-top: 10px; z-index: 3; position: relative}
.package-offer > span {
    color: #606060;
    display: block;
    font-size: 18px;
    margin: 16px 0;
}
.signup-btn {padding-top: 33px; z-index: 3; position: relative}
.signup-btn a {
    background: #ffffff none repeat scroll 0 0;
    color: #606060;
    display: inline-block;
    font-weight: 700;
    line-height: 38px;
    padding: 0 21px;
    text-transform: uppercase;
}
.signup-btn a::before {
    background: #b5876d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.single-pricing:hover {box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);}
.single-pricing:hover .package-name > h1, .single-pricing:hover .signup-btn a {color: #b5876d;}
.single-pricing:hover .signup-btn a:hover {color: #fff}
.signup-btn a:hover {color: #ffffff;}
.package-offer > span.light {color: #bbbbbb;}
/*----------------------------------------*/
/*  9. Blog Area
/*----------------------------------------*/
.single-blog-wrapper {position: relative; overflow: hidden}
.blog-text {border: 1px solid #dfdfdf; padding: 26px 0 29px;}
.single-blog {text-align: center;}
.blog-text > h3, .blog-hover > h3 {
    color: #252525;
    font-family: "Lato",sans-serif;
    font-weight: 400;
}

.service .tab-pane{
    overflow:hidden;
    height:334px;
    margin-bottom:10px;
}
.service .tab-pane img{
    height:100%;
}

.offer .details{
    margin-top:15px;
}

.pl-5{
    padding-left:5px;
}
.pr-5{
    padding-right:5px;
}

.offer .details h3{
    font-size:16px;
    font-family: 'poppins', sans-serif;
    font-weight:600;
    margin-bottom:10px;
}
.blog-text .time, .blog-hover > span {
    color: #909090;
    display: block;
    font-size: 13px;
    margin-bottom: 14px;
}
/*.blog-text .time, .blog-hover > span{color: }*/
.blog-text .time i, .blog-hover > span i {font-size: 14px; padding-right: 5px;}
.blog-hover {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    bottom: 0;
    height: 100%;
    left: -100%;
    padding: 26px 26px 6px;
    position: absolute;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.blog-hover > p {color: #252525; padding-top: 13px;}
.post-info > span {
    display: inline-block;
    font-size: 13px;
    padding-right: 35px;
}
.post-info > span a {color: #909090;}
.post-info > span a:hover {color: #444;}
.post-info > span i {padding-right: 5px;}
.post-info > span:last-child {padding-right: 0;}
.post-info {padding-top: 14px;}
.blog-hover .default-btn {
    line-height: 38px;
    margin-top: 48px;
    padding: 0 21px;
}
.blog-hover .default-btn::before {background: #131313 none repeat scroll 0 0;}
.blog-hover .default-btn::hover {color: #fff;}
.blog-hover .default-btn::before {color: #B5876D;}
.single-blog-wrapper:hover .blog-hover {left: 0;}
.blog-hover > h3:hover a{color: #B5876D}
.blog-hover > p {transform: translate3d(0px, 350%, 0px); transition: transform 1s ease 0s;}
.post-info > span {transition: transform 1s ease 0s;}
.post-info > span:first-child {transform: translate3d(-500%, 0px, 0px);}
.post-info > span:nth-child(2) {transform: translate3d(-550%, 0px, 0px);}
.post-info > span:nth-child(3) {transform: translate3d(-600%, 0px, 0px);}
.blog-hover .default-btn {transform: translate3d(0px, 700%, 0px); transition: transform 0.4s ease 0s;}
.single-blog-wrapper:hover .blog-hover > p, .single-blog-wrapper:hover .post-info > span, .single-blog-wrapper:hover .blog-hover .default-btn {
    transform: translate3d(0px, 0px, 0px);
}
.single-blog-wrapper:hover .blog-hover > p {transition-delay: .4s;}
.single-blog-wrapper:hover .post-info > span:last-child {transition-delay: 1.2s;}
.single-blog-wrapper:hover .post-info > span:nth-child(2) {transition-delay: 1.7s;}
.single-blog-wrapper:hover .post-info > span:first-child {transition-delay: 2s;}
.single-blog-wrapper:hover .blog-hover .default-btn {transition-delay: 2.3s;}
/*----------------------------------------*/
/*  10. Client Area
/*----------------------------------------*/
.client-area {padding: 68px 0 61px;}
.client-image > a {display: table-cell; vertical-align: middle;}
.single-client {
    height: 80px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.client-image {display: inline-table; height: 100%;}
.owl-carousel .owl-item .client-image .s-img, .single-client:hover .p-img {display: none;}
.owl-carousel .owl-item .single-client:hover .client-image .s-img {display: block;}
/*----------------------------------------*/
/*  11. Newsletter Area
/*----------------------------------------*/
.newsletter-container h3 {
    float: left;
    line-height: 38px;
    text-transform: uppercase;
}
.newsletter-container {overflow: hidden; padding: 0 25px;}
.newsletter-form {overflow: hidden;}
.newsletter-area { padding: 80px 0;}
.newsletter-form input {
    border: 1px solid #b7b6b6;
    color: #4d4d4d;
    font-family: "raleway";
    font-size: 14px;
    height: 38px;
    padding: 0 8px;
    width: 284px;
}
.newsletter-form input#mc-email::-moz-placeholder {color: #4d4d4d;} 
.newsletter-form input[type="email"]::-webkit-input-placeholder {color: #4d4d4d;}
.newsletter-form form {float: right;}
.mailchimp-alerts {
    display: block;
    overflow: hidden;
    padding-left: 53px;
    width: 100%;
}
.newsletter-form button {
    border: 0 none;
    float: right;
    line-height: 38px;
    padding: 0 20px;
    text-transform: uppercase;
}
.newsletter-form button::before, .search-form button:before {background: #131313 none repeat scroll 0 0;}
.newsletter-form button:hover, .search-form button:hover {color: #fff}
/*----------------------------------------*/
/*  12. Room Grid / List Page
/*----------------------------------------*/
.room-grid {position: relative;}
.room-grid .single-room {
    float: none;
    height: auto;
    padding: 0;
    width: 100%;
}
.hover-text > p {
    bottom: 41%;
    color: #ffffff;
    opacity: 0;
    padding: 0;
    position: absolute;
    transform: translateY(100px);
    transition: all 0.3s ease-in-out 0.1s;
}
.single-room:hover p {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.2s;
}
.room-grid .p-amount {
    left: 0;
    margin-bottom: 6px;
    opacity: 0;
    right: 0;
    top: 36%;
    transition: all 0.3s ease-in-out 0.2s;
    bottom: auto
}
.room-grid .single-room:hover .p-amount {opacity: 1;}
.room-grid .p-amount > span {
    display: inline-block;
    font-size: 24px;
}
.room-grid .p-amount > span.count {font-size: 15px;}
.room-grid .hover-text h3 {margin-bottom: 18px;}
.room-grid .single-room:hover .hover-text > h3 {top: 30%;}
.room-grid .single-room .hover-text .room-btn {bottom: 28%;}
.room-grid .hover-text .default-btn {margin-top: 26px;}
.room-grid .single-room {margin-bottom: 50px;}
.room-grid .single-room .room-hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    z-index: 2;
}
.room-grid .single-room::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.room-grid .hover-text {z-index: 2;}
.room-grid .single-room:hover::after {transform: scaleY(0.57);}
.room-grid .single-room .hover-text > p {bottom: 42%; padding: 0 20px;}
.room-grid .single-room:hover .hover-text .default-btn {bottom: 28%;}
.room-list a {display: block; text-align: center;}
.room-list-text > h3:hover a {color: #b5876d;}
.room-service p {font-family: "raleway"; width: 77%;}
.room-list-text > h3 {margin-bottom: 0; font-size: 14px;}
.room-list-text h4 {padding: 15px 0 18px;}
.room-list {
    margin-bottom: 50px;
    position: relative;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}
.room-list::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%;
}
.room-list img {position: relative; z-index: 2; width: 100%;}
.room-list .p-amount {
    background: #b5876d none repeat scroll 0 0;
    bottom: 0;
    height: 101px;
    opacity: 0;
    padding-top: 20px;
    right: 15px;
    text-align: center;
    transform: translateX(0px);
    transition: all 0.3s ease 0s;
    width: 150px;
}
.room-list-text {
    padding: 10px;
}
.room-list:hover .p-amount {opacity: 1;}
.room-list:hover::after {background: #b5876d none repeat scroll 0 0;}
.room-list:hover {box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);}
/*----------------------------------------*/
/*  13. Room Details Page
/*----------------------------------------*/
.slick-list{padding: 0 !important}
.slick-slide img {width: 100%;  max-height: 545px;}
.slider-nav .slick-slide {
    padding-left: 11px;
    padding-right: 11px;
}

.slider-nav .slick-slide img{
border: 6px solid #fff;
    border-radius: 10px;
}
.nav-row {
    margin-left: -11px;
    margin-right: -11px;
    position:relative;
    bottom:125px;
}
.room-slider {margin-bottom: 20px;}
.slider-nav {
    position: relative;
    overflow: hidden;
}
.slick-prev, .slick-next {font-size: 0; padding: 0}
.slick-arrow {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border: 0 none;
    height: 100%;
    left: 11px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 9;
}
.slick-next {left: auto; right: 9px;}
.slick-prev::before, .slick-next::before {
    color: #444444;
    content: "\f2f4";
    font-family: "Material-Design-Iconic-Font";
    font-size: 48px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 16px;
    transform: translate(-50%, -50%)
}
.slick-next:before {content: "\f2f6";}
.room-details-title {
    line-height: 18px;
    margin-bottom: 34px;
    position: relative;
    text-transform: uppercase;
}
.room-details-title::after {
    background: #b5876d none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 90px;
}
.room-details-text {padding: 30px 0 20px;}
.room-details-text > p {margin-bottom: 24px;}
.room-facilities {
    margin-bottom: 32px;
    overflow: hidden;
    padding-top: 22px;
}
.price {
    font-size: 18px;
}
.price span {
    font-size: 25px;
    color: #424242;
    font-weight: 600;
}
.room-slider-wrapper {
    margin-top: 40px;
}

.single-facility > span {
    display: block;
    font-family: "raleway";
    line-height: 25px;
    margin-bottom: 10px;
}
.single-facility img{    width: 50px; margin-right: 10px;}
.single-facility {   
    background: url(../images/texture.jpg);
    border-radius: 4px;
    padding: 15px 25px 5px;
    margin: 5px;
    box-shadow: 0 2px 3px 0 rgba(51, 51, 51, 0.13);
    border: 1px solid #dcdcdc;}
.single-faciity {padding-top: 1px;}
.single-facility span i {font-size: 18px; padding-right: 10px;}
.cost > h2, .cost span {color: #ffffff;}
.cost h2{ margin-bottom: 0px;line-height:25px;}

.cost > span {
    display: block;
    font-family: "raleway";
    font-size: 15px;
    padding-top: 5px;
}
.zmdi-check {color: #1db000;}
.zmdi-close {color: #ff0101;}
.room-area .room-details-title {margin-bottom: 40px;margin-top: 10px;}
.cost > h2, .cost span {color: #e7484e;}

.cost > span {
    .cost > span {
    display: block;
    font-family: "raleway";
    font-size: 15px;
    padding-top: 0px;
}
}
.sidebar-widget form.search-form {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.sidebar-widget .box-select .select {
    background: #ffffff none repeat scroll 0 0;
    border-color: #ffffff;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}
.sidebar-widget .search-form button {
    margin-top: 20px;
    width: 100%;
}
.sidebar-widget {
    background: #f1f1f1 none repeat scroll 0 0;
    margin-bottom: 50px;
    padding: 24px 20px 30px;
}
.sidebar-widget .room-details-title {
    font-size: 18px;
    margin-bottom: 27px;
    padding-top: 6px;
}
.sidebar-widget .room-details-title::after {bottom: -7px;}
.sidebar-widget .c-info > span:first-child {
    border: 0 none;
    text-align: left
}
.sidebar-widget .c-info:hover > span:first-child{background: transparent; color: #252525}
.sidebar-widget .c-info {margin-bottom: 12px;}
.sidebar-widget .c-info-text{margin-bottom: 12px}
.sidebar-widget .c-info:last-child {margin: 0;}
.sidebar-widget .c-info > span:last-child {padding-left: 44px;}
.post-img > img {max-width: 100%;}
.post-img {float: left;}
.post-content {
    margin-bottom: 40px;
    overflow: hidden;
}
.post-text {
    overflow: hidden;
    padding-left: 24px;
}
.post-text h4 {
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 11px;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.post-text h4:hover a {color: #b5876d;}
.post-text > span {
    color: #909090;
    display: block;
    font-size: 13px;
}
.post-content:last-child {margin: 0;}

.room-details .single-room.large .hover-text {padding: 0 80px;}
/*----------------------------------------*/
/*  14. Location Page
/*----------------------------------------*/
.location-image a {
    display: block;
    position: relative;
    overflow: hidden
}
.location-image a::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
}
.location-image a:hover::before {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
.location-image a::after {
    color: #ffffff;
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 48px;
    left: 50%;
    margin: auto;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease 0s;
}
.location-image a:hover::after {opacity: 1;}
.location-text > h3 {
    color: #252525;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    margin-bottom: 13px;
}
.location-text > h3:hover a {color: #b5876d;}
.location-text {padding-top: 25px;}
.address-distance > span {display: inline-block; font-size: 15px;}
.address-distance > span:first-child {float: left;}
.address-distance > span:last-child {float: right;}
/*----------------------------------------*/
/*  15. Event Page
/*----------------------------------------*/
.event-items {margin-left: -5px; margin-right: -5px}
.single-event {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}
.single-event-item > img {width: 100%;}
.single-event-item {position: relative;}
.event-text {
    height: 100%;
    left: 0;
    padding-left: 39px;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.event-text::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-event:hover .event-text::before {opacity: 1;}
.event-title {
    bottom: 45px;
    color: #ffffff;
    position: absolute;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.single-event:hover .event-title {bottom: 140px;}
.event-text .author-name {
    bottom: -90%;
    color: #b5876d;
    position: absolute;
    transition: all 0.8s ease 0s;
    z-index: 1;
}
.event-text > p {
    bottom: -200%;
    color: #ffffff;
    position: absolute;
    transition: all 1s ease 0s;
    width: 48%;
    z-index: 1;
}
.small .event-text > p {width: 93%;}
.single-event:hover .event-text > p {bottom: 37px; transition-delay: 0.25s;}
.single-event:hover .event-text .author-name {
    bottom: 108px;
    transition-delay: 0.1s;
}
.event-text::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: 53px;
    content: "";
    height: 0;
    left: 29px;
    position: absolute;
    transition: all 0.8s ease 0s;
    width: 1px;
}
.single-event:hover .event-text::after {
    height: 110px;
    transition-delay: 0.5s;
}
.event-area .single-event:nth-child(5), .event-area .single-event:nth-child(6) {margin: 0;}
.blog-masonry .event-item {
    /*height:220px;*/
}
/*----------------------------------------*/
/*  16. Contact Page
/*----------------------------------------*/
h4.contact-title {
    font-size: 24px;
    line-height: 18px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.contact-text > p {
    line-height: 24px;
    margin-bottom: 13px;
    font-size: 16px;

}
.contact-text i {font-size: 18px;}
span.c-icon {display: inline-block; float: left;}
span.c-icon i {
    position: relative;
    top: 3px;
    width: 27px;
}
span.c-text {display: inline-block;}
.contact-text {margin-bottom: 55px;}
.link-social > a {
    color: #444;
    display: inline-block;
    line-height: 19px;
    margin-right: 27px;
}
.link-social > a:hover {color: #B5876D}
.link-social > a i {font-size: 20px;}
.contact-form-area input, .contact-form-area textarea {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    color: #444444;
    font-size: 14px;
    height: 48px;
    margin-bottom: 20px;
    padding: 0px 15px;
    width: 100%;
}
.contact-form-area textarea {
    height: 150px;
    padding-top: 13px;
    resize: none;
}
#contact-form input::-moz-placeholder, #contact-form textarea::-moz-placeholder {color: #444;} 
#contact-form input::-webkit-input-placeholder, #contact-form textarea::-webkit-input-placeholder {color: #444;}
#contact-form button.default-btn {
    border: 0 none;
    font-size: 16px;
    line-height: 40px;
    padding: 0 35px;
    color: #000;
    border:1px solid #4d4d4d;
}
#contact-form button.default-btn:hover{
    color: #fff; 
}
#contact-form button.default-btn::before {background: #333333 none repeat scroll 0 0;}




.tab-content>.tab-pane {
    max-height: 380px;
    overflow: hidden;
}
.breadcrumb>.active{color:#fff}


/* Testimonial */
.testimonials{
    background: #fbfbfb;
    margin-bottom: 30px;
}
.testi-img img{
    width: 100px!important;
    float: none;
    margin:auto;
}



.testimonial{
    padding: 0 0px;
    margin: 0px auto 20px;
    background: #ffffff;
    height: 250px;
}
.testimonial .content {
    background: #91c6fa;
    height: 265px;
    text-align: center;
    padding: 45px 40px;
}
.testimonial .content .name {
    font-size: 18px;
}

.notice-block{
    background:#2b67a8;
    width: 100%;
    height: 250px;
    padding: 5px 20px;
}

.notice-block h3{
    text-align: center;
    color: #fff;
    padding: 10px;
}

.notice-block .noticelist{
     color: #fff;
    font-size: 16px;
}

.notice-block .noticelist li{
     padding: 10px 10px;
    text-align: center;
}
   
.notice-block .noticelist li:not(:last-child){
    border-bottom: 1px solid #ffffff38;
}

.notice-block .noticelist a{
    color: #fff;
}

.content p {
    font-size: 18px;
    color: #000;
    line-height: 27px;
}
.owl-carousel.owl-loaded:after{display: none;}
/* Testimonial End */


/* Footer */
.site-footer{
    background-color: #1b6782;
    color: #fff;
}

.site-footer a{
    color: #fff;
}

.site-footer p{
    font-size: 11px;
}
.site-footer .footer-bottom{
    font-weight: 500;
    padding: 20px 0;
    position: relative;
    border-right: none;
    border-left: none;
}
.site-footer .footer-bottom .footer-logo {
    display: inline-block;
}
.site-footer .footer-bottom .footer-contact, .site-footer .footer-bottom .footer-copyright, .site-footer .footer-bottom .footer-nav {
    margin-top: 10px;
}
.site-footer .footer-bottom p:last-child, .site-footer .footer-top h6 {
    margin-bottom: 0;
}
.site-footer .footer-bottom .footer-contact ul {margin: 15px -10px 0;}
.site-footer .footer-bottom .footer-contact ul:after {clear:both;}
.site-footer .footer-bottom .footer-contact ul li, .site-footer .footer-bottom .footer-nav ul li {
    display: block;
    margin: 0 10px;
    margin-bottom: 10px;
    font-size: 17px;
}
.site-footer .footer-bottom .footer-nav ul li a {
    display: block;
}
.site-footer .footer-bottom a {
    color: #e8e8e8;
    font-weight: 300;
}
.footer-contact i.fa{
    margin-right: 6px;
}
.disclaim {
    padding: 15px 0 5px;
    background: #043367;
}
.disclaim h5 {
    color: #f58147;
}
.disclaim h6 {
    text-transform: Capitalize;
}
.widget-social-icons {
    text-align: right;
}
.widget-social-icons ul li {
    display: inline-block;
    margin-top: -7px;
    margin-right: 10px;
    margin-bottom: 0px;
}

.widget-social-icons ul li:last-child {margin-right: 0px;}
.widget-social-icons ul li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background-color: #31519c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.site-footer .footer-bottom .footer-contact span {
    font-size: 20px;
}
.site-footer .footer-bottom a {
    color: #fff;
}
.site-footer .footer-bottom .widget-social-icons a{
    color:#fff;
}
/* End Footer */





.open>.dropdown-menu li{
    padding: 5px 0;
}

.homegallery .gallery-masonry{
    max-height: 450px;
    overflow: hidden;
}

a.noblok{display: initial!important;}

.event-area {
    background: none;
    padding: 80px 0px !important;
}
.room-area{
    background: none;
    padding: 50px 0 0px;
    z-index: 0;
    position: relative;
}

.similar_pac{
    padding: 50px 0px;
    background: #f5f5f5;
}

.similar_pac .room-details-title{
    color: #1b6782 !important;
}

.similar_pac .room-details-title::after{
    background: #1b6782 !important;
}
.room-area a {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}
.room-details .single-room{
    width: 50%;
}

.booking-top{
    border: 1px solid #fff;
    padding: 10px 15px;
    right: 0px;
	 position: absolute;
}

 .booking-top a{
   color:#fff;
}


.main_facility {
    text-align: center;
    padding: 15px;
    
    display: inline-table;
    height: 100px;
    margin: 8px;
    width:100%;
}
.main_facility .facility_img{
    width: 60px;
    
}

.main_facility .img-sec{
    float: none;
    width: 30%;
    margin:auto;
}
.main_facility .title-txt{
    margin-left: 0px;
    width: 100%;
    margin-top: 10px;
    float: left;
    font-size: 12px;
    color: #000;
}
.main-menu ul li a.active{
    border-bottom: 2px solid #ffffff;
    padding-bottom:5px;
}    
.second-logos img{
   	margin-top:10px;
   	max-width:100%;
}
.second-logos img.fist-img{margin-top: 35px;}
.footer-contact  .widget-social-icons  i.fa{
    margin-right: 0px;
} 
.margin-topfix{
    margin-top: -40px;
}
.custom-list li{
    border: 1px solid;
    border-radius: 4px!important;
}
   
.similar-items .room-title{
    padding: 10px;
	background: #ebebeb;
	font-weight: 500;
	text-align: center;
	font-size: 14px;
    border-radius: 0px 0px 5px 5px;
}
    
.similar-items .room-image{
    overflow:hidden;
    transition: all 2s ease-out;
}
    
.similar-items .room-image:hover img{
    transform: scale(1.2);
    transition: all 2s ease-out;
}

.a-default { width: auto !important; margin: 0px !important; height: 25px; }
.lbl-default span { position: relative; left: 5px; bottom: 6px; }
ul.cuu-li li { padding-right: 20px; }

.small-sec {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 1;
    padding: 0px;
}
.awards h2, .appointment h2, .packages h2 {
    font-family: 'Roboto Slab', serif;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    margin-top: 5px;
}
.awards {
    padding: 20px 42px 30px;
    background: #1b6782;
    color: #fff;
    position: relative;
}

.awards .noticehead a{
    color: #fff;
    font-size: 12px;
}

.awards a:hover{color: #fff;}

.awards p {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    height: 105px;
    margin-bottom: 0px;
    overflow: hidden;
}

.nopadding{
    padding: 0px!important;
}

.appointment h2, .packages h2{
    font-size: 25px;
    margin: 20px;
    cursor: pointer;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    transition: all .5s ease;
}
.appointment h2 span, .packages h2 span {
    font-size: 22px;
    display: block;
}
.packages {
    background: #1b6782;
    padding: 20px;
    position: relative;
    height: 20vh;
    border-radius: 20px;

}

.opening_time h2{
    margin: 0px;
    color: #fff;
}

.opening_time p{
    margin: 0px;
    color: #fff;
}

.opening_time p span{
    margin-left: 20px;
}

.Emergency h2{
    margin-bottom: 5px;
}

.Emergency h3{
    color: #fff;
    font-size: 20px;
}

.Emergency h3 a:hover{
    color: #1b6782;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
}

.single-location ul {
    list-style: disc;
    margin-left: 15px;
    line-height: 2;
}
.appointment img {
    position: absolute;
    top: 0px;
}

.ogevent,.ucevent{
    display: none;
}
.widget p {font-size:16px;}
.switchlist {
        font-size: 16px;
    text-align: center;
}

.switchlist li{
    color: #fff;
    background-color: #1b6782;
    border: none;
    padding: 7px 50px;
    border-radius: 0;
    transition-property: background;
    transition-duration: 0.30s;
    transition-timing-function: linear;
}

.switchlist li.active{
    color:#fff;
    background-color: #2b67a8;
    position: relative;
}
.switchlist li.active::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2b67a8;
    position: absolute;
    top: 35px;
    left: 49%;
}

.gallery-filter button .active{
    display:unset;
}
.active{
    /*display: block;*/
}

.owl-carousel .item ,.event-item{
    position:relative;
}

.owl-carousel .item span,.event-item span{
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 14px;
    background: #2b67a8e0;
    padding: 5px 15px;
    color: #fff;
}

 

.event-item span i, .blog-carousel-meta span i{
    margin-right:7px;
}
#sidebar {
    background: #ffffff;
    padding: 20px;
    box-shadow: 2px 2px 10px 0px #808080;
}
#sidebar .title h2 {
    font-size: 25px;
    text-align: center;
}

.owl-carousel .item h3,.event-item h3{
    text-align: left;
    margin-top: 5px;
    font-size: 15px;
    margin-bottom: 25px;
}

.event-area{
    margin-bottom: 0px;
    /*background: #f9f9f9;*/
}

.event-item .event-image{
    /*height: 155px;*/
    overflow: hidden;
}

.inner-contents{
    padding: 20px 0px 70px;
}

.docsearch{
    background: #235fa0;
    padding: 20px 25px;
}
.docsearch input:focus{
    background:rgb(236, 226, 226) none repeat scroll 0 0;
}

.docsearch .form-control{
    height: 40px;
}
.contact-top .list-email{
    position: relative;
    font-size: 15px;
    line-height: 40px;
}

.contact-top .list-email::after{
    text-align: center;
    content: "\f0e0";
    font-family: FontAwesome;
    position: absolute;
    left: 15%;
    top: 10%;
    font-size: 18px;
    background: #1b6782;
    color: #fff;
    padding: 9px;
    line-height: 18px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.contact-top .list-number{
    position: relative;
    font-size: 12px;
    line-height: 20px;
    column-count: 2;
}

.contact-top .list-number::after{
    text-align: center;
    content: "\f095";
    font-family: FontAwesome;
    position: absolute;
    left: 7%;
    top: 10%;
    font-size: 18px;
    background: #1b6782;
    color: #fff;
    padding: 10px;
    line-height: 15px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.contact-top .list-number::before{
    text-align: center;
    content: "\f095";
    font-family: FontAwesome;
    position: absolute;
    right: 30%;
    top: 10%;
    font-size: 18px;
    background: #1b6782;
    color: #fff;
    padding: 10px;
    line-height: 15px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.heading{
color:#1f2020;
font-size: 30px;
line-height: 25px;
padding-bottom: 10px;
position: relative;
/*margin-left: 15px;  */
}   

.heading:after, .heading:before {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.heading:before {
    background: #1b6782;
    width: 9%;
    z-index: 2;
}

.switchlist{
    margin-bottom: 15px;
}

.heading:before{
    background: #1b6782;
    width: 9%;
    z-index: 2;
}

.testimonials{
    padding: 30px 15px;
}

.testimonials .testi-item{

}

.testimonials .testi-item .img{
padding: 0px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: auto;
    border-radius: 100%;
    border: 1px solid #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    margin-bottom: 10px;
}

.testimonials .testi-item .content p{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
}

.testimonials .testi-item  .headers{
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}
.testimonials .testi-item  .contry{
    text-align: center;
    font-size: 12px;
    color: #1b6782;
}   

.testimonials .testi-item  .via{
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}

.footer-copyright{
    font-size: 12px;
}



.site-footer .footer-bottom .footer-contact ul li{
    margin-bottom: 8px;
    font-size: 15px;
}

.awards h2{
    margin-bottom: 5px;
}

.client-list{
    margin-bottom: 15px;
    z-index: 0;
}
.client-list .owl-nav {
    position: absolute;
    bottom: 20px;
    right: -10px;
    font-size: 12px;
    width: 100px;
}
.client-list .owl-nav div{
    background:none;
    color: #1b6782ba;
}
.client-list .owl-nav div .fa{font-size: 20px;}

.client-list .owl-nav .owl-prev{
    left: 0px;
}

.client-list .owl-nav .owl-next{
    right: -15px;
}

.backrdoundcolored{
    background: #f5f5f5;
    color: #fff;
} 

.backrdoundcolored  .heading:after{
    background:none;
}
.backrdoundcolored a{
    color: #000;
    font-weight: 400;
    font-size: 18px;
}

.backrdoundcolored a:hover{
    color: #1b6782 !important;
}
.backrdoundcolored .heading:before{
    background: #1b6782;
}

.backrdoundcolored .heading{
    color:#1b6782;
    text-align: left;
    margin-left: 15px;
}

.room-area #home-testimonial.owl-carousel .owl-item{
    transform: none;
}
.file-btn{
    text-align: center;
    margin-bottom:10px;
}
.file-btn a{
    background: #1b6782;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 15px;
}

.viebio{
    border: 1px solid #aaa;
    background: #fff;
    font-size: 12px;
    margin-top: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.button-links li a{
    background: #ffff00!important;
    padding: 3px;
    color:#034a98!important;
    border-radius: 9px;

}
.button-links li a:hover{

    color:#000!important;

}

/* Style the links inside the sidenav */
#mySidenav a {
    position: fixed;
    right: 0px;
    transition: 0.3s;
    padding: 9px;
    min-width: 164px;
    z-index: 99;
    overflow:hidden;
    text-decoration: none;
    font-size: 18px;
    
    border-radius: 8px 0px 0px 8px;
}

#mySidenav a:hover {
  right: 0;
}


#teleMedicine {
  top: 25%;
  color:#034a98;
  background-color:#ffff00;
}

#lab_report {
  top: 32.55%;
  color: white;
  background-color:#1b6782;
}


/* ==========================================================================
  07. SERVICES
  =========================================================================== */

#services-6 {
  background-image: url(../images/banner-2.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
  background-attachment: fixed !important;
}

#services-6 .container {
  overflow: hidden;
}

#services-8 {
  position: relative;
} 

.services-8-bg { 
  background-color: #f8f9fb;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  left: 50%;
  z-index: 3;
}

.s8-holder {
  z-index: 4;
}

.s8-boxes {
  z-index: 4;
  padding-left: 60px;
}

/*------------------------------------------*/
/*  SERVICE BOX
/*------------------------------------------*/

.sbox-1,
.sbox-4,
.sbox-6 {
  margin-bottom: 50px;
} 

.sbox-2 {
  text-align: center;
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 60px 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; 
} 

.sbox-2:hover,
.sbox-7:hover,
.bg-lightgrey .sbox-7:hover {
  background-color: #fafafa;
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}

.sbox-2:hover .sbox-2-icon {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}

.sbox-2:hover h5.sbox-2-title {
  -webkit-transform: translate3d(0, -110px, 0);
  transform: translate3d(0, -110px, 0); 
}

.bg-lightgrey .sbox-2:hover {
  background-color: #00a3c8;
  border: 1px solid #00a3c8;
}

.bg-lightgrey .sbox-2:hover .sbox-2-icon,
.bg-lightgrey .sbox-2:hover h5.sbox-2-title {
  color: #fff;
}

.sbox-3 {
  text-align: center;
  background-color: #fff; 
  border: 1px solid #ddd;
  margin: 0 8px 0px;
  padding: 40px 20px 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
} 

.sbox-5 {
  text-align: center;
  background-color: #fff; 
  border: 1px solid #ddd;
  margin: 0 8px 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
} 

.sbox-5 img {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
} 

.sbox-7 {
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 30px;
  margin-bottom: 30px;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 450ms ease-in-out; 
} 

.bg-lightgrey .sbox-2,
.bg-lightgrey .sbox-3,
.bg-lightgrey .sbox-5,
.bg-lightgrey .sbox-7 {
  background-color: #fff;
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

/*------------------------------------------*/
/*   SERVICE BOX TEXT
/*------------------------------------------*/

.sbox-4-txt {
  margin-top: 15px;
}

.sbox-5-txt {
  padding: 5px 20px 40px;
}

.sbox-7-txt {
  overflow: hidden;
  padding-left: 0px;
}

/*------------------------------------------*/
/*  SERVICE BOX TYPOGRAPHY
/*------------------------------------------*/

.sbox-1 h5 {
  margin-top: 22px;
  margin-bottom: 13px;
}

.sbox-2 h5 {
  letter-spacing: -0.5px;
  margin-top: 25px; 
  margin-bottom: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;  
}

.sbox-3 h5,
.sbox-5 h5 {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 0px;
}

.sbox-4 h5 {
  line-height: 1;
  margin-top: 25px;
  margin-bottom: 15px;
}

.sbox-6 h5 {
  margin-bottom: 10px;  
}

.sbox-7 h5 {
  line-height: 1;
  margin-bottom: 10px;  
  font-size: 18px;
}

/*------------------------------------------*/
/*  Service Box Paragraph
/*------------------------------------------*/

.sbox-1 p,
.sbox-2 p,
.sbox-4 p,
.sbox-7 p {
  line-height: 1.5;
  margin-bottom: 0;
  color: #585858;
  font-family: 'Muli', sans-serif;
} 

.sbox-3 p,
.sbox-5 p {
  color: #666;
  font-size: 0.925rem;
  line-height: 1.5;
  margin-bottom: 0;
} 

/*------------------------------------------*/
/*  Service Box Icon
/*------------------------------------------*/

.sbox-2-icon {
  color: #00a3c8;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;  
}

.sbox-3-icon {
  background-color: #1b6782;
  display: inline-block;
  width: 130px;
  height: 110px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.sbox-3-icon.st-blue-icon {
  background-color: #004861;
}

.icon-sm .sbox-3-icon [class*="flaticon-"]:before,
.icon-sm .sbox-3-icon [class*="flaticon-"]:after { 
  color: #fff;
  font-size: 60px;
  line-height: 110px!important;
}

.sbox-6-img {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}

.sbox-7 span {     
  float: left;
  text-align: center;
  margin-top: 4px;
  color: #CC0000;
}

.sbox-7 img{
   width: 50px;
    /* float: left; */
    text-align: center;
    margin-top: 4px;
    border-radius: 0%;
    margin-bottom: 20px;
}

/*------------------------------------------*/
/*   Services 7 Table
/*------------------------------------------*/ 

.services-7-table {
  background-color: #f9f9f9;
  border: 1px solid #f5f5f5;
  padding: 35px 40px 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.services-8-table {
  padding: 0 80px 0 40px;
  margin-bottom: 40px;
}
#services-7{
    background:#f9f9f9;
}

.services-7-table.blue-table {
  background-color: #00a3c8;
  border: 1px solid #00a3c8;
  color: #fff;
  box-shadow: none;
}

.services-7-table h5,
.services-7-table h4 {
  margin-bottom: 15px;
}

.services-8-table h4 {
  margin-bottom: 20px;
}

.services-8-table h5 {
  margin-bottom: 15px;
}

.services-8-table p {
  margin-bottom: 0;
}

.services-7-table table {
  margin-top: 15px;
  margin-bottom: 20px;
}

.services-8-table table {
  margin-top: 25px;
  margin-bottom: 25px;
}

.services-7-table.blue-table h5,
.services-7-table.blue-table h4,
.services-7-table.blue-table table {
  color: #fff;
}

.services-7-table .table td, .services-7-table .table th {
  font-size: 16px;
  padding: 16px 0;
  border-top: none;
  border-bottom: 1px dashed #aaa;
}

.services-7-table.blue-table .table td, 
.services-7-table.blue-table .table th {
  border-bottom: 1px dashed rgba(255, 255, 255, .6);
}

.services-8-table .table td, .services-8-table .table th {
  color: #fff;
  font-size: 16px;
  padding: 18px 0;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  border-top: none;
  border-bottom: 1px dashed rgba(255, 255, 255, .6);
}

.services-7-table .table .last-tr td, 
.services-7-table .table .last-tr th,
.services-8-table .table .last-tr td, 
.services-8-table .table .last-tr th {
  border-bottom: none;
}

/*------------------------------------------*/
/*   Services Owl Carousel Dots
/*------------------------------------------*/

.services-section .owl-theme .owl-dots .owl-dot span {
  background: transparent;
  border: 2px solid #004861;
}

.services-section .owl-theme .owl-dots .owl-dot.active span, 
.services-section .owl-theme .owl-dots .owl-dot:hover span {
  background: #004861;
}

/*------------------------------------------*/
/*  SERVICE DETAILS
/*------------------------------------------*/

.s1-page h3.h3-xl {
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}

.s2-page h3.h3-md {
  margin-bottom: 10px;
}

.s1-page h4.h4-md,
.s2-page h4.h4-sm {
  font-weight: 400;
  margin-bottom: 25px;
}

.s1-page h4.h4-lg {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 400;
  margin-bottom: 8px;
}

.s1-page h4.h4-lg span {
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 900;
  position: relative;
  top: 4px;
  left: 5px;
}

.s1-page h5 {
  color: #757575;
  font-weight: 400;
  margin-bottom: 0;
}

.s2-page h5.h5-md {
  margin-top: 15px;
  margin-bottom: 25px;
}

.s1-page .btn {
  margin-top: 35px;
  margin-bottom: 35px;
}

.s2-page .btn {
  margin-top: 20px;
  margin-bottom: 0;
}

.s2-page .pricing-table {
  margin-top: 40px;
  margin-bottom: 40px;
}


/* ==========================================================================
  TESTIMONIALS
  =========================================================================== */

.review-1 {
  margin: 0 5px 40px;
  padding: 0 10px;
} 

.review-2 {
  position: relative;
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 0 10px 40px;
  padding: 40px 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
} 

.bg-lightgrey .review-2 {
  background-color: #fff;
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
} 

/*------------------------------------------*/
/*    Testimonial Message Avatar 
/*------------------------------------------*/ 

#reviews-1 .testimonial-avatar { 
  display: inline-block;
  float: left;
}

/*------------------------------------------*/
/*    Testimonial Message Avatar 
/*------------------------------------------*/ 

#reviews-1 .testimonial-avatar img,
#reviews-2 .testimonial-avatar img {
  width: 55px;
  height: 55px;
  display: inline-block;
  margin: 0 15px 0 0; 
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

#reviews-2 .testimonial-avatar img {
  width: 100px;
  height: 100px;
  margin: 0 0 30px 0; 
}

/*------------------------------------------*/
/*   Testimonial Message Text
/*------------------------------------------*/

.review-1 p {
  color: #757575;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 300;
  font-style: italic;
  padding: 0 8px 6px;
} 

.review-2 p {
  color: #505050;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 300;
} 

.review-author h5 {
  font-size: 1.05rem;
  line-height: 1;
  padding-top: 10px;
  margin-bottom: 0px;
}

#reviews-2 .review-author h5 {
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 5px;
  padding-top: 10px;
  margin-bottom: 0px;
}

.review-author span {
  color: #777;
  font-size: 0.915rem;
  line-height: 1;
  font-weight: 400;
}

#reviews-2 .review-author span {
  color: #959595;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 4px;
}

/*------------------------------------------*/
/*   Testimonial Quote
/*------------------------------------------*/

.quote {
   width: 60px;
  height: 62px;
  margin-left: 5px;
  margin-bottom: -30px;
  position: relative;
  z-index: 3;
  opacity: .15;
}

.review-2 .quote {
  position: absolute;
  top: 54%;
  left: 50%;
  width: 100px;
  height: 103px;
  margin-left: -62px;
  margin-top: -60px;
  opacity: .14;
}

.review-2 .quote img{
    width: 100%;
}

/*------------------------------------------*/
/*   Services Owl Carousel Dots
/*------------------------------------------*/
.reviews-section .owl-theme .owl-controls{
    text-align: center;
}

.reviews-section .owl-theme .owl-dot{
    display: inline-block;
}

.reviews-section .owl-theme .owl-dots .owl-dot span {
  background: transparent;
  border: 2px solid #004861;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.reviews-section .owl-theme .owl-dots .owl-dot.active span, 
.reviews-section .owl-theme .owl-dots .owl-dot:hover span {
  background: #004861;
}


/* ==========================================================================
  22. BREADCRUMB
  =========================================================================== */

#breadcrumb {
  background-position: center center;
  margin-top: 4%;
}

.breadcrumb-holder {
  padding-top: 350px;
  padding-bottom: 25px;
  padding-left: 15px;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
}

/*------------------------------------------*/
/*  BREADCRUMB TYPOGRAPHY
/*------------------------------------------*/ 

.breadcrumb-holder h4 {
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 0;
  /*color: #3b86a0;*/
  color: #ffffff;
  font-size: 25px;
  /*text-shadow: 0px 0px 20px rgb(255 255 255 / 99%);*/
  /*text-shadow: 0px 0px 20px rgb(0 0 0 / 99%);*/
}

.breadcrumb-item a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  /*text-decoration: underline;*/
  text-shadow: 0px 0px 20px rgb(0 0 0 / 99%);
}

.breadcrumb-item a:hover {
  color: #ff7700;
}

.breadcrumb-item.active {
  color: #fbac18;
  font-size: 16px;
  font-weight: 400;
  margin-top: 2px;
}

.breadcrumb-item + .breadcrumb-item::before {
  font-size: 16px;
  display: inline-block;
  padding-right: 8px;
  margin-top: -2px;
  color: #fff;
  content: "\00bb";
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 10px;
}

/*------------------------------------------*/
/*  BREADCRUMB TYPOGRAPHY end
/*------------------------------------------*/ 


/* ==========================================================================
  CONTACTS
  =========================================================================== */

#contacts-1.bg-image {
  background-image: url(../images/contacts-1.jpg);
}

/*------------------------------------------*/
/*   CONTACT BOX
/*------------------------------------------*/ 
.contact-box{
    padding: 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}

.contact-box h5 {
      line-height: 1;
    font-weight: 400;
    margin-bottom: 7px;
    font-size: 15px;
}

.contact-box p {
  font-size: 16px;
  margin-bottom: 2px;
  font-weight: 300;
  line-height: 1.6;
}

.contact-box p a {
  font-weight: 500;
  color: #1b6782;
}

#contacts-2 h4.h4-md {
  line-height: 1.25;
  padding-right: 30px;
  margin-top: 20px;
  margin-bottom: 25px;
}

p.contact-notice {
  padding-right: 30px;
  margin-top: 25px;
  margin-bottom: 40px;
}

/*------------------------------------------*/
/*  CONTACT FORM 
/*------------------------------------------*/

#contacts-1 .contact-form { 
  
}

#contacts-2 .contact-form { 
  padding: 40px 20px 35px;
  margin: 0;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#contacts-2 .contact-form .col-md-6,
#contacts-2 .contact-form .col-md-12 { 
  padding: 0; 
}

.form-group {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  Contact Form Input
/*------------------------------------------*/

.contact-form .form-control,
.contact-form .custom-select {
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  height: 52px;
  font-size: 15px;
  line-height: 1;
  font-weight: 300;
  padding: 4px 15px;
  /*margin-bottom: 15px;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  box-shadow: none; 
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.contact-form .custom-select {
  display: inline-block;
  width: 100%;
  color: #777;
}

/*------------------------------------------*/
/*  Contact Form Textarea
/*------------------------------------------*/

.contact-form textarea { min-height: 200px; }
#contacts-2 .contact-form textarea { min-height: 140px; }
.contact-form textarea.form-control { padding: 20px 15px; }

/*------------------------------------------*/
/*  Contact Form Placeholder
/*------------------------------------------*/

.contact-form .form-control::-moz-placeholder { color: #777; } 
.contact-form .custom-select::-moz-placeholder { color: #777; } 
.contact-form .form-control:-ms-input-placeholder { color: #777; }
.contact-form .custom-select:-ms-input-placeholder { color: #777; }
.contact-form .form-control::-webkit-input-placeholder { color: #777; }
.contact-form .custom-select::-webkit-input-placeholder { color: #777; }

/*------------------------------------------*/
/*  Contact Form Input Focus
/*------------------------------------------*/

.contact-form .form-control:focus {
  background-color: #fff;
  border-color: #00a3c8;
  outline: 0px none;
  box-shadow: none;
}

/*------------------------------------------*/
/*  Contact Form Button
/*------------------------------------------*/

.contact-form .btn:focus {
  outline: 0px none;
  box-shadow: none;
}

/*------------------------------------------*/
/*  Contact Form Message
/*------------------------------------------*/

.contact-form label.error {
  color: #e74c3c;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
}

.contact-form-msg {
  width: 100%!important;
  display: block;
  text-align: center;
}

.contact-form .sending-msg {
  margin-top: 20px;
}

.contact-form .loading {
  color: #666;
  font-size: 17px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

/*contact page style end*/


/* ==========================================================================
  13. PRICING
  =========================================================================== */

/*------------------------------------------*/
/*   PRICING TABLE
/*------------------------------------------*/  

#pricing-1 .pricing-table {
  text-align: center;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  padding: 60px 50px;
  margin-top: 0;
  margin-bottom: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
}

.pricing-table {
  padding: 20px 25px 5px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
  margin-top: 25px;
}

#pricing-1.bg-lightgrey .pricing-table {
  background-color: #fff;
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.pricing-table .table td, .pricing-table  .table th {
  padding: 12px 10px;
  border-top: none;
  border-bottom: 1px solid #ddd;
}

.pricing-table .table td ul, 
.pricing-table  .table th ul{
    list-style: disc;
}

.pricing-table .table td ul li, 
.pricing-table  .table th ul li{
    line-height: 2;
}

.pricing-table .table .last-tr td, 
.pricing-table .table .last-tr th {
  border-bottom: none;
}

.pricing-table td span {
  font-weight: 700;
}

/*------------------------------------------*/
/*    Pricing Table Price Plan
/*------------------------------------------*/

#pricing-1 .pricing-table h5 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.pricing-table span.price {
  font-size: 70px;
  font-family: 'Lato', sans-serif;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.pricing-table sup {
  font-size: 45px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  top: -7px;
  right: 2px;
}

.pricing-plan p {
  color: #888;
  margin-top: 10px;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*    Pricing Table Body
/*------------------------------------------*/

#pricing-1 .pricing-table ul.features {
  padding: 25px 0 35px;
}

#pricing-1 .pricing-table ul.features li {
  color: #777;
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  padding: 9px 0;
}

#pricing-1 .pricing-table ul.features li:last-child {
  border-bottom: none;
}

/*------------------------------------------*/
/*   More Pricing Button
/*------------------------------------------*/

.all-pricing-btn {
  margin-top: 10px;
}

#pricing-1 .all-pricing-btn {
  margin-top: 30px;
}

/*------------------------------------------*/
/*  Pricing Notice Text
/*------------------------------------------*/

.all-pricing-btn p {
  padding: 0 5%;
  margin-bottom: 30px;
}

.all-pricing-btn p span {
  font-weight: 700;
  margin-right: 5px;
}

/*------------------------------------------*/
/*   PRICING IMAGE
/*------------------------------------------*/ 

.pricing-img {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}

.pricing-img img {
  max-width: none;
  display: inline-block;
}

/* ==========================================================================
  FOOTER
  =========================================================================== */

#footer-1 .footer-box {
  padding-left: 10%;
}

.footer.bg-image {
  /*background-image: url(../images/footer-bg.jpg);*/
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
  /*border-top: 2px solid #ff7700;*/
  background-color:#004AAD;
      padding-bottom: 20px;

}
.footer-socials-links{
    padding-left:10%;
}
.bg1{
    /*border-right: 1px solid #bfb2b2;*/
}
.university-btn{
    background: #ff7700;
    color: #fff;
}
.university-btn:hover{
    background: #ff7700;
    color: #fff;
}
/*------------------------------------------*/
/*   FOOTER TYPOGRAPHY
/*------------------------------------------*/

.footer h5.h5-xs {
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 14px;
    font-size: 19px;
    font-weight: 400;
}

#footer-2 .footer-info p {
  font-weight: 400;
  margin-bottom: 3px;
}

.footer-box p {
  font-size: 14px;
  margin-bottom: 3px;
}

.footer-box p span {
  color: #444;
  font-size: 14px;
  font-weight: 500;
}

.footer-box h5.h5-xl {
  font-weight: 900;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

#footer-2 p.foo-email {
  margin-top: 30px;
  margin-bottom: 5px;
}

p.foo-email a {
  font-weight: 500;
  text-decoration: underline;
}

p.footer-copyright {
        font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
    padding-top: 12px;
}

p.footer-copyright a{
    color: #fff;
    font-weight: 800;
}

p.footer-copyright span {
  font-weight: 700;
}

.footer.bg-image h5.h5-xs,
.footer.bg-image p.foo-email a {
  color: #fff;
}

.footer.bg-image .footer-box p,
.footer.bg-image .footer-info p,
.footer.bg-image .footer-links li a,
.footer.bg-image p.footer-copyright {
  color: #fff;
  font-family: 'Muli', sans-serif;
}

.footer.bg-image .footer-box p span,
.footer.bg-image p.footer-copyright span {
  color: #fff;
  font-family: 'Muli', sans-serif;
}
.foter-logo2{
    width: 180px;
    padding: 10px;
    /*background: #6ea0cd;*/
}

/*------------------------------------------*/
/*   FOOTER LINKS
/*------------------------------------------*/

.footer-links li {
  font-size: 14px;
  width: auto !important;
  display: block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0 0 9px 0;
  padding: 0;
}

.footer-links li a:hover {
  color: #000;
  text-decoration: underline;
}

/*------------------------------------------*/
/*   FOOTER SOCIAL LINKS
/*------------------------------------------*/

.foo-socials {
  display: inline-block; 
  padding-left: 0;
  margin: 0 auto 0;
}

.foo-socials li {
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0 0 8px 0;
  padding: 0;
}

.foo-socials a {
  display: block;
  background-color: transparent;
  border: 2px solid #666;
  width: 36px;
  height: 36px;
  color: #666;
  font-size: 16px;
  line-height: 34px!important;
  margin-right: 4px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;  
}

.footer.bg-image .foo-socials a {
  border: 2px solid #fff;
  color: #fff;
}
.footer.bg-image .foo-socials a img, .headertopright a img{
    width: 15px;
    margin-top: -6px;
}

.foo-socials a.ico-facebook:hover { background-color: #FF0000; border-color: #FF0000; color: #fff; }
.foo-socials a.ico-twitter:hover { background-color: #00a9ed; border-color: #00a9ed; color: #fff; }
.foo-socials a.ico-instagram:hover { background-color: #dc3c59; border-color: #dc3c59; color: #fff; }
.foo-socials a.ico-dribbble:hover { background-color: #d92d84; border-color: #d92d84; color: #fff; }
.foo-socials a.ico-behance:hover { background-color: #2473f6; border-color: #2473f6; color: #fff; } 
.foo-socials a.ico-pinterest:hover { background-color: #ac281a; border-color: #ac281a; color: #fff; }
.foo-socials a.ico-linkedin:hover { background-color: #015886; border-color: #015886; color: #fff; }
.foo-socials a.ico-google-plus:hover { background-color: #cd1111; border-color: #cd1111; color: #fff; } 
.foo-socials a.ico-youtube:hover { background-color: #cd1b20; border-color: #cd1b20; color: #fff; } 
.foo-socials a.ico-tumblr:hover { background-color: #3a5976; border-color: #3a5976; color: #fff; }
.foo-socials a.ico-vk:hover { background-color: #3b5998; border-color: #3b5998; color: #fff; }
.foo-socials a.ico-yahoo:hover { background-color: #7b0099; border-color: #7b0099; color: #fff; }
.foo-socials a.ico-yelp:hover { background-color: #d32323; border-color: #d32323; color: #fff; }

/*------------------------------------------*/
/*   FOOTER NEWSLETTER FORM
/*------------------------------------------*/

.footer-form .form-control {
  height: 48px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-right: none;
  color: #333;
  font-size: 1rem;
  padding: 0 15px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

/*------------------------------------------*/
/*    Newsletter Form Input Focus
/*------------------------------------------*/

.footer-form .form-control:focus {
  border: 1px solid #ccc;
  border-right: none;
  outline: 0;
  box-shadow: none;
}

/*------------------------------------------*/
/*    Newsletter Form Button
/*------------------------------------------*/

.footer-form .btn {
  height: 48px;
  color: #aaa;
  background-color: #fff;
  border: 1px solid #ccc;
  border-left: none;
  font-size: 1.45rem;
  line-height: 1!important;
  padding: 0 15px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

/*------------------------------------------*/
/*    Newsletter Form Notification
/*------------------------------------------*/

.footer-form .form-notification {
  font-size: 0.925rem;
  font-weight: 400;
  line-height: 1;
  margin-top: 15px;
  margin-left: 5px;
}

/*------------------------------------------*/
/*    FAQ page
/*------------------------------------------*/
.faq .questions {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 12px 15px;
    /*color: #7288a2;*/
    font-size: 16px;
    line-height: 37px;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
}

.faq {
    padding: 0 16%;
}

.faq .questions:hover,
.faq .questions:hover::after {
    cursor: pointer;
    /*color: #337ab7;*/
}

.faq .questions.active {
    /*color: #337ab7;*/
    border-bottom: 1px solid #337ab7;
}

.faq .questions::after {
    font-family: 'Ionicons';
    content: '\f218';
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 14px;
    /*color: #7288a2;*/
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

.faq .questions.active::after {
    font-family: 'Ionicons';
    content: '\f209';
    /*color: #337ab7;*/
}

.faq .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    clear: both;
    -webkit-transition: all 0.2s ease 0.15s;
    -o-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;
}

.faq .content p {
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    line-height: 37px;
}

.faq .content.active {
    opacity: 1;
    padding: 1rem;
    max-height: 100%;
    -webkit-transition: all 0.35s ease 0.15s;
    -o-transition: all 0.35s ease 0.15s;
    transition: all 0.35s ease 0.15s;
}

@media (max-width: 767px) {
    .faq {
        padding: 0 1%;
    }

    .faq .questions {
        text-align: left;
    }
}

/*------------------------------------------*/
/*   BOTTOM FOOTER
/*------------------------------------------*/

.bottom-footer {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: 25px;
  padding-bottom: 11px;
}

.footer.bg-image .bottom-footer {
  border-top: 1px solid #16739d;
}




h5.h5-md {
    font-size: 22px;
}

h5.h5-md span{
    color: #78a3b3;
}

/* pricing table end */
@media(max-width:1024px){
    .headertopbtn {
        width: 50%;
        float: right;
        text-align: right;
    }
    .headertopright {
        width: 30%;
        float: left;
        text-align: right;
    }
    .headertopleft {
        width: 20%;
        float: left;
        text-align: right;
    }
    .main-menu ul li {
        float: left;
        margin: 0 8px;
        padding: 7px 0 14px;
        position: relative;
        text-transform: capitalize;
    }
    .single-slide .text-content h1 {
        color: #ffffff;
        font-size: 40px;
        text-shadow: 0px 0px 10px #000000;
        line-height: 60px;
    }
    .owl-carousel .owl-item .item a.bg-event1 {
        /* height: 250px; */
        display: block;
        width: 307px;
    }
}

@media(max-width:912px){
    .logo img {
        transition: all 0.5s ease 0s;
        width: auto;
        padding: 0px;
        /* height: 84px; */
        position: absolute;
        top: 0px;
        /* border-radius: 10px; */
        /*background: #73aad3;*/
        padding: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .mobile-menu-area {
        background: #004AAD none repeat scroll 0 0;
    }
    .header-sticky.sticky {
        height: 54px;
        -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        background: #ff7700 none repeat scroll 0 0;
        left: 0;
        padding: 0px 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .single-slide .text-content h1 {
        color: #ffffff;
        font-size: 27px;
        text-shadow: 0px 0px 10px #000000;
        line-height: 60px;
    }
    .footer-socials-links {
        padding-left: 0%;
        margin-bottom: 4%;
    }
    #footer-1 .footer-box {
        padding-left: 0%;
        margin-top: 4%;
    }
}

@media(max-width:991px){
    .slider-area {
        position: relative;
        overflow: hidden;
        /*height: 42%;*/
    }
    #lab_report {
        top: 29.55%;
        color: white;
        background-color: #1b6782;
    }
    
    .small-sec {
        position: absolute;
        right: 0px;
        left: 0px;
        margin: auto;
        z-index: 1;
    }

    .home-article{
        padding: 0px;
        padding-top: 30px;
    }

    .small-sec .packages{padding: 5px}
    
    .owl-carousel .owl-item .item a.bg-event1 {
        height: 220px;
        display: block;
        width: 345px;
    }
    .d-flex{
    display: block;
    }
    
}

@media(max-width:768px){
    .logo {
        position: relative;
        z-index: 9;
        height: 70px;
        top: -9px;
    }

    .packages {
        background: #0687db;
        padding: 6px 15px 11px;
        position: relative;
        top: -36px;
        left: -20px;
        width: 113%;
    }
    .owl-carousel .owl-item .item a.bg-event1 {
        height: 220px;
        display: block;
        width: 335px;
    }
    .container {
        width: unset;
    }
}

@media (max-width:540px){
    .logo {
        position: relative;
        z-index: 9;
        height: 37px;
        top: -9px;
    }
    .logo img {
        transition: all 0.5s ease 0s;
        width: 120px;
        padding: 0px;
        /* height: 84px; */
        position: absolute;
        top: 0px;
        /* border-radius: 10px; */
        /*background: #73aad3;*/
        padding: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .slider-area {
        height: 303px;
        padding: 0px;
    }
    .home-article h2 {
        font-size: 24px;
        /*font-family: 'Muli', sans-serif;*/
        /*color: #1b6782;*/
        text-align: center;
    }
    .home-article p {
        font-size: 16px;
        color: #000;
        line-height: 30px;
        /* text-align: center; */
    }
    .header-sticky.sticky .logo img {
        width: 76px;
        top: 11px;
    }
    .breadcrumb-holder {
        padding-top: 70px !important;
        padding-bottom: 30px !important;
    }
}

@media(max-width:414px){
    .owl-carousel .owl-item .item a.bg-event1 {
        height: 220px;
        display: block;
         width: 355px; 
    }
}

@media(max-width:412px){
    .slider-area {
        height: 230px;
        padding: 0px;
    }
    .home-article h2 {
        font-size: 20px;
        /*font-family: 'Muli', sans-serif;*/
        /*color: #1b6782;*/
        text-align: center;
    }
}

@media(max-width:375px){
    .slider-area {
        height: 210px;
        padding: 0px;
    }
}
@media only screen and (min-device-width: 300px) and (max-device-width: 767px){
    
/* Style the links inside the sidenav */
#mySidenav a {
    position: fixed;
    right: 0px;
    transition: 0.3s;
    padding: 5px;
    min-width: 100px;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
    font-size: 12px;
    border-radius: 0px 0px 0px 20px;
}
.footer-copyright {
    font-size: 12px;
    margin-bottom: 15px;
}
#mySidenav a:hover {
  right: 0;
}

#teleMedicine {
  top: 28%;
  color:#034a98;
  background-color:#ffff00;
}

#lab_report {
  top: 34%;
  color: white;
  background-color:#1b6782;
} 
}
#contactForm div[id^="input-"]{
margin-bottom:2rem;
}