/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 27, 2016, 1:36:31 PM
    Author     : nosize
*/


/**/
/* resets */
/**/

html, body, iframe, header, footer, main, aside, nav, section, article, div,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, hr, blockquote, pre,
a, address, del, em, strong, sub, sup, figure, figcaption, img,
form, fieldset, legend, label, input, select, textarea, button,
table, thead, tbody, tfoot, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}



/**/
/* nav */
/**/
.navbar-brand {
    float: left;
    height: auto;
    padding: 0;
    font-size:20px;
    line-height: 20px;
    margin-top: 6px;
}
.navbar-toggle {
    margin-top: 20px;
    border-radius: 60px;
    font-size: 17px;
    line-height: 1;
    padding: 10px 8px;
    color: #BBB;
    border: 2px solid #BBB;
    text-align: center;
}
#logo {
    position: absolute;
    top: 10px;
    margin-left: 15px;
    z-index: -1;
}
.navbar-default .navbar-toggle {
    background-color: #FFF !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #FFF;
    color: #39adff;
    border-color: #39adff;
}
.navbar-nav {
    margin: 0;
    background-color: #FFF;
}
.navbar-default {
    font-family:'Roboto Slab', sans-serif;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    font-weight: 500;
    font-size: 16px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    height: 100px;
    margin: 0;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.dropdown > a:focus {
    position: relative;
    padding: 5px 15px;
    margin-top:13px;
    margin-left: 3px;
    border-radius: 4px;
    margin-bottom: 0;
    line-height: 4;
    background-color: #FFF;
    color: #555;
    z-index: 1;
    border: 1px solid transparent;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li.active > a:hover {
    color: #39adff;
    background-color: transparent;
    border: 1px solid #39adff;
}
.navbar-default .navbar-nav > li.active > a:focus {
    color: #39adff;
    background-color: transparent;
    border: 1px solid #39adff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #39adff;
    background-color: transparent;
    border: 1px solid #39adff;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    overflow-x: visible;
    border-top: medium none;
    box-shadow: none;
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
    top: 0;
    position: fixed;
}
.dropdown-menu {
    box-shadow: none;
    font-size: 11px;
    border-radius: 0;
    background-color: #FFF !important;
    color: #555;
    border: none;
    z-index: 1;
    padding: 0;
    margin: 0;
    padding-top: 22px;
}
.dropdown-menu > li > a {
    padding: 7px 20px;
    color: #555;
    font-weight: 400;
    background-color: transparent;
    border: 1px solid #EEE;
    border-top: none;
}
.dropdown-menu > li:first-child > a {
    border-top: none;
}
.dropdown-menu > li:last-child > a {

}
.dropdown-menu > li:hover > a, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #39adff !important;
    background-color: transparent;
}
/* Navbar Social Icons */
.navbar .social-icons {
    background-color: transparent;
}
.navbar .social-icons a i {
    margin-top: 34px;
}
.navbar .social-icons a:first-child i {
    margin-left: 20px;
}
.navbar .social-icons i {
    border-radius:4px;
    font-size:17px;
    margin-right: 4px;
    padding: 6px;
    border: 1px solid transparent;
    text-align: center;
    color: #555;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.navbar .social-icons i:hover {
    color: #39adff;
    border: 1px solid #39adff;
}
/* ========== MENU WILL DROP ON HOVER FOR LARGE SCREENS ========== */
@media (min-width: 991px)
{
    .dropdown .dropdown-menu {
        display: block;
        visibility:hidden;
        opacity: 0; 
        height: 0;
        overflow: hidden;
        transition-property:opacity;
        transition-duration: .25s;
        transition-delay: .25s;

        /* Safari */
        -webkit-transition-property:opacity; 
        -webkit-transition-duration: .25s;
        -webkit-transition-delay: .25s;
    }
    .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility:visible;
        height: auto;
        color: #555;
    }
    .dropdown-backdrop {
        visibility: hidden;
    }
}

