/*-------------------------------------
  Template Name: Medipath .
  Template URI: http://webtend.net/
  Description: Health and Medical Care HTML Template.Medipath is a fully responsive Bootstrap HTML5 template designed for Medical, Clinic,Doctor, Health, Healthcare, Hospital And Medical care website. 
  Author: WebTend
  Author URI: //webtend.net/
  Version: 1.0
---------------------------------------
  CSS INDEX
=======================================
1.Theme Default CSS (body, link color, overlay etc).
2.Preloader css
3.Header top area css
4.Header area css
5.Banner section css
6.Slider section css
7.service-top section css
8.About section css
9.countdown-area section css
10.service section css
11.Department section css
12.Team section css
13.Testimonials section css
14.blog section css 
15.Footer Widget css
16.Footer area css
17.Scroll top css
18.medipath banner section css
19.service-details.html css
20.gallery.html css
21.404.html css
22.single-blog.html css
23.contact.html css
24.Index.html css
---------------------------------------*/

/*---------------------------------
  1,Start Theme Default css
-----------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');

/*@import url('../../../css.css');*/
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

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

ul {
    margin-bottom: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    margin-top: 7px;
    margin-bottom: 7px;
    text-transform: capitalize;
}

.anil {
    padding-right: 170px;
}

.kumar {
    padding-left: 45px;
}

p {
    font-size: 14px;
    margin: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #696b71;
    font-size: 14px;
    line-height: 1.8 !important;
}

section {
    overflow: hidden;
}

.overlay {
    width: 100%;
    height: 100%;
    background: #448AFF;
    opacity: 0.9;
    overflow: hidden;
}

.medipath-overlay1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1ed1c7;
    opacity: 0.8;
}

h3 {
    color: 00a651;

}

.abcd {
    color: #00a651;
}

.medipath-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0095da;
    opacity: 0.8;
}

.section-padding {
    padding: 30px 0px;
}

.medipath-title {
    margin-bottom: 60px;
}

.medipath-title h2 {
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
}

.medipath-title p {
    padding: 0 24%;
}

.medipath-btn {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 150px;
    text-align: center;
    border: 2px solid #448AFF;
    display: block;
    color: #673BB7;
    height: 50px;
    line-height: 46px;
    position: relative;
    overflow: hidden;
    background: transparent;
    transition: .3s;
}

.medipath-btn:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #1ED1C7;
    opacity: .8;
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .3s;
}

.medipath-btn:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #448AFF;
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .3s;
    transition-delay: .2s;
}

.medipath-btn:hover {
    color: #fff;
}

.medipath-btn:hover:before {
    top: 0;
    border: #448AFF;
}

.medipath-btn:hover:after {
    top: 0;
    border: #448AFF;
}

.no-padding {
    padding-right: 0px;
    padding-left: 0px;
}

/*---------------------------------
  End Theme Default css
-----------------------------------*/

