@font-face {

    font-family: 'RobotoCondensed-R';

    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');

}

@font-face {

    font-family: 'RobotoCondensed-B';

    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf');

}

@font-face {

    font-family: 'RobotoCondensed-L';

    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Light.ttf');

}

@font-face {

    font-family: 'RobotoSlab-T';

    src: url('../fonts/Roboto_Slab/RobotoSlab-Thin.ttf');

}

@font-face {

    font-family: 'RobotoSlab-R';

    src: url('../fonts/Roboto_Slab/RobotoSlab-Regular.ttf');

}

@font-face {

    font-family: 'RobotoSlab-L';

    src: url('../fonts/Roboto_Slab/RobotoSlab-Light.ttf');

}

@font-face {

    font-family: 'RobotoSlab-B';

    src: url('../fonts/Roboto_Slab/RobotoSlab-Bold.ttf');

}

@font-face {

    font-family: 'OpenSans-R';

    src: url('../fonts/opensans/OpenSans-Regular.ttf');

}

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

    Main Style Stylesheet

    Project:    MediKos Center - HTML5 Template

    Version:    1.0

    Author:     Oasis Theme

    Last change:    27/12/2016

    Primary use:    ambulance, clinic, dental, doctor, family doctor, health, healthy,  medical, medical theme, medicine, pediatric, 

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



/* ========================================================================== */

/* ========================================================================== */

                            /* [Table of contents] */

/* ========================================================================== */

/* ========================================================================== */



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

1. Body

2. Headings

3. Header / .header

4. Navigation / #navbar

5. Slider/ .slider

6. Services / #services

7. Doctors / #doctors

8. About us / #about-us

9. Appointment / #appointment

10. Testimonials / #testimonials

11. Gallery / #gallery

12. Skills / #o-skills

13. Partners / #partners

14. Contact / #contact

15. Footer 

15.1. Google Map / #cd-google-map

15.2. Bootom / #bottom

16. Responsive

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



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

    Colors



# Dark grey (headings) #333

# Bluewood #34495E

# White (top navigation) #fff

# Blue (top navigation hover) #3498db 

# Gray (contents heading and paragraph) #393939

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

 

/*=======================================================

      THEME STYLING START

========================================================*/



body {

    font-family: 'OpenSans-R';

    font-size: 14px;

    line-height: 24px;

    color: #666;

    background-color: #fff;

}

/*=======================================================

      HEADINGS

========================================================*/

h1, h2, h3, h4, h5, h6 {

    color: #393939;

    font-family: 'RobotoCondensed-R';

    margin-top:0;

    margin-bottom:0;

}

h1 {font-size: 2.571em;font-weight: 400}

h2 {font-size: 2.2em;font-weight: 300;}

h3 { font-size: 30px;}

h4 {font-size: 1.429em;}

h5 {font-size: 1.2em;}

h6 {font-size: .75em;}

p {

    font-family: inherit;

    font-weight: 400;

    color: #393939;

    font-size: 1.286em;

    line-height: 24px;

    text-rendering: optimizeLegibility;

    margin-bottom: 0;

}


a {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    text-decoration: none !important;

}



ul {

    margin-bottom: 0px;

}

li {

    list-style: none;

}

a {

    text-decoration: none;

    color: #141414;

}

:focus, :active{outline: none !important;}

/*=======================================================

      HEADER

========================================================*/

.nav-bar-arihant{

    padding: 0 40px;

}



.btn-common {

    font-size: 1.125em;

    color: #fff;

    font-family: 'RobotoCondensed-R';

    border: 3px solid #3498db;

    /* border-radius: 0; */

    padding: 10px 10px !important;

    border-radius: 5px;

    background: #3498db;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

.btn-common:hover, .btn-common:active, .btn-common:focus{

    color: #fff !important;

    border: solid 3px #3498db !important;

    background-color: transparent !important;

}



.head-top li {

    display: inline-block;

    font-family: 'RobotoCondensed-R';

    font-size: 18px;

    margin-right: 10px;

}

.head-top li a{

    color: #fff;

}

.head-top li.for-phone a{

color: #6ee1ff;

font-family: 'RobotoCondensed-B';

font-size: 20px;

}
.ambulance-img img {
    height: 40px;
    margin: 17px 10px;
}

.outer-slider{
    position: relative;
}
.inner-up-block {
    background: linear-gradient(rgba(44, 62, 80, 0.1), rgba(44, 62, 80, 0.6)), url(../images/dr-img-back.jpg);
    margin: -80px auto 0;
    z-index: 1000;
    position: relative;
    height: 500px;
        background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.font-awesome-icon {
    color: red !important;
    font-size: 26px;
    font-weight: 200;
    /* font-style: unset; */
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    /* display: block; */
    margin: 0 auto;
    text-align: center;
    top: 40%;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 2px solid red;
    line-height: 55px;
    text-align: center;
    padding: 0px 20px;
}
.modal-new .modal-dialog {
    margin: 10% auto;
        width: 800px;
}

.head-top li:last-child{margin-right: 0;}

.head-top {
    color: #fff;
    text-align: right;
    margin: 0;
    padding: 6px 20px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.head-top .social-icons a {

    height: 30px;

    width: 30px;

    line-height: 30px;

    display: inline-block;

    font-size: 14px;

    text-align: center;

    color: #ffffff;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    border-radius: 50%;

    margin-right: 1px;

    background-color: #3498db;

    border: none;

}

.head-top .social-icons a:hover, .head-top .social-icons a:active, .head-top .social-icons a:focus {

    background-color: #3498db;

    color: #ffffff;

    border: none;

}

.header .navbar-fixed-top .navbar-collapse {

    max-height: 100%

}

.header .navbar {

    transition-duration: .3s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1);

    border-bottom: transparent;

}

.header .navbar-toggle {

    width: 35px;

    height: 29px;

    border: none;

    padding: 0;

}

.header .navbar-toggle .toggle-icon {

    position: relative;

    width: 21px;

    height: 1px;

    display: inline-block;

    background: #ffffff;

    transition-duration: .3s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1);

}

.header .navbar-toggle .toggle-icon:after,

.header .navbar-toggle .toggle-icon:before {

    position: absolute;

    left: 0;

    background: #ffffff;

    content: " ";

}

.header .navbar-toggle .toggle-icon:before {

    width: 10px;

    height: 1px;

    bottom: 10px;

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    transform: rotate(0);

    transition-duration: .3s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1)

}

.header .navbar-toggle .toggle-icon:after {

    width: 16px;

    height: 1px;

    top: -5px;

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    transform: rotate(0);

    transition-duration: .3s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1)

}

.header .navbar-toggle:hover .toggle-icon {

    background: #17bed2;

    transition-duration: .3s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1)

}

.header .navbar-toggle:hover .toggle-icon:after,

.header .navbar-toggle:hover .toggle-icon:before {

    width: 21px;

    height: 1px;

    background: #17bed2;

    transition-duration: .3s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1)

}

.header .logo-img-active,

.header .logo-img-main,

.header .nav-item.active .nav-item-hover:after,

.header .nav-item:hover .nav-item-hover:after {

    transition-duration: .4s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1)

}

.header .navbar-toggle:hover .toggle-icon.is-clicked {

    background: rgba(81, 87, 105, 0)

}

.header .logo {

    width: auto;

    height: auto;

    float: left;

    max-height: 95px;

    line-height: 65px;
    margin-left: 20px;

}

.header .logo-wrap {

    padding: 5px 0;

    height: auto;

    float: left;

}

.header .logo-img {

    width: 220px;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle

}

.header .logo-img-active {

    display: none

}

.header .nav-item,

.header .nav-item-child {

    display: block;

    position: relative

}

.header .nav-item .button-blue {

    padding: 8px 8px;

    margin-top: 18px !important;
    color: #3498db !important;
    border: 2px solid #3498db;

}

.header .navbar-nav {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none

}

.header .nav-item:last-child .nav-item-child {

    padding-right: 0

}

.header .nav-item.active .nav-item-hover:after,

.header .nav-item:hover .nav-item-hover:after {

    opacity: 1;

    display: none;

}

.header .nav-item-child {

    font-size: 1.129em;

    color: #606164;

    font-family: 'RobotoCondensed-B';

        /* line-height: 40px; */
    padding: 30px 15px;

    transition-duration: .3s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1);

    text-transform: uppercase;

}

.header .nav-item-child:focus,

.header .nav-item-child:hover {

    background: inherit;

    color: #3498db !important;

}

.header .nav-item-hover {

    position: relative

}

.header .nav-item.active a {

    color: #3498db;

}

.header .nav-item-hover:after {

    position: absolute;

    top: 45px;

    left: 0;

    width: 9px;

    height: 2px;

    background: #3498db;

    opacity: 0;

    transition-duration: .4s;

    transition-property: all;

    transition-timing-function: cubic-bezier(.7, 1, .7, 1);

    content: "";

}



.header .navbar-header {} .navbar-brand {

    height: auto !important;

    padding: 0 !important;

}

.header .navbar-default {

    background: transparent;

    border: transparent;

}

.header .top-nav-collapse .navbar-brand {

    width: 153px;

    height: 60px !important;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    margin-left: 0 !important;

    padding-top: 10px !important;

    padding-bottom: 10px !Important;

}

.header .navbar-fixed-top .navbar-brand img {

    width: 100%;

    height: 100%;

}

.header .navbar-fixed-top .navbar-nav {

    margin-top: 0;

    padding-top: 10px;

    margin-right: 0;

}

.header .navbar-fixed-top .nav .scroll {} .navbar-fixed-top .nav .scroll a {

    font-size: 17px;

}

.header .navbar-toggle {

    background: #3498db !important;

    margin-top: 15px;

    border-color: #3498db !important;

}

.header .navbar-toggle .icon-bar {

    background: #fff !important;

}



/*=======================================================

      SLIDER

========================================================*/



.slider {

    float: left;

    width: 100%;

    height: auto;

    overflow: hidden;

}