@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }
    .dropdown i {
        display: none;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar {
        border-radius: 0;
    }
    .navbar-header {
        float: left;
    }
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
}
@media (max-width: 991px) {
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.dropdown > a:focus {
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid #BBB;
        border-radius: 0;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar .social-icons {
        background-color: #FFF;
        padding-bottom: 20px;
    }
}




/**/
/* quick search */
/**/


.quick-search {
    margin-top: -11px;
    -o-transition: margin 0.3s;
    -ms-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -webkit-transition: margin 0.3s;
}
.quick-search fieldset {
    position: relative;
    z-index: 10;
    width: 1170px;
    height: 100px;
    margin: 0 auto;
}
.quick-search legend {
    float: left;
    font-size: 30px;
    line-height: 100px;
    color: #fff;
    width: max-content;
}
.quick-search input,
.quick-search select {
    padding-left: 8px;
    float: left;
    width: 245px;
    height: 30px;
    margin: 38px 0 0 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.7);
    box-shadow: inset 0 7px 7px rgba(0,0,0,0.05);
}
.quick-search button[type="submit"] {
    float: right;
    width: 120px;
    height: 48px;
    margin-top: 28px;
    border: 3px solid #fff;
    background: #fff;
    box-shadow: 0 1px rgba(0,0,0,0.2);
    text-transform: uppercase;
    -o-transition: background 0.3s, color 0.3s;
    -ms-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    -webkit-transition: background 0.3s, color 0.3s;  
}
.quick-search button[type="submit"]:hover {
    background: transparent;
    color: #fff;
}
.quick-search button[type="submit"]:active {
    position: relative;
    top: 1px;
    box-shadow: none;
}
.quick-search button[type="button"] {
    width: 100%;
    height: 50px;
    padding-bottom: 8px;
    font-size: 12px;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
}
.quick-search .switcher {
    position: absolute;
    top: 100px;
    right: 0;
    width: 120px;
    height: 70px;
}
.quick-search-visible {
    margin-top: 95px !important;
}
@media screen and (max-width: 1190px) { /* laptop */
    .quick-search fieldset {
        width: 940px;
    }
    .quick-search legend {
        font-size: 24px;
    }
    .quick-search input,
    .quick-search select {        
        width: 198px;
        margin-left: 20px;
    }
}
@media screen and (max-width: 980px) { /* pad */
    .quick-search fieldset {
        width: 738px;
    }
    .quick-search legend {
        display: none;
    }
    .quick-search input,
    .quick-search select {
        width: 188px;
        margin-left: 18px;
    }
    .quick-search input {
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) { /* phone */
    .quick-search {
        margin-top: -208px;
    }
    .quick-search fieldset {
        width: auto;
        height: 188px;
        margin: 0 20px;
        padding-top: 20px;
    }
    .quick-search legend {
        display: none;
    }
    .quick-search input,
    .quick-search select {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .quick-search button[type="submit"] {
        margin-top: 0;
    }

    #quick-search .switcher{
        width:30px;
        height:30px;
        background-color:inherit;
    }

    #quick-search .switcher #quick-search-switcher{
        font-size:0;
        width:100%;
        height:100%;
        /*background:url("../img/find.png") no-repeat center center;*/
        background-size:contain;
        background-color:inherit;
        padding-bottom:0;
    }
}
.quick-search .switcher {
    background: url(../img/quick-search.png);
}

.quick-search {
    background: #4db1e2;
}
.quick-search input,
.quick-search select {
    color: #008fd5;
}
.quick-search input::-moz-placeholder {
    color: #008fd5;
}
.quick-search input::-webkit-input-placeholder {
    color: #008fd5;
}
.quick-search button {
    color: #008fd5;
}


/**/
/* benefits */
/**/
.benefits {
    position: relative;
    z-index: 10;
    margin-top: -120px;
    font-size: 0;
    text-align: center;
}
.benefits li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    color: #fff;
}
.benefits h2 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}
.benefits p {
    font-size: 14px;
    line-height: 19px;
}
.benefits .pic {
    position: relative;
    height: 120px;
}
.benefits .pic i {
    display: block;
    font-size: 96px;
    line-height: 120px;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
    color: #fff;
}
.benefits .pic img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 128px;
    max-width: 90%;
}
.benefits .text {
    position: relative;
    padding: 15px 30px 51px;
}
.benefits .more {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 31px;
    height: 31px;
    margin-left: -15px;
    border: 4px solid #fff;
    border-bottom: 0;
}
.benefits .more:after,
.benefits .more:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 13px;
    width: 5px;
    height: 17px;
    background: #fff;
}
.benefits .more:before {
    top: 13px;
    left: 7px;
    width: 17px;
    height: 5px;
}
@media screen and (max-width: 1190px) { /* laptop */
    .benefits{
        margin-top:4px;
    }
    .benefits .text {
        padding: 15px 20px 51px;
    }
}
@media screen and (max-width: 980px) { /* pad */
    .benefits{
        margin-top:4px;
    }
    .benefits h2 {
        font-size: 20px;
    }
    .benefits .text {
        padding: 15px 15px 51px;
    }
}
@media screen and (max-width: 767px) { /* phone */
    .benefits {
        margin-top: 4px;
    }
    .intro{
        display:none;
    }
    .benefits li {
        width: 50%;
        border-bottom: 4px solid #fff;
    }
    .benefits h2 {
        font-size: 24px;
    }
}
@media screen and (max-width: 479px) { /* mini phone */
    .benefits li {
        width: 100%;
    }
}