/*---------------------------------
  2.Start Preloader Area css
-----------------------------------*/
.preloader-area {
    position: fixed;
    background: #fff;
    z-index: 11000;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.spinner {
    margin: auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -20px;
    top: 50%;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.cp-spinner {
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}

.cp-bubble {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
    box-sizing: border-box;
    background: #448AFF;
    animation: cp-bubble-animate 1s linear infinite;
}

.cp-bubble:before {
    border-radius: 50%;
    content: " ";
    width: 24px;
    height: 24px;
    display: inline-block;
    box-sizing: border-box;
    background-color: #448AFF;
    position: absolute;
    left: -30px;
    animation: cp-bubble-animate-before 1s ease-in-out infinite;
}

.cp-bubble:after {
    border-radius: 50%;
    content: " ";
    width: 24px;
    height: 24px;
    display: inline-block;
    box-sizing: border-box;
    background-color: #448AFF;
    position: absolute;
    right: -30px;
    animation: cp-bubble-animate-after 1s ease-in-out infinite
}

@keyframes cp-bubble-animate {
    0% {
        opacity: .5;
        transform: scale(1) translateX(0)
    }

    25% {
        opacity: 1;
        transform: scale(1.1)translateX(-15px)
    }

    50% {
        opacity: 1;
        transform: scale(1.2) translateX(15px)
    }

    100% {
        opacity: .5;
        transform: scale(1) translateX(0)
    }
}

@keyframes cp-bubble-animate-before {
    0% {
        opacity: .5;
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    100%,
    50% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes cp-bubble-animate-after {

    0%,
    50% {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100%,
    75% {
        opacity: 1;
        transform: scale(1)
    }
}

/*---------------------------------
  End Preloader Area css
-----------------------------------*/

/*---------------------------------
  3.Start header-top section css
-----------------------------------*/
.header-top {
    padding: 2px;
    background: #0095da;
}

.header-left span {
    margin-right: 10px;
    color: #fff;
}

.header-left span i {
    margin-right: 10px;
}

.header-right {
    float: right;
}

.header-right ul li {
    display: inline-block;
}

.header-right ul li i {
    margin-right: 10px;
    color: #fff;
    font-size: 16px;
}

.header-right ul li .a-link {
    padding: 13px 20px;
    background: #fff;
    color: #1ED1C7;
    text-transform: uppercase;
    font-size: 16px;
}

/*---------------------------------
  End header-top section css
-----------------------------------*/

/*---------------------------------
  4.Start header-area css
-----------------------------------*/
header {
    width: 100%;
    z-index: 337;
    background: #fff;
}

header.sticky {
    position: fixed;
    top: 0;
}

.sticky .main-menu-area {
    padding: unset;
    transition: .5s;
    /*box-shadow: 0 0 7px #ccc;*/
    box-shadow: 0 0 5px #000, -2px -2px 5px #000;
}

.sticky .main-menu ul li .sub-menu {
    margin-top: 40px;
}

/* main-menu */
.main-menu-area {
    padding: 0px;
}

.logo img {
    /*width: 100px;*/
    color: #1ED1C7;
}

.main-menu {
    float: right;
}

.main-menu ul {
    list-style: outside none none;
    margin: 0;
    padding-top: 0px;
}

.main-menu li {
    float: none;
    position: relative;
    display: inline-block;
    /*bottom: 35px;*/
}

.main-menu ul li:hover {
    background-color: 'red'
}

.main-menu li a {
    font-family: 'Open Sans', sans-serif;
    color: #595a5c;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    padding: 42px 0px;
    margin: 0px 5px;
}

.main-menu ul li ul.sub-menu li:last-child {
    border-bottom: none;
}

.color {
    color: #00a651;
}

.main-menu ul li ul.sub-menu {
    background: #fff none repeat scroll 0 0;
    border-width: 0 1px 1px;
    margin-top: 40px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 100px;
    visibility: hidden;
    width: 220px;
    z-index: 9999;
    border-top: 2px solid #448AFF;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform-origin: top;
    transform-origin: top;
}

.main-menu li:hover>.sub-menu {
    opacity: 1;
    top: 75%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.main-menu ul li ul.sub-menu li {
    float: none;
    display: block;
    border-bottom: 1px solid #a1a1a3;
    padding-bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: white;
}

.main-menu ul li ul.sub-menu li a {
    color: #595a5c;
}

.main-menu ul li ul.sub-menu li:last-child {
    border-bottom: none;
}

.main-menu ul li ul.sub-menu li:hover {
    background: #00a651;
}

.main-menu ul li ul.sub-menu li a:hover {
    color: #fff;
}

.main-menu ul ul li>a {
    font-weight: 600;
    padding: 8px 2px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
}

.corousel12-overlay {
    position: absolute;
    margin-top: 100px top:500;
    left: 0;
    z-index: 1;

}

.corousel-Top {
    color: #ffffff;
    background-color: #00a651;
    position: absolute;
    top: 201px;
    left: 820px;
    width: 500px;
    height: 85px;
    text-align: center;

}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

.video-js *,
.video-js :after,
.video-js :before {
    box-sizing: inherit;
}

.kgvid_video_meta {
    line-height: normal;
    color: white;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 103;
    margin: 0px;
    padding: 3px;
    width: 100%;
    overflow: hidden;
    background-color: rgba(40, 40, 40, 0.95);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s linear, opacity 1s linear;
    -moz-transition: visibility 1s linear, opacity 1s linear;
    -o-transition: visibility 1s linear, opacity 1s linear;
}

.kgvid_title {
    font-size: 10pt;
    padding-left: 4px;
    line-height: 20pt;
}

.kgvid_video_meta_hover {
    opacity: 1;
    visibility: visible;
}

.kgvid_meta_icons {
    position: relative;
    float: right;
    margin: 3px 0px 3px 0px;
}

.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0;
}

.video_kgvid_0-dimensions.vjs-fluid {
    padding-top: 77.77777777777779%;
}

.kg-video-js-skin {
    font-size: 10px;
    color: #fff;
}

.video-js,
.vjs-no-js {
    color: #fff;
    background-color: #000;
}

.video_kgvid_0-dimensions {
    width: 277px;
    height: 216px;
}

.vjs-fluid {
    padding-top: 56.25%;
}

.video-js {

    width: 270px;
    height: 210px;
}

.metaslider {
    position: relative;
    z-index: 0;
    border: 1px solid #ddd;
}

element.style {
    max-width: 370px;
}

@media (min-width: 768px) .col-sm-3 {
    width: 25%;
}


element.style {
    width: 275px;
    visibility: hidden;
    display: inline;
}

/*---------------------------------
  End header-area css
-----------------------------------*/

/*---------------------------------
    5.Start banner-area  css
-----------------------------------*/
.banner-area {
    background: url("../img/slider-1.jpg")no-repeat center;
    background-size: cover;
    position: relative;
}

.hero-area {
    padding-top: 170px;
    padding-bottom: 150px;
    color: #fff;
    position: relative;
}

.hero-text span {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.hero-text h1 {
    text-transform: uppercase;
    font-size: 44px;
    margin-bottom: 20px;
    font-weight: 700;
}

.hero-text p {
    padding: 0 27%;
    margin-bottom: 40px;
}

.hero-button .hero-btn {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 15px 20px;
    background: #448AFF;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    transition: .5s;
}

.hero-button .hero-btn:hover {
    background: #1ED1C7;
}

/*---------------------------------
  End Banner-area  css
-----------------------------------*/

/*---------------------------------
  6.Start slider-area  css
-----------------------------------*/
.slider-area {
    overflow: hidden;
}

.single-slider-1 {
    background: url("../img/slider-1.jpg")no-repeat center;
    background-size: cover;
    position: relative;
    text-align: center;
    color: #fff;
}

.single-slider-2 {
    background: url("../img/slider-2.jpg")no-repeat center;
    background-size: cover;
    position: relative;
    text-align: center;
    color: #fff;
}

.single-slider-3 {
    background: url("../img/slider-1.jpg")no-repeat center;
    background-size: cover;
    position: relative;
    text-align: center;
    color: #fff;
}

.slider-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}

.responsive .slick-prev {
    left: 40px;
    z-index: 1;
}

.responsive .slick-prev::before {
    content: "\f104";
    font-family: 'FontAwesome';
    color: #fff !important;
    background: #1ED1C7;
    font-size: 36px;
    cursor: pointer;
    padding: 3px 15px;
    font-weight: bold;
}

.responsive .slick-next {
    right: 40px;
}

.responsive .slick-next::before {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #fff !important;
    background: #1ED1C7;
    font-size: 36px;
    cursor: pointer;
    padding: 3px 15px;
    font-weight: bold;
}

.responsive .slick-prev,
.responsive .slick-next {
    width: 45px;
    height: 45px;
}

.responsive .slick-dots {
    bottom: 40px;
}

.responsive .slick-dots li button::before {
    width: 15px;
    height: 15px;
    content: '';
    background: #fff;
    border-radius: 10px;
    margin-top: 0px;
}

/*---------------------------------
  End slider-area  css
-----------------------------------*/

/*---------------------------------
    7.Start Service-top section css
-----------------------------------*/
.t-service-1 {
    background: #673BB7;
    padding: 30px;
}

.t-service-2 {
    background: #1ED1C7;
    padding: 30px;
}

.t-service-3 {
    background: #448AFF;
    padding: 30px;
}

.t-service-icon {
    margin-top: 15px;
    position: relative;
    margin-bottom: 15px;
}

.t-service-icon i {
    color: #fff;
    font-size: 28px;
}

.t-service-details {
    position: relative;
}

.t-service-details h4 {
    margin-bottom: 15px;
    color: #fff;
}

.t-service-details p {
    color: #fff;
    margin-bottom: 15px;
}

.t-service-details a {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    color: #fff;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 600;
    background: #222;
    transition: .5s;
}

.t-service-details a:hover {
    background: #1ED1C7;
    color: #222;
}

/*---------------------------------
    End Service-top section css
-----------------------------------*/

/*------------------------------
   8.Start about section css
------------------------------*/
.medipath-details .medipath-Welcome h2 {
    font-weight: 600;
    margin-bottom: 15px;
}

.medipath-details .medipath-Welcome h5 {
    margin-bottom: 10px;
    color: #448AFF;
}

.about-qoute {
    margin-top: 20px;
}

.about-qoute p {
    font-style: italic;
    margin-bottom: 30px;
}

.about-qoute span {
    color: #673BB7;
    font-style: normal;
    font-weight: 500;
}

/*------------------------------
  End about section css
------------------------------*/

/*------------------------------
  9.Start counter section css
------------------------------*/
.countdown-area {
    background: url("../img/counter-bg.jpg")no-repeat center fixed;
    background-size: cover;
    position: relative;
}

.countdown {
    margin-bottom: 60px;
    text-align: center;
    margin-top: 60px;
}

.counticon h1 {
    color: #fff;
}

.counticon h3 {
    color: #fff;
    letter-spacing: 2px;
}

.counticon i {
    font-size: 50px;
    color: #ffffff;
    font-weight: 700;
}

/*------------------------------
  End counter section css
-------------------------------*/

/*------------------------------
  10.Start service section css
-------------------------------*/
.service-area {
    text-align: center;
    padding: 30px;
    transition: .5s;
    border: 1px solid #448AFF;
    margin-bottom: 40px;
}

.service-area:hover {
    background-color: #448AFF;
    color: #fff;
}

.service-area:hover h4 {
    color: #fff !important;
}

.service-area:hover .single-service-icon i {
    background-color: #fff;
    color: #1ED1C7;
}

.service-area h4 {
    text-transform: uppercase;
    color: #1ED1C7;
    font-weight: 600;
}

.service-area p {
    margin-bottom: 0px;
}

.single-service-icon {
    margin-bottom: 20px;
}

.single-service-icon i {
    padding-top: 20px;
    font-size: 32px;
    width: 70px;
    height: 70px;
    color: #fff;
    background: #673BB7;
    border-radius: 50%;
    text-align: center;
    padding-left: 3px;
    transition: .5s;
}

.single-service-icon i:hover {
    color: #448AFF;
    transition: .3s;
}

/*------------------------------
    End service section css
-------------------------------*/

/*--------------------------------
    11.Start Department section css
----------------------------------*/
.department {
    /* background: url(../img/department-bg.jpg)no-repeat center fixed;*/
    background-size: cover;
    position: relative;
}

.m-title h2,
.m-title p {
    color: #fff;
}

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

.d-tab .nav-tabs {
    border-bottom: none;
}

.d-tab .nav-tabs li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}

.d-tab .nav-tabs>li>a {
    font-family: 'Raleway', sans-serif;
    margin-right: 5px;
    border-radius: 0;
    border: none;
    background-color: transparent;
    font-size: 16px;
    /*color: #fff;*/
    font-weight: 600;
    text-transform: uppercase;
}

.d-tab .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    margin-right: 0px;
    color: #111;
    cursor: default;
    /* background-color: #1ED1C7;*/
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.tab-bg {
    background: #fff;
    position: relative;
}

.tab-padding {
    padding: 40px 20px 55px;
    text-align: left;
}

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

.tab-details p {
    margin-bottom: 15px;
}

.tab-details .medipath-btn {
    margin-top: 20px;
}

.tab-details .medipath-btn:hover {
    z-index: 337;
}

/*--------------------------------
    End Department section css
----------------------------------*/

/*------------------------------
  12.Start Team section css
-------------------------------*/
.team-area {
    margin-bottom: 60px;
}

.team-social li {
    display: inline-block;
}

.team-social a {
    background: #673BB7;
}

.team-social a {
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    margin-right: 5px;
    transition: .5s;
}

.team-social a:hover {
    background: #fff;
    color: #222;
}

.team-social>ul {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 26%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 45%;
    visibility: hidden;
    z-index: -1;
}

.team-member:hover .team-social>ul {
    visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
}

.team-member img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%;
}

.team-member:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.team-member {
    position: relative;
    overflow: hidden
}

.team-social {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(23, 23, 23, 0.8) none repeat scroll 0 0;
    min-height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: perspective(700px) rotateX(90deg);
    transform: perspective(700px) rotateX(90deg);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 100%;
}

.team-member:hover .team-social {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: #448AFF;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(700px) rotateX(0deg);
    transform: perspective(700px) rotateX(0deg);
    visibility: visible;
}

.team-caption {
    border: 1px solid #448AFF;
    padding: 15px;
    border-top: 0;
}

/*-------------------------------
  End Team section css
-------------------------------*/

/*-------------------------------
  13.Start testimonial section css
-------------------------------*/
.testimonials {
    position: relative;
}

.test-b {
    margin-bottom: 40px;
}

.testimonial-area {
    background: #fff;
    padding: 40px;
    overflow: hidden;
}

.testimonial-text {
    margin-bottom: 30px;
}

.testimonial-details {
    border-top: 1px solid #ccc;
}

.testimonial-img {
    position: relative;
    margin-top: 20px;
}

.testimonial-img img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: relative;
}

.testimonial-info {
    position: absolute;
    left: 30%;
    bottom: 50px;
}

.testimonial-info h4 {
    position: relative;
    font-size: 17px;
    color: #232323;
    font-weight: 700;
    margin-bottom: 9px;
    margin-top: 22px;
}

.testimonial-slider .slick-dots li button::before {
    width: 25px;
    height: 6px;
    content: '';
    background: #fff;
    border-radius: 10px;
    border: 1px solid #fff;
    margin-top: 10px;
}

.testimonial-slider .slick-dots {
    bottom: -40px;
}

/*-------------------------------
  End testimonial section css
--------------------------------*/

/*-------------------------------
  14.Start blog section css
--------------------------------*/
.blog-area {
    margin-bottom: 80px;
}

.blog-area:hover .blog-item img {
    transform: scale(1.1) rotate(-3deg);
}

.blog-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: .5s;
}

.blog-item img {
    width: 100%;
    height: 100%;
    transition: .5s;
}

.blog-details {
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
}

.blog-details h3 {
    color: #448AFF;
    font-size: 36px;
}

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

/*--------------------------------
  End blog section css
--------------------------------*/

/*--------------------------------
  15.start widget section css
--------------------------------*/
.widget-area {
    background: #00a651;
}

.f-widget-title h4 {
    color: #fff;
    margin-bottom: 20px;
}

.about-us p {
    margin-top: 15px;
    color: #fff;
}

.about-social h5 {
    text-transform: uppercase;
    color: #8f8585;
    margin-top: 20px;
    margin-bottom: 15px;
}

.about-social ul li {
    display: inline-block;
    margin-right: 10px;
}

.about-social ul li a {
    display: block;
    color: #fff;
    height: 40px;
    width: 40px;
    /*background: #448AFF;*/
    text-align: center;
    line-height: 40px;
    transition: .5s;
}

.about-social ul li a:hover {
    background: #1ED1C7;
}

.categories li {
    list-style: none;
    margin-bottom: 11px;
}

.categories li i {
    margin-right: 10px;
}

.categories li a {
    color: #fff;
}

.news-letter p {
    color: #fff;
    margin-bottom: 30px;
}

.subcribe .form-control {
    position: relative;
}

.subcribe .medipath-btn {
    position: absolute;
    width: 60px;
    border-radius: 0;
    background: #448AFF;
    color: #fff;
    height: 48px;
    bottom: 16px;
    right: 15px;
}

.subcribe .medipath-btn:hover {
    z-index: 337;
}

/*--------------------------------
  End widget section css
--------------------------------*/

/*--------------------------------
  16.start footer section css
--------------------------------*/
.footer-area {
    padding: 50px 0;
    background: #0095da;
}

.footer-text {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fff;
}

.footer-head h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.footer-head p {
    color: #fff;
}

.add-01 p i {
    margin-right: 12px;
    float: left;
    font-size: 17px;
    color: #FFF;
    margin-top: 5px;
}

.add-01 p span {
    display: flex;
}

/*--------------------------------
  End footer section css
--------------------------------*/

/*--------------------------------
    17.Scroll top css
--------------------------------*/
#scroll-up {
    position: fixed;
    z-index: 337;
    bottom: 10px;
    right: 10px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    display: none;
    background: #0d75ba;
}