.slider {

    float: left;

    width: 100%;

    height: 100vh;

    position: relative;

}

.slider .outer {

    float: left;

    width: 100%;

    height: 100vh;

    overflow: hidden;

    margin-bottom: 0 !important;

   /* background-color: rgba(44, 62, 80, 1)*/

}

.slider .inner {

    float: left;

    width: 100%;

    height: auto;

    overflow: hidden;

}

.slider .outer > .inner { display:none !important; }

.slider .outer > .inner:first-child { display:block !important;}

.slider .inner .captions {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    /*height: 100%;*/

    text-align: center;

    white-space: nowrap;

}

.slider .sub-capt {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    position: relative;

    z-index: 90;

    padding-right: 0%;

    padding-left: 0%;

}

.slider .sub-capt h1 {

    font-size: 4.286em;

    color: #000;

    font-style: normal;

    font-family: 'RobotoCondensed-B';

    margin-top: 0;

    margin-bottom: 30px;

    text-transform: uppercase;
        width: 400px;
    max-width: 100%;
    white-space: normal;
    margin: 0 auto;

}

.header.navbar-fixed-top .navbar-collapse{
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

.sub-capt p {} .slider .inner .captions:before {

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -0.25em;    

    height: 100vh;

}

.slider .inner .image {

    float: left;

    width: 100%;

    overflow: hidden;

    height: auto;

    opacity: 1

}

.slider .inner .image img {

    width: auto;

    height: auto;

    object-fit: cover;

    min-width: 100%;

    min-height: 100%;

}

.slider .fadeInRightBig {

    font-size: 2.571em;

    color: #fff;

     font-family: 'RobotoCondensed-B';

    margin-bottom: 30px;

    text-transform: uppercase;

    line-height: 30px;

}

.slider .slide-description {

    font-family: 'RobotoCondensed-R';

    font-size: 18px;

    line-height: 30px;

    color: #fff;

    float: left;

    width: 100%;

    height: auto;

    text-transform: initial !important;

    white-space: normal;

    margin-bottom: 0;

}

.button {

    float: left;

    width: 100%;

    height: auto;

    margin-top: 30px;

}

.slick-dots li.slick-active button:before {

    opacity: 1 !Important;

    color: #3498db !important;

}

.slick-dots li button::before {

    color: white !important;

    font-size: 18px !important;

    opacity: 1 !important;

}

.slider .slick-dots {

    bottom: 60px;

}

.slider .slick-prev {

    left: 30px;

    /* top: 0; */

    

    z-index: 999;

    width: 40px;

    height: 35px;

}

.slider .slick-prev::before {

    font-size: 40px;

}

.slider .slick-next {

    right: 30px;

    width: 40px;

    height: 35px;

}

.slider .slick-next::before {

    font-size: 40px;

}

.slider .description {

    float: left;

    width: 100%;

    height: auto;

    position: absolute;

    top: 30%;

    left: 0;

    text-align: center;

}

.slider .s-title {

    float: left;

    width: 100%;

    height: auto;

    font-family: Myriad pro;

    font-size: 75px;

    color: #fff;

}

.slider .big-title {

    font-family: Myriad Pro;

    font-size: 150px;

    color: #fff;

}

.slider .btn {

    font-size: 1.125em;

    color: #fff;

    font-family: 'RobotoCondensed-R';

    border: 3px solid #3498db;

    border-radius: 0;

    padding: 10px 25px;

    border-radius: 5px;

    background: #3498db;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

.slider .btn:hover {

    color: #3498db;

    border: solid 3px #3498db;

    background-color: transparent;

}

.slider .slick-dots {

    bottom: 60px;

}



/*=======================================================

      SERVICES

========================================================*/



#services {

    float: left;

    width: 100%;

    height: auto;

}

#services .srv {

    margin-top: 60px;

    margin-bottom: 60px;

}

#services .our-services {

    float: left;

    width: 100%;

    height: auto;

}

#services .our-services .sector {

    float: left;

    width: 100%;

    height: auto;

    padding-bottom: 30px;

}

#services .our-services .sector .title {

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-decoration: none;

}

#services .our-services .sector .description {

    float: left;

    font-family: 'RobotoSlab-R';

    width: 100%;

    height: auto;

    text-align: center;

    padding-bottom: 30px;

}

#services .our-services .details {

    float: left;

    width: 100%;

    height: auto;

    justify-content: center;

    padding: 0;

}

#services .our-services .details .inner {

    width: 25%;

    float: none;

    display: inline-block;

    margin: 0 -2px;

    text-align: center;

}

#services .our-services .details .icon {

    width: 160px;

    display: table;

    background: #3498db;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    border-radius: 50%;

    height: 160px;

    font-size: 48px;

    color: #fff;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    float: none;

    margin: 0 auto;

}

#services .our-services .details .icon img{

    height: 100%;

    border-radius: 50%;

}







#services .our-services .details .icon:hover {

    background-color: #2980b9;

}

#services .our-services .details .icon i {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

#services .our-services .details .title {

    float: left;

    width: 100%;

    text-align: center;

    padding-top: 30px;

}



/*=======================================================

      DOCTORS

========================================================*/



#doctors {

    float: left;

    width: 100%;

    height: auto;

    background: #ecf0f1;

    padding-top: 60px;

    padding-bottom: 60px;

}

#doctors .our-doctors {

    float: left;

    width: 100%;

    height: auto;

}

#doctors .our-doctors .sector {

    float: left;

    width: 100%;

    height: auto;

}

#doctors .our-doctors .sector .title {

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-decoration: none;

    position: relative;

    margin-bottom: 30px;

}

#doctors .our-doctors .sector .title:after {

    content: "";

    float: left;

    width: 220px;

    height: 1px;

    background: #3498db;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    top: 100%;

}

#doctors .our-doctors .sector .description {

    float: left;

    font-family: 'RobotoSlab-R';

    width: 100%;

    height: auto;

    text-align: center;

    padding-bottom: 30px;

}

#doctors .our-doctors .details {

    float: left;

    width: 100%;

    height: auto;

    padding: 0;

}

#doctors .our-doctors .details .inner-s {

    float: left;

    width: 100%;

    height: auto;

    position: relative;

}

#doctors .our-doctors .image {

    float: left;

    width: 100%;

    height: auto;

}

#doctors .our-doctors .image img {

    width: 100%;

    height: 400px;

    object-fit: cover;

}

#doctors .our-doctors .inner .inner-s .social-icons {

    float: none;

    width: 100%;

    height: 100%;

    position: absolute;

    background-color: rgba(44, 62, 80, 0.8);

    font-weight: bold;

    top: 0;

    left: 0;

    float: left;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    opacity: 0;

    text-align: center;

}

#doctors .our-doctors .inner .inner-s:hover .social-icons {

    opacity: 1;

}

#doctors .our-doctors .inner .inner-s .social-icons:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    height: 100%;

}

#doctors .our-doctors .social-icons .all-icon {

    display: inline-block;

    vertical-align: middle;

}

#doctors .our-doctors .social-icons ul {

    float: left;

    width: 100%;

    height: auto;

    padding-left: 0;

}

#doctors .our-doctors .social-icons ul li {

    float: left;

    list-style: none;

    margin-right: 30px;

}

#doctors .our-doctors .social-icons ul li:last-child {

    margin-right: 0;

}

#doctors .our-doctors .social-icons ul li a {

    font-size: 1.143em;

    height: 36px;

    width: 36px;

    line-height: 36px;

    display: block;

    opacity: 0.8;

    background-color: #ffffff;

    text-align: center;

    color: #3498db;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    border-radius: 50%;

}

#doctors .our-doctors .social-icons ul li a:hover {

    background-color: #3498db;

    color: #ffffff;

}

#doctors .our-doctors .social-icons ul li .facebook {

    border-right: transparent;

}

#doctors .our-doctors .social-icons ul li .facebook i {} .our-doctors .social-icons ul li .twitter {

    border-right: transparent

}

#doctors .our-doctors .social-icons ul li .twitter i {} .our-doctors .social-icons ul li .linkedin {

    border-right: transparent;

}

#doctors .our-doctors .social-icons ul li .linkedin i {

    border-right: transparent;

}

#doctors .our-doctors .social-icons ul li .dribbble {

    border-right: transparent;

}

#doctors .our-doctors .inner .team-info {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

}

#doctors .our-doctors .inner .position {

    font-size: 1.4em;

    font-weight:normal;

    color: #999999;

    float: left;

    font-family: 'Roboto Condensed', sans-serif;

    font-style: italic;

    line-height: 25px;

    width: 100%;

    height: auto;

}

#doctors .our-doctors .details .inner .content {

    float: left;

    width: 100%;

    height: auto;

    background-color: #3498db;

    padding: 30px;

    padding-bottom: 24px;

}

#doctors .our-doctors .details .inner .content .title {

    color: #fff;

    float: left;

    line-height: 30px;

    width: 100%;

    height: auto;

    text-transform: uppercase;

}

#doctors .our-doctors .details .inner .content .sub-title {

    font-size: 1.2em;

    color: rgba(255, 255, 255, 0.7);

    float: left;

    font-family: 'RobotoCondensed-R';

    line-height: 30px;

    width: 100%;

    height: auto;

    margin-bottom: 8px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

#doctors .our-doctors .details .inner .content .sub-title:hover {

    color: rgba(255, 255, 255, 1);

}

#doctors .our-doctors .sub-title {

    background: rgba(0, 0, 0, 0.1);

    padding: 2px 0px 1px 11px;

    margin-top: 7px;

}

#doctors .our-doctors .details .inner .content .description {

    font-size: 1.1em;

    color: #fff;

    float: left;

    font-family: 'RobotoCondensed-R';

    line-height: 24px;

    width: 100%;

    height: auto;

    margin-bottom: 24px;

    border-bottom: solid 1px #fff;

    padding-bottom: 5px;



}