/**/
/* benefits */
/**/
.benefits .pic {
    /*background: rgba(0,143,213,0.9);*/	
}
.benefits .text {
    background: rgba(0,143,213,0.9);
}
.benefits .more {
    background: #4db1e2;	
}
.benefits .more:hover {
    background: #008fd5;	
}
.benefits li:nth-child(even) .pic {
    /*	background: rgba(77,177,226,0.9);	*/
}
.benefits li:nth-child(even) .text {
    background: rgba(77,177,226,0.9);
}
.benefits li:nth-child(even) .more {
    background: #008fd5;
}
.benefits li:nth-child(even) .more:hover {
    background: #4db1e2;
}


.pulse2 {
    -webkit-animation: pulse2 1s linear infinite;
    -moz-animation: pulse2 1s linear infinite;
    -ms-animation: pulse2 1s linear infinite;
    animation: pulse2 1s linear infinite;
}

@keyframes "pulse2" {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

}

@-moz-keyframes pulse2 {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

}

@-webkit-keyframes "pulse2" {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

}

@-ms-keyframes "pulse2" {
    0% {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

}

/**/
/* services */
/**/
.services ul {
    margin: -40px -40px 0;
    font-size: 0;
}
.services li {
    display: inline-block;
    vertical-align: top;
    width: 545px;
    margin: 40px 40px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #e3e3e3;
}

#services-carousel li {
    border-bottom: 0px;
}

#services-carousel li li{
    border-bottom: 1px solid #e3e3e3;
}