#scroll-up:hover {
    background: #444;
}

/*--------------------------------
    Scroll top css
--------------------------------*/

/*--------------------------------
  18.Start medipath-banner section css
--------------------------------*/
.medipath-banner {
    position: relative;
}

.medipath-banner-header {
    margin-bottom: 19px;
    margin-top: 23px;
    color: #fff;
    text-align: center;
}

.medipath-banner-header .breadcrumb {
    background: transparent;
    padding: 0px;
}

.medipath-banner-header .breadcrumb li a {
    color: #fff;
    /* text-transform: uppercase; */
}

.medipath-banner-header .breadcrumb>.active {
    color: #fff;
    text-transform: capitalize;
}

/*--------------------------------
  End medipath-banner section css
--------------------------------*/

/*--------------------------------
  19.Start service-details.html css
--------------------------------*/
.service-nav {
    margin-bottom: 40px;
}

.service-nav h2 {
    font-weight: bold;
}

.service-nav .nav {
    margin-top: 20px;
}

.service-nav .nav li {
    border-bottom: 2px solid #448AFF;
}

.service-nav .nav li a {
    padding: 12px 0px;
    font-size: 18px;
}

.service-nav .nav li a:hover {
    background-color: #448AFF;
    color: #fff;
    padding-left: 30px;
    transition: .6s;
}