#doctors .our-doctors .details .inner .content .contact {

    float: left;

    width: 100%;

    height: auto;

}

#doctors .our-doctors .details .inner .content .contact .tel {

    float: left;

    width: 100%;

    height: auto;

    color: #fff;

    padding-bottom: 10px;

}

#doctors .our-doctors .details .inner .content .contact .tel span {

    font-size: 1em;

    color: #fff;

    font-family: 'RobotoCondensed-B';

    padding-left: 15px;

}

#doctors .our-doctors .details .inner .content .contact .email {

    color: #fff;

    float: left;

    width: 100%;

    height: auto;

}

#doctors .our-doctors .details .inner .content .contact .email span {

    font-size: 1em;

    padding-left: 15px;

    font-family: 'RobotoCondensed-B';

}

#doctors .our-doctors .arrow-left {

    float: left;

    top: 50%;

    position: absolute;

    left: -45px;

    width: 40px;

    height: 40px;

    border: solid 2px #3498db;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

#doctors .our-doctors .arrow-left span {

    color: #3498db;

    line-height: 35px;

    display: block;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 600;

    font-size: 30px;

}

#doctors .our-doctors .arrow-right {

    float: right;

    position: absolute;

    right: -45px;

    top: 50%;

    width: 40px;

    height: 40px;

    border: solid 2px #3498db;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

#doctors .our-doctors .arrow-right span {

    line-height: 35px;

    color: #3498db;

    display: block;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 600;

    font-size: 30px;

}

#doctors .our-doctors .arrow-left:hover {

    background: #3498db;

}

#doctors .our-doctors .arrow-right:hover {

    background: #3498db;

}

#doctors .our-doctors .arrow-left span:hover {

    color: #fff;

}

#doctors .our-doctors .arrow-right span:hover {

    color: #fff;

}







/*services slider css*/



#services .details .arrow-left {

    float: left;

    top: 40%;

    position: absolute;

    left: -45px;

    width: 40px;

    height: 40px;

    border: solid 2px #3498db;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

#services .details .arrow-left span {

    color: #3498db;

    line-height: 35px;

    display: block;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 600;

    font-size: 30px;

}

#services .details .arrow-right {

    float: right;

    position: absolute;

    right: -45px;

    top: 40%;

    width: 40px;

    height: 40px;

    border: solid 2px #3498db;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;



}

#services .details .arrow-right span {

    line-height: 35px;

    color: #3498db;

    display: block;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 600;

    font-size: 30px;

}

#services .details .arrow-left:hover {

    background: #3498db;

}

#services .details .arrow-right:hover {

    background: #3498db;

}

#services .details .arrow-left span:hover {

    color: #fff;

}

#services .details .arrow-right span:hover {

    color: #fff;

}



/*services slider css end*/



/*services slider css*/



#clients .client-tpa-slider .arrow-left {

    float: left;

    top: 40%;

    position: absolute;

    left: -45px;

    width: 40px;

    height: 40px;

    border: solid 2px #3498db;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

#clients .client-tpa-slider .arrow-left span {

    color: #3498db;

    line-height: 35px;

    display: block;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 600;

    font-size: 30px;

}

#clients .client-tpa-slider .arrow-right {

    float: right;

    position: absolute;

    right: -45px;

    top: 40%;

    width: 40px;

    height: 40px;

    border: solid 2px #3498db;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;



}

#clients .client-tpa-slider .arrow-right span {

    line-height: 35px;

    color: #3498db;

    display: block;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 600;

    font-size: 30px;

}

#clients .client-tpa-slider .arrow-left:hover {

    background: #3498db;

}

#clients .client-tpa-slider .arrow-right:hover {

    background: #3498db;

}

#clients .client-tpa-slider .arrow-left span:hover {

    color: #fff;

}

#clients .client-tpa-slider .arrow-right span:hover {

    color: #fff;

}



/*services slider css end*/









/*=======================================================

      ABOUT US

========================================================*/



#about-us {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

}

#about-us .sector {

    float: left;

    width: 100%;

    height: auto;

}

#about-us .sector .title {

    float: left;

    text-align: center;

    width: 100%;

    height: auto;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-decoration: none;

}

#about-us .sector .description {

    float: left;

    font-family: 'RobotoSlab-R';

    width: 100%;

    height: auto;

    text-align: center;

    padding-bottom: 60px;

}

#about-us .outer {

    float: left;

    width: 100%;

    height: auto;

}

#about-us .welcome {

    float: left;

    width: 100%;

    height: auto;

}

#about-us .welcome .title {

    font-weight: 400;

    float: left;

    line-height: 30px;

    width: 100%;

    height: auto;

    margin-bottom: 15px;



 }

#about-us .welcome .title span {

    color: #3498db;

}



#about-us .welcome .description {

    font-size: 1.2em;

    color: #646464;

    float: left;

    font-family: 'RobotoCondensed-R';

    line-height: 25px;

    width: 100%;

    height: auto;

    margin-bottom: 10px;

}

#about-us .welcome .points ul:hover {

    background: #f8f8f8;

}

#about-us .welcome .points {

    float: left;

    width: 100%;

    height: auto;

}

#about-us .welcome .points ul {

    float: left;

    width: 100%;

    height: auto;

    padding-left: 0;

    margin-bottom: 0;

    padding: 20px;

    padding-bottom: 0;

    border: 1px solid #eaeaea;

}

#about-us .welcome .points li {

    float: left;

    list-style: none;

    margin-bottom: 15px;

    width: 100%;

}

#about-us .welcome .points li .icon {

    font-size: 10px;

    float: left;

    width: 30px;

    height: 30px;

    background-color: #3498db;

    text-align: center;

    color: #fff;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    border-radius: 50%;

    display: table;

}

#about-us .welcome .points li .icon i {

    display: table-cell;

    vertical-align: middle;

}

#about-us .welcome .points li .point-title {

    font-size: 1.2em;

    font-weight: 400;

    color: #646464;

    float: left;

    line-height: 30px;

    padding-left: 13px;

}

#about-us .welcome .images {

    float: left;

    width: 100%;

    height: auto;

}

#about-us .welcome .images img {

    float: left;

    width: 100%;

    height: auto;

}

#about-us .emerg {

    float: left;

    width: 100%;

    height: auto;

    padding: 40px;

    background-color: #3498db;

}

#about-us .emerg .sector {

    float: left;

    width: 100%;

    height: auto;

    display: flex;

    justify-content: center;

    padding-bottom: 15px;

}

#about-us .emerg .icon {

    font-size: 1.286em;

    color: #fff;

    float: left;

}

#about-us .emerg .icon i {} #about-us .emerg .em-title {

    font-size: 1.286em;

    font-weight: 400;

    color: #fff;

    float: left;

    line-height: 24px;

    padding-left: 15px;

}

#about-us .emerg .b-icon {

    font-size: 30px;

    color: #fff;

    text-align: center;

    float: left;

    width: 100%;

    height: auto;

    margin-bottom: 15px;

}

#about-us .emerg .b-icon i {} #about-us .emerg .tel {

    font-size: 1.871em;

    font-weight: 700;

    color: #fff;

    float: left;

    line-height: 28px;

    text-align: center;

    width: 100%;

    height: auto;

}

#about-us .op-hours {

    float: left;

    width: 100%;

    height: auto;

    padding: 30px;

    border: solid 1px #3498db;

    margin-top: 30px;

}

#about-us .op-hours p{

    line-height: 32px;

    color: #3498db;

        font-weight: 400;

        font-family: 'RobotoCondensed-R';

}

#about-us .op-hours .sector {

    float: left;

    width: 100%;

    height: auto;

}

#about-us .op-hours .icon {

    font-size: 2.143em;

    color: #646464;

    float: left;

    line-height: 30px;

    text-align: center;

    width: 100%;

    height: auto;

}

#about-us .op-hours .op-title {

    font-size: 2.571em;

    font-weight: 300;

    float: left;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

    height: auto;

    padding-top: 15px;

    margin-bottom: 15px;

}

#about-us .op-hours .details {

    float: left;

    width: 100%;

    height: auto;

}

#about-us .op-hours .op-day {

    font-size: 1.143em;

    color: #646464;

    float: left;

    font-family: 'RobotoCondensed-R';

    width: 100%;

    height: auto;

    padding-bottom: 20px;

    border-bottom: solid 1px #646464;

    padding-top: 20px;

}

#about-us .op-hours .align-right {

    float: right;

}



/*=======================================================

      APPOINTMENT

========================================================*/



#appointment {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

    background: linear-gradient(rgba(52, 152, 219, 0.9), rgba(52, 152, 219, 0.9)), url(../images/appointment.jpg);

}

#appointment .sector {

    float: left;

    width: 100%;

    height: auto;

}

#appointment .sector .title {

    color: #fff;

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-decoration: none;

}

#appointment .sector .description {

    font-size: 1.286em;

    color: #fff;

    float: left;

    font-family: 'RobotoSlab-R';

    line-height: 30px;

    text-align: center;

    width: 100%;

    height: auto;

    padding-bottom: 60px;

}

#form-main {

    width: 100%;

    float: left;

    padding-top: 0px;

}

#form-div {

    width: 100%;

    float: left;

}

#form-div .form p {

    margin-bottom: 30px;

}

#form-div .form p:nth-child(even) {

    padding-right: 0;

}

#form-div .form .text {

    width: 100%;

    padding-right: 0;

}

#form-div .form p input {} #form-div .date-time {

    padding-bottom: 6px;

    padding-top: 6px;

}

#datetimepicker4 {

    height: 50px;

}

#sel1 {

    height: 50px;

}

.feedback-input {

    font-size: .90em;

    color: #ffffff;

    font-family: 'RobotoSlab-R';

    border-radius: 0;

    line-height: 22px;

    padding: 13px 13px 13px 20px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border: solid 1px #fff;

    background: transparent;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

.feedback-input option {

    color: #5fa3db;

}

::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    

    color: white;

}