.services.one-column li{
    width:auto;
}
.services h2 {
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 22px;
}
.services h2 a {
    color: #000;
}
.services p {
    overflow: hidden;
    padding-right: 40px;
    font-size: 14px;
    line-height: 22px;
    color: #7c7c7c;
}
.services i,#animating-block-5 i{
    position: relative;
}
.services .pic,#animating-block-5 .pic,i.pic{
    position: relative;
    display: block;
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 20px;
    font-size: 48px;
    line-height: 90px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    color: #fff;
}
#animating-block-5 .pic,i.pic{
    display:inline-block;
    float:none;
    margin-top:20px;
}
.services .pic:before,#animating-block-5 .pic:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}
i.pic:before{
    z-index:2;
    position: relative;
}
i.pic:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index:1;
}
.services .more {
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 1190px) { /* laptop */
    .services ul {
        margin-right: -30px;
        margin-left: -30px;
    }
    .services li {
        width: 440px;
        margin-right: 30px;
        margin-left: 30px;
    }
}
@media screen and (max-width: 980px) { /* pad */
    .services ul {
        margin-right: -20px;
        margin-left: -20px;
    }
    .services li {
        width: 349px;
        margin-right: 20px;
        margin-left: 20px;
    }
}
@media screen and (max-width: 767px) { /* phone */
    .services ul {
        margin-right: 0;
        margin-left: 0;
    }
    .services li {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}


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

MEET THE DOCTORS

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

.doctors-img {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #f2f2f2;
    overflow:hidden;
    float:left;
}
.doctors-detail {
    padding-left:257px;
}
.doctors-detail h4 {
    font-weight:600;
    margin-top:0;
}
.doctors-detail h4 span {
    font-size:11px;
    color:#8f8f8f;
    font-weight: 300;
    display:block;
    margin-top: 4px;
}
.doctors-detail p {
    line-height:17.3px;
    margin-bottom:0;
    border-bottom:1px solid #dddddd;
    display:flex;
    padding:7px 0;
}
.doctors-detail p label {
    color:#656565;
    width:100%;
}
.doctors-detail p label.detail {
    font-weight: 300;
}
.doctors-detail p label.heading {
    font-weight: 600;
    width:130px;
}

.meet-the-doctors {
    padding:55px 0 0;
    background:url(../images/doctors.jpg) no-repeat center bottom #fcfcfc;
    min-height:815px;
}
.meet-the-doctors.team-carousel{
    min-height:0;
    padding-bottom: 55px;
}
.meet-the-doctors h1 {
    margin-bottom:0;
}
.meet-the-doctors h2{
    max-width:1112px; 
    margin:0 auto;
}
.team-member-description {
    position:absolute;
    width:272px;
    min-height:280px;
}
.team-member-description .team-member-desc-inner {
    padding:22px 21px 18px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    display:none;
    position:relative;
}
.team-member-description .team-member-desc-inner h5 {
    color:#fff;
}
.team-member-description .team-member-desc-inner h5 span {
    display:block;
    font-size:12px;
    font-weight:400;
}
.team-member-description .team-member-desc-inner p {
    color:#fff;
    line-height:20px;
    margin-bottom:10px
}
.team-member-description .team-member-desc-inner p a {
    display:block;
    color:#fff;
    font-weight:700;
    margin:5px 0 0;
}
.team-member-description .team-member-desc-inner span.pointing-arrow {
    width:18px;
    height:14px;
    display:block;
    position:absolute;
    left:50%;
    bottom:-14px;
    margin-left:-9px;
}
.team-des-btn {
    display:inline-block;
    color:#fff;
    position:absolute;
    left:50%;
    margin-left:-15.5px;
    bottom:0;
    font-size:14px;
    background:#56595a;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.team-des-btn i{
    width:34px;
    height:34px;
    line-height:35px;
}
.team-des-btn:hover, .team-des-btn:focus {
    color:#fff;
}
.team-member-description .team-member-desc-inner ul.social2 {
    margin-bottom:0;
    padding:0;
}
.team-member-description.one {
    left:0;
    top:210px;
}
.team-member-description.two {
    left: 216px;
    top: 300px;
}
.team-member-description.three {
    left: 450px;
    top: 160px;
}
.team-member-description.four {
    left: 625px;
    top: 270px;
}
.team-member-description.five {
    left: 890px;
    top: 180px;
}
.team-description .jcarousel-skin-tango .jcarousel-item-horizontal {
    width:1140px;
}
.team-description .doctors-detail {
    padding-left: 580px;
}

/**/
/* appointment */
/**/

#appointment_modal .modal-content{
    width: 370px;
    overflow: hidden;
    margin: 20% auto;
}

.widget-title {
    margin-left: 5px;
    margin-bottom: 20px;
    padding-left: 5px;
    border-left-width: 3px;    
    border-style: solid;
    font-size: 24px;
    line-height: 30px;
    color: #000;
}


.widget-appointment .row {
    position: relative;
    margin-left: 5px;
}

.widget-appointment i,i.appointment{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
i.appointment{
    position:relative;
    margin-right:5px;
    margin-bottom:5px;
}
.widget-appointment .requiredIndicator{
    content: '';
    position: absolute;
    top: 15%;
    left: 80%;
    margin-top: -4px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background: red;
}
.widget-appointment i, i.appointment {
    background: #4db1e2;
}

/*.widget-appointment i:after{
    background: red;
}
i.appointment:after {
    border-left-color: #4db1e2;
}*/
.widget-appointment .row:nth-child(odd) i, i.appointment:nth-child(odd) {
    background: #008fd5;
}

.widget-appointment input,
.widget-appointment textarea {
    height: 50px;
    padding: 13px 10px 13px 65px;
    margin-bottom:10px;
}

.widget-appointment textarea {
    height: auto;
    width: 320px;
    resize: vertical;
}
.widget-appointment .row {
    position: relative;
    margin-bottom: -1px;
}

.widget-appointment .row .button[type="submit"] {
    display: inline-block;
    border-color: #008fd5;
    background: #008fd5;
    position: relative;
    display: inline-block;
    padding: 11px 21px;
    border-width: 2px;
    border-style: solid;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-transition: border 0.4s, background 0.4s, color 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s;
    -webkit-transition: border 0.4s, background 0.4s, color 0.4s;
}

.widget-appointment #make_appointment{
    float: right;
    margin-right: 15px;
}
.widget-appointment #cancel{
    background: grey;
    border-color: grey;
}
.widget-appointment .row .button:hover {
    color: #000;
    background: white;
}
.widget-appointment .row .button-disabled:hover {

}
/* .... OWL CAROUSEL .... */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{position:relative;display:none}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-controls .owl-buttons .owl-next,.owl-controls .owl-buttons .owl-prev{width:25px;height:4px;background:#434343}.no-padding-top .owl-wrapper-outer{padding-top:20px!important}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left;padding:0 15px;cursor:move}#medicom-carousel .item{margin:0}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls .owl-buttons .owl-prev{position:absolute;right:28px}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;right:14px;top:-55px}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}@media (max-width:479px){.owl-carousel .owl-item{padding:0}}.wrapper-padding-none .owl-wrapper-outer{padding-top:0}

.iti-flag {background-image: url("../lib/intl-tel-input/img/flags.png");}
.intl-tel-input.allow-dropdown input, 
.intl-tel-input.allow-dropdown input[type=text], 
.intl-tel-input.allow-dropdown input[type=tel] {
    padding: 13px 10px 13px 45px;
}
.intl-tel-input {  
    margin-bottom: 10px;
    margin-left:55px
}

#InternationalPhoneErro{    
    position: absolute;
    top: 32px;
    left: 70px;
    color: red;
}