.service-nav .nav li a i {
    margin-right: 18px;
    font-size: 22px;
}

.service-details-area h2 {
    font-weight: bold;
}

.service-details-area img {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.open-hour {
    background: #448AFF;
    padding: 15px;
}

.open-hour h4 {
    color: #fff;
}

.open-hour ul li {
    line-height: 30px;
    position: relative;
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    margin-bottom: 14px;
}

.open-hour ul li a {
    position: relative;
    font-size: 14px;
    color: #fff;
}

.open-hour ul li a span {
    position: relative;
    float: right;
}

/*--------------------------------
  End service-details.html css
--------------------------------*/

/*--------------------------------
  20.Start gallery.html css
--------------------------------*/
.portfolio-button {
    margin-bottom: 40px;
}

.portfolio-button .medipath-btn {
    display: inline-block;
    margin-right: 10px;
}

.padding {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.portfolio-single-item {
    position: relative;
    overflow: hidden;
}

.portfolio-single-item img {
    width: 100%;
    height: 100%;
    transition: .5s;
}

.portfolio-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #448AFF;
    opacity: 0;
}

.portfolio-single-item:hover .portfolio-overlay {
    opacity: .9;
    transition: .5s;
}

.portfolio-overlay .zoom {
    position: absolute;
    top: 43%;
    left: -50%;
    text-align: center;
    transition: .5s
}

.portfolio-overlay:hover .zoom {
    left: 37%;
}

.portfolio-overlay .zoom a {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: #673BB7;
    font-size: 22px
}

.portfolio-overlay .link {
    position: absolute;
    top: 43%;
    right: -50%;
    text-align: center;
    transition: .5s
}

.portfolio-overlay:hover .link {
    right: 37%;
}

.portfolio-overlay .link a {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: #673BB7;
    font-size: 22px
}

/*--------------------------------
  End gallery.html css
--------------------------------*/

/*------------------------------
    21.Start 404.html css
--------------------------------*/
.error-area {
    background: url(../img/erro-bg.jpg)no-repeat center fixed;
    background-size: cover;
    position: relative;
}

.error-text {
    padding-top: 150px;
    padding-bottom: 150px;
    color: #fff;
}

.error-text h1 {
    font-size: 88px;
}

.error-text p {
    margin-bottom: 40px;
}

.error-text .yourhome-btn {
    text-transform: capitalize;
}

.error-text .hero-btn {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 15px 20px;
    background: #448AFF;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    transition: .5s;
}

.error-text .hero-btn:hover {
    background: #1ED1C7;
}

/*------------------------------
    Start 404.html css
--------------------------------*/

/*--------------------------------
  22.Start single-blog.html css
--------------------------------*/
.single-btext {
    margin-top: 25px;
    margin-bottom: 25px;
}

.single-post-share {
    margin-bottom: 40px;
}

.single-post-share h4 {
    margin-bottom: 15px;
}

.single-post-share li {
    display: inline-block;
    margin-right: 10px;
}

.single-post-share li i {
    color: #fff;
    width: 30px;
    height: 30px;
    background: #0D75BA;
    border-radius: 30px;
    padding: 7px;
    text-align: center;
    font-size: 16px;
}

.single-post-share li i:hover {
    background: #222;
    color: #fff;
    transition: .5s;
}

.single-comment {
    border-bottom: 2px solid #0D75BA;
    overflow: hidden;
    padding: 20px 0px;
}

.single-comment:nth-child(2n+1) {
    padding-left: 100px;
}

.single-comment:last-child {
    border: none;
}

.comment-area h2 {
    margin-bottom: 30px;
}

.comment-img {
    float: left;
}

.comment-img img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.comment-details {
    margin-left: 130px;
}

.comment-details li {
    display: inline-block;
    margin-right: 10px;
}

.comment-details p {
    color: #8f8f8f;
}

.comment-details li i {
    margin-right: 10px;
}

.reply-button {
    float: right;
}

.reply-button i {
    color: #448AFF;
    font-weight: 600;
}

.comment-form h4 {
    margin-bottom: 30px;
}

.search-box {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}

.search-box .medipath-btn {
    position: absolute;
    width: 60px;
    border-radius: 0;
    background: #448AFF;
    color: #fff;
    height: 48px;
    bottom: 1px;
    right: 0px;
}

.search-box .medipath-btn:hover {
    z-index: 337;
}

.sidebar-title {
    border-bottom: 1px solid #448AFF;
}

.sidebar-title h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.recent-post {
    overflow: hidden;
}

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

.main-recent-post {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

.recent-post-img {
    float: left;
}

.recent-post-img img {
    width: 100px;
}

.recent-post-details {
    float: left;
    margin-left: 22px;
    margin-top: 0px;
}

.categories {
    overflow: hidden;
}

.categories-list {
    margin-top: 20px;
    margin-bottom: 20px;
}

ul.categorie-icon {
    color: #666;
    font-size: 16px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.categorie-icon li {
    position: relative;
    color: #448AFF;
    margin-bottom: 10px;
}

.categorie-icon li a {
    color: #448AFF;
}

.categorie-icon li a i {
    margin-right: 10px;
    color: #448AFF;
    margin-bottom: 10px;
}

.meta-list {
    margin-top: 20px;
}

.meta-tag h2 {
    margin-bottom: 20px;
}

.meta-tag a {
    padding: 5px 15px;
    margin-right: 15px;
    color: #448AFF;
    border: 1px solid #448AFF;
    display: inline-block;
    margin-bottom: 15px;
    transition: .5s;
}

.meta-tag a:hover {
    background: #448AFF;
    color: #fff;
}

/*------------------------------
  End single-blog.html css
--------------------------------*/

/*--------------------------------
  23.Start contact.html css
--------------------------------*/
.contact-us {
    border: 2px solid #448AFF;
    padding: 20px;
}

.contact-us-header {
    margin-bottom: 20px;
}

.contact-us h2 {
    margin-bottom: 20px;
}

.contact-us li {
    list-style: none;
    border-bottom: 0px solid #448AFF;
    margin-bottom: 20px;
}

.contact-us li:last-child {
    list-style: none;
    border-bottom: 0px;
    margin-bottom: -10px;
}

.contact-us li i {
    margin-right: 20px;
    margin-bottom: 20px;
    color: #448AFF;
    font-size: 18px;
}

.contact-header {
    margin-bottom: 20px;
}

.form-control {
    /*height: 50px;*/
    color: #aba8a8;
    background-image: none;
    border-radius: 0px;
    /*border: 1px solid #448AFF;*/
    border-radius: 5px;
}

.confirm {
    background: #448AFF;
}

.confirm .btn-danger {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 0px;
}

.confirm .btn-danger:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    transition: .6s;
}

.confirm .btn-danger:focus {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

#mycalendar2 {
    z-index: 337;
    overflow: hidden;
    margin-top: -290px;
}

.monthly-header {
    text-align: center;
    background: #448AFF;
}

.monthly-day,
.monthly-day-blank {
    text-align: center;
}

.monthly-day-pick.monthly-today .monthly-day-number {
    margin: 0px;
    border-radius: 0;
    height: 45px;
    width: 50px;
    background: #448AFF;
}

/*--------------------------------
  End contact.html css
--------------------------------*/

/*--------------------------------
  24.Start Index.html css
--------------------------------*/
.index-banner {
    background: url(../img/index-banner.jpg) no-repeat center fixed;
    background-size: cover;
    position: relative;
    padding-top: 150px;
    padding-bottom: 150px;
}

.medimath-header h2,
.medimath-header p {
    color: #fff;
}

.demo-box {
    margin: 0 auto;
}

.demo-title {
    margin-bottom: 40px;
}

.demo-title h3 a {
    text-transform: uppercase;
    color: #673BB7;
    font-weight: 600;
}

.demo-title h3 a:hover {
    color: #673BB7;
}

.demo-box {
    background: url('../img/demo-bg.png') no-repeat center top;
    background-size: cover;
    position: relative;
    width: 400px;
    height: 330px;
}

.demo-box .demo-scroll {
    background-position: center 0;
    background-repeat: no-repeat;
    position: absolute;
    width: 85%;
    height: 212px;
    top: 18px;
    left: 0;
    background-size: cover;
    right: 0;
    margin: 0 auto;
}

.demo-box .demo-scroll {
    transition: all 5s ease-out 0s;
    -webkit-transition: all 5s ease-out 0s;
    -moz-transition: all 5s ease-out 0s;
    -ms-transition: all 5s ease-out 0s;
    -o-transition: all 5s ease-out 0s;
}

.demo-box:hover .demo-scroll {
    background-position: center 100% !important;
}

.main-menu ul li:hover {
    background-color: 'red'
}

/*--------------------------------
  End Index.html css
--------------------------------*/




.goog-te-combo {
    color: #545657 !important;
    padding: 5px !important;
    border-radius: 5px !important;
    border: none !important;
    overflow-y: auto;
}

.goog-te-combo option {
    padding: 10px;
    color: #ffffff;
    border-bottom: 10px solid #a1a1a3;
    background: #41a750;
}

.goog-te-combo option::-webkit-scrollbar {
    width: 0 !important
}

.goog-te-combo option:hover {
    background: #fff !important;
    color: #000 !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.trans {
    float: right;
}

.trans select {
    padding: 5px;
}

.header-top {
    overflow: unset;
}

.translation-links li a {
    color: white;
    line-height: 0px;
}

.translation-links li ul li a {
    line-height: 20px;
}

.translation-links li ul li a span {
    float: right;
}

.translation-links li ul.sub-menu {
    width: 140px !important;
}


body {
    top: 0px !important;
}

.footer-icons ul li a {
    color: #ddd;
    display: block;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.footer-icons ul li {
    display: inline-block;
}

.footer-area-bottom {
    background: #000000 none repeat scroll 0 0;
    padding: 25px 0;
    border-top: 1px solid #000000;
}

.copyright>p {
    margin-bottom: 0;
    color: #ddd;
    text-align: center;
}

.suscribe-input input {
    background: transparent;
    border: medium none;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    padding: 11px 15px;
    height: 42px;
    border-radius: 0;
    width: 100%;
    border: 1px solid #fff;
}

.suscribe-input button {
    background: #00a651;
    border: 1px solid #8fd8f8;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 3px;
    transition: 0.4s;
    margin-top: 15px;
    text-transform: capitalize;
    font-weight: 700;
}

.suscribe-input button:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #fd5f16;
    transition: 0.4s;
}

.footer-icons {
    margin-top: 20px;
}

.footer-tags li a:hover,
.footer-icons ul li a:hover {
    color: #fff;
    background: #fd5f16;
    border: 1px solid #fd5f16;
}

.ww-email li a {
    padding: 5px 0px;
    text-transform: initial;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
}

.pp-01 {
    text-align: right;
    color: #FFF;
    font-size: 16px;
}

.logo {
    padding: 20px 0;
}

.sticky .logo img {
    display: block;
    /*width: 209px;*/
    height: auto;
}

.sub-menu li a {
    font-family: 'Open Sans', sans-serif;
    margin: 0px 8px;
}

.sticky .logo {
    /*padding: 11px 0;*/
}

.sticky .main-menu li a {
    /*padding: 28px 0px;*/
}

.sticky .sub-menu li a {
    padding: 11px 0px;
}

.qw-01 {
    text-align: center;
    border: 1px solid #CCC;
    padding-bottom: 10px;
}

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

.qw-01 p {
    background-color: #00a651;
    color: #FFF;
    padding: 4px 3px;
}

.qw-01:hover {
    border: 1px solid #33aae1;
}

ul.ww-email li {
    position: unset;
}

.form_col form {
    padding: 0px 15px;
}

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

div#restof img {
    width: 70%;
}

.dnb_logo {
    margin-top: 15px;
}

a.foot_mail {
    margin-left: 30px;
}

.blog_know {
    background-color: #0095da;
    color: white;
    padding: 10px 12px;
    text-align: center;
}

.blog_know a {
    color: white !important;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

p.blog_txt {
    height: 75px;
}

.col-md-3.blog_col img {
    height: 250px;
    width: 100%;
}

a.view_doc_btn {
    background-color: #00a651;
    color: white !important;
    padding: 10px;
    display: inline !important;
    margin: 10px !important;
}

@media only screen and (max-width: 425px) {
    a.view_doc_btn {
        background-color: #00a651;
        color: white !important;
        padding: 10px;
        display: flex !important;
        margin: 10px !important;
    }
}

@media only screen and (max-width: 600px) {
    .col-md-3.blog_col {
        margin-bottom: 20px;
    }

    p.blog_txt {
        height: unset;
    }
}

div#myModal_popup {
    top: 5% !IMPORTANT;
}

div#myModal_popup .modal-dialog {
    margin: 0 auto;
}