::-moz-placeholder {

    /* Firefox 19+ */

    

    color: white;

}

:-ms-input-placeholder {

    /* IE 10+ */

    

    color: white;

}

:-moz-placeholder {

    /* Firefox 18- */

    

    color: white;

}

.feedback-input:focus {

    background: transparent;

    box-shadow: 0;

    border: solid 1px #2c3e50;

    color: #fff;

    outline: none;

    padding: 13px 13px 13px 30px;

}

.focused {

    color: #30aed6;

    border: #30aed6 solid 3px;

}

/* Icons ---------------------------------- */



#name {

    background-size: 30px 30px;

    background-position: 11px 8px;

    background-repeat: no-repeat;

}

#name:focus {

    background-size: 30px 30px;

    background-position: 8px 5px;

    background-position: 11px 8px;

    background-repeat: no-repeat;

}

#email {

    background-size: 30px 30px;

    background-position: 11px 8px;

    background-repeat: no-repeat;

}

#email:focus {

    background-size: 30px 30px;

    background-position: 11px 8px;

    background-repeat: no-repeat;

}

#comment {

    background-size: 30px 30px;

    background-position: 11px 8px;

    background-repeat: no-repeat;

    width: 100%;

}

textarea {

    width: 100%;

    height: 130px;

    line-height: 150%;

    resize: vertical;

}

input:hover,

textarea:hover,

input:focus,

textarea:focus {

    background-color: transparent;

}

/*.submit {

    float: right;

    width: 280px;

    height: 58px;

}*/

.mt-24{margin-top: 24px !important;}

.button-blue {

    font-size: 1.286em;

    color: white;

    float: left;

    font-family: 'RobotoCondensed-R';

    text-transform: uppercase;

    width: 100%;

    border: #fbfbfb solid 4px;

    cursor: pointer;

    background-color: transparent;

    padding-top: 18px;

    padding-bottom: 18px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    margin-top: -4px;

    text-align: center;

    display: block;

    width: auto;

    padding: 18px 30px;

}

.button-blue:hover {

    background-color: #fff;

    color: #0493bd;

}

.submit:hover {

    color: #3498db;

}

/*.ease {

    width: 0px;

    height: 62px;

    background-color: #fbfbfb;

    -webkit-transition: .3s ease;

    -moz-transition: .3s ease;

    -o-transition: .3s ease;

    -ms-transition: .3s ease;

    transition: .3s ease;

}*/

/*.submit:hover .ease {

    width: 100%;

    background-color: transparent;

}*/

.parallax {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-attachment: fixed !important;

}



/*=======================================================

      TESTIMONIALS

========================================================*/



#testimonials {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 60px;

    padding-bottom: 30px;

    background: linear-gradient(rgba(44, 62, 80, 0.9), rgba(44, 62, 80, 0.9)), url(../images/doc1.jpg);

}

#testimonials .sector {

    float: left;

    width: 100%;

    height: auto;

    padding-bottom: 30px;

}

#testimonials .sector .title {

    color: #fff;

    float: left;

    text-align: center;

    text-transform: uppercase;

    text-decoration: none;

    width: 100%;

    height: auto;

    padding-bottom: 30px;

}

#testimonials .outer {

    float: left;

    width: 100%;

    height: auto;

}

#testimonials .inner {

    outline: none;

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

}

#testimonials .inner .image {

    float: left;

    width: 200px;

    height: 200px;

    display: inline-block;

    margin: 0 auto;

    float: none;

}

#testimonials .inner .image img {

    width: 100%;

    height: 100%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    border-radius: 50%;

    display: block;

    border: 19px solid rgba(0, 0, 0, 0.1);

}

#testimonials .inner .details {

    float: left;

    width: 100%;

    height: auto;

}

#testimonials .inner .details .title {

    font-size: 1.571em;

    font-weight: 300;

    color: #fff;

    float: left;

    line-height: 30px;

    padding-top: 30px;

    width: 100%;

    height: auto;

}

#testimonials .inner .details .proffesion {

    font-size: 1em;

    color: #fff;

    float: left;

    font-family: 'RobotoCondensed-L';

    line-height: 30px;

    margin: 0;

    width: 100%;

    height: auto;

}

#testimonials .inner .details .description {

    font-size: 1.214em;

    color: #fff;

    float: left;

    font-family: 'RobotoCondensed-L';

    font-style: italic;

    line-height: 28px;

    width: 100%;

    height: auto;

    padding-top: 30px;

    padding-right: 150px;

    padding-left: 150px;

}

#testimonials .slick-dots li button {

    width: 50px;

    height: 5px;

}

#testimonials .slick-dots li button:before {

    width: 50px;

    height: 5px;

    color: #fff;

    content: "";

    background: #fff;

    margin-right: 15px;

    opacity: 1;

}

#testimonials .slick-dots li {

    width: 50px !important;

    height: 5px !important;

}

#testimonials .slick-dots li button:hover:before,

#testimonials .slick-dots li button:focus:before {

    opacity: 1;

    background-color: #3498db;

}

#testimonials .slick-dots li.slick-active button:before {

    background-color: #3498db;

}

#testimonials .slick-active li button:before {

    opacity: 1;

    background-color: #3498db;

}



/*=======================================================

      GALLERY

========================================================*/



#gallery {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

}

#gallery .sector {

    float: left;

    width: 100%;

    height: auto;

}

#gallery .sector .title {

    float: left;

    text-align: center;

    text-transform: uppercase;

    text-decoration: none;

    width: 100%;

    height: auto;

    padding-bottom: 30px;

}

#gallery .sector .description {

    float: left;

    font-family: 'RobotoSlab-R';

    text-align: center;

    width: 100%;

    height: auto;

    padding-bottom: 60px;

}

#gallery .details {

    float: none;

    width: calc(30% - 15px);

    display: inline-block;

    height: auto;

    padding-right: 30px;

    background-color: #3498db;

    padding-top: 30px;

    padding-bottom: 30px;

    vertical-align: middle;

    margin-right: 5px;

}

#gallery .content {

    float: right;

    width: 207px;

}

#gallery .details .title {

    font-size: 1.5em;

    font-weight: 700;

    color: #fff;

    float: right;

    text-transform: uppercase;

    padding-bottom: 20px;

}

#gallery .content .description {

    font-size: 1em;

    color: #fff;

    float: right;

    font-family: 'RobotoSlab-R';

    text-align: right;

    line-height: 24px;

    width: 100%;

    max-height: 122px;

    overflow: hidden;

    margin-bottom: 30px;

    height: auto;

}

#gallery .photos {

    float: none;

    width: 70%;

    height: auto;

    display: inline-block;

    vertical-align: middle;

}

#gallery .folio-item {

    position: relative;

    overflow: hidden;

    margin-bottom: 0 !important;

}

#gallery .arrow-left.slick-arrow {

    float: right;

    position: relative;

    right: 55px;

    bottom: 0;

    background: #fff;

    width: 40px;

    height: 40px;

    text-align: center;

    border: solid 1px #fff;

    cursor: pointer;

}

#gallery .arrow-left.slick-arrow:hover {

    background: #3498db;

}

#gallery .arrow-right.slick-arrow {

    float: right;

    position: relative;

    right: -40px;

    bottom: 0;

    width: 40px;

    height: 40px;

    background: #fff;

    text-align: center;

    cursor: pointer;

    border: solid 1px #fff;

}

#gallery .arrow-right.slick-arrow:hover {

    background-color: #3498db;

    border: solid 1px #fff;

    color: #fff;

}

#gallery .arrow-left span {

    line-height: 39px;

    color: #3498db;

    display: block;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

#gallery .arrow-left span:hover {

    color: #fff;

}

#gallery .arrow-right span {

    line-height: 39px;

    color: #3498db;

    display: block;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

#gallery .arrow-right span:hover {

    color: #fff;

}

#gallery .g-arrows {

    float: left;

    width: 100%;

    height: 40px;

    position: relative;

}

.arrow-left2 {

    float: right;

    width: 40px;

    height: 40px;

    background: #fff;

    position: absolute;

    right: 55px;

    top: 0;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    border: solid 1px #fff;

}

.arrow-left2 span {

    float: left;

    width: 100%;

    height: auto;

}

#gallery .arrow-left2 span {

    color: #3498db;

    line-height: 39px;

    display: block;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

#gallery .arrow-right2 span {

    color: #3498db;

    line-height: 39px;

    display: block;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

.arrow-right2 {

    float: right;

    width: 40px;

    height: 40px;

    background: #fff;

    position: absolute;

    top: 0;

    right: 0;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    border: solid 1px #fff;

}

.arrow-right2 span {} .arrow-right2:hover {

    background-color: #3498db;

}

.arrow-left2:hover {

    background-color: #3498db;

}

#gallery .arrow-right2 span:hover {

    color: #fff;

}

#gallery .arrow-left2 span:hover {

    color: #fff;

}

#gallery .overlay {

    background-color: #000;

    color: #fff;

    left: 0;

    right: 0;

    bottom: -100%;

    height: 0;

    position: absolute;

    text-align: center;

    opacity: 0;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    background-color: rgba(44, 62, 80, 0.9);

}

#gallery .overlay .overlay-content {

    display: table;

    height: 100%;

    width: 100%;

}

#gallery .overlay .overlay-text {

    display: table-cell;

    vertical-align: middle;

}

#gallery .overlay .folio-info {

    opacity: 0;

    margin-bottom: 75px;

    margin-top: -75px;

    -webkit-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

}

#gallery .overlay .folio-info h3 {

    font-size: 1em;

    color: #fff;

    font-family: 'Roboto Condensed', sans-serif;

    margin-top: 0;

    text-transform: uppercase;

    margin-bottom: 0;

}

#gallery .folio-overview a {

    font-size: 18px;

    color: #fff !important;

    font-family: 'Roboto Condensed', sans-serif;

    line-height: 50px;

    text-decoration: none;

    height: auto;

    width: 100%;

    display: inline-block;

    margin-right: 5px;

    outline: none;

}

