html,body{
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    body{
        color: #585858;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    a{
        color: #00a0ac;
    }
    ol,ul{
        margin:0;
        padding:0;

    }
    ul,li{
        list-style:none;
    }
    a:hover, a:focus, a:active:hover{
        text-decoration: none;
        outline: none;
        color: rgba(22,150,231,0.8);
    }

    hr{
        border: 0;
        border-bottom: 1px solid #d5d5d5;
        position: relative;
        margin: 25px auto;
    }

    hr.hr-1{
        border-bottom: 2px solid #00a0ac;
        width: 50px;
    }

    hr.hr-1.left{
        margin-left: 0px;
    }

    hr.hr-2{
        border-bottom: 2px solid #fff;
        width: 50px;
    }

    hr.hr-2.left{
        margin-left: 0px;
    }

    hr.hr-or{
        width: 100%;
        border-color: #e5e5e5;
    }

    hr.hr-or:before{
        content: "OR";
        font-weight: 400;
        color: #d5d5d5;
        position: absolute;
        left: 50%;
        top:50%;
        margin-top: -20px;
        margin-left: -20px;
        background-color: #fff;
        display: inline-block;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
    }

    .loader-backdrop{
        position: fixed;
        top:0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 999999;
        background-color: #fff;
    }

    .loader{
        position: absolute;
        border-radius: 100px;
        width: 100px;
        height: 100px;
        top: 50%;
        left: 50%;
        border: 6px solid #f2f2f2;
        border-left: 6px solid #b3d236;
        margin-top: -50px;
        margin-left: -50px;
        -webkit-animation: circle 1.1s infinite linear;
        animation: circle 1.1s infinite linear;
    }

    @-webkit-keyframes circle {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

/***************************/
/****** 2. Typography ******/
/***************************/

h1, h2, h3, h4, h5, h6{
    font-family: 'Volkhov', serif;
    color: #1a1a1a;
    text-transform: capitalize;
    margin-top: 0em;
    margin-bottom: 0.8em;
    line-height: 1.2;
}

h1{font-size: 38px;}
h2{font-size: 32px;}
h3{font-size: 26px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 14px;}

.h1 .small, .h1 small,
.h2 .small, .h2 small,
.h3 .small, .h3 small,
.h4 .small, .h4 small,
.h5 .small, .h5 small,
.h6 .small, .h6 small,
h1 .small, h1 small,
h2 .small, h2 small,
h3 .small, h3 small,
h4 .small, h4 small,
h5 .small, h5 small,
h6 .small, h6 small
{
    color: #aaa;
}

.heading{
    font-weight: 400;
}

.heading-block{
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
.heading-center {
    text-align: center;
}
.heading-block:before{
    content: "";
    position: absolute;
    height: 6px;
    width: 50px;
    bottom: -2px;
    left: 50%;
    background-color: #00a0ac;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.heading-block .heading{
    margin-bottom: 0px;
}

.heading-block .sub-heading{
    display: block;
    text-align: center;
    margin: 18px auto 18px auto;
    color: #585858;
    max-width: 750px;
    line-height: 28px;
    text-transform: none;
    font-weight: 300;
    padding: 16px 0px;
    position: relative;
}

.heading-block .sub-heading:before{
    content: "";
    position: absolute;
    top:0px;
    left: 50%;
    height: 6px;
    width: 90%;
    background-color: #f2f2f2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.heading-block .sub-heading:after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    height: 6px;
    width: 90%;
    background-color: #f2f2f2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.heading-block.inverse .heading,
.heading-block.inverse .sub-heading{
    color: #fff;
}

p{
    font-size: 15px;
    display: block;
    line-height: 2em;
}

address{
    font-size: 15px;
    line-height: 28px;
}

address strong{
    font-size: 1.2em;
    font-weight: 400;
}

blockquote{
    padding: 20px;
    background-color: #f7f7f7;
    border-color: #00a0ac;
    border-width: 3px;
}

blockquote:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f10d";
    color: #00a0ac;
    height: 50px;
    width: 50px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
}

.blockquote-reverse, blockquote.pull-right{
    padding: 20px;
    border-width: 3px;
    border-color: #00a0ac;
}

blockquote p{
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0.02em;
    margin-top: 8px;
}

blockquote footer{
    color: #00a0ac;
    font-size: 13px;
    margin-top: 20px;
    text-align: right;
}

/*******************************/
/****** 3. Helper Classes ******/
/*******************************/

.thin{font-weight:300;}     /* Font weight can be chosen */
.normal{font-weight:400;}
.bold{font-weight:700;}

.font-1{font-family: 'Volkhov', serif;}
.font-2{font-family: 'Open Sans', sans-serif;}

.font16{font-size: 16px;}   /* Various Font Size Classes can applied */
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font28{font-size: 28px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font34{font-size: 34px;}
.font36{font-size: 36px;}

.color1{color: #00a0ac !important;}     /* Blue Color */
.color2{color: #f7f7f7 !important;}     /* Light Grey Color */
.color3{color: #303b41 !important;}     /* Dark Color */
.inverse{color: #fff !important; font-size:16px;}       /* White Color */

.bgcolor1{background-color: #00a0ac;}     /* Blue Color Background */
.bgcolor2{background-color: #f7f7f7;}     /* Yellow Color Background */
.bgcolor3{background-color: #303b41;}     /* Dark Color Background */
.bginverse{background-color: #fff}        /* White Color Background */

.nom{margin:0;}                                 /* No Margin */
.nom-tb{margin-top: 0; margin-bottom: 0;}       /* No Margin on Top and Bottom */
.nop, .no-gutter{padding:0 !important;}         /* No Padding */
.nop-tb{padding-top: 0; padding-bottom: 0;}     /* No Padding on Top and Bottom */

.mt-0{margin-top:0px;}        /* Margin Top Classes */
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}
.mt-80{margin-top:80px;}
.mt-100{margin-top:100px;}

.mb-0{margin-top:0px;}        /* Margin Bottom Classes */
.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}
.mb-80{margin-bottom:80px;}
.mb-100{margin-bottom:100px;}

.ml-0{margin-left:0px;}        /* Margin Left Classes */
.ml-20{margin-left:20px;}
.ml-40{margin-left:40px;}
.ml-60{margin-left:60px;}
.ml-80{margin-left:80px;}
.ml-100{margin-left:100px;}

.mr-0{margin-right:0px;}        /* Margin Right Classes */
.mr-20{margin-right:20px;}
.mr-40{margin-right:40px;}
.mr-60{margin-right:60px;}
.mr-80{margin-right:80px;}
.mr-100{margin-right:100px;}

.pt-0{padding-top:0px;}       /* Padding Top Classes */
.pt-20{padding-top:20px;}
.pt-40{padding-top:40px;}
.pt-60{padding-top:60px;}
.pt-80{padding-top:80px;}
.pt-100{padding-top:100px;}

.pb-0{padding-bottom:0px;}       /* Padding Bottom Classes */
.pb-20{padding-bottom:20px;}
.pb-40{padding-bottom:40px;}
.pb-60{padding-bottom:60px;}
.pb-80{padding-bottom:80px;}
.pb-100{padding-bottom:100px;}

.pl-0{padding-left:0px;}       /* Padding Left Classes */
.pl-20{padding-left:20px;}
.pl-40{padding-left:40px;}
.pl-60{padding-left:60px;}
.pl-80{padding-left:80px;}
.pl-100{padding-left:100px;}

.pr-0{padding-right:0px;}       /* Padding Right Classes */
.pr-20{padding-right:20px;}
.pr-40{padding-right:40px;}
.pr-60{padding-right:60px;}
.pr-80{padding-right:80px;}
.pr-100{padding-right:100px;}

.p20,
.p40,
.p60,
.p80,
.p100{padding:40px;}     /* Padding remains 40px on Mobile Devices. For larger screens, padding values are provided in Responsive CSS */

.text-muted{color: rgba(255, 255, 255, 0.8);}
.text-primary{color: #00a0ac;}
.text-success{color: #41c741;}
.text-info{color: #00c4ff;}
.text-warning{color: #ffc800;}
.text-danger{color: #e62c22;}

.bg-primary{background-color: #00a0ac; color: #fff; padding:0px 5px;}
.bg-success{background-color: #41c741; color: #fff; padding:0px 5px;}
.bg-info{background-color: #00c4ff; color: #fff; padding:0px 5px;}
.bg-warning{background-color: #ffc800; color: #fff; padding:0px 5px;}
.bg-danger{background-color: #e62c22; color: #fff; padding:0px 5px;}

.xs-center, .sm-center, .md-center, .lg-center{     /* Center Text Based On Device Width */
    display: block;
    text-align: center;
}

.justify{text-align:justify;}

.lead{font-size: 19px; line-height: 1.55em;}

/*******************************/
/********* General CSS *********/
/*******************************/



/* Header Version 2 */

.header-2 .topbar{
    background-color: #fff;
}

.header-2 .navbar-default .navbar-nav>li>a.btn-emergency{
    position: relative;
    background-color: #00a0ac;
    padding: 10px 20px;
    color: #fff;
    margin-top: 15px;
    line-height: 27px;
    border-radius: 4px;
    z-index: 1;
}

.header-2 .navbar-default .navbar-nav>li>a.btn-emergency:before{
    content: "";
    position: absolute;
    left: 0px;
    top:0px;
    background-color: #000;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition:350ms ease all;
    transition: 350ms ease all;
    z-index: -1;
}


.header-2 .navbar-default .navbar-nav>li>a.btn-emergency:hover:before,
.header-2 .navbar-default .navbar-nav>li>a.btn-emergency:active:before,
.header-2 .navbar-default .navbar-nav>li>a.btn-emergency:focus:before,
.header-2 .navbar-default .navbar-nav>li>a.btn-emergency:active:hover:before,
.header-2 .navbar-default .navbar-nav>li>a.btn-emergency:hover:active:before{
    opacity: 0.1;
}

.header-2 .navbar-default .navbar-nav>li>a.btn-emergency:hover>i{
    color: #fff;
}

.header-2 .navbar-default .navbar-nav>li>a.btn-emergency:after{
    display: none;
}

.header-2 .topbar .contact{
    list-style: none;
    padding: 0px;
    overflow: hidden;
    margin: 0px;
    float: right;
}

.header-2 .topbar .contact li{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    /*padding: 6px 5px;*/
}

.header-2 .topbar .contact li:first-child{
    padding-left: 0px;
}

.header-2 .topbar .contact li span{
    font-weight: bold;
}

.header-2 .topbar .social > li{
    position: relative;
    padding: 0px;
    margin: 0px;
}
.header-2 .topbar .social-mid > li {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: inline-block;
}

.header-2 .topbar .contact,
.header-2 .topbar .social{
    width: 100%;
    text-align: center;
}



/* Slider Box */

.slider-box-appointment {
    border-radius: 5px;
    overflow: hidden;
    background-color: #b3d236;
    padding: 40px 25px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
    margin: 100px 0px;
    width: 400px;
    position: absolute;
    right: 130px;
    top: 165px;

}

.slider-box-appointment .header{
    margin-bottom: 20px;
}

.slider-box-appointment .header .heading{
    margin-bottom: 0px;
    color: #fff;
    font-weight: 300;
}

.slider-box-appointment .body .text-muted{
    font-size: 13px;
}



/* Icon Boxes */

.iconbox-1{
    text-align: center;
    margin: 20px 0px;
}

.iconbox-1 > .iconbox-icon i{
    display: inline-block;
    font-size: 30px;
    color: #00a0ac;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    line-height: 90px;
    text-align: center;
    background-color: #f2f2f2;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.iconbox-1 > .iconbox-icon{
    position: relative;
    display: inline-block;
}

.iconbox-1 > .iconbox-icon:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border: 2px solid #00a0ac;
    border-radius: 50%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.iconbox-1 > .iconbox-content{
    margin-top: 30px;
    display: inline-block;
}

.iconbox-1 > .iconbox-content p{
	margin:0px;
}

.iconbox-1:hover .iconbox-icon i{
    background-color: #00a0ac;
    color: #fff;
}

.iconbox-1:hover .iconbox-icon:before{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.iconbox-2{
    margin:20px 0px;
    padding: 20px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.iconbox-2 .heading{
    color: #00a0ac;
    margin-bottom: 10px;
}

.iconbox-2 > .iconbox-icon > i{
    font-size: 36px;
    color: #00a0ac;
    display:inline-block;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
}

.iconbox-2 > .iconbox-icon,
.iconbox-2 > .iconbox-content{
    display: table-cell;
    vertical-align: middle;
}

.iconbox-2 > .iconbox-content{
    margin-top: 20px;
    padding-left: 20px;
}

.iconbox-2 > .iconbox-content p{
    margin: 0px;
}

.iconbox-2:hover > .iconbox-icon > i{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.iconbox-2:hover{
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20);
}

.iconbox-3{
    position: relative;
    text-align: center;
    margin: 20px 0px;
}

.iconbox-3 > .heading{
    color: #fff;
}

.iconbox-3 > .iconbox-icon{
    display: inline-block;
    margin-bottom: 20px;
}

.iconbox-3 > .iconbox-icon i{
    height: 100px;
    width: 100px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    font-size: 35px;
    border: 8px solid #00a0ac;
    border-radius: 50px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.iconbox-3 > p{
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
}

.iconbox-3:hover > .iconbox-icon i{
    border-color: transparent;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.iconbox-4{
    position: relative;
    text-align: center;
    background-color: #00a0ac;
    margin:20px 0px;
}

.iconbox-4 .heading{
    color: #fff;
}

.iconbox-4 i{
    color: #fff;
    display: inline-block;
    font-size: 60px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.iconbox-4 p{
    color: rgba(255, 255, 255, 0.80);
    margin: 0px;
}

.iconbox-4:hover i{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* Department Box */

.department-box-1{
    position: relative;
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 50px 25px;
    margin: 20px 0px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.department-box-1 i{
    font-size: 60px;
    text-align: center;
    color: #fff;
    background-color: #00a0ac;
    height: 90px;
    width: 90px;
    line-height: 90px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.department-box-1 .heading{
    color: #00a0ac;
    font-weight: bold;
    line-height: 37px;
    margin-top: 20px;
}

.department-box-1:hover{
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15)
}

.department-box-2{
    position: relative;
    overflow: hidden;
    text-align: center;
    border: 6px solid #f2f2f2;
    margin: 20px 0px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.department-box-2 .head{
    position: relative;
    padding: 20px;
    border-bottom: 0px;
}

.department-box-2 .head .heading{
    font-size: 30px;
    color: #00a0ac;
    margin: 20px 0px 0px;
}

.department-box-2 .head i{
    font-size: 48px;
    color: #00a0ac;
    height: 100px;
    width: 100px;
    background-color: #f2f2f2;
    line-height: 100px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.department-box-2 .body{
    padding: 20px;
    border-top: 0px;
}

.department-box-2:hover{
    border-color: #00a0ac;
}

.department-box-2:hover .head i{
    background-color: #00a0ac;
    color: #fff;
}

.department-box-3{
    margin: 20px 0px;
}

.department-box-3 img{
    display: inline-block;
    color: #fff;
    font-size: 60px;
    /*height: 100px;
    width: 100px;*/
    line-height: 98px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    padding:10px;
}

.department-box-3:hover i{
    background-color: rgba(255, 255, 255, 0.1);
}

.department-box-3 a{
    color: #fff;
}

.department-list{
    list-style: none;
    padding: 0px;
}

.department-list li{
    margin: 20px 0px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.department-list li > a{
    display: block;
}

.department-list li .list-icon, 
.department-list li .list-text{
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
}

.department-list li .list-icon{
    color: #fff;
    background-color: #00a0ac;
}

.department-list li .list-icon i{
    font-size: 40px;
}



/* Subscribe */

.subscribe{
    background-size: cover;
    background-position: center center;
}

/* Gallery */

.img-box{
    margin: 20px 0px;
    position: relative;
    padding: 5px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    box-sizing: border-box;
}

.img-box .img-open{
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(22,150,231,0.80);
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.img-box:hover .img-open{
    visibility: visible;
    opacity: 1;
}

.img-box .img-open i{
    color: #fff;
    position: absolute;
    font-size: 20px;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.call-out-2 {
    display: table;
    margin: 0px auto;
}
.call-out-2 i {
    font-size: 90px;
    padding-right: 20px;
    color: #fff;
}
.call-out-2 i, .call-out-2 .call-us {
    display: table-cell;
    vertical-align: middle;
}
.call-out-2 .call-us {
    font-size: 40px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    line-height: 34px;
}
.call-out-2 .call-us strong {
    vertical-align: top;
    line-height: 20px;
}

/
/* Social Media */

.social{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.social > li{
    display: inline-block;
    margin: 5px;
}

.social > li:first-child{
    margin-left: 0px;
}

.social > li a{
    position: relative;
    background-color: #b3d236;
    height: 25px;
    width: 25px;
    border-radius: 4px;
    text-align: center;
    line-height: 26px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    z-index: 1;
}

.social-mid > li a {
    position: relative;
    background-color: #00a0ac;
    border-radius: 4px; 
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    z-index: 1;
    padding: 3px 8px;
}
.social-mid {
    text-align: right;
    padding: 1em 0;
    margin-bottom: 0;
}


.social > li a:hover{
    background-color: #000;
}

.social-2x > li a{
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 42px;
}

.social-box{
    padding: 15px;
    text-align: center;
    background-color: #fff;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin: 20px 0px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.social-box:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
}

.social-box > a{
    color: #00a0ac;
    display: inline-block;
    text-align: center;
    font-size: 50px;
}

.social-box .count{
    display: block;
    font-size: 20px;
    color: #00a0ac;
    font-weight: 600;
    letter-spacing: 1px;
}
.info {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    text-align: right;
}
.info li{
    color:#00a0ac;
}
.info li a{}
/* Youtube Video */

.youtube{
    position: relative;
    width: 100%;
    min-height: 300px;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.youtube:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(22,150,231,0.60);
}

.youtube i{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 50px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: -25px;
    margin-left: -25px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.youtube:hover i{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#modal-video .modal-content{
    border: 0px;
}

#modal-video .modal-body{
    padding: 0px;
}

#modal-video .modal-body iframe{
    display: block;
}




/* Back To Top */

#back{
    display: none;
    position: fixed;
    right: 25px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    background-color: #00a0ac;
    color: #fff;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    font-size: 20px;
    z-index: 99;
}

/* Footer 1 */

.footer-1{
    border-top: 6px solid #00a0ac;
}

.footer-1 .footer-pri{
    background-color: #f2f2f2;
}

.footer-1 .footer-sec{
    background-color: #b3d236;
    padding: 25px 0px;
    text-align: center;
    color: #fff;
}

.footer-1 .widget{
    margin: 20px 0px;
    position: relative;
    color: #303b41;
    overflow:hidden;
}

.footer-1 .widget .heading{
    color: #303b41;
}

.footer-1 hr{
    border-color: rgba(0, 0, 0, 0.06);
}

.footer-1 .widget .contact{
    list-style: none;
    padding: 0px;
    font-size: 16px;
}

.footer-1 .widget .contact li{
    padding: 3px 0px;
}

.footer-1 .widget .contact li i{
    margin-right: 10px;
    color: #00a0ac;
}

/* Icon Widget */

.footer-1 .widget-icon{
    position: relative;
    font-size: 26px;
    background-color: #00a0ac;
    text-align: center;
    margin: 0px;
}

.footer-1 .widget-icon strong{
    color: #fff;
    display: block;
    font-size: 0.6em;
    margin-bottom: 8px;
}

.footer-1 .widget-icon i{
    color: rgba(255, 255, 255, 0.8);
    font-size: 1em;
    vertical-align: middle;
    margin-right: 6px;
}

.footer-1 .widget-icon span{
    color: rgba(255, 255, 255, 0.8);
    vertical-align: middle;
}

/* List Widget */

.footer-1 .widget-links ul{
    list-style: none;
    padding: 0px;
}

.footer-1 .widget-links ul li{
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
}

.footer-1 .widget-links ul li:before{
    font: normal normal normal 8px/1 FontAwesome;
    content: "\f10c";
    color: #00a0ac;
    position: absolute;
    top: 9px;
    left: 0px;
    font-weight: 600;
}

.footer-1 .widget-links ul li a{
    color: #303b41;
    padding: 3px 5px;
    display: inline-block;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.footer-1 .widget-links ul li:hover a{
    color: #00a0ac;
}

.footer-1 .widget-links ul li:hover:before{
    color: #00a0ac;
}

/* Flickr Widget */

.footer-1 .widget-flickr ul{
    list-style: none;
    padding: 0px;
}

.footer-1 .widget-flickr ul li{
    float: left;
    display: inline-block;
    width: 35%;
    margin-right: 10%;
    margin-bottom: 3%;
}

.footer-1 .widget-flickr ul li img{
    width:100%;
}

/* Message Widget */

.footer-1 .widget-message{
    position: relative;
    text-align: center;
    font-style: italic;
    margin-top: 0px;
    padding: 40px 0px;
    font-family: 'Volkhov', serif;
}

.footer-1 .widget-message:before{
    content: "\f10d";
    position: absolute;
    color: #e5e5e5;
    font: normal normal normal 100px/1 FontAwesome;
    left: 50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.footer-1 .widget-message:after{
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 0px;
    left: 50%;
    background-color: #d5d5d5;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.footer-1 .widget-message p{
    font-size: 22px;
    position: relative;
    max-width: 65%;
    margin: auto;
    text-align: center;
}

/* Twitter Widget */

.footer-1 .widget-twitter p{
    font-size: 16px;
    text-align: left;
    color:#00a0ac;
}


/* DatePicker Table */

.ui-datepicker table {
	width: 100%;
    background-color: #fff;
    padding: 6px;
}

.ui-datepicker-header {
	background-color: #303b41;
	color: #fff;
	font-weight: bold;
    padding: 10px;
    line-height: 30px;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
    font:  normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    overflow: hidden;
    position: relative;
}

.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e{
    display: none;
}

.ui-datepicker-prev{
    float: left;
}

.ui-datepicker-next{
    float: right;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before{
    font-size: 20px;
    height: 100%;
    width: 100%;
    text-align: center;
}

.ui-datepicker-prev:before {
    content: "\f104";
    position: absolute;
    left: 0px;
}
.ui-datepicker-next:before {
    content: "\f105";
    position: absolute;
    right: 0px;
}

.ui-datepicker th {
	text-transform: uppercase;
	font-size: 12px;
    font-weight: 300;
    text-align: center;
    padding: 5px 0;
    color: rgba(255, 255, 255, 0.8);
}

.ui-datepicker tbody td {
	padding: 2px;
	border-right: 1px solid #fff;
    border-bottom: 2px solid #fff;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #f2f2f2;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #303b41;
}
.ui-datepicker-calendar .ui-state-default {
	background: #f2f2f2;
}
.ui-datepicker-calendar .ui-state-hover {
	background: #00a0ac;
    color: #fff;
}
.ui-datepicker-calendar .ui-state-active {
	background: #00a0ac;
	color: #fff;
	position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
	background-color: #fff;
	color: #d5d5d5;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/* Bootstrap Select */

.bootstrap-select{
    width: 100% !important;
}

.bootstrap-select .dropdown-toggle{
    background-color: #fafafa;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    color: #919191;
    padding: 10px 12px;
    font-weight: 300;
    letter-spacing: 0px;
    text-transform: none;
}

.bootstrap-select .dropdown-toggle:hover,
.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active:focus,
.bootstrap-select .dropdown-toggle:active:hover{
    background-color: #fafafa !important;
    color: #919191;
    outline: none !important;
}

/* Slider Revolution */

.rev_slider_wrapper{
	overflow:hidden !important;
}

/**********************/
/***** Mobile CSS *****/
/**********************/

/* Large Devices, Dektops */
@media only screen and (min-width: 1200px){
    .coming-soon .left-block,
    .coming-soon .right-block{
      padding:80px;
  }
}

/* Medium Devices, Laptops */
@media only screen and (min-width: 992px){

    .header-2{
        position: absolute;
    }
    
    .health-tips{
        background-size: contain;
    }

    .coming-soon .left-block, .coming-soon .right-block{
        float: none;
        display: table-cell;
        vertical-align: top;
        height: 100vh;
    }

    .flex-row{display: flex;}

    .valign-center{align-self: center;}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px){

    .p20{padding:20px;}
    .p40{padding:40px;}
    .p60{padding:60px;}
    .p80{padding:80px;}
    .p100{padding:100px;}
    
    .header-1 .topbar .contact,
    .header-2 .topbar .contact,
    .header-3 .topbar .contact{
        /*width: inherit;*/
        float: right;
        text-align: left;
            padding: 1em 0em;
    }
    
    .header-1 .topbar .social,
    .header-2 .topbar .social,
    .header-3 .topbar .social{
        /*width: inherit;*/
        float: left;
        text-align: right;
        padding: 1em 0;
    }
    
    .header-1 .emergency{
        padding: 18px 0px 18px 18px;
    }
    
    .header-3 .emergency{
        padding: 18px 0px 18px 18px;
    }
    
    .flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .not-found .nf-icon{
        text-align: right;
    }
    
    .not-found .nf-icon,
    .not-found .nf-text{
        display: table-cell;
        vertical-align: middle;
    }
    
    #fixed-appointment{
        display: block;
    }
    
    .app-download-light,
    .app-download-dark{
        background-size: 42%;
    }
    
    .call-out-1 .right,
    .call-out-1 .left{
      text-align:left;
  }
  
  .call-out-1 .right i,
  .call-out-1 .right .call-us{
     display: table-cell;
     vertical-align: middle;
 }

 .call-out-1:after{
  width:50%;
  left:50%;
}


}

/* Small Devices, Phones */
@media only screen and (min-width: 460px){
	
	.pricing-box-2 .header{
		padding-left:0px;
	}
	
	.pricing-box-2 .header,
	.pricing-box-2 .body{
		display:table-cell;
	}
}
.logo{
    padding: 1.7em 0;
}
.logo img{
    display:block;
    width: 300px;
}

  /* 末末末末末末末末末末末末末末末末末末末末末末末末末
 Mobile style's
 末末末末末末末末末末末末末末末末末末末末末末末末末 */
           
.bg-cover{
   background: url(../images/bg.jpg) top fixed;
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
    padding: 200px 20px 200px 20px;
    text-align: center;  
    width: 100%;
}
.bg-cover p{
    color:#fff;
    font-size:40px;
}

/*---Gallery-strat--*/
#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
/*Gallery-end*/

.list-heading{
    list-style:none;
    margin:0;
    padding:0;
}
.comments {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    height: 200px;
    min-height: 200px;
   overflow-y: scroll;
}
.ftr-left span {
    text-align: left;
    float: left;
}
.ftr-left a{
    color:#fff;
}
.ftr-right span {
    float: right;
    text-align: right;
    margin-right: 9px;
}
.ftr-right a{
    color:#fff;
}
/*--Testimonails--start*/

 
.testimonial{
    background: #fff;
    text-align: center;
    margin: 0 20px;
}
.testimonial .description{
    padding: 40px 30px;
    margin-bottom: 50px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    position: relative;
}

.testimonial .description:after{
    content: "";
    width: 50%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
}
.testimonial .testimonial-content{ position: relative; }
.testimonial .testimonial-content:before{
    content: "";
    width: 1px;
    height: 20px;
    background: #000;
    position: absolute;
    top: -50px;
    left: 50%;
}
.testimonial .testimonial-content:after{
    content: "";
    width: 2px;
    height: 40px;
    background: #000;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: skewX(-45deg);
    transform-origin: 100% 100% 0;
}
.testimonial .pic{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 7px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial .title{
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #00a0ac;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.owl-theme .owl-controls{
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
    width: 15px;
    height: 10px;
    border-radius: 0;
    background: #ff5a5f;
    opacity: 0.8;
    transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span{
    width: 35px;
    background: #00a0ac;
}
/*--Testimonials-end*/

.img_box img{
    float:left;
}
.item-box .item img{
    width:100%;
        border: 1px solid #ddd;
    margin-bottom: 10px;
}
.item-box {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.item-box p{
   background:#00a0ac;
    color:#fff;
     padding: 10px 10px;
     margin:0;
     text-transform:capitalize;
}
.item-box p:hover{
    background:#000;
    color:#fff;
}

.tab-content {
    padding: 0 20px;
}
.nuo li{
    overflow:hidden;
}
.nuo li span {
    margin-right: 5px;
}
/*====Css hover Box Start===*/
.cuadro_intro_hover {
    background-color:#00a0ac;
}
.cuadro_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
	    height: 100%;    
        margin-bottom: 20px;  
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:217px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: #00a0ac;
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:0px;
		width: 100%;
	}
.caption-text h3{
     padding: 5px;
     color: #fff;
     font-size: 16px;
     margin-bottom: 20px;
}

/*===Css Hover box End===*/
.video-inner img{
    width:100%;
}
 .video-container {
            float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    overflow:hidden;
 }

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.headline h3{
    background: #00a0ac;
    padding: 5px 10px;
    color:#fff;
}
/*===Table Css Start==*/
@media only screen and (max-width: 767px) {
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 10px; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
}
table td {
    border: 1px solid #ddd;
}
table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
/*===Table Css End===*/
.belief li {
    display: inline-block;
    padding: 0 50px 0 0px;
    font-size: 16px;
    margin-bottom: 10px;
}
.pdf {
    border: 2px solid #f2f2f2;
    padding: 20px 0 0px 0;
    height: 380px;
    position: relative;
}
.pdfbtn {
    text-align: center;
    vertical-align: middle;
    line-height: 124px;
}
.pdfbtn a {
    background: #585858;
    padding: 6px 12px;
    color: #fff;
    border-radius: 4px;
}
.pdf img {
    width: 65%;
    display: block;
    margin: 0 auto;
}
.symbol-icon {
    border: 1px solid #ddd;
    padding: 10px 0 10px 0;
}
.symbol-icon p {
    text-align: center;
}
.symbol-icon img {
    display: block;
    margin: 0 auto;
}
.text-main span{
    font-size:16px;
}
.text-main .fa {
    float: left;
    position: relative;
    top: 17px;
}
.textUl ul li {
    font-size: 16px;
    list-style: disc;
}
.textUl {
    margin-bottom: 20px;
    margin-top: 10px;
}

.text-main span {
    margin-left: 20px;
    float: right;
}
.text-main2 p{
     font-size:20px;
}
.course-inner {
    border: 1px solid;
}
.course-inner h3 {
    background: #f2f2f2;
    padding: 20px;
}
.course-inner span {
  
    margin-left: 20px;
}

.course-inner {
    border: 1px solid;
    padding: 10px;
    min-height: 300px;
}
.course-inner strong{
    float:left;
}
.fee {
    overflow: hidden;
    margin-left: 50px;
}
.inner-books img{
    width:100%;
}
.inner-books {
    border: 1px solid #f2f2f2;
}
.head2 {
    font-size: 18px;
    margin: 25px 0 15px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 30px;
}
.head2 span {
    border-bottom: 3px solid #00a0ac;
    padding-bottom: 4px;
}
.footerlogo{

}
.footerlogo img {
    margin: 20px auto;
    width: 180px;
}
.pdl0{
    padding-left:0;
}
.widget-flickr img {
    width: 100%;
    border: 1px solid #b3d236;
}
.box {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.box:hover {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  animation-name: example;
  animation-duration: 0.25s;
  border-left: 8px solid #00a0ac;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.box-shodow img{
    border: 10px solid #fff;
  border-bottom: 45px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #00a0ac;
     -moz-box-shadow: 3px 3px 3px #00a0ac;
          box-shadow: 3px 3px 3px #00a0ac;
}


.feature-box.right {
    text-align: left;
}
.feature-box {
    padding: 20px 0px;
}
.feature-box.right .count {
    float: left;
}
.feature-box .count {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    color: #00a0ac;
    background-color: #fff;
    border: 2px solid #00a0ac;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 2px 2px 6px rgba(0,0, 0, 0.2);
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}
.feature-box.right .text {
    padding-left: 60px;
}
.feature-box:hover .count {
    background-color: #00a0ac;
    color: #fff;
}