/*-----------------------------------------------------------------------------------

    Template Name: Mediplus HTML5 Responsive Template
    Author: shohag4y    
    Version: 1.1

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    01. Theme Default CSS
    02. Home Page
    03. About Us page
    04. Department  page
    05. Department details page
    06. Team  page  css 
    07. Procedure  page  css 
    08. Procedure Details  page  css
    09. Contact  page  css
    10. Mobile Menu css


---------------------*/

/*----------------------------*/

/*-------1 Theme Default CSS  ----*/

/*---------------------------*/

* {
    margin: 0;
    padding: 0;
}

body {
    color: #666666;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    background: #fff;
    font-size: 18px;
}

p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    font-weight: 300;
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

img {
    max-width: 100%;
    height: auto
}

.fix {
    overflow: hidden
}


strong {
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    margin-bottom: 10px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
}

input,
button {
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

a {
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #444;
}

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

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

.ptb-15 {
    padding: 15px 0px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.ptb-180 {
    padding: 180px 0px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-20 {
    margin-top: 30px;
}

.p-20 {
    padding: 20px
}

.mb-70 {
    margin-bottom: 70px;
}

.bg-1 {
    background: #fafafa
}

.bg-fff {
    background: #fff
}

.fs-20 {
    font-size: 20px;
    line-height: 35px;
}

.col-dark {
    color: #444
}

.container {
    max-width: 1200px;
}

.area-heading {
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.head-des {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

.second-btn {
    background: #1fd7ea!important
}

.bg-three {
    background-image: url(img/bg/team-action-bg.jpg)!important
}

.bc-pro {
    background-image: url(img/bg/pro-bc.jpg)!important
}

/*----------------------------*/

/*-------2 Home Page css   ----*/

/*---------------------------*/

.top-bar {
    background: #e9edf0;
}

.top-contact a i {
    margin-right: 3px;
}

.seperator {
    color: #cecece;
    padding: 0 20px 0 16px;
}

.top-bar a {
    color: #444;
    display: inline-block;
}

.top-contact {
    padding: 12px 0px;
}

.midi-plus-menu:hover {
    background: #b2d557;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.42);

}

.mediplus-btn.second-btn:hover {
    background: #a5ce3a !important;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.42);
}

.mediplus-btn:hover {
    color: #fff;
    background: #2dc4d4;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.42);
}

.top-bar-social li {
    display: inline-block;
    position: relative;
    margin-right: 9px;
}

.top-bar-social li:last-child {
    margin-right: 0px;
}

.g-plus a {
    border: 1px solid #f14033;
}

.behance a {
    border: 1px solid #1a6ff8;
}

.dribble a {
    border: 1px solid #e64b86;
}

.linked a {
    border: 1px solid #177eb8;
}

.twinkle a {
    border: 1px solid #23a9e6;
}

.g-plus a {
    color: #f14033;
}

.behance a {
    color: #1a6ff8;
}

.dribble a {
    color: #e64b86;
}

.linked a {
    color: #177eb8;
}

.twinkle a {
    color: #23a9e6;
}

.g-plus a:hover {
    background-color: #f14033;
    color: #fff
}

.behance a:hover {
    background-color: #1a6ff8;
    color: #fff
}

.dribble a:hover {
    background-color: #e64b86;
    color: #fff
}

.linked a:hover {
    background-color: #177eb8;
    color: #fff
}

.twinkle a:hover {
    background-color: #23a9e6;
    color: #fff
}

.top-bar-social li a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    width: 30px;
    border-radius: 50px;
}

.top-bar-social {
    padding-top: 10px;
    float: right;
}

/*------Heading-Box---------*/

.heading-box {
    margin-bottom: 45px;
}

/*------Menu area css ------*/

.logo {
    margin-top: 27px;
    z-index: 999;
}

.ap-mnu-inner {
    position: absolute;
    top: 100%;
    width: 280px;
    background: #fff;
    padding: 20px 0px;
    border-radius: 0 0 5px 5px;
    display: block;
    text-align: center;
    z-index: 999;
}

.menu-area {
    background: #fff
}

@media ( min-width: 768px) {

    .mainmenu li {
        display: inline-block;
        position: relative;
    }

.mainmenu li a {
	font-size: 20px;
	text-transform: capitalize;
	padding: 36px 20px;
	display: block;
	position: relative;
}

    .mainmenu li a:after {
        position: absolute;
        content: '';
        top: 91px;
        left: 50%;
        width: 29px;
        height: 50px;
        background-image: url(img/icon/menu-doc.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
        margin-left: -10px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .mainmenu li:hover a:after,
    .mainmenu li.active a:after {
        position: absolute;
        content: '';
        top: 59px;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .mainmenu li a:hover,
    .mainmenu li.active a {
        color: #a5ce3a;
    }

    .sub-menu {
        position: absolute;
        z-index: 99999;
        background: #fff;
        width: 169px;
        -webkit-box-shadow: 0px 20px 20px 0px rgba(80, 100, 126, 0.4);
        box-shadow: 0px 20px 20px 0px rgba(80, 100, 126, 0.4);
        top: 115%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        text-align: left;
        right: 0;
    }

    .sub-menu li {
        position: relative
    }

    .mainmenu .sub-menu li a:after {
        display: none
    }

    .mainmenu .sub-menu a:hover {
        background: #b2d557;
        color: #fff;
        border-color: #b2d557;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .mainmenu li:hover .sub-menu {

        visibility: visible;
        top: 100%;
        opacity: 1;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .sub-menu li a {
        position: relative
    }

    .sub-menu li {
        display: block;
    }

    .mainmenu .sub-menu a {
        padding: 10px;
        font-size: 16px;
        color: #656f73;
        border-bottom: 1px solid #f4f4f4;
        padding-left: 20px;
    }
}

nav {
    text-align: right;
}

.search {
    position: relative;
    top: 35px;
    float: right;
}

.search-input {
    visibility: hidden;
    border: 2px solid #a5ce3a;
    position: absolute;
    right: 40px;
    padding: 7px 10px;
    top: -6px;
    width: 275px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    border-radius: 25px;
    z-index: 8;
}

.search-input.active {
    visibility: visible;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 1
}

.midi-plus-menu {
    background: #1fd7ea;
    color: #fff;
    padding: 14px 16px;
    border-radius: 5px;
    font-size: 18px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

.midi-plus-menu:hover {
    color: #fff;
}

.modal-body {
    padding: 0;
}

.close {
    font-size: 46px;
    line-height: 0px;
    color: #586f1d;
    margin-top: 12px;
}

button.close {
    padding: 6px;
}

.close:focus,
.close:hover {
    color: #5c7a11;
}

.modal-open .modal {
    z-index: 999999999;
}

/*--------Mobile menu area css------*/

/*.mobile-menu {display: none;}*/

.mobile-menu-wrapper {
    display: none;
}

/*-------Slider area css -----------*/

.home_slider .home_item {
    width: 100%;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
}

.home_slider .home_item h2 {
    color: #ffffff;
    font-size: 60px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}

.home_slider .home_item .dis-inline {
    margin-top: 50px;
}

.home_slider .home_item .dis-inline a {
    margin: 0 5px;
}

.owl-item.active .home_item h2 {
    -webkit-animation: 1s .8s fadeInUp both;
    animation: 1s .8s fadeInUp both;
}

.owl-item.active .home_item .desc {
    -webkit-animation: 1s 1s fadeInUp both;
    animation: 1s 1s fadeInUp both;
}

.owl-item.active .home_item .dis-inline a {
    -webkit-animation: 1s 1.2s fadeInUp both;
    animation: 1s 1.2s fadeInUp both;
}

.home_slider .owl-nav > div {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 50px;
    height: 50px;
    text-align: center;
    color: #ffffff;
    background-color: #1fd7ea;
    border-radius: 0 3px 3px 0;
    line-height: 50px;
    font-size: 24px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.home_slider .owl-nav > div:focus,
.home_slider .owl-nav > div:hover {
    background-color: #a5ce3a;
}

.home_slider .owl-nav > div.owl-next {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px;
}

/*-------About area css ----------*/

.about-area {
    padding: 75px 0;
}

.about-top {
    margin-bottom: 65px;
}

.section-heading {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
}

.single-about {
    padding: 30px 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.single-about:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 3px;
    background-color: #1fd7ea;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.single-about:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
        transform: scaleX(1);
}

.single-about:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);

}

.single-about .icon {
    width: 60px;
    height: 60px;
    margin: auto;
    line-height: 3.5em;
}

/*---Call to action one css-------*/

.call-to-action {
    padding: 50px 0;
    background-image: url(img/bg/bg-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.action-text h5 {
    font-size: 25px;
    color: #fff;
}

.action-text p {
    color: #fff;
    font-size: 18px;
}

.mediplus-btn {
    color: #fff;
    background: #a5ce3a;
    padding: 15px 30px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}

.mediplus-btn:hover {
    color: #fff
}

.call-to-action .mediplus-btn {
    float: right;
}

/*----Popular department area css----*/

.populer-depertmet-area {
    background: #eaf6fa;
    padding: 75px 0px;
}

.sin-dep h6 {
    font-size: 20px;
}

.department-det {
    background: #fff;
    padding: 22px 20px 35px;
}

.sin-dep {
    -webkit-box-shadow: 0px 12px 1px 0px rgba(123, 147, 149, 0.1);
    box-shadow: 0px 12px 1px 0px rgba(123, 147, 149, 0.1);
    border-radius: 5px;
    overflow: hidden;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.sin-dep:hover {
    -webkit-box-shadow: 0px 20px 30px 0px rgba(117, 151, 155, 0.25);
    box-shadow: 0px 20px 30px 0px rgba(117, 151, 155, 0.25);
}

.populer-depertmet-area .owl-carousel .owl-stage-outer {
    padding-bottom: 35px;
}

.populer-depertmet-area .owl-theme .owl-dots .owl-dot span {
    background: #dfdfdf;
    opacity: 1;
}

.populer-depertmet-area .owl-theme .owl-dots .owl-dot.active span,
.populer-depertmet-area .owl-theme .owl-dots .owl-dot:hover span {
    background: #1fd7ea;
}

/*---Feature area css -----*/

.features-area {
    padding: 75px 0px
}

.feature-icon {
    float: left;
}

.feature-text {
    overflow: hidden;
    padding-left: 25px;
}

.feature-text h6 {
    font-size: 20px;
}

.sin-feature {
    border-bottom: 1px solid #1fd7ea;
    padding: 50px 0;
    border-top: 1px solid #fcfcfc;
}

.sin-feature:hover {
    border-bottom: 1px solid #a5ce3a;
}

/*------Appointment area css------*/

.appointment-area {
    background-image: url(img/bg/appointment.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 75px 0;
}

.appointment-area .area-heading {
    text-align: left;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    margin-top: 115px;
}

.appointment-area p {
    color: #fff;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
}

.appointment-form-wrapper {
    position: relative
}

.appointment-form-wrapper::after {
    position: absolute;
    left: -22px;
    top: -10px;
    width: 24px;
    height: 49px;
    content: '';
    background-image: url(img/icon/app-left.png);
    background-repeat: no-repeat;
}

.appointment-form-wrapper::before {
    position: absolute;
    right: -24px;
    top: -10px;
    width: 24px;
    height: 49px;
    content: '';
    background-image: url(img/icon/app-right.png);
    background-repeat: no-repeat;
}

.appointment-form-wrapper h3 {
    color: #1fd7ea;
    font-size: 30px;
    margin-bottom: 30px;
    padding-left: 15px;
}

.appointment-form-wrapper input {
    border: 2px solid #ececec;
    width: 100%;
    height: 45px;
    padding-left: 20px;
    margin-bottom: 20px;
}

.appointment-form-wrapper select {
    border: 2px solid #ececec;
    width: 100%;
    height: 45px;
    padding-left: 20px;
    margin-bottom: 20px;
}

.appointment-form-wrapper textarea {
    border: 2px solid #ececec;
    width: 100%;
    height: 45px;
    padding-left: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
    height: 80px;
}

.appointment-form-wrapper {
    background: #fff;
    padding: 30px 25px;
    border-top: 10px solid #18c0d1;
    margin: 0px 10px;
}

.appointment-form-wrapper input[type="checkbox"] {
    display: inline;
    float: left;
    width: 15px;
    height: 26px;
}

.app-checkbox {
    float: left;
}

.appointment-form-wrapper button {
    display: inline-block;
    border: none;
    background: #a5ce3a;
    color: #fff;
    padding: 12px 24px;
    float: right;
    margin-top: 7px;
    cursor: pointer;
}

.notification {
    color: #dadada;
    margin-left: 10px;
}

.appointment-form-wrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background: #fff url("img/icon/caret.png") no-repeat scroll 95%;
}

#googleMap {
    height: 450px;
}

/*-----Video area css--------*/

.video-area {
    padding: 75px 0px;

}

.video-info a {
    color: #fff;
    background: #ff7878;
    padding: 2px 15px;
    border-radius: 50px;
    font-size: 12px;
    display: inline-block;
}

.video-info a i {
    margin-right: 3px;
}

.video-info p {
    font-size: 14px;
    color: #888888;
    padding-left: 14px;
    display: inline-block;
    font-weight: 700;
}

.video-info {
    overflow: hidden;
    margin-top: 80px;
    text-align: center;
}

.video-wrap {
    -webkit-box-shadow: 0px 25px 50px 0px rgba(65, 82, 85, 0.15);
    box-shadow: 0px 25px 50px 0px rgba(65, 82, 85, 0.15);
    border: 10px solid #fff;
    margin-top: 50px;
    background-image: url(img/bg/video-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 510px;
    text-align: center;
}

.parlor_video.vbox-item {
    width: 90px;
    margin: 0 auto;
    font-size: 68px;
    color: red;
}

/*-----Doctor area css -------*/

.doctors-area {
    padding: 75px 0 70px;
    background: #eaf6fa;
}

.sin-doctor h6 a {
    font-size: 20px;
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
}

.sin-doctor {
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(38, 51, 52, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(38, 51, 52, 0.07);
    margin-bottom: 30px;
}

.sin-doc-det {
    padding-left: 10px;
    padding-top: 25px;
    text-align: left;
}

.sin-doctor p {
    color: #444;
    margin-bottom: 10px;
    line-height: 18px;
}

.sin-doc-det a {
    display: block;
    color: #444;
    font-size: 16px;
}

.sin-doc-det a i {
    margin-right: 5px;
}

.view-btn {
    text-align: center
}

.sin-doc-det .view-btn a {
    background: #1fd7ea;
    color: #fff !important;
    display: inline-block;
    text-align: center;
    padding: 5px 12px;
    border-radius: 5px;
    margin-top: 19px;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.sin-doc-det .view-btn a:hover {
    background: #a5ce3a;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}


/*------Testimonial area css---------*/

.testimonial-area {
    padding: 75px 0px;
}

.testimonial-area .head-des {
    padding-bottom: 0px;
}

.sin-testimonial {
    text-align: center;
    padding: 80px 40px;
    border: 1px solid #ececec;
    position: relative;
    border-radius: 3px;
    -webkit-box-shadow: 0px 12px 1px 0px rgba(123, 147, 149, 0.1);
    box-shadow: 0px 12px 1px 0px rgba(123, 147, 149, 0.1);
}

.sin-testimonial::after {
    content: ;
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    top: -25px;
    left: 50%;
    margin-left: -30px;
    background-image: url(img/icon/quate.png);
    background-size: auto;
    background-repeat: no-repeat;
}

.tes-img {
    position: absolute;
    bottom: -34px;
    left: 50%;
    border-radius: 50px;
    overflow: hidden;
    width: 66px;
    height: 66px;
    margin-left: -33px;
}

.sin-testimonial p {
	margin-bottom: 40px;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}

.sin-testimonial span {
    display: block;
    font-size: 18px;
    color: #888;
}

.sin-testimonial .test-name {
    font-size: 16px;
    color: #444;
    margin-bottom: 4px;
    line-height: 4px;
}

.testimonial-carousel .item {
    padding: 53px 15px;
}

/*----Call to action area two -------*/

.call-to-two {
    padding: 75px 0px;
    background-image: url(img/bg/action.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
}

.call-to-two .area-heading {
    color: #fff;
    font-weight: 700;
}

.call-to-two .head-des {
    color: #fff;
    margin-bottom: 50px;
}

/*----News area css -----------*/

.latest-news-area {
    padding: 75px 0px;
}

.news-detail p {
    margin-top: 10px;
}

.news-img a {
    background: #a5ce3a;
    color: #fff;
    font-size: 12px;
    padding: 5px 5px;
}

.news-tag {
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.news-img {
    position: relative;
}

.news-img .btn-right {
    background: #1fd7ea;
}

.news-detail h5 {
    font-size: 20px;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
}

.news-detail {
    padding: 30px 16px;
}

.news-detail span a {
    color: #46aeff;
}

.latest-news-area .area-heading,
.latest-news-area .head-des {
    text-align: left;
}

.sin-news {
    border-bottom: 10px solid rgba(123, 147, 149, 0.1);
}

/*---About US area two --------*/

.about-us-two {
    padding: 75px 0px;
    background-image: url(img/bg/about-two-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.about-us-two .area-heading,
.about-us-two .head-des,
.about-us-two p {
    text-align: left;
}

.about-us-two .head-des {
    line-height: 30px;
    padding-bottom: 10px;
}

.about-us-two .mediplus-btn {
    margin-top: 45px;
}

/*---Contact Info css ---------*/

.contact-info-area h5 {
    text-align: center;
    margin-bottom: 15px;
}

.contact-info-area .area-heading {
    margin-bottom: 15px;
}

.contact-info-area {
    padding: 75px 0;
}

.sin-con-info {
    text-align: center;
}

.info-icon {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    background: #677fe5;
    line-height: 74px;
    border-radius: 50px;
    border: 2px solid #fff;
    position: relative;
}

.info-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: red;
    content: '';
}

.info-icon::after {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #fff;
    content: '';
    z-index: -1;
    border-radius: 50px;
    left: -11px;
    top: -11px;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.sin-con-info:hover .info-icon:after {

    background: #a5ce3a;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;

}

.sin-con-info p {
    font-size: 18px;
    padding: 0px 22px;
}

.sin-con-info a {
    display: block;
    font-size: 18px;
    color: #888;
}

.info-icon {
    margin-bottom: 25px;
}

/*----Footer area css--------*/

.footer-wid-area {
    background: #1b202a;
    color: #b2b6bb !important;
    padding: 75px 0 75px;
}

.footer-about p {
    color: #b2b6bb;
    margin-top: 25px;
    margin-bottom: 20px;
}

.sin-widget h5 {
    font-size: 18px;
    color: #fefefe;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 35px;
}

.wid-ins li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.wid-ins {
    margin-right: -10px;
}

.wid-tag li {
    float: left;
    border: 1px solid #2c323f;
    margin-right: 10px;
    margin-bottom: 10px;
}

.wid-tag li a {
    padding: 3px 13px;
    display: block;
    color: #b2b6bb;
}

.wid-tag li a:hover {
    background: #ccc;
    color: #1b202a;
}

.sin-wid-post {
    display: block;
    overflow: hidden;
    margin-bottom: 18px;
}

.sin-wid-post img {
    float: left
}

.wid-post-right {
    padding-left: 15px;
    overflow: hidden;
}

.wid-post-right p {
    font-size: 16px;
    color: #b2b6bb;
    line-height: 15px;
    margin-bottom: 0px;
}

.wid-post-right span {
    font-size: 14px
}

/*---------Footer area css-----------*/

.footer-menu li {
    display: inline-block;
    padding: 0 18px;
    border-left: 2px solid #b2b6bb;
    line-height: 16px;
}

.footer-menu ul {
    float: right;
}

.footer-bottom {
    background: #151922;
    padding: 30px 0;
}

.footer-menu li a {
    color: #b2b6bb
}

.footer-menu li a:hover {
    text-decoration: underline;
}

.footer-menu li:first-child {
    border-left: 0px solid
}

.footer-left p {
    color: #b2b6bb;
    margin-bottom: 0;
}

.footer-about a {
    color: #b2b6bb;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.footer-about span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.footer-about .f-reg {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

/*----------------------------*/

/*-------3 About Us page css   ----*/

/*---------------------------*/

.breadcrumb-area {
    background-image: url(img/bg/breadcrumb-about.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0px 80px;
    text-align: center;
    color: #fff;
    z-index: 99;
    position: relative;
    padding: 100px 0px;
}

.bread-crumb li {
    display: inline;
    color: #fff;
    font-size: 20px;
}

.bread-crumb li a {
    color: #fff;
}

.breadcrumb-area h2 {
    color: #fff;
    font-size: 50px;
    font-family: 'Roboto', sans-serif;
}

.breadcrumb-area .mediplus-btn {
    margin: 20px 8px 0px;
}

.heading-two {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
}

.font-green {
    color: #a5ce3a
}

.font-sky {
    color: #1fd7ea!important
}

.about-logo li {
    display: inline;
    margin-right: 56px;
}

.about-logo li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.about-logo li a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.about-content p {
    font-size: 18px;
    line-height: 30px;
}

.dep-det-video {
    margin-bottom: 35px;
}

.about-logo {
    margin-top: 40px;
}

.about-img-wrapper {
    -webkit-box-shadow: 0px 0px 100px 0px rgba(59, 68, 84, 0.07);
    box-shadow: 0px 0px 100px 0px rgba(59, 68, 84, 0.07);
    padding: 15px;
    border-radius: 5px;
}

.first-about-area {
    padding-top: 100px;
}

.welcome-about {
    padding-top: 100px;
}

.about-content {
    margin-top: 30px;
}

.welcome-about p {
    font-size: 18px;
    line-height: 28px;
}

.s-about p {
    font-size: 16px!important;
    line-height: 25px;
    padding-bottom: 5px;
}

.s-about h4 {
    font-size: 25px;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
    margin-top: 18px;
}

.s-about a {
    color: #25c9ff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.app-two input {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
}

.app-two input {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #fff;
    margin-bottom: 10px;
}

.welcome-about p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
}

.appointment-form-two p {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

.app-two textarea {
    width: 100%;
    padding: 10px;
    min-height: 120px;
    border: 1px solid #fff;
}

input[type="submit"] {
    background: #1fd7ea;
    border: 1px solid #1fd7ea;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.appointment-form-two {
    background: #a5ce3a;
    padding: 30px;
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 20px;
}

.appointment-form-two input[type="submit"] {
    background: #1fd7ea;
    border: 1px solid #1fd7ea;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    margin-top: 15px;
    cursor: pointer;
}

.appointment-form-two input[type="submit"]:hover {
    background: #5c7a10;
    border-color: #fff;
}

.appointment-form-two h3 {
    color: #fff;
    font-size: 25px;
}

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

/*----------------------------*/

/*-------04 Department  page  css   ----*/

/*---------------------------*/

.breadcrumb-area.bc-three {
    background-image: url(img/bg/Departments-bc-.jpg);

}

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

.department-det a {
    font-size: 16px;
    background: #1fd7ea;
    padding: 8px 25px;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
}

.department-det a:hover {
    background: #a5ce3a;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.department-inner .sin-dep {
    margin-bottom: 40px;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

/*----------------------------*/

/*------- 05  Department details page  css   ----*/

/*---------------------------*/

.breadcrumb-area.bc-two {
    background-image: url(img/bg/Departments-Details-bc-.jpg);

}

.breadcrumb-area.bc-three {
    background-image: url(img/bg/Departments-bc-.jpg);

}

.department-twocolumn {
    padding: 60px 0px;
}

.time-table {
    border: 10px solid #f8f8f8;
    padding: 22px 25px;
    text-align: center;
    margin-bottom: 50px;
}

.time-table p {
    color: #b2d557;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}

.time-table p i {
    margin-right: 8px;
}

.time-table ul li {
    color: #888;
    font-size: 20px;
    padding: 8px 0px;
    border-bottom: 1px dotted #888;
}

.time-table ul li span {
    float: right
}

.time-table ul {
    margin-top: 35px;
    text-align: left;
}

.time-table a {
    background: #1fd7ea;
    color: #fff;
    padding: 15px 20px;
    display: inline-block;
    margin-top: 30px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.side-specalist {
	padding: 15px;
	text-align: center;
	margin-top: 30px;
	box-shadow: 0px 10px 20px rgba(73, 81, 98, 0.08);
}

.side-specalist h5 {
    color: #1fd7ea;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
}

.side-specalist span {
    color: #444;
    margin-bottom: 5px;
    display: inline-block;
}

.side-specalist a {
    color: #888;
}

.side-specalist p {
    color: #888888;
}

.department-details p {
    padding-bottom: 26px;
}

.department-details h6 {
    color: #b2d557;
    font-size: 25px;
    margin-bottom: 22px;
    margin-top: 10px;
}

.department-details {}

.department-details ul {
    padding-bottom: 45px;
}

.department-details ul li {
    font-size: 18px;
    color: #888;
    margin-bottom: 10px;
}

.down-pdf {
    padding: 12px 27px;
    border: 1px solid #ccc;
    color: #dc4c3c;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;

}

.down-pdf img {
    margin-right: 10px;
}

.department-details ul li i {
    color: #1fd7ea;
    margin-right: 7px;
}

.department-accor {
    padding-top: 65px;
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.card {
    margin-bottom: 15px;
}

.card-header a {
    color: #888;
    font-size: 18px;
    display: block
}

.card-header a i {
    color: #1fd7ea;
    margin-right: 10px;
}

.card-header a span {
    float: right
}

.card-body p {
    padding-bottom: 10px;
}

.card-body a i {
    margin-left: 7px;
}


.department-twocolumn iframe {
    margin-bottom: 30px;
    margin-top: 10px;
    width: 100%;
    height: 400px;
}

.dep-det-video .video-wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #fff;
    margin-top: 0px;
    background-image: url(img/about-one.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
    text-align: center;
}

/*----------------------------*/

/*-------06 Team  page  css   ----*/

/*---------------------------*/

.breadcrumb-area.bc-team {
    background-image: url(img/bg/team-bg.jpg);

}

.team-page-wtapper {
    padding: 100px 0;
}

.sin-team-car {
    background: #b2d557;
    padding: 120px 0px 80px;
    border-radius: 3px;
}

.intro-area {
    text-align: center;
    margin: 0 70px;
    background: #ffffff;
    height: 215px;
    display: inline-block;
    position: relative;
    padding-top: 56px;
    padding: 58px 20px 0px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(38, 51, 52, 0.07);
    box-shadow: 0px 5px 20px 0px rgba(38, 51, 52, 0.07);
}

.intro-img {
    position: absolute;
    top: -60px;
    left: 50%;
    width: 106px;
    height: 106px;
    margin-left: -53px;
    border-radius: 80px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(32, 37, 37, 0.1);
    box-shadow: 0px 10px 10px 0px rgba(32, 37, 37, 0.1);
}

.intro-img img {
    width: 100%;

}

.int-detail h6 {
    font-size: 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    line-height: 14px;
    margin-top: 4px;
}

.int-detail p {
    line-height: 20px;
    margin-top: 10px;
}

.intro-area span {
    color: #888888;
    font-size: 14px;
}

.team-car-info p {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    font-style: italic;
}

.team-car-info {
    padding-right: 56px;
}

.team-carousel .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -50px;
    z-index: 99999999!important;
    position: relative;
}

.team-carousel .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    background: #e5e5e5;
}

.team-carousel .owl-theme .owl-dots .owl-dot.active span,
.team-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}

/*----------------------------*/

/*-------07 Procedure  page  css   ----*/

/*---------------------------*/

.inner-pro-box {
    width: 80%;
    margin: 0 auto;
    border-left: 4px solid #c1dd77;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 80px 0px rgba(44, 59, 85, 0.15);
    box-shadow: 0px 0px 80px 0px rgba(44, 59, 85, 0.15);

    background: #fff;
    padding-top: 40px;
    padding-bottom: 20px;
}

.procedure-box {
    padding-bottom: 45px;
    z-index: 999;
    position: relative;
    margin-top: -60px;
}

.inner-pro-box ul li {
    display: inline-block;
    padding: 0 30px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.inner-pro-box ul li a {
    color: #888;
}

.inner-pro-box .area-heading {
    text-align: left;
    padding-left: 30px
}

.pro-list-inn h6 {
    margin-bottom: 30px;
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
}

.pro-list-inn {
    margin-bottom: 40px;
}

.pro-list-inn ul {}

.pro-list-inn ul li {
    margin-bottom: 9px;
}

.pro-list-inn ul li a {
    font-size: 18px;
    color: #444
}

.pro-list-inn ul li i {
    margin-right: 8px;
    color: #a5ce3a;
}

.procedure-list-area {
    padding: 40px 0 50px;
}

/*----------------------------*/

/*-------08 Procedure Details  page  css   ----*/

/*---------------------------*/

a.back-to {
    color: #888;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
    display: inline-block;
}

a.back-to i {
    margin-right: 5px
}

.pro-details .pro-list-inn ul li a {

    color: #0480ff;
}

.pro-details .pro-list-inn ul li i {
    color: #0480ff;
}

.pro-det-img {
    margin-top: 53px;
}

.pro-details p {
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
}

.sin-gal-image {
    margin-bottom: 30px;
    position: relative
}

.sin-gal-image img {
    width: 100%
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1fd7ea;
    top: 0;
    left: 0;
    opacity: 0;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.sin-gal-image:hover .overlay {
    opacity: .6
}

.gal-des {
    position: absolute;
    top: 42%;
    text-align: center;
    width: 100%;
    color: #fff;
    opacity: 0;
    -o-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
}

.sin-gal-image:hover .gal-des {
    opacity: 1
}

.gal-des p {
    font-size: 30px;
    color: #fff;
    font-family: 'Roboto', sans-serif;

}

.pro-gallery {
    padding-bottom: 70px;
}

.gal-des a {
    color: #1fd7ea;
    padding: 5px;
    background: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 30px;
    margin-top: 13px;
}

.pro-gallery .head-des {
    text-align: left;
}

.pro-gallery .area-heading {
    text-align: left;
}

.pro-gal-inner {
    padding-top: 50px;
}

/*----------------------------*/

/*------- 09 Contact  page  css   ----*/

/*---------------------------*/

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

.con-map-area #googleMap {
    height: 360px;
}

.nav-tabs .nav-link {
    border: 0px solid transparent;
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
}

.nav-tabs .nav-item {
    width: 100%;
    text-transform: uppercase;
    color: #888888;
    background: #eeeeee;
    border-top: 2px solid #e5e5e5;
}

.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 19px 24px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #888888;
    position: relative;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.nav-tabs .nav-item.show .nav-link:after,
.nav-tabs .nav-link.active:after,
.nav-tabs .nav-link:hover:after {
    position: absolute;
    content: '';
    top: 0;
    right: -17px;
    width: 20px;
    height: 100%;
    background-image: url(img/icon/tab-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #a5ce3a;
    border-color: #a5ce3a;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.tab-inner-content h5 {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
}

.sin-tab-inner h6 {
    font-size: 20px;
}

.sin-tab-inner span {
    display: block;
    font-size: 16px;
    color: #888;
}

.sin-tab-inner span {
    display: block;
    font-size: 16px;
    color: #888;
}

.sin-tab-inner {
    margin-top: 40px;
}

.con-map-area {
    padding: 15px;
    background: #fff;
    -webkit-box-shadow: 0px 25px 50px 0px rgba(65, 82, 85, 0.15);
    box-shadow: 0px 25px 50px 0px rgba(65, 82, 85, 0.15);
}

.tab-con-area {
    margin-top: 80px;
}

inspector-stylesheet:1 .sin-tab-inner a {
    color: #a5ce3a!important;
}

.sin-tab-inner label {
    width: 20%;
    float: left;
}

.sin-tab-inner input,
.sin-tab-inner textarea {
    width: 80%;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    height: 40px;
    margin-bottom: 10px;
}

.sin-tab-inner input[type="submit"] {

    background: #a5ce3a;
    width: 170px;
    text-align: center;
    float: right
}

.contact-tab {
    margin-bottom: 30px;
}

.client-area {
    text-align: center;
    padding: 100px 0px;
}

/*----------------------------*/

/*------- 10 Mobile menu  css   ----*/

/*---------------------------*/

.mean-container a.meanmenu-reveal {

    float: right;
    color: #4cc5dc
}

.mean-container a.meanmenu-reveal span {
    background: #a5ce3a;
}

.mean-container .mean-bar {
    background: #fff;
}

.mean-container .mean-bar {
    background: #fff;
    padding: 12px 0px 0px;
    z-index: 912;
}

.mobile-menu {
    display: none
}

.mean-container .mean-nav {
    background: #6e9211;
    margin-top: 18px;
}

.mean-container .mean-nav {
    background: #6e9211;
    margin-top: 10px;
}

.preloader {
    background-color: #a5ce3a;
    background-image: url("img/icon/pre3.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
}

.embed-responsive,
.embed-responsive-item {
    border-radius: 10px;
    overflow: hidden;
}