#gallery .folio-overview a h3 {

    font-size: 1.4em;

    color: #fff;

    font-family: 'RobotoCondensed-B';

    text-transform: uppercase;

    line-height: 30px;

    margin: 0;

}

#gallery .folio-overview a:hover {

    color: #fff;

}

#gallery .folio-overview .folio-expand {

    margin-top: -500px;

    margin-left: -500px;

}

#gallery .folio-image,

.folio-overview .folio-expand {

    -webkit-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

#gallery .folio-item:hover .folio-image {

    -webkit-transform: scale(1.5) rotate(-15deg);

    transform: scale(1.5) rotate(-15deg);

}

#gallery .folio-image img {

    width: 100%;

}

#gallery .folio-item:hover .overlay {

    opacity: 0.8;

    bottom: 0;

    height: 100%;

}

#gallery .folio-item:hover .folio-overview .folio-expand {

    margin-top: 0;

    margin-left: 0;

    width: 100%;

    float: left;

    height: auto;

}

#gallery .folio-item:hover .overlay .folio-info {

    opacity: 1;

    margin-bottom: 0;

    margin-top: 0;

}

#gallery .outer {

    float: left;

    width: 100%;

    height: auto;

    position: relative;

}

#gallery .outer:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: calc(30% - 15px);

    background-color: #3498db;

    z-index: -1;

}

#gallery .inner {

    float: left;

    padding-left: 15px;

    padding-right: 15px;

    width: 25%;

    position: relative;

}

#gallery .folio-image {

    float: left;

    width: 100%;

    height: auto;

    overflow: hidden;

}

#gallery .folio-image img {

    width: 100%;

    height: auto;

}



/*=======================================================

      SKILLS

========================================================*/



#o-skills {

    float: left;

    width: 100%;

    height: auto;

    background: #ecf0f1;

    padding-top: 60px;

    padding-bottom: 60px;

}

#o-skills .sector {

    width: 50%;

    height: 100%;

    float: left;

    display: table;

    padding: 96px;

}

#o-skills .sector .title {

    font-weight: 700;

    color: #3498db;

    float: left;

    text-transform: uppercase;

    width: 100%;

    padding: 0;

    height: 100%;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

#o-skills .codeconSkills {} #codeconSkills {

    font-size: 20px;

    height: auto;

    margin: 0 auto;

    padding: 0;

    width: 50%;

    float: left;

}

#codeconSkills img {

    width: 20%;

    height: 10%;

    margin: auto 35%;

    padding: 10px;

}

.codeconSkillbar {

    width: 100%;

    height: 35px;

    position: relative;

    background: white;

    float: left;

    margin-bottom: 30px;

    font-size: 14px;

}

#codeconOne {

    width: 60%;

    animation: Animate-HTML 4s;

    -webkit-animation: Animate-HTML 4s;

    -moz-animation: Animate-HTML 4s;

    -o-animation: Animate-HTML 4s;

    height: 35px;

    position: absolute;

    background-color: #3498db;

}

@keyframes Animate-HTML {

    from {

        width: 10px;

    }

    to {

        width: 60%

    }

}

@-webkit-keyframes Animate-HTML {

    from {

        width: 10px;

    }

    to {

        width: 60%

    }

}

@-moz-keyframes Animate-HTML {

    from {

        width: 10px;

    }

    to {

        width: 60%

    }

}

@-o-keyframes Animate-HTML {

    from {

        width: 10px;

    }

    to {

        width: 60%

    }

}

#codeconTwo {

    animation: Animate-CSS 5s;

    -webkit-animation: Animate-CSS 5s;

    -moz-animation: Animate-CSS 5s;

    -o-animation: Animate-CSS 5s;

    width: 70%;

    height: 35px;

    position: absolute;

    background-color: #3498db;

}

@keyframes Animate-CSS {

    from {

        width: 10px;

    }

    to {

        width: 70%

    }

}

@-webkit-keyframes Animate-CSS {

    from {

        width: 10px;

    }

    to {

        width: 70%

    }

}

@-moz-keyframes Animate-CSS {

    from {

        width: 10px;

    }

    to {

        width: 70%

    }

}

@-o-keyframes Animate-CSS {

    from {

        width: 10px;

    }

    to {

        width: 70%

    }

}

#codeconThree {

    animation: Animate-jQuery 5s;

    -webkit-animation: Animate-jQuery 5s;

    -moz-animation: Animate-jQuery 5s;

    -o-animation: Animate-jQuery 5s;

    width: 50%;

    height: 35px;

    position: absolute;

    background-color: #3498db;

}

@keyframes Animate-jQuery {

    from {

        width: 10px;

    }

    to {

        width: 50%

    }

}

@-webkit-keyframes Animate-jQuery {

    from {

        width: 10px;

    }

    to {

        width: 50%

    }

}

@-moz-keyframes Animate-jQuery {

    from {

        width: 10px;

    }

    to {

        width: 50%

    }

}

@-o-keyframes Animate-jQuery {

    from {

        width: 10px;

    }

    to {

        width: 50%

    }

}

#codeconFour {

    animation: Animate-JS 4s;

    -webkit-animation: Animate-JS 4s;

    -moz-animation: Animate-JS 4s;

    -o-animation: Animate-JS 4s;

    width: 35%;

    height: 35px;

    position: absolute;

    background-color: #3498db;

}

@keyframes Animate-JS {

    from {

        width: 10px;

    }

    to {

        width: 35%

    }

}

@-webkit-keyframes Animate-JS {

    from {

        width: 10px;

    }

    to {

        width: 35%

    }

}

@-moz-keyframes Animate-JS {

    from {

        width: 10px;

    }

    to {

        width: 35%

    }

}

@-o-keyframes Animate-JS {

    from {

        width: 10px;

    }

    to {

        width: 35%

    }

}

.codeconSkillArea {

    font-size: 1.286em;

    color: #fff;

    float: left;

    font-family: 'RobotoCondensed-R';

    line-height: 35px;

    text-shadow: none;

    text-transform: uppercase;

    z-index: 1;

    position: absolute;

    margin-left: 15px;

}

.PercentText {

    font-size: 1.286em;

    color: #fff;

    float: right;

    font-family: 'RobotoCondensed-R';

    line-height: 35px;

    text-shadow: none;

    position: relative;

    padding-right: 15px;

    z-index: 3;

    }



/*=======================================================

      PARTNERS

========================================================*/



#partners {

    float: left;

    width: 100%;

    height: auto;

    background-color: #3498db;

    padding-top: 60px;

    padding-bottom: 60px;

    position: relative;

}

#partners .outer {

    float: left;

    width: 100%;

    height: auto;

    padding-left: 30px;

    padding-right: 30px;

    position: static;

}

#partners .inner {

    text-align: center;

}

#partners .image {

    float: none;

    width: 200px;

    height: auto;

    display: inline-block;

    margin: 0 auto;

    float: none;

}

#partners .image img {

    float: left;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

#partners .image img:hover {

    opacity: 0.5;

}

#partners .arrow-left {

    float: left;

    top: 70px;

    position: absolute;

    left: 30px;

    width: 30px;

    height: 30px;

    border: solid 1px #ffffff;

    text-align: center;

    cursor: pointer;

    background: #3498db;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

#partners .arrow-left span {

    line-height: 30px;

    color: #ffffff;

    display: block;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

#partners .arrow-right {

    float: right;

    position: absolute;

    right: 30px;

    top: 70px;

    width: 30px;

    height: 30px;

    border: solid 1px #ffffff;

    text-align: center;

    cursor: pointer;

    background: #3498db;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

#partners .arrow-right span {

    line-height: 30px;

    color: #ffffff;

    display: block;

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

}

#partners .arrow-left:hover {

    background: #fff;

}

#partners .arrow-right:hover {

    background: #fff;

}

#partners .arrow-left span:hover {

    color: #3498db;

}

#partners .arrow-right span:hover {

    color: #3498db;

}



/*=======================================================

      CONTACT

========================================================*/



#contact {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

    background: #ecf0f1;

}

#contact .outer {

    float: left;

    width: 100%;

    height: auto;

}

#contact .inner {

    float: left;

} #contact .icon {

    font-size: 3.429em;

    color: #3498db;

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

    margin-bottom: 20px;

}

#contact .address {

    font-size: 1.2em;

    float: left;

    font-family: 'RobotoCondensed-R';

    text-align: center;

    width: 100%;

    height: auto;

    /*padding-left: 70px;

    padding-right: 70px;*/

}

#contact .phone .mob {

    font-size: 1.2em;

    float: left;

    font-family: 'RobotoCondensed-R';

    text-align: center;

    width: 100%;

    height: auto;

    /*padding-left: 70px;

    padding-right: 70px;*/

}

#contact .message .email {

    font-size: 1.2em;

    float: left;

    font-family: 'Roboto Condensed', sans-serif;

    text-align: center;

    width: 100%;

    height: auto;

    /*padding-left: 70px;

    padding-right: 70px;*/

}

#google-container {

    position: relative;

    width: 100%;

    height: 200px;

    background-color: #e7eaf0;

}



#cd-google-map {

    position: relative;

    float: left;

    width: 100%;

    height: auto;

}

#cd-google-map address {

    font-size: 0.8125rem;

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    padding: 1em 1em;

    background-color: rgb(52, 152, 219);

    color: #ffffff;

}



#cd-zoom-in,

#cd-zoom-out {

    height: 32px;

    width: 32px;

    cursor: pointer;

    margin-left: 10px;

    background-color: rgb(52, 152, 219);

    background-repeat: no-repeat;

    background-size: 32px 64px;

    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-controller.svg");

}

.no-touch #cd-zoom-in:hover,

.no-touch #cd-zoom-out:hover {

    background-color: #1c608e;

}



#cd-zoom-in {

    background-position: 50% 0;

    margin-top: 10px;

    margin-bottom: 1px;

}



