/*
====/========        ===== ==/====/
             CSS Index
====/========        =======/====/

01. reset CSS         ====================>

02. preloader scss     ====================>>>

03.Header area scss    ====================>>

04.Welcome area scss   ====================>>

05.Home 2 area scss   ====================>>>

06.Home 3 area scss   ====================>>>

07.About area scss     ====================>>>

08.Service area scss    ====================>>>

09.Single Service area scss    ====================>>>

10.Department area scss      ====================>>>

11.Department area scss      ====================>>>

12.blog area scss        ====================>>

13.blog details scss        ====================>>>

14.testimonial scss        ====================>>>

15.Appointment scss        ====================>>>

16.Pricing scss        ====================>>>

17.procedures scss        ====================>>>

18.Doctor Details scss        ====================>>>

19.Contact scss        ====================>>>

20.Conatact Two scss ====================>>>

*/

@import url("https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");


/*
 *****************************************
  >>> | 01 Browser Reset & Common CSS|
 *****************************************
*/

body {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

a:focus,
a:hover,
a:visited,
input,
textarea:focus,
.bootstrap-select>.dropdown-toggle,
input:hover,
.bootstrap-select>.dropdown-toggle:hover,
input:focus,
.bootstrap-select>.dropdown-toggle:focus,
input:active,
.bootstrap-select>.dropdown-toggle:active,
select {
    text-decoration: none;
    outline: none;
}

.static {
    position: static;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

img {
    max-width: 100%;
}

a,
span {
    display: inline-block;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: 'Muli', sans-serif;
    margin: 0 0 15px;
}

/*
 *****************************************
 >>> | 2. import scss Start
 *****************************************
*/

.input-color,
 ::-webkit-input-placeholder {
    color: #a7cde1;
}

.home-3-theme-bg,
.home-3-contact-form form .nice-select.select-option:before,
.search-box.search3.show input[type="submit"]:hover,
.home-3-top-bn,
.singleSlide .singleSlideCell .home-3-hero-text .home-3-hero-btn,
.home-3-hero-social-icon a:hover,
.home-3-single-service.srv-bg-2:hover:after,
.home-3-single-service.srv-bg-1:after,
.home-3-single-service.srv-bg-2:after,
.home-3-contact-form .nice-select.select-option:before,
.home-3-contact-form input[type="submit"],
.select-date:after,
.home-3-department,
.home-3-single-department-bottom:after,
.home-3-news-single:hover:after {
    background: #9bc54a;
}

.home-3-theme-color,
.carticon:hover,
.search-trigger.trigger3:hover,
.home-2-mainmenu.home-3-maninmenu li a:hover,
.search-box.search3.show input,
.home-3-cart-box span:hover span.text,
.department-social-icon.cta a:hover,
.more-btn2.cta:hover,
.more-btn2.cta2:hover,
.home-3-footer-social-icon a:hover,
.home-2-footer-widget.home-3-footer .home-2-widget-title h4,
.home-2-footer-widget.home-3-footer .wid2 ul li a:hover,
.home-2-footer-bottom.text-center.home-3-footer-bottom span {
    color: #9bc54a;
}

.home-3-top-btn-efct,
.efcbtn-3:before,
.home-3-hero-area .owl-nav div:hover {
    background: #79a328;
}

.bg-white,
.contact-btn,
.menu-right-btn a,
.logo :before,
.nice-select.select-option:before,
.brand-logo-single-slide,
.single-footer-widget .footer-title-border,
.testimonial-page-content:hover,
.testimonial-page-content:hover:after,
.contact-page-single span,
.map-location,
.map-location i,
.select-option.select-appointment.bg,
.appointment-form .nice-select ul.list,
.single-pricing .pricing-btn,
.single-pricing:hover,
.single-pricing.active,
.single-pricing.mini-pricing,
.single-pricing.mini-pricing.active .pricing-btn,
.single-pricing.mini-pricing:hover .pricing-btn,
.home-2-mainmenu ul.submenu,
.submit-btn input,
.search-box,
.home-2-contact-form input[type="submit"],
.home-2-mainmenu.home-3-maninmenu li ul.submenu,
.home-3-cart-box,
.home-3-cart-box :before,
.home-3-service-text span,
.home-3-contact-form input[type="text"],
.home-3-contact-form .nice-select.select-option,
.select-date input[type="text"],
.home-3-contact-form .nice-select.open .list {
    background: #fff;
}

.color-black,
.home-2-mainmenu.home-3-maninmenu li a,
.home-3-cart-box span:hover p strong {
    color: #000;
}

.home-3-service-bg-2,
.home-3-single-service.srv-bg-1:hover:after,
.home-3-single-service.srv-bg-2:after {
    background: #1e7fbc;
}

.home-3-hero-social-bg,
.home-3-hero-social-icon a {
    background: #e9e9eb;
}

.home-3-hero-social-color,
.home-3-hero-social-icon a {
    background: #e9e9eb;
}

.home-3-department-cta-bg,
.department-doctor-single-items:hover .department-doctor-img.cta:after {
    background: #cce2a2;
}

.home-3-footer-bg,
.home-3-footer,
.home-2-footer-bottom.text-center.home-3-footer-bottom {
    background: #2b2f39;
}

.home-3-grey-bg,
.home-3-news-single:after {
    background: #393939;
}

.title-loco-color,
.title-logo h1 {
    color: #f3f3f3;
}

.home-2-effect-btn-bg,
.efcbtn-2:before {
    background: #32c0b2;
}

.more-btn-2-hover,
.more-btn2:hover {
    color: #5abaef;
}

.container-boder1-bg,
.container.boder1:after,
.container.boder1:before,
.boder2:after,
.boder2:before {
    background: #f7f7f7;
}

.top-social-icon-color,
.top-area-single-items a,
.top-area-single-items {
    color: #757575;
}

.home-2-font-color,
.home-2-about-area h4,
.home-2-contact-right h3,
.home-2-contact-right span,
.home-2-single-service,
.home-2-single-service h3,
.home-2-doctor-single,
.home-2-doctor-single h4,
.home-2-doctor-single span.home-2-doctor-message,
.home-2-doctor-single span.home-2-doctor-phone,
.home-2-section-title h1,
.home-2-testimonial-area .faq-list h4.panel-title a,
.home-2-testimonial-left h1,
.home-2-testimonial-right h1,
.home-2-testimonial-area.faq-list .panel-body p,
.home-2-testimonial-area .panel-body p,
.home-2-testimonial-author span {
    color: #474747;
}

.home-2-font-bg,
.home-2-slider.slide-area .owl-nav div,
.home-3-hero-area .owl-nav div {
    background: #474747;
}

.home-2-theme-bg,
.top-area-right-btn,
.submit-btn input:hover,
.home-2-slider.slide-area .owl-nav div:hover,
.home-2-contact-area:before,
.home-2-countdown:after,
.home-2-testimonial-single-slide h4:after,
.home-2-testimonial-single-slide h4:before,
.home-2-testimonial-right .owl-dots div.active {
    background: #3ed5be;
}

.home-2-theme-color,
.home-2-mainmenu ul li a:hover,
.home-2-slider-text span,
.home-2-contact-form input[type="submit"],
.home-2-contact-right span i,
.home-2-doctor-single span.home-2-doctor-meta,
.home-2-footer-widget-single.wid2 a:hover,
.home-2-footer-bottom span {
    color: #3ed5be;
}

.home-2-top-bg-1,
.top-area-single-items span i {
    background: #7ce3d4;
}

.home-2-top-bg-2,
.top-area-single-items span i:after {
    background: #7ce3d4;
}

.event-bg-1,
.home-2-event :nth-child(2) {
    background: #22cfb2;
}

.event-bg-2,
.home-2-event .child-1 {
    background: #36c0ab;
}

.event-bg-3,
.slider-btn-home-2,
.home-2-custom-btn,
.home-2-event :nth-child(3) {
    background: #3ed5be;
}

.home-2-footer-widget-bg,
.home-2-footer-widget,
.home-2-footer-bottom {
    background: #222d34;
}

.home-2-footer-widget-color,
.home-2-footer-widget,
.home-2-footer-widget-single.wid2 a,
.home-2-footer-widget-single.wid3 a,
.home-2-footer-bottom {
    color: #b7b7b7;
}

.home-2-footer-social-icon-bg-1,
.home-2-footer-social-icon a {
    background: #2e7e76;
}

.home-2-footer-social-icon-bg-2,
.home-2-footer-social-icon a:after {
    background: #1da4da;
}

.home-2-widget-border-bg,
.border-70 {
    background: #a1aab4;
}

.appiontment-color,
.home-3-contact-form form .nice-select.select-option,
.home-3-contact-form input::-webkit-input-placeholder,
.select-option.select-appointment.bg,
.appointment-form textarea,
.home-2-contact-form input[type="text"],
.home-2-contact-form textarea,
.home-3-contact-form .nice-select.select-option,
.select-date input[type="text"] {
    color: #9c9c9c;
}

.appiontment-color,
.home-3-contact-form form .nice-select.select-option,
.home-3-contact-form input::-moz-placeholder,
.select-option.select-appointment.bg,
.appointment-form textarea,
.home-2-contact-form input[type="text"],
.home-2-contact-form textarea,
.home-3-contact-form .nice-select.select-option,
.select-date input[type="text"] {
    color: #9c9c9c;
}

.appiontment-color,
.home-3-contact-form form .nice-select.select-option,
.home-3-contact-form input:-ms-input-placeholder,
.select-option.select-appointment.bg,
.appointment-form textarea,
.home-2-contact-form input[type="text"],
.home-2-contact-form textarea,
.home-3-contact-form .nice-select.select-option,
.select-date input[type="text"] {
    color: #9c9c9c;
}

.appiontment-color,
.home-3-contact-form form .nice-select.select-option,
.home-3-contact-form input::placeholder,
.select-option.select-appointment.bg,
.appointment-form textarea,
.home-2-contact-form input[type="text"],
.home-2-contact-form textarea,
.home-3-contact-form .nice-select.select-option,
.select-date input[type="text"] {
    color: #9c9c9c;
}

.theme-bg,
.global-border,
.know-more-btn,
.header-area,
.mainmenu-area ul li ul.submenu,
.slide-area .slide-wraper .single-slide .single-slide-text .slider-btn,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text .slider-btn,
.slider-progress-bar:before,
.single-service-menu,
.contact-area:after,
.doctor-single-slide-text,
.blog-pagination ul li a:hover,
.blog-pagination ul li:last-child a:hover,
.blog-pagination ul li:first-child a:hover,
.footer-area:after,
.about-page-video-right span.play-btn,
.department-details-schdule ul li.schdule-top-bg,
.testimonial-page-content,
.testimonial-page-content:after,
[type="checkbox"]:checked+label:before,
[type="checkbox"]:not(:checked)+label:before,
.single-pricing,
.single-pricing:hover .pricing-btn,
.single-pricing.active .pricing-btn,
.single-pricing.mini-pricing:hover,
.single-pricing.mini-pricing .pricing-btn,
.single-pricing.mini-pricing.active {
    background: #56b9f0;
}

.theme-hover-bg,
.hvr-eftc:before,
.border-radius-40:before,
.menu-right-btn .hover-efct-bg:before,
.single-service-menu .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.countdown-area:after {
    background: #42a5dc;
}

.theme-grey-bg,
.department-details-schdule ul li.schdule-top-bg-grey,
.department-doctor-single-items:hover .department-doctor-img:after {
    background: #ecf8ff;
}

.grey-bg2,
.blog-details-contact form input[type="text"],
.blog-details-contact textarea,
.blog-details-right form input[type="text"],
.department-doctor-single-items .department-doctor-img:after {
    background: #fafafa;
}

.grey-color-2,
.contact-area .contact-form form input[type="text"],
.contact-area .contact-form form input[type="email"] {
    color: #fafafa;
}

.theme-color,
.section-title h2,
.more-btn:hover,
.contact-btn,
.menu-right-btn a,
.slide-area .owl-nav div:hover,
.contact-left .nice-select.select-option:after,
.single-department:hover h3,
.doctor-area .owl-nav div:hover,
.brand-logo-single-slide:hover,
.blog-meta-right a:hover,
.meta-block a:hover,
.recent-post:hover .recent-post-text h4,
.blog-category a:hover,
.blog-details-tag a:hover,
.blog-details-right-social a:hover,
.single-service-tabmenu li:hover a,
.single-service-tabmenu li.active a,
.department-doctor-single-items a:hover,
.contact-page-single span,
.contact-2-details i,
.map-location i,
.team-details-left img,
.team-details-left-bottom span i,
.team-social-icon a:hover,
.single-pricing .pricing-btn,
.single-pricing.mini-pricing.active .pricing-btn,
.single-pricing.mini-pricing:hover .pricing-btn,
#loading #preloader span {
    color: #56b9f0;
}

.theme-grey-color,
.department-doctor-single-items a,
.singleSlide .singleSlideCell .home-3-hero-text,
.singleSlide .singleSlideCell .home-3-hero-text h1,
.home-3-section-title,
.home-3-section-title h2,
.home-3-contact-form input::-webkit-input-placeholder,
.home-3-contact-form input[type="text"],
.select-date input::-webkit-input-placeholder,
.home-3-bottom-right h2 {
    color: #393939;
}

.theme-grey-color,
.department-doctor-single-items a,
.singleSlide .singleSlideCell .home-3-hero-text,
.singleSlide .singleSlideCell .home-3-hero-text h1,
.home-3-section-title,
.home-3-section-title h2,
.home-3-contact-form input::-moz-placeholder,
.home-3-contact-form input[type="text"],
.select-date input::-moz-placeholder,
.home-3-bottom-right h2 {
    color: #393939;
}

.theme-grey-color,
.department-doctor-single-items a,
.singleSlide .singleSlideCell .home-3-hero-text,
.singleSlide .singleSlideCell .home-3-hero-text h1,
.home-3-section-title,
.home-3-section-title h2,
.home-3-contact-form input:-ms-input-placeholder,
.home-3-contact-form input[type="text"],
.select-date input:-ms-input-placeholder,
.home-3-bottom-right h2 {
    color: #393939;
}

.theme-grey-color,
.department-doctor-single-items a,
.singleSlide .singleSlideCell .home-3-hero-text,
.singleSlide .singleSlideCell .home-3-hero-text h1,
.home-3-section-title,
.home-3-section-title h2,
.home-3-contact-form input::placeholder,
.home-3-contact-form input[type="text"],
.select-date input::placeholder,
.home-3-bottom-right h2 {
    color: #393939;
}

.color-white,
.know-more-btn,
.slider-btn-home-2,
.home-2-custom-btn,
.menu-right-btn a:hover,
.mainmenu-area ul li a,
.slide-area .slide-wraper .single-slide .single-slide-text .slider-btn,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text .slider-btn,
.single-service-menu ul li a,
.single-service-menu ul li a:hover,
.single-service-menu .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.contact-left h1,
.contact-right h1,
.contact-right-schdule ul li,
.single-counter h1,
.single-counter h4,
.doctor-single-slide-text h4,
.doctor-single-slide-text h5,
.doctor-single-slide-text p,
.doctor-single-slide-text a,
.blog-pagination ul li a:hover,
.blog-pagination ul li:last-child a,
.blog-pagination ul li:first-child a,
.blog-details-contact input[type="submit"],
.single-footer-widget ul a,
.single-footer-widget ul a i.zmdi,
.footer-contact-form input[type="email"],
.footer-contact-form input::-webkit-input-placeholder,
.footer-social-icon.cta,
.single-footer-widget h4.footer-title.cta,
.single-footer-widget h3.footer-social-icon.cta,
.about-page-video-right span.play-btn,
.department-details-schdule ul li.schdule-top-bg,
.testimonial-page-content p,
[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after,
.single-pricing h2,
.single-pricing h4,
.single-pricing:hover .pricing-btn,
.single-pricing ul li,
.single-pricing.active .pricing-btn,
.single-pricing.mini-pricing.active h2,
.single-pricing.mini-pricing.active h4,
.single-pricing.mini-pricing.active ul li,
.single-pricing.mini-pricing:hover h2,
.single-pricing.mini-pricing:hover h4,
.single-pricing.mini-pricing:hover ul li,
.single-pricing.mini-pricing .pricing-btn,
.top-area-single-items span i,
.top-area-right-btn,
.submit-btn input:hover,
.home-2-slider.slide-area .owl-nav div,
.event-single-items,
.home-2-title-logo.home-2-Appointment-logo h1,
.home-2-single-count h4,
.home-2-single-count span.home-2-count,
.home-2-testimonial-single-slide h4,
.home-2-footer-social-icon a,
.search-box.search3.show input[type="submit"]:hover,
.home-3-top-bn,
.singleSlide .singleSlideCell .home-3-hero-text .home-3-hero-btn,
.home-3-hero-social-icon a:hover,
.home-3-hero-area .owl-nav div,
.home-3-service-text h4,
.home-3-contact-form .nice-select.select-option:after,
.home-3-contact-form input[type="submit"],
.home-3-single-department h4,
.home-news-text h4,
.home-3-footer-social-icon a {
    color: #fff;
}

.color-white,
.know-more-btn,
.slider-btn-home-2,
.home-2-custom-btn,
.menu-right-btn a:hover,
.mainmenu-area ul li a,
.slide-area .slide-wraper .single-slide .single-slide-text .slider-btn,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text .slider-btn,
.single-service-menu ul li a,
.single-service-menu ul li a:hover,
.single-service-menu .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.contact-left h1,
.contact-right h1,
.contact-right-schdule ul li,
.single-counter h1,
.single-counter h4,
.doctor-single-slide-text h4,
.doctor-single-slide-text h5,
.doctor-single-slide-text p,
.doctor-single-slide-text a,
.blog-pagination ul li a:hover,
.blog-pagination ul li:last-child a,
.blog-pagination ul li:first-child a,
.blog-details-contact input[type="submit"],
.single-footer-widget ul a,
.single-footer-widget ul a i.zmdi,
.footer-contact-form input[type="email"],
.footer-contact-form input::-moz-placeholder,
.footer-social-icon.cta,
.single-footer-widget h4.footer-title.cta,
.single-footer-widget h3.footer-social-icon.cta,
.about-page-video-right span.play-btn,
.department-details-schdule ul li.schdule-top-bg,
.testimonial-page-content p,
[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after,
.single-pricing h2,
.single-pricing h4,
.single-pricing:hover .pricing-btn,
.single-pricing ul li,
.single-pricing.active .pricing-btn,
.single-pricing.mini-pricing.active h2,
.single-pricing.mini-pricing.active h4,
.single-pricing.mini-pricing.active ul li,
.single-pricing.mini-pricing:hover h2,
.single-pricing.mini-pricing:hover h4,
.single-pricing.mini-pricing:hover ul li,
.single-pricing.mini-pricing .pricing-btn,
.top-area-single-items span i,
.top-area-right-btn,
.submit-btn input:hover,
.home-2-slider.slide-area .owl-nav div,
.event-single-items,
.home-2-title-logo.home-2-Appointment-logo h1,
.home-2-single-count h4,
.home-2-single-count span.home-2-count,
.home-2-testimonial-single-slide h4,
.home-2-footer-social-icon a,
.search-box.search3.show input[type="submit"]:hover,
.home-3-top-bn,
.singleSlide .singleSlideCell .home-3-hero-text .home-3-hero-btn,
.home-3-hero-social-icon a:hover,
.home-3-hero-area .owl-nav div,
.home-3-service-text h4,
.home-3-contact-form .nice-select.select-option:after,
.home-3-contact-form input[type="submit"],
.home-3-single-department h4,
.home-news-text h4,
.home-3-footer-social-icon a {
    color: #fff;
}

.color-white,
.know-more-btn,
.slider-btn-home-2,
.home-2-custom-btn,
.menu-right-btn a:hover,
.mainmenu-area ul li a,
.slide-area .slide-wraper .single-slide .single-slide-text .slider-btn,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text .slider-btn,
.single-service-menu ul li a,
.single-service-menu ul li a:hover,
.single-service-menu .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.contact-left h1,
.contact-right h1,
.contact-right-schdule ul li,
.single-counter h1,
.single-counter h4,
.doctor-single-slide-text h4,
.doctor-single-slide-text h5,
.doctor-single-slide-text p,
.doctor-single-slide-text a,
.blog-pagination ul li a:hover,
.blog-pagination ul li:last-child a,
.blog-pagination ul li:first-child a,
.blog-details-contact input[type="submit"],
.single-footer-widget ul a,
.single-footer-widget ul a i.zmdi,
.footer-contact-form input[type="email"],
.footer-contact-form input:-ms-input-placeholder,
.footer-social-icon.cta,
.single-footer-widget h4.footer-title.cta,
.single-footer-widget h3.footer-social-icon.cta,
.about-page-video-right span.play-btn,
.department-details-schdule ul li.schdule-top-bg,
.testimonial-page-content p,
[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after,
.single-pricing h2,
.single-pricing h4,
.single-pricing:hover .pricing-btn,
.single-pricing ul li,
.single-pricing.active .pricing-btn,
.single-pricing.mini-pricing.active h2,
.single-pricing.mini-pricing.active h4,
.single-pricing.mini-pricing.active ul li,
.single-pricing.mini-pricing:hover h2,
.single-pricing.mini-pricing:hover h4,
.single-pricing.mini-pricing:hover ul li,
.single-pricing.mini-pricing .pricing-btn,
.top-area-single-items span i,
.top-area-right-btn,
.submit-btn input:hover,
.home-2-slider.slide-area .owl-nav div,
.event-single-items,
.home-2-title-logo.home-2-Appointment-logo h1,
.home-2-single-count h4,
.home-2-single-count span.home-2-count,
.home-2-testimonial-single-slide h4,
.home-2-footer-social-icon a,
.search-box.search3.show input[type="submit"]:hover,
.home-3-top-bn,
.singleSlide .singleSlideCell .home-3-hero-text .home-3-hero-btn,
.home-3-hero-social-icon a:hover,
.home-3-hero-area .owl-nav div,
.home-3-service-text h4,
.home-3-contact-form .nice-select.select-option:after,
.home-3-contact-form input[type="submit"],
.home-3-single-department h4,
.home-news-text h4,
.home-3-footer-social-icon a {
    color: #fff;
}

.color-white,
.know-more-btn,
.slider-btn-home-2,
.home-2-custom-btn,
.menu-right-btn a:hover,
.mainmenu-area ul li a,
.slide-area .slide-wraper .single-slide .single-slide-text .slider-btn,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text .slider-btn,
.single-service-menu ul li a,
.single-service-menu ul li a:hover,
.single-service-menu .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.contact-left h1,
.contact-right h1,
.contact-right-schdule ul li,
.single-counter h1,
.single-counter h4,
.doctor-single-slide-text h4,
.doctor-single-slide-text h5,
.doctor-single-slide-text p,
.doctor-single-slide-text a,
.blog-pagination ul li a:hover,
.blog-pagination ul li:last-child a,
.blog-pagination ul li:first-child a,
.blog-details-contact input[type="submit"],
.single-footer-widget ul a,
.single-footer-widget ul a i.zmdi,
.footer-contact-form input[type="email"],
.footer-contact-form input::placeholder,
.footer-social-icon.cta,
.single-footer-widget h4.footer-title.cta,
.single-footer-widget h3.footer-social-icon.cta,
.about-page-video-right span.play-btn,
.department-details-schdule ul li.schdule-top-bg,
.testimonial-page-content p,
[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after,
.single-pricing h2,
.single-pricing h4,
.single-pricing:hover .pricing-btn,
.single-pricing ul li,
.single-pricing.active .pricing-btn,
.single-pricing.mini-pricing.active h2,
.single-pricing.mini-pricing.active h4,
.single-pricing.mini-pricing.active ul li,
.single-pricing.mini-pricing:hover h2,
.single-pricing.mini-pricing:hover h4,
.single-pricing.mini-pricing:hover ul li,
.single-pricing.mini-pricing .pricing-btn,
.top-area-single-items span i,
.top-area-right-btn,
.submit-btn input:hover,
.home-2-slider.slide-area .owl-nav div,
.event-single-items,
.home-2-title-logo.home-2-Appointment-logo h1,
.home-2-single-count h4,
.home-2-single-count span.home-2-count,
.home-2-testimonial-single-slide h4,
.home-2-footer-social-icon a,
.search-box.search3.show input[type="submit"]:hover,
.home-3-top-bn,
.singleSlide .singleSlideCell .home-3-hero-text .home-3-hero-btn,
.home-3-hero-social-icon a:hover,
.home-3-hero-area .owl-nav div,
.home-3-service-text h4,
.home-3-contact-form .nice-select.select-option:after,
.home-3-contact-form input[type="submit"],
.home-3-single-department h4,
.home-news-text h4,
.home-3-footer-social-icon a {
    color: #fff;
}

.bg-white,
.contact-btn,
.menu-right-btn a,
.logo :before,
.nice-select.select-option:before,
.brand-logo-single-slide,
.single-footer-widget .footer-title-border,
.testimonial-page-content:hover,
.testimonial-page-content:hover:after,
.contact-page-single span,
.map-location,
.map-location i,
.select-option.select-appointment.bg,
.appointment-form .nice-select ul.list,
.single-pricing .pricing-btn,
.single-pricing:hover,
.single-pricing.active,
.single-pricing.mini-pricing,
.single-pricing.mini-pricing.active .pricing-btn,
.single-pricing.mini-pricing:hover .pricing-btn,
.home-2-mainmenu ul.submenu,
.submit-btn input,
.search-box,
.home-2-contact-form input[type="submit"],
.home-2-mainmenu.home-3-maninmenu li ul.submenu,
.home-3-cart-box,
.home-3-cart-box :before,
.home-3-service-text span,
.home-3-contact-form input[type="text"],
.home-3-contact-form .nice-select.select-option,
.select-date input[type="text"],
.home-3-contact-form .nice-select.open .list {
    background: #fff;
}

.semi-white-color,
.single-footer-widget h4,
.single-footer-widget h3,
.single-footer-widget h5,
.single-footer-widget ul li.footer-adderss,
.single-footer-widget h3.footer-social-icon a,
.home-news-text,
#loading #preloader:after {
    color: #f2f2f2;
}

.semi-white,
.blog-pagination ul li a,
.home-2-testimonial-right .owl-dots div {
    background: #f2f2f2;
}

.semi-white-color,
.single-footer-widget h4,
.single-footer-widget h3,
.single-footer-widget h5,
.single-footer-widget ul li.footer-adderss,
.single-footer-widget h3.footer-social-icon a,
.home-news-text,
#loading #preloader:after {
    color: #f2f2f2;
}

.body-font-color,
.mainmenu-area ul li:hover>a,
.slide-area .slide-wraper .single-slide .single-slide-text h1,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text h1,
.slide-area .slide-wraper .single-slide .single-slide-text h4,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text h4,
.slide-area .owl-nav div,
.doctor-single-slide-text a:hover,
.inner-page-title h1,
.inner-page-title h4,
.inner-page-title h4 a,
.our-medico-right h3,
.team-social-icon a,
.appointment-form h4 h4,
.notfound-area h1,
.notfound-area h4 {
    color: #3f3f3f;
}

.progress-bg,
.slider-progress-bar {
    background: #c6e1f0;
}

.font-color,
.more-btn,
.more-btn2,
.service-area .service-single-items h3,
.service-area .service-single-items h5,
.single-service-tab-content h3,
.single-service-tab-content h5,
.single-department h3,
.single-department h5,
.blog-single-items h4 a,
.blog-single-items p,
.blog-pagination ul li a,
.blog-meta-right a,
.blog-meta-left span,
.blog-meta-right,
.blog-details-text,
.blog-details-text h3,
span.meta-block,
span.meta-block a,
.blog-details-comments h4,
.blog-details-comments-text,
.blog-details-comments-text a,
.blog-details-contact h4,
.blog-details-contact form input[type="text"],
.blog-details-contact form input::-webkit-input-placeholder,
.blog-details-contact textarea,
.blog-details-contact textarea::-webkit-input-placeholder,
.blog-details-right form input[type="text"],
.blog-details-right form input::-webkit-input-placeholder,
.blog-details-right form span,
.blog-details-right h4,
.recent-post-text,
.blog-category a,
.blog-category span,
.blog-details-tag a,
.blog-details-right-social a,
.single-footer-widget h4.footer-title,
.single-footer-widget h3.footer-social-icon,
.about-video-left p,
.about-video-left-content-bottom span,
.our-medico-accordian h4,
.single-service-tabmenu li a,
.single-service-bottom-left h3,
.single-service-bottom-left p,
.single-service-bottom-left span,
.department-page-single h3,
.department-page-single p,
.department-details-left h3,
.department-details-left p,
.department-details-title h3,
.department-details-schdule ul li,
.department-doctor-single-items h4,
.department-doctor-single-items span,
.department-doctor-single-items p,
.testimonial-page-img h4,
.testimonial-page-img span,
.testimonial-page-content:hover p,
.contact-page-single h4,
.map-contact-form input[name="name"],
.map-contact-form input[name="email"],
.map-contact-form input[name="subject"],
.map-contact-form input[name="phone"],
textarea,
.map-contact-form input::-webkit-input-placeholder,
.map-contact-form textarea::-webkit-input-placeholder,
.contact-form-2 input[name="text"],
.contact-form-2 input::-webkit-input-placeholder,
.contact-form-2 textarea::-webkit-input-placeholder,
.map-location h4,
.team-details-left-bottom h4,
.team-details-left-bottom h5,
.team-details-left-bottom span,
.team-details-right p,
.team-details-right-list h4,
.team-details-left-list h4,
.appontment-single-form input[type="text"],
.appontment-single-form input::-webkit-input-placeholder,
.appointment-form ul.list li,
.appointment-form .nice-select:after,
[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label,
.single-pricing:hover,
.single-pricing:hover h2,
.single-pricing:hover h4,
.single-pricing:hover ul li,
.single-pricing.active,
.single-pricing.active h2,
.single-pricing.active h4,
.single-pricing.active ul li,
.single-pricing.mini-pricing h2,
.single-pricing.mini-pricing h4,
.single-pricing.mini-pricing ul li,
.single-procedures,
.single-procedures h3,
.home-2-mainmenu ul li a {
    color: #565656;
}

.font-color,
.more-btn,
.more-btn2,
.service-area .service-single-items h3,
.service-area .service-single-items h5,
.single-service-tab-content h3,
.single-service-tab-content h5,
.single-department h3,
.single-department h5,
.blog-single-items h4 a,
.blog-single-items p,
.blog-pagination ul li a,
.blog-meta-right a,
.blog-meta-left span,
.blog-meta-right,
.blog-details-text,
.blog-details-text h3,
span.meta-block,
span.meta-block a,
.blog-details-comments h4,
.blog-details-comments-text,
.blog-details-comments-text a,
.blog-details-contact h4,
.blog-details-contact form input[type="text"],
.blog-details-contact form input::-moz-placeholder,
.blog-details-contact textarea,
.blog-details-contact textarea::-moz-placeholder,
.blog-details-right form input[type="text"],
.blog-details-right form input::-moz-placeholder,
.blog-details-right form span,
.blog-details-right h4,
.recent-post-text,
.blog-category a,
.blog-category span,
.blog-details-tag a,
.blog-details-right-social a,
.single-footer-widget h4.footer-title,
.single-footer-widget h3.footer-social-icon,
.about-video-left p,
.about-video-left-content-bottom span,
.our-medico-accordian h4,
.single-service-tabmenu li a,
.single-service-bottom-left h3,
.single-service-bottom-left p,
.single-service-bottom-left span,
.department-page-single h3,
.department-page-single p,
.department-details-left h3,
.department-details-left p,
.department-details-title h3,
.department-details-schdule ul li,
.department-doctor-single-items h4,
.department-doctor-single-items span,
.department-doctor-single-items p,
.testimonial-page-img h4,
.testimonial-page-img span,
.testimonial-page-content:hover p,
.contact-page-single h4,
.map-contact-form input[name="name"],
.map-contact-form input[name="email"],
.map-contact-form input[name="subject"],
.map-contact-form input[name="phone"],
textarea,
.map-contact-form input::-moz-placeholder,
.map-contact-form textarea::-moz-placeholder,
.contact-form-2 input[name="text"],
.contact-form-2 input::-moz-placeholder,
.contact-form-2 textarea::-moz-placeholder,
.map-location h4,
.team-details-left-bottom h4,
.team-details-left-bottom h5,
.team-details-left-bottom span,
.team-details-right p,
.team-details-right-list h4,
.team-details-left-list h4,
.appontment-single-form input[type="text"],
.appontment-single-form input::-moz-placeholder,
.appointment-form ul.list li,
.appointment-form .nice-select:after,
[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label,
.single-pricing:hover,
.single-pricing:hover h2,
.single-pricing:hover h4,
.single-pricing:hover ul li,
.single-pricing.active,
.single-pricing.active h2,
.single-pricing.active h4,
.single-pricing.active ul li,
.single-pricing.mini-pricing h2,
.single-pricing.mini-pricing h4,
.single-pricing.mini-pricing ul li,
.single-procedures,
.single-procedures h3,
.home-2-mainmenu ul li a {
    color: #565656;
}

.font-color,
.more-btn,
.more-btn2,
.service-area .service-single-items h3,
.service-area .service-single-items h5,
.single-service-tab-content h3,
.single-service-tab-content h5,
.single-department h3,
.single-department h5,
.blog-single-items h4 a,
.blog-single-items p,
.blog-pagination ul li a,
.blog-meta-right a,
.blog-meta-left span,
.blog-meta-right,
.blog-details-text,
.blog-details-text h3,
span.meta-block,
span.meta-block a,
.blog-details-comments h4,
.blog-details-comments-text,
.blog-details-comments-text a,
.blog-details-contact h4,
.blog-details-contact form input[type="text"],
.blog-details-contact form input:-ms-input-placeholder,
.blog-details-contact textarea,
.blog-details-contact textarea:-ms-input-placeholder,
.blog-details-right form input[type="text"],
.blog-details-right form input:-ms-input-placeholder,
.blog-details-right form span,
.blog-details-right h4,
.recent-post-text,
.blog-category a,
.blog-category span,
.blog-details-tag a,
.blog-details-right-social a,
.single-footer-widget h4.footer-title,
.single-footer-widget h3.footer-social-icon,
.about-video-left p,
.about-video-left-content-bottom span,
.our-medico-accordian h4,
.single-service-tabmenu li a,
.single-service-bottom-left h3,
.single-service-bottom-left p,
.single-service-bottom-left span,
.department-page-single h3,
.department-page-single p,
.department-details-left h3,
.department-details-left p,
.department-details-title h3,
.department-details-schdule ul li,
.department-doctor-single-items h4,
.department-doctor-single-items span,
.department-doctor-single-items p,
.testimonial-page-img h4,
.testimonial-page-img span,
.testimonial-page-content:hover p,
.contact-page-single h4,
.map-contact-form input[name="name"],
.map-contact-form input[name="email"],
.map-contact-form input[name="subject"],
.map-contact-form input[name="phone"],
textarea,
.map-contact-form input:-ms-input-placeholder,
.map-contact-form textarea:-ms-input-placeholder,
.contact-form-2 input[name="text"],
.contact-form-2 input:-ms-input-placeholder,
.contact-form-2 textarea:-ms-input-placeholder,
.map-location h4,
.team-details-left-bottom h4,
.team-details-left-bottom h5,
.team-details-left-bottom span,
.team-details-right p,
.team-details-right-list h4,
.team-details-left-list h4,
.appontment-single-form input[type="text"],
.appontment-single-form input:-ms-input-placeholder,
.appointment-form ul.list li,
.appointment-form .nice-select:after,
[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label,
.single-pricing:hover,
.single-pricing:hover h2,
.single-pricing:hover h4,
.single-pricing:hover ul li,
.single-pricing.active,
.single-pricing.active h2,
.single-pricing.active h4,
.single-pricing.active ul li,
.single-pricing.mini-pricing h2,
.single-pricing.mini-pricing h4,
.single-pricing.mini-pricing ul li,
.single-procedures,
.single-procedures h3,
.home-2-mainmenu ul li a {
    color: #565656;
}

.font-color,
.more-btn,
.more-btn2,
.service-area .service-single-items h3,
.service-area .service-single-items h5,
.single-service-tab-content h3,
.single-service-tab-content h5,
.single-department h3,
.single-department h5,
.blog-single-items h4 a,
.blog-single-items p,
.blog-pagination ul li a,
.blog-meta-right a,
.blog-meta-left span,
.blog-meta-right,
.blog-details-text,
.blog-details-text h3,
span.meta-block,
span.meta-block a,
.blog-details-comments h4,
.blog-details-comments-text,
.blog-details-comments-text a,
.blog-details-contact h4,
.blog-details-contact form input[type="text"],
.blog-details-contact form input::placeholder,
.blog-details-contact textarea,
.blog-details-contact textarea::placeholder,
.blog-details-right form input[type="text"],
.blog-details-right form input::placeholder,
.blog-details-right form span,
.blog-details-right h4,
.recent-post-text,
.blog-category a,
.blog-category span,
.blog-details-tag a,
.blog-details-right-social a,
.single-footer-widget h4.footer-title,
.single-footer-widget h3.footer-social-icon,
.about-video-left p,
.about-video-left-content-bottom span,
.our-medico-accordian h4,
.single-service-tabmenu li a,
.single-service-bottom-left h3,
.single-service-bottom-left p,
.single-service-bottom-left span,
.department-page-single h3,
.department-page-single p,
.department-details-left h3,
.department-details-left p,
.department-details-title h3,
.department-details-schdule ul li,
.department-doctor-single-items h4,
.department-doctor-single-items span,
.department-doctor-single-items p,
.testimonial-page-img h4,
.testimonial-page-img span,
.testimonial-page-content:hover p,
.contact-page-single h4,
.map-contact-form input[name="name"],
.map-contact-form input[name="email"],
.map-contact-form input[name="subject"],
.map-contact-form input[name="phone"],
textarea,
.map-contact-form input::placeholder,
.map-contact-form textarea::placeholder,
.contact-form-2 input[name="text"],
.contact-form-2 input::placeholder,
.contact-form-2 textarea::placeholder,
.map-location h4,
.team-details-left-bottom h4,
.team-details-left-bottom h5,
.team-details-left-bottom span,
.team-details-right p,
.team-details-right-list h4,
.team-details-left-list h4,
.appontment-single-form input[type="text"],
.appontment-single-form input::placeholder,
.appointment-form ul.list li,
.appointment-form .nice-select:after,
[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label,
.single-pricing:hover,
.single-pricing:hover h2,
.single-pricing:hover h4,
.single-pricing:hover ul li,
.single-pricing.active,
.single-pricing.active h2,
.single-pricing.active h4,
.single-pricing.active ul li,
.single-pricing.mini-pricing h2,
.single-pricing.mini-pricing h4,
.single-pricing.mini-pricing ul li,
.single-procedures,
.single-procedures h3,
.home-2-mainmenu ul li a {
    color: #565656;
}

.contact-input-bg,
.slicknav_menu ul,
.slicknav_menu a.slicknav_btn,
.contact-area .contact-form form input[type="text"],
.contact-area .contact-form form input[type="email"],
.contact-area .contact-form form .nice-select.select-option,
.nice-select.select-option ul,
.contact-right-schdule {
    background: #4395c2;
}

.nice-select-color,
.contact-area .contact-form form .nice-select.select-option {
    color: #a6cde2;
}

.btn-bg,
.blog-btn,
.blog-pagination ul li:last-child a,
.blog-pagination ul li:first-child a,
.blog-details-contact input[type="submit"] {
    background: #565656;
}

.testimonial-quote-color,
.testimonial-page-content i {
    color: #7acffd;
}

.contact-border-color,
.contact-page-single {
    color: #e6f5fd;
}


/*
 *****************************************
 >>> | 2. common scss start
 *****************************************
*/

.section-title {
    margin-bottom: 100px;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    .section-title {
        text-align: center;
    }
}

.section-title h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 17px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .service-section {
        margin: 0 auto;
        width: 450px;
    }
    .single-service-menu {
        margin: 0 auto;
        width: 450px;
    }
    .service-bottom-tab {
        margin: 0 auto;
        width: 450px;
    }
    .contact-area {
        margin: 0 auto;
        width: 450px;
    }
    .department-area {
        margin: 0 auto;
        width: 450px;
    }
    .doctor-slide-hover:hover .doctor-single-slide-text {
        left: -50px;
    }
    .blog-area {
        margin: 0 auto;
        width: 450px;
    }

    .home-2-event .col-sm-4 {
        float: left;
        width: 33.33%;
    }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    .section-title h2 {
        font-size: 24px;
    }
}

.section-title h4 {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
}

.hover-rotate i {
    font-weight: 600;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.hover-rotate:hover i {
    -webkit-transform: translate(-10px) rotate(90deg);
            transform: translate(-10px) rotate(90deg);
}

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

.service-page-btn {
    text-align: center;
    margin-top: 60px;
}

.global-border {
    height: 3px;
    width: 70px;
}

.logo-rel {
    position: relative;
}

.title-logo h1 {
    font-size: 100px;
    font-weight: 900;
    left: -20%;
    letter-spacing: 2px;
    position: absolute;
    top: 40%;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .title-logo h1 {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .title-logo h1 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .title-logo h1 {
        display: none;
    }
}

.title-logo.title2 h1 {
    left: -32%;
}

.title-logo.title3 h1 {
    font-size: 80px;
    left: -17%;
    top: 28%;
}

.title-logo.title4 h1 {
    font-size: 100px;
    left: -14%;
    top: 42%;
}

@media only screen and (min-width: 991px) and (max-width: 1300px) {
    .logo-rel {
        position: relative;
    }

    .title-logo h1 {
        font-size: 70px;
        left: -14%;
        top: 40%;
    }

    .title-logo.title2 h1 {
        left: -23%;
    }

    .title-logo.title3 h1 {
        font-size: 60px;
        left: -13%;
        top: 33%;
    }

    .title-logo.title4 h1 {
        font-size: 61px;
        left: -9%;
        top: 44%;
    }
}

.custom-padding1 {
    padding-bottom: 50px;
    padding-top: 50px;
}

.section-padding {
    padding-top: 100px;
}

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

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

.bottom-100 {
    margin-bottom: 96px;
}

.home-2-custom-btn {
    padding: 0 47px;
}

.hvr-eftc:before {
    border-radius: 3px;
}

.efcbtn-2:before {
    border-radius: 4px;
}

.border-radius-40:before {
    border-radius: 40px;
}

.margin50 {
    margin-bottom: 42px;
    margin-top: 42px;
}

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

.margin-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.padding-70 {
    padding-top: 70px;
    padding-bottom: 100px;
}

.more-btn {
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.hover-rotate i {
    font-weight: 600;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.know-more-btn {
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    padding: 0 43px;
    position: relative;
    z-index: 5;
}

.contact-btn {
    border-radius: 40px;
    line-height: 50px;
    padding: 0 36px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin-top: 25px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-btn {
        padding: 0 25px;
    }
}

.more-btn2 {
    font-size: 15px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.more-btn2 i {
    font-size: 15px;
    -webkit-transform: translateY(1px) translateX(3px);
            transform: translateY(1px) translateX(3px);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.more-btn2:hover i {
    -webkit-transform: translateX(6px) translateY(1px);
            transform: translateX(6px) translateY(1px);
}

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

.slider-btn-home-2,
.home-2-custom-btn {
    border-radius: 4px;
    font-weight: 700;
    line-height: 52px;
    padding: 0 56px;
}

.home-2-custom-btn {
    padding: 0 47px;
}

.shake-animation:hover .shake-animation-img {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000px;
            perspective: 1000px;
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
                transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
                transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
                transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
                transform: translate3d(4px, 0, 0);
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
                transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
                transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
                transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
                transform: translate3d(4px, 0, 0);
    }
}

.container.boder1 {
    position: relative;
}

.container.boder1:after,
.container.boder1:before {
    content: "";
    height: 1000px;
    left: 1%;
    position: absolute;
    top: -118px;
    width: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container.boder1:after,
    .container.boder1:before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .container.boder1:after,
    .container.boder1:before {
        display: none;
    }
}

.container.boder1.service-border:after,
.container.boder1.service-border:before {
    height: 1300px;
    top: -110px;
}

.boder1.single-service-border:after,
.boder1.single-service-border:before,
.boder2.single-service-border:after,
.boder2.single-service-border:before {
    height: 1300px;
}

.container.boder1:before {
    left: 314px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .container.boder1:before {
        left: 256px;
    }
}

.single-service-tab-content img {
    position: relative;
    z-index: 9999;
}

.boder2 {
    position: relative;
    z-index: 1;
}

.boder2:after,
.boder2:before {
    content: "";
    height: 1000px;
    left: 600px;
    position: absolute;
    top: -30px;
    width: 1px;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .boder2:after,
    .boder2:before {
        left: 482px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .boder2:after,
    .boder2:before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .boder2:after,
    .boder2:before {
        display: none;
    }
}

.boder2.service-border:after,
.boder2.service-border:before {
    height: 1300px;
    top: -110px;
    z-index: -1;
}

.boder2:before {
    left: 900px;
    z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .boder2:before {
        left: 726px;
    }
}

.blog-img img {
    position: relative;
    z-index: 6;
}

.blog-img a {
    width: 100%;
}

.boder2.srv-border2:before {
    left: 1170px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .boder2.srv-border2:before {
        left: 940px;
    }
}

.boder2.department-border2:before {
    left: 1170px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .boder2.department-border2:before {
        left: 945px;
    }
}

.boder2.department-border2:before,
.boder2.department-border2:after {
    height: 1980px;
}

.boder1.department-border1:before,
.boder1.department-border1:after {
    height: 1980px;
}

.boder1.testimonial-border1:after,
.boder1.testimonial-border1:before,
.boder2.testimonial-border2:after,
.boder2.testimonial-border2:before {
    height: 1220px;
}

.boder2.long-border2:before,
.boder2.long-border2:after,
.boder1.long-border1:before,
.boder1.long-border1:after {
    height: 1990px;
}

.container.team-details-border-1:after {
    left: 0;
}

.boder2.notfound-border:before,
.boder2.notfound-border:after {
    top: -120px;
}

.boder1.home-2-border1:after {
    left: 2px;
    top: -203px;
    z-index: -1;
}

.boder1.home-2-border1:before {
    left: 401px;
    top: -135px;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .boder1.home-2-border1:before {
        left: 324px;
    }
}

.boder2.home-2-border2:after {
    left: 1182px;
    top: -200px;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .boder2.home-2-border2:after {
        left: 952px;
    }
}

.boder2.home-2-border2:before {
    left: 788px;
    top: -200px;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .boder2.home-2-border2:before {
        left: 631px;
        top: -135px;
    }
}

.container.boder1.blog-details-border1:after,
.container.boder1.blog-details-border1:before {
    height: 2300px;
}

.boder2.blog-details-border2:after,
.boder2.blog-details-border2:before {
    height: 2300px;
    top: -100px;
    z-index: -1;
}

.boder2.contact-border:before,
.boder2.contact-border:after {
    top: -100px;
    height: 1400px;
}


/*
 *****************************************
 >>> | 03. header SCSS Start
 *****************************************
*/

@media (max-width: 767px) {
    br {
        display: none;
    }
}

.header-area {
    padding: 20px 0px;
}

.menu-right-btn {
    position: absolute;
    right: 0;
    top: -5px;
    z-index: 99;
}

@media (max-width: 767px) {
    .menu-right-btn {
        right: 90px;
    }
}

.menu-right-btn a {
    border-radius: 3px;
    font-weight: 600;
    padding: 10px 40px 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-right-btn a {
        padding: 9px 18px;
    }
}

@media (max-width: 767px) {
    .menu-right-btn a {
        padding: 8px 18px;
    }
}

.menu-right-btn .hover-efct-bg:before {
    border-radius: 3px;
}

.logo {
    position: relative;
    z-index: 1;
}

.logo :before {
    content: "";
    height: 79px;
    position: absolute;
    right: 10%;
    top: -20px;
    width: 10000px;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo :before {
        right: -15%;
    }
}

@media (max-width: 767px) {
    .logo :before {
        right: -10%;
    }
}

.mainmenu-area {
    padding-left: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mainmenu-area {
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu-area {
        padding-left: 0px;
    }
}

.mainmenu-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.mainmenu-area ul li:hover ul.submenu {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 100%;
}

.mainmenu-area ul li ul.submenu {
    position: absolute;
    width: 190px;
    z-index: 12;
    top: 130%;
    padding: 16px 0px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mainmenu-area ul li ul.submenu {
        width: 175px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu-area ul li ul.submenu {
        width: 150px;
    }
}

.mainmenu-area ul li ul.submenu li {
    display: block;
    float: left;
}

.mainmenu-area ul li ul.submenu li a {
    display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu-area ul li ul.submenu li a {
        padding-left: 12px;
    }
}

.mainmenu-area ul li a {
    display: block;
    padding: 7px 19px 0;
    text-decoration: none;
    font-size: 16px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mainmenu-area ul li a {
        padding: 7px 11px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu-area ul li a {
        padding: 5px 5px 0;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .mainmenu-area {
        display: none;
    }
}


/*
 *****************************************
 >>> | 03. respnisve menu scss
 *****************************************
*/

.slicknav_menu {
    display: none;
}

@media (max-width: 767px) {
    .slicknav_menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        display: block;
        position: absolute;
        right: 0;
        top: -60px;
        width: 100%;
        z-index: 11;
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .slicknav_menu {
        top: -26px;
    }
}

.slicknav_menu ul {
    width: 100%;
}

.slicknav_menu a.slicknav_btn {
    margin: 24px 3px 16px;
}


/*
 *****************************************
 >>> | 04. Slider SCSS Start
 *****************************************
*/

.slide-area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
}

.slide-area .slide-wraper,
.slide-area .home-2-slider-wraper {
    height: 100%;
    width: 100%;
}

.slide-area .slide-wraper .single-slide,
.slide-area .home-2-slider-wraper .single-slide {
    background-position: center center;
    background-size: cover;
    height: 100%;
    padding-bottom: 210px;
    padding-top: 110px;
}

.slide-area .slide-wraper .single-slide .single-slide-text h1,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text h1 {
    font-size: 55px;
    line-height: 60px;
    margin-bottom: 27px;
    font-weight: 800;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slide-area .slide-wraper .single-slide .single-slide-text h1,
    .slide-area .home-2-slider-wraper .single-slide .single-slide-text h1 {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .slide-area .slide-wraper .single-slide .single-slide-text h1,
    .slide-area .home-2-slider-wraper .single-slide .single-slide-text h1 {
        font-size: 40px;
        line-height: 40px;
    }
}

.slide-area .slide-wraper .single-slide .single-slide-text h4,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text h4 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 25px;
}

.slide-area .slide-wraper .single-slide .single-slide-text .slider-btn,
.slide-area .home-2-slider-wraper .single-slide .single-slide-text .slider-btn {
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    line-height: 52px;
    padding: 0 43px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider-progress-bar {
    bottom: -33%;
    height: 2px;
    position: absolute;
    width: 120px;
}

.slider-progress-bar:before {
    z-index: 1;
    -webkit-animation: bg_width 6s linear infinite;
    animation: bg_width 6s linear infinite;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
}

@-webkit-keyframes bg_width {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.slide-area .owl-nav div {
    font-size: 16px;
    font-weight: 600;
    left: 10px;
    letter-spacing: 3px;
    position: absolute;
    top: 44%;
    background: inherit;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slide-area .owl-nav div {
        top: 41%;
    }
}

@media (max-width: 767px) {
    .slide-area .owl-nav div {
        top: 80%;
    }
}

.slide-area .owl-nav .owl-next {
    left: auto;
    right: 10px;
}

/*
 *****************************************
 >>> | 05. service area SCSS start
 *****************************************
*/

@media (max-width: 767px) {
    .service-area .service-single-items {
        margin-bottom: 40px;
        margin-top: 30px;
        text-align: center;
    }
}

.service-area .service-single-items h3 {
    font-size: 25px;
    margin-bottom: 22px;
    margin-top: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-area .service-single-items h3 {
        font-size: 19px;
    }
}

.service-area .service-single-items h5 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 17px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .service-area .service-single-items h5 br {
        display: none;
    }
}

@media (max-width: 767px) {
    .service-area .service-single-items h5 br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-area .service-single-items h5 {
        font-size: 14px;
        line-height: 22px;
    }
    .service-area .service-single-items h5 br {
        display: none;
    }
}





/*
 *****************************************
 >>> | 05. service area bottom SCSS start
 *****************************************
*/

.service-bottom-tab {
    padding-bottom: 100px;
}

.single-service-menu ul li {
    float: none;
    margin: 0;
}

.single-service-menu ul li a {
    font-weight: 600;
    margin: 0;
    padding-bottom: 19px;
    padding-top: 19px;
}

.single-service-menu ul li a:hover {
    border: 1px solid transparent;
}

.single-service-menu .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-color: none;
    -o-border-image: none;
       border-image: none;
    border-style: none;
    border-width: 0px;
    cursor: default;
}

@media (max-width: 767px) {
    .single-service-tab-content {
        margin-top: 30px;
    }
}

.single-service-tab-content h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 18px;
    margin-top: 30px;
}

.single-service-tab-content h5 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 35px;
}





/*
 *****************************************
 >>> | 05. contact area SCSS start
 *****************************************
*/

.contact-area {
    background: url(assets/images/contact.bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 2;
}

.contact-area:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    z-index: -1;
}

.contact-left h1 {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-left h1 {
        font-size: 28px;
    }
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
}

.contact-area .contact-form form input[type="text"],
.contact-area .contact-form form input[type="email"] {
    border: medium none;
    border-radius: 40px;
    line-height: 50px;
    margin-bottom: 30px;
    padding-left: 14px;
    width: 100%;
}

.contact-area .contact-form form .nice-select.select-option {
    border: medium none;
    border-radius: 30px;
    width: 100%;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    position: relative;
    z-index: 9999;
}

@media (max-width: 767px) {
    .contact-area .contact-form form .nice-select.select-option {
        margin-bottom: 30px;
    }
}

.home-3-contact-form form .nice-select.select-option {
    border: medium none;
    border-radius: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
    line-height: 50px;
}

.nice-select.select-option.open {
    z-index: 99999;
}

.contact-left .nice-select.select-option:after {
    right: 40.2px;
}

.nice-select.select-option:before {
    border-radius: 100px;
    content: "";
    height: 18px;
    position: absolute;
    right: 35px;
    top: 14px;
    width: 18px;
}

.nice-select.select-option ul {
    width: 100%;
    top: 0;
    position: relative;
    z-index: 99999;
}

@media (max-width: 767px) {
    .contact-right {
        margin-top: 40px;
    }
}

.contact-right h1 {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-right h1 {
        font-size: 28px;
    }
}

.contact-right-schdule ul {
    list-style: outside none none;
    margin: 0;
    padding: 25px 0;
}

.contact-right-schdule ul li {
    font-size: 16px;
    line-height: 30px;
    padding: 7px 26px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-right-schdule ul li {
        font-size: 15px;
        padding: 4px 16px;
    }
}

.contact-right-schdule ul li span.fix-date {
    float: right;
}


/*
 *****************************************
 >>> | . department area SCSS start
 *****************************************
*/

@media (max-width: 767px) {
    .service-bottom-tab.section-padding {
        padding-top: 60px;
    }
}

.department-area {
    padding-top: 50px;
}

.single-department {
    margin-bottom: 50px;
    margin-top: 50px;
}

.single-department img {
    height: 50px;
    width: auto;
}

.single-department h3 {
    font-size: 25px;
    margin-bottom: 28px;
    margin-top: 28px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-department h3 {
        font-size: 17px;
        margin-bottom: 18px;
    }
}

.single-department h5 {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-department h5 {
        font-size: 15px;
        line-height: 24px;
    }
}

.drpartment-btn {
    margin-top: 10px;
}


/*
 *****************************************
 >>> | countdown area SCSS start
 *****************************************
*/

.countdown-area {
    background: url(assets/images/countdown-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    position: relative;
    z-index: 1;
}

.countdown-area:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.single-counter h1 {
    font-size: 65px;
    font-weight: 900;
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .single-counter h1 {
        font-size: 56px;
    }
}

.single-counter h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-counter h4 {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .single-counter h4 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .single-counter {
        margin-bottom: 20px;
        margin-top: 20px;
    }
}


/*
 *****************************************
 >>> | countdown area SCSS end
 *****************************************
*/

.doctor-single-slide {
    padding-right: 91px;
    position: relative;
    padding-bottom: 100px;
}

.doctor-single-slide img {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-single-slide {
        padding-right: 75px;
    }
}

.doctor-single-slide-text {
    bottom: 25px;
    left: -15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 10px;
    position: absolute;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    visibility: hidden;
    width: 72%;
}

.doctor-single-slide-text {
    bottom: 10px;
    left: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 30px;
    position: absolute;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    visibility: hidden;
    width: 73.3%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-single-slide-text {
        width: 72%;
        padding: 10px;
        bottom: 65px;
        left: -15px;
    }
}

.doctor-single-slide-text h4 {
    font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-single-slide-text h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-single-slide-text h5 {
        margin-bottom: 5px;
    }
}

.doctor-single-slide-text p {
    font-size: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-single-slide-text p {
        line-height: 23px;
        font-size: 14px;
    }
}

.doctor-single-slide-text a {
    font-size: 16px;
    margin-top: 9px;
    margin-right: 22px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-single-slide-text a {
        font-size: 16px;
        margin-top: 0px;
    }
}

.doctor-slide-hover:hover .doctor-single-slide-text {
    left: 70px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-slide-hover:hover .doctor-single-slide-text {
        left: 0px;
    }
}

@media (max-width: 767px) {
    .doctor-slide-hover:hover .doctor-single-slide-text {
        left: 0px;
    }
}

.doctor-area .owl-nav div {
    font-size: 25px;
    position: absolute;
    right: -40px;
    top: 0%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 70px;
    width: 70px;
    background-size: cover !important;
    background-position: center;
    background-position: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-area .owl-nav div {
        right: -15px;
    }
}

@media (max-width: 767px) {
    .doctor-area .owl-nav div {
        right: 0;
    }
}

.doctor-area .owl-nav div i.zmdi {
    margin-top: 113%;
}

.doctor-area .owl-nav .owl-next {
    top: 28%;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .doctor-area .owl-nav .owl-next {
        top: 43%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .doctor-area .owl-nav .owl-next {
        top: 40%;
    }
}

@media (max-width: 767px) {
    .doctor-area .owl-nav .owl-next {
        top: 45%;
    }
}


/*
 *****************************************
 >>> | doctor trade slide SCSS start
 *****************************************
*/

.brand-logo-area {
    padding-top: 20px;
}

.brand-logo-single-slide {
    border: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.brand-logo-single-slide:hover {
    border: 1px solid;
}


/*
 *****************************************
 >>> |  blog area SCSS start
 *****************************************
*/

@media (max-width: 767px) {
    .blog-single-items {
        margin-bottom: 35px;
        margin-top: 25px;
    }
}

.blog-single-items h4 {
    line-height: 30px;
    margin-bottom: 22px;
}

.blog-single-items p {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 17px;
}

.blog-btn {
    font-weight: 600;
}

.ex-margin {
    margin-bottom: 40px;
    margin-top: 40px;
}

.blog-padding {
    padding-bottom: 70px;
    padding-top: 60px;
}

.blog-img {
    overflow: hidden;
}

.blog-img img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.blog-single-items:hover .blog-img img {
    -webkit-transform: scale(1.3) rotate(-4deg);
            transform: scale(1.3) rotate(-4deg);
}

.blog-pagination {
    margin-top: 20px;
}

.blog-pagination ul li a {
    border: medium none;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    margin: 0 3px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 35px;
}

@media (max-width: 767px) {
    .blog-pagination ul li a {
        width: 33px;
        height: 33px;
    }
}

.blog-pagination ul li:last-child a,
.blog-pagination ul li:first-child a {
    margin-left: 13px;
}

.blog-pagination ul li:first-child a {
    margin-right: 13px;
    margin-left: 0px;
}


/*
 *****************************************
 >>> |  blog details area SCSS start
 *****************************************
*/

.blog-meta-right {
    float: right;
}

.blog-img img {
    width: 100%;
}

.blog-meta-right a {
    margin-left: 18px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media (max-width: 767px) {
    .blog-meta-right {
        float: left;
    }
}

@media (max-width: 767px) {
    .meta-date {
        float: left;
    }
}

.blog-details-main-img {
    margin-bottom: 30px;
}

.blog-meta-left span,
.blog-meta-right {
    font-size: 14px;
}

.blog-meta-left span.meta-1 {
    margin-left: 55px;
    margin-right: 36px;
}

@media (max-width: 767px) {
    .blog-meta-left span.meta-1 {
        float: right;
        margin-left: 0px;
        margin-right: 0;
    }
}

.blog-details-text {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .blog-details-text {
        margin-top: 60px;
    }
}

.blog-details-text h3 {
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-details-text h3 {
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    .blog-details-text h3 {
        line-height: 33px;
    }
}

.cutom-margin {
    margin: 24px 0;
}

span.meta-block,
span.meta-block a {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.meta-block {
    margin-top: 30px;
}

.meta-block span {
    border: 1px solid #ececec;
    border-radius: 30px;
    line-height: 40px;
    margin-left: 20px;
    padding: 0 23px;
}

@media (max-width: 767px) {
    .meta-block span {
        margin-bottom: 10px;
        padding: 0 20px;
    }
}

.meta-block i {
    margin-right: 15px;
}

.blog-details-comments {
    margin-top: 80px;
}

.blog-details-comments h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px;
}

.blog-details-single-comments img {
    float: left;
}

.blog-details-comments-text {
    margin-left: 118px;
    line-height: 28px;
}

.blog-details-comments-text h4 {
    font-weight: 400;
    margin-bottom: 7px;
    margin-top: 5px;
    font-size: 14px;
}

.reply-tag {
    float: right;
}

.blog-details-reply-comments {
    margin: 50px 0;
}

.blog-details-contact {
    margin-top: 77px;
}

.blog-details-contact h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 65px;
}

.blog-details-contact form input[type="text"] {
    border: medium none;
    line-height: 50px;
    margin-bottom: 20px;
    padding-left: 20px;
    width: 100%;
}

.blog-details-contact textarea {
    border: medium none;
    height: 165px;
}

.blog-details-contact input[type="submit"] {
    border: medium none;
    border-radius: 4px;
    font-weight: 700;
    line-height: 55px;
    margin-top: 6px;
    padding: 0 54px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.blog-details-contact input[type="submit"]:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

@media (max-width: 767px) {
    .blog-details-right {
        margin-top: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-details-right {
        margin-top: 60px;
    }
}

.blog-details-right form input[type="text"] {
    border: medium none;
    line-height: 50px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}

.blog-details-right form span {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 34px;
    top: 12px;
}

.blog-details-right h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
}

.recent-post-text {
    margin-left: 120px;
    font-weight: 600;
}

.recent-post-text span {
    font-size: 14px;
    font-weight: 400;
}

.recent-post-text span i {
    margin-right: 7px;
}

.recent-post-text h4 {
    display: inline;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.recent-post {
    margin-bottom: 50px;
}

.recent-post img {
    float: left;
}

.comment-admin {
    margin-left: 10px;
}

.blog-category a {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.blog-category a:hover i {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
}

.blog-category span {
    display: block;
    margin-bottom: 10px;
}

.blog-category span i {
    margin-right: 13px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.blog-category span.category-right {
    float: right;
}

.blog-details-tag a {
    border: 1px solid #a6a6a6;
    border-radius: 40px;
    line-height: 44px;
    margin: 10px 4px 8px;
    padding: 0 24px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-details-tag a {
        padding: 0 23px;
    }
}

.blog-details-tag a:hover {
    border-color: #56b9f0;
}

.blog-details-right-social a {
    margin-right: 16px;
    -webkit-transition: .4s;
    transition: .4s;
}


/*
 *****************************************
 >>> |  footer area SCSS start
 *****************************************
*/

.footer-area {
    background: url(assets/images/footer-widget-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

.footer-area:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

@media (max-width: 767px) {
    .footer-area {
        padding-bottom: 80px;
        padding-top: 50px;
    }
}

.footer-logo {
    margin-bottom: 47px;
}

.single-footer-widget.cta {
    padding-left: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .single-footer-widget.cta {
        padding-left: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-footer-widget.cta {
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .single-footer-widget.cta {
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .single-footer-widget {
        margin-top: 50px;
    }
}

.single-footer-widget h4 {
    font-size: 16px;
    line-height: 30px;
}

.single-footer-widget h3 {
    font-size: 22px;
    font-weight: 300;
}

.single-footer-widget h5 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 30px;
}

.single-footer-widget h4.footer-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.single-footer-widget .footer-title-border {
    height: 2px;
    margin-bottom: 36px;
    width: 50px;
}

.single-footer-widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.single-footer-widget ul li.footer-adderss {
    font-size: 16px;
}

.single-footer-widget ul li.footer-adderss i.zmdi {
    margin-right: 15px;
}

.single-footer-widget ul a {
    font-size: 16px;
    padding-bottom: 12px;
}

.single-footer-widget ul a i.zmdi {
    margin-right: 15px;
}

.single-footer-widget h3.footer-social-icon {
    font-size: 20px;
    font-weight: 700;
}

.single-footer-widget h3.footer-social-icon a {
    font-size: 16px;
    padding-left: 23px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.single-footer-widget h3.footer-social-icon a:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-footer-widget {
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

.cta55 {
    padding-left: 9px;
}

.footer-contact-form {
    margin-bottom: 20px;
}

.footer-contact-form input[type="email"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    font-size: 16px;
    line-height: 48px;
    margin-bottom: 20px;
    padding-left: 12px;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-contact-form input[type="email"] {
        width: 70%;
    }
}


/*
 *****************************************
 >>> area SCSS start
 *****************************************
*/

.inner-page-hero-area {
    background: url(assets/images/inner-hero-about-bg.jpg) no-repeat;
    height: 320px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 320px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 9;
}

.inner-page-title h1 {
    font-size: 55px;
    font-weight: 800;
    margin-bottom: 22px;
}

@media (max-width: 767px) {
    .inner-page-title h1 {
        font-size: 45px;
    }
}

.inner-page-title h4 {
    font-weight: 400;
    margin: 0;
}


/*
 *****************************************
 >>> |  about page video-area SCSS start
 *****************************************
*/

.about-video-left h2 {
    font-size: 25px;
    margin-bottom: 25px;
}

.about-video-left p {
    font-size: 16px;
    margin-top: 40px;
}

.about-video-left-content-bottom {
    margin-top: 28px;
}

.about-video-left-content-bottom span {
    font-size: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .about-video-left-content-bottom span {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .about-video-left-content-bottom span {
        font-size: 14px;
    }
}

.about-video-left-content-bottom span i {
    font-size: 20px;
    margin-right: 12px;
}

.about-page-video-right img {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-page-video-right {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .about-page-video-right {
        margin-top: 50px;
    }
}

.about-page-video-right span.play-btn {
    border: 2px solid;
    border-radius: 100px;
    font-size: 25px;
    height: 90px;
    left: 50%;
    line-height: 90px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 90px;
    z-index: 2;
}

.our-medico-right .faq-list .panel-title a[aria-expanded="false"]:before {
    content: inherit;
}


/*
 *****************************************
 >>> |  about page medico-area SCSS start
 *****************************************
*/

.our-medico-logo {
    margin-bottom: 65px;
}

@media (max-width: 767px) {
    .our-medico-right {
        margin-top: 50px;
    }
}

.our-medico-right h3 {
    font-size: 25px;
    margin-bottom: 30px;
}

.our-medico-accordian {
    margin-top: 40px;
}

.our-medico-accordian a {
    display: inline-block;
    margin-left: 10px;
    padding-bottom: 12px;
    padding-top: 10px;
    width: 100%;
}

.our-medico-accordian .panel-heading {
    padding: 0;
}

.our-medico-accordian .panel-group .panel {
    border: inherit;
}

.our-medico-accordian .panel {
    box-shadow: none;
}

.our-medico-accordian .accourding-icon {
    margin-right: 10px;
}

.our-medico-accordian .according-zmd {
    float: right;
    font-size: 20px;
    margin-right: 50px;
    margin-top: 7px;
}


/*
 *****************************************
 >>> |  single service page start
 *****************************************
*/

.single-service-tabmenu li {
    float: inherit;
}

.single-service-tabmenu li a {
    border-bottom: 1px solid #efefef;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
    padding-left: 0px;
}

.single-service-tabmenu li a i {
    margin-right: 10px;
}

.single-service-tabmenu li.active a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor;
    -o-border-image: none;
       border-image: none;
    border-style: none none solid #efefef;
    border-width: medium medium 1px;
}

.single-service-bottom-left h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 22px;
}

.single-service-bottom-left p {
    font-size: 16px;
    line-height: 28px;
}

.single-service-bottom-left span {
    font-size: 16px;
    line-height: 28px;
}

.single-service-bottom-left .single-service-bottom-content {
    margin-top: 18px;
}

.single-service-bottom-left .single-service-bottom-content i {
    margin-right: 6px;
    font-size: 16px;
}

.single-service-bottom-left .single-service-text {
    margin-top: 25px;
}

.single-service-bottom-left .single-service-text {
    margin-top: 25px;
}

.single-service-right-img {
    margin-top: 57px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-service-bottom-right-img {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .single-service-tabmenu {
        margin-top: 30px;
    }
}


/*
 *****************************************
 >>> |  department page start
 *****************************************
*/

.department-page-single {
    margin-bottom: 80px;
}

.department-page-single .department-page-img {
    overflow: hidden;
}

.department-page-single img {
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.department-page-single h3 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 30px;
}

.department-page-single a {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}

.department-page-single:hover .department-page-img img {
    -webkit-transform: rotate(-3deg) scale(1.2);
            transform: rotate(-3deg) scale(1.2);
}

.department-page-single.margin-top40 {
    margin-top: 70px;
}

@media (max-width: 767px) {
    .department-page-single.margin-top40 {
        margin-bottom: 70px;
    }
}

.department-page-area {
    padding-bottom: 10px;
    padding-top: 100px;
}

@media (max-width: 767px) {
    .department-page-area {
        padding-bottom: 20px;
    }
}

.department-details-left h3 {
    font-size: 25px;
    font-weight: 600;
}

.department-details-left p {
    margin-bottom: 22px;
}

@media (max-width: 767px) {
    .department-details-left {
        margin-bottom: 70px;
    }
}


/*
 *****************************************
 >>> |  department details start
 *****************************************
*/

@media (max-width: 767px) {
    .margin-bottom70 {
        margin-bottom: 70px;
    }
}

.department-details-title h3 {
    font-size: 25px;
    margin: 0;
}

.department-details-schdule ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.department-details-schdule ul li {
    padding: 20px 22px 20px 12px;
}

.department-details-schdule ul li span.price-right {
    float: right;
}

.department-doctor-single-items {
    text-align: center;
}

.department-doctor-single-items h4 {
    margin-bottom: 5px;
    margin-top: 25px;
}

.department-doctor-single-items span {
    font-size: 15px;
}

.department-doctor-single-items .department-social-icon {
    margin-bottom: 10px;
    margin-top: 4px;
}

.department-doctor-single-items a {
    font-size: 15px;
    margin: 0 8px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.department-doctor-single-items p {
    margin-bottom: 0;
}

.department-doctor-single-items .department-doctor-img {
    position: relative;
    z-index: 1;
}

.department-doctor-single-items .department-doctor-img:after {
    border-radius: 40px;
    content: "";
    height: 70px;
    left: 0;
    position: absolute;
    top: 100px;
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 360px;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .department-doctor-single-items .department-doctor-img:after {
        left: -4%;
        width: 300px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .department-doctor-single-items .department-doctor-img:after {
        left: -13%;
        width: 250px;
    }
}

@media (max-width: 767px) {
    .department-doctor-single-items .department-doctor-img:after {
        display: none;
    }
}

.department-doctor-single-items:hover .department-doctor-img:after {
    -webkit-transform: rotate(35deg) scale(1.2);
            transform: rotate(35deg) scale(1.2);
}

@media (max-width: 767px) {
    .margin3 {
        margin-bottom: 70px;
        margin-top: 70px;
    }
}


/*
 *****************************************
 >>> |  testimonial start
 *****************************************
*/

.testimonial-page-area {
    padding: 70px 0;
}

@media (max-width: 767px) {
    .testimonial-page-area {
        padding: 50px 0px;
    }
}

.testimonial-page-single-items {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .testimonial-page-single-items {
        margin-bottom: 60px;
        margin-top: 60px;
        text-align: center;
    }
    .slider-progress-bar {
        display: none;
    }
}

.testimonial-page-img {
    float: left;
}

.testimonial-page-img h4 {
    margin-bottom: 10px;
    margin-top: 25px;
}

@media (max-width: 767px) {
    .testimonial-page-img {
        float: inherit;
        margin-bottom: 30px;
    }
}

.testimonial-page-content {
    margin-left: 200px;
    padding: 70px 25px 67px;
    position: relative;
    text-align: center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 1;
}

.testimonial-page-content p {
    font-size: 18px;
    font-style: italic;
    margin: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .testimonial-page-content p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .testimonial-page-content {
        padding: 50px 25px 30px;
    }
}

@media (max-width: 767px) {
    .testimonial-page-content {
        margin-left: 0;
    }
}

.testimonial-page-content:after {
    content: "";
    height: 40px;
    left: -15px;
    position: absolute;
    top: 25px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 40px;
    z-index: -1;
}

@media (max-width: 767px) {
    .testimonial-page-content:after {
        display: none;
    }
}

.testimonial-page-content i {
    font-size: 80px;
    left: 50%;
    position: absolute;
    top: 5%;
    -webkit-transform: translateX(-50%) translateY(5%);
            transform: translateX(-50%) translateY(5%);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .testimonial-page-content i {
        top: 0%;
        -webkit-transform: translateX(-50%) translateY(0%);
                transform: translateX(-50%) translateY(0%);
        left: 50%;
    }
}

.testimonial-page-content:hover {
    box-shadow: 0 2px 7px 6px #fbfbfb;
}

.testimonial-page-content:hover:after {
    box-shadow: -4px 4px 2px -1px #fbfbfb;
}


/*
 *****************************************
 >>> |  contact start
 *****************************************
*/

@media (max-width: 767px) {
    .contact-page-area {
        padding-bottom: 10px;
    }
}

.contact-page-single {
    border: 1px solid;
    height: 185px;
    padding: 27px 45px 16px;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-page-single {
        padding: 27px 5px 16px;
    }
}

@media (max-width: 767px) {
    .contact-page-single {
        margin-bottom: 90px;
    }
}

.contact-page-single h4 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 15px;
    color: #565656;
}

.contact-page-single h4 a {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 15px;
    color: #565656;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-page-single h4 a, .contact-page-single h4 {
        font-size: 15px;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-page-single h4 {
        font-size: 15px;
        margin-top: 5px;
    }
}

.contact-page-single span {
    border: 1px solid;
    font-size: 20px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: -12%;
    -webkit-transform: translateX(-50%) translateY(-12%);
            transform: translateX(-50%) translateY(-12%);
    width: 50px;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .map-contact-form {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .map-contact-form {
        margin-top: 50px;
    }
}

.map-contact-form input[name="name"],
.map-contact-form input[name="email"],
.map-contact-form input[name="subject"],
.map-contact-form input[name="phone"],
textarea {
    border: 1px solid #ededed;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
}

.map-contact-form textarea {
    height: 200px;
    margin-bottom: 30px;
}

.map-contact-form input[name="name"],
.map-contact-form input[name="email"] {
    margin-top: 0;
}


/*
 *****************************************
 >>> |  contact-2 start
 *****************************************
*/

@media (max-width: 767px) {
    .contact-form-2 {
        margin-top: 70px;
    }
}

.contact-2-details i {
    position: absolute;
    top: 14%;
}

.contact-2-details span {
    color: #565656;
    font-size: 16px;
    line-height: 23px;
    margin-left: 32px;
}

.contact-2-details>h4 {
    position: relative;
}

.margin30 {
    margin-top: 60px;
}

.contact-form-2 input[name="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #ededed;
    -o-border-image: none;
       border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    margin-bottom: 46px;
    padding-bottom: 22px;
    padding-left: 20px;
    width: 100%;
}

.contact-form-2 textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #ededed;
    -o-border-image: none;
       border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    margin-top: 0;
    padding-bottom: 40px;
    padding-top: 0;
    margin-bottom: 38px;
}

.map-1 {
    position: relative;
}

@media (max-width: 767px) {
    .map-1 {
        margin-bottom: 60px;
    }
}

.map-location {
    left: 50%;
    padding: 28px 30px 5px;
    position: absolute;
    text-align: center;
    top: 12%;
    -webkit-transform: translateX(-50%) translateY(12%);
            transform: translateX(-50%) translateY(12%);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .map-location {
        padding: 28px 20px 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .map-location {
        padding: 24px 18px 0px;
        top: 9%;
    }
}

.map-location h4 {
    font-size: 14px;
    line-height: 28px;
    text-align: left;
}

.map-location i {
    border-radius: 100px;
    box-shadow: 1px 1px 17px 5px #f9f9f9;
    font-size: 20px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    position: absolute;
    top: 57%;
    -webkit-transform: translateX(-50%) translateY(57%);
            transform: translateX(-50%) translateY(57%);
    width: 50px;
}


/*
 *****************************************
 >>> |  team member start
 *****************************************
*/

.team-details-left img {
    border: 1px solid;
}

.team-details-left-bottom h4 {
    margin-bottom: 15px;
    margin-top: 36px;
}

.team-details-left-bottom h5 {
    font-size: 15px;
}

.team-details-left-bottom span {
    display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-details-left-bottom span {
        font-size: 15px;
    }
}

.team-details-left-bottom span i {
    margin-right: 12px;
}

.team-social-icon {
    margin-top: 17px;
}

.team-social-icon a {
    font-size: 15px;
    margin-right: 10px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media (max-width: 767px) {
    .team-details-right {
        margin-top: 50px;
    }
}

.team-details-right p {
    margin-bottom: 18px;
}

.team-details-right-list h4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}

.team-details-left-list h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.team-details-schdule {
    margin-top: 113px;
}

.team-details-schdule .row {
    border-bottom: 1px solid #dcf2fe;
    margin-left: 4px;
    padding-bottom: 18px;
    padding-top: 18px;
}

.team-details-schdule .row .col-md-2 {
    padding-left: 0;
}

.team-details-schdule .row .col-md-4 {
    padding-right: 0;
}


/*
 *****************************************
 >>> |  appointment start
 *****************************************
*/

.appontment-single-form input[type="text"] {
    border: 1px solid #56b9f0;
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 100%;
    margin-bottom: 40px;
}

.select-option.select-appointment.bg {
    border: 1px solid #59b8ee;
    border-radius: 0;
    padding-left: 10px;
    width: 100%;
    margin-bottom: 40px;
    height: 52px;
}

.appointment-details-title h4 {
    font-weight: 600;
    margin-bottom: 35px;
}

.appointment-form .nice-select:after {
    font-size: 18px;
    right: 25px;
    top: 2px;
}

.appointment-form .nice-select {
    line-height: 51px;
}

.item-size {
    margin-bottom: 30px;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    font-weight: 400;
}

[type="checkbox"]:checked+label:before,
[type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
}

[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after {
    content: "\E876";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-family: "Material Icons";
    line-height: 14px;
}

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}

.items-bottom .item-size {
    display: inline-block;
    margin-right: 46px;
}

@media (max-width: 767px) {
    .items-bottom .item-size {
        margin-right: 45px;
    }
}

@media (max-width: 767px) {
    .items-bottom .item-size:last-child {
        margin-right: 0px;
    }
}

.appointment-form textarea {
    border: 1px solid #5dbbf0;
    height: 200px;
    margin-bottom: 35px;
}

.appointment-form h4 h4 {
    font-weight: 600;
    margin-bottom: 30px;
}


/*
 *****************************************
 >>> |  Pricing start
 *****************************************
*/

.single-pricing {
    padding-bottom: 40px;
    padding-top: 40px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-pricing {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.single-pricing h2 {
    font-weight: 700;
    margin-bottom: 30px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-pricing h2 {
        font-size: 22px;
    }
}

.single-pricing h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.single-pricing .pricing-btn {
    border-radius: 4px;
    font-weight: 600;
    margin-top: 20px;
    padding: 10px 45px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

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

.single-pricing ul li {
    line-height: 43px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-pricing ul li {
        font-size: 15px;
    }
}

.single-pricing .pricing-btn:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.single-pricing:hover {
    box-shadow: 0 0 26px 19px #fafafa;
}

.single-pricing.active {
    box-shadow: 0 0 26px 19px #fafafa;
}

.price-bottom {
    margin-top: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mini-pricing {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mini-pricing h2 {
        font-size: 24px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mini-pricing ul li {
        font-size: 14px;
        line-height: 34px;
    }
}

.single-pricing.mini-pricing {
    box-shadow: 0 0 26px 19px #fafafa;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .price-bottom .single-pricing.mini-pricing:nth-child(1),
    .price-bottom .single-pricing.mini-pricing:nth-child(2) {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .single-pricing,
    .single-pricing.mini-pricing {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .single-pricing:nth-child(1) {
        margin-top: 0;
    }
}

/*
 *****************************************
 >>> |  procedures & 404 start
 *****************************************
*/

.procedures-area {
    padding-top: 100px;
    padding-bottom: 20px;
}

.single-procedures {
    line-height: 30px;
    margin-bottom: 80px;
}

.single-procedures h3 {
    font-size: 25px;
    margin-bottom: 18px;
}

.notfound-area {
    padding-bottom: 170px;
    padding-top: 116px;
}

.notfound-area h1 {
    font-size: 250px;
    font-weight: 800;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .notfound-area h1 {
        font-size: 160px;
    }
}

.notfound-area h4 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .notfound-area h4 {
        font-size: 40px;
    }
}


/*
 *****************************************
 >>> |  home 2 header start
 *****************************************
*/

.top-area {
    border-bottom: 1px solid #c7e5e0;
    padding: 17px 0;
}

.top-area-single-items {
    float: left;
    margin-right: 47px;
    margin-top: 10px;
}

.top-area-single-items span i {
    height: 30px;
    margin-right: 21px;
    padding-left: 8px;
    padding-top: 9px;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 1;
}

.top-area-single-items span i:after {
    bottom: -6px;
    content: "";
    height: 30px;
    opacity: 0.48;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)";
    position: absolute;
    right: -7px;
    width: 30px;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .top-area-single-items span i {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .top-area-single-items {
        margin-right: 10px;
        font-size: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-area-single-items {
        margin-right: 0px;
    }
}

@media (max-width: 767px) {
    .top-area-single-items {
        margin-bottom: 20px;
    }
}

.top-area-single-items span {
    float: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-area-single-items.tablet-right {
        float: right;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-area-single-items.tablet-margin-top {
        margin-top: 30px;
    }
}

.top-area-right-btn {
    border-radius: 4px;
    font-weight: 700;
    line-height: 30px;
    padding: 12px 28px;
    margin-left: 16px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .top-area-right-btn {
        padding: 9px 14px;
        font-size: 15px;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-area-right-btn {
        float: right;
        margin-top: 30px;
        margin-left: 0px;
    }
}

.home-2-mainmenu ul {
    list-style: outside none none;
    margin: 0 66px 0 0;
    padding: 0;
    display: block;
}

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

.home-2-mainmenu ul li a {
    display: inline-block;
    font-weight: 600;
    padding-left: 25px;
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-mainmenu ul li a {
        padding-left: 19px;
    }
}

.home-2-mainmenu ul li:hover ul.submenu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 30px;
    visibility: visible;
}

@media (max-width: 767px) {
    .home-2-mainmenu ul {
        display: none;
    }
}

.home-2-mainmenu ul.submenu {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding-bottom: 15px;
    padding-top: 15px;
    position: absolute;
    text-align: left;
    top: 180%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    visibility: hidden;
    width: 190px;
    z-index: 2;
}

.home-2-mainmenu ul.submenu li {
    display: block;
}

.home-2-mainmenu ul.submenu li a {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-mainmenu ul.submenu {
        width: 170px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-mainmenu ul.submenu {
        width: 167px;
    }
}


/*
 *****************************************
 >>> |  home-2 header end
 *****************************************
*/

.submit-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.submit-btn input {
    border: 1px solid #3ed5be;
    padding: 2px 9px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.search-trigger {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 5px;
}

@media (max-width: 767px) {
    .search-trigger {
        border: 1px solid #3ed5be;
        color: #333;
        font-size: 24px;
        height: 36px;
        line-height: 34px;
        right: 80px;
        text-align: center;
        top: -34px;
        width: 40px;
        z-index: 99;
    }
}

@media (max-width: 767px) {
    .home-2-header-area a.slicknav_btn {
        margin: -6px 4px 24px 0;
    }
}

.search-box {
    display: inline-block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 12px;
    position: absolute;
    right: 10px;
    top: 80px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    visibility: hidden;
    z-index: 3;
}

.search-box input {
    border: 1px solid #3ed5be;
    padding: 2px 8px;
}

.search-box.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 65px;
    visibility: visible;
}

.home-2-header-area {
    padding: 22px 0;
}

.home-2-mainmenu {
    padding-top: 4px;
}

/*
 *****************************************
 >>> |  home-2 hero start
 *****************************************
*/

.home-2-slider-text span {
    font-style: italic;
    font-weight: 400;
}

.home-2-slider-text h1 {
    font-style: italic;
    font-weight: 900;
    line-height: 75px;
    font-size: 65px;
}

.home-2-slider .home-2-slider-wraper .home-2-slider-single {
    background-position: center center;
    background-size: cover;
    height: 100%;
    padding-bottom: 110px;
    padding-top: 110px;
}

.home-2-slider.slide-area .owl-nav div {
    border: medium none;
    font-size: 20px;
    height: 24px;
    line-height: 23px;
    padding-left: 3px;
    right: 30px;
    text-align: center;
    top: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 30px;
}

@media (max-width: 767px) {
    .home-2-slider.slide-area .owl-nav div {
        right: 6%;
        top: 74%;
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
    }
}

.home-2-slider.slide-area .owl-nav .owl-prev {
    left: auto;
    top: 44%;
}

@media (max-width: 767px) {
    .home-2-slider.slide-area .owl-nav .owl-prev {
        right: 18%;
        top: 74%;
    }
}

/*
 *****************************************
 >>> |  home-2 event start
 *****************************************
*/

.event-single-items {
    padding: 55px 20px 30px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .event-single-items {
        padding: 26px 8px 20px 13px;
        height: auto;
        line-height: 27px;
    }
}

.event-single-items h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .event-single-items h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .event-single-items h4 {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .event-single-items {
        padding: 55px 0 30px;
        font-size: 13px;
        line-height: 26px;
    }
}

.home-2-slider {
    position: relative;
}

.home-2-event {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
    z-index: 9;
    position: relative;
}

.home-2-event .row {
    border: 2px solid #fff;
}

.home-2-about-left img {
    width: 100%;
}

/*
 *****************************************
 >>> |  home-2 about start
 *****************************************
*/

.home-2-about-area {
    padding-top: 64px;
    position: relative;
    padding-bottom: 80px;
    z-index: 2;
}

@media (max-width: 767px) {
    .home-2-about-area {
        padding-top: 0px;
    }
}

.home-2-about-area h4 {
    line-height: 28px;
    margin-bottom: 40px;
    margin-top: 53px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-about-area h4 {
        margin-bottom: 30px;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-about-area {
        padding-top: 20px;
    }
}

.home-2-title-logo h1 {
    font-size: 40px;
    font-weight: 900;
    position: absolute;
    top: 22%;
    -webkit-transform: rotate(-90deg) translateX(0%) translateY(0px);
            transform: rotate(-90deg) translateX(0%) translateY(0px);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-title-logo h1 {
        -webkit-transform: rotate(-90deg) translateX(-6%) translateY(-26px);
                transform: rotate(-90deg) translateX(-6%) translateY(-26px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-title-logo h1 {
        text-align: center;
        top: auto;
        position: inherit;
        -webkit-transform: rotate(0deg) translateX(0%) translateY(0px);
                transform: rotate(0deg) translateX(0%) translateY(0px);
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .home-2-title-logo h1 {
        text-align: center;
        top: auto;
        position: inherit;
        -webkit-transform: rotate(0deg) translateX(0%) translateY(0px);
                transform: rotate(0deg) translateX(0%) translateY(0px);
        padding-bottom: 40px;
    }
}

.home-2-title-logo.home-2-Appointment-logo h1 {
    left: -75px;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    top: 145px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-title-logo.home-2-Appointment-logo h1 {
        -webkit-transform: rotate(-90deg) translateX(2%) translateY(-40px);
                transform: rotate(-90deg) translateX(2%) translateY(-40px);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-Appointment-logo h1 {
        -webkit-transform: rotate(-90deg) translateX(2%) translateY(45px);
                transform: rotate(-90deg) translateX(2%) translateY(45px);
    }
}


/*
 *****************************************
 >>> |  home-2 contact start
 *****************************************
*/

.home-2-contact-area {
    position: relative;
    padding: 100px 0px;
    z-index: 9;
}

.home-2-contact-area:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    position: absolute;
    z-index: 1;
    top: 0;
    width: 62%;
}

@media only screen and (min-width: 2300px) and (max-width: 3300px) {
    .home-2-contact-area:before {
        width: 56%;
    }
}

@media only screen and (min-width: 1360px) and (max-width: 2300px) {
    .home-2-contact-area:before {
        width: 60%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-contact-area:before {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .home-2-contact-area:before {
        width: 100%;
    }
}

.home-2-contact-area:after {
    background: rgba(0, 0, 0, 0) url("assets/images/home-2-contact-left-bg.png") repeat scroll left center/cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 62%;
}

@media only screen and (min-width: 2300px) and (max-width: 3300px) {
    .home-2-contact-area:after {
        width: 56%;
    }
}

@media only screen and (min-width: 1360px) and (max-width: 2300px) {
    .home-2-contact-area:after {
        width: 60%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-contact-area:after {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .home-2-contact-area:after {
        width: 100%;
    }
}

.home-2-contact-form input[type="text"] {
    border: none;
    border-radius: 3px;
    font-size: 14px;
    line-height: 46px;
    margin-bottom: 15px;
    padding-left: 10px;
    width: 100%;
    color:#666;
}

.home-2-contact-form input::-webkit-input-placeholder{
    color:#666;
}

.home-2-contact-form input::-moz-placeholder{
    color:#666;
}

.home-2-contact-form input:-ms-input-placeholder{
    color:#666;
}

.home-2-contact-form input::placeholder{
    color:#666;
}

.home-2-contact-form textarea {
    height: 122px;
    margin-top: 0;
    border: none;
    color:#666;
}
.home-2-contact-form textarea::-webkit-input-placeholder {
    color:#666;
}
.home-2-contact-form textarea::-moz-placeholder {
    color:#666;
}
.home-2-contact-form textarea:-ms-input-placeholder {
    color:#666;
}
.home-2-contact-form textarea::placeholder {
    color:#666;
}

.home-2-contact-form input[type="submit"] {
    border: medium none;
    border-radius: 3px;
    font-weight: 700;
    line-height: 50px;
    padding: 0 30px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-2-contact-form input[type="submit"]:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.home-2-contact-right h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 36px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-contact-right h3 br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-contact-right h3 {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .home-2-contact-right h3 {
        margin-top: 30px;
    }
}

.home-2-contact-right span {
    margin-bottom: 8px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-contact-right span {
        font-size: 14px;
    }
}

.home-2-contact-right span i {
    margin-right: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-contact-right span i {
        margin-right: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-contact-right span i {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .home-2-contact-right span i {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .home-2-contact-right span {
        font-size: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-custom-btn.efcbtn-2.margin-top-15 {
        background: #fff none repeat scroll 0 0;
        color: #3ed5be;
        margin-top: 30px;
    }
    .home-2-custom-btn.efcbtn-2.margin-top-15:hover {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .home-2-custom-btn.efcbtn-2.margin-top-15 {
        background: #fff none repeat scroll 0 0;
        color: #3ed5be;
        margin-top: 30px;
    }
    .home-2-custom-btn.efcbtn-2.margin-top-15:hover {
        color: #fff;
    }
}


/*
 *****************************************
 >>> |  home-2 service start
 *****************************************
*/

.home-2-single-service {
    margin-top: 80px;
}

.home-2-single-service h3 {
    font-weight: 700;
    margin-bottom: 22px;
    margin-top: 30px;
}

.home-2-doctor-single {
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-doctor-single {
        margin-bottom: 30px;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .home-2-doctor-single {
        margin-bottom: 40px;
        margin-top: 40px;
    }
}

.home-2-doctor-single h4 {
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 48px;
}

@media (max-width: 767px) {
    .home-2-doctor-single h4 {
        margin-top: 20px;
    }
}

.home-2-doctor-single span.home-2-doctor-meta {
    display: block;
    margin-bottom: 14px;
}

.home-2-doctor-single span.home-2-doctor-message {
    margin-bottom: 0;
    margin-top: 8px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-doctor-single span.home-2-doctor-message {
        font-size: 15px;
    }
}

.home-2-doctor-single span.home-2-doctor-message i {
    margin-right: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-doctor-single span.home-2-doctor-message i {
        margin-right: 5px;
    }
}

.home-2-doctor-single span.home-2-doctor-phone i {
    margin-right: 15px;
}

.home-2-section-title h1 {
    font-size: 40px;
    font-weight: 900;
}

@media (max-width: 767px) {
    .home-2-section-title h1 {
        font-size: 29px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .home-2-service {
        margin: 0 auto;
        width: 450px;
    }
    .cta44 {
        margin: 0 auto;
        width: 450px;
    }
    .home-3-department-bottom {
        margin: 0 auto;
        width: 450px;
    }
    .department-details-doctor {
        width: 450px;
        margin: 0 auto;
    }

    .about-video-area {
        margin: 0 auto;
        width: 450px;
    }
    .our-medico-area {
        margin: 0 auto;
        width: 450px;
    }

    .single-service-tab-area {
        margin: 0 auto;
        width: 450px;
    }
    .single-service-bottom {
        margin: 0 auto;
        width: 450px;
    }

    .department-page-area {
        margin: 0 auto;
        width: 450px;
    }

    .department-details {
        margin: 0 auto;
        width: 450px;
    }
    .department-details-bottom {
        margin: 0 auto;
        width: 450px;
    }

    .blog-details-area {
        margin: 0 auto;
        width: 450px;
    }
    .blog-meta-left {
        width: 100%;
    }
    .meta-comments {
        display: block;
    }
    .recent-post-text h4 {
        display: block;
    }
    .testimonial-page-area {
        width: 450px;
        margin: 0 auto;
    }
    .appointment-area {
        width: 450px;
        margin: 0 auto;
    }
    .pricing-area {
        width: 450px;
        margin: 0 auto;
    }

    .procedures-area {
        width: 450px;
        margin: 0 auto;
    }

    .team-details-area {
        width: 450px;
        margin: 0 auto;
    }
    .contact-page-area {
        width: 450px;
        margin: 0 auto;
    }
    .contact-2-area {
        width: 450px;
        margin: 0 auto;
    }
    .home-3-service-img img {
        width: 100%;
    }
    .home-3-single-service {
        width: 100%;
    }
    .map-contact-form {
        width: 450px;
        margin: 0 auto;
        margin-top: 50px;
    }
}

.home-2-single-service:hover .hover-pulse {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000px;
            perspective: 1000px;
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
                transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
                transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
                transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
                transform: translate3d(4px, 0, 0);
    }
}

/*
 *****************************************
 >>> |  home-2 cowndown start
 *****************************************
*/

.home-2-countdown {
    background: url(assets/images/home-2-count-bg.jpg);
    padding: 85px 0;
    position: relative;
    z-index: 2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-2-countdown:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    z-index: -1;
}

.home-2-single-count {
    text-align: center;
}

.home-2-single-count h4 {
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-single-count h4 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .home-2-single-count h4 {
        font-size: 15px;
    }
}

.home-2-single-count span.home-2-count {
    position: relative;
    font-size: 45px;
    font-weight: 700;
    margin-left: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-single-count span.home-2-count {
        font-size: 45px;
        margin-right: 15px;
    }
}

@media (max-width: 767px) {
    .home-2-single-count span.home-2-count {
        font-size: 35px;
    }
}

.home-2-single-count img {
    position: absolute;
}

@media (max-width: 767px) {
    .home-2-single-count {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}


/*
 *****************************************
 >>> |  home-2 testimonial start
 *****************************************
*/

.home-2-testimonial-area .faq-list h4.panel-title a {
    font-weight: 700;
}

.home-2-testimonial-left h1,
.home-2-testimonial-right h1 {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 88px;
}

@media (max-width: 767px) {
    .home-2-testimonial-left h1 {
        margin-top: 0px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-testimonial-right h1 {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .home-2-testimonial-right h1 {
        margin-bottom: 0px;
        margin-top: 40px;
    }
}

.home-2-testimonial-slide {
    margin-top: 105px;
}

@media (max-width: 767px) {
    .home-2-testimonial-single-slide {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .home-2-testimonial-slide {
        margin-top: 0px;
    }
}

.home-2-testimonial-area .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0 none;
    border-bottom: 0px;
}

.home-2-testimonial-area .panel-heading {
    border-bottom: 1px solid #46d7c1;
    padding-bottom: 19px;
    padding-left: 0;
}

.home-2-testimonial-area .panel-body {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 23px;
}

.home-2-testimonial-area .panel-body p {
    margin-bottom: 5px;
}

.home-2-testimonial-area .panel {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}

.home-2-testimonial-single-slide h4 {
    line-height: 30px;
    margin: 0;
    padding: 50px 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.home-2-testimonial-single-slide h4:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.home-2-testimonial-single-slide h4:before {
    bottom: -10px;
    content: "";
    height: 30px;
    left: 43px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 30px;
}

.home-2-testimonial-author {
    margin-top: 20px;
}

.home-2-testimonial-author img {
    margin-left: 20px;
    float: left;
}

.home-2-testimonial-author span {
    line-height: 28px;
    -webkit-transform: translateX(13px) translateY(16px);
            transform: translateX(13px) translateY(16px);
}

.home-2-testimonial-right .owl-carousel .owl-item img {
    width: auto;
}

.home-2-testimonial-right .owl-dots div {
    border-radius: 100px;
    display: inline-block;
    height: 13px;
    margin: 0 5px;
    width: 13px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-2-testimonial-right .owl-dots {
    margin-top: 30px;
    position: absolute;
    right: -56px;
    text-align: center;
    top: 50%;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-testimonial-right .owl-dots {
        bottom: -90px;
        right: 50%;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        top: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-testimonial-right .owl-dots {
        bottom: -90px;
        right: 50%;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        top: auto;
    }
}

@media (max-width: 767px) {
    .home-2-testimonial-right .owl-dots {
        bottom: -90px;
        right: 50%;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        top: auto;
        -webkit-transform: translateX(50%);
                transform: translateX(50%);
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .home-2-about-area {
        margin: 0 auto;
        width: 450px;
    }
    .home-2-contact-area {
        margin: 0 auto;
        width: 450px;
    }
    .cta-width {
        margin: 0 auto;
        width: 450px;
    }
    .home-2-testimonial-area {
        margin: 0 auto;
        width: 450px;
    }
    .home-2-testimonial-single-slide {
        width: 450px;
    }
}

/*
 *****************************************
 >>> |  home-2 footer start
 *****************************************
*/

.home-2-footer-widget {
    padding-bottom: 42px;
    padding-top: 100px;
    z-index: 2;
    position: relative;
}

@media (max-width: 767px) {
    .home-2-footer-widget {
        padding-top: 60px;
    }
}

.home-2-footer-widget-single img {
    float: left;
}

.home-2-footer-widget-title {
    margin-bottom: 20px;
    margin-left: 48px;
}

.home-2-footer-widget-title h4 {
    font-weight: 600;
    margin-bottom: 0;
}

.home-2-footer-widget-title span {
    font-size: 12px;
    font-weight: 300;
}

.home-2-footer-social-icon {
    margin-top: 38px;
}

.home-2-footer-social-icon a {
    height: 30px;
    margin: 0 6px;
    padding-left: 10px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 1;
}

.home-2-footer-social-icon a:after {
    content: "";
    height: 100%;
    left: 7px;
    opacity: 0.48;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)";
    position: absolute;
    top: 7px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
    z-index: -1;
}

.home-2-footer-social-icon a:hover:after {
    left: 0;
    top: 0;
}

.border-70 {
    height: 1px;
    margin-bottom: 34px;
    margin-top: 19px;
    width: 70px;
}

.home-2-footer-widget-single ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.home-2-footer-widget-single ul li span.widght-right {
    float: right;
}

.home-2-footer-widget-single.wid4 li {
    border-bottom: 1px solid #32414b;
    padding-bottom: 5px;
    padding-top: 7px;
}

.home-2-footer-widget-single.wid4 li:first-child {
    padding-top: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-footer-widget-single {
        margin-bottom: 30px;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .home-2-footer-widget-single {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

.home-2-footer-widget-single.wid2 a {
    font-weight: 300;
    padding-bottom: 6px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-2-footer-widget-single.wid2 a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.home-2-footer-widget-single.wid3 a {
    padding-bottom: 10px;
}

.home-2-footer-widget-single.wid3 a i {
    margin-right: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-footer-widget-single.wid3 a i {
        margin-right: 2px;
    }
}

.home-2-footer-widget-single.wid3 li i {
    margin-right: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-footer-widget-single.wid3 li i {
        margin-right: 2px;
    }
}

.home-2-footer-bottom {
    border-top: 1px solid #2a3841;
    padding: 20px 0;
}


/*
 *****************************************
 >>> |  home-3 header start
 *****************************************
*/

@media (max-width: 767px) {
    .home-2-header-area.cta {
        padding: 20px 0px 50px;
    }
}

@media (max-width: 767px) {
    .home-2-header-area.cta .slicknav_menu {
        top: 30%;
    }
}

@media (max-width: 767px) {
    .home-2-header-area.cta .slicknav_btn {
        margin: 13px 4px 7px 0;
    }
}

.carticon {
    left: 640px;
    position: absolute;
    right: 0;
    top: 17px;
    width: 22px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .carticon {
        right: 55px;
        left: auto;
    }
}

.carticon i {
    cursor: pointer;
}

@media (max-width: 767px) {
    .carticon {
        left: auto;
        right: 37%;
        top: 19px;
        z-index: 99;
    }
}

.search-trigger.trigger3 {
    right: 308px;
    top: 17px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .search-trigger.trigger3 {
        right: 240px;
        top: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search-trigger.trigger3 {
        right: 16px;
        left: auto;
    }
}

@media (max-width: 767px) {
    .search-trigger.trigger3 {
        border-color: #9bc54a;
        line-height: 34px;
        right: 20%;
    }
}

.search-box.search3 {
    right: 300px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .search-box.search3 {
        right: 226px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search-box.search3 {
        right: -6px;
    }
}

@media (max-width: 767px) {
    .search-box.search3 {
        right: 10%;
    }
}

.search-box.search3.show input {
    border: 1px solid;
}

.search-box.search3.show input[type="submit"]:hover {
    border: 1px solid;
}

.home-3-top-bn {
    border-radius: 3px;
    font-weight: 600;
    line-height: 52px;
    margin-top: 5px;
    padding: 0 40px;
    position: absolute;
    right: 0;
    top: 3px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-3-top-bn {
        padding: 0 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-3-top-bn {
        top: -63px;
        right: 15px;
    }
}

@media (max-width: 767px) {
    .home-3-top-bn {
        padding: 0 17px;
        top: -63px;
        right: 10px;
        line-height: 48px;
    }
}

.efcbtn-3:before {
    border-radius: 4px;
}

.home-2-mainmenu.home-3-maninmenu {
    padding-top: 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-mainmenu.home-3-maninmenu {
        margin-left: 65px;
    }
}

.home-2-mainmenu.home-3-maninmenu li {
    display: inline-block;
    position: relative;
}

.home-2-mainmenu.home-3-maninmenu li a {
    display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-2-mainmenu.home-3-maninmenu li a {
        padding-left: 13px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-mainmenu.home-3-maninmenu li a {
        padding-left: 21px;
    }
}

.home-2-mainmenu.home-3-maninmenu li ul.submenu {
    position: absolute;
    left: 0;
    top: 65px;
    width: 220px;
    z-index: 999;
    padding: 15px 0px;
    line-height: 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-2-mainmenu.home-3-maninmenu li ul.submenu {
        width: 190px;
    }
}

.home-2-mainmenu.home-3-maninmenu li ul.submenu li {
    display: block;
}

.home-2-mainmenu.home-3-maninmenu li ul.submenu a {
    display: block;
}

.home-2-mainmenu.home-3-maninmenu li:hover ul.submenu {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 30px;
}

.home-3-cart-box {
    border: 1px solid #9bc54a;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 0 15px;
    position: absolute;
    right: 24%;
    top: 100px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    visibility: hidden;
    z-index: 3;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-3-cart-box {
        right: 0;
    }
}

@media (max-width: 767px) {
    .home-3-cart-box {
        right: 25%;
    }
}

.home-3-cart-box span {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.home-3-cart-box p {
    display: inline-block;
    float: right;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 15px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-3-cart-box strong {
    display: block;
    font-size: 15px;
    font-weight: 900;
    margin-left: 90px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-3-cart-box :before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #9bc54a currentcolor currentcolor #9bc54a;
    -o-border-image: none;
       border-image: none;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    content: "";
    height: 24px;
    left: 44%;
    position: absolute;
    top: -13px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-3-cart-box :before {
        left: 64%;
    }
}

@media (max-width: 767px) {
    .home-3-cart-box :before {
        left: 64%;
    }
}

.home-3-cart-box hr {
    margin: 10px 0px;
}

.home-3-cart-box.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 70px;
    visibility: visible;
}

.home-3-cart-box img {
    float: left;
}

span.text {
    margin: 0 0 0 15px;
}


/*
 *****************************************
 >>> |  home-3 hero start
 *****************************************
*/

.singleSlide .singleSlideCell {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 210px 0px;
}

@media (max-width: 767px) {
    .singleSlide .singleSlideCell {
        padding: 150px 0px;
    }
}

.singleSlide .singleSlideCell .home-3-hero-text {
    font-size: 15px;
    text-align: left;
    line-height: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .singleSlide .singleSlideCell .home-3-hero-text {
        font-size: 14px;
        font-weight: 500;
    }
}

.singleSlide .singleSlideCell .home-3-hero-text h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 50px;
}

@media (max-width: 767px) {
    .singleSlide .singleSlideCell .home-3-hero-text h1 {
        line-height: 44px;
    }
}

.singleSlide .singleSlideCell .home-3-hero-text .home-3-hero-btn {
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    line-height: 52px;
    margin-top: 17px;
    padding: 0 60px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-3-hero-title {
    font-size: 20px;
    font-weight: 300;
    left: -67px;
    position: absolute;
    top: 50px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

@media only screen and (min-width: 1360px) and (max-width: 2300px) {
    .home-3-hero-title {
        left: -130px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-3-hero-title {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-3-hero-title {
        display: none;
    }
}

@media (max-width: 767px) {
    .home-3-hero-title {
        display: none;
    }
}

.home-3-hero-social-icon {
    left: -35px;
    position: absolute;
    top: 51%;
}

@media only screen and (min-width: 1360px) and (max-width: 2300px) {
    .home-3-hero-social-icon {
        left: -100px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-3-hero-social-icon {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-3-hero-social-icon {
        display: none;
    }
}

@media (max-width: 767px) {
    .home-3-hero-social-icon {
        display: none;
    }
}

.home-3-hero-social-icon a {
    border-radius: 100px;
    display: block;
    height: 35px;
    line-height: 35px;
    margin-bottom: 8px;
    margin-top: 6px;
    text-align: center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 35px;
}

.home-3-hero-area .owl-nav div {
    font-size: 20px;
    height: 30px;
    position: absolute;
    right: 110px;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 30px;
}

@media (max-width: 767px) {
    .home-3-hero-area .owl-nav div {
        left: 15px;
        top: 82%;
    }
}

.home-3-hero-area .owl-nav .owl-next {
    left: auto;
    right: 64px;
}

@media (max-width: 767px) {
    .home-3-hero-area .owl-nav .owl-next {
        left: 65px;
    }
}


/*
 *****************************************
 >>> |  home-3 service start
 *****************************************
*/

.home-3-section-title {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 77px;
}

.home-3-section-title h2 {
    font-weight: 900;
    margin-bottom: 15px;
}

.home-3-service-img {
    overflow: hidden;
}

.home-3-service-img img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.home-3-single-service {
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
}

.home-3-single-service:hover .home-3-service-img img {
    -webkit-transform: scale(1.3) rotate(2deg);
            transform: scale(1.3) rotate(2deg);
    border-radius: 4px;
}

.home-3-single-service.srv-bg-1:after,
.home-3-single-service.srv-bg-2:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 4px;
}

.home-3-service-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    top: 50%;
    z-index: 1;
}

.home-3-service-text span {
    margin-bottom: 16px;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-3-service-text span {
        margin-bottom: 5px;
        height: 64px;
        width: 64px;
        line-height: 56px;
    }
}

.home-3-service-text h4 {
    font-size: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-3-service-text h4 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0px;
    }
}

/*
 *****************************************
 >>> |  home-3 appontment start
 *****************************************
*/

.home-3-appintment {
    background: url(assets/images/home-3-appointment-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.home-3-contact-form input[type="text"] {
    width: 100%;
    padding-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 30px;
    border: none;
    line-height: 55px;
    font-size: 15px;
    height: 60px;
}

.home-3-contact-form {
    text-align: center;
}

.home-3-contact-form .nice-select.select-option {
    font-size: 15px;
    padding-left: 30px;
    height: 60px;
    line-height: 62px;
}

.home-3-contact-form .nice-select.select-option:before {
    border-radius: 100px;
    content: "";
    height: 60px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 70px;
    border-radius: 30px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.home-3-contact-form .nice-select.select-option:after {
    border-bottom: 0px solid;
    border-right: 0px solid;
    font-size: 25px;
    right: 25px;
}

.home-3-contact-form input[type="submit"] {
    margin-top: 17px;
    width: 100%;
    line-height: 55px;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    -webkit-transition: .4s;
    transition: .4s;
}

.home-3-contact-form input[type="submit"]:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.select-date {
    width: 100%;
    position: relative;
}

.select-date:after {
    border-radius: 100px;
    content: "";
    height: 60px;
    position: absolute;
    right: 0;
    top: 15px;
    width: 70px;
    border-radius: 30px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.select-date:before {
    content: "\f32e";
    font-family: material-design-iconic-font;
    position: absolute;
    right: 25px;
    z-index: 1;
    top: 30px;
    color: #fff;
    font-size: 20px;
}

.select-date input[type="text"] {
    font-size: 15px;
    height: 60px;
    line-height: 62px;
    width: 100%;
}

.home-3-contact-form form .nice-select.select-option {
    line-height: 62px;
}

.select-option.cta1.nice-select:after {
    content: '\f337';
    font-size: 20px;
}

.select-option.cta1.nice-select.open:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/*
 *****************************************
 >>> |  home-3 appontment start
 *****************************************
*/

.home-3-department-text {
    padding-bottom: 20px;
    padding-top: 40px;
}

.home-3-department {
    padding: 60px 0;
}

.home-3-single-department {
    text-align: center;
}

.home-3-single-department h4 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home-3-single-department h4 {
        font-size: 17px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-3-single-department h4 {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 767px) {
    .home-3-single-department img {
        height: 44px;
        width: 44px;
    }
}

@media (max-width: 767px) {
    .home-3-single-department {
        margin-bottom: 20px;
        margin-top: 20px;
    }
}

.home-3-bottom-right {
    font-size: 15px;
    line-height: 30px;
    margin-top: 6px;
    margin-left: -35px;
}

@media (max-width: 767px) {
    .home-3-bottom-right {
        margin-left: 0px;
    }
}

.home-3-bottom-right h2 {
    font-weight: 300;
    line-height: 37px;
    margin-bottom: 37px;
}

.home-3-bottom-right h2 span {
    font-weight: 400;
}

@media (max-width: 767px) {
    .home-3-bottom-right {
        margin-top: 40PX;
    }
}

.home-3-bottom-right h2 strong {
    font-weight: 900;
}

.home-3-single-department-bottom {
    position: relative;
    z-index: 1;
}

.home-3-single-department-bottom:after {
    border-radius: 10px;
    bottom: -30px;
    content: "";
    height: 200px;
    position: absolute;
    right: -30px;
    width: 200px;
    z-index: -1;
    box-shadow: 0 7px 18px #eeeeee;
}

@media (max-width: 767px) {
    .home-3-single-department-bottom:after {
        display: none;
    }
}

.home-3-single-department-bottom img {
    border-bottom-right-radius: 10px;
    width: 100%;
}

.more-btn2.cta2 {
    display: block;
    margin-top: 10px;
}

/*
 *****************************************
 >>> |  home-3 news start
 *****************************************
*/

.home-news-text {
    font-size: 15px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-news-text {
        text-align: left;
        left: 10px;
        font-size: 13px;
    }
}

.home-news-text h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-news-text h4 {
        font-size: 16px;
        line-height: 22px;
    }
}

.home-3-news-single {
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
}

.home-3-news-single:after {
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.74;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=74)";
    position: absolute;
    top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
}

.home-3-news-img {
    overflow: hidden;
}

.home-3-news-img img {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-3-news-single:hover .home-3-news-img img {
    -webkit-transform: scale(1.1) rotate(-2deg);
            transform: scale(1.1) rotate(-2deg);
}

.home-3-news-single:hover:after {
    border-radius: 8px;
    opacity: 0.92;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
}

.home-3-news {
    padding-bottom: 85px;
    padding-top: 30px;
}

@media (max-width: 767px) {
    .home-3-news {
        padding-top: 0PX;
    }
}

/*
 *****************************************
 >>> |  home-3 footer start
 *****************************************
*/

.home-3-footer-widget-single .home-3-footer-logo {
    display: block;
    margin-bottom: 10px;
}

.home-3-footer-social-icon {
    margin-top: 30px;
}

.home-3-footer-social-icon a {
    font-size: 16px;
    padding-right: 20px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

/*update css*/

.contact-area .contact-form form .nice-select.select-option ul li:hover {
    color: #555;
}

.appointment-form textarea::-webkit-input-placeholder {
    color: #777;
}

.appointment-form textarea::-moz-placeholder {
    color: #777;
}

.appointment-form textarea:-ms-input-placeholder {
    color: #777;
}

.appointment-form textarea::placeholder {
    color: #777;
}

.appointment-form textarea {
    color: #777;
}

.home-3-contact-form input[type="text"]{
    color: #9c9c9c;
}

.home-3-contact-form input::-webkit-input-placeholder{
    color: #9c9c9c;
}

.home-3-contact-form input::-moz-placeholder{
    color: #9c9c9c;
}

.home-3-contact-form input:-ms-input-placeholder{
    color: #9c9c9c;
}

.home-3-contact-form input::placeholder{
    color: #9c9c9c;
}

li.footer-adderss i, .home-2-footer-widget-single.wid3 li.c3s i {
    float: left;
    height: 100px;
    padding-top: 8px;
}

.search-box.search3.show input::-webkit-input-placeholder{
    color: #9c9c9c;
}

.search-box.search3.show input::-moz-placeholder{
    color: #9c9c9c;
}

.search-box.search3.show input:-ms-input-placeholder{
    color: #9c9c9c;
}

.search-box.search3.show input::placeholder{
    color: #9c9c9c;
}

.home-2-header-area .search-box input::-webkit-input-placeholder{
    color: #9c9c9c;
}

.home-2-header-area .search-box input::-moz-placeholder{
    color: #9c9c9c;
}

.home-2-header-area .search-box input:-ms-input-placeholder{
    color: #9c9c9c;
}

.home-2-header-area .search-box input::placeholder{
    color: #9c9c9c;
}
.home-2-header-area .search-box input[type="text"]{
    border-color: #3ed5be;
    color: #9c9c9c;
}
.search-box.search3.show input[type="text"]{
    border-color: #9bc54a;
    color: #9c9c9c;
}

/*
 *****************************************
 >>> |  preloader start
 *****************************************
*/

#loading {
    width: 100vw;
    height: 100vh;
    background: #20232D;
    position: fixed;
    z-index: 999;
}

#loading #preloader {
    position: relative;
    width: 100%;
    height: 80px;
    top: calc(50% - 50px);
    text-align: center;
    margin: 0 auto;
}

#loading #preloader:after {
    content: "MEDICO IS LOADING";
    /* Text under the circles */
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
    top: 90px;
    width: 100%;
    left: 0;
    right: 0;
    height: 1px;
    text-align: center;
}

#loading #preloader span {
    position: absolute;
    border: 4px solid;
    border-radius: 100%;
}

#loading #preloader span:nth-child(1) {
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    -webkit-animation: spin-1 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: spin-1 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

#loading #preloader span:nth-child(2) {
    top: 20px;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    -webkit-animation: spin-2 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: spin-2 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes spin-1 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    50% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes spin-1 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    50% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@-webkit-keyframes spin-2 {
    0% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    100% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
}

@keyframes spin-2 {
    0% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    100% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
}
/*
 *****************************************
 >>> |  preloader end
 *****************************************
*/