.modal {
    overflow: hidden;
    overflow-y: hidden;
}


#serviceAcc .accordion {
    margin: 30px auto;
    padding: 0;
    list-style-type: none;
    overflow: hidden; /* This will keep the slides from overflowing outside the accordion */
}

/* Now for the slides themselves */
#serviceAcc .accordion li {
    /* Remove any margins & paddings */
    margin: 0;
    padding: 0;

    /* and hide the content when it overflows */
    overflow: hidden;

    /* Let's add a little drop shadow to each slide to give them a "layered effect" */
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);

    /* and now we'll add a transition to animate the switching between slides */
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/* Simple enough? Now to style the horizontal version */

/* First, set the size of the accordion */
#serviceAcc .accordion.horizontal {
    /*    width: 800px;
        height: 200px;*/
    width: 100%;
    height: 450px;
}

/* Then, set the size of the normal state of the slides. The width will be the main width divided by how many slides you have */
/* In this case, 800px / 5 = 160px */
#serviceAcc .accordion.horizontal li {
    /*    width: 160px;
        height: 200px;
        float: left;*/    
    width: 20%;
    height: 100%;
    float: left;
    background: white;
}

/* Next, we set the width of the slides that are *not* being hovered */
/* The formula to figure this out is (width of accordion - width of hovered slide) / (number of slides - 1) */
/* In my example: (800px - 600px) / (5 - 1) = 50px */
#serviceAcc .accordion.horizontal:hover li {
    /*width: 50px;*/
    width: 4%;
}
/* now for the slide that *is* being hovered -- this overrides the previous width */
#serviceAcc .accordion.horizontal li:hover {
    /*width: 600px;*/
    width: 80%;
}
#serviceAcc .accordion.horizontal li:hover img{
    margin-right: 10px;
    width: 350px;
    height: 350px;
    display: block;
    float:left;
}
#serviceAcc .accordion.horizontal li:hover p{
    /*float:right;*/
    margin:20px;
    margin-top: 0px;
}

#serviceAccVertical .accordion.vertical {
    width: 200px;
    height: 800px;
}

#serviceAccVertical .accordion.vertical li {
    width: 200px;
    height: 160px;
}

#serviceAccVertical .accordion.vertical:hover li {
    height: 50px;
}

#serviceAccVertical .accordion.vertical li:hover {
    height: 600px;
}

#serviceAcc .panel-heading,  #serviceAcc .panel-body{
    padding: 15px 30px;
}

#serviceAcc i {
    font-size: 35px;
}

#serviceAcc .panel-title:after {
    content: "";
}

#serviceAcc .panel-title {
    display: inline-block;
    font-size: 18px;
    top: -4px;
}

@media handheld, only screen and (max-width: 768px) {
    #slides .caption {
        top: 80%;
        margin-top: -160px;
        height: 480px;
    }
}

@media screen and (min-width: 480px) {
    .dr-yaw-image img{
        margin-top:18%;
    }
}


#wait{
    width: 200px;
    height: 200px;
    background: url('../img/preloader.gif') center no-repeat; 
    text-align: center;
}