#cd-zoom-out {

    background-position: 50% -32px;

}

/*=======================================================

      BOTTOM

========================================================*/



#bottom {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

    background-color: #34495e;

}

#bottom .inner {

    float: left;

}

#bottom .image {

    float: left;

    width: auto;

    height: auto;

}

#bottom .image img {

    float: left;

    width: auto;

    height: auto;

}

#bottom .copyright {

    font-size: 1em;

    color: #fff;

    float: left;

    font-family: 'RobotoCondensed-R';

    line-height: 49px;

    text-align: center;

    width: 100%;

    height: auto;

    vertical-align: middle;

}

#bottom .copyright a{

    color: #fff;

    text-decoration: underline !important;

}

#bottom .social-icon {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 4px;

}

#bottom .social-icon .icons {

    float: left;

    width: 100%;

    height: auto;

    padding: 0;

    margin: 0;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}

#bottom .social-icon .icons li {

    float: left;

    list-style: none;

}

#bottom .social-icon ul {

    float: left;

    width: 100%;

    height: auto;

    padding-left: 0;

}

#bottom .social-icon ul li {

    float: left;

    /* margin-right: 8px; */

    list-style: none;

    margin-right: 15px;

}

#bottom .social-icon ul li:last-child {

    margin-right: 0;

}

#bottom .social-icon ul li a {

    height: 40px;

    width: 40px;

    line-height: 40px;

    display: block;

    font-size: 1.143em;

    text-align: center;

    color: #ffffff;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    border-radius: 50%;

    border: none;

    background-color: #3498db;

}

#bottom .social-icon ul li a:hover {

    background-color: #3498db;

    color: #ffffff;

}

#bottom .social-icon ul li .dribbble {

    border-right: transparent;

}

#bottom .social-icon ul li .dribbble {

    border-right: transparent;

}

#bottom .social-icon ul li .dribbble {

    border-right: transparent;

}



/*-----------careers page css-----------------------*/



#inner-banner {

    width: 100%;

    height: auto;

    padding-top: 180px;

    padding-bottom: 30px;

    background: linear-gradient(rgba(44, 62, 80, 0.9), rgba(44, 62, 80, 0.9)), url(../images/doc1.jpg);

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-attachment: fixed !important;

}

#inner-banner .sector {

    width: 100%;

    height: auto;

    padding-bottom: 30px;

}

#inner-banner .sector .title {

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    text-decoration: none;

    width: 100%;

    height: auto;

    padding-bottom: 30px;

}



#inner-banner .sector .description {

    font-family: 'RobotoSlab-R';

    width: 100%;

    height: auto;

    text-align: center;

    padding-bottom: 30px;

    color: #fff;

}



.career-new-block {

    text-align: center;

    position: relative;

    margin: 15px 0px;

}

.dark-overlay-sp {

    transition: all 0.5s ease-out 0s;

    -webkit-transition: all 0.5s ease-out 0s;

}

.career-new-block:hover .career-inner::before, .career-new-block:hover .career-inner::after {

    transform: scale(1);

    -webkit-transform: scale(1);

}

.career-inner::before {

    position: absolute;

    top: 10px;

    bottom: 10px;

    left: 0px;

    right: 0px;

    content: "";

    border-top: 2px solid #313C63;

    border-bottom: 2px solid #313C63;

    z-index: -1;

    transform: scaleX(0);

    -webkit-transform: scaleX(0);

    transition: all 0.5s ease-out 0s;

    -webkit-transition: all 0.5s ease-out 0s;

}

.career-inner::after {

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 10px;

    right: 10px;

    content: "";

    border-left: 2px solid #313C63;

    border-right: 2px solid #313C63;

    z-index: -1;

    transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transition: all 0.5s ease-out 0s;

    -webkit-transition: all 0.5s ease-out 0s;

}



.career-new-block:hover .dark-overlay-sp {

    transform: scale(1.08);

    -webkit-transform: scale(1.08);

}

.career-new-block:hover .dark-overlay-sp {

    background-color: #3498db;

    opacity: .7;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: -1;

}

.career-apply-sec{

    padding: 70px 0;

}

.career-apply-sec .career-inner h3{

color: #000;

    text-align: center;

    text-transform: uppercase;

    text-decoration: none;

    width: 100%;

    height: auto;

    padding-bottom: 30px;

    font-size: 20px;

}

.career-new-block:hover  .career-inner h3, .career-new-block:hover  .career-inner p{

    color: #fff;

}

.career-new-block:hover .career-inner{

    background: #3498db;

}

.career-new-block:hover .career-inner .btn{

    background-color: #fff;

    color: #3498db;

    border-color: #fff;

}



.career-apply-sec .career-inner p{

    font-size: 14px;

}

.career-apply-sec .career-inner .btn {

    font-size: 1.125em;

    color: #fff;

    font-family: 'RobotoCondensed-R';

    border: 3px solid #3498db;

    border-radius: 0;

    padding: 10px 25px;

    border-radius: 5px;

    background: #3498db;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    cursor: pointer;

    margin: 20px 0 10px;

}

.career-apply-sec .career-inner .btn:hover {

    color: #fff;

    border: solid 3px #fff;

    background-color: transparent;

}



.career-apply-sec .career-inner{

    padding: 60px;

    background-color: rgba(0,0,0, 0.2);

    position: relative;z-index: 1000;

        min-height: 340px;

    max-height: 340px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.applyModal .modal-content{

    background-color: #3498db;

}



.applyModal .modal-content .modal-header{

   border-bottom: 0;

}

.applyModal .modal-content .modal-header .modal-title{

    color: #fff;

}



.applyModal .modal-content .modal-footer{

   border-top: 0;

}

.applyModal .modal-content .form-control{

    background-color: transparent;

    border: 1px solid #fff;

    color: #fff;

    border-radius: 0;

    height: 40px;

}

.applyModal .modal-content .form-control::placeholder{

    color: #fff;

}



.applyModal .modal-content .btn {

    font-size: 1.125em;

    color: #3498db;

    font-family: 'RobotoCondensed-R';

    border: 3px solid #fff;

    border-radius: 0;

    padding: 10px 25px;

    border-radius: 5px;

    background: #fff;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    cursor: pointer;

    margin: 20px 0 10px;

}

.applyModal .modal-content .btn:hover {

    color: #fff;

    border: solid 3px #fff;

    background-color: transparent;

}



.applyModal .modal-content .modal-header .close {

    margin-top: -2px;

    opacity: 1;

    color: #fff;

}



.applyModal .modal-dialog {

    width: 600px;

    margin: 15% auto;

}



.applyModal .modal-content label{

    color: #fff;

}



/*special dr page css*/



.special-dr-sec{

    padding: 70px 0;

}

.special-row{

    padding: 30px 0;

}



.dr-img-block img{

height: 250px;

width: 250px;

border: 2px solid #ddd;

border-radius: 50%;



}

.special-dr-sec .dr-content .common-heading{

    font-size: 30px;

    margin-bottom: 15px;

    font-weight: 600;

}

.special-dr-sec .dr-content p{

        font-size: 1.2em;

    color: #646464;

        font-family: 'RobotoCondensed-R';

    line-height: 25px;

    margin-bottom: 20px;

}



.special-dr-sec .dr-content h4{

    font-family: 'RobotoSlab-R';

    padding-bottom: 15px;

    font-weight: 600;

}



.special-dr-sec .dr-content .contact span{

margin-left: 15px;

font-size: 14px;

font-weight: 600;

}

.special-dr-sec .dr-content .contact{

color: #000;

}

.special-dr-sec .dr-content.for-content-right{

    text-align: right;

}

.for-float-content{

    float: right;

}



@media (max-width: 767px) {



  .for-float-content{

    float: none;

} 

.special-dr-sec .dr-content.for-content-right{

    text-align: left;

} 

}



/*Activities page css*/

.achivement-sec{

    padding: 70px 0;

}

.achivment-inner{

    padding: 30px;

    background-color: #fff;

    box-shadow: 2px 2px 10px #000;

    margin: 15px 0;

}

.achivment-inner .media-heading{

    font-size: 30px;

    margin-bottom: 15px;

    font-weight: 600;

}

.achivment-inner .media-body p {

    font-size: 1.2em;

    color: #646464;

    font-family: 'RobotoCondensed-R';

    line-height: 25px;

    margin-bottom: 20px;

}

.achivment-inner .media img{

    margin-right: 20px;

}



@media (max-width: 767px) {

#services .details .arrow-left {

 left: 6px;

}

#services .details .arrow-right{

    right: 0;

}

.achivment-inner .media-body{

    display: block;

    width: 100%;

}

.achivment-inner .media-heading{

    margin-top: 30px;

}

}

/*video page css*/



.video-sec{

    padding: 70px 0;

}

.video-inner{

     padding: 20px;

    background-color: #3498db;

    box-shadow: 2px 2px 10px #000;

}

.video-sec .title{

margin-bottom: 40px;

}



.our-doctors .shedule{

font-size: 1.229em;

    color: #fff;

    float: left;

    font-family: 'RobotoCondensed-B';

    line-height: 24px;

    width: 100%;

    height: auto;

    margin-bottom: 24px;

    border-bottom: solid 1px #fff;

    padding-bottom: 5px;

        margin-top: 25px;

            text-transform: uppercase;

}











/*=======================================================

      RESPONSIVE

========================================================*/



@media (max-width: 1300px) {

    .details.slick-initialized.slick-slider {

        width: 96%;

        padding-left: 3.5%;

    }

    .our-doctors .arrow-left {

        float: left;

        top: 50%;

        position: absolute;

        left: 0px;

        width: 35px;

        height: 35px;

    }

    .our-doctors .arrow-right {

        float: right;

        position: absolute;

        right: -40px;

        top: 50%;

        width: 35px;

        height: 35px;

    }

    .our-doctors .arrow-left span {

        line-height: 34px;

    }

    .our-doctors .arrow-right span {

        line-height: 34px;

    }

}