div#myModal_popup .modal-body {
    padding: unset;
    text-align: center;
}

div#myCarousel a.right.carousel-control,
div#myCarousel a.left.carousel-control {
    background-image: unset;
}

span.glyphicon.glyphicon-chevron-right,
span.glyphicon.glyphicon-chevron-left {
    color: #0094d5;
}

a.fixed_wa {
    position: fixed;
    bottom: 60px;
    background-color: #006600;
    left: 36px;
    border-radius: 50%;
    width: fit-content;
    padding: 12px 13px;
    font-size: 30px;
    display: flex;
    z-index: 99;
}

a.fixed_wa i {
    color: white;
}

a.fixed_wa:before {
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 8px solid #34bc48;
    -webkit-animation: zoomBig 3.25s linear infinite;
    animation: zoomBig 3s linear infinite;
}

@-webkit-keyframes zoomBig {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
        border-width: 5px;
    }

    40% {
        opacity: .5;
        border-width: 3px;
    }

    65% {
        border-width: 2px;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 0;
    }
}

@keyframes zoomBig {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
        border-width: 5px;
    }

    40% {
        opacity: .5;
        border-width: 3px;
    }

    65% {
        border-width: 2px;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 0;
    }
}

button.close {
    /*padding: 0;*/
    /*position: fixed;*/
    /*cursor: pointer;*/
    /*background: 0 0;*/
    /*border: 0;*/
    /*-webkit-appearance: none;*/
    position: absolute;
  top: 10px !important; /* Adjust the vertical spacing */
  right: 50px; /* Adjust the horizontal spacing */
  font-size: 20px; /* Optional: Adjust the font size */
  color: #000; /* Optional: Change color */
  z-index: 1051; /* Ensure it appears above modal content */
  background: transparent; /* Make it blend with modal background */
  border: none; /* Remove any borders */
}