@media screen and (min-width: 1280px) {

    .slider .inner .image {

        height: 100vh;

    }

}

@media screen and (max-width: 1280px) {

    .slider .inner .image {

        height: 100vh;

    }

    #services .details .arrow-left, #doctors .our-doctors .arrow-left {

    left: 0;

    top: 30%;

    z-index: 100;

}

#services .details .arrow-right, #doctors .our-doctors .arrow-right {

    right: 0;

    top: 30%;

    z-index: 100;

}

}

/* lg */



@media (min-width: 1200px) {}

@media only screen and (min-width: 1170px) {

    #google-container {

        height: 330px;

    }

}



/* md */



@media (min-width: 992px) and (max-width: 1199px) {

    .header .logo-img {

    width: 140px;

    }

    .header .nav-item-child {

        padding: 20px 10px;

        font-size: 1.029em;

    }

    .button-blue {

      font-size: 1.086em;

    }

} 

@media (min-width: 992px) {

    .header .navbar-nav-right {

        float: right

    }

    .page-on-scroll .header .navbar {

        background: #2c3e50 !important;

        transition-duration: .3s;

        transition-property: all;

        transition-timing-function: cubic-bezier(.7, 1, .7, 1);

        padding-top: 0;

    }

    .page-on-scroll .header .logo-img-active,

    .page-on-scroll .header .logo-img-main {

        transition-duration: .4s;

        transition-property: all;

        transition-timing-function: cubic-bezier(.7, 1, .7, 1)

    }

    .page-on-scroll .header .logo-img-main {

        display: none

    }

    .page-on-scroll .header .logo-img-active {

        display: inline-block

    }

    .page-on-scroll .header .nav-item-child {

        color: #000;

        transition-duration: .3s;

        transition-property: all;

        transition-timing-function: cubic-bezier(.7, 1, .7, 1);

    }

}

@media (max-width: 991px) {

        #bottom .image {

    width: 100%;

}

    #bottom .image img {

    float: none;

    margin: 0 auto;

    height: 70px;

}

    .page-on-scroll .header {

        position: fixed;

    }

    .header {

        background: #fff;
        box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
        margin-bottom: 0;

        position: relative;

    }

    .header .navbar-toggle {

        display: block;

        margin-top: 35px;

    }

    .header .navbar-collapse.collapse {

        display: none!important

    }

    .header .navbar-collapse.collapse.in {

        display: block!important

    }

    .header .nav-collapse {

        padding-left: 0;

        padding-right: 0

    }

    .header .navbar-nav {

        margin: 0;

        float: none

    }

    .header .navbar-nav .nav-item {

        float: none

    }

    .header .menu-container:after,

    .header .menu-container:before {

        content: " ";

        display: table

    }

    .header .menu-container:after {

        clear: both

    }

    .header .logo .logo-img-main {

        display: none

    }

    .header .logo .logo-img-active {

        display: inline-block

    }



    .header .nav-item-child {

        color: #ffffff;

        line-height: 1.4;

        padding: 12px 12px 12px 15px;

        text-align: center;

    }

    .header .nav-item .button-blue {

    padding: 8px 8px;

    margin: 10px 0 20px !important;

    float: none;

    display: inline-block;

}

.header .navbar-nav .nav-item {

    text-align: center;

}

    .header .nav-item-hover:after {

        position: absolute;

        top: 19px

    }

    .slider .outer .inner {

        width: 100%;

        float: left;

        height: 700px;

        overflow: hidden;

        position: relative;

    }

    .slider .inner .image {

        position: absolute;

        height: 700px;

        width: 100%;

        top: 0;

        left: 50%;

        transform: translateX(-50%);

        -webkit-transform: translateX(-50%);

        -moz-transform: translateX(-50%);

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .header .navbar {

        margin-bottom:0;

        padding-top: 0;

    }

    #gallery .details {

        width: 100%;

        height: auto;

        margin-bottom: 30px;

        float: left;

    }

    #gallery .photos {

        width: 100%;

        height: auto;

    }

    #gallery .content {

        width: 100%;

        height: auto;

    }

    #o-skills .sector {

        width: 100%;

        padding-top: 0;

        padding-bottom: 60px;

    }

    #codeconSkills {

        width: 100% !important;

        padding-left: 15px;

        padding-right: 15px;

    }

    #about-us .sector .description {} .main-nav {

        background: rgba(44, 62, 80, 0.9);

        padding-bottom: 30px;

        padding-top: 30px;

        position: relative;

    }

    .navbar-header {

        width: 100%;

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        padding-bottom: 0px;

    }

    .navbar-right {

        width: 100%;

        margin-right: 0 !important;

        text-align: center;

        display: flex;

        justify-content: center;

    }

    .slider .sub-capt {

        padding-left: 15%;

        padding-right: 15%;

    }

    .slider {

        height: auto;

    }

    .slider .outer {

        height: auto;

    }

    .slider .inner .captions:before {

        height: 100%;

    }

    #gallery .outer:before {

        display: none;

    }

    .navbar-out-top {

        position: fixed !important;

    }

    .navbar-default {

        position: relative;

        background: #2c3e50;

        margin-bottom: 0;

    }

    #appointment {

        padding-left: 15px;

        padding-right: 15px;

    }

    #appointment .container {

        padding-left: 0;

        padding-right: 0;

    }

    .header .nav-item-child {

        font-size: 13px;

    }

    .our-services .sector {}

}



@media only screen and (min-width: 768px) {

    

    #cd-google-map address {

        font-size: 15px;

        font-size: 0.9375rem;

        text-align: center;

    }

    #google-container {

        height: 300px;

    }

    #cd-zoom-in,

    #cd-zoom-out {

        margin-left: 50px;

    }

    #cd-zoom-in {

        margin-top: 50px;

    }

   

}

/* xs */



@media (max-width: 767px) {



    .header .nav-item-child {

    padding: 5px 12px 5px 15px;

}

.header .nav-item .button-blue {

    margin-top: 5px;

    margin-bottom: 2px;

}

    .head-top {

    text-align: center;

    overflow: hidden;

        padding: 10px 0 0;

}

 .head-top a {

    font-size: 12px;

        line-height: 18px;

 }

 .head-top .for-phone a{

    font-size: 14px !important;

 }

 .head-top .social-icons a {

    height: 24px;

    width: 24px;

    line-height: 26px;

}

.nav-bar-arihant {

    padding: 0 0px;

}

.header .logo-wrap {

    padding: 5px 0;

}

.header .navbar-toggle {

    margin-top: 25px;

}

    .header .menu-container {

        padding-left: 15px;

        padding-right: 15px;

        margin-left: 0;

        margin-right: 0

    }

    .header .navbar>.container,

    .header .navbar>.container>.nav-collapse {

        padding-left: 0;

        padding-right: 0;

        margin-left: 0;

        margin-right: 0

    }

    .header .navbar>.container {

        width: auto

    }

    .slider .outer .inner {

        width: 100%;

        float: left;

        height: 266px;

        overflow: hidden;

        position: relative;

    }

    .slider .inner .image {

        position: absolute;

        height: 500px;

        width: 767px;

        top: 0;

        left: 50%;

        transform: translateX(-50%);

        -webkit-transform: translateX(-50%);

        -moz-transform: translateX(-50%);

    }

    #gallery .details {

        width: 100%;

        height: auto;

        margin-bottom: 30px;

        float: left;

    }

    #gallery .photos {

        width: 100%;

        height: auto;

    }

    #gallery .content {

        width: 100%;

        height: auto;

    }

    #o-skills .sector {

        width: 100%;

        padding-top: 0;

        padding-bottom: 60px;

    }

    #codeconSkills {

        width: 100% !important;

        padding-left: 15px;

        padding-right: 15px;

    }

    #about-us .sector .description {

        padding-left: 15px;

        padding-right: 15px;

    }

    #appointment .sector {

        padding-left: 15px;

        padding-right: 15px;

    }

    #testimonials .sector {

        padding-left: 15px;

        padding-right: 15px;

    }

    #gallery .sector {

        padding-left: 15px;

        padding-right: 15px;

    }

    #appointment .sector .title {

        line-height: 36px;

    }

    #testimonials .sector .title {

        line-height: 36px;

    }

    #form-div .form p {

        width: 100%;

        padding-right: 0;

    }

    .submit {

        width: 100%;

    }

    #testimonials .inner .details {

        padding-left: 15px;

        padding-right: 15px;

    }

    .codeconSkillArea {

        font-size: 11px !Important;

    }

    .PercentText {

        font-size: 11px !Important;

    }

    .nav .scroll {

        text-align: center;

        padding: 10px;

    }

    .nav .scroll a {

        margin-top: 0;

        margin-bottom: 0;

        font-size: 1.2em !important;

    }

    .navbar-header {} .navbar-fixed-bottom .navbar-collapse,

    .navbar-fixed-top .navbar-collapse {

        max-height: 100% !important;

    }

    .main-nav {

        background: rgba(44, 62, 80, 0.9);

        padding-bottom: 30px;

        padding-top: 30px;

        position: relative;

    }

    .main-nav .navbar-brand {

        width: 153px;

        height: 39px !important;

    }

    .main-nav .navbar-brand img {

        width: 100%;

        height: auto;

        outline: none;

    }

    .slide-description {

        display: none

    }

    .fadeInLeftBig {} .fadeInRightBig {} #appointment {

        padding-left: 15px;

        padding-right: 15px;

    }

    #appointment .container {

        padding-left: 0;

        padding-right: 0;

    }

    .sub-capt h1 {

        font-size: 2em !important;

        margin-bottom: 15px;

    }

    .sub-capt p {

        font-size: 1.3em !important;

        margin-bottom: 15px;

    }

    .sub-capt .button {

        margin-top: 0;

    }

    .slider .slick-dots {

        bottom: 15px;

    }

    .our-services .details .inner {

        width: 50%;

        padding-bottom: 20px;

    }

    .our-services .details .inner:last-child {

         padding-bottom:0;

         }

    .slider .sub-capt {

        padding-left: 15%;

        padding-right: 15%;

    }

    .slider {

        height: auto;

    }

    .slider .outer {

        height: auto;

    }

    .slider .inner .captions:before {

        height: 100%;

    }

    #gallery .outer:before {

        display: none;

    }

    .navbar-out-top {

        position: fixed !important;

    }

    .navbar-default {

        position: relative;

        background: #2c3e50;

        margin-bottom: 0;

    }

    .navbar-fixed-top .navbar-brand {

        width: 153px;

        height: 60px !important;

        -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -o-transition: all 0.5s;

        transition: all 0.5s;

        margin-left: 0 !important;

        padding-top: 10px !important;

        padding-bottom: 10px !Important;

        margin-top: 0px;

    }

    .navbar-fixed-top .navbar-brand img {

        width: 100%;

        height: 100%;

    }

    .header .navbar {

        padding-top: 0;

        margin-bottom: 0;

    }

    .header .nav-item-child {

        font-size: 13px;

    }

    #testimonials .inner .details .description {

        padding-left: 30px;

        padding-right: 30px;

    }

    .our-services .sector {

        padding-left: 15px;

        padding-right: 15px;

    }

    .our-doctors .sector {

        padding-left: 15px;

        padding-right: 15px;

    }

    #bottom .inner {

        display: table;

        }

    #bottom .image {

        display: flex;

        justify-content: center;

        width: 100%;

        }

    #bottom .image img {

        }

    #contact .inner {

        width: 100%;

        height: auto;

        padding-bottom: 20px;

        }

    #contact .inner:last-child {

        padding-bottom:0;

         }

    #form-main {padding-left: 15px;padding-right: 15px;}

    #services .our-services .details .inner {width: 50%;}

     .header  .logo-img{

     width: 120px;

    }

}



@media only screen and (max-width: 580px) {

    #form-main {padding-left: 0;padding-right: 0;}

    #form-div {

        margin-right: 3%;

        width: 100%;

        margin-left: 0;

        padding-left: 3%;

        padding-right: 3%;

    }

}



/* XS Portrait */



@media (max-width: 479px) {

    #about-us .welcome .points li .point-title {

        width: 85%;

    }

    .our-services .details .inner {

        width: 100%;

    }

    .slider .slick-prev {

        left: 15px;

    }

    .slider .slick-next {

        right: 15px !Important;

    }

    .slick-prev:before,

    .slick-next:before {

        font-size: 20px !important;

    }

    .slider .sub-capt {

        padding-left: 45px;

        padding-right: 45px;

    }

    .slider .btn {

        padding: 5px 5px;

    }

    .slider .slick-dots {

        display: none !Important;

    }

    #gallery .outer:before {

        display: none;

    }

    #about-us .emerg {

        padding: 20px;

    }

    #appointment .container {

        padding-left: 0;

        padding-right: 0;

    }

    #services .our-services .details .inner {width: 100%;}

    #contact .message .email {padding-left: 15px;padding-right: 15px;}

}





/*about us page css*/



.intro-about-sec{

    margin: 40px 0;

    padding: 100px 0;

    position: relative;

}

.intro-about-sec::after {

    content: "";

    background-color: #3498db;

    position: absolute;

    left: 0;

    height: 100%;

    width: 30%;

    top: 0;

    opacity: 0.3;

    z-index: -99;

}

.outer-intro-block{

    background-color: #3498db;

    padding: 30px;

}

.outer-intro-block h3{

color: #fff;

}

.outer-intro-block p {

    color: #fff;

    font-size: 14px;

    text-align: justify;

    margin-top: 20px;

}

.outer-intro-block ul li {

    line-height: 22px;

    color: #fff;

    list-style: initial;

    margin: 10px 0;

}

.sec-vision {

    padding: 120px 0;

    background: linear-gradient(rgba(44, 62, 80, 0.9), rgba(44, 62, 80, 0.9)), url(../images/doc1.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: bottom center;

    background-attachment: fixed;

}

.aline-items-center {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.vission-inner h4 {

    color: #fff;

    font-weight: 700;

    position: relative;

    margin-bottom: 30px;

}

.vission-inner h4:after {

    content: "";

    position: absolute;

    bottom: -15px;

    left: 0;

    width: 51px;

    height: 4px;

    background-color: #fff;

}

.vission-inner p {

    color: #fff;

    font-size: 14px;

    line-height: 25px;

    font-weight: 300;

}

.vission-img-block {

    text-align: center;

    position: relative;

    cursor: pointer;

}

.vission-img-block::before {

    content: "";

    /* background-color: red; */

    border: 5px solid #3498db;

    height: 250px;

    width: 150px;

    position: absolute;

    top: -25px;

    left: 50px;

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform: scaleY(0);

    -o-transition: all 0.5s ease-out 0s;

    transition: all 0.5s ease-out 0s;

    -webkit-transition: all 0.5s ease-out 0s;

}

.vission-img-block img {

    height: 200px;

    width: 200px;

    margin: 0 auto;

    position: relative;

    -webkit-box-shadow: 2px 2px 10px #000;

    box-shadow: 2px 2px 10px #000;

    object-fit: cover;

}

.vission-img-block:hover::before {

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transform: scale(1);

}



.clients-sec .sector .title {

    float: left;

    text-align: center;

    width: 100%;

    height: auto;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-decoration: none;

}

.clients-sec {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

}

.clients-sec .client-img{

    border: 1px solid #ddd;

    margin: 20px 0;

    padding: 20px;

}

.client-tpa-slider .client-img{

    margin: 10px;

    padding: 30px 0;

}

.client-tpa-slider .client-img img{

    height: 70px;

}

.clients-sec img{

    height: 100px;

    object-fit: contain;

    margin: 0 auto;

}

.benefits-sec{

    float: left;

    width: 100%;

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

    background: linear-gradient(rgba(52, 152, 219, 0.9), rgba(52, 152, 219, 0.9)), url(../images/appointment.jpg);

}

.benefits-sec .sector .title {

    color: #fff;

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

    padding-bottom: 30px;

    text-transform: uppercase;

    text-decoration: none;

    margin-bottom: 30px;

}

.benefits-sec h3 {

    color: #fff;

    margin: 20px 0 10px;

    font-size: 19px;

    min-height: 48px;

}

.benefits-sec ul li{

line-height: 20px;

color: #fff;

}

.benefits-sec ul{

    padding: 0;

}

.benefits-sec img{

    width: 180px;

}

.benefits-sec{

    text-align:left;

}





@media (max-width: 991px){

  .vission-img-block {

    margin: 0px 0 30px;

   }

   .benefits-sec ul {

    min-height: 170px;

   }

}

@media (max-width: 768px){

.benefits-sec ul {

    min-height: 200px;

   }

   .sec-vision {

    padding: 65px 0;

}

}

@media (max-width: 767px){

.benefits-sec ul {

    min-height: auto;

   }

   .benefits-sec img {

    width: 64px;

    margin-top: 34px;

}

.benefits-sec h3 {

    min-height: auto;

}

.vission-inner{

    text-align: center;

    margin-bottom: 20px;

}

.vission-inner h4:after {

    right: 0;

    margin: 0 auto;

}

}



/*services page css*/

.Services-block{

    padding: 60px 0;

}

.Services-block .inner-block{

    padding: 20px;

    background-color: #fff;

     box-shadow: 2px 2px 10px rgba(0, 0, 0,0.4);

    margin: 30px 0;

}

.Services-block .inner-block img{

    height: 300px;

    object-fit: contain;

    border: 1px solid #ddd;

    width: 100%;

}

.Services-block .inner-block h4{

    color: #3498db;

        font-family: 'RobotoCondensed-B';

        margin: 20px 0 5px;

}

.Services-block .inner-block .list-outer-service{

  

     max-height: 155px;

    min-height: 155px;

}

.Services-block .inner-block ul{

      padding-left: 10px;

}

.Services-block .inner-block ul li{

line-height: 22px;

text-align: justify;

list-style: initial;

}

.blue-border-btn{

    font-size: 1.286em;

    color: #3498db;

    font-family: 'RobotoCondensed-R';

    text-transform: uppercase;

    border: #3498db solid 4px;

    cursor: pointer;

    background-color: transparent;

    padding-top: 18px;

    padding-bottom: 18px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    margin-top: -4px;

    text-align: center;

    display: inline-block;

    width: auto;

    padding: 8px 30px;

    border-radius: 0;

    width: auto;

}

.blue-border-btn:hover{

    background-color: #3498db;

    color: #fff;

}



@media (max-width: 1200px){

.Services-block .inner-block ul {

    max-height: 230px;

    min-height: 230px;

}

}

@media (max-width: 991px){

.Services-block .inner-block ul {

    max-height: 200px;

    min-height: 200px;

}

}

@media (max-width: 767px){

.Services-block .inner-block ul {

    max-height: auto;

    min-height: auto;

}



.Services-block .inner-block .blue-border-btn{

margin: 20px 0;

}

}



/*service detail page css*/

.service-detail-sec{

    padding: 60px 0;

}

/*.service-detail-block {

border: 1px solid #ddd;

padding: 20px;

}*/

.service-detail-block-left{

    border: 2px solid #3498db;

    padding: 15px;

    box-shadow: 2px 2px 10px rgba(0,0,0,0.4);

}

.service-detail-block-left img{

  width: 100%;  

}

.service-detail-block h4{

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 600;

    color: #3498db;

    margin-bottom: 20px;

}

.service-detail-block ul{

padding-left: 20px;

}

.service-detail-block ul li{

    line-height: 28px;

    list-style: square;

    text-align: justify;

    font-size: 16px;

    margin-bottom: 10px;

}



@media (max-width: 991px){

#inner-banner {

    padding-top: 90px;

}

}