.close {
    float: right;
    font-size: 35px !important;
    font-weight: 700;
    top: -8px !important;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: unset !important;
}

.mv1 {
    width: 32% !important;
    top: 20% !important;
}

@media (max-width: 786px) {
    .mv1 {
        width: 100% !important;
        top: 10% !important;
    }

    .col-md-2.tyu-01.prod_col {
        width: unset !important;
    }
}

.col-md-2.tyu-01.prod_col {
    width: 20%;
    padding: 10px;
}

.col-md-2.tyu-01.prod_col .qw-01 {
    padding: unset;
}



@media (max-width:1440px) {
    .made-in-india {
        display: none !important;
    }
}


.innerpage-header.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 100px !important;
    padding-right: 30px !important;
}



.innerpage-header .logo a img {
    height: 45px;
    width: auto;
}
 @media (min-width: 991px) {
     .made-in-india-2 {
         display: block !important;
     }
 }
.made-in-india-2 {
         display: none !important;
     }

@media (min-width: 768px) and (max-width: 991px) {
    .innerpage-header.container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 20px !important;
        padding-right: 0 !important;
    }

    .innerpage-header .logo a img {
        height: 30px;
        width: auto;
    }

    .main-menu li a {
        padding: 13px 0px !important;
    }
    .made-in-india-2 img {
        height: 60px !important;
        width: auto; 
    }
    .main-menu li a {
        font-size: 9.5px;
    }
}
.banner-title {
    font-size:36px;
}