﻿/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: 'Dubai', sans-serif !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

a,
.btn,
a:focus,
.btn:focus {
    /*outline: 0;*/
}

html,
body {
    /*font-family: "robotoregular", Helvetica, Arial, sans-serif;*/
    font-family: "Dubai", Helvetica, Arial, sans-serif;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #007780;
}

    a:visited {
        color: #663399;
    }

    a:hover,
    a:focus {
        color: #005f66;
    }

input.form-control {
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}


label {
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: "robotomedium", Helvetica, Arial, sans-serif;*/
    font-weight: normal;
}

textarea {
    resize: vertical;
}

h1 {
    /*font-family: "robotomedium", Helvetica, Arial, sans-serif*/
}

h2,
h5 {
    /*font-family: "robotoregular", Helvetica, Arial, sans-serif*/
}

h4 {
    margin: 20px 0px;
    /*margin: Infinity 0px;*/
    font-weight: 500;
}

.rippler {
    overflow: hidden;
}

.wrapper {
    float: left;
    width: 100%;
}

@media (max-width: 1199px) {
    html.overflow-toggle,
    body.overflow-toggle {
        overflow: hidden;
    }
}

.btn,
.btn:active,
.btn.active {
    box-shadow: none;
}

.btn-lg {
    padding: 15px;
    /*padding: Infinity;*/
    height: 60px;
    line-height: 10px;
}

.btn-default,
input[type="submit"].btn-default,
input[type="button"].btn-default,
.btn-default:visited {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 15px;
    /*padding: Infinity;*/
    /*font-family: "robotobold", Helvetica, Arial, sans-serif;*/
    min-width: 260px;
    color: #fff;
    border: 0px;
    height: 60px;
    line-height: 26px;
    background-color: #8cc63f;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active:hover,
    .btn-default:active:focus,
    input[type="submit"].btn-default:hover,
    input[type="submit"].btn-default:focus,
    input[type="submit"].btn-default:active:hover,
    input[type="submit"].btn-default:active:focus,
    input[type="button"].btn-default:hover,
    input[type="button"].btn-default:focus,
    input[type="button"].btn-default:active:hover,
    input[type="button"].btn-default:active:focus,
    .btn-default:visited:hover,
    .btn-default:visited:focus,
    .btn-default:visited:active:hover,
    .btn-default:visited:active:focus {
        box-shadow: none;
        color: #fff;
        background-color: #007780;
    }

@media (max-width: 1199px) {
    .btn-default,
    input[type="submit"].btn-default,
    input[type="button"].btn-default,
    .btn-default:visited {
        min-width: 240px;
    }
}

@media (max-width: 767px) {
    .btn-default,
    input[type="submit"].btn-default,
    input[type="button"].btn-default,
    .btn-default:visited {
        padding: 8px 15px;
        /*padding: Infinity Infinity;*/
        min-width: 180px;
        height: 40px;
        line-height: 22px;
    }
}

.btn-inline,
input[type="submit"].btn-inline,
input[type="button"].btn-inline,
.btn-inline:visited {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 15px;
    /*padding: Infinity;*/
    /*font-family: "robotobold", Helvetica, Arial, sans-serif;*/
    min-width: 260px;
    color: #8cc63f;
    height: 60px;
    line-height: 26px;
    border-color: #8cc63f;
    background-color: transparent;
}

    .btn-inline:hover,
    .btn-inline:focus,
    .btn-inline:active:hover,
    .btn-inline:active:focus,
    input[type="submit"].btn-inline:hover,
    input[type="submit"].btn-inline:focus,
    input[type="submit"].btn-inline:active:hover,
    input[type="submit"].btn-inline:active:focus,
    input[type="button"].btn-inline:hover,
    input[type="button"].btn-inline:focus,
    input[type="button"].btn-inline:active:hover,
    input[type="button"].btn-inline:active:focus,
    .btn-inline:visited:hover,
    .btn-inline:visited:focus,
    .btn-inline:visited:active:hover,
    .btn-inline:visited:active:focus {
        box-shadow: none;
        color: #fff;
        background-color: #8cc63f;
    }

@media (max-width: 1199px) {
    .btn-inline,
    input[type="submit"].btn-inline,
    input[type="button"].btn-inline,
    .btn-inline:visited {
        min-width: 240px;
    }
}

@media (max-width: 767px) {
    .btn-inline,
    input[type="submit"].btn-inline,
    input[type="button"].btn-inline,
    .btn-inline:visited {
        padding: 8px 15px;
        /*padding: Infinity Infinity;*/
        min-width: 290px;
        height: 40px;
        line-height: 22px;
    }
}

.btn-boxed,
input[type="submit"].btn-boxed,
input[type="button"].btn-boxed,
.btn-boxed:visited {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    /*padding: Infinity;*/
    /*font-family: "robotobold", Helvetica, Arial, sans-serif;*/
    min-width: 170px;
    color: #fff;
    border: 0px;
    height: 80px;
    line-height: 26px;
    background-color: #007780;
}

    .btn-boxed:hover,
    .btn-boxed:focus,
    .btn-boxed:active:hover,
    .btn-boxed:active:focus,
    input[type="submit"].btn-boxed:hover,
    input[type="submit"].btn-boxed:focus,
    input[type="submit"].btn-boxed:active:hover,
    input[type="submit"].btn-boxed:active:focus,
    input[type="button"].btn-boxed:hover,
    input[type="button"].btn-boxed:focus,
    input[type="button"].btn-boxed:active:hover,
    input[type="button"].btn-boxed:active:focus,
    .btn-boxed:visited:hover,
    .btn-boxed:visited:focus,
    .btn-boxed:visited:active:hover,
    .btn-boxed:visited:active:focus {
        box-shadow: none;
        color: #fff;
        background-color: #005f66;
    }

@media (max-width: 767px) {
    .btn-boxed,
    input[type="submit"].btn-boxed,
    input[type="button"].btn-boxed,
    .btn-boxed:visited {
        height: 50px;
        line-height: 10px;
        min-width: 70px;
    }
}

.btn-boxed-default,
input[type="submit"].btn-boxed-default,
input[type="button"].btn-boxed-default,
.btn-boxed-default:visited {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    /*padding: Infinity;*/
    /*font-family: "robotolight", Helvetica, Arial, sans-serif;*/
    min-width: 80px;
    color: #6d6f71;
    border: 0px;
    height: 80px;
    line-height: 26px;
    background-color: #f1f5f6;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
}

@media (max-width: 767px) {
    .btn-boxed-default,
    input[type="submit"].btn-boxed-default,
    input[type="button"].btn-boxed-default,
    .btn-boxed-default:visited {
        padding: 8px;
        /*padding: Infinity;*/
        height: 50px;
        line-height: 10px;
        min-width: 60px;
    }
}

.btn-boxed-default:hover,
.btn-boxed-default:focus,
.btn-boxed-default:active:hover,
.btn-boxed-default:active:focus,
input[type="submit"].btn-boxed-default:hover,
input[type="submit"].btn-boxed-default:focus,
input[type="submit"].btn-boxed-default:active:hover,
input[type="submit"].btn-boxed-default:active:focus,
input[type="button"].btn-boxed-default:hover,
input[type="button"].btn-boxed-default:focus,
input[type="button"].btn-boxed-default:active:hover,
input[type="button"].btn-boxed-default:active:focus,
.btn-boxed-default:visited:hover,
.btn-boxed-default:visited:focus,
.btn-boxed-default:visited:active:hover,
.btn-boxed-default:visited:active:focus {
    box-shadow: none;
}

.btn-arrow,
input[type="submit"].btn-arrow,
input[type="button"].btn-arrow,
.btn-arrow:visited {
    color: #1fc4f4;
    /*font-family: "robotobold", Helvetica, Arial, sans-serif;*/
    padding-right: 26px;
    /* padding-right: Infinity;*/
    position: relative;
}

    .btn-arrow:hover,
    .btn-arrow:focus,
    input[type="submit"].btn-arrow:hover,
    input[type="submit"].btn-arrow:focus,
    input[type="button"].btn-arrow:hover,
    input[type="button"].btn-arrow:focus,
    .btn-arrow:visited:hover,
    .btn-arrow:visited:focus {
        color: #1fc4f4;
        text-decoration: underline;
    }

    .btn-arrow:after,
    input[type="submit"].btn-arrow:after,
    input[type="button"].btn-arrow:after,
    .btn-arrow:visited:after {
        content: "\e904";
        font-family: "icomoon";
        font-size: 20px;
        position: absolute;
        right: 0;
        top: 3px;
    }

.input-group-btn .dropdown-toggle .caret {
    width: 12px;
    height: 7px;
    background: url(../img/arrow-down-grey.png) no-repeat center center;
    border: 0px;
    margin-left: 6px;
    /*margin-left: Infinity;*/
}

.input-group-btn.open .dropdown-toggle .caret {
    background-image: url(../img/arrow-up-grey.png);
}

@media (max-width: 767px) {
    .btn-group,
    .btn-group-vertical {
        width: 100%;
    }

        .btn-group .btn,
        .btn-group-vertical .btn {
            width: 33.33%;
        }
}

.swiper-next,
.swiper-prev {
    height: 32px;
    width: 32px;
    position: absolute;
    top: 50%;
    font-size: 30px;
    color: #007780;
    margin-top: -15px;
    /*margin-top: Infinity;*/
    cursor: pointer;
}

@media (max-width: 991px) {
    .swiper-next,
    .swiper-prev {
        display: none !important;
    }
}

.swiper-next {
    right: -35px;
}

.swiper-prev {
    left: -35px;
}

.swiper-button-disabled {
    display: none;
}

.news-slider-button-next,
.news-slider-button-prev {
    margin-top: 30px;
}

.loadmore {
    cursor: pointer;
    display: none;
    margin: auto;
    width: 100%;
    text-align: center;
    color: #1fc4f4;
    float: left;
    margin: 50px 0px 30px;
    /*margin: Infinity 0px Infinity;*/
}

@media (max-width: 767px) {
    .loadmore {
        margin: 20px 0px;
        /* margin: Infinity 0px;*/
    }
}

.loadmore i {
    margin: auto;
    margin-top: -5px;
}

@media (max-width: 767px) {
    .loadmore i {
        background-size: 14px auto;
        height: 20px;
    }
}

@media (max-width: 991px) {
    .loadmore {
        display: block;
    }
}

.loadmore .icon-icon-arrow-right {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
}

.icon {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: 'icomoon';
    text-decoration: none;
}

    .icon.accessibility-ico {
        background-image: url(../img/accessibility.png);
        width: 27px;
        height: 24px;
    }

    .icon.login-ico {
        background-image: url(../img/login.png);
        width: 25px;
        height: 25px;
    }

    .icon.dropdown-arrow {
        background-image: url(../img/arrow-down.png);
        width: 12px;
        height: 7px;
    }

    .icon.close-green {
        height: 12px;
        width: 12px;
    }

    .icon.close-white {
        background-image: url(../img/close_white.png);
        height: 42px;
        width: 42px;
    }

    .icon.twitter {
        background-image: url(../img/twitter-ico.png);
        height: 25px;
        width: 25px;
    }

    .icon.facebook {
        background-image: url(../img/facebook-ico.png);
        height: 25px;
        width: 25px;
    }

    .icon.tumblr {
        background-image: url(../img/tumblr-ico.png);
        height: 25px;
        width: 25px;
    }

    .icon.plus {
        background-image: url(../img/plus-ico.png);
        height: 25px;
        width: 25px;
    }

    .icon.watch {
        background-image: url(../img/watch.png);
        height: 16px;
        width: 16px;
    }

    .icon.facebook-icon {
        background-image: url(../img/facebook-icon.png);
        height: 30px;
        width: 30px;
    }

    .icon.tumblr-icon {
        background-image: url(../img/tumblr-icon.png);
        height: 30px;
        width: 30px;
    }

    .icon.instagram-icon {
        background-image: url(../img/instagram-icon.png);
        height: 30px;
        width: 30px;
    }

    .icon.twitter-icon {
        background-image: url(../img/twitter-icon.png);
        height: 30px;
        width: 30px;
    }

    .icon.more {
        height: 33px;
        width: 24px;
    }

    .icon.medical {
        background-image: url(../img/medical.svg);
        height: 72px;
        width: 58px;
    }

    .icon.professional {
        background-image: url(../img/professional.svg);
        height: 80px;
        width: 78px;
    }

    .icon.licence {
        background-image: url(../img/licence.svg);
        height: 72px;
        width: 72px;
    }

    .icon.request_change {
        background-image: url(../img/request_change.svg);
        height: 72px;
        width: 58px;
    }

    .icon.request_remove {
        background-image: url(../img/request-remove.svg);
        height: 72px;
        width: 72px;
    }

    .icon.public {
        background-image: url(../img/public.svg);
        height: 73px;
        width: 83px;
    }

    .icon.government {
        background-image: url(../img/government.svg);
        height: 90px;
        width: 72px;
    }

    .icon.business {
        background-image: url(../img/government.svg);
        height: 88px;
        width: 90px;
    }

    .icon.individuals {
        background-image: url(../img/individuals.svg);
        height: 66px;
        width: 100px;
    }

.form-control,
input[type="text"].form-control {
    border-color: #d9d9d9;
    box-shadow: none;
    /*font-family: "robotolight", Helvetica, Arial, sans-serif*/
}

    .form-control:focus,
    input[type="text"].form-control:focus {
        box-shadow: none;
        border-color: #8cc63f;
    }

.selectize-control.single .selectize-input:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 0 none;
    height: 7px;
    width: 12px;
    font-family: 'icomoon';
    content: "\e902";
    font-size: 13px;
    color: #8cc63f;
    line-height: 7px;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: pointer !important;
}

.radio-group .radio-btn {
    margin-bottom: 10px;
    /*margin-bottom: Infinity;*/
}

    .radio-group .radio-btn input {
        display: none;
    }

        .radio-group .radio-btn input + label {
            padding-left: 42px;
            /*padding-left: Infinity;*/
            cursor: pointer;
            min-height: 31px;
            line-height: 31px;
            position: relative;
        }

            .radio-group .radio-btn input + label:before {
                content: "\e91b";
                position: absolute;
                font-family: 'icomoon';
                color: #fff;
                left: 0px;
                font-size: 30px;
            }

        .radio-group .radio-btn input:checked + label {
            font-weight: bold;
        }

            .radio-group .radio-btn input:checked + label:before {
                content: "\e91a";
            }

        .radio-group .radio-btn input.active + label {
            font-weight: bold;
        }

            .radio-group .radio-btn input.active + label:before {
                content: "\e91a";
            }

.input-group button,
.input-group input {
    font-size: 16px;
}

.input-group .form-control {
    height: 80px;
}

@media (max-width: 767px) {
    .input-group .form-control {
        height: 50px;
    }
}

.form-control,
input[type="text"].form-control {
    border-color: #d9d9d9;
    box-shadow: none;
    /*font-family: "robotolight", Helvetica, Arial, sans-serif*/
}

    .form-control:focus,
    input[type="text"].form-control:focus {
        box-shadow: none;
        border-color: #8cc63f;
        z-index: 1;
    }

.selectize-control.single .selectize-input:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 0 none;
    height: 7px;
    width: 12px;
    font-family: 'icomoon';
    content: "\e902";
    font-size: 13px;
    color: #8cc63f;
    line-height: 7px;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: pointer !important;
}

.radio-group .radio-btn {
    margin-bottom: 10px;
    /*margin-bottom: Infinity;*/
}

    .radio-group .radio-btn input {
        display: none;
    }

        .radio-group .radio-btn input + label {
            padding-left: 42px;
            /*padding-left: Infinity;*/
            cursor: pointer;
            min-height: 31px;
            line-height: 31px;
            position: relative;
        }

            .radio-group .radio-btn input + label:before {
                content: "\e91b";
                position: absolute;
                font-family: 'icomoon';
                color: #fff;
                left: 0px;
                font-size: 30px;
            }

        .radio-group .radio-btn input:checked + label {
            font-weight: bold;
        }

            .radio-group .radio-btn input:checked + label:before {
                content: "\e91b";
            }

        .radio-group .radio-btn input.active + label {
            font-weight: bold;
        }

            .radio-group .radio-btn input.active + label:before {
                content: "\e91a";
            }

.input-group button,
.input-group input {
    font-size: 16px;
}

.input-group .form-control {
    height: 80px;
}

@media (max-width: 767px) {
    .input-group .form-control {
        height: 50px;
    }
}

.nav-tabs {
    background: #007780;
}

    .nav-tabs li {
        margin-bottom: 0px;
    }

        .nav-tabs li + li {
            border-left: 1px solid #4daeb8;
        }

        .nav-tabs li a {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            -ms-border-radius: 0px;
            border-radius: 0px;
            color: #ffffff;
            border: 0px !important;
            padding: 28px 20px;
            /*padding: Infinity Infinity;*/
        }

@media (max-width: 767px) {
    .nav-tabs li a {
        padding: 18px 10px;
        /*padding: Infinity Infinity;*/
        margin-bottom: 0px !important;
    }
}

.nav-tabs li a h4 {
    /*font-family: "robotoregular", Helvetica, Arial, sans-serif;*/
    margin: 0px;
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
    background: #007780;
    color: #005359 !important;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus,
.nav-tabs li.active:focus a,
.nav-tabs li.active:focus a:hover,
.nav-tabs li.active:focus a:focus,
.nav-tabs li.active:hover a,
.nav-tabs li.active:hover a:hover,
.nav-tabs li.active:hover a:focus {
    color: #007780;
}

.nav-tabs.nav-justified > li > a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

.nav-tabs.nav-justified > li:first-child a {
    -webkit-border-top-left-radius: 4px !important;
    -moz-border-radius-topleft: 4px !important;
    border-top-left-radius: 4px !important;
}

.nav-tabs.nav-justified > li:last-child a {
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-radius-topright: 4px !important;
    border-top-right-radius: 4px !important;
}

@media (max-width: 767px) {
    .nav-justified,
    .nav-tabs.nav-justified,
    .nav-tabs.nav-justified a,
    .nav-tabs.nav-justified > li:first-child a,
    .nav-tabs.nav-justified > li:last-child a,
    .nav-tabs.nav-justified > li > a {
        border-radius: 0px !important;
    }
}

header.sticky .navigation {
    width: 100%;
    position: fixed;
    top: 42px;
    z-index: 999;
    min-height: 0px;
}

@media (max-width: 991px) {
    header.sticky .navigation {
        top: 0px;
    }
}
/*@media (max-width: 1199px) {
    header.sticky .navigation {
        top: 0px;
    }
}*/

@media (max-width: 1199px) {
    header.sticky .navigation .accessibility-panel {
        top: 86px;
    }
}

@media (max-width: 767px) {
    header.sticky .navigation .accessibility-panel {
        top: 64px;
    }
}

header.sticky .activate-when-menubar-sticky {
    height: 50px;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 1;
    }
}

.touch {
    -webkit-overflow-scrolling: touch;
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?fjspu");
    src: url("../fonts/icomoon.eot?fjspu#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?fjspu") format("truetype"), url("../fonts/icomoon.woff?fjspu") format("woff"), url("../fonts/icomoon.svg?fjspu#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
.ms-srch-sb-searchLink {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon-android-playstore:before {
    content: "\e900";
}

.icon-icon-apple-appstore:before {
    content: "\e901";
}

.icon-icon-arrow-down:before {
    content: "\e902";
}

.icon-icon-arrow-left:before {
    content: "\e903";
}

.icon-icon-arrow-right:before {
    content: "\e904";
}

.icon-icon-attention:before {
    content: "\e905";
}

.icon-icon-call:before {
    content: "\e906";
}

.icon-icon-call-simple:before {
    content: "\e907";
}

.icon-icon-city-hall:before {
    content: "\e908";
}

.icon-icon-close:before {
    content: "\e909";
}

.icon-icon-facebook:before {
    content: "\e90a";
}

.icon-icon-gplus:before {
    content: "\e90b";
}

.icon-icon-heart-health:before {
    content: "\e90c";
}

.icon-icon-helping-hand:before {
    content: "\e90d";
}

.icon-icon-home:before {
    content: "\e90e";
}

.icon-icon-individuals:before {
    content: "\e90f";
}

.icon-icon-instagram:before {
    content: "\e910";
}

.icon-icon-left-arrow-box:before {
    content: "\e911";
}

.icon-icon-location-pin:before {
    content: "\e912";
}

.icon-icon-mail:before {
    content: "\e913";
}

.icon-icon-medical-director:before {
    content: "\e914";
}

.icon-icon-medical-fitness:before {
    content: "\e915";
}

.icon-icon-menu:before {
    content: "\e916";
}

.icon-icon-pdf:before {
    content: "\e917";
}

.icon-icon-printer:before {
    content: "\e918";
}

.icon-icon-professional-license:before {
    content: "\e919";
}

.icon-icon-radio-button-checked:before {
    content: "\e91a";
}

.icon-icon-radio-button-unchecked:before {
    content: "\e91b";
}

.icon-icon-right-arrow-box:before {
    content: "\e91c";
}

.icon-icon-search:before,
.ms-srch-sb-searchLink:before {
    content: "\e91d";
}

.icon-icon-speciality-add:before {
    content: "\e91e";
}

.icon-icon-speciality-remove:before {
    content: "\e91f";
}

.icon-icon-twitter:before {
    content: "\e920";
}

.icon-icon-user:before {
    content: "\e921";
}

.icon-icon-visualy-impaired:before {
    content: "\e922";
}

.icon-icon-watch:before {
    content: "\e923";
}

.icon-icon-youtube:before {
    content: "\e924";
}


.icon-icon_dhaportal_rescheduleappointment:before {
    content: "\e925";
}

.icon-icon_renewfacilitylicense:before {
    content: "\e926";
}

.icon-icon_newfacilitylicense:before {
    content: "\e927";
}

.icon-icon_renewprofessionallicense:before {
    content: "\e928";
}

.icon-icon_addprolicense:before {
    content: "\e929";
}

.icon-icon_eventregistrationservice:before {
    content: "\e92a";
}

.icon-icon_sickleavepurchase:before {
    content: "\e92b";
}

.icon-icon_sickleaveattestation:before {
    content: "\e92c";
}


.section {
    border-top: 5px solid #007780;
    background-size: cover;
}

.padding {
    padding-top: 30px;
    /*padding-top: Infinity;*/
    padding-bottom: 40px;
    /* padding-bottom: Infinity;*/
}

@media (max-width: 1199px) {
    .padding {
        padding-top: 40px;
        /*padding-top: Infinity;*/
        padding-bottom: 50px;
        /* padding-bottom: Infinity;*/
    }
}

@media (max-width: 991px) {
    .padding {
        padding-top: 30px;
        /*padding-top: Infinity;*/
        padding-bottom: 40px;
        /*padding-bottom: Infinity;*/
    }
}

@media (max-width: 767px) {
    .padding {
        padding-top: 20px;
        /*padding-top: Infinity;*/
        padding-bottom: 30px;
        /* padding-bottom: Infinity;*/
    }
}

.padding h2 {
    margin: 0px;
    /*margin: NaN;*/
    margin-bottom: 40px;
    /*margin-bottom: Infinity;*/
    text-align: center;
    color: #007780;
}

@media (max-width: 1199px) {
    .padding h2 {
        margin-bottom: 30px;
        /*margin-bottom: Infinity;*/
    }
}

@media (max-width: 991px) {
    .padding h2 {
        margin-bottom: 20px;
        /*margin-bottom: Infinity;*/
    }
}

@media (max-width: 767px) {
    .padding h2 {
        margin-bottom: 10px;
        /*margin-bottom: Infinity;*/
    }
}

.fill {
    background-color: #e7e7e7;
}

.fill-Xlight {
    background-color: #f1f5f6;
}

.well {
    border: 0px;
    padding: 30px;
    /*padding: Infinity;*/
    box-shadow: none;
    background-color: #fff;
}

    .well h3 {
        color: #007780;
        text-align: center;
        margin: 20px 0px;
        /* margin: Infinity 0px;*/
    }

@media (max-width: 767px) {
    .well {
        padding: 15px;
        /*padding: Infinity;*/
    }

        .well h3 {
            margin: 12px 0px;
            /*  margin: Infinity 0px;*/
        }
}

.btn-inline {
    margin-top: 48px;
    /*margin-top: Infinity;*/
}

@media (max-width: 1199px) {
    .btn-inline {
        margin-top: 38px;
        /*margin-top: Infinity;*/
    }
}

@media (max-width: 991px) {
    .btn-inline {
        margin-top: 28px;
        /*margin-top: Infinity;*/
    }
}

@media (max-width: 767px) {
    .btn-inline {
        margin-top: 18px;
        /*margin-top: Infinity;*/
    }
}

@media (max-width: 767px) {
    .smart-apps .btn-inline {
        margin-top: 3px;
    }
}

.health-updates {
    float: left;
    width: 100%;
    padding: 12px 0px;
    /*padding: Infinity 0px;*/
}

    .health-updates .title {
        float: left;
        padding-left: 40px;
        /*padding-left: Infinity;*/
        padding-right: 20px;
        /* padding-right: Infinity;*/
        border-right: 1px solid #e6e6e6;
        color: #fdb813;
        position: relative;
    }

        .health-updates .title:before {
            content: "\e905";
            font-family: "icomoon";
            font-size: 27px;
            left: 0px;
            position: absolute;
            top: 13px;
        }

@media (max-width: 991px) {
    .health-updates .title:before {
        top: 3px;
    }
}

@media (max-width: 991px) {
    .health-updates .title {
        width: 100%;
        border-right: 0px;
    }

        .health-updates .title h4 {
            margin: 10px 0px;
            /* margin: Infinity 0px;*/
        }
}

.health-updates .scrolling-text {
    /* float: left;*/
    color: red;
    /*padding: 22px 20px 0px;*/
    /*padding: Infinity Infinity 0px;*/
}

    .health-updates .scrolling-text p {
        color: #6d6f71;
    }

        .health-updates .scrolling-text p a {
            color: #6d6f71;
            text-decoration: underline;
        }

            .health-updates .scrolling-text p a:hover,
            .health-updates .scrolling-text p a:focus {
                color: #8cc63f;
            }

@media (max-width: 991px) {
    .health-updates .scrolling-text p {
        margin-bottom: 0px;
        /*margin-bottom: NaN;*/
    }
}

@media (max-width: 1199px) {
    .health-updates .scrolling-text {
        padding: 8px 20px 0px;
        /*padding: Infinity Infinity 0px;*/
        max-width: 600px;
    }
}

@media (max-width: 991px) {
    .health-updates .scrolling-text {
        padding-top: 0px;
        /*padding-top: NaN;*/
        padding-left: 0px;
        /*padding-left: NaN;*/
        padding-right: 0px;
        /*padding-right: NaN;*/
        max-width: inherit;
        width: 100%;
    }
}

.health-updates .btn {
    float: right;
    margin: 15px 0px 0px;
    /* margin: Infinity 0px 0px;*/
}

@media (max-width: 991px) {
    .health-updates .btn {
        float: left;
        padding-left: 0px;
        /*padding-left: NaN;*/
    }
}

.services {
    float: left;
    width: 100%;
}

    .services .well {
        margin-bottom: 20px;
        /*margin-bottom: Infinity;*/
        float: left;
        width: 100%;
    }

@media (max-width: 991px) {
    .services .well {
        margin-bottom: 35px;
        /*margin-bottom: Infinity;*/
    }
}

@media (max-width: 767px) {
    .services .well {
        margin-bottom: 25px;
        /*margin-bottom: Infinity;*/
    }
}

.services .list-services {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

    .services .list-services li {
        float: left;
        width: 20%;
    }

@media (max-width: 991px) {
    .services .list-services li {
        width: 50%;
        min-height: 200px;
        margin-top: 20px;
        /*margin-top: Infinity;*/
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .services .list-services li {
        margin-top: 0px;
        /*margin-top: NaN;*/
    }
}

.services .list-services li a h5 {
    width: 80%;
    margin: 0 auto;
    text-decoration: underline;
    line-height: 22px;
}

@media (max-width: 767px) {
    .services .list-services li a h5 {
        margin-top: 0px;
        /*margin-top: NaN;*/
    }
}

@media (max-width: 767px) {
    .services .list-services li a img {
        max-width: 80px;
    }
}

.services .list-services li a .icon {
    margin: 10px auto;
    width: 90px;
    height: 90px;
    background-position: center center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 60px;
    color: #007780;
    line-height: 90px;
}

@media (max-width: 767px) {
    .services .list-services li a .icon {
        width: 80px;
        height: 80px;
        background-size: 50% auto;
        font-size: 58px;
        line-height: 80px;
    }
}

.services .list-services li a .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.services .list-services li a:hover,
.services .list-services li a:focus {
    text-decoration: none;
}

    .services .list-services li a:hover .icon,
    .services .list-services li a:focus .icon {
        background-color: #007780;
        /*animation-name: zoomIn;*/
        animation-duration: 300ms;
        /*-moz-animation-name: zoomIn;*/
        -moz-animation-duration: 300ms;
        /*webkit-animation-name: zoomIn;*/
        -webkit-animation-duration: 300ms;
        color: #fff;
        text-decoration: none;
    }

@media (max-width: 991px) {
    .services .list-services li:nth-child(1n+4) + li {
        display: none;
    }
}

.services .blocks-list {
    margin-top: 10px;
    /*margin-top: Infinity;*/
    float: left;
    width: 100%;
}

@media (max-width: 1199px) {
    .services .blocks-list {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .services .blocks-list .row {
            width: 1200px;
        }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .services .blocks-list .row {
        width: 1045px;
    }
}

@media (max-width: 1199px) {
    .services .blocks-list .row .col-md-3 {
        width: 300px;
        float: left;
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .services .blocks-list .row .col-md-3 {
        width: 250px;
        padding: 0px;
    }

        .services .blocks-list .row .col-md-3 + .col-md-3 {
            margin-left: 15px;
            /*margin-left: Infinity;*/
        }
}

@media (max-width: 991px) {
    .services .blocks-list {
        margin-top: 0px;
        /*margin-top: NaN;*/
    }
}

@media (max-width: 767px) {
    .services .blocks-list .swiper-slide {
        width: auto;
    }
}

.services .blocks-list .box {
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 30px 10px;
    /* padding: Infinity Infinity Infinity;*/
    width: 100%;
}

@media (max-width: 767px) {
    .services .blocks-list .box {
        padding-bottom: 30px;
        /* padding-bottom: Infinity;*/
    }
}

@media (max-width: 767px) {
    .services .blocks-list .box {
        width: 250px;
    }
}

.services .blocks-list .box h3 {
    color: #007780;
    height: 20px;
    margin-top: 10px;
}

.services .blocks-list .box .icon-canvas {
    min-height: 66px;
    vertical-align: middle;
    line-height: 66px;
}

@media (max-width: 767px) {
    .services .blocks-list .box .icon-canvas {
        min-height: 40px;
        line-height: 40px;
    }

        .services .blocks-list .box .icon-canvas img {
            max-height: 40px;
        }
}

.services .blocks-list .box .icon-canvas .icon {
    color: #007780;
    font-size: 65px;
}

@media (max-width: 767px) {
    .services .blocks-list .box .icon-canvas .icon {
        font-size: 60px;
    }
}

.services .blocks-list .box .list-items {
    list-style: none;
    height: 66px;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    margin-top: 40px;
    /*margin-top: Infinity;*/
    margin-bottom: 10px;
    /*margin-bottom: Infinity;*/
}

@media (max-width: 767px) {
    .services .blocks-list .box .list-items {
        margin-top: 20px;
        /*margin-top: Infinity;*/
        margin-bottom: 20px;
        /*margin-bottom: Infinity;*/
    }
}

.services .blocks-list .box .list-items li {
    margin-bottom: 10px;
    /*margin-bottom: Infinity;*/
}

    .services .blocks-list .box .list-items li a {
        text-decoration: underline;
    }

.find-doctor {
    float: left;
    width: 100%;
}

    .find-doctor .nav-container {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #e6e6e6;
        overflow: hidden;
    }

@media (max-width: 767px) {
    .find-doctor .nav-container {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        margin-left: -15px;
        /*margin-left: Infinity;*/
        margin-right: -15px;
        /*margin-right: Infinity;*/
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }

        .find-doctor .nav-container .nav-tabs {
            width: 100%;
            float: left;
        }

            .find-doctor .nav-container .nav-tabs li {
                width: 33.33%;
                float: left;
            }
}

.find-doctor .nav-container .tab-pane {
    padding: 30px 30px 80px 30px;
    /*padding: Infinity Infinity Infinity Infinity;*/
    float: left;
    width: 100%;
}

@media (max-width: 991px) {
    .find-doctor .nav-container .tab-pane {
        padding-bottom: 30px;
        /*padding-bottom: Infinity;*/
    }
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane {
        padding: 15px 15px;
        /*padding: Infinity Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane .left-side {
    width: 340px;
    float: left;
    padding-right: 50px;
    /* padding-right: Infinity;*/
}

    .find-doctor .nav-container .tab-pane .left-side h3 {
        /*font-family: "robotoregular", Helvetica, Arial, sans-serif;*/
        color: #007780;
        line-height: 30px;
        margin: 0px 0px 20px 0px;
        /* margin: 0px 0px Infinity 0px;*/
    }

@media (max-width: 1199px) {
    .find-doctor .nav-container .tab-pane .left-side h3 {
        line-height: 38px;
    }
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .left-side h3 {
        line-height: 28px;
        margin-top: 10px;
        /*margin-top: Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane .left-side p {
    color: #6d6f71;
    line-height: 30px;
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .left-side p {
        line-height: 24px;
    }
}

.find-doctor .nav-container .tab-pane .left-side a {
    text-decoration: underline;
    /*margin: 20px 0px;*/
    /* margin: Infinity 0px;*/
    display: block;
}

@media (max-width: 1199px) {
    .find-doctor .nav-container .tab-pane .left-side {
        width: 268px;
        padding-right: 20px;
        /* padding-right: Infinity;*/
    }
}

@media (max-width: 991px) {
    .find-doctor .nav-container .tab-pane .left-side {
        width: 100%;
        padding-right: 0px;
        /*padding-right: NaN;*/
        margin-bottom: 20px;
        /*margin-bottom: Infinity;*/
    }
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .left-side {
        margin-bottom: 10px;
        /*margin-bottom: Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane .right-side {
    width: 760px;
    float: right;
}

    .find-doctor .nav-container .tab-pane .right-side label {
        margin: 10px 0px 28px 0px;
        /* margin: Infinity 0px Infinity 0px;*/
        /*font-family: "robotobold", Helvetica, Arial, sans-serif;*/
        color: #6d6f71;
    }

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side label {
        margin-bottom: 12px;
        /*margin-bottom: Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane .right-side .serach-box .form-control {
    padding-left: 30px;
    /*padding-left: Infinity;*/
    padding-right: 30px;
    /* padding-right: Infinity;*/
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .serach-box .form-control {
        padding-left: 12px;
        /*padding-left: Infinity;*/
        padding-right: 12px;
        /* padding-right: Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane .right-side .serach-box .tab-switcher {
    padding: 5px;
    /*padding: Infinity;*/
}

    .find-doctor .nav-container .tab-pane .right-side .serach-box .tab-switcher li {
        margin-bottom: 1px;
        /*margin-bottom: Infinity;*/
    }

        .find-doctor .nav-container .tab-pane .right-side .serach-box .tab-switcher li a {
            color: #6d6f71;
        }

            .find-doctor .nav-container .tab-pane .right-side .serach-box .tab-switcher li a:hover,
            .find-doctor .nav-container .tab-pane .right-side .serach-box .tab-switcher li a:focus {
                background: #007780;
                color: #fff;
            }

        .find-doctor .nav-container .tab-pane .right-side .serach-box .tab-switcher li.active a {
            color: #6d6f71;
            background: #fff;
        }

            .find-doctor .nav-container .tab-pane .right-side .serach-box .tab-switcher li.active a:hover,
            .find-doctor .nav-container .tab-pane .right-side .serach-box .tab-switcher li.active a:focus {
                background: #007780;
                color: #fff;
            }

.find-doctor .nav-container .tab-pane .right-side .alpha-filter {
    margin-top: 40px;
    /*margin-top: Infinity;*/
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .alpha-filter {
        margin-top: 18px;
        /*margin-top: Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options {
    margin-left: -10px;
    /*margin-left: Infinity;*/
}

@media (max-width: 1199px) {
    .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options {
        margin-left: -6px;
        /*margin-left: Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a {
    padding: 10px;
    /*padding: Infinity;*/
    color: #8cc63f;
}

@media (max-width: 1199px) {
    .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a {
        padding: 10px 6px;
        /*padding: Infinity Infinity;*/
    }
}

@media (max-width: 991px) {
    .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a {
        padding: 5px 10px;
        /*padding: Infinity Infinity;*/
        margin-right: 20px;
        /*margin-right: Infinity;*/
        float: left;
        min-width: 40px;
    }
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a {
        margin-right: 0px;
        /*margin-right: NaN;*/
        min-width: 33px;
    }
}

@media (max-width: 1199px) {
    .find-doctor .nav-container .tab-pane .right-side {
        width: 610px;
    }
}

@media (max-width: 991px) {
    .find-doctor .nav-container .tab-pane .right-side {
        width: 100%;
    }
}

.find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select {
    padding: 0px;
    border: 0px;
}

    .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input {
        padding: 20px 35px 20px 15px;
        width: 120px;
        height: 80px;
        background-color: #f1f5f6;
        box-shadow: none;
        border-right: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input {
        width: 100% !important;
    }
}

.find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input .item {
    padding: 30px 15px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 999;
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input .item {
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input input {
        min-height: 0px !important;
    }
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input {
        padding: 15px 35px 15px 15px;
        height: 50px;
    }
}

.find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-dropdown {
    width: 101% !important;
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-dropdown {
        width: 100% !important;
    }
}

.find-doctor .nav-container .tab-pane.detail-map {
    padding: 0px;
    /*padding: NaN;*/
}

    .find-doctor .nav-container .tab-pane.detail-map .left-side,
    .find-doctor .nav-container .tab-pane.detail-map .right-side,
    .find-doctor .nav-container .tab-pane.detail-map .right-side #map {
        height: 902px;
    }

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane.detail-map .left-side,
    .find-doctor .nav-container .tab-pane.detail-map .right-side,
    .find-doctor .nav-container .tab-pane.detail-map .right-side #map {
        height: 360px;
    }
}

.find-doctor .nav-container .tab-pane.detail-map .left-side {
    padding: 0px;
    /*padding: NaN;*/
    width: 375px;
}

@media (max-width: 1199px) {
    .find-doctor .nav-container .tab-pane.detail-map .left-side {
        width: 300px;
    }
}

@media (max-width: 991px) {
    .find-doctor .nav-container .tab-pane.detail-map .left-side {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane.detail-map .left-side {
        height: 556px;
    }
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel {
    padding: 30px;
    /*padding: Infinity;*/
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel {
        padding: 15px;
        /*padding: Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .field-row + .field-row {
    margin-top: 20px;
    /*margin-top: Infinity;*/
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .field-row.all {
    margin-top: 16px;
    /*margin-top: Infinity;*/
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .input-sml,
.find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .btn-sml {
    padding: 10px 15px;
    /*padding: Infinity Infinity;*/
    height: 60px;
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .btn-sml {
    min-width: 100px;
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .selectize-input {
    padding: 10px 15px;
    /*padding: Infinity Infinity;*/
    height: 60px;
    box-shadow: none;
    line-height: 36px;
    position: relative;
}

    .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .selectize-input .item {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 10px 15px;
        z-index: 9999;
    }

.find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .easy-autocomplete-container ul {
    top: 59px;
    padding: 0px;
    left: 0px;
    right: 0px;
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .listing-count {
    margin-top: -3px;
    /*margin-top: Infinity;*/
    background-color: #ebebeb;
    padding: 8px 30px;
    /*padding: Infinity Infinity;*/
}

    .find-doctor .nav-container .tab-pane.detail-map .left-side .listing-count h6 {
        /*font-family: "robotoregular", Helvetica, Arial, sans-serif;*/
        color: #6d6f71;
        margin: 0px;
    }

        .find-doctor .nav-container .tab-pane.detail-map .left-side .listing-count h6 span {
            /*font-family: "robotomedium", Helvetica, Arial, sans-serif;*/
            color: #007780;
        }

.find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .map-result-scroller .swiper-scrollbar {
    right: 10px;
    background: none;
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li {
        width: 100%;
        float: left;
        cursor: pointer;
        min-height: 200px;
        padding: 30px 30px 20px 30px;
        /*padding: Infinity Infinity Infinity Infinity;*/
        border-top: 1px solid #e6e6e6;
    }

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li {
        min-height: 160px;
        padding: 15px 15px 10px 15px;
        /*padding: Infinity Infinity Infinity Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li.active {
    border-left: 8px solid #8cc63f;
    padding-left: 22px;
    /*padding-left: Infinity;*/
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li.active {
        padding-left: 12px;
        /*padding-left: Infinity;*/
    }
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li h4 {
    color: #007780;
    margin: 0px;
    margin-bottom: 12px;
    /*margin-bottom: Infinity;*/
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li.active h4 {
    color: #8cc63f;
}

.find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p {
    margin: 0px;
    padding-left: 28px;
    /*padding-left: Infinity;*/
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
}

    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p a {
        color: #6d6f71;
        text-decoration: none;
        display: inline-block;
        margin: 0px;
    }

        .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p a:hover,
        .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p a:focus {
            text-decoration: underline;
        }

    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p:before {
        position: absolute;
        font-family: "icomoon";
        left: 0px;
    }

    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p.location {
        background-position: 2px center;
    }

        .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p.location:before {
            content: "\e912";
        }

    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p.mail:before {
        content: "\e913";
    }

    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p.call:before {
        content: "\e907";
    }

.find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li a.btn {
    float: left;
    padding-left: 0px;
    /*padding-left: NaN;*/
    margin-top: 8px;
    /*margin-top: Infinity;*/
    margin-bottom: 0px;
    /*margin-bottom: NaN;*/
    text-decoration: none;
}

    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li a.btn:hover,
    .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li a.btn:focus {
        text-decoration: underline;
    }

.find-doctor .nav-container .tab-pane.detail-map .right-side {
    padding: 0px;
    /*padding: NaN;*/
    width: 785px;
    position: relative;
}

    .find-doctor .nav-container .tab-pane.detail-map .right-side .map-wrap {
        width: 100%;
        position: absolute;
        bottom: 0px;
        top: 0px;
    }

    .find-doctor .nav-container .tab-pane.detail-map .right-side .leaflet-control-attribution a {
        font-size: 12px !important;
        display: none !important;
    }

@media (max-width: 1199px) {
    .find-doctor .nav-container .tab-pane.detail-map .right-side {
        width: 638px;
    }
}

@media (max-width: 991px) {
    .find-doctor .nav-container .tab-pane.detail-map .right-side {
        width: 100%;
    }
}

.find-doctor .nav-container .tab-pane.detail-map .nano {
    /* height: 550px;*/
    height: 350px;
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane.detail-map .nano {
        height: 250px;
    }
}

.find-doctor .nav-container .tab-content {
    padding: 0px;
    /*padding: NaN;*/
    float: left;
    width: 100%;
}

.advanced-search a {
    margin: 8px 0 0 !important;
    display: inline-block;
    color: #007780;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .input-group-btn.search-panel {
        width: 100%;
        display: block;
    }

    .find-doctor .nav-container .tab-pane .right-side .serach-box {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

        .find-doctor .nav-container .tab-pane .right-side .serach-box .input-group {
            width: 100%;
            float: left;
            display: block;
            position: relative;
        }

            .find-doctor .nav-container .tab-pane .right-side .serach-box .input-group span.input-group-btn {
                position: absolute;
                bottom: 0px;
                right: 0px;
            }

                .find-doctor .nav-container .tab-pane .right-side .serach-box .input-group span.input-group-btn .btn-boxed {
                    position: absolute;
                    bottom: 0px;
                    right: 0px;
                    z-index: 3;
                }

            .find-doctor .nav-container .tab-pane .right-side .serach-box .input-group .form-control {
                border-radius: 3px;
                margin-top: 15px;
            }

            .find-doctor .nav-container .tab-pane .right-side .serach-box .input-group .search-panel {
                z-index: 1;
            }

            .find-doctor .nav-container .tab-pane .right-side .serach-box .input-group .input-lg {
                z-index: 1;
            }

    .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input {
        border: 1px solid #e6e6e6;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }
}

.news {
    float: left;
    width: 100%;
}

    .news .container {
        position: relative;
    }

@media (min-width:421px) and (max-width: 767px) {
    .news .swiper-slide {
        width: auto;
    }
}

.news .news-block {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    min-height: 150px;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media (max-width: 991px) {
    .news .news-block {
        min-height: 275px;
    }
}

@media (max-width: 767px) {
    .news .news-block {
        min-height: 275px;
        width: 350px;
    }
}

.news .news-block .image-canvas {
    float: left;
    max-width: 270px;
    max-height: 140px;
    min-width: 270px;
    min-height: 140px;
    overflow: hidden;
}

    .news .news-block .image-canvas img {
        max-width: 100%;
        height: 140px;
    }

@media (max-width: 991px) {
    .news .news-block .image-canvas {
        width: 100%;
        max-width: 343px;
        min-height: auto;
        margin-right: 0px;
        /*margin-right: NaN;*/
    }

        .news .news-block .image-canvas img {
            width: 100%;
        }
}

.news .news-block .news-desc {
    float: left;
    width: 230px;
    margin-left: 30px;
    /*margin-left: Infinity;*/
    margin-right: 30px;
    /*margin-right: Infinity;*/
}

    .news .news-block .news-desc h5 {
        margin: 15px 0px 5px;
        /*margin: Infinity 0px Infinity;*/
        color: #007780;
        line-height: 26px;
    }

    .news .news-block .news-desc .category {
        color: #8cc63f;
    }

    .news .news-block .news-desc p {
        margin-top: 12px;
        /*margin-top: Infinity;*/
        margin-bottom: 12px;
        /*margin-bottom: Infinity;*/
        color: #6d6f71;
        line-height: 26px;
    }

    .news .news-block .news-desc .btn {
        padding-left: 0px;
        /*padding-left: NaN;*/
        margin-bottom: 10px;
    }

@media (max-width: 1199px) {
    .news .news-block .news-desc {
        width: 600px;
    }
}

@media (max-width: 991px) {
    .news .news-block .news-desc {
        margin-left: 0px;
        /*margin-left: NaN;*/
        margin-right: 0px;
        /*margin-right: NaN;*/
        padding: 30px 30px 30px 30px;
        /*padding: Infinity Infinity Infinity Infinity;*/
        float: left;
        width: 100%;
    }

        .news .news-block .news-desc h5 {
            margin: 0px 0px 10px 0px;
            /* margin: 0px 0px Infinity 0px;*/
            /*font-family: "robotoregular", Helvetica, Arial, sans-serif*/
        }
}

@media (max-width: 767px) {
    .news .news-block .news-desc {
        padding: 15px;
        /*padding: Infinity;*/
    }
}

.news .news-block.no-thumb .news-desc {
    width: auto;
}

.better-health {
    float: left;
    width: 100%;
}

    .better-health .container {
        position: relative;
    }

@media (max-width: 767px) {
    .better-health .swiper-slide {
        width: auto;
    }
}

.better-health .issue-item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .better-health .issue-item {
        width: 250px;
    }
}

.better-health .issue-item img {
    width: 100%;
    max-width: 100%;
}

.better-health .issue-item .title {
    padding: 0px;
    /*padding: NaN;*/
    background: none #f1f5f6;
    padding-left: 60px;
    /*padding-left: Infinity;*/
    position: absolute;
    bottom: 0px;
    height: 50px;
    width: 100%;
}

    .better-health .issue-item .title:before {
        content: '\e917';
        color: #1fc4f4;
        font-family: "icomoon";
        font-size: 40px;
        left: 10px;
        position: absolute;
        top: -4px;
    }

    .better-health .issue-item .title h6 {
        color: #1fc4f4;
        margin: 16px 0px;
        /*margin: Infinity 0px;*/
    }

    .better-health .issue-item .title .issue-count {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 50px;
        color: #fff;
        text-align: center;
        background-color: #8cc63f;
        padding: 0px 20px;
        /*padding: 0px Infinity;*/
    }

@media (max-width: 767px) {
    .better-health .issue-item .title .issue-count {
        padding-top: 10px;
        /*padding-top: Infinity;*/
        max-width: 80px;
    }
}

.better-health .issue-item .title .issue-count .head {
    text-transform: uppercase;
    /*font-family: "robotomedium", Helvetica, Arial, sans-serif*/
}

@media (max-width: 767px) {
    .better-health .issue-item .title .issue-count .head {
        height: 10px;
        float: left;
        line-height: 10px;
        width: 100%;
        max-width: 50px;
    }
}

.better-health .issue-item .title .issue-count .count {
    margin: 0px;
    line-height: 20px;
    /*font-family: "robotobold", Helvetica, Arial, sans-serif*/
}

@media (max-width: 767px) {
    .better-health .issue-item .title .issue-count .count {
        margin: 0px;
        line-height: 18px;
        float: left;
        width: 100%;
        height: 20px;
        margin-top: 3px;
        max-width: 50px;
    }
}

.better-health h4 {
    /*font-family: "robotoregular", Helvetica, Arial, sans-serif;*/
    color: #007780;
    line-height: 28px;
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .better-health h4 {
        max-width: 250px;
    }
}

.smart-apps {
    float: left;
    width: 100%;
}

    .smart-apps .container {
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }

@media (max-width: 767px) {
    .smart-apps .swiper-slide {
        width: auto;
    }
}

.smart-apps .smart-apps-slider {
    margin-top: -30px;
    /*margin-top: Infinity;*/
}

.smart-apps .swiper-slide {
    padding: 15px;
    margin-top: 15px;
    /*margin-top: Infinity;*/
}

@media (max-width: 767px) {
    .smart-apps .swiper-slide {
        padding-right: 0px;
    }

        .smart-apps .swiper-slide:last-child {
            padding-right: 15px;
        }
}

.smart-apps .apps-box {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    min-height: 270px;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media (max-width: 767px) {
    .smart-apps .apps-box {
        width: 250px;
    }
}

.smart-apps .apps-box .icon-canvas {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    /*margin-top: Infinity;*/
}

    .smart-apps .apps-box .icon-canvas img {
        max-width: 75px;
    }

.smart-apps .apps-box .apps-desc {
    padding: 10px 22px 15px;
    /*padding: Infinity;*/
    float: left;
    width: 100%;
    text-align: center;
}

    .smart-apps .apps-box .apps-desc h5 {
        margin: 0px 0px;
        margin: 0px 0px;
        /*font-family: "robotoregular", Helvetica, Arial, sans-serif;*/
        color: #007780;
        line-height: 26px;
    }

    .smart-apps .apps-box .apps-desc .category {
        color: #8cc63f;
    }

    .smart-apps .apps-box .apps-desc p {
        margin-top: 3px;
        /*margin-top: Infinity;*/
        margin-bottom: 0px;
        /*margin-bottom: NaN;*/
        color: #6d6f71;
        line-height: 20px;
        /*min-height: 55px;*/
    }

    .smart-apps .apps-box .apps-desc .btn {
        padding-left: 0px;
        /*padding-left: NaN;*/
    }

@media (max-width: 991px) {
    .smart-apps .apps-box .apps-desc .btn {
        margin-top: 0px;
        /*margin-top: NaN;*/
        margin-bottom: 0px;
        /*margin-bottom: NaN;*/
    }
}

@media (max-width: 991px) {
    .smart-apps .apps-box .apps-desc {
        text-align: center;
        padding-bottom: 32px;
        /*padding-bottom: Infinity;*/
    }

        .smart-apps .apps-box .apps-desc h5 {
            /*font-family: "robotoregular", Helvetica, Arial, sans-serif*/
        }
}

.smart-apps .apps-box .store-btns {
    float: left;
    width: 100%;
    margin-top: 5px;
    /*margin-top: Infinity;*/
}

@media (max-width: 991px) {
    .smart-apps .apps-box .store-btns {
        height: 40px;
    }
}

.smart-apps .apps-box .store-btns .store {
    float: left;
    display: inline-block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

    .smart-apps .apps-box .store-btns .store:before {
        font-size: 110px;
        color: #8cc63f;
        font-family: 'icomoon';
        line-height: 38px;
    }

@media (max-width: 767px) {
    .smart-apps .apps-box .store-btns .store:before {
        font-size: 96px;
    }
}

.smart-apps .apps-box .store-btns .store:hover:before {
    color: #007780;
}

.smart-apps .apps-box .store-btns .store.android {
    width: 112px;
    height: 37px;
}

@media (max-width: 767px) {
    .smart-apps .apps-box .store-btns .store.android {
        width: 96px;
        height: 33px;
        background-size: 100% auto;
    }
}

.smart-apps .apps-box .store-btns .store.apple {
    width: 106px;
    height: 37px;
}

@media (max-width: 767px) {
    .smart-apps .apps-box .store-btns .store.apple {
        width: 93px;
        height: 33px;
        background-size: 100% auto;
    }
}

.smart-apps .apps-box .store-btns .store + .store {
    float: right;
}

@media (max-width: 991px) {
    .smart-apps .apps-box .store-btns .store + .store {
        float: none;
        margin-left: 8px;
        /*margin-left: Infinity;*/
    }
}

.smart-apps .apps-box .store-btns .store:hover,
.smart-apps .apps-box .store-btns .store:focus {
    text-decoration: none !important;
}

@media (max-width: 991px) {
    .smart-apps .apps-box .store-btns .store {
        float: none !important;
    }
}

@media (max-width: 767px) {
    .smart-apps .apps-box .store-btns .store img {
        max-height: 30px;
    }
}

.smart-apps .apps-box:hover {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07);
}

.social-feeds {
    float: left;
    width: 100%;
}

@media (max-width: 991px) {
    .social-feeds .feeds-scroll {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .social-feeds .feeds-scroll .row {
            width: 1500px;
        }
}

@media (max-width: 991px) and (max-width: 767px) {
    .social-feeds .feeds-scroll .row {
        width: 1095px;
        margin: 0px;
    }
}

@media (max-width: 991px) {
    .social-feeds .feeds-scroll .row .feed-item {
        width: 300px;
        float: left;
    }

        .social-feeds .feeds-scroll .row .feed-item.youtube-feed-item {
            width: 600px;
        }
}

@media (max-width: 991px) and (max-width: 767px) {
    .social-feeds .feeds-scroll .row .feed-item.youtube-feed-item {
        width: 300px;
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .social-feeds .feeds-scroll .row .feed-item {
        width: 250px;
        padding: 0px;
    }

        .social-feeds .feeds-scroll .row .feed-item + .feed-item {
            margin-left: 15px;
            /*margin-left: Infinity;*/
        }
}

.social-feeds .feed-block {
    background-color: #f1f5f6;
    min-height: 554px;
    margin-bottom: 30px;
    /*margin-bottom: Infinity;*/
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .social-feeds .feed-block {
        min-height: 500px;
    }
}

@media (max-width: 767px) {
    .social-feeds .feed-block {
        margin-bottom: 0px;
        /*margin-bottom: NaN;*/
    }
}

.social-feeds .feed-block a:hover {
    text-decoration: none;
}

.social-feeds .feed-block .wall-image {
    max-height: 310px;
    overflow: hidden;
}

    .social-feeds .feed-block .wall-image img {
        width: 100%;
    }

    .social-feeds .feed-block .wall-image.latest-video {
        max-height: inherit;
    }

.social-feeds .feed-block iframe {
    border: 0px;
    display: block;
}

.social-feeds .feed-block .desc {
    padding: 30px;
    /*padding: Infinity;*/
}

    .social-feeds .feed-block .desc h4 {
        margin-top: 0px;
        /*margin-top: NaN;*/
        /*font-family: "robotolight", Helvetica, Arial, sans-serif*/;
        color: #007780;
        margin-bottom: 6px;
    }

    .social-feeds .feed-block .desc p {
        color: #6d6f71;
        line-height: 30px;
    }

@media (max-width: 767px) {
    .social-feeds .feed-block .desc p {
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .social-feeds .feed-block .desc {
        padding: 15px;
        /*padding: Infinity;*/
    }
}

.social-feeds .feed-block .footer {
    padding: 14px 20px;
    /*padding: Infinity Infinity;*/
    color: #fff;
    position: relative;
    top: 0;
    width: 100%;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

    .social-feeds .feed-block .footer .icon {
        float: left;
    }

        .social-feeds .feed-block .footer .icon.facebook-icon,
        .social-feeds .feed-block .footer .icon.tumblr-icon,
        .social-feeds .feed-block .footer .icon.instagram-icon,
        .social-feeds .feed-block .footer .icon.twitter-icon {
            background: none;
            font-size: 26px;
            line-height: 30px;
        }

        .social-feeds .feed-block .footer .icon.watch {
            background: none;
        }

    .social-feeds .feed-block .footer .time {
        float: left;
        margin-left: 10px;
        /*margin-left: Infinity;*/
        line-height: 15px;
        /*font-family: 'robotoitalic'*/
    }

    .social-feeds .feed-block .footer .social {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }

.social-feeds .facebook .footer {
    background-color: #3b5998;
}

.social-feeds .twitter h3 {
    margin-top: 0px;
    /*margin-top: NaN;*/
    margin-bottom: 20px;
    /*margin-bottom: Infinity;*/
    /*font-family: "robotolight", Helvetica, Arial, sans-serif*/;
    color: #007780;
}

    .social-feeds .twitter h3 a {
        color: #007780;
    }

.social-feeds .twitter .footer {
    background-color: #34ccfe;
}

.social-feeds .tumblr .footer {
    background-color: #395875;
}

.social-feeds .instagram .footer {
    background: url(../img/insta-bg.png);
    background-size: 145% auto;
    background-position: center center;
}

.social-feeds .youtube .desc h4 {
    margin: 0;
}

.social-feeds .feeds-wrap .name-tag .u-hiddenVisually,
.social-feeds .feeds-wrap .name-tag .TweetAuthor-verifiedBadge,
.social-feeds .feeds-wrap .name-tag .TweetAuthor-avatar,
.social-feeds .tweets-wrap .feeds-wrap .name-tag .u-hiddenVisually,
.social-feeds .tweets-wrap .feeds-wrap .name-tag .TweetAuthor-verifiedBadge,
.social-feeds .tweets-wrap .feeds-wrap .name-tag .TweetAuthor-avatar {
    display: none !important;
}

.social-feeds .youtube,
.social-feeds .tumblr {
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .social-feeds .youtube iframe {
        width: 100%;
        height: 320px;
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .social-feeds .youtube iframe {
        height: auto;
    }
}

.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 0;
}

    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }

    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }

        .youtube-player img:hover {
            -webkit-filter: brightness(75%);
        }

    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("../img/icon-play.png") no-repeat;
        cursor: pointer;
    }

header {
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: auto;
    width: 100%;
    float: left;
}

    header .top {
        background-color: #007780;
        /*font-family: "robotomedium", Helvetica, Arial, sans-serif;*/
        color: #fff;
        float: left;
        width: 100%;
        height: 42px;
        position: fixed;
        z-index: 3000;
        top: 0px;
        border-bottom: 1px solid #33a2ad;
    }

/*@media (max-width: 1199px) {
    header .top {
        display: none;
    }
}*/
@media (max-width: 991px) {
    header .top {
        display: none;
    }
}

header .top .top-right-nav,
header .top .top-left-nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    header .top .top-right-nav li,
    header .top .top-left-nav li {
        float: left;
    }

        header .top .top-right-nav li + li,
        header .top .top-left-nav li + li {
            margin-left: 25px;
            /*margin-left: Infinity;*/
        }

        header .top .top-right-nav li a,
        header .top .top-left-nav li a {
            color: #fff;
            display: block;
            position: relative;
            padding-left: 5px;
            /*padding-left: Infinity;*/
            padding-right: 5px;
            /* padding-right: Infinity;*/
            height: 42px;
        }

            header .top .top-right-nav li a:hover,
            header .top .top-left-nav li a:hover {
                border-bottom: 1px solid #fff;
                text-decoration: none;
            }

            header .top .top-right-nav li a b,
            header .top .top-left-nav li a b {
                float: left;
            }

        header .top .top-right-nav li.active a,
        header .top .top-left-nav li.active a {
            border-bottom: 1px solid #fff;
        }

        header .top .top-left-nav li.fill {
            background-color: #fff;
            padding: 0px 18px;
            /*padding: 0px Infinity;*/
        }

            header .top .top-left-nav li.fill a:hover,
            header .top .top-left-nav li.fill a:focus {
                border-bottom: 0px;
                text-decoration: none;
            }

        header .top .top-left-nav li.link a {
            padding: 11px 5px;
            /*padding: Infinity Infinity;*/
            font-weight: 400;
        }

        header .top .top-left-nav li.home b {
            display: none;
        }

        header .top .top-left-nav li.home .icon {
            font-size: 26px;
            line-height: 40px;
        }

        header .top .top-right-nav li a {
            padding: 11px 5px;
            /*padding: Infinity Infinity;*/
            text-decoration: none;
            font-weight: 400;
        }

            header .top .top-right-nav li a i.icon {
                float: left;
                margin-right: 14px;
                /*margin-right: Infinity;*/
            }

            header .top .top-right-nav li a i.login-ico {
                margin-top: -3px;
                /*margin-top: Infinity;*/
            }

            header .top .top-right-nav li a i.accessibility-ico {
                margin-top: -1px;
                /*margin-top: Infinity;*/
            }

            header .top .top-right-nav li a i.icon-icon-visualy-impaired {
                font-size: 28px;
                line-height: 20px;
            }

            header .top .top-right-nav li a span.icon {
                position: absolute;
                top: 15px;
                right: 0px;
                width: 12px;
            }

                header .top .top-right-nav li a span.icon.icon-icon-arrow-down {
                    font-size: 12px;
                }

            header .top .top-right-nav li a .icon-icon-user {
                font-size: 25px;
                line-height: 20px;
            }

        header .top .top-right-nav li.accessibility-trigger a {
            padding-right: 25px;
            /* padding-right: Infinity;*/
            padding-left: 5px;
            /*padding-left: Infinity;*/
        }

        header .top .top-right-nav li.accessibility-trigger.active a .icon-icon-arrow-down {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }



        header .top .top-right-nav li.language-swticher.arabic {
            display: block;
        }

        header .top .top-right-nav li.language-swticher.english {
            display: none;
        }

        header .top .top-right-nav li.language-swticher.arabic a {
            font-family: 'Tahoma', Arial;
            font-weight: bold;
            line-height: 14px;
        }

        header .top .top-right-nav li.login-en {
            display: block;
        }

        header .top .top-right-nav li.login-ar {
            display: none;
        }

header .accessibility-panel {
    display: none;
    float: left;
    width: 100%;
    background-color: #007780;
    color: #fff;
    position: fixed;
    top: 42px;
    z-index: 999999;
    padding: 35px 0px 45px;
    /*padding: Infinity 0px Infinity;*/
}

/*@media (max-width: 1199px) {
    header .accessibility-panel {
        display: none;
    }
}*/
@media (max-width: 991px) {
    header .accessibility-panel {
        display: none;
    }
}

@media (max-width: 991px) {
    header .accessibility-panel .access-block {
        margin-bottom: 45px;
        /*margin-bottom: Infinity;*/
        width: 100%;
        float: left;
    }
}

@media (max-width: 991px) and (max-width: 991px) {
    header .accessibility-panel .access-block {
        margin-bottom: 15px;
        /*margin-bottom: Infinity;*/
    }

        header .accessibility-panel .access-block h4 {
            margin-bottom: 5px;
            /*margin-bottom: Infinity;*/
        }
}

header .accessibility-panel .title {
    margin-bottom: 25px;
    /*margin-bottom: Infinity;*/
}

    header .accessibility-panel .title p {
        font-weight: 300;
        margin-top: 5px;
    }

header .accessibility-panel .text-size {
    display: block;
}

    header .accessibility-panel .text-size .btn-lg {
        background: none;
        border-color: #33a2ad;
        height: 50px;
        padding: 0 10px;
        letter-spacing: 1px;
        font-weight: normal;
        font-size: 20px;
        text-transform: uppercase;
        width: 20%;
        min-width: 0;
    }

        header .accessibility-panel .text-size .btn-lg:hover,
        header .accessibility-panel .text-size .btn-lg:focus,
        header .accessibility-panel .text-size .btn-lg.active {
            border-color: #fff;
        }

header .accessibility-panel .print-button {
    margin: 20px 0px;
    /*margin: Infinity 0px;*/
    display: block;
    float: left;
    width: 100%;
    min-width: 140px;
    cursor: pointer;
}

    header .accessibility-panel .print-button .print-ico {
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        margin-right: 10px;
        /*margin-right: Infinity;*/
        float: left;
        height: 45px;
        width: 45px;
        line-height: 42px;
        font-size: 20px;
        text-align: center;
    }

    header .accessibility-panel .print-button p {
        margin: 10px 0px;
        /*margin: Infinity 0px;*/
        color: #fff;
    }

    header .accessibility-panel .print-button:hover,
    header .accessibility-panel .print-button:focus {
        text-decoration: none;
    }

header .branding-section {
    float: left;
    width: 100%;
    margin-top: 42px;
    padding: 8px 0px 12px;
    /*padding: Infinity 0px Infinity;*/
}

@media (max-width: 991px) {
    header .branding-section {
        margin-top: 0px;
        padding: 8px 0px;
        /*padding: Infinity 0px;*/
    }
}

/*@media (max-width: 1199px) {
    header .branding-section {
        margin-top: 0px;
        padding: 8px 0px;
        /*padding: Infinity 0px;
    }
}*/

@media (max-width: 767px) {
    header .branding-section {
        padding: 5px 0px 3px 0px;
        /*padding: Infinity 0px Infinity 0px;*/
    }
}

header .branding-section .brand {
    vertical-align: middle;
    display: block;
}

    header .branding-section .brand.gov-logo img {
        margin-top: 18px;
        /*margin-top: Infinity;*/
    }

@media (max-width: 767px) {
    header .branding-section .brand.gov-logo img {
        margin-top: 2px;
        /*margin-top: Infinity;*/
    }
}

@media (max-width: 767px) {
    header .branding-section .brand {
        min-height: 47px;
    }

        header .branding-section .brand img {
            max-height: 40px;
            width: auto;
        }
}

header .activate-when-menubar-sticky {
    height: 0px;
    float: left;
    width: 100%;
}

header .navigation {
    background-color: #fff;
    position: relative;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    float: left;
    width: 100%;
    z-index: 2;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    header .navigation .mobile-nav {
        display: none;
    }

@media (max-width: 991px) {
    header .navigation .mobile-nav {
        display: block;
    }
}

/*@media (max-width: 1199px) {
    header .navigation .mobile-nav {
        display: block;
    }
}*/

header .navigation .mobile-nav .mobile-menu-trigger {
    display: block;
    float: left;
    margin: 28px 0px;
    /*margin: Infinity 0px;*/
    height: 28px;
    width: 42px;
    text-decoration: none !important;
    color: #007780;
}

    header .navigation .mobile-nav .mobile-menu-trigger:before {
        font-family: 'icomoon';
        font-size: 40px;
        line-height: 26px;
    }

@media (max-width: 767px) {
    header .navigation .mobile-nav .mobile-menu-trigger:before {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    header .navigation .mobile-nav .mobile-menu-trigger {
        margin: 18px 0px 0px;
        /* margin: Infinity 0px 0px;*/
        background-size: 34px auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

        header .navigation .mobile-nav .mobile-menu-trigger img {
            max-width: 30px;
        }
}

header .navigation .mobile-nav .top-right-nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-right: -22px;
    /*margin-right: Infinity;*/
    float: right;
}

@media (max-width: 767px) {
    header .navigation .mobile-nav .top-right-nav {
        margin-right: -15px;
        /*margin-right: Infinity;*/
    }
}

header .navigation .mobile-nav .top-right-nav li {
    float: left;
    min-height: 42px;
}

    header .navigation .mobile-nav .top-right-nav li + li {
        margin-left: 1px;
        /*margin-left: Infinity;*/
    }

    header .navigation .mobile-nav .top-right-nav li a {
        padding: 12px;
        /*padding: Infinity;*/
        display: block;
        float: left;
        height: 85px;
        width: 85px;
        text-align: center;
        text-decoration: none;
    }

@media (max-width: 767px) {
    header .navigation .mobile-nav .top-right-nav li a {
        height: 63px;
        width: 63px;
        color: #008b9a;
    }
}

header .navigation .mobile-nav .top-right-nav li a .icon {
    font-size: 44px;
    color: #007780;
    line-height: 60px;
}

@media (max-width: 767px) {
    header .navigation .mobile-nav .top-right-nav li a .icon {
        font-size: 32px;
        line-height: 40px;
    }
}

header .navigation .mobile-nav .top-right-nav li.active a {
    background-color: #007780;
}

    header .navigation .mobile-nav .top-right-nav li.active a .icon {
        color: #fff;
    }

header .navigation .mobile-nav .top-right-nav .language-swticher a img {
    display: none;
}

header .navigation .mobile-nav .top-right-nav .language-swticher a {
    font-family: 'Tahoma', Arial;
    font-weight: normal;
    font-size: 22px;
    color: #007780;
    line-height: 54px;
    float: left;
    display: block;
}

@media (max-width: 767px) {
    header .navigation .mobile-nav .top-right-nav .language-swticher a {
        background-size: 40px auto;
        font-size: 14px;
        line-height: 34px;
    }
}

header .navigation .mobile-nav .top-right-nav .language-swticher.english {
    display: none;
}

header .navigation .mobile-nav .top-right-nav .accessibility-trigger .accessibility-ico {
    background-image: url(../img/accessibility_res.png);
    height: 44px;
    width: 49px;
    margin: 8px 6px;
    /* margin: Infinity Infinity;*/
}

@media (max-width: 767px) {
    header .navigation .mobile-nav .top-right-nav .accessibility-trigger .accessibility-ico {
        height: 38px;
        width: 38px;
        margin: 0px;
        background-size: 30px auto;
    }
}

header .navigation .mobile-nav .top-right-nav .accessibility-trigger.active .accessibility-ico {
    background-image: url(../img/accessibility_res_white.png);
}

header .navigation .mobile-nav .top-right-nav .accessibility-trigger b,
header .navigation .mobile-nav .top-right-nav .accessibility-trigger span {
    display: none;
}

header .navigation .mobile-nav .top-right-nav .login .login-ico {
    background-image: url(../img/login_res.png);
    height: 44px;
    width: 42px;
    margin: 8px 8px;
    /*margin: Infinity Infinity;*/
}

@media (max-width: 767px) {
    header .navigation .mobile-nav .top-right-nav .login .login-ico {
        height: 38px;
        width: 38px;
        margin: 0px;
        background-size: 30px auto;
    }
}

header .navigation .mobile-nav .top-right-nav .login.active .login-ico {
    background-image: url(../img/login_res_white.png);
}

header .navigation .mobile-nav .top-right-nav .login b,
header .navigation .mobile-nav .top-right-nav .login span {
    display: none;
}

header .navigation .mobile-nav .top-right-nav .login.login-en {
    display: block;
}

header .navigation .mobile-nav .top-right-nav .login.login-ar {
    display: none;
}

header .navigation .accessibility-panel {
    border-top: 0px;
}

@media (max-width: 1199px) {
    header .navigation .accessibility-panel {
        top: 193px;
    }
}

@media (max-width: 767px) {
    header .navigation .accessibility-panel {
        top: 123px;
    }
}

@media (max-width: 991px) {
    header .navigation .desktop-navigation {
        display: none;
    }
}

/*@media (max-width: 1199px) {
    header .navigation .desktop-navigation {
        display: none;
    }
}*/

header .navigation .main-menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: -1px;
    /*margin-top: Infinity;*/
    margin-left: -25px;
    /*margin-left: Infinity;*/
}

    header .navigation .main-menu > li {
        float: left;
    }

        header .navigation .main-menu > li .icon-icon-arrow-down {
            display: none;
        }

        header .navigation .main-menu > li > ul {
            display: none;
            position: absolute;
            left: 0px;
            right: 0px;
        }

        header .navigation .main-menu > li > span,
        header .navigation .main-menu > li > a {
            padding: 15px 18px;
            /*padding: Infinity Infinity;*/
            display: block;
            color: #007780;
            border-top: 1px solid #e6e6e6;
            text-decoration: none;
        }

        header .navigation .main-menu > li.has-submenu .icon-icon-arrow-down {
            display: block;
        }

        header .navigation .main-menu > li.has-submenu > a,
        header .navigation .main-menu > li.has-submenu > span {
            position: relative;
            text-decoration: none;
            padding-right: 50px;
            /* padding-right: Infinity;*/
        }

            header .navigation .main-menu > li.has-submenu > a .arrow,
            header .navigation .main-menu > li.has-submenu > span .arrow {
                height: 7px;
                width: 12px;
                position: absolute;
                top: 25px;
                right: 25px;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                font-size: 14px;
                color: #8cc63f;
            }

                header .navigation .main-menu > li.has-submenu > a .arrow.hover,
                header .navigation .main-menu > li.has-submenu > span .arrow.hover {
                    top: 31px;
                    -ms-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

        header .navigation .main-menu > li > span {
            cursor: pointer;
        }

        header .navigation .main-menu > li:hover > a,
        header .navigation .main-menu > li:focus > a {
            background-color: #f1f5f6;
            border-top-color: #8cc63f;
        }

        header .navigation .main-menu > li .sub-menu {
               padding: 60px 0px;
               background-color: #f1f5f6;
               list-style: none;
               margin: 0px;
               height: auto !important;
               border-bottom: 4px solid #81ba43;
               box-shadow: rgba(0, 0, 0, 0.12) 0px 25px 15px 0px, rgba(0, 0, 0, 0.24) 0px 10px 10px 0px;

        }

            header .navigation .main-menu > li .sub-menu .container {
                max-height: 400px;
                /*overflow-y: auto*/
            }

            header .navigation .main-menu > li .sub-menu ul {
                list-style: none;
                margin: 0px;
                padding: 0px;
                float: left;
                width: 80%;
                margin-top: 25px;
                /*margin-top: Infinity;*/
            }

                header .navigation .main-menu > li .sub-menu ul > li {
                    margin-bottom: 12px;
                    /*margin-bottom: Infinity;*/
                }

            header .navigation .main-menu > li .sub-menu li {
                width: 100%;
                float: left;
            }

            header .navigation .main-menu > li .sub-menu .container > li {
                width: 25%;
            }

                header .navigation .main-menu > li .sub-menu .container > li a {
                    color: #333333;
                }

                header .navigation .main-menu > li .sub-menu .container > li .title {
                    color: #007780;
                    /*font-family: "robotomedium", Helvetica, Arial, sans-serif;*/
                    cursor: default;
                    text-decoration: none;
                }

            header .navigation .main-menu > li .sub-menu .title .arrow {
                display: none;
            }

header .searchbox {
    padding: 0;
    position: absolute;
    width: 100%;
    top: 0px;
}

    header .searchbox.open:before {
        height: 2px;
        background: #fff;
        width: 100%;
        content: "";
        top: -2px;
        position: absolute;
        border-bottom: 1px solid #e6e6e6;
    }

    header .searchbox .btns-arrange {
        position: relative;
    }

    header .searchbox .searchfield,
    header .searchbox input[type=text] {
        padding: 25px 0px;
        /*padding: Infinity 0px;*/
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        float: right;
        background-color: #fff;
        height: auto;
        width: 0%;
        border: 0px;
        display: none;
        color: #007780;
    }

        header .searchbox .searchfield:hover,
        header .searchbox .searchfield:focus,
        header .searchbox input[type=text]:hover,
        header .searchbox input[type=text]:focus {
            outline: 0;
        }

    header .searchbox .searchbtn {
        display: block;
        position: absolute;
        right: 0px;
        height: 61px;
        min-width: 150px;
        text-align: right;
        cursor: pointer;
        background-color: #fff;
        color: #007780;
        border-left: 1px solid #e6e6e6;
        padding: 15px 15px 0px 0px;
        /*padding: Infinity Infinity 0px 0px;*/
    }

        header .searchbox .searchbtn .icon.search {
            margin: 5px 5px 5px 18px;
            /*margin: Infinity Infinity Infinity Infinity;*/
            float: right;
            background: none;
            height: 20px;
            width: 21px;
        }

        header .searchbox .searchbtn .icon-icon-search,
        header .searchbox .searchbtn .ms-srch-sb-searchLink {
            font-size: 20px;
            color: #8cc63f;
        }

    header .searchbox .closebtn {
        display: none;
        position: absolute;
        top: -38px;
        margin-right: 0px;
        /*margin-right: NaN;*/
        height: 12px;
        width: 12px;
        right: 30px;
        cursor: pointer;
        background: none;
    }

        header .searchbox .closebtn .close {
            opacity: 1;
            line-height: 2px;
            color: #8cc63f;
            font-size: 30px;
            font-style: normal;
        }

    header .searchbox.open {
        height: 100%;
    }

        header .searchbox.open .searchfield,
        header .searchbox.open input[type=text] {
            display: block;
            float: none;
            margin: auto;
            padding: 18px 15px;
            width: 1200px;
            height: 61px;
        }

        header .searchbox.open .searchbtn {
            display: none;
        }

        header .searchbox.open .closebtn {
            display: block;
        }

    header .searchbox .easy-autocomplete {
        position: relative;
    }

    header .searchbox .easy-autocomplete-container {
        top: 61px;
        background-color: rgba(0, 139, 153, 0.9);
    }

        header .searchbox .easy-autocomplete-container ul {
            background: none;
            max-width: 1200px;
            margin: 35px auto;
            padding: 0px 15px;
            /*padding: 0px Infinity;*/
            border: 0px;
        }

            header .searchbox .easy-autocomplete-container ul li {
                padding: 10px 0px;
                /*padding: Infinity 0px;*/
                border: 0px;
                color: #fff;
            }

                header .searchbox .easy-autocomplete-container ul li .eac-item {
                    text-decoration: underline;
                }

                    header .searchbox .easy-autocomplete-container ul li .eac-item:hover,
                    header .searchbox .easy-autocomplete-container ul li .eac-item:focus {
                        color: #8cc63f;
                    }

                header .searchbox .easy-autocomplete-container ul li.selected {
                    background: none;
                }

                header .searchbox .easy-autocomplete-container ul li b {
                    font-weight: normal;
                    /*font-family: "robotomedium", Helvetica, Arial, sans-serif*/
                }

@media (max-width: 767px) {
    .overflow-toggle header .navigation .accessibility-panel {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991px) {
    header > .accessibility-panel {
        display: none !important;
    }
}

/*@media (max-width: 1199px) {
    header > .accessibility-panel {
        display: none !important;
    }
}*/



@media (min-width: 1199px) {
    header .navigation .accessibility-panel {
        display: none !important;
    }
}

footer .scrolling-logos {
    /*padding: 30px 0px;*/
    padding: 10px 0;
    /*padding: Infinity 0px;*/
    border-top: 1px solid #e6e6e6;
    width: 100%;
    float: left;
}

    footer .scrolling-logos .container {
        text-align: center;
    }

        footer .scrolling-logos .container > a {
            width: 19%;
            display: inline-block;
        }

            footer .scrolling-logos .container > a img {
                max-width: 100%;
            }

@media (max-width: 991px) {
    footer .scrolling-logos .container > a {
        width: 24%;
        display: inline-block;
        float: none;
        min-height: 50px;
        margin: 12px auto;
        padding: 0 5px;
    }
}

@media (max-width: 767px) {
    footer .scrolling-logos .container > a {
        width: 48%;
    }
}

footer .scrolling-logos .swiper-slide {
    text-align: center;
}

    footer .scrolling-logos .swiper-slide img {
        margin: auto;
    }

@media (max-width: 767px) {
    footer .scrolling-logos .swiper-wrapper {
        transform: none;
        display: block;
    }

        footer .scrolling-logos .swiper-wrapper .swiper-slide {
            width: 50%;
            float: left;
            margin-bottom: 20px;
        }

            footer .scrolling-logos .swiper-wrapper .swiper-slide img {
                width: 140px;
            }

            footer .scrolling-logos .swiper-wrapper .swiper-slide:nth-child(1n+4) + .swiper-slide {
                display: none;
            }

    footer .scrolling-logos .loadmore {
        margin: 0px;
    }
}

footer .base-footer {
    background-color: #262626;
    color: #666;
    width: 100%;
    float: left;
    border-bottom: 1px solid #373737;
    padding-bottom: 30px;
    /*padding-bottom: Infinity;*/
    background-color: #f1f5f6;
    color: #007780;
    width: 100%;
    float: left;
    border-bottom: 1px solid #373737;
    padding-bottom: 10px;
}

    footer .base-footer .logo-holder {
        position: relative;
    }

        footer .base-footer .logo-holder .service-happy {
            position: fixed;
            bottom: 0px;
            left: 10px;
            background-color: #84be00;
            padding: 10px;
            z-index: 10;
        }

        footer .base-footer .logo-holder .grey-dha-logo {
            position: relative;
            margin-top: 15px;
            margin-bottom: 15px;
            display: inline-block;
        }

    footer .base-footer .footer-nav {
        list-style: none;
        /*margin: 40px 0px 0px;*/
        margin: 25px 0px 0px;
        /*margin: Infinity 0px 0px;*/
        padding: 0px;
        float: left;
        display: block;
        width: 100%;
    }

@media (max-width: 991px) {
    footer .base-footer .footer-nav {
        margin-top: 20px;
        /*margin-top: Infinity;*/
    }
}

@media (max-width: 767px) {
    footer .base-footer .footer-nav {
        margin-top: 10px;
        /*margin-top: NaN;*/
    }

    .smart-dubai {
        text-align: center;
    }
}

footer .base-footer .footer-nav li {
    /*float: left;
    width: 50%;*/
    display: block;
}

footer p.foot-update {
    font-size: 13px;
    font-family: Dubai;
    display: inline-block;
}

footer .base-footer .footer-nav li a {
    color: #666;
    text-decoration: none;
    padding: 12px 0px;
    /*padding: Infinity 0px;*/
    display: block;
    color: #007780;
    text-decoration: none;
    padding: 2px 0px;
    /*padding: Infinity 0px;*/
    display: block;
    font-size: 16px;
}

    footer .base-footer .footer-nav li a:hover,
    footer .base-footer .footer-nav li a:focus {
        /*color: #007780;*/
        color: #8cc63f;
    }

@media (max-width: 767px) {
    footer .base-footer .footer-nav li a {
        padding: 6px 0px;
        /*padding: Infinity 0px;*/
    }
}

footer .base-footer .block-contain {
    /* padding-left: 28px;*/
    /*padding-left: Infinity;*/
    display: block;
    float: left;
    width: 100%;
}

@media (max-width: 1199px) {
    footer .base-footer .block-contain {
        padding-left: 0px;
        /*padding-left: NaN;*/
        min-width: 250px;
    }
}

footer .base-footer .block-contain .social-block {
    /*margin-top: 52px;*/
    margin-top: 25px;
    /*margin-top: Infinity;*/
}

@media (max-width: 767px) {
    footer .base-footer .block-contain .social-block {
        margin-top: 30px;
        /*margin-top: Infinity;*/
        width: 100%;
        float: left;
    }
}

footer .base-footer .block-contain .social-block .social-media {
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    margin: 6px 0px 14px;
    /*margin: Infinity 0px Infinity;*/
}

    footer .base-footer .block-contain .social-block .social-media li {
        float: left;
        margin-right: 15px;
        /*margin-right: Infinity;*/
        text-align: center;
    }

@media (max-width: 767px) {
    footer .base-footer .block-contain .social-block .social-media li {
        margin-right: 8px;
        /*margin-right: Infinity;*/
    }
}

footer .base-footer .block-contain .social-block .social-media li i {
    background-repeat: no-repeat;
    background-position: center center;
}

footer .base-footer .block-contain .social-block .social-media li a {
    text-decoration: none;
    /*color: #6d6f71;*/
    color: #007780;
}

    footer .base-footer .block-contain .social-block .social-media li a .icon.twitter,
    footer .base-footer .block-contain .social-block .social-media li a .icon.facebook,
    footer .base-footer .block-contain .social-block .social-media li a .icon.plus {
        background: none;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
        line-height: 22px;
    }

    footer .base-footer .block-contain .social-block .social-media li a .icon.plus {
        font-size: 22px;
    }

    footer .base-footer .block-contain .social-block .social-media li a:hover,
    footer .base-footer .block-contain .social-block .social-media li a:focus {
        /*border-color: #fff;
        color: #fff;*/
        border-color: #8cc63f;
        color: #8cc63f;
    }

@media (max-width: 991px) {
    footer .base-footer .block-contain .social-block .social-media a {
        padding: 12px;
        /*padding: Infinity;*/
        margin: 5px 0px;
        /* margin: Infinity 0px;*/
        height: 42px;
        width: 42px;
        border: 1px solid #6d6f71;
        float: left;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
    }

        footer .base-footer .block-contain .social-block .social-media a i.im {
            border: none;
            font-size: 16px;
            margin: -1px 0px 0px -1px;
        }
}

@media (max-width: 991px) and (max-width: 767px) {
    footer .base-footer .block-contain .social-block .social-media a {
        padding: 8px;
        /*padding: Infinity;*/
        height: 32px;
        width: 32px;
    }
}

@media (max-width: 991px) {
    footer .base-footer .block-contain .social-block h6,
    footer .base-footer .block-contain .social-block .social-media {
        width: auto;
        float: left;
        margin: 0px;
    }

    footer .base-footer .block-contain .social-block h6 {
        margin: 15px 0px;
        /* margin: Infinity 0px;*/
        margin-right: 15px;
        /*margin-right: Infinity;*/
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    footer .base-footer .block-contain .social-block h6 {
        margin: 10px 10px 10px 0px;
        /* margin: Infinity Infinity Infinity 0px;*/
    }
}

footer .base-footer .block-contain .toll-free {
    padding: 10px 0px 10px 40px;
    /* padding: Infinity 0px Infinity Infinity;*/
    /*margin-top: 52px;*/
    margin-top: 0px;
    /*margin-top: Infinity;*/
    display: block;
    float: left;
    width: 100%;
    /* color: #666;*/
    color: #007780;
    text-decoration: none;
    position: relative;
}

    footer .base-footer .block-contain .toll-free:before {
        font-size: 34px;
        content: "\e906";
        position: absolute;
        right: 0px;
        font-family: "icomoon";
        left: 0px;
        top: 0px;
    }

    footer .base-footer .block-contain .toll-free h4 {
        /*font-family: "robotobold", Helvetica, Arial, sans-serif;*/
        margin: 0px;
    }

    footer .base-footer .block-contain .toll-free:hover {
        /*color: #fff;*/
        color: #8cc63f;
    }

footer .footer-bottom {
    background-color: #262626;
    color: #666;
    width: 100%;
    float: left;
    /*height: 100px*/
}

@media (max-width: 991px) {
    footer .footer-bottom {
        height: auto;
    }
}

@media (max-width: 1199px) {
    footer .footer-bottom p.copyright {
        /*padding-top: 36px;*/
        /*padding-top: Infinity;*/
        /*padding-bottom: 36px;*/
        padding: 20px 0px;
        /* padding-bottom: Infinity;*/
        font-size: 14px;
        color: #fff;
    }
}

@media (max-width: 991px) {
    footer .footer-bottom p.copyright {
        padding-bottom: 16px;
        /*padding-bottom: Infinity;*/
    }
}

footer .footer-bottom .horizontal-menu {
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px;
    /*padding-top: 38px;*/
    /*padding-top: Infinity;*/
    /*padding-bottom: 38px;*/
    padding: 20px 0px;
    /* padding-bottom: Infinity;*/
    margin-right: 20px;
    /*margin-right: Infinity;*/
}

@media (max-width: 991px) {
    footer .footer-bottom .horizontal-menu {
        margin-right: 20px;
        /*margin-right: Infinity;*/
        padding-top: 36px;
        /*padding-top: Infinity;*/
        padding-bottom: 36px;
        /* padding-bottom: Infinity;*/
    }
}
/*@media (max-width: 1199px) {
    footer .footer-bottom .horizontal-menu {
        margin-right: 20px;
        /*margin-right: Infinity;
        padding-top: 36px;
        /*padding-top: Infinity;
        padding-bottom: 36px;
       /* padding-bottom: Infinity;
    }
}*/

@media (max-width: 991px) {
    footer .footer-bottom .horizontal-menu {
        padding-top: 0px;
        /*padding-top: NaN;*/
        float: left;
    }
}

@media (max-width: 767px) {
    footer .footer-bottom .horizontal-menu {
        margin-right: 0px;
        /*margin-right: NaN;*/
    }
}

footer .footer-bottom .horizontal-menu li {
    float: left;
}

    footer .footer-bottom .horizontal-menu li + li {
        margin-left: 25px;
        /*margin-left: Infinity;*/
    }

@media (max-width: 1199px) {
    footer .footer-bottom .horizontal-menu li + li {
        margin-left: 20px;
        /*margin-left: Infinity;*/
    }
}

@media (max-width: 767px) {
    footer .footer-bottom .horizontal-menu li + li {
        margin-left: 12px;
        /*margin-left: Infinity;*/
    }
}

footer .footer-bottom .horizontal-menu li a {
    /*color: #666;*/
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

    footer .footer-bottom .horizontal-menu li a:hover,
    footer .footer-bottom .horizontal-menu li a:focus {
        color: #007780;
    }

footer .footer-bottom .smart-dubai {
    width: 175px;
    height: 100px;
    float: right;
}

@media (max-width: 1199px) {
    footer .footer-bottom .smart-dubai {
        width: 60px;
        height: auto;
        margin-top: 16px;
        /*margin-top: Infinity;*/
    }

        footer .footer-bottom .smart-dubai img {
            width: 100%;
        }
}

@media (max-width: 991px) {
    footer .footer-bottom .smart-dubai {
        display: none;
    }
}

footer .smart-dubai-mobile {
    display: none;
    background-color: #00aeef;
    text-align: center;
    float: left;
    width: 100%;
}

@media (max-width: 991px) {
    footer .smart-dubai-mobile {
        /*display: block;*/
    }
}

.mobile-panel {
    display: none;
    max-height: 100%;
    overflow: auto;
}

.wrapper {
    float: left;
    width: 100%;
}

    .wrapper .overlay-wrap {
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        position: absolute;
        bottom: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 999999999;
    }

        .wrapper .overlay-wrap .mobile-menu-trigger {
            float: left;
            margin-left: 0;
            padding: 22px;
            position: fixed;
            top: 0;
            background-color: rgba(1, 1, 1, 0.8);
        }

            .wrapper .overlay-wrap .mobile-menu-trigger:hover,
            .wrapper .overlay-wrap .mobile-menu-trigger:focus {
                text-decoration: none;
            }

            .wrapper .overlay-wrap .mobile-menu-trigger .close-ico {
                color: #fff;
                font-style: normal;
                text-shadow: none;
                background-position: center center;
                background-size: 100% auto;
                height: 42px;
                width: 42px;
                text-decoration: none;
            }

                .wrapper .overlay-wrap .mobile-menu-trigger .close-ico:hover,
                .wrapper .overlay-wrap .mobile-menu-trigger .close-ico:focus {
                    text-decoration: none;
                }

                .wrapper .overlay-wrap .mobile-menu-trigger .close-ico:before {
                    font-family: 'icomoon';
                    font-size: 40px;
                    line-height: 38px;
                }

@media (max-width: 767px) {
    .wrapper .overlay-wrap .mobile-menu-trigger .close-ico:before {
        font-size: 32px;
        line-height: 28px;
    }
}

.wrapper .overlay-wrap .mobile-menu-trigger .close-ico:before:hover,
.wrapper .overlay-wrap .mobile-menu-trigger .close-ico:before:focus {
    text-decoration: none;
}

@media (max-width: 767px) {
    .wrapper .overlay-wrap .mobile-menu-trigger .close-ico {
        height: 30px;
        width: 30px;
    }
}

@media (max-width: 767px) {
    .wrapper .overlay-wrap .mobile-menu-trigger {
        padding: 18px;
    }

        .wrapper .overlay-wrap .mobile-menu-trigger img {
            max-width: 30px;
        }
}

@media (min-width: 1199px) {
    .wrapper .overlay-wrap {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    html,
    body {
        overflow-x: hidden;
    }

        html.toggled,
        body.toggled {
            overflow: hidden;
        }

            html.toggled .mobile-panel,
            body.toggled .mobile-panel {
                display: block;
            }

    .wrapper {
        -webkit-transition: left .1s linear;
        -moz-transition: left .1s linear;
        -o-transition: left .1s linear;
        -ms-transition: left .1s linear;
        transition: left .1s linear;
    }

    .mobile-panel {
        background-color: #007780;
        position: fixed;
        left: 0px;
        width: 80%;
        height: 100%;
    }

        .mobile-panel .searchbox {
            padding: 30px 20px;
            /*padding: Infinity Infinity;*/
            display: block;
            position: relative;
            float: left;
            width: 100%;
            height: 130px;
        }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .searchbox {
        padding: 15px 15px;
        /*padding: Infinity Infinity;*/
        height: 80px;
    }
}

@media (max-width: 1199px) {
    .mobile-panel .searchbox .search-group {
        float: left;
        width: 100%;
    }

    .mobile-panel .searchbox .closebtn {
        display: none;
    }

    .mobile-panel .searchbox .searchfield,
    .mobile-panel .searchbox input[type="text"] {
        border: 0px;
        width: 100%;
        height: 70px;
        background: #fff;
        margin: 0;
        padding: 10px 20px;
        /*padding: Infinity Infinity;*/
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .searchbox .searchfield,
    .mobile-panel .searchbox input[type="text"] {
        padding: 10px 15px;
        /*padding: Infinity Infinity;*/
        height: 50px;
    }
}

@media (max-width: 1199px) {
    .mobile-panel .searchbox .searchbtn {
        height: 70px;
        position: absolute;
        right: 20px;
        top: 30px;
        padding: 15px;
        width: auto;
        background: none;
    }

        .mobile-panel .searchbox .searchbtn b,
        .mobile-panel .searchbox .searchbtn strong {
            display: none;
        }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .searchbox .searchbtn {
        height: 50px;
        right: 14px;
        top: 15px;
        margin-top: -1px;
    }
}

@media (max-width: 1199px) {
    .mobile-panel .searchbox .searchbtn .icon.search {
        height: 42px;
        width: 42px;
        font-size: 40px;
        color: #8cc63f;
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .searchbox .searchbtn .icon.search {
        height: 22px;
        width: 22px;
        font-size: 20px;
        background-size: 100% auto;
    }
}

@media (max-width: 1199px) {
    .mobile-panel .slinky-menu {
        float: left;
        width: 100%;
        background: none;
    }

        .mobile-panel .slinky-menu ul {
            padding: 0px;
        }

            .mobile-panel .slinky-menu ul li {
                border-bottom: 1px solid #33a2ad;
            }

        .mobile-panel .slinky-menu h2 {
            background: #fff;
            color: #007780;
            padding: 24px 15px;
        }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .slinky-menu h2 {
        padding: 15px 15px;
        /*padding: Infinity Infinity;*/
    }
}

@media (max-width: 1199px) {
    .mobile-panel .slinky-menu a.back {
        background: none;
        padding: 26px 15px;
        border-left: 5px solid #8cc63f;
        color: #007780;
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .slinky-menu a.back {
        padding: 17px 15px;
        /*padding: Infinity Infinity;*/
    }
}

@media (max-width: 1199px) {
    .mobile-panel .slinky-menu a.back:hover,
    .mobile-panel .slinky-menu a.back:focus {
        background: none;
        color: #007780;
    }

    .mobile-panel .slinky-menu h2 ~ a.back {
        right: 0px;
    }

    .mobile-panel .slinky-menu a {
        text-decoration: none;
        padding: 25px 15px;
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .slinky-menu a {
        padding: 16px 15px;
        /*padding: Infinity Infinity;*/
    }
}

@media (max-width: 1199px) {
    .mobile-panel .slinky-menu a:hover {
        background: #007780;
        color: #fff;
    }

    .mobile-panel .slinky-menu a:focus {
        background: #33a2ad;
        color: #fff;
    }

    .mobile-panel .top-left-nav {
        height: auto;
        text-align: left;
        background-color: #007580;
        float: left !important;
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 100%;
        position: relative;
        bottom: 0px;
        margin-top: 80px;
    }
}

@media (max-width: 1199px) and (max-width: 1199px) and (min-height: 560px) {
    .mobile-panel .top-left-nav {
        position: absolute;
    }
}

@media (max-width: 1199px) {
    .mobile-panel .top-left-nav li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #33a2ad;
    }

        .mobile-panel .top-left-nav li a {
            color: #fff;
            padding: 25px 15px;
            height: 75px;
            float: left;
            width: 100%;
            text-decoration: none;
        }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .top-left-nav li a {
        padding: 16px 15px;
        /*padding: Infinity Infinity;*/
        height: 50px;
    }
}

@media (max-width: 1199px) {
    .mobile-panel .top-left-nav li a:hover,
    .mobile-panel .top-left-nav li a:focus {
        background: #33a2ad;
        color: #fff;
    }

    .mobile-panel .top-left-nav li.fill {
        display: none;
    }

    .mobile-panel .top-left-nav li.home img,
    .mobile-panel .top-left-nav li.home .icon {
        display: none;
    }

    .mobile-panel .top-left-nav li.home b {
        display: block;
        color: #fff;
    }

    .wrapper {
        background: #fff;
        width: 100%;
        position: relative;
        left: 0px;
        overflow: hidden;
    }

    html,
    body {
        overflow-x: hidden;
    }

        html.toggled .wrapper,
        body.toggled .wrapper {
            left: 80%;
        }

        html.toggled header.sticky .navigation,
        body.toggled header.sticky .navigation {
            left: 80%;
        }
}

.no-js .banner-slider {
    display: block;
}

.banner-slider {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .banner-slider .bx-wrapper,
    .banner-slider .bxslider.slick-slider {
        margin: 0px;
        padding: 0px;
    }

        .banner-slider .bx-wrapper .bx-viewport,
        .banner-slider .bx-wrapper .slick-list,
        .banner-slider .bxslider.slick-slider .bx-viewport,
        .banner-slider .bxslider.slick-slider .slick-list {
            box-shadow: none;
            border: 0px;
            left: 0px;
        }

            .banner-slider .bx-wrapper .bx-viewport .bxslider,
            .banner-slider .bx-wrapper .bx-viewport .slick-track,
            .banner-slider .bx-wrapper .slick-list .bxslider,
            .banner-slider .bx-wrapper .slick-list .slick-track,
            .banner-slider .bxslider.slick-slider .bx-viewport .bxslider,
            .banner-slider .bxslider.slick-slider .bx-viewport .slick-track,
            .banner-slider .bxslider.slick-slider .slick-list .bxslider,
            .banner-slider .bxslider.slick-slider .slick-list .slick-track {
                list-style: none;
                display: block;
                margin: 0px;
                padding: 0px;
            }

                .banner-slider .bx-wrapper .bx-viewport .bxslider li,
                .banner-slider .bx-wrapper .bx-viewport .slick-track li,
                .banner-slider .bx-wrapper .slick-list .bxslider li,
                .banner-slider .bx-wrapper .slick-list .slick-track li,
                .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li,
                .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li,
                .banner-slider .bxslider.slick-slider .slick-list .bxslider li,
                .banner-slider .bxslider.slick-slider .slick-list .slick-track li {
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: cover;
                    overflow: hidden;
                    position: relative;
                }

                    .banner-slider .bx-wrapper .bx-viewport .bxslider li .overlay,
                    .banner-slider .bx-wrapper .bx-viewport .slick-track li .overlay,
                    .banner-slider .bx-wrapper .slick-list .bxslider li .overlay,
                    .banner-slider .bx-wrapper .slick-list .slick-track li .overlay,
                    .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li .overlay,
                    .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li .overlay,
                    .banner-slider .bxslider.slick-slider .slick-list .bxslider li .overlay,
                    .banner-slider .bxslider.slick-slider .slick-list .slick-track li .overlay {
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        bottom: 0px;
                        left: 0px;
                        background: rgba(0, 0, 0, 0.6);
                        z-index: 0;
                        display: none;
                    }

@media (max-width: 1199px) {
    .banner-slider .bx-wrapper .bx-viewport .bxslider li,
    .banner-slider .bx-wrapper .bx-viewport .slick-track li,
    .banner-slider .bx-wrapper .slick-list .bxslider li,
    .banner-slider .bx-wrapper .slick-list .slick-track li,
    .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li,
    .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li,
    .banner-slider .bxslider.slick-slider .slick-list .bxslider li,
    .banner-slider .bxslider.slick-slider .slick-list .slick-track li {
        height: 480px;
    }

        .banner-slider .bx-wrapper .bx-viewport .bxslider li .overlay,
        .banner-slider .bx-wrapper .bx-viewport .slick-track li .overlay,
        .banner-slider .bx-wrapper .slick-list .bxslider li .overlay,
        .banner-slider .bx-wrapper .slick-list .slick-track li .overlay,
        .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li .overlay,
        .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li .overlay,
        .banner-slider .bxslider.slick-slider .slick-list .bxslider li .overlay,
        .banner-slider .bxslider.slick-slider .slick-list .slick-track li .overlay {
            display: block;
        }

        .banner-slider .bx-wrapper .bx-viewport .bxslider li img,
        .banner-slider .bx-wrapper .bx-viewport .slick-track li img,
        .banner-slider .bx-wrapper .slick-list .bxslider li img,
        .banner-slider .bx-wrapper .slick-list .slick-track li img,
        .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li img,
        .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li img,
        .banner-slider .bxslider.slick-slider .slick-list .bxslider li img,
        .banner-slider .bxslider.slick-slider .slick-list .slick-track li img {
            width: auto;
            height: 100%;
        }
}

@media (max-width: 767px) {
    .banner-slider .bx-wrapper .bx-viewport .bxslider li,
    .banner-slider .bx-wrapper .bx-viewport .slick-track li,
    .banner-slider .bx-wrapper .slick-list .bxslider li,
    .banner-slider .bx-wrapper .slick-list .slick-track li,
    .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li,
    .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li,
    .banner-slider .bxslider.slick-slider .slick-list .bxslider li,
    .banner-slider .bxslider.slick-slider .slick-list .slick-track li {
        height: 380px;
    }
}

.banner-slider .bx-actions {
    display: block;
    background-color: #007780;
    padding: 12px 0px;
    /*padding: Infinity 0px;*/
}

    .banner-slider .bx-actions .container {
        position: relative;
    }

@media (max-width: 767px) {
    .banner-slider .bx-actions .container {
        padding: 0px;
    }
}

.banner-slider .bx-actions .slick-arrow {
    cursor: pointer;
}

    .banner-slider .bx-actions .slick-arrow.slick-disabled {
        opacity: .5;
        cursor: default;
    }

@media (max-width: 767px) {
    .banner-slider .bx-actions {
        padding: 10px 0px;
        /*padding: Infinity 0px;*/
    }
}

.banner-slider .bx-actions .bx-pagination {
    text-align: center;
    position: relative;
}

    .banner-slider .bx-actions .bx-pagination span.title {
        margin: 0px 25px;
        /* margin: 0px Infinity;*/
        text-decoration: none;
        opacity: .4;
        color: #fff;
    }

@media (max-width: 1199px) {
    .banner-slider .bx-actions .bx-pagination span.title span {
        width: 150px;
        text-align: center;
        margin: auto;
        display: inline-block;
    }
}

.banner-slider .bx-actions .bx-pagination .thumbnail-scroll span {
    outline: none;
    border: 0px;
    cursor: pointer;
    position: relative;
}

    .banner-slider .bx-actions .bx-pagination .thumbnail-scroll span:focus {
        outline: none;
    }

    .banner-slider .bx-actions .bx-pagination .thumbnail-scroll span:before {
        width: 20px;
        height: 10px;
        content: "";
        top: -22px;
        position: absolute;
        margin-left: -10px;
        z-index: 1;
        left: 50%;
        display: block;
    }

@media (max-width: 767px) {
    .banner-slider .bx-actions .bx-pagination .thumbnail-scroll span:before {
        top: -20px;
    }
}

.banner-slider .bx-actions .bx-pagination .thumbnail-scroll span.slick-slide.slick-current {
    opacity: 1;
    color: #fff;
}

.banner-slider .bx-actions .bx-pagination .thumbnail-scroll span.slick-current:before {
    opacity: 1;
    background-image: url(../img/polygon.png);
}

.banner-slider .bx-actions .bx-pagination .thumbnail-scroll {
    margin: auto;
}

    .banner-slider .bx-actions .bx-pagination .thumbnail-scroll .slick-track {
        margin: auto;
    }

@media (max-width: 991px) {
    .banner-slider .bx-actions .bx-pagination .thumbnail-scroll {
        width: 100%;
    }

        .banner-slider .bx-actions .bx-pagination .thumbnail-scroll span {
            margin: 0px 10px;
            /*margin: 0px Infinity;*/
        }
}

.banner-slider .bx-actions .bx-controls {
    margin: 4px 0px;
    /*margin: Infinity 0px;*/
    position: absolute;
    top: 0px;
    font-size: 32px;
    color: #fff;
}

@media (max-width: 991px) {
    .banner-slider .bx-actions .bx-controls {
        display: none !important;
    }
}

.banner-slider .bx-actions .bx-controls.prev {
    left: 0px;
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.banner-slider .bx-actions .bx-controls.next {
    right: 0px;
}

.banner-slider .bx-actions .bx-controls .bx-prev,
.banner-slider .bx-actions .bx-controls .bx-next {
    margin: 0px;
    display: block;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 0px;
    text-indent: -100px;
    overflow: hidden;
}

    .banner-slider .bx-actions .bx-controls .bx-prev.disabled,
    .banner-slider .bx-actions .bx-controls .bx-next.disabled {
        opacity: .5;
    }

.banner-slider .shadow {
    content: "";
    background-image: url(../img/bg.png);
    height: 30px;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0px;
}

.slick-list {
    overflow: initial !important;
}

.bxslider {
    list-style: none;
    margin: 0;
    padding: 0;
}

.banner-slider ul li {
    position: relative;
}

    .banner-slider ul li img {
        margin: auto;
        height: auto;
        width: 100%;
        float: left;
    }

    .banner-slider ul li .container {
        position: relative;
    }

        .banner-slider ul li .container .caption {
            position: absolute;
            top: 15%;
            /* transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);*/
            max-width: 440px;
            z-index: 1;
            left: 20px;
        }

@media (max-width: 767px) {
    .banner-slider ul li .container .caption {
        padding-left: 20px;
        padding-right: 20px;
        left: 0px;
    }
}

.banner-slider ul li .container .caption h1 {
    color: #007780;
    margin-bottom: 20px;
    /*margin-bottom: Infinity;*/
    line-height: 60px;
    font-size: 42px;
    /*font-size: Infinity;*/
}

.banner-slider ul li .container .caption p {
    color: #6d6f71;
    line-height: 30px;
    margin-bottom: 30px;
    /*margin-bottom: Infinity;*/
}

@media (max-width: 767px) {
    .banner-slider ul li .container .caption p {
        line-height: 22px !important;
    }
}

@media (max-width: 1199px) {
    .banner-slider ul li .container .caption h1,
    .banner-slider ul li .container .caption p {
        color: #fff;
    }
}

body,
.top a,
.banner-slider .bx-actions .bx-pagination a,
.news .news-block .news-desc p,
.better-health .issue-item .title .issue-count .head,
.banner-slider .bx-actions .bx-pagination span.title {
    font-size: 16px;
    /*font-size: Infinity;*/
}

h1 {
    font-size: 60px;
    /*font-size: Infinity;*/
}

h2 {
    font-size: 36px;
    /*font-size: Infinity;*/
}

h3 {
    font-size: 24px;
    /*font-size: Infinity;*/
}

h4,
.navigation .main-menu,
header .navigation .searchbox,
.mm-menu .mm-navbar-bottom a,
.mm-menu .mm-navbar-bottom li.home b,
.social-feeds .twitter h3 a,
header .navigation .main-menu > li > a,
.mm-menu .mm-navbar-top-1 .searchfield,
.mm-listview,
.mm-listview > li > a,
.mm-listview > li > span,
.mm-navbar.mm-hasbtns .mm-title,
.mobile-panel .slinky-menu h2 {
    font-size: 22px;
    /*font-size: Infinity;*/
}

h5,
.mobile-panel,
.slinky-menu a,
.mobile-panel .top-left-nav a {
    font-size: 20px;
    /*font-size: Infinity;*/
}

.btn,
header .navigation .main-menu > li .sub-menu,
.btn-default,
.listing-count h6 span,
header .navigation .main-menu > li .sub-menu .container > li .title {
    font-size: 18px;
    /*font-size: Infinity;*/
}

    a,
    p,
    label,
    header .navigation .main-menu > li .sub-menu a,
    .btn-arrow,
    .health-updates .btn,
    .services .list-services li a h5,
    h6,
    .selectize-dropdown,
    .selectize-input,
    .selectize-input input,
    .smart-apps .apps-box .apps-desc p,
    .easy-autocomplete-container ul {
        font-size: 16px;
        /*font-size: Infinity;*/
    }

.x-small-fontbody,
.x-small-font .top a,
.x-small-font .banner-slider .bx-actions .bx-pagination a,
.x-small-font .news .news-block .news-desc p,
.x-small-font .better-health .issue-item .title .issue-count .head,
.x-small-font .banner-slider .bx-actions .bx-pagination span.title {
    font-size: 10px !important;
    /*font-size: Infinity;*/
}

.x-small-font h1 {
    font-size: 56px !important;
    /*font-size: Infinity;*/
}

.x-small-font h2 {
    font-size: 44px !important;
    /*font-size: Infinity;*/
}

.x-small-font h3 {
    font-size: 28px !important;
    /*font-size: Infinity;*/
}

.x-small-font h4,
.x-small-font .navigation .main-menu,
.x-small-font header .navigation .searchbox,
.x-small-font .mm-menu .mm-navbar-bottom a,
.x-small-font .mm-menu .mm-navbar-bottom li.home b,
.x-small-font .social-feeds .twitter h3 a,
.x-small-font header .navigation .main-menu > li > a,
.x-small-font .mm-menu .mm-navbar-top-1 .searchfield,
.x-small-font .mm-listview,
.x-small-font .mm-listview > li > a,
.x-small-font .mm-listview > li > span,
.x-small-font .mm-navbar.mm-hasbtns .mm-title,
.x-small-font .mobile-panel .slinky-menu h2 {
    font-size: 18px !important;
    /*font-size: Infinity;*/
}

.x-small-font h5,
.x-small-font .mobile-panel,
.x-small-font .slinky-menu a,
.x-small-font .mobile-panel .top-left-nav a {
    font-size: 16px !important;
    /*font-size: Infinity;*/
}

.x-small-font .btn,
.x-small-font header .navigation .main-menu > li .sub-menu,
.x-small-font .btn-default,
.x-small-font header .navigation .main-menu > li .sub-menu .container > li .title {
    font-size: 14px !important;
    /*font-size: Infinity;*/
}

    .x-small-font a,
    .x-small-font p,
    .x-small-font label,
    .x-small-font header .navigation .main-menu > li .sub-menu a,
    .x-small-font .btn-arrow,
    .x-small-font .health-updates .btn,
    .x-small-font .services .list-services li a h5,
    .x-small-font h6,
    .x-small-font .selectize-dropdown,
    .x-small-font .selectize-input,
    .x-small-font .selectize-input input,
    .x-small-font .smart-apps .apps-box .apps-desc p,
    .x-small-font .easy-autocomplete-container ul {
        font-size: 12px !important;
        /*font-size: Infinity;*/
    }

.x-small-font header .searchbox .searchbtn {
    height: 73px;
}

.x-small-font header .searchbox .easy-autocomplete-container {
    top: 73px;
}

.small-fontbody,
.small-font .top a,
.small-font .banner-slider .bx-actions .bx-pagination a,
.small-font .news .news-block .news-desc p,
.small-font .better-health .issue-item .title .issue-count .head,
.small-font .banner-slider .bx-actions .bx-pagination span.title {
    font-size: 12px !important;
    /*font-size: Infinity;*/
}

.small-font h1 {
    font-size: 58px !important;
    /*font-size: Infinity;*/
}

.small-font h2 {
    font-size: 46px !important;
    /*font-size: Infinity;*/
}

.small-font h3 {
    font-size: 30px !important;
    /*font-size: Infinity;*/
}

.small-font h4,
.small-font .navigation .main-menu,
.small-font header .navigation .searchbox,
.small-font .mm-menu .mm-navbar-bottom a,
.small-font .mm-menu .mm-navbar-bottom li.home b,
.small-font .social-feeds .twitter h3 a,
.small-font header .navigation .main-menu > li > a,
.small-font .mm-menu .mm-navbar-top-1 .searchfield,
.small-font .mm-listview,
.small-font .mm-listview > li > a,
.small-font .mm-listview > li > span,
.small-font .mm-navbar.mm-hasbtns .mm-title,
.small-font .mobile-panel .slinky-menu h2 {
    font-size: 20px !important;
    /*font-size: Infinity;*/
}

.small-font h5,
.small-font .mobile-panel,
.small-font .slinky-menu a,
.small-font .mobile-panel .top-left-nav a {
    font-size: 18px !important;
    /*font-size: Infinity;*/
}

.small-font .btn,
.small-font header .navigation .main-menu > li .sub-menu,
.small-font .btn-default,
.small-font header .navigation .main-menu > li .sub-menu .container > li .title {
    font-size: 16px !important;
    /*font-size: Infinity;*/
}

    .small-font a,
    .small-font p,
    .small-font label,
    .small-font header .navigation .main-menu > li .sub-menu a,
    .small-font .btn-arrow,
    .small-font .health-updates .btn,
    .small-font .services .list-services li a h5,
    .small-font h6,
    .small-font .selectize-dropdown,
    .small-font .selectize-input,
    .small-font .selectize-input input,
    .small-font .smart-apps .apps-box .apps-desc p,
    .small-font .easy-autocomplete-container ul {
        font-size: 14px !important;
        /*font-size: Infinity;*/
    }

.small-font header .searchbox .searchbtn {
    height: 76px;
}

.small-font header .searchbox .easy-autocomplete-container {
    top: 76px;
}

.large-fontbody,
.large-font .top a,
.large-font .banner-slider .bx-actions .bx-pagination a,
.large-font .news .news-block .news-desc p,
.large-font .better-health .issue-item .title .issue-count .head,
.large-font .banner-slider .bx-actions .bx-pagination span.title {
    font-size: 16px !important;
    /*font-size: Infinity;*/
}

.large-font h1 {
    font-size: 62px !important;
    /*font-size: Infinity;*/
}

.large-font h2 {
    font-size: 50px !important;
    /*font-size: Infinity;*/
}

.large-font h3 {
    font-size: 34px !important;
    /*font-size: Infinity;*/
}

.large-font h4,
.large-font .navigation .main-menu,
.large-font header .navigation .searchbox,
.large-font .mm-menu .mm-navbar-bottom a,
.large-font .mm-menu .mm-navbar-bottom li.home b,
.large-font .social-feeds .twitter h3 a,
.large-font header .navigation .main-menu > li > a,
.large-font .mm-menu .mm-navbar-top-1 .searchfield,
.large-font .mm-listview,
.large-font .mm-listview > li > a,
.large-font .mm-listview > li > span,
.large-font .mm-navbar.mm-hasbtns .mm-title,
.large-font .mobile-panel .slinky-menu h2 {
    font-size: 24px !important;
    /*font-size: Infinity;*/
}

.large-font .mobile-panel .slinky-menu h2 {
    padding: 24px 15px;
}

.large-font h5,
.large-font .mobile-panel,
.large-font .slinky-menu a,
.large-font .mobile-panel .top-left-nav a {
    font-size: 22px !important;
    /*font-size: Infinity;*/
}

.large-font .btn,
.large-font header .navigation .main-menu > li .sub-menu,
.large-font .btn-default,
.large-font .listing-count h6 span,
.large-font header .navigation .main-menu > li .sub-menu .container > li .title {
    font-size: 20px !important;
    /*font-size: Infinity;*/
}

    .large-font a,
    .large-font p,
    .large-font label,
    .large-font header .navigation .main-menu > li .sub-menu a,
    .large-font .btn-arrow,
    .large-font .health-updates .btn,
    .large-font .services .list-services li a h5,
    .large-font h6,
    .large-font .selectize-dropdown,
    .large-font .selectize-input,
    .large-font .selectize-input input,
    .large-font .smart-apps .apps-box .apps-desc p,
    .large-font .easy-autocomplete-container ul {
        font-size: 18px !important;
        /*font-size: Infinity;*/
    }

.large-font .banner-slider .bx-actions .bx-pagination a {
    max-width: 160px;
}

.large-font header .searchbox .searchbtn {
    height: 82px;
}

.large-font .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input {
    min-width: 90px;
}

.x-large-fontbody,
.x-large-font .top a,
.x-large-font .banner-slider .bx-actions .bx-pagination a,
.x-large-font .news .news-block .news-desc p,
.x-large-font .better-health .issue-item .title .issue-count .head,
.x-large-font .banner-slider .bx-actions .bx-pagination span.title {
    font-size: 18px !important;
    /*font-size: Infinity;*/
}

.x-large-font h1 {
    font-size: 64px !important;
    /*font-size: Infinity;*/
}

.x-large-font h2 {
    font-size: 52px !important;
    /*font-size: Infinity;*/
}

.x-large-font h3 {
    font-size: 36px !important;
    /*font-size: Infinity;*/
}

.x-large-font h4,
.x-large-font .navigation .main-menu,
.x-large-font header .navigation .searchbox,
.x-large-font .mm-menu .mm-navbar-bottom a,
.x-large-font .mm-menu .mm-navbar-bottom li.home b,
.x-large-font .social-feeds .twitter h3 a,
.x-large-font header .navigation .main-menu > li > a,
.x-large-font .mm-menu .mm-navbar-top-1 .searchfield,
.x-large-font .mm-listview,
.x-large-font .mm-listview > li > a,
.x-large-font .mm-listview > li > span,
.x-large-font .mm-navbar.mm-hasbtns .mm-title,
.x-large-font .mobile-panel .slinky-menu h2 {
    font-size: 26px !important;
    /*font-size: Infinity;*/
}

.x-large-font .mobile-panel .slinky-menu h2 {
    padding: 24px 15px;
}

.x-large-font h5,
.x-large-font .mobile-panel,
.x-large-font .slinky-menu a,
.x-large-font .mobile-panel .top-left-nav a {
    font-size: 24px !important;
    /*font-size: Infinity;*/
}

.x-large-font .btn,
.x-large-font header .navigation .main-menu > li .sub-menu,
.x-large-font .btn-default,
.x-large-font .listing-count h6 span,
.x-large-font header .navigation .main-menu > li .sub-menu .container > li .title {
    font-size: 22px !important;
    /*font-size: Infinity;*/
}

    .x-large-font a,
    .x-large-font p,
    .x-large-font label,
    .x-large-font header .navigation .main-menu > li .sub-menu a,
    .x-large-font .btn-arrow,
    .x-large-font .health-updates .btn,
    .x-large-font .services .list-services li a h5,
    .x-large-font h6,
    .x-large-font .selectize-dropdown,
    .x-large-font .selectize-input,
    .x-large-font .selectize-input input,
    .x-large-font .smart-apps .apps-box .apps-desc p,
    .x-large-font .easy-autocomplete-container ul {
        font-size: 20px !important;
        /*font-size: Infinity;*/
    }

.x-large-font .banner-slider .bx-actions .bx-pagination a {
    max-width: 160px;
}

.x-large-font header .searchbox .searchbtn {
    height: 84px;
}

.x-large-font .find-doctor .nav-container .tab-pane .right-side .search-panel .custom-select .selectize-input {
    min-width: 90px;
}

@media (max-width: 991px) {
    .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a,
    .news .news-block .news-desc h5,
    .smart-apps .apps-box .apps-desc h5 {
        font-size: 26px;
        /*font-size: Infinity;*/
    }

    .small-font .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a,
    .small-font .news .news-block .news-desc h5,
    .small-font .smart-apps .apps-box .apps-desc h5 {
        font-size: 24px !important;
        /*font-size: Infinity;*/
    }

    .large-font .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a,
    .large-font .news .news-block .news-desc h5,
    .large-font .smart-apps .apps-box .apps-desc h5 {
        font-size: 28px !important;
        /*font-size: Infinity;*/
    }
}

@media (max-width: 767px) {
    h1,
    .banner-slider .bx-wrapper .bx-viewport .bxslider .caption h1 {
        font-size: 34px;
        /*font-size: Infinity;*/
        line-height: 40px !important;
    }

    h2 {
        font-size: 30px;
        /*font-size: Infinity;*/
    }

    h3 {
        font-size: 22px;
        /*font-size: Infinity;*/
    }

    .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a,
    .news .news-block .news-desc h5,
    .smart-apps .apps-box .apps-desc h5,
    .mobile-panel .slinky-menu h2 {
        font-size: 18px;
        /*font-size: Infinity;*/
    }

    h5,
    .mobile-panel,
    .slinky-menu a,
    .mobile-panel .top-left-nav a {
        font-size: 16px;
        /*font-size: Infinity;*/
    }

    a,
    p,
    label,
    header .navigation .main-menu > li .sub-menu a,
    .btn-arrow,
    .health-updates .btn,
    .services .list-services li a h5,
    h6,
    .smart-apps .apps-box .apps-desc p,
    .btn-default,
    .nav-tabs li a h4,
    .btn,
    header .navigation .main-menu > li .sub-menu,
    .btn-default {
        font-size: 14px;
        /*font-size: Infinity;*/
    }

    .banner-slider .bx-wrapper .bx-viewport .bxslider .caption p {
        line-height: 26px;
    }

    .small-font h1,
    .small-font .banner-slider .bx-wrapper .bx-viewport .bxslider .caption h1 {
        font-size: 32px !important;
        /*font-size: Infinity;*/
        line-height: 36px;
    }

    .small-font h2 {
        font-size: 28px !important;
        /*font-size: Infinity;*/
    }

    .small-font h3 {
        font-size: 20px !important;
        /*font-size: Infinity;*/
    }

    .small-font .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a,
    .small-font .news .news-block .news-desc h5,
    .small-font .smart-apps .apps-box .apps-desc h5 {
        font-size: 16px !important;
        /*font-size: Infinity;*/
    }

    .small-font h5,
    .small-font .mobile-panel,
    .small-font .slinky-menu a,
    .small-font .mobile-panel .top-left-nav a {
        font-size: 14px !important;
        /*font-size: Infinity;*/
    }

    .small-font a,
    .small-font p,
    .small-font label,
    .small-font header .navigation .main-menu > li .sub-menu a,
    .small-font .btn-arrow,
    .small-font .health-updates .btn,
    .small-font .services .list-services li a h5,
    .small-font h6,
    .small-font .smart-apps .apps-box .apps-desc p,
    .small-font .btn-default,
    .small-font .nav-tabs li a h4,
    .small-font .btn,
    .small-font header .navigation .main-menu > li .sub-menu,
    .small-font .btn-default {
        font-size: 12px !important;
        /*font-size: Infinity;*/
    }

    .small-font .banner-slider .bx-wrapper .bx-viewport .bxslider .caption p {
        line-height: 24px;
    }

    .small-font .mobile-panel .slinky-menu h2 {
        padding: 14px 15px;
        font-size: 18px !important;
    }

    .large-font h1,
    .large-font .banner-slider .bx-wrapper .bx-viewport .bxslider .caption h1 {
        font-size: 36px !important;
        /*font-size: Infinity;*/
        line-height: 42px;
    }

    .large-font h2 {
        font-size: 32px !important;
        /*font-size: Infinity;*/
    }

    .large-font h3 {
        font-size: 24px !important;
        /*font-size: Infinity;*/
    }

    .large-font .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a,
    .large-font .news .news-block .news-desc h5,
    .large-font .smart-apps .apps-box .apps-desc h5,
    .large-font .mobile-panel .slinky-menu h2 {
        font-size: 20px !important;
        /*font-size: Infinity;*/
    }

    .large-font h5,
    .large-font .mobile-panel,
    .large-font .slinky-menu a,
    .large-font .mobile-panel .top-left-nav a {
        font-size: 18px !important;
        /*font-size: Infinity;*/
    }

    .large-font a,
    .large-font p,
    .large-font label,
    .large-font header .navigation .main-menu > li .sub-menu a,
    .large-font .btn-arrow,
    .large-font .health-updates .btn,
    .large-font .services .list-services li a h5,
    .large-font h6,
    .large-font .smart-apps .apps-box .apps-desc p,
    .large-font .btn-default,
    .large-font .nav-tabs li a h4,
    .large-font .btn,
    .large-font header .navigation .main-menu > li .sub-menu,
    .large-font .btn-default {
        font-size: 16px !important;
        /*font-size: Infinity;*/
    }

    .large-font .banner-slider .bx-wrapper .bx-viewport .bxslider .caption p {
        line-height: 28px;
    }

    .large-font .mobile-panel .slinky-menu h2 {
        padding: 15px 15px;
        font-size: 20px !important;
    }
}

.color-blind {
    background: #000;
}

    .color-green img,.color-blind img, .color-blind .div-img, .color-blind .timeline-Viewport, .color-blind body.plugin, .color-blind .html5-video-player, .color-blind .feeds-scroll {
        -webkit-filter: invert(100%);
        -moz-filter: invert(100%);
        filter: invert(100%);
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(../img/desaturate.svg#grayscale);
        filter: gray;
        -webkit-filter: grayscale(1);
    }

    .color-blind header .branding-section .brand img {
        -webkit-filter: brightness(0) invert(1) !important;
        -moz-filter: brightness(0) invert(1) !important;
        filter: brightness(0) invert(1) !important;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(../img/desaturate.svg#grayscale);
        filter: gray;
        -webkit-filter: grayscale(1);
    }

    .color-blind footer .base-footer img,
    .color-blind footer .footer-bottom img,
    .color-blind .smart-apps img,
    .color-blind footer .smart-dubai-mobile img,
    .color-blind .banner-slider .bxslider.slick-slider .slick-list .slick-track li img {
        -webkit-filter: grayscale(1);
        filter: gray;
        filter: grayscale(1);
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(../img/desaturate.svg#grayscale);
        filter: gray;
        -webkit-filter: grayscale(1);
    }

    .color-blind section {
        border-top: 1px solid #fff;
    }

    .color-blind .backstretch img,
    .color-blind .banner-slider,
    .color-blind .issue-item img,
    .color-blind .image-canvas img,
    .color-blind .services .list-services img,
    .color-blind .social-feeds .feed-block .wall-image img,
    .color-blind .social-feeds .facebook .footer,
    .color-blind .social-feeds .tumblr .footer,
    .color-blind .loadmore,
    .color-blind .smart-apps .apps-box .store-btns,
    .color-blind .smart-apps .apps-box .icon-canvas,
    .color-blind .services .blocks-list .box .icon-canvas,
    .color-blind .social-feeds .instagram .footer,
    .color-blind .social-feeds .feed-block .footer,
    .color-blind .services .list-services li a .icon,
    .color-blind .inner-content,
    .color-blind .breadcrumb,
    .color-blind .sidebar.col-md-3.col-lg-3.col-sm-12.col-xs-12,
    .color-blind .sidebar {
        -webkit-filter: grayscale(1);
        filter: gray;
        filter: grayscale(1);
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(../img/desaturate.svg#grayscale);
        filter: gray;
        -webkit-filter: grayscale(1);
    }

        .color-blind header .navigation .main-menu > li > a,
        .color-blind header .navigation .main-menu > li > a,
        .color-blind header .searchbox .searchbtn,
        .color-blind section h2,
        .color-blind a,
        .color-blind .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a,
        .color-blind .find-doctor .nav-container .tab-pane .left-side h3,
        .color-blind .nav-tabs li a,
        .color-blind .health-updates .scrolling-text p a:hover,
        .color-blind .health-updates .scrolling-text p a:focus footer .base-footer .footer-nav li a:hover,
        .color-blind footer .base-footer .footer-nav li a:focus,
        .color-blind header .searchbox .searchfield,
        .color-blind header .searchbox .easy-autocomplete-container ul li .eac-item:hover,
        .color-blind header .searchbox .easy-autocomplete-container ul li .eac-item:focus,
        .color-blind footer .base-footer .footer-nav li a:hover,
        .color-blind footer .base-footer .footer-nav li a:focus,
        .color-blind footer .footer-bottom .horizontal-menu li a:hover,
        .color-blind footer .footer-bottom .horizontal-menu li a:focus,
        .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .listing-count h6 span,
        .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li h4,
        .color-blind .better-health .issue-item .title .issue-count .count,
        .color-blind header .navigation .mobile-nav .top-right-nav li a .icon,
        .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .listing-count h6,
        .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p a,
        .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li p,
        .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li.active h4,
        .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li a.btn,
        .color-blind .better-health h4,
        .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .advanced-search a,
        .color-blind .breadcrumb a,
        .color-blind .inner-content h2,
        .color-blind .inner-content p,
        .color-blind .inner-content ul,
        .color-blind .breadcrumb .home:before,
        .color-blind .inner-content li a,
        .color-blind .inner-content li {
            color: #fff;
        }

    .color-blind header .accessibility-panel .text-size .btn-lg {
        border-color: #fff;
    }

        .color-blind header .accessibility-panel .text-size .btn-lg img {
            -webkit-filter: brightness(0) invert(1);
            -moz-filter-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }

    .color-blind header .top,
    .color-blind header .navigation .main-menu > li > a,
    .color-blind header .navigation .main-menu > li > a,
    .color-blind header .navigation,
    .color-blind .nav-tabs li + li {
        border-color: #fff;
    }

    .color-blind header,
    .color-blind header .top,
    .color-blind header.sticky,
    .color-blind header .accessibility-panel,
    .color-blind .banner-slider .bx-actions,
    .color-blind header .searchbox .searchbtn,
    .color-blind header .searchbox .searchfield,
    .color-blind .fill-Xlight.padding,
    .color-blind .fill.padding,
    .color-blind footer .smart-dubai-mobile,
    .color-blind header .navigation {
        background-color: #000;
    }

        .color-blind header .navigation .main-menu > li .sub-menu,
        .color-blind header .navigation .main-menu > li:hover span,
        .color-blind header .navigation .main-menu > li:focus span,
        .color-blind .nav-tabs-justified > .active > a,
        .color-blind .nav-tabs.nav-justified > .active > a,
        .color-blind .nav-tabs-justified > .active > a:hover,
        .color-blind .nav-tabs.nav-justified > .active > a:hover,
        .color-blind .nav-tabs-justified > .active > a:focus,
        .color-blind .nav-tabs.nav-justified > .active > a:focus,
        .color-blind .leaflet-marker-pane,
        .color-blind .swiper-scrollbar-drag,
        .color-blind .nano > .nano-pane > .nano-slider {
            background-color: #fff;
        }

            .color-blind header .navigation .main-menu > li:hover a,
            .color-blind header .navigation .main-menu > li:focus a,
            .color-blind .well h3,
            .color-blind .services .blocks-list .box h3,
            .color-blind .btn-arrow,
            .color-blind .services .list-services li a h5,
            .color-blind .services .blocks-list .box .list-items li a,
            .color-blind .news .news-block .news-desc h5,
            .color-blind .news .news-block .news-desc .category,
            .color-blind .better-health .issue-item .title h6,
            .color-blind header .navigation .main-menu > li .sub-menu .container > li .title,
            .color-blind .nav-tabs li.active a,
            .color-blind .nav-tabs li.active a:hover,
            .color-blind .nav-tabs li.active a:focus,
            .color-blind .nav-tabs li.active:focus a,
            .color-blind .nav-tabs li.active:focus a:hover,
            .color-blind .nav-tabs li.active:focus a:focus,
            .color-blind .nav-tabs li.active:hover a,
            .color-blind .nav-tabs li.active:hover a:hover,
            .color-blind .nav-tabs li.active:hover a:focus,
            .color-blind .smart-apps .apps-box .apps-desc h5,
            .color-blind .social-feeds .feed-block .desc h4,
            .color-blind h3,
            .color-blind .social-feeds .twitter h3 a,
            .color-blind .mobile-panel .slinky-menu a.back,
            .color-blind .mobile-panel .slinky-menu a.back:focus,
            .color-blind .mobile-panel .slinky-menu a.back:hover,
            .color-blind .mobile-panel .slinky-menu h2,
            .color-blind .mobile-panel .slinky-menu h2:hover,
            .color-blind .mobile-panel .slinky-menu h2:focus,
            .color-blind .better-health .issue-item .title::before,
            .color-blind .leaflet-right .leaflet-control a,
            .color-blind .social-feeds .feed-block .desc a,
            .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .listing-count h6 span,
            .color-blind .ae .main-inner .read, .ae .main-inner .readmore {
                color: #000;
            }

        .color-blind .home img,
        .color-blind .language-swticher img,
        .color-blind header .searchbox .closebtn .icon,
        .color-blind .health-updates .title,
        .color-blind .swiper-next,
        .color-blind .swiper-prev,
        .color-blind header .navigation .mobile-nav .top-right-nav .language-swticher a,
        .color-blind .nav-container .tab-pane.detail-map .right-side .map-wrap .leaflet-marker-icon,
        .color-blind header .navigation .mobile-nav .mobile-menu-trigger {
            -webkit-filter: brightness(0) invert(1);
            -moz-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }


            .color-blind header .searchbox .searchbtn .icon.search.hover,
            .color-blind header .searchbox .closebtn .icon.hover {
                -webkit-filter: brightness(0) invert(0);
                -moz-filter-filter: brightness(0) invert(0);
                filter: brightness(0) invert(0);
            }


    .color-blind .btn-lg .caret,
    .color-blind .btn-group-lg > .btn .caret,
    .color-blind .selectize-control.single .selectize-input::after {
        -webkit-filter: brightness(0) invert(0);
        -moz-filter-filter: brightness(0) invert(0);
        filter: brightness(0) invert(0);
    }

    .color-blind .mobile-panel .slinky-menu a.back,
    .color-blind .mobile-panel .slinky-menu a.back:hover,
    .color-blind .mobile-panel .slinky-menu a.back:focus {
        background: none;
    }

    .color-blind .btn-inline {
        border: 1px solid #fff;
    }

        .color-blind .btn-inline:hover,
        .color-blind .btn-inline:focus {
            background: #fff;
            color: #000;
        }

    .color-blind .nav-tabs li a:hover,
    .color-blind .nav-tabs li a:focus {
        background: #262626;
    }

    .color-blind .better-health .issue-item .title .issue-count,
    .color-blind .btn-boxed,
    .color-blind .nav-tabs,
    .color-blind header .searchbox .easy-autocomplete-container,
    .color-blind .leaflet-popup-content-wrapper,
    .color-blind .leaflet-popup-tip {
        background-color: #262626;
    }

    .color-blind .form-control:focus {
        border-color: #262626;
    }

    .color-blind header .navigation .accessibility-panel {
        border-top: 1px solid #fff;
    }

    .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li.active {
        border-color: #fff;
    }

    .color-blind .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li a.btn {
        color: #fff;
        filter: none !important;
    }

    .color-blind .find-doctor .input-group-btn .btn {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(../img/desaturate.svg#grayscale);
        filter: gray;
        -webkit-filter: grayscale(1);
    }

    .color-blind header .navigation .mobile-nav .top-right-nav li.active a {
        background: #fff;
    }

        .color-blind header .navigation .mobile-nav .top-right-nav li.active a .icon {
            color: #000;
        }

    .color-blind footer .scrolling-logos {
        background: #fff;
    }

        .color-blind footer .scrolling-logos img {
            -webkit-filter: grayscale(1);
            filter: gray;
            filter: grayscale(1);
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: url(../img/desaturate.svg#grayscale);
            filter: gray;
            -webkit-filter: grayscale(1);
        }

    .color-blind .health-updates .btn-arrow {
        color: #fff !important;
        -webkit-filter: brightness(0) invert(1);
        -moz-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

    .color-blind .social-feeds .feed-block .desc a {
        color: #000 !important;
    }

    .color-blind footer .base-footer .logo-holder .service-happy {
        -webkit-filter: grayscale(1);
        filter: gray;
        filter: grayscale(1);
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(../img/desaturate.svg#grayscale);
        filter: gray;
        -webkit-filter: grayscale(1);
    }

@media (max-width: 1199px) {
    .color-blind .mobile-panel {
        background-color: #262626;
    }

        .color-blind .mobile-panel .searchbox .search-group .searchbtn .icon.search {
            -webkit-filter: brightness(0) invert(0);
            -moz-filter-filter: brightness(0) invert(0);
            filter: brightness(0) invert(0);
        }

        .color-blind .mobile-panel .slinky-menu a:hover,
        .color-blind .mobile-panel .slinky-menu a:focus,
        .color-blind .mobile-panel .top-left-nav,
        .color-blind .btn-inline,
        .color-blind .health-updates,
        .color-blind .find-doctor {
            background-color: #000;
        }

            .color-blind .mobile-panel .top-left-nav li a:hover,
            .color-blind .mobile-panel .top-left-nav li a:focus {
                background-color: #262626;
            }

            .color-blind .mobile-panel .slinky-menu a.back,
            .color-blind .mobile-panel .slinky-menu ul li,
            .color-blind .mobile-panel .top-left-nav li {
                border-color: #000;
            }
}

.color-green .banner-slider .bxslider.slick-slider .slick-list .slick-track .container .caption .btn {
    background-color: #3b5998 !important;
    color: #fff !important;
}

.color-green .health-updates p,
.color-green .padding h2,
.color-green .nav-tabs li a,
.color-green .btn-inline,
.color-green .fill .btn-inline:hover,
.color-green .fill-Xlight .btn-inline:hover,
.color-green .fill .btn-inline:focus,
.color-green .fill-Xlight .btn-inline:focus,
.color-green footer .base-footer .footer-nav li a:hover,
.color-green footer .base-footer .footer-nav li a:focus,
.color-green footer .footer-bottom .horizontal-menu li a:hover,
.color-green footer .footer-bottom .horizontal-menu li a:focus,
.color-green .banner-slider .bx-wrapper .bx-viewport .bxslider .caption .btn-default,
.color-green .banner-slider .bxslider.slick-slider .slick-list .slick-track .container .caption .btn-default {
    color: #fff;
}

.color-green .better-health > .container > a:hover {
    text-decoration: underline;
    color: #fff;
}

.color-green .smart-apps .apps-box .store-btns,
.color-green .btn-arrow,
.color-green .smart-apps .apps-box .icon-canvas,
.color-green .services .list-services img,
.color-green .services .blocks-list img,
.color-green .accessibility-panel img,
.color-green .input-group-btn .dropdown-toggle .caret {
    /*    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);*/
}

.color-green .services .blocks-list .box .list-items li a,
.color-green .services .list-services li a h5,
.color-green .nav-tabs li.active a,
.color-green .nav-tabs li.active a:hover,
.color-green .nav-tabs li.active a:focus,
.color-green .nav-tabs li.active:focus a,
.color-green .nav-tabs li.active:focus a:hover,
.color-green .nav-tabs li.active:focus a:focus,
.color-green .nav-tabs li.active:hover a,
.color-green .nav-tabs li.active:hover a:hover,
.color-green .nav-tabs li.active:hover a:focus,
.color-green .news .news-block .news-desc .category,
.color-green .fill .btn-inline,
.color-green .fill-Xlight .btn-inline,
.color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li.active h4,
.color-green .health-updates .scrolling-text p a:hover,
.color-green .health-updates .scrolling-text p a:focus,
.color-green .better-health h4 {
    color: #4667ac;
}

.color-green .services .list-services li a:hover .icon,
.color-green .services .list-services li a:focus .icon,
.color-green .mobile-panel a {
    background-color: #3b5998;
    color: #fff;
}

.color-green header .navigation .main-menu > li > span,
.color-green .services .list-services li a .icon,
.color-green header .navigation .main-menu > li > a,
.color-green header .navigation .main-menu > li .sub-menu span,
.color-green header .searchbox .searchbtn,
.color-green .banner-slider .bx-wrapper .bx-viewport .bxslider .caption h1,
.color-green .padding.fill h2,
.color-green .padding.fill-Xlight h2,
.color-green .well h3,
.color-green .services .blocks-list .box h3,
.color-green .find-doctor .nav-container .tab-pane .left-side h3,
.color-green a,
.color-green .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a,
.color-green .news .news-block .news-desc h5,
.color-green .social-feeds .twitter h3 a,
.color-green .social-feeds .feed-block .desc h4,
.color-green .smart-apps .apps-box .apps-desc h5,
.color-green header .searchbox .searchfield,
.color-green header .navigation .main-menu > li .sub-menu .container > li .title,
.color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .listing-count h6 span,
.color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li h4,
.color-green header .searchbox .easy-autocomplete-container ul li .eac-item:hover,
.color-green header .searchbox .easy-autocomplete-container ul li .eac-item:focus,
.color-green .services .blocks-list .box .icon-canvas .icon,
.color-green .mobile-panel .slinky-menu h2,
.color-green .mobile-panel .slinky-menu a.back,
.color-green header .navigation .mobile-nav .top-right-nav .language-swticher a,
.color-green .btn-inline,
.color-green .banner-slider .bxslider.slick-slider .slick-list .slick-track .container .caption h1,
.color-green .better-health .issue-item .title,
.color-green .better-health .issue-item .title:before,
.color-green .better-health .issue-item .title h6,
.color-green .loadmore,
.color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .advanced-search a,
.color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .listing-count h6 span,
.color-green #sidenav > ul > li a.current,
.color-green .inner-content h2,
.color-green .title h2,
.color-green .inner-content p,
.color-green .inner-content ul,
.color-green #sidenav ul ul a,
.color-green .breadcrumb .home:before,
.color-green .breadcrumb a:before,
.color-green .top-serviceli li a,
.color-green .DHAicon a i,
.color-green .serviceside ul li a,
.color-green .breadcrumb a:last-child,
.color-green .ae .main-inner .read, .ae .main-inner .readmore {
    color: #3b5998;
}

.color-green header .accessibility-panel .text-size .btn-lg:hover,
.color-green header .accessibility-panel .text-size .btn-lg:focus,
.color-green header .accessibility-panel .text-size .btn-lg.active,
.color-green .btn-inline,
.color-green .mobile-panel .slinky-menu ul li,
.color-green .mobile-panel .top-left-nav li a:hover,
.color-green .mobile-panel .top-left-nav li {
    border-color: white;
}

.color-green header .top,
.color-green header .navigation .main-menu > li > span,
.color-green header .navigation .main-menu > li > a,
.color-green header .navigation,
.color-green header .accessibility-panel .text-size .btn-lg,
.color-green .form-control:focus,
.color-green .fill .btn-inline,
.color-green .fill-Xlight .btn-inline,
.color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li.active,
.color-green .mobile-panel .slinky-menu a.back {
    border-color: #4667ac;
}

.color-green header,
.color-green header .accessibility-panel,
.color-green header .top,
.color-green .banner-slider .bx-actions,
.color-green .btn-default,
.color-green .btn-boxed,
.color-green .btn-inline:hover,
.color-green .btn-inline:focus,
.color-green .btn-inline:active:hover,
.color-green .btn-inline:active:focus,
.color-green .leaflet-popup-content-wrapper,
.color-green .leaflet-popup-tip,
.color-green .mobile-panel,
.color-green #sidenav > ul > li.active,
.color-green .serviceside .title,
.color-green .service-search button,
.color-green .service-search input[type=submit] {
    background-color: #3b5998;
}

    .color-green header .accessibility-panel {
        border-top-color: #4667ac;
    }

    .color-green header .searchbox .easy-autocomplete-container {
        background-color: rgba(59, 89, 152, 0.9);
    }

    .color-green header .branding-section .brand img {
        -webkit-filter: brightness(0) invert(1);
        -moz-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

    .color-green header .navigation,
    .color-green .find-doctor .nav-container .tab-content,
    .color-green .nav-tabs li.active a,
    .color-green .nav-tabs li.active a:hover,
    .color-green .nav-tabs li.active a:focus,
    .color-green .nav-tabs li.active:focus a,
    .color-green .nav-tabs li.active:focus a:hover,
    .color-green .nav-tabs li.active:focus a:focus,
    .color-green .nav-tabs li.active:hover a,
    .color-green .nav-tabs li.active:hover a:hover,
    .color-green .nav-tabs li.active:hover a:focus,
    .color-green footer .scrolling-logos {
        background: #fff;
    }

    .color-green .nav-tabs,
    .color-green .nav-tabs li a:hover,
    .color-green .nav-tabs li a:focus,
    .color-green .btn-boxed:focus,
    .color-green .btn-boxed:hover,
    .color-green .better-health .issue-item .title .issue-count,
    .color-green .btn-default:hover,
    .color-green .btn-default:focus,
    .color-green .mobile-panel .slinky-menu a:focus,
    .color-green .mobile-panel .slinky-menu a:hover,
    .color-green .mobile-panel .top-left-nav li a:hover,
    .color-green .mobile-panel .top-left-nav li a:focus,
    .color-green footer .base-footer .logo-holder .service-happy {
        background: #4667ac;
    }

    .color-green .banner-slider .bx-actions .bx-pagination .thumbnail-scroll span.slick-current:before {
        background-image: url(../img/polygon_green.png);
    }

.color-green .nav-tabs li + li {
    border-color: #fff;
}

.color-green header .navigation .main-menu > li.has-submenu > a .arrow,
.color-green header .searchbox .searchbtn .icon.search,
.color-green header .searchbox .closebtn .icon,
.color-green .swiper-next,
.color-green .swiper-prev,
.color-green .leaflet-marker-pane,
.color-green .selectize-control.single .selectize-input::after,
.color-green header .navigation .mobile-nav .mobile-menu-trigger img,
.color-green .mobile-panel .searchbox .search-group .searchbtn .icon.search,
.color-green header .navigation .mobile-nav .mobile-menu-trigger {
    -webkit-filter: brightness(0) invert(0);
    -moz-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0);
}

.color-green .health-updates {
    border-top: 1px solid #fff;
}

    .color-green .health-updates .btn.btn-arrow {
        filter: none;
    }

.color-green .mobile-panel .slinky-menu a.back {
    background: none;
}

.color-green .btn-inline {
    border-color: #3b5998;
}

    .color-green .btn-inline:hover,
    .color-green .btn-inline:focus {
        color: #fff;
        background-color: #3b5998;
    }

@media (max-width: 1199px) {
    .color-green .btn-inline {
        background-color: #3b5998;
        color: #fff;
    }

        .color-green .btn-inline:hover,
        .color-green .btn-inline:focus {
            background: #4667ac;
        }

    .color-green header .navigation .mobile-nav .top-right-nav li a .icon {
        color: #3b5998;
    }

    .color-green .banner-slider .caption h1,
    .color-green .banner-slider .caption h1 h1 {
        color: #fff !important;
    }

        .color-green .banner-slider .caption a.btn,
        .color-green .banner-slider .caption h1 a.btn {
            color: #fff !important;
        }

    .color-green header .navigation .mobile-nav .top-right-nav li.active a {
        background-color: #3b5998;
    }

        .color-green header .navigation .mobile-nav .top-right-nav li.active a .icon {
            color: #fff;
        }
}

@media (max-width: 991px) {
    .color-green .btn-inline {
        color: #fff !important;
    }
}

@media (max-width: 767px) {
    .color-green header .navigation .mobile-nav .top-right-nav .language-swticher a,
    .color-green header .navigation .mobile-nav .top-right-nav .language-swticher.arabic a {
        background-size: 40px auto;
    }
}
/*# sourceMappingURL=main.css.map */
@font-face {
    font-family: 'robotoblack';
    src: url("../fonts/roboto-black.woff2") format("woff2"), url("../fonts/roboto-black.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoblack_italic';
    src: url("../fonts/roboto-blackitalic.woff2") format("woff2"), url("../fonts/roboto-blackitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold_italic';
    src: url("../fonts/roboto-bolditalic.woff2") format("woff2"), url("../fonts/roboto-bolditalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoitalic';
    src: url("../fonts/roboto-italic.woff2") format("woff2"), url("../fonts/roboto-italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url("../fonts/roboto-light.woff2") format("woff2"), url("../fonts/roboto-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight_italic';
    src: url("../fonts/roboto-lightitalic.woff2") format("woff2"), url("../fonts/roboto-lightitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url("../fonts/roboto-medium.woff2") format("woff2"), url("../fonts/roboto-medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url("../fonts/roboto-mediumitalic.woff2") format("woff2"), url("../fonts/roboto-mediumitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url("../fonts/roboto-thin.woff2") format("woff2"), url("../fonts/roboto-thin.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin_italic';
    src: url("../fonts/roboto-thinitalic.woff2") format("woff2"), url("../fonts/roboto-thinitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tahoma';
    src: url("../fonts/Tahoma-Bold.eot");
    src: url("../fonts/Tahoma-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Tahoma-Bold.woff") format("woff"), url("../fonts/Tahoma-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Dubai';
    src: url("../fonts/Dubai-Bold.eot");
    src: url("../fonts/Dubai-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Dubai-Bold.woff") format("woff"), url("../fonts/DUBAI-BOLD.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Dubai';
    src: url("../fonts/Dubai-Light.eot");
    src: url("../fonts/Dubai-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Dubai-Light.woff") format("woff"), url("../fonts/DUBAI-LIGHT.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dubai';
    src: url("../fonts/Dubai-Medium.eot");
    src: url("../fonts/Dubai-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Dubai-Medium.woff") format("woff"), url("../fonts/DUBAI-MEDIUM.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dubai';
    src: url("../fonts/Dubai-Regular.eot");
    src: url("../fonts/Dubai-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Dubai-Regular.woff") format("woff"), url("../fonts/DUBAI-REGULAR.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

footer .footer-bottom p.copyright {
    margin: 0px;
    /*padding-top: 38px;*/
    /*padding-top: Infinity;*/
    /* padding-bottom: 38px; */
    /* padding-bottom: Infinity;*/
    padding: 20px 0;
    font-size: 14px;
    color: #fff;
}

.DHAicon {
    position: relative;
}

    .DHAicon input {
        /*font-family: 'Lato', Calibri, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
        width: 100%;
        padding: 10px 50px 10px 10px;
        border: none;
        box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
        border-radius: 3px;
        background: #f9f9f9;
        color: #777;*/
        -webkit-transition: color 0.3s ease-out;
        -moz-transition: color 0.3s ease-out;
        -ms-transition: color 0.3s ease-out;
        -o-transition: color 0.3s ease-out;
        transition: color 0.3s ease-out;
    }

    .DHAicon a i {
        right: 30px;
        top: 0px;
        position: absolute;
        height: 45px;
        width: 45px;
        color: #8cc63f;
        text-align: center;
        line-height: 60px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        font-size: 21px;
        z-index: 1;
    }

    .DHAicon a + a > i {
        right: 60px;
        top: 0px;
        position: absolute;
        height: 45px;
        width: 45px;
        color: #8cc63f;
        text-align: center;
        line-height: 60px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 1;
    }


.voice, .keyboard {
    cursor: pointer;
}

.color-green .top-serviceli li img {
    filter: hue-rotate(55deg) brightness(64%) contrast(92%);
    -webkit-filter: hue-rotate(55deg) brightness(64%) contrast(92%);
}

.color-blind .main-inner h3, .color-blind .main-inner li, .color-blind .main-inner ol li, .color-blind .inner-content h2, .color-blind .title h2, .color-blind .main-inner p, .color-blind .breadcrumb a:last-child {
    color: #fff;
}

.color-green .main-inner h3, .color-green .news i, .color-green span.date, .color-green .main-inner p, .color-green .ae .main-inner .read, .color-green .ae .main-inner .readmore, .color-green .main-inner .read, .color-green .main-inner .readmore, .color-green .main-inner h3, .color-green .main-inner li, .color-green .main-inner ol li {
    color: #3b5998;
}

.color-green .main-inner .read, .color-green .main-inner .readmore {
    background-image: none !important;
}

.color-blind .main-inner .read, .color-blind .main-inner .readmore {
    background-image: none !important;
}

.color-blind .news i, .color-blind span.date, .color-blind .main-inner p, .color-blind .ae .main-inner .read, .color-blind .ae .main-inner .readmore, .color-blind .main-inner .read, .color-blind .main-inner .readmore, .color-blind .main-inner h3, .color-blind .main-inner li, .color-blind .main-inner ol li {
    color: #fff;
}

.share-btn {
    text-decoration: none;
    font-size: 21px;
    color: #007780;
    font-family: 'Dubai';
}

    .share-btn i {
        margin-right: 10px;
    }

.sharepanel {
    display: none;
}



    .sharepanel ul li {
        padding: 0px;
        display: inline;
    }

        .sharepanel ul li a {
            font-size: 1.75em;
            color: #6d6768;
            text-decoration: none;
            font-family: 'Dubai';
        }

            .sharepanel ul li a > i {
                margin-right: 10px;
            }

.share-twitter:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f081";
    color: #00ACED;
    vertical-align: middle;
    margin: 0 5px 0 15px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}

.share-facebook:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f230";
    color: #3B5998;
    vertical-align: middle;
    margin: 0 5px 0 15px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}

.share-linkedin:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08c";
    color: #007BB5;
    vertical-align: middle;
    margin: 0 5px 0 15px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}

.share-google-plus:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f2b3";
    color: #DD4B39;
    vertical-align: middle;
    margin: 0 5px 0 15px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}

.sharepanel:before, .sharepanel:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 10px solid transparent;
    top: 24px;
    left: 47px;
}

.sharepanel:before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
}

.sharepanel ul {
    margin: 0;
    padding: 0;
    width: 115px;
    background: rgb(255, 255, 255);
    display: inline-block;
    box-shadow: 0 5px 12px rgba(0,0,0,0.12);
    list-style: none;
}

    .sharepanel ul li {
        padding: 5px;
        margin: 0px !important;
    }

        .sharepanel ul li a {
            padding: 0px !important;
        }

.sharepanel {
    position: absolute;
}

    .sharepanel:before, .sharepanel:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border: 8px solid transparent;
        top: -16px;
        left: 47px;
    }

    .sharepanel:before {
        border-bottom-color: rgba(255, 255, 255, 0);
    }

@media (max-width:1024px) {
    .DHAicon a i {
        display: none;
    }

    .DHAicon a + a > i {
        display: none;
    }
    /*.DHAiconinner a i {
        display: none;
    }

    .DHAiconinner a + a > i {
        display: none;
    }
*/
    body.color-blind {
        background: #000;
    }

    .color-blind .row {
        background: #000;
    }
}


header .searchbox.open .searchfield, header .searchbox.open input[type=text] {
    display: block;
    float: none;
    margin: auto;
    padding: 18px 95px 18px 20px;
    width: 1200px;
    height: 61px;
    z-index: 1;
    font-size: .9em;
}

.doctors-list .form-doctor input[type=text], .service-catalogue content .service-search input[type=text] {
    background: #f9f9f9;
    border-radius: 0;
    border: 1px solid #d9d9d9;
    color: #a3a3a3;
    height: 56px;
    font-size: 16px;
    z-index: 1;
    position: relative;
}


    .doctors-list .form-doctor input[type=text]:focus, .service-catalogue content .service-search input[type=text]:focus {
        /* z-index: 3;*/
    }

.color-blind .DHAicon a + a > i, .color-blind .DHAicon a i {
    color: #6e6e6e;
}

.color-blind .btn-inline {
    border: 1px solid #fff;
    color: #fff;
}


.color-blind .share-twitter:before,
.color-blind .share-facebook:before,
.color-blind .share-linkedin:before,
.color-blind .share-google-plus:before {
    Color: #6e6e6e;
}

.color-blind .find-doctor-form .btn-primary, .color-blind .form-doctor .btn-primary {
    background: white;
    color: #000;
}

.color-blind .buttons .active span {
    color: #6e6e6e;
}

.color-green .btn-boxed, .color-green input[type="submit"].btn-boxed, .color-green input[type="button"].btn-boxed, .color-green .btn-boxed:visited {
    background: #3b5998;
}


.color-green .find-doctor-form .btn-primary, .color-green .form-doctor .btn-primary {
    background: #3b5998;
}

.color- green .buttons .active span {
    color: #3b5998;
}

.color- green .share-twitter:before,
.color- green .share-facebook:before,
.color- green .share-linkedin:before,
.color- green .share-google-plus:before {
    color: #3b5998;
}

.color-green .btn-primary {
    background-color: #3b5998;
    border-color: #3b5998;
}

.color-green .faq-accordion .panel-default > .panel-heading a {
    color: #3b5998;
}

.color-green .faq-accordion .panel-default > .panel-collapse p {
    color: #3b5998;
}

.color-green .faq-accordion .panel-default .panel-heading a:before {
    color: #3b5998;
}

.color-green .doctordet .viewmore {
    color: #3b5998;
    background: none;
}

.color-green .inner-content h4, .color-green .main-inner h4 {
    color: #3b5998;
}

.color-green .buttons .active span, .color-green .searchtit {
    color: #3b5998;
}

.color-green .field-row.custom-select::after, .color-green .custom-select:after {
    color: #3b5998;
}

.color-green #sidenav > ul > li.active > a {
    color: #fff;
}

.color-dha .btn-boxed, .color-dha input[type="submit"].btn-boxed, .color-dha input[type="button"].btn-boxed, .color-dha .btn-boxed:visited {
    background: #8cc63f;
}

.color-green .btn-boxed, .color-green input[type="submit"].btn-boxed, .color-green input[type="button"].btn-boxed, .color-green .btn-boxed:visited {
    background: #3b5998;
}

.mb20 {
    margin-bottom: 20px;
}

.color-green .acessserbut a {
    background: #3b5998;
    color: #fff;
}

.color-green .service-table caption {
    color: #3b5998;
}

.color-green .service-table table .first-column {
    color: #3b5998;
}

.color-green .service-table table th {
    color: #3b5998;
}

.color-green .pharmacy a, .color-green td span {
    color: #3b5998;
}

.color-green span.last-update {
    color: #3b5998;
}

.color-blind .service-table table .first-column, .color-blind .pharmacy a, .color-blind td span, .color-blind .backser a, .color-blind .backser i, .color-blind .last-update {
    color: #fff;
}

.share-btn {
    text-decoration: none;
    font-size: 21px;
    color: #007780;
    font-family: 'Dubai';
}

    .share-btn i {
        margin-right: 10px;
    }

.sharepanel {
    display: none;
    position: absolute;
}

    .sharepanel ul {
        margin: 0;
        padding: 0;
        width: 115px;
        background: rgb(255, 255, 255);
        display: inline-block;
        box-shadow: 0 5px 12px rgba(0,0,0,0.12);
        list-style: none;
    }

        .sharepanel ul li {
            display: inline;
            padding: 5px;
            margin: 0px !important;
        }

            .sharepanel ul li a {
                font-size: 1.25em;
                color: #6d6768;
                text-decoration: none;
                font-family: 'Dubai';
                padding: 0px !important;
            }

                .sharepanel ul li a > i {
                    margin-right: 10px;
                }

.share-twitter:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f081";
    color: #00ACED;
    vertical-align: middle;
    margin: 0 5px 0 10px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}

.share-facebook:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f230";
    color: #3B5998;
    vertical-align: middle;
    margin: 0 5px 0 15px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}

.share-linkedin:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08c";
    color: #007BB5;
    vertical-align: middle;
    margin: 0 5px 0 10px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}

.share-google-plus:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f2b3";
    color: #DD4B39;
    vertical-align: middle;
    margin: 0 5px 0 15px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}

ul.dropdown-menu {
    min-width: 90px;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border: 0px;
}

    ul.dropdown-menu li {
        outline: 0;
    }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none;
}

.dropdown ul.dropdown-menu li a {
    padding: 0;
    margin: 0;
    font-size: 1.75em;
}

.dropdown ul.dropdown-menu li + li {
    padding: 0;
    margin: 0 !important;
}

@media(max-width:1024px) {
    .dropdown ul.dropdown-menu li a.share {
        width: 35px;
        height: 35px;
        padding: 0px;
        margin: 0px;
    }

    .banner-slider .bx-wrapper .bx-viewport .bxslider li .overlay, .banner-slider .bx-wrapper .bx-viewport .slick-track li .overlay, .banner-slider .bx-wrapper .slick-list .bxslider li .overlay, .banner-slider .bx-wrapper .slick-list .slick-track li .overlay, .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li .overlay, .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li .overlay, .banner-slider .bxslider.slick-slider .slick-list .bxslider li .overlay, .banner-slider .bxslider.slick-slider .slick-list .slick-track li .overlay {
        background: none;
    }

    .banner-slider ul li img {
        display: block !important;
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .banner-slider ul li .container .caption h1 {
        font-size: 24px !important;
        text-align: center;
        line-height: 1.14em !important;
    }

    .banner-slider .bx-wrapper .bx-viewport .bxslider li img, .banner-slider .bx-wrapper .bx-viewport .slick-track li img, .banner-slider .bx-wrapper .slick-list .bxslider li img, .banner-slider .bx-wrapper .slick-list .slick-track li img, .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li img, .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li img, .banner-slider .bxslider.slick-slider .slick-list .bxslider li img, .banner-slider .bxslider.slick-slider .slick-list .slick-track li img {
        width: 100%;
        height: auto;
    }

    .banner-slider ul li .container .caption h1, .banner-slider ul li .container .caption p {
        color: #007780;
    }

    .caption a.btn.btn-lg.btn-inline {
        background: #84be00;
    }

    .banner-slider .bxslider.slick-slider .slick-list .slick-track .container .caption {
        /*left: auto;*/
        /*right: 0px !important;*/
    }

    .banner-slider ul li .container .caption {
        text-align: center;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .dropdown a.dropdown-toggle {
        font-size: 1.5em;
    }

    .banner-slider .bx-wrapper .bx-viewport .bxslider li, .banner-slider .bx-wrapper .bx-viewport .slick-track li, .banner-slider .bx-wrapper .slick-list .bxslider li, .banner-slider .bx-wrapper .slick-list .slick-track li, .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li, .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li, .banner-slider .bxslider.slick-slider .slick-list .bxslider li, .banner-slider .bxslider.slick-slider .slick-list .slick-track li {
        height: auto;
    }

    .banner-slider ul li img {
        margin-bottom: 0px;
    }
}

.modal {
    top: 195px;
}

.modal-body {
    height: 250px;
    overflow: hidden;
    overflow-y: scroll;
}

.modal-backdrop.in {
    z-index: -1;
}

.color-blind .modal-body p, .color-blind .modal-body ul li, .color-blind .modal-body a {
    color: #000;
}

.color-blind .modal-footer a.OKButton {
    background: #000;
    padding: 0px 20px;
}

.color-green a.btn.btn-primary.mb20 {
    color: #fff;
}

.color-blind .banner-slider ul li .container .caption h1, .color-blind .services .list-services li a .icon,
.color-blind .services .blocks-list .box .icon-canvas .icon, .color-blind .btn-arrow,
.color-blind .smart-apps .apps-box .store-btns .store.android, .color-blind .smart-apps .apps-box .store-btns .store.apple {
    color: #6e6e6e;
}

.color-blind .custom-select:after {
    color: #000;
}


.color-blind .btn-inline {
    background: #6e6e6e !important;
}

.color-blind .services .list-services li a:hover .icon, .color-blind .services .list-services li a:focus .icon {
    background: #6e6e6e;
    color: #fff;
}

.color-blind .better-health .issue-item img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.color-blind header .navigation .main-menu > li.has-submenu > a .arrow, .color-blind header .searchbox .searchbtn .icon.search {
    color: #fff;
}

    .color-blind header .navigation .main-menu > li.has-submenu > a .arrow.hover {
        color: #000;
    }

.btn-inline {
    margin-top: 20px;
}

.img_grayscale {
    position: absolute;
    z-index: 5;
    opacity: 0;
}

.color-blind .find-doctor .input-group-btn .btn {
    Background: #b0b0b0;
    Color: #6e6e6e;
}

    .color-blind .find-doctor .input-group-btn .btn:hover {
        Background: #6e6e6e;
        Color: #b0b0b0;
    }

.privacy-details {
    width: 100%;
    /* padding: 10px 0px 5px 0px;*/
    color: #ffffff;
    display: none;
    background: #000000;
}
/*.privacy-details .row {
    box-shadow: 0 2px 10px rgba(0,0,0,0.18);
}*/
header .top {
    top: inherit;
    position: absolute;
}

header.sticky .top {
    position: fixed;
    top: 0px;
}

.btn-primary {
    background: #8cc63f;
    color: #ffffff !important;
    border-radius: 0px;
    border: 0px;
    font-size: 14px;
}

.btn-danger {
    color: #ffffff !important;
    border-radius: 0px;
    border: 0px;
    font-size: 14px;
}

.comment.more {
    max-height: 80px;
    padding: 10px;
    float: left;
    width: 100%;
    line-height: 1.1em;
}

.morecontent {
    display: none;
}

.accept-content {
    /*margin: 10px 0px;*/
    /*float: left;*/
}

a.morelink {
    float: right;
    text-decoration: none;
    font-size: 13px;
}

    a.morelink i {
        font-size: 18px;
        top: 2px;
        position: relative;
    }

    a.morelink.less {
        position: absolute;
        top: 59px;
        right: 0;
        background: #007780;
        padding: 4px 12px;
        color: white;
    }

@media only screen and (max-width: 767px) {
    a.morelink.less {
        background: #007780;
        padding: 4px 12px;
        color: white;
        position: inherit;
        float: right;
    }

    .privacy-details {
        border-bottom: 1px solid #ddd;
    }

    a.morelink {
        font-size: 16px;
    }

    .spanShare {
        display: none;
    }
}


.DHAicon {
    position: relative;
}

/*.DHAicon input {
        font-family: 'Lato', Calibri, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
        width: 100%;
        padding: 10px 50px 10px 10px;
        border: none;
        box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
        border-radius: 3px;
        background: #f9f9f9;
        color: #777;
        -webkit-transition: color 0.3s ease-out;
        -moz-transition: color 0.3s ease-out;
        -ms-transition: color 0.3s ease-out;
        -o-transition: color 0.3s ease-out;
        transition: color 0.3s ease-out;
    }*/

/* .DHAicon a i {
        right: -65px;
        top: 0px;
        position: absolute;
        height: 36px;
        width: 36px;
         border-right: 1px solid rgba(0, 0, 0, 0.1);
		    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);
        color: #777777;
        text-align: center;
        line-height: 36px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        pointer-events: none;
    }*/

/*.DHAicon a + a > i {
        right: -42px;
        top: 0px;
        position: absolute;
        height: 36px;
        width: 36px;
         border-right: 1px solid rgba(0, 0, 0, 0.1);
		    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);
        color: #777777;
        text-align: center;
        line-height: 36px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        pointer-events: none;
    }*/

.voice, .keyboard {
    cursor: pointer;
}

.modal-dialog {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
}

.voice-content {
    display: block;
    padding: 70px 25px;
    background: white;
    text-align: center;
    font-size: 36px;
    width: 300px;
    border-radius: 60px;
    color: #007780;
    margin: 0px auto;
}

    .voice-content i.fa {
        font-size: 48px;
        margin-top: 10px;
    }

.small-vibe0 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.small-vibe1 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.small-vibe2 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.small-vibe3 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.small-vibe4 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.small-vibe5 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.small-vibe6 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.small-vibe7 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.small-vibe8 {
    -webkit-animation-name: listening;
    animation-name: listening;
    -webkit-animation-duration: 2200ms;
    animation-duration: 2200ms;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

@-webkit-keyframes listening {
    0% {
        height: 2px;
    }

    25% {
        height: 15px;
    }

    50% {
        height: 2px;
    }

    100% {
        height: 2px;
    }
}

@keyframes listening {
    0% {
        height: 2px;
    }

    25% {
        height: 15px;
    }

    50% {
        height: 2px;
    }

    100% {
        height: 2px;
    }
}

.voice-vibe {
    margin: 0 auto;
    width: 99%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.move {
    background-color: #007780;
    height: 2px;
    width: 2px;
    margin: 3px;
    float: left;
}

.no-move {
    float: left;
    margin: 3px;
    height: 2px;
    background-color: #007780;
    width: 50%;
    padding: 0 1rem;
}

span {
    display: block;
    /*font-size: 30px;*/
}

    span.spanShare {
        display: inline-block;
    }

/*Voice*/
/*Feedback form css starts here*/
.feedback-chat {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
    width: 125px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #8cc63f;
    background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
    background: -moz-linear-gradient(left, #1a9172, #8cc63f);
    background: -o-linear-gradient(left, #1a9172, #8cc63f);
    background: -ms-linear-gradient(left, #1a9172, #8cc63f);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
    background: linear-gradient(to left, #1a9172, #8cc63f);
}

    .feedback-chat a {
        color: #fff;
        font-family: 'Dubai', sans-serif;
    }

        .feedback-chat a i.fa.fa-comments {
            padding-right: 5px;
        }

.live-chat-box {
    background: #fff;
    width: 420px;
    position: fixed;
    right: 10px;
    bottom: -100%;
    opacity: 0;
    border-radius: 5px;
    z-index: 9999;
    transition: 0.5s ease-in-out;
}

.open-chat-box {
    bottom: 10px;
    opacity: 1;
}

.chat-header {
    background-color: #007780;
    text-align: center;
    padding: 13px 15px;
    position: relative;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    background: -webkit-linear-gradient(left, #1a9172, #007780);
    background: -moz-linear-gradient(left, #1a9172, #007780);
    background: -o-linear-gradient(left, #1a9172, #007780);
    background: -ms-linear-gradient(left, #1a9172, #007780);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#007780));
    background: linear-gradient(to left, #1a9172, #007780);
}

.live-chat-box .chat-header h3 {
    font-size: 1em;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.live-chat-box .chat-header button {
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: 0;
    color: #fff;
    position: absolute;
    right: -20px;
    top: 56%;
    transform: translateY(-50%);
}

.live-chat-box .chat-box-body {
    padding: 25px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.live-chat-box .form > div {
    margin-bottom: 15px;
}

.live-chat-box .form label {
    font-size: .865em;
}

.live-chat-box .form input {
    height: 35px;
}

.live-chat-box .form .submit-chat-btn {
    margin: 10px 0 0;
    text-align: center;
}

.live-chat-box .submit-chat-btn .theme-btn {
    width: 130px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    border: 0;
    padding: 0;
    background: #8cc63f;
    color: #fff;
    background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
    background: -moz-linear-gradient(left, #1a9172, #8cc63f);
    background: -o-linear-gradient(left, #1a9172, #8cc63f);
    background: -ms-linear-gradient(left, #1a9172, #8cc63f);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
    background: linear-gradient(to left, #1a9172, #8cc63f);
}

.chat-box-body .nav-tabs.nav-justified li a {
    padding: 6px 12px;
    border-radius: 0px !important;
    color: white;
}

.chat-box-body .nav-tabs.nav-justified li.active a {
    background: #f1f5f6;
    color: #007780;
}

.mt10 {
    margin-top: 10px;
}

/*.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';  essential for enabling glyphicon 
    content: "\e114";  adjust as needed, taken from bootstrap.css 
    float: right;
    position: absolute;
    right: -8px;
    top: 1px;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}*/

#faqmenu .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    /*float: right;*/
    position: absolute;
    right: -8px;
    top: 1px;
}

#faqmenu .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}

div#faqmenu .panel-group .panel {
    border-radius: 0px;
    border: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
    .live-chat-box {
        width: 300px;
    }
}
/*Feedback form css ends here*/

/*captcha*/
.HumanEnsureGroup .CaptchaErrorMsg {
    color: #000;
    background: 0 0;
    height: auto;
}

.HumanEnsureGroup .CaptchaErrorMsg {
    color: #fff;
    background: rgba(0, 0, 0, .9);
    height: auto;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
}

.HumanEnsureGroup .humanQuestionContainer {
    padding: 0px 0;
    margin: 0px 0;
    border-radius: 30px;
    background: rgba(255, 255, 255, .25);
    font-size: 18px;
    font-weight: bold;
    color: #8cc63f;
}

    .HumanEnsureGroup .humanQuestionContainer .humanQuestionImge {
        text-align: right;
        background: url(../img/refresh.png) center no-repeat;
        height: 20px;
        width: auto;
        float: right;
        margin-right: 15px;
    }

    .HumanEnsureGroup .humanQuestionContainer .refreshBtn {
        -webkit-animation: refresh 4s linear infinite;
        -moz-animation: refresh 4s linear infinite;
        animation: refresh 4s linear infinite;
    }

.HumanEnsureGroup .humanQuestionOptions {
    padding: 0;
    display: inline-flex;
    margin: 0px 0;
}

    .HumanEnsureGroup .humanQuestionOptions .imageBtn {
        text-align: center;
        background: rgba(255, 255, 255, .25);
        padding: 0px 0;
        border-radius: 50%;
        margin: 0 10px 0 1px;
        width: 45px;
        height: 56px;
        cursor: pointer;
        font-size: 1.95em;
    }

        .HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {
            background: #fff;
            color: #84be00;
        }
/*captcha*/
input#txtdoc {
    border-radius: 0px;
}

i.im.im-share {
    font-size: 16px;
    position: relative;
    top: 2px;
    padding-right: 4px;
}

.tab-content > #home.active, .tab-content > #faqmenu.active {
    display: block;
    height: 300px;
    padding: 10px 10px 10px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

#home input {
    /* margin-bottom: 10px;*/
    border-radius: 0px;
}

#home textarea {
    border-radius: 0px;
    /*margin-bottom: 10px;*/
    padding: 2px 5px;
}

#home .DHAicon a i {
    right: -6px;
    top: -13px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 21px;
    z-index: 1;
}

#home .DHAicon a + a > i {
    right: 20px;
    top: -14px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 2;
}

#faqmenu .panel-group {
    padding: 0px;
}

#faqmenu .panel-default > .panel-heading {
    background-color: #ffffff;
    border-color: rgb(249, 249, 249);
}

#faqmenu input {
    border-radius: 0px;
}

#faqmenu h4.panel-title {
    position: relative;
    padding: 0px 15px 0px 0px;
}

#faqmenu input.form-control {
    height: 35px;
}

#faqmenu button.btn.btn-default {
    height: 35px;
    line-height: 10px;
    border-radius: 0px;
    min-width: inherit;
}

input[type=password], input[type=text], input[type=email], input[type=number], input[type=file], textarea, .ms-inputBox {
    padding: 2px 5px;
}

@media(max-width:991px) {
    i.im.im-share {
        font-size: 36px;
        position: relative;
        top: 13px;
        padding-right: 4px;
    }

    span.spanShare {
        display: none;
    }

    header .navigation .mobile-nav .top-right-nav li a {
        color: #007780;
    }
}

@media(max-width:420px) {
    i .im.im-share {
        font-size: 24px;
        position: relative;
        top: 10px;
        padding-right: 4px;
    }


    .HumanEnsureGroup .humanQuestionOptions .imageBtn {
        text-align: center;
        background: rgba(255, 255, 255, .25);
        padding: 0px 0;
        border-radius: 50%;
        margin: 0 10px 0 1px;
        width: 24px;
        height: 48px;
        cursor: pointer;
        font-size: 1.5em;
    }

    #faqmenu h4.panel-title {
        position: relative;
        padding: 0px 10px 0px 0px;
    }

    #faqmenu .panel-heading .accordion-toggle:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        position: absolute;
        right: -9px;
        top: 32%;
    }

    .comment.more {
        max-height: 120px;
        line-height: 1.4em;
    }
}
/*div#voicemodal.modal {
    top: inherit;
    text-align: center;
    padding: 0!important;
}
#voicemodal .modal-body{
    overflow: inherit;
}*/

/* For arabic Version css starts here for voice and keyboard icon */

.ae #home .DHAicon a i {
    left: -6px;
    right: inherit;
    top: -13px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 21px;
    z-index: 1;
}

.ae #home .DHAicon a + a > i {
    left: 20px;
    right: inherit;
    top: -14px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}

.ae .accept-content {
    /*float: right;*/
}

.ae .comment.more {
    float: right;
}

/*.ae .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
   float: right; 
    position: absolute;
    left: -8px;
    top: 1px;
    right: inherit;
}

.ae .panel-heading .accordion-toggle.collapsed:after {
    content: "\e079";
}*/

.ae .tab-content > #home.active, .ae .tab-content > #faqmenu.active {
    display: block;
    height: 300px;
    overflow-y: auto;
    padding: 10px 0px 10px 10px;
    overflow-x: hidden;
}

.ae .live-chat-box .chat-header button {
    left: -20px;
    right: inherit;
}

.ae .feedback-chat a i.fa.fa-comments {
    padding-left: 5px;
    padding-right: inherit;
}

.ae i.im.im-share {
    padding-left: 4px;
    padding-right: inherit;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 120px;
    right: 10px;
    display: none;
    height: 40px;
    line-height: 30px;
}

.fancybox_smartdubai {
    position: fixed;
    bottom: 0px;
    left: 10px;
    background-color: #84be00;
    padding: 10px;
    z-index: 10;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3D(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3D(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visiblity: visible !important;
    /*backface-visiblity: visible !important;*/
    animation-duration: .75s;
}

#divread span.glyphicon, #divread span.fa {
    padding: 25px;
    font-size: 24px;
    background: #007780;
    color: #ffffff;
    margin-right: 7px;
}

#divread .accordion-content {
    display: inline-block;
}

#divread .panel-default > .panel-heading {
    color: #007780;
    background-color: #fff;
    border-color: #ddd;
}

.smart-dubai {
    margin-top: 10px;
}

.title > a {
    color: #fff;
}

    .title > a:hover {
        color: #8cc63f;
        text-decoration: underline;
        cursor: pointer;
    }

select#subject {
    margin-bottom: 10px;
    border-radius: 0px;
    padding: 2px 0px;
}


.DHAiconinner {
    position: relative;
}

    .DHAiconinner a i {
        right: 0px;
        top: 0px;
        position: absolute;
        height: 45px;
        width: 45px;
        color: #8cc63f;
        text-align: center;
        line-height: 60px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        font-size: 21px;
        z-index: 1;
    }

    .DHAiconinner a + a > i {
        right: 30px;
        top: 0px;
        position: absolute;
        height: 45px;
        width: 45px;
        color: #8cc63f;
        text-align: center;
        line-height: 60px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 1;
    }

#faqmenu .panel-title > a.accordion-toggle {
    color: #000;
    font-size: 13px;
}

.ae .panel-title span.glyphicon, .ae .panel-title span.fa {
    padding: 25px;
    font-size: 24px;
    background: #007780;
    color: #ffffff;
    margin-right: 7px;
}

.leader-thumb {
    border-radius: 0px;
    border: 0px;
}

    .leader-thumb h6 {
        font-size: 16px;
        color: #2e3233;
    }

.back-to-top {
    /* cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 10px;
    display: none;
    height: 40px;
    line-height: 30px;*/
    z-index: 999;
}

@media only screen and (min-width:320px) and (max-width:736px) and (orientation:landscape) {
    .tab-content > #home.active, .tab-content > #faqmenu.active {
        display: block;
        height: 105px;
        overflow-y: auto;
        padding: 10px 10px 10px 0;
        overflow-x: hidden;
    }

    .ae .tab-content > #home.active, .ae .tab-content > #faqmenu.active {
        display: block;
        height: 105px;
        overflow-y: auto;
        padding: 10px 0px 10px 10px;
        overflow-x: hidden;
    }

    i.im.im-share {
        font-size: 24px;
        position: relative;
        top: 9px;
        padding-right: 4px;
    }

    .HumanEnsureGroup .humanQuestionOptions .imageBtn {
        text-align: center;
        background: rgba(255, 255, 255, .25);
        padding: 0px 0;
        border-radius: 50%;
        margin: 0 10px 0 1px;
        width: 25px;
        height: 25px;
        cursor: pointer;
        font-size: 1.5em;
    }
}

.health-updates .title {
    width: 20%;
}

@media (max-width: 767px) {
    .banner-slider .bxslider.slick-slider .slick-list .slick-track .container .caption {
        right: auto;
        /*display: none;*/
    }

    .banner-slider ul li img {
        margin-bottom: 0px;
    }

    .banner-slider .bx-wrapper .bx-viewport .bxslider li, .banner-slider .bx-wrapper .bx-viewport .slick-track li, .banner-slider .bx-wrapper .slick-list .bxslider li, .banner-slider .bx-wrapper .slick-list .slick-track li, .banner-slider .bxslider.slick-slider .bx-viewport .bxslider li, .banner-slider .bxslider.slick-slider .bx-viewport .slick-track li, .banner-slider .bxslider.slick-slider .slick-list .bxslider li, .banner-slider .bxslider.slick-slider .slick-list .slick-track li {
        height: auto;
    }

    .dropdown ul.dropdown-menu li a {
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
    }
}

.color-blind footer .base-footer .footer-nav li a,
.color-blind footer .base-footer .block-contain .social-block,
.color-blind footer .base-footer .block-contain .social-block .social-media li a,
.color-blind footer .base-footer .block-contain .toll-free, .color-blind .feedback-chat a, .color-blind .chat-box-body .nav-tabs.nav-justified li.active a, .color-blind .HumanEnsureGroup .humanQuestionContainer {
    color: #2d2d2d;
}


.color-green footer .base-footer .footer-nav li a, .color-green footer .base-footer .block-contain .social-block, .color-green footer .base-footer .block-contain .social-block .social-media li a,
.color-green footer .base-footer .block-contain .toll-free, .color-green .chat-box-body .nav-tabs.nav-justified li.active a, .color-green .HumanEnsureGroup .humanQuestionContainer {
    color: #3b5998;
}


.color-dha footer .base-footer .footer-nav li a,
.color-dha footer .base-footer .block-contain .social-block,
.color-dha footer .base-footer .block-contain .social-block .social-media li a,
.color-dha footer .base-footer .block-contain .toll-free, .color-dha.chat-box-body .nav-tabs.nav-justified li.active a, .color-dha.HumanEnsureGroup .humanQuestionContainer {
    color: #007780;
}

.color-blind .feedback-chat {
    background: #f1f5f6;
}

.color-blind .back-to-top, .color-blind .chat-header {
    background: #acacac;
}

.color-blind .live-chat-box .submit-chat-btn .theme-btn, .color-blind #faqmenu button.btn.btn-default {
    background: #2d2d2d;
}

.color-green .feedback-chat, .color-green .back-to-top, .color-green .chat-header, .color-green .live-chat-box .submit-chat-btn .theme-btn, .color-green #faqmenu button.btn.btn-default {
    background: #3b5998;
}



.color-dha.feedback-chat, .color-dha.live-chat-box .submit-chat-btn .theme-btn, .color-dha #faqmenu button.btn.btn-default {
    background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
    background: -moz-linear-gradient(left, #1a9172, #8cc63f);
    background: -o-linear-gradient(left, #1a9172, #8cc63f);
    background: -ms-linear-gradient(left, #1a9172, #8cc63f);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
    background: linear-gradient(to left, #1a9172, #8cc63f);
}

.color-dha.back-to-top {
    background: -webkit-linear-gradient(left, #1a9172, #007780);
    background: -moz-linear-gradient(left, #1a9172, #007780);
    background: -o-linear-gradient(left, #1a9172, #007780);
    background: -ms-linear-gradient(left, #1a9172, #007780);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#007780));
    background: linear-gradient(to left, #1a9172, #007780);
}

.color-green .chat-header {
    background: #3b5998;
}

.events {
    float: left;
    width: 100%;
}

    .events .container {
        position: relative;
    }

    .events .events-block {
        border: 1px solid #e6e6e6;
        background-color: #fff;
        /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;*/
        height: 140px;
        float: left;
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 10px;
    }

        .events .events-block .events-date {
            float: left;
            max-width: 120px;
            max-height: 120px;
            min-width: 120px;
            min-height: 120px;
            overflow: hidden;
            /*background: #007780;*/
        }

            .events .events-block .events-date .events-num {
                font-size: 4.5em;
                font-family: Dubai;
                color: #fff;
                display: block;
                text-align: center;
            }

            .events .events-block .events-date .events-text {
                color: #fff;
                display: block;
                text-align: center;
                font-size: 36px;
                font-weight: normal;
                /* margin-top: 0px; */
                line-height: 7px;
                font-family: Dubai;
                text-transform: uppercase;
            }

        .events .events-block .image-canvas img {
            max-width: 100%;
        }

        .events .events-block .events-desc {
            float: right;
            width: 415px;
            margin-left: 30px;
            /* margin-left: Infinity;*/
            margin-right: 30px;
            /* margin-right: Infinity*/
        }

            .events .events-block .events-desc h5 {
                margin: 0px 0px 5px;
                /*margin: Infinity 0px Infinity;*/
                color: #007780;
            }

            .events .events-block .events-desc .category {
                color: #8cc63f;
                font-size: 18px;
            }

                .events .events-block .events-desc .category i {
                    color: #007780;
                    font-size: 18px;
                }

            .events .events-block .events-desc p {
                margin-top: 12px;
                /*margin-top: Infinity;*/
                margin-bottom: 12px;
                /*margin-bottom: Infinity;*/
                color: #6d6f71;
                line-height: 26px;
            }

            .events .events-block .events-desc .btn {
                padding-left: 0px;
                /*padding-left: NaN;*/
                margin-bottom: 10px;
            }

        .events .events-block.no-thumb .events-desc {
            width: auto;
        }

.events-slider-button-next,
.events-slider-button-prev {
    margin-top: 30px;
}

.Campaigns {
    float: left;
    width: 100%;
}

    .Campaigns .container {
        position: relative;
    }

    .Campaigns .Campaigns-block {
        border: 1px solid #e6e6e6;
        background-color: #fff;
        /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;*/
        height: 275px;
        float: left;
        width: 100%;
        overflow: hidden;
        position: relative;
        box-shadow: 0 2px 10px rgba(0,0,0,0.12);
    }

        .Campaigns .Campaigns-block .Campaigns-date {
            float: left;
            background: #007780;
            width: 100%;
        }

            .Campaigns .Campaigns-block .Campaigns-date .Campaigns-num {
                font-size: 2.5em;
                font-family: Dubai;
                color: #fff;
                display: block;
                text-align: center;
                text-transform: uppercase;
            }

            .Campaigns .Campaigns-block .Campaigns-date .Campaigns-text {
                color: #fff;
                display: block;
                text-align: center;
                font-size: 36px;
                font-weight: normal;
                /* margin-top: 0px; */
                line-height: 7px;
                font-family: Dubai;
            }

        .Campaigns .Campaigns-block .image-canvas img {
            /*max-width: 100%;*/
            height: 90px;
            width: 90px;
        }

        .Campaigns .Campaigns-block .Campaigns-desc {
            float: left;
            width: 275px;
            padding: 10px;
            height: 200px;
            text-align: center;
            margin-left: 30px;
            /* margin-left: Infinity;*/
            margin-right: 30px;
            /* margin-right: Infinity*/
        }

            .Campaigns .Campaigns-block .Campaigns-desc h5 {
                margin: 5px 0px 5px;
                /*margin: Infinity 0px Infinity;*/
                color: #007780;
            }

            .Campaigns .Campaigns-block .Campaigns-desc .category {
                color: #8cc63f;
                font-size: 18px;
            }

                .Campaigns .Campaigns-block .Campaigns-desc .category i {
                    color: #007780;
                    font-size: 18px;
                }

            .Campaigns .Campaigns-block .Campaigns-desc p {
                color: #6d6f71;
                margin-bottom: 5px;
            }

            .Campaigns .Campaigns-block .Campaigns-desc .btn {
                padding-left: 0px;
                /*padding-left: NaN;*/
                margin-bottom: 10px;
            }

        .Campaigns .Campaigns-block.no-thumb .Campaigns-desc {
            width: auto;
        }

.Campaigns-slider-button-next,
.Campaigns-slider-button-prev {
    margin-top: 30px;
}
/*Search CSS Begin*/
#UpScopeLinkTop, #ResultFooter {
    display: none !important;
}

/*#Result, #SearchBox {
    padding-left: 20%!important;
}*/
#Result {
    padding-left: 20% !important;
}


/*Search CSS End*/


/*Css Added for loader and animation */
.loader-wrapper {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -120px;
}

#preloader_2 {
    position: relative;
    left: 50%;
    width: 80px;
    height: 80px;
}

    #preloader_2 span {
        display: block;
        bottom: 0px;
        width: 40px;
        height: 40px;
        background: #8cc63f;
        position: absolute;
    }

        #preloader_2 span:nth-child(1) {
            opacity: 0;
            -webkit-animation: preloader_2_1 1.5s infinite ease-in-out;
            -moz-animation: preloader_2_1 1.5s infinite ease-in-out;
            -ms-animation: preloader_2_1 1.5s infinite ease-in-out;
            animation: preloader_2_1 1.5s infinite ease-in-out;
        }

        #preloader_2 span:nth-child(2) {
            left: 40px;
            -webkit-animation: preloader_2_2 1.5s infinite ease-in-out;
            -moz-animation: preloader_2_2 1.5s infinite ease-in-out;
            -ms-animation: preloader_2_2 1.5s infinite ease-in-out;
            animation: preloader_2_2 1.5s infinite ease-in-out;
        }

        #preloader_2 span:nth-child(3) {
            top: 0px;
            -webkit-animation: preloader_2_3 1.5s infinite ease-in-out;
            -moz-animation: preloader_2_3 1.5s infinite ease-in-out;
            -ms-animation: preloader_2_3 1.5s infinite ease-in-out;
            animation: preloader_2_3 1.5s infinite ease-in-out;
        }

        #preloader_2 span:nth-child(4) {
            top: 0px;
            left: 40px;
            -webkit-animation: preloader_2_4 1.5s infinite ease-in-out;
            -moz-animation: preloader_2_4 1.5s infinite ease-in-out;
            -ms-animation: preloader_2_4 1.5s infinite ease-in-out;
            animation: preloader_2_4 1.5s infinite ease-in-out;
        }

@-webkit-keyframes preloader_2_1 {
    0% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -webkit-transform: translateX(-20px) translateY(-10px) rotate(-180deg);
        border-radius: 20px;
        background: #8cc63f;
    }

    80% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }

    100% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }
}

@-webkit-keyframes preloader_2_2 {
    0% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -webkit-transform: translateX(20px) translateY(-10px) rotate(180deg);
        border-radius: 20px;
        background: #8cc63f;
    }

    80% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }

    100% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }
}

@-webkit-keyframes preloader_2_3 {
    0% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -webkit-transform: translateX(-20px) translateY(10px) rotate(-180deg);
        border-radius: 20px;
        background: #8cc63f;
    }

    80% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }

    100% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }
}

@-webkit-keyframes preloader_2_4 {
    0% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -webkit-transform: translateX(20px) translateY(10px) rotate(180deg);
        border-radius: 20px;
        background: #007780;
    }

    80% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }

    100% {
        -webkit-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }
}

@-moz-keyframes preloader_2_1 {
    0% {
        -moz-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -moz-transform: translateX(-20px) translateY(-10px) rotate(-180deg);
        border-radius: 20px;
        background: #3498db;
    }

    80% {
        -moz-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }

    100% {
        -moz-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }
}

@-moz-keyframes preloader_2_2 {
    0% {
        -moz-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -moz-transform: translateX(20px) translateY(-10px) rotate(180deg);
        border-radius: 20px;
        background: #f1c40f;
    }

    80% {
        -moz-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }

    100% {
        -moz-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }
}

@-moz-keyframes preloader_2_3 {
    0% {
        -moz-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -moz-transform: translateX(-20px) translateY(10px) rotate(-180deg);
        border-radius: 20px;
        background: #2ecc71;
    }

    80% {
        -moz-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }

    100% {
        -moz-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }
}

@-moz-keyframes preloader_2_4 {
    0% {
        -moz-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -moz-transform: translateX(20px) translateY(10px) rotate(180deg);
        border-radius: 20px;
        background: #e74c3c;
    }

    80% {
        -moz-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }

    100% {
        -moz-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }
}

@-ms-keyframes preloader_2_1 {
    0% {
        -ms-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -ms-transform: translateX(-20px) translateY(-10px) rotate(-180deg);
        border-radius: 20px;
        background: #3498db;
    }

    80% {
        -ms-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }

    100% {
        -ms-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }
}

@-ms-keyframes preloader_2_2 {
    0% {
        -ms-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -ms-transform: translateX(20px) translateY(-10px) rotate(180deg);
        border-radius: 20px;
        background: #f1c40f;
    }

    80% {
        -ms-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }

    100% {
        -ms-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }
}

@-ms-keyframes preloader_2_3 {
    0% {
        -ms-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -ms-transform: translateX(-20px) translateY(10px) rotate(-180deg);
        border-radius: 20px;
        background: #2ecc71;
    }

    80% {
        -ms-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }

    100% {
        -ms-transform: translateX(0px) translateY(0px) rotate(-360deg);
        border-radius: 0px;
    }
}

@-ms-keyframes preloader_2_4 {
    0% {
        -ms-transform: translateX(0px) translateY(0px) rotate(0deg);
        border-radius: 0px;
    }

    50% {
        -ms-transform: translateX(20px) translateY(10px) rotate(180deg);
        border-radius: 20px;
        background: #e74c3c;
    }

    80% {
        -ms-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }

    100% {
        -ms-transform: translateX(0px) translateY(0px) rotate(360deg);
        border-radius: 0px;
    }
}

@-keyframes preloader_2_1 {
    0%;

{
    -transform: translateX(0px) translateY(0px) rotate(0deg);
    border-radius: 0px;
}

50% {
    -transform: translateX(-20px) translateY(-10px) rotate(-180deg);
    border-radius: 20px;
    background: #3498db;
}

80% {
    -transform: translateX(0px) translateY(0px) rotate(-360deg);
    border-radius: 0px;
}

100% {
    -transform: translateX(0px) translateY(0px) rotate(-360deg);
    border-radius: 0px;
}

}

@-keyframes preloader_2_2 {
    0%;

{
    -transform: translateX(0px) translateY(0px) rotate(0deg);
    border-radius: 0px;
}

50% {
    -transform: translateX(20px) translateY(-10px) rotate(180deg);
    border-radius: 20px;
    background: #f1c40f;
}

80% {
    -transform: translateX(0px) translateY(0px) rotate(360deg);
    border-radius: 0px;
}

100% {
    -transform: translateX(0px) translateY(0px) rotate(360deg);
    border-radius: 0px;
}

}

@-keyframes preloader_2_3 {
    0%;

{
    -transform: translateX(0px) translateY(0px) rotate(0deg);
    border-radius: 0px;
}

50% {
    -transform: translateX(-20px) translateY(10px) rotate(-180deg);
    border-radius: 20px;
    background: #2ecc71;
}

80% {
    -transform: translateX(0px) translateY(0px) rotate(-360deg);
    border-radius: 0px;
}

100% {
    -transform: translateX(0px) translateY(0px) rotate(-360deg);
    border-radius: 0px;
}

}

@-keyframes preloader_2_4 {
    0%;

{
    -transform: translateX(0px) translateY(0px) rotate(0deg);
    border-radius: 0px;
}

50% {
    -transform: translateX(20px) translateY(10px) rotate(180deg);
    border-radius: 20px;
    background: #e74c3c;
}

80% {
    -transform: translateX(0px) translateY(0px) rotate(360deg);
    border-radius: 0px;
}

100% {
    -transform: translateX(0px) translateY(0px) rotate(360deg);
    border-radius: 0px;
}

}

#drawing_canvas {
    position: absolute;
    margin: auto;
    width: 512px;
    height: 350px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.none {
    display: none;
}

@media (max-width:420px) {
    #dhalogo_element {
        text-align: center;
        margin-top: 50px;
    }

    svg {
        width: 256px;
        height: 175px;
    }
}

img {
    transition: all 1s ease;
}

    img:hover {
        transform: scale(1.025);
    }

        img:hover::before {
            -webkit-animation: circle .75s;
            animation: circle .75s;
        }

    img::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }
/*.news .news-block .image-canvas,.Campaigns .Campaigns-block .image-canvas,.better-health .issue-item{position: relative;}
    .news .news-block .image-canvas::before, .Campaigns .Campaigns-block .image-canvas::before,.better-health .issue-item::before{
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(0, 139, 153,.5);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }
    .news .news-block .image-canvas:hover::before, .Campaigns .Campaigns-block .image-canvas:hover::before, .better-health .issue-item:hover::before {
      -webkit-animation: circle .75s;
      animation: circle .75s;      
    }*/
.image-canvas {
    display: inline-block;
    overflow: hidden;
}

.services .blocks-list .box {
    transition: all .2s ease;
}

    .services .blocks-list .box:hover {
        border-radius: 0px;
        box-shadow: 0 0 10px rgba(0,0,0,.13);
    }
/* .services .blocks-list .box .icon-canvas .icon {
        color: #007780;
        font-size: 75px;
        width: 120px;
        height: 120px;
        vertical-align: middle;
        display: inline-block;
        line-height: 120px;
        border-radius: 15px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .services .blocks-list .box .icon-canvas .icon:hover {
        background-color: #007780;
        animation-name: zoomIn;
        animation-duration: 300ms;
        -moz-animation-name: zoomIn;
        -moz-animation-duration: 300ms;
        webkit-animation-name: zoomIn;
        -webkit-animation-duration: 300ms;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }*/

/*svg {
      animation: preloader 1s infinite linear;
    }*/

@keyframes preloader {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
/* svg path:first-child,svg path:nth-child(2){
        fill:#8cc63f;
        fill-opacity:1;
    }
    svg path:nth-child(3){
        fill:#007780;
        fill-opacity:1;
    }*/

/* Loader Animations CSS Starts Here */
#loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 4000;
    overflow: hidden;
}

    #loading-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #ffffff;
        z-index: 4000;
    }

        #loading-wrapper .loader-section.section-left {
            left: 0;
        }

        #loading-wrapper .loader-section.section-right {
            right: 0;
        }

.loaded #loading-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loading-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #dhaloader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loading-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

    .loaded #loading-wrapper .loader-section.section-right,
    .loaded #loading-wrapper .loader-section.section-left {
        -webkit-transition: all 0.3s 0.3s ease-out;
        transition: all 0.3s 0.3s ease-out;
    }

#dhaloader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #8cc63f;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 4001;
}

    #dhaloader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #007780;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #dhaloader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #8cc63f;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

.no-js #loading-wrapper {
    display: none;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*end of css for animation*/

/*Pagination*/
ul.custompagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.custompagination li {
    display: inline;
}

.custompagination > li > a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #007780;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

/*End Pagination*/

/*Contact Us Map*/
.contact-map {
    width: 100%;
    height: 316px;
}

/*Contact */

/*Search Begin*/


.mt20 {
    margin-top: 20px;
}

.btn-maintheme {
    background: -webkit-gradient(linear, left top, left bottom, from(#52dce5), to(#007780));
    background-image: linear-gradient(#52dce5, #007780);
    border-color: #52dce5;
}

ol {
    margin: 0;
    padding: 0;
}

.result-list {
    position: relative;
    /*margin-top: 1.75em;*/
    line-height: 1.231em;
}

    .result-list a {
        text-decoration: none;
    }

        .result-list a:hover {
            text-decoration: underline;
        }

.result {
    display: block;
    width: 100%;
    margin-bottom: 1.75em;
    -webkit-transition: width 0.25s;
    -moz-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s;
    transition-property: width, padding;
    zoom: 1;
    font-family: 'Dubai',sans-serif;
}

.result-value {
    font-weight: bold;
    margin: 0 0 2px 0;
    font-size: 1.23em;
    line-height: 1.1667em;
    color: #007780;
    font-family: 'Dubai',sans-serif;
}

.result-summary {
    max-width: 585px;
    margin-top: 1px;
    margin-bottom: 2px;
    font-weight: 300;
}

    .result-summary .result-value {
        color: #000;
        font-weight: 300;
        font-size: 1em;
    }

.result-url {
    white-space: nowrap;
    overflow: hidden;
}

    .result-url .result-value a {
        color: #8cc63f;
        font-size: 13px;
        font-weight: lighter;
    }

.tag-data {
    font-size: 15px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 6px;
    display: inline-block;
}

    .tag-data i.fa {
        margin-right: 5px;
    }

.result-label {
    font-size: 14px;
    line-height: 1.45em;
    margin-top: 0px;
}

.label-theme {
    background-color: #007780;
}

a.tag-data.label.label-theme:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    background-color: #2bbbad;
}

.result-related {
    margin-top: 0px;
    padding-bottom: 0.33em;
    border-bottom: 1px solid #ccc;
    line-height: 1.2em;
}

.pagination-center {
    margin: auto 0px;
    width: 100%;
    text-align: center;
}

.serviceside {
    display: block;
    width: 100%;
    border: 1px solid silver;
    background: #f9f9f9;
    margin: 0 0 30px;
}

    .serviceside .title {
        background: #008b9a;
        color: #fff;
        font-size: 23px;
        font-family: 'Dubai',sans-serif;
    }

        .serviceside .title h5 {
            color: #fff;
            font-size: 23px;
            line-height: 26px;
            padding: 15px 14px;
            margin: 0;
        }

.tags-details {
    padding: 7px;
}

.results-timelist {
    padding: 5px 0;
    color: #007780;
    font-weight: bold;
    font-size: 13px;
}

.custompagination.custom > .active > a, .custompagination.custom > .active > a:focus, .custompagination.custom > .active > a:hover, .custompagination.custom > .active > span, .custompagination.custom > .active > span:focus, .custompagination.custom > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #007780;
    border-color: #007780;
}

/*Search End*/
/*Contact us css*/

.contact-title {
    padding: 4px 0;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
    font-size: 24px;
    color: #008b9a;
    font-family: 'Dubai', sans-serif;
    font-weight: 400;
}

.contact-details {
    display: inline-block;
}

    .contact-details ul {
        margin: 0;
        padding: 0;
    }

        .contact-details ul li {
            list-style: none;
        }

    .contact-details h6 {
        font-size: 16px;
        margin: 10px 0;
        font-weight: bold;
    }

    .contact-details p {
        font-size: 13px;
        -webkit-font-smoothing: antialiased;
        margin: 0;
    }

    .contact-details a {
        color: #007780;
        text-decoration: none;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
    }

.contact-map {
    width: 100%;
    min-height: 390px;
}

.contact-hospital {
    border-top: 1px solid #d9d9d9;
    margin: 20px 0;
}

hr {
    border-top: 1px solid #d9d9d9;
}

.contact-subtitle {
    padding: 4px 0;
    margin-bottom: 10px;
    font-size: 24px;
    color: #008b9a;
    font-family: 'Dubai', sans-serif;
    font-weight: 400;
}

.hospital-address a {
    color: #007780;
    font-size: 16px;
    margin: 7px 0;
    text-decoration: none;
    cursor: pointer;
}

.hospital-address h3 {
    font-size: 18px;
    color: #000;
}

.hospital-address ul, ul.contact-centers, ul.phc-centers {
    padding: 0;
    margin: 0;
}

    .hospital-address ul li, ul.contact-centers li, ul.phc-centers li {
        list-style: none;
    }

.contact-hospital .well {
    padding: 6px 10px;
    margin-bottom: 5px;
}

    .contact-hospital .well .well-title {
        font-size: 13px;
        font-family: 'Dubai', sans-serif;
        margin: 5px 0 0 0;
    }

    .contact-hospital .well .well-link {
        font-family: 'Dubai', sans-serif;
        margin: 5px 0 0 0;
        font-size: 16px;
    }

        .contact-hospital .well .well-link a {
            color: #007780;
            font-weight: normal;
        }

ul.contact-centers li {
    margin-bottom: 10px;
}

    ul.contact-centers li a, ul.phc-centers li a {
        text-decoration: none;
        cursor: pointer;
        font-size: 16px;
        color: #000;
    }

        ul.contact-centers li a i.fa {
            margin-right: 5px;
        }

ul.phc-centers li {
    margin-bottom: 10px;
}

    ul.phc-centers li a i.fa {
        margin-right: 5px;
    }

.contact-timing {
    font-weight: bold;
}

/*changes on 23-8-2017 fro acceblity*/
/* CSS for color blind and color green */
.color-green .DHAiconinner a + a > i, .color-green .DHAiconinner a i, .color-green .DHAiconinner a + a + a > i, .color-green .DHAicon a + a + a > i, .color-green .DHASearchiconinner a + a + a > i,
.color-green .DHASearchiconinner a + a > i, .color-green .DHASearchiconinner a > i {
    color: #3b5998;
}

.color-green #sidenav > ul > li > a {
    color: #3b5998;
}

.color-green .fancybox_smartdubai {
    background-color: #3b5998 !important;
}

.color-green .smart-apps .apps-box .store-btns .store:before {
    color: #3b5998;
}

.color-green .smart-apps .apps-box .apps-desc p {
    color: #3b5998;
}

.color-green .news .news-block .news-desc p {
    color: #3b5998;
}

.color-green .find-doctor .nav-container .tab-pane .left-side p {
    color: #3b5998;
}

.color-green .find-doctor .nav-container .tab-pane .right-side label {
    color: #3b5998;
}

.color-green footer .footer-bottom {
    background: #3b5998;
}

.color-green .smart-apps .apps-box .store-btns, .color-green .btn-arrow, .color-green .smart-apps .apps-box .icon-canvas, .color-green .services .list-services img, .color-green .services .blocks-list img, .color-green .accessibility-panel img, .color-green .input-group-btn .dropdown-toggle .caret {
    /* -webkit-filter: grayscale(1); */
    /* filter: gray;*/
    /* filter: grayscale(1); */
}

.color-green #divread span.glyphicon, .color-green #divread span.fa {
    background: #3b5998;
}

.color-green .panel-body {
    color: #3b5998;
}

.color-green .form-control:focus, .color-green input[type="text"].form-control:focus {
    border-color: #3b5998;
}

.color-blind .DHAiconinner a + a > i, .color-blind .DHAiconinner a i, .color-blind .DHAiconinner a + a + a > i, .color-blind .DHAicon a + a + a > i, .color-blind .DHASearchiconinner a + a + a > i,
.color-blind .DHASearchiconinner a + a > i, .color-blind .DHASearchiconinner a > i {
    color: #767676;
}

.color-blind #divread span.glyphicon, .color-blind #divread span.fa {
    background: #000;
}

.color-blind .inner-content h4, .color-blind .main-inner h4 {
    color: #000;
}

.color-blind .fancybox_smartdubai {
    background: #acacac;
}

.color-green .news ol li {
    color: #3b5998;
    /* list-style: none; */
}

.color-green .btn-primary:focus, .color-green .btn-primary:hover, .color-green .btn-primary:visited, .color-green input[type=button]:focus, .color-green input[type=button]:hover, .color-green input[type=button]:visited {
    background: #3b5998;
    color: #fff;
    border-radius: 0;
   /* border: 1px solid #3b5998;*/
}

.color-blind .btn-primary:focus, .color-blind .btn-primary:hover, .color-blind .btn-primary:visited, .color-blind input[type=button]:focus, .color-blind input[type=button]:hover, .color-blind input[type=button]:visited {
    background: #acacac;
    color: #fff;
    border-radius: 0;
   /* border: 1px solid #acacac;*/
}

.profile-desc h4 span, .profile-desc ul li span {
    display: inline-block;
}

.profile-desc ul {
    padding: 0;
}

.x-large-font .caption > h4 {
    min-height: 75px;
}

.large-font .caption > span {
    font-size: 16px;
}

.x-large-font .caption > span {
    font-size: 18px;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:visited, input[type=button]:focus, input[type=button]:hover, input[type=button]:visited {
    background: #92c544;
    color: #fff;
    border-radius: 0;
    border: 1px solid #92c544;
}

.color-blind .chairman-msg .title, .color-blind .chairman-msg strong {
    color: #fff;
}

.color-green .chairman-msg .title, .color-green .chairman-msg strong {
    color: #3b5998;
}

.x-large-font .chairman-msg .title, .x-large-font .chairman-msg strong {
    font-size: 20px;
}

.large-font .chairman-msg .title, .large-font .chairman-msg strong {
    font-size: 18px;
}

.top-service h2 {
    font-size: 24px;
}

.x-small-font .top-service h2 {
    font-size: 20px !important;
}

.small-font .top-service h2 {
    font-size: 22px !important;
}

.small-font .title h2 {
    font-size: 30px !important;
}

.x-small-font .title h2 {
    font-size: 28px !important;
}

footer .base-footer .foot-contain .toll-free:before {
    font-size: 34px;
    content: "\e906";
    position: absolute;
    right: 0px;
    font-family: "icomoon";
    left: 0px;
    top: 0px;
}

footer .base-footer .foot-contain .toll-free {
    padding: 0px 0px 10px 40px;
    /*padding: Infinity 0px Infinity Infinity;*/
    /* margin-top: 52px; */
    margin-top: 10px;
    /*margin-top: Infinity;*/
    display: block;
    float: left;
    width: 100%;
    /* color: #666; */
    color: #007780;
    text-decoration: none;
    position: relative;
}

.foot-contain ul.social-media {
    padding: 0;
    margin: 0;
    list-style: none;
}

.foot-contain .social-media li {
    float: left;
    padding: 10px;
    border: 1px solid #007780;
    border-radius: 50%;
    margin-right: 10px;
}

    .foot-contain .social-media li a {
        color: #007780;
    }

        .foot-contain .social-media li a:hover {
            color: #8cc63f;
        }

.foot-contain .social-block {
    display: inline-block;
}

/*changes on 23-8-2017 fro acceblity end*/

/*Changes on 24-8-2017 for faq fixes*/
.bwl_acc_container {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*font-smooth: always;*/
    max-width: 100%;
    margin: 0 auto;
    font-family: 'Dubai', sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 300;
}

.acc-ctrl-btn {
    padding: 0;
    margin: 0 0 12px 0;
    box-sizing: border-box;
    text-align: right;
    display: block;
    clear: both;
    width: 100%;
}

    .acc-ctrl-btn .acc-expand-all,
    .acc-ctrl-btn .acc-collapsible-all {
        width: 24px;
        height: 24px;
        border: 1px solid #CCCCCC;
        font-size: 12px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
    }

    .acc-ctrl-btn .acc-expand-all {
        margin-right: 5px;
    }

div.acc_container {
    margin: 0 0 2px 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    background: #fbfbfb;
    border: 1px solid #d6d6d6;
    display: none;
}

    div.acc_container .block {
        padding: 0 12px;
    }

.bsa_pagination_nav_block {
    display: block;
    clear: both;
}

#bsa_page_navigation {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
}

    #bsa_page_navigation a {
        /*padding: 1px 5px;
		  border: 1px solid #cccccc;
		  margin: 2px;
		  color: black;
		  text-decoration: none;
		  text-align: center;
		  outline: none;*/
        position: relative;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
        display: inline-block;
    }

        #bsa_page_navigation a.active_page {
            color: #ffffff;
            background: #007780;
            border: 1px solid #007780;
        }

    #bsa_page_navigation span.total_pages {
        display: none;
        margin: 5px 0 0 0;
        font-size: small;
    }

    #bsa_page_navigation a.previous_link,
    #bsa_page_navigation a.next_link {
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        font-weight: normal;
    }

.default_theme_nav a.active_page {
    background: #b3b330;
}

h2.acc_title_bar {
    font-family: 'Dubai', sans-serif;
    padding: 0;
    margin: 0 0 2px 0;
    min-height: 46px;
    line-height: 46px;
    font-size: 18px;
    font-weight: 500;
    display: block;
    background: transparent;
    overflow: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-transition: font-size 0.5s 0.1s ease-in;
    -moz-transition: font-size 0.5s 0.1s ease-in;
    -o-transition: font-size 0.5s 0.1s ease-in;
    transition: font-size 0.5s 0.1s ease-in;
}

    h2.acc_title_bar a {
        color: #007780;
        text-decoration: none;
        display: block;
        padding: 0 0 0 5px;
        position: relative;
    }

h2.default-title-bar {
    background-color: #fff;
    border: 1px solid #ddd;
}

.accordion_search_container {
    margin-bottom: 10px;
}

.search_result_container {
    line-height: 24px;
    display: none;
    background: #007780;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 5px;
    margin-bottom: 12px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    h2.acc_title_bar {
        min-height: 46px;
        line-height: 18px;
        font-size: 14px;
    }

        h2.acc_title_bar a {
            color: #ffffff;
            text-decoration: none;
            display: block;
            padding: 12px 2px 0 52px;
            position: relative;
            height: 100%;
        }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    h2.acc_title_bar {
        min-height: 46px;
        line-height: 24px;
        font-size: 13px;
    }

        h2.acc_title_bar a {
            color: #007780;
            text-decoration: none;
            display: block;
            padding: 10px 2px 0 10px;
            position: relative;
            height: 100%;
            line-height: 14px;
        }

    h2.rtl-title-bar a {
        padding: 0px 56px 0 0;
    }
}


#accordion.list {
    padding: 0px;
}

    #accordion.list .panel-default {
        border-radius: 0px;
    }

        #accordion.list .panel-default h4.panel-title {
            color: #007780;
            font-size: 24px;
            margin-bottom: 0px;
            line-height: 1.45em;
            padding: 0px;
        }

            #accordion.list .panel-default h4.panel-title a {
                font-size: 18px;
            }

.input-group.faqField.DHAiconinner {
    width: 100%;
}

    .input-group.faqField.DHAiconinner input[type="text"] {
        border-radius: 0px;
    }

.ae #accordion.list .panel-heading .accordion-toggle:after {
    float: left;
}

.result-url p.result-value {
    font-size: 1em;
    font-weight: normal;
}

.result-title .result-value a {
    font-size: 1em;
}

.tags-details span.tags {
    display: inline-block;
}

.input-group .form-control, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 1;
}

.x-small-font .panel-body.Answer, .x-small-font .comment.more {
    font-size: 12px;
}

.small-font .panel-body.Answer, .small-font .comment.more {
    font-size: 14px;
}

.large-font .panel-body.Answer, .large-font .comment.more {
    font-size: 18px;
}

.x-large-font .panel-body.Answer, .x-large-font .comment.more {
    font-size: 20px;
}

.ae footer .base-footer .foot-contain .toll-free {
    background-position: right center;
    padding-left: 0px;
    padding-right: 40px;
}

.ae footer .base-footer .block-contain .social-block .social-media {
    width: 100%;
}

@media(max-width:1024px) {
    i .im.im-share {
        font-size: 36px;
        position: relative;
        top: 13px;
        padding-right: 4px;
    }

    span.spanShare {
        display: none;
    }
}

@media(max-width:420px) {
    i .im.im-share {
        font-size: 24px;
        position: relative;
        top: 10px;
        padding-right: 4px;
    }
}

/*end of changes on 24-8-2017 for faq fixes*/

/*Changes on 27-8-2017 for faq fixes*/
.stylish-input-group {
    width: 100%;
    border-radius: 2px;
}

    .stylish-input-group .form-control {
        height: 45px;
    }

.DHASearchiconinner a i {
    right: 30px;
    top: -7px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 21px;
    z-index: 1;
}

.DHASearchiconinner a + a > i {
    right: 60px;
    top: -7px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}

.DHASearchiconinner a + a + a > i {
    right: 0px;
    top: -7px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}

.ae .DHASearchiconinner a i {
    left: 30px;
    right: auto;
}

.ae .DHASearchiconinner a + a > i {
    left: 60px;
    right: auto;
}

.ae .DHASearchiconinner a + a + a > i {
    left: 0px;
    right: auto;
}

.services .blocks-list .box .icon-canvas i.icon.icon-icon-individuals {
    font-size: 75px;
    line-height: 66px;
}

.DHAiconinner a i:focus, .DHAiconinner a + a > i:focus {
    z-index: 3;
}

.doctors-list .form-doctor input[type=text] {
    padding-right: 75px;
}

.DHAicon a + a + a > i {
    right: 0px;
    top: 0px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}

.ae .DHAicon a + a + a > i {
    left: 0px;
    right: auto;
}

.color-blind h4, .color-blind .results-timelist, .color-blind .result-label, .color-blind .result-url p.result-value,
.color-blind .result-summary .result-value {
    color: #f7f7f7;
}

.color-blind .serviceside .title, .color-blind .label-theme {
    background: #acacac;
}

.color-blind #bsa_page_navigation a.active_page {
    background: #acacac;
    border: 1px solid #acacac;
    color: #fff;
}

.color-blind #bsa_page_navigation a {
    color: #000;
}

.color-green h4, .color-blind .results-timelist, .color-green .result-label, .color-green .result-url p.result-value,
.color-green .result-summary .result-value {
    color: #3b5998;
}

.color-green #bsa_page_navigation a.active_page {
    background: #3b5998;
    border: 1px solid #3b5998;
    color: #fff;
}

.color-green #bsa_page_navigation a {
    color: #3b5998;
}

.color-green .serviceside .title, .color-green .label-theme {
    background: #3b5998;
}

.color-green .label-theme {
    color: #ffffff;
}

input[type="text"].SearchNoIcon {
    padding-right: 105px;
}

input.accordion_search_input_box.search_icon.form-control {
    height: 50px;
}

/*end of changes on 27-8-2017 for faq fixes*/

/*changes on 28-8-2017 for arabic content fixes*/
.ae .medicaledu .icon-tabs li {
    float: right;
}

.color-green .better-health h2, .color-green .find-doctor h2, .color-green .social-feeds h2,
.color-green .nav-tabs li.active a h4 {
    color: #3b5998;
}

.color-green .nav-tabs li a h4 {
    color: #fff;
}

.large-font .inner-content h2, .large-font .title h2 {
    font-size: 34px !important;
}

.x-large-font .inner-content h2, .x-large-font .title h2 {
    font-size: 36px !important;
}

.large-font .hospital-address h3, .large-font .news h3 {
    font-size: 20px !important;
}

.x-large-font .hospital-address h3, .x-large-font .news h3 {
    font-size: 22px !important;
    line-height: 22px;
}

.small-font .news h3 {
    font-size: 16px !important;
}

.x-small-font .news h3 {
    font-size: 14px !important;
}

.large-font .main-inner p, .large-font .info-news {
    font-size: 18px !important;
}

.x-large-font .main-inner p, .x-large-font .info-news {
    font-size: 20px !important;
}

.small-font .main-inner p, .small-font .info-news {
    font-size: 14px !important;
}

.x-small-font .main-inner p, .x-small-font .info-news {
    font-size: 12px !important;
}

/*end of changes on 28-8-2017 for arabic content fixes*/

/*changes on 29-8-2017 for search textbox fixes*/
.x-small-font header .searchbox.open input[type=text] {
    height: 55px;
}

.small-font header .searchbox.open input[type=text] {
    height: 58px;
}

header .searchbox.open input[type=text] {
    height: 61px;
}

.large-font header .searchbox.open input[type=text] {
    height: 64px;
}

.x-large-font header .searchbox.open input[type=text] {
    height: 67px;
}

.acc_container p {
    padding-top: 10px !important;
}

.color-green .access-block .title h4 {
    color: #ffffff;
}

.x-large-font header .searchbox .searchbtn {
    height: 67px !important;
}

.large-font .services .blocks-list .box h3 {
    font-size: 26px !important;
}

.x-large-font .services .blocks-list .box h3 {
    font-size: 28px !important;
}

footer .base-footer .footer-nav li a:visited {
    color: #663399;
}

.ae .service-table caption {
    text-align: right;
}

.ae .backser i {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ae .paging-container i.fa.fa-long-arrow-right {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ae ul.phc-centers li a i.fa {
    margin-left: 5px;
    margin-right: 0px;
}

.ae ul.contact-centers li a i.fa {
    margin-left: 5px;
    margin-right: 0px;
}

.x-small-font h2.title, .x-small-font .contact-subtitle {
    font-size: 28px !important;
}

.small-font h2.title, .small-font .contact-subtitle {
    font-size: 30px !important;
}

.x-large-font h2.title, .x-large-font .contact-subtitle {
    font-size: 36px !important;
}

.large-font h2.title, .large-font .contact-subtitle {
    font-size: 34px !important;
}

.platform span {
    display: inline-block;
    margin-left: 5px;
}

.ae .platform span {
    margin-left: 0px;
    margin-right: 5px;
}

.ae ul.platform {
    padding: 0;
}

.x-large-font .main-inner .read, .x-large-font .main-inner .readmore {
    padding: 0 40px 0 0;
}

.large-font .main-inner .read, .large-font .main-inner .readmore {
    padding: 0 35px 0 0;
}

.x-large-font .result-label {
    font-size: 18px !important;
}

.large-font .result-label {
    font-size: 16px !important;
}

.x-small-font .result-label {
    font-size: 12px !important;
}

.small-font .result-label {
    font-size: 10px !important;
}

.small-font .services .blocks-list .box h3, .small-font .info-con h3 {
    font-size: 22px !important;
}

.x-small-font .services .blocks-list .box h3, .x-small-font .info-con h3 {
    font-size: 20px !important;
}

.x-large-font .info-con h3 {
    font-size: 28px !important;
}

.large-font .info-con h3 {
    font-size: 26px !important;
}

.results-timelist span {
    display: inline-block;
}

.color-blind h2.acc_title_bar a, .color-blind .acc_container p {
    color: #000000;
}

.color-green h2.acc_title_bar a {
    color: #3b5998;
}

.ae #bsa_page_navigation a i.fa.fa-angle-double-right, .ae #bsa_page_navigation a i.fa.fa-angle-right {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ae #bsa_page_navigation a i.fa.fa-angle-left, .ae #bsa_page_navigation a i.fa.fa-angle-double-left {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*end of changes on 29-8-2017 for search textbox fixes*/

/*Hide Keyboard in Mobile*/
@media (max-width: 1024px) {
    .keyboard {
        display: none !important;
    }
}

@media (max-width: 375px) {
    .result-url p.result-value span {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 260px;
        overflow: hidden;
    }
}

@media (max-width:420px) {
    #doctor .DHAiconinner a i, #facility .DHAiconinner a i {
        right: 77px;
        top: 12px;
    }
}

#accordion .panel-heading .accordion-toggle:after {
    display: none;
}

.page-center {
    width: 100% !important;
    text-align: center;
}

/*end of changes on 4-9-2017 for Keyboard fixes*/

/*loader css 12/09/2017*/

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255) url(../img/DHAAnimation.gif) center no-repeat;
    z-index: 3;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.pace-inactive {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

.pace .pace-progress {
    background-color: rgba(255, 255, 255, 0.4);
    position: fixed;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 100%;
}

.pace-progress-inner {
    width: 100%;
    height: 100%;
}
/*end of laader css*/

/*home page new design css 12/09/17*/
.find-doctor .nav-container .tab-pane.detail-map .full-map #mapfacilities, .find-doctor .nav-container .tab-pane.detail-map .full-map #mappharmacy {
    height: 440px;
}

.full-map {
    width: 100%;
    float: left;
    position: relative;
    letter-spacing: 0;
}

.search-results-tab {
    background: #fff;
    height: 100%;
    left: -325px;
    position: absolute;
    bottom: 0;
    width: 325px;
    box-shadow: 3px 0 5px rgba(0,0,0,.10);
    transition: all .3s linear;
    cursor: pointer;
}

.txtfields-content {
    background: #fff;
    height: 100%;
    left: -325px;
    position: absolute;
    bottom: 0;
    width: 325px;
    box-shadow: 3px 0 5px rgba(0,0,0,.10);
    transition: all .3s linear;
    cursor: pointer;
    z-index: 1;
}

.search-results-tab.open {
    left: 0px;
}

.txtfields-content.open {
    left: 0px;
}

.search-result-btn {
    width: 23px;
    height: 75px;
    background: #fff;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    position: absolute;
    right: -23px;
    text-align: center;
    top: 32%;
    font-size: 17px;
    line-height: 75px;
    box-shadow: 2px 0 3px rgba(0,0,0,0.15) inset, 3px 0 4px rgba(0,0,0,.1);
    transition: all .3s ease-in;
}

.search-txtfields {
    width: 35px;
    height: 60px;
    background: #007780;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    position: absolute;
    left: -4px;
    text-align: center;
    top: 36%;
    font-size: 17px;
    line-height: 60px;
    box-shadow: 2px 0 3px rgba(0,0,0,0.15) inset, 3px 0 4px rgba(0,0,0,.1);
    transition: all .3s ease-in;
    z-index: 1;
    padding-left: 5px;
    background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
    background: -moz-linear-gradient(left, #1a9172, #8cc63f);
    background: -o-linear-gradient(left, #1a9172, #8cc63f);
    background: -ms-linear-gradient(left, #1a9172, #8cc63f);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
}

.search-results-text {
    transform: rotate(-90deg);
    /*transform-origin: left top 0;*/
    /*float: left;*/
}

.search-txtfields.open {
    z-index: 2;
}

.search-results-content .listing-count {
    background-color: #ebebeb;
    padding: 8px 30px;
}

    .search-results-content .listing-count h6 {
        margin: 0px;
        color: #6d6f71;
    }

.search-results-content ul.list-results {
    padding: 0;
    margin: 0;
    height: 230px;
}

    .search-results-content ul.list-results li {
        list-style: none;
        padding: 10px 30px 10px 10px;
        border-bottom: 1px solid #ebebeb;
    }

    .search-results-content ul.list-results h4 {
        margin: 0px;
        font-size: 16px;
        border-bottom: 2px solid #007780;
        line-height: 1.35em;
    }

    .search-results-content ul.list-results .location {
        margin: 3px 0;
        font-size: 13px;
        font-weight: bold;
        font-family: 'Dubai',sans-serif;
        /* float: left;*/
    }

    .search-results-content ul.list-results .call {
        margin-bottom: 0px;
    }

        .search-results-content ul.list-results .call a {
            /*margin: 0px 15px 0;*/
            margin: 0px;
            font-size: 13px;
            font-weight: bold;
            font-family: 'Dubai',sans-serif;
            color: #2a2a2a;
        }

    .search-results-content ul.list-results .btn {
        padding: 1px 18px 0 0;
        font-size: 13px;
        color: #007780;
    }

    .search-results-content ul.list-results .btn-arrow:after {
        font-size: 13px;
    }

.search-toggle.search-result-btn.open i.fa {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.search-txtfields.open i.fa {
    /*-webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); */
}

.search-txtfields i.fa {
    color: #fff;
}

.txtfields-content .filter-panel {
    padding: 10px 10px 10px 40px;
}

    .txtfields-content .filter-panel label {
        font-size: 16px;
        font-family: 'Dubai',sans-serif;
    }

.filterUsedServices {
    height: 150px;
    width: 210px;
    margin: 10px;
    display: inline-block;
}

.filterUsedServices1 {
    height: 310px;
    width: 269px;
    margin: 10px;
    display: inline-block;
}

    .filterUsedServices1 .section-service-box .service-box ul.list-items,
    .filterUsedServices1 .section-usedservice-box .service-box ul.list-items,
    .filterUsedServices1 .section-Categoryservice-box .service-box ul.list-items {
        padding: 0;
        height: 50px;
    }

        .filterUsedServices1 .section-service-box .service-box ul.list-items li,
        .filterUsedServices1 .section-usedservice-box .service-box ul.list-items li,
        .filterUsedServices1 .section-Categoryservice-box .service-box ul.list-items li {
            list-style: none;
        }

            .filterUsedServices1 .section-service-box .service-box ul.list-items li a,
            .filterUsedServices1 .section-usedservice-box .service-box ul.list-items li a,
            .filterUsedServices1 .section-Categoryservice-box .service-box ul.list-items li a {
                font-size: 1em;
                font-family: 'Dubai',sans-serif;
            }

    .filterUsedServices1 .section-service-box .service-box .headclass1,
    .filterUsedServices1 .section-usedservice-box .service-box .headclass1,
    .filterUsedServices1 .section-Categoryservice-box .service-box .headclass1 {
        font-size: 1.5em;
    }

.section-service-box, .section-usedservice-box, .section-Categoryservice-box {
    height: 100%;
    max-width: 360px;
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: left;
    position: relative;
    /*border: 1px solid #e6e6e6;*/
    transition: all 0.3s linear 0s;
    cursor: pointer;
    /* box-shadow: 0 14px 26px rgba(0,0,0,0.04); */
    box-shadow: 0 5px 15px rgba(0,0,0,0.04);
    background: white;
}

    .section-service-box .service-box .icon-canvas, .section-usedservice-box .service-box .icon-canvas, .section-Categoryservice-box .service-box .icon-canvas {
        vertical-align: middle;
        min-height: 0;
    }

        .section-service-box .service-box .icon-canvas .icon, .section-usedservice-box .service-box .icon-canvas .icon, .section-Categoryservice-box .service-box .icon-canvas .icon {
            color: #007780;
            font-size: 56px;
        }

    .section-service-box .service-box h3, .section-usedservice-box .service-box h3, .section-Categoryservice-box .service-box h3 {
        color: #007780;
    }

    .section-service-box .service-box, .section-usedservice-box .service-box, .section-Categoryservice-box .service-box {
        background-color: #fff;
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
        padding: 15px 20px;
        height: 100%;
    }

        .section-service-box .service-box.pad-center, .section-usedservice-box .service-box.pad-center, .section-Categoryservice-box .service-box.pad-center {
            padding: 30px 20px;
        }

    .section-service-box .headclass, .section-usedservice-box .headclass, .section-Categoryservice-box .headclass {
        font-size: 1em;
        line-height: 1.125em;
        height: 40px;
        /*font-weight: bold;*/
        font-family: 'Dubai',sans-serif;
        text-align: center;
        letter-spacing: .025em;
        margin: 10px 0px 10px;
    }

    .section-service-box .service-box .icon-canvas img, .section-usedservice-box .service-box .icon-canvas img, .section-Categoryservice-box .service-box .icon-canvas img {
        max-width: 90px;
        margin: 0px auto;
        cursor: auto;
    }

    .section-service-box .smartheadclass a, .section-usedservice-box .smartheadclass a, .section-Categoryservice-box .smartheadclass a {
        /*font-size: 1.5em;
        margin:10px 0;
        height: 25px;*/
        font-size: 18px;
        margin: 35px 0;
        height: 25px;
    }

    .section-service-box .service-box .store-btns .store:before {
        font-size: 105px;
        color: #8cc63f;
        font-family: 'icomoon';
        line-height: 38px;
    }

    .section-service-box .icon {
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        font-family: 'icomoon';
        text-decoration: none;
    }

    .section-service-box a.store.apple.icon-icon-apple-appstore {
        margin-left: 5px;
        text-decoration: none;
    }

    .section-service-box a.store.android.icon-icon-android-playstore {
        margin-right: 5px;
        text-decoration: none;
    }

        .section-service-box a.store.android.icon-icon-android-playstore:hover, .section-service-box a.store.apple.icon-icon-apple-appstore:hover {
            text-decoration: none;
        }

.section-social-main {
    height: 100%;
    width: 360px;
    float: left;
    overflow: hidden;
    text-align: left;
    position: relative;
    /*border: 1px solid #e6e6e6;*/
    transition: all 0.3s linear 0s;
    cursor: pointer;
    box-shadow: 0 14px 26px rgba(0,0,0,0.04);
    background: white;
}

    .section-social-main:hover {
        box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
    }

.social-img-canvas img {
    display: block;
    height: 350px;
    width: 100%;
}

.card .nav-tabs {
    border-bottom: 2px solid #DDD;
}

    .card .nav-tabs > li.active > a, .card .nav-tabs > li.active > a:focus, .card .nav-tabs > li.active > a:hover {
        border-width: 0;
    }

    .card .nav-tabs > li > a {
        border: none;
        color: #666666;
        font-size: 1.35em;
        font-family: 'Dubai', sans-serif;
    }

        .card .nav-tabs > li.active > a, .card .nav-tabs > li > a:hover {
            border: none;
            color: #007780 !important;
            background: transparent;
        }

        .card .nav-tabs > li > a::after {
            content: "";
            background: #8cc63f;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

    .card .nav-tabs > li.active > a::after, .card .nav-tabs > li:hover > a::after {
        transform: scale(1);
    }

.card .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.card .tab-pane {
    padding: 15px 0;
}
/*.card .tab-content{padding:20px}*/
/* .card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; } */
.servicecategories-slider .swiper-slide, .SmartApplications-slider .swiper-slide {
    width: 285px;
}

.card .nav-tabs {
    background: none;
}

    .card .nav-tabs li + li {
        border: 0px;
    }

.section-social-main {
    position: relative;
    font-family: 'Dubai', sans-serif;
}

.social-details {
    padding: 14px 10px 12px;
    overflow: hidden;
    margin: 0;
    height: 56px;
}

    .social-details a {
        color: #007780;
    }

    .social-details img {
        border-radius: 50%;
        border-color: white;
        margin: 0 11px 0 0;
        height: 30px;
        float: left;
        width: 30px;
        padding: 0;
    }

    .social-details h3 {
        float: left;
        font-size: 12px;
        margin: 6px 0 0 0;
        padding: 0;
        font-weight: bold;
        max-width: 67%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        clear: none;
        color: #3a3a3a;
        line-height: 20px;
    }

    .social-details .social-date {
        float: right;
        color: #a0a0a0;
        font-size: 12px;
        margin-top: 7px;
        display: none;
    }

.social-img-canvas {
    overflow: hidden;
    max-height: 175px;
}

.social-content {
    font-size: 14px;
    padding: 10px 15px 10px 20px;
    height: 90px;
    overflow: hidden;
}

    .social-content .social-msg {
        color: #666;
        line-height: 20px;
    }

    .social-content .social-tag {
        /*margin-top:10px;*/
    }

        .social-content .social-tag ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            width: auto;
            font-size: 1em;
            line-height: 1em;
            float: none;
            list-style: none;
        }

        .social-content .social-tag li {
            display: inline-block;
            margin: 0 10px 0 0;
            padding: 0;
            background-image: none;
            border: none;
            font-size: 1em;
            font-weight: normal;
            height: auto;
            width: auto;
        }

        .social-content .social-tag a {
            background: transparent;
            width: auto;
            height: auto;
            float: none;
            color: #bababa;
            transition: color 0.2s ease-in-out;
            text-decoration: none;
            border-bottom: none;
            font-size: 14px;
        }

        .social-content .social-tag nav {
            display: inline-block;
            float: right;
            border: none;
            background: transparent;
            position: relative;
            width: auto;
            height: auto;
        }

        .social-content .social-tag .social-txt {
            font-size: 1.5em;
            line-height: 1;
            float: none;
            margin: 0;
        }

.news-box {
    display: inline-block;
    margin: 0px 10px;
}

    .news-box:first-child {
        margin-left: 0px;
    }
/*end of new home page design*/

/*  Doctor Details CSS Starts here */

.doctor-profile-information {
    margin-top: 10px;
    padding-bottom: 30px;
}

.doctor-profile-img img {
    max-width: 100%;
}

.doctor-profile-img {
    overflow: hidden;
}

.doctor-desc h4 {
    text-align: left;
    height: initial;
    color: #007780;
    margin-bottom: 10px;
    margin-top: 10px;
}

.doctor-desc ul {
    padding: 0;
    list-style: none;
}

.doctor-profile-address li {
    display: inline-block;
    margin-right: 20px;
    font-family: 'Dubai',sans-serif;
}

.doctor-profile-info p {
    font-family: 'Dubai',sans-serif;
    margin-bottom: 0px;
}

.doctor-profile-info h3 {
    color: #007780;
    font-family: 'Dubai',sans-serif;
    margin-top: 0px;
}

.doc-edu-icon i.fa {
    margin-right: 5px;
}

.education-info h4 {
    color: #007780;
}

.education-info ul {
    width: 50%;
    float: left;
    font-family: 'Dubai',sans-serif;
}

.doc-icon p {
    margin-bottom: 0px;
}
/*Doctor Details CSS Ends here*/

/*Advance search begin -double check*/
.doctor-information {
    margin-top: 10px;
}

    .doctor-information .thumbnail {
        border: 0px;
        border-radius: 0px;
    }

        .doctor-information .thumbnail .caption {
            min-height: 255px;
        }

        .doctor-information .thumbnail > img, .doctor-information .thumbnail a > img {
            height: 150px;
            max-width: 200px;
        }

    .doctor-information h4 {
        height: 50px;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #007780;
        cursor: pointer;
    }

.doctor-loc-details p {
    font-size: 16px;
    font-family: 'Dubai',sans-serif;
    margin-bottom: 5px;
}

    .doctor-loc-details p i.fa {
        font-size: 18px;
        margin-right: 5px;
    }

.mb10 {
    margin-bottom: 10px;
}

article.foocontainer {
    clear: both;
}

.doctor-search-results {
    padding: 5px 15px;
    background: #f1f5f6;
    margin-top: 10px;
}

    .doctor-search-results .form-control {
        background: #fff;
        border-radius: 0;
        height: 35px;
        border: 0px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
    }

.mt10 {
    margin-top: 10px;
}


.doctorsmap-wrap {
    height: 450px;
}

.doctorsearch-results-content .list-results-wrapper.nano {
    height: 400px;
}

.doctorsearch-results-content ul.list-results {
    padding: 0;
    margin: 0;
    height: 400px;
    overflow-y: scroll;
}

    .doctorsearch-results-content ul.list-results .speciality {
        margin: 0;
        font-size: 14px;
        font-family: 'Dubai',sans-serif;
        /*float: left;*/
    }

    .doctorsearch-results-content ul.list-results .nationality {
        margin: 0;
        font-size: 14px;
        font-family: 'Dubai',sans-serif;
        float: left;
    }

    .doctorsearch-results-content ul.list-results .location {
        margin: 1px 0;
        font-size: 14px;
        font-family: 'Dubai',sans-serif;
        /*float: left;*/
    }

.doctor-loc-details {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}

.doctor-info {
    border-bottom: 1px solid #ebebeb;
    line-height: 1.1em;
    font-weight: bold;
    font-size: 1.1em;
    height: 100px;
}

.doctor-contact {
    /*float: right;*/
    margin: 0px;
    line-height: 21px !important;
}

    .doctor-contact a {
        font-size: 14px;
        font-weight: bold;
        font-family: 'Dubai',sans-serif;
        margin: 0px;
        color: #2a2a2a;
    }

span.doctor-name {
    color: #007780;
}

.doctor-contact a i.fa {
    margin-right: 5px;
}
/*.doctor-image {
        height: 75px;
        width: 75px;
        overflow: hidden;
    }*/
.doctor-image img {
    width: 75px;
}

.doctorsearch-results-content ul.list-results li {
    list-style: none;
    padding: 5px 0px 5px 0px;
    border-bottom: 2px solid #007780;
    width: 47%;
    float: left;
    margin-right: 15px;
}

.doctor-image {
    height: 75px;
    width: 75px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.doctor-details {
    width: calc(100% - 0px);
    float: left;
}

.doctorsearch-results-content ul.list-results .btn {
    padding: 1px 18px 0 0;
    font-size: 13px;
    color: #8cc63f;
    font-family: 'Dubai', sans-serif;
    position: absolute;
    right: 0;
    top: -22px;
}

.doctorsearch-results-content ul.list-results .btn-arrow:after {
    font-size: 13px;
}

.doctorsearch-results-content ul.list-results a.btn.btn-arrow.right {
    float: right;
    font-family: 'Dubai', sans-serif;
}

article.foocontainer {
    clear: both;
}

.doctor-search-results {
    padding: 5px 15px;
    background: #f1f5f6;
    margin-top: 10px;
}

    .doctor-search-results .form-control {
        background: #fff;
        border-radius: 0;
        height: 35px;
        border: 0px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
    }

.doctor-directions {
    position: relative;
}

.doctorsearch-results-content .pagination li {
    padding: 0px;
    /* box-shadow: none; */
    border: 0px;
}

.doctor-search-results button.btn.btn-primary {
    min-width: 100%;
    width: 100%;
    height: 35px;
}

.doctor-search-results .DHAiconinner a + a > i, .doctor-search-results .DHAiconinner a i {
    line-height: 36px;
    font-size: 18px;
    width: 36px;
    height: 36px;
}

.doctor-search-results .DHAiconinner a + a > i {
    right: 24px;
}
/*Advance search end*/

/* Start of Css for find facilities for mobile and accessibility */
.color-blind span.doctor-name, .color-blind .doctor-contact a, .color-blind .doctorsearch-results-content ul.list-results .btn {
    color: #ffffff;
}

.color-blind .pagination > .active > a, .color-blind .pagination li:last-child a, .color-blind .listdata .pagination > .active > a, .color-blind .listdata .pagination li:last-child a {
    background: #acacac;
    color: #ffffff;
}

.color-blind .pagination > li > a {
    color: #000;
}

.color-blind .doctor-search-results button.btn.btn-primary {
    background-color: #acacac;
    border-color: #acacac;
}

.color-blind .doctor-info {
    border-bottom-color: #fff;
}

.color-green span.doctor-name, .color-green .doctor-contact a, .color-green .doctorsearch-results-content ul.list-results .btn {
    color: #3b5998;
}

.color-green .pagination > .active > a, .color-green .pagination li:last-child a, .color-green .listdata .pagination > .active > a, .color-green .listdata .pagination li:last-child a {
    background: #3b5998;
    color: #ffffff;
}

.color-green .pagination > li > a {
    color: #3b5998;
}

.color-green .doctor-search-results button.btn.btn-primary {
    background-color: #3b5998;
    border-color: #3b5998;
}

.color-green .doctor-info {
    border-bottom-color: #3b5998;
}

.x-small-font .doctor-info {
    font-size: .7em;
    height: 80px;
}

.small-font .doctor-info {
    font-size: .9em;
    height: 90px;
}

.x-large-font .doctor-info {
    font-size: 1.5em;
    height: 125px;
}

.large-font .doctor-info {
    font-size: 1.3em;
    height: 115px;
}

.small-font .doctorsearch-results-content ul.list-results .location, .small-font .doctorsearch-results-content ul.list-results .speciality, .small-font .doctorsearch-results-content ul.list-results .nationality, .small-font button.btn.btn-primary.btn-nobr {
    font-size: 12px !important;
}

.x-small-font .doctorsearch-results-content ul.list-results .location, .x-small-font .doctorsearch-results-content ul.list-results .speciality, .x-small-font .doctorsearch-results-content ul.list-results .nationality, .x-small-font button.btn.btn-primary.btn-nobr {
    font-size: 10px !important;
}

.large-font .doctorsearch-results-content ul.list-results .location, .large-font .doctorsearch-results-content ul.list-results .speciality, .large-font .doctorsearch-results-content ul.list-results .nationality, .large-font button.btn.btn-primary.btn-nobr {
    font-size: 16px !important;
}

.x-large-font .doctorsearch-results-content ul.list-results .location, .x-large-font .doctorsearch-results-content ul.list-results .speciality, .x-large-font .doctorsearch-results-content ul.list-results .nationality, .x-large-font button.btn.btn-primary.btn-nobr {
    font-size: 18px !important;
}

.small-font .doctorsearch-results-content ul.list-results .btn {
    font-size: 11px !important;
}

.x-small-font .doctorsearch-results-content ul.list-results .btn {
    font-size: 9px !important;
}

.large-font .doctorsearch-results-content ul.list-results .btn {
    font-size: 15px !important;
}

.x-large-font .doctorsearch-results-content ul.list-results .btn {
    font-size: 17px !important;
}

.ms-dlgContent {
    position: fixed;
    margin: 125px auto;
}

h1#dialogTitleSpan {
    display: none;
}

.ms-dlgTitleBtns {
    margin-right: 0px;
}

img.ms-dlgCloseBtnImg:hover {
    transform: scale(1);
}

.color-blind .doctor-loc-details p {
    color: #000;
}

.color-blind button.btn.btn-primary.btn-nobr {
    background-color: #acacac;
    border-color: #acacac;
}

.color-blind .education-info p, .color-blind .doctor-profile-address p, .color-blind .doctor-profile-info h3 {
    color: #000;
}

.color-green .education-info p, .color-green .doctor-profile-address p, .color-green .doctor-profile-info h3 {
    color: #3b5998;
}

.listdata .pagination li {
    padding: 0px;
    border: 0px;
    margin: 0 3px;
}

    .listdata .pagination li a {
        padding: 6px 10px;
    }

.title h2 i.fa {
    margin-right: 5px;
}

.color-blind h2.doctor-title {
    color: #000;
}

@media(max-width:768px) {
    .doctorsearch-results-content ul.list-results li {
        width: 100%;
    }

    .doctor-info {
        height: initial;
    }

    .doctorsearch-results-content .list-results-wrapper.nano {
        margin-bottom: 15px;
    }

    .education-info ul {
        width: 100%;
    }
}

/* End of Css for find facilities for mobile */

/* Starts of Social Media CSS 19-09-2017 */
.stylish-input-group .input-group-addon {
    background: #ebebeb !important;
    /* margin-left: 10px; */
    border: 0px;
    padding: 1px 1px;
}

.stylish-input-group .form-control {
    /* border-right: 0; */
    box-shadow: 0 0 0;
    border-color: #ccc;
    height: 35px;
    /* margin-right: 10px; */
    border-radius: 0px;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
    min-width: initial;
}

.Youtube {
    background: #CC181E;
}

.Facebook {
    background: #3B5998;
}

.Instagram {
    background: #E12F67; /* Old browsers */
    background: -webkit-gradient(linear, 333 0, 0 337, from(#8043af), color-stop(0.029, #8442aa), color-stop(0.029, #8740a9), color-stop(0.042, #8842a8), color-stop(0.059, #8d3fa7), color-stop(0.067, #8d41a4), color-stop(0.164, #9d3d9c), color-stop(0.164, #9f3c9a), color-stop(0.202, #a63b96), color-stop(0.202, #a73a97), color-stop(0.23, #a83b96), color-stop(0.23, #aa3a92), color-stop(0.253, #ac3990), color-stop(0.312, #b63a8b), color-stop(0.35, #b93a88), color-stop(0.35, #bb3986), color-stop(0.374, #bc3986), color-stop(0.374, #be3884), color-stop(0.397, #c03a83), color-stop(0.403, #c13c83), color-stop(0.412, #c4397f), color-stop(0.443, #c63b7a), color-stop(0.469, #ca3d75), color-stop(0.475, #cb3c75), color-stop(0.494, #ca3e74), color-stop(0.494, #cc3d74), color-stop(0.503, #ce3e75), color-stop(0.503, #cf3d74), color-stop(0.591, #d84466), color-stop(0.591, #d94367), color-stop(0.904, #ef6744), color-stop(0.951, #f26a43), color-stop(0.951, #f26c42), color-stop(0.978, #f3703f), color-stop(0.978, #f46f40), color-stop(0.997, #f57041), color-stop(0.997, #f47141), to(#f47141));
    background: -webkit-linear-gradient(225.34206029135854deg, #8043af, #8442aa 2.9%, #8740a9 2.9%, #8842a8 4.2%, #8d3fa7 5.9%, #8d41a4 6.7%, #9d3d9c 16.4%, #9f3c9a 16.4%, #a63b96 20.2%, #a73a97 20.2%, #a83b96 23%, #aa3a92 23%, #ac3990 25.3%, #b63a8b 31.2%, #b93a88 35%, #bb3986 35%, #bc3986 37.4%, #be3884 37.4%, #c03a83 39.7%, #c13c83 40.3%, #c4397f 41.2%, #c63b7a 44.3%, #ca3d75 46.9%, #cb3c75 47.5%, #ca3e74 49.4%, #cc3d74 49.4%, #ce3e75 50.3%, #cf3d74 50.3%, #d84466 59.1%, #d94367 59.1%, #ef6744 90.4%, #f26a43 95.1%, #f26c42 95.1%, #f3703f 97.8%, #f46f40 97.8%, #f57041 99.7%, #f47141 99.7%, #f47141);
    background: -moz-linear-gradient(225.34206029135854deg, #8043af, #8442aa 2.9%, #8740a9 2.9%, #8842a8 4.2%, #8d3fa7 5.9%, #8d41a4 6.7%, #9d3d9c 16.4%, #9f3c9a 16.4%, #a63b96 20.2%, #a73a97 20.2%, #a83b96 23%, #aa3a92 23%, #ac3990 25.3%, #b63a8b 31.2%, #b93a88 35%, #bb3986 35%, #bc3986 37.4%, #be3884 37.4%, #c03a83 39.7%, #c13c83 40.3%, #c4397f 41.2%, #c63b7a 44.3%, #ca3d75 46.9%, #cb3c75 47.5%, #ca3e74 49.4%, #cc3d74 49.4%, #ce3e75 50.3%, #cf3d74 50.3%, #d84466 59.1%, #d94367 59.1%, #ef6744 90.4%, #f26a43 95.1%, #f26c42 95.1%, #f3703f 97.8%, #f46f40 97.8%, #f57041 99.7%, #f47141 99.7%, #f47141);
    background: -o-linear-gradient(225.34206029135854deg, #8043af, #8442aa 2.9%, #8740a9 2.9%, #8842a8 4.2%, #8d3fa7 5.9%, #8d41a4 6.7%, #9d3d9c 16.4%, #9f3c9a 16.4%, #a63b96 20.2%, #a73a97 20.2%, #a83b96 23%, #aa3a92 23%, #ac3990 25.3%, #b63a8b 31.2%, #b93a88 35%, #bb3986 35%, #bc3986 37.4%, #be3884 37.4%, #c03a83 39.7%, #c13c83 40.3%, #c4397f 41.2%, #c63b7a 44.3%, #ca3d75 46.9%, #cb3c75 47.5%, #ca3e74 49.4%, #cc3d74 49.4%, #ce3e75 50.3%, #cf3d74 50.3%, #d84466 59.1%, #d94367 59.1%, #ef6744 90.4%, #f26a43 95.1%, #f26c42 95.1%, #f3703f 97.8%, #f46f40 97.8%, #f57041 99.7%, #f47141 99.7%, #f47141);
}

.Twitter {
    background: #55ACEE;
}

    .Facebook i.fa, .Twitter i.fa, .Instagram i.fa, .Youtube i.fa {
        color: #ffffff;
    }

.Youtube.active {
    color: #CC181E !important;
    background: #fff;
}

    .Youtube.active i.fa {
        color: #CC181E !important;
    }

.Facebook.active {
    color: #3B5998 !important;
    background: #fff;
}

    .Facebook.active i.fa {
        color: #3B5998 !important;
    }

.Instagram.active {
    color: #E12F67 !important;
    background: #fff;
}

    .Instagram.active i.fa {
        color: #E12F67 !important;
    }

.Twitter.active {
    color: #55ACEE !important;
    background: #fff;
}

    .Twitter.active i.fa {
        color: #55ACEE !important;
    }

    .Twitter.active a::after {
        background: #55ACEE !important;
    }

.Instagram.active a::after {
    background: #E12F67 !important;
}

.Youtube.active a::after {
    background: #CC181E !important;
}

.Facebook.active a::after {
    background: #3B5998 !important;
}
/* image thumbnail */
.thumb {
    display: block;
    width: 100%;
    margin: 0;
}

/* Style to article Author */
.by-author {
    margin: 0px;
    line-height: 1.3;
    color: #aab6aa;
}

.views {
    margin: 0px;
    line-height: 1.3;
    color: rgba(17,17,17,0.6);
}

/* Main Article [Module]
      -------------------------------------
      * Featured Article Thumbnail
      * have a image and a text title.
      */
.featured-article {
    width: 660px;
    height: 350px;
    position: relative;
    /*margin-bottom: 1em;*/
    /* overflow: hidden;*/
}

    .featured-article:before {
        position: absolute;
        top: 0;
        right: -20px;
        content: '';
        width: 1px;
        height: 100%;
        background-color: #dfdfdf;
    }

    .featured-article .block-title {
        /* Position & Box Model */
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        /* background */
        background: #ffffff;
        /* Width/Height */
        padding: .5em;
        width: 100%;
        /* Text color */
        color: #fff;
        border-top: 1px solid #ddd;
        height: 90px;
    }

        .featured-article .block-title h2 {
            margin: 0;
        }

/* Featured Articles List [BS3]
      --------------------------------------------
      * show the last 3 articles post
      */

.main-list {
    padding-left: .5em;
    height: 290px;
    overflow-y: scroll;
    padding-top: 5px;
}

    .main-list .media {
        padding-bottom: .5em;
        border-bottom: 1px solid #e8e8e8;
        margin-top: 5px;
    }

.facebook-feed, .twitter-feed, .youtube-feed, .instagram-feed {
    background: white;
    padding-top: 7px;
    padding-left: 7px;
}

.main-list .media img.media-object {
    width: 150px;
}

.featured-article .block-title h2 {
    margin: 0;
    font-size: 18px;
    text-align: left;
    color: #000;
    font-family: 'Dubai', sans-serif;
}

.main-list h4 {
    font-size: 16px;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 17em;
    white-space: nowrap;
}

.media-list a.pull-left {
    overflow: hidden;
    padding: 0px;
}

.main-list .media-body {
    padding-left: 10px;
}

.video-content {
    width: 660px;
    height: 265px;
    overflow: hidden;
}

.video-content-small {
    width: 150px;
    height: 85px;
    overflow: hidden;
    position: relative;
}

.btn-twitter {
    color: #fff !important;
    background-color: #55ACEE;
    border-color: #55ACEE;
    border-radius: 0px;
}

.btn-facebook {
    color: #fff !important;
    background-color: #3B5998;
    border-color: #3B5998;
    border-radius: 0px;
}

.btn-instagram {
    color: #fff !important;
    background-color: #3897f0;
    border-color: #3897f0;
    border-radius: 0px;
}

.tweet-content img.media-object {
    border-radius: 50%;
    border-color: white;
    margin: 0 0px 0 0;
    height: 30px;
    float: left;
    width: 30px !important;
    padding: 0;
}

.tweet-content p.by-author {
    font-size: 14px;
    color: #14171a;
    font-family: 'Dubai',sans-serif;
}

.twitter-feed-icon i.fa {
    color: #55ACEE;
}

.facebook-feed-icon i.fa {
    color: #3B5998;
}

.Instagram-feed-icon i.fa {
    color: #003569;
}

.youtube-feed-icon i.fa {
    color: #CC181E;
}

.media-object-img {
    width: 370px;
    overflow: hidden;
}

.media-object-tweet {
    width: 370px;
}

.video-content-small img {
    width: 150px;
    height: 85px;
    overflow: hidden;
}

.video-content img {
    width: auto;
    height: 265px;
    overflow: hidden;
    margin: 0px auto;
}

.youtube-btn {
    /*background: url('images/large_play_button_hover.png') center center / 100% no-repeat;*/
    position: absolute;
    left: 50%;
    top: 40%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    cursor: pointer;
    outline: 0;
    border: 0;
}

.video-content-small .youtube-btn {
    width: 36px;
    height: 24px;
    margin-left: -18px;
    margin-top: -12px;
    top: 50%;
}

.nav-tabs li a {
    padding: 15px 20px;
}

.news .col-md-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.news i {
    color: inherit !important;
}

.section-news-main {
    height: 100%;
    /*max-width:360px;*/
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: left;
    position: relative;
    /*border: 1px solid #e6e6e6;*/
    transition: all 0.3s linear 0s;
    cursor: pointer;
    /* box-shadow: 0 14px 26px rgba(0,0,0,0.04);*/
    background: white;
}

.dha-gallery .news-main .news-block {
    position: relative;
}

.dha-gallery .news-block-content .image-canvas {
    float: left;
    /*max-width: 270px;
          max-height: 270px;
          min-width: 270px;
          min-height: 270px;*/
    overflow: hidden;
    width: 100%;
}

    .dha-gallery .news-block-content .image-canvas img {
        width: 100%;
        height: 200px;
        margin: 0px;
    }

.dha-gallery .news-block-content .news-desc {
    float: left;
    width: 100%;
    padding: 5px 10px 0px;
}

    .dha-gallery .news-block-content .news-desc h5 {
        margin: 10px 0px 5px;
        /*margin: Infinity 0px Infinity;*/
        color: #666666;
        line-height: 21px;
        font-family: 'Dubai', sans-serif;
        font-size: 1.15em;
    }

    .dha-gallery .news-block-content .news-desc .category {
        color: #8cc63f;
    }

    .dha-gallery .news-block-content .news-desc p {
        margin-top: 12px;
        /*margin-top: Infinity;*/
        margin-bottom: 12px;
        /*margin-bottom: Infinity;*/
        color: #6d6f71;
        line-height: 26px;
    }

    .dha-gallery .news-block-content .news-desc .btn {
        padding-left: 0px;
        font-family: 'Dubai', sans-serif;
        font-size: 1em;
    }

.news-desc a.btn:before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0%;
    border-bottom: 2px solid #007780;
    transition: 0.3s;
}

.news-desc a.btn {
    color: #007780;
    text-decoration: none;
    position: relative;
}

.issue-item-bh {
    /*-webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px;*/
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*border: 1px solid #e6e6e6;*/
    /*max-height:150px;*/
    transition: all 0.3s linear 0s;
}

    .issue-item-bh:hover {
        box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
    }
    /*.dha-gallery .dha-events-container:hover img{
         -webkit-filter: contrast(100%);
          filter: contrast(100%);
      }*/
    .issue-item-bh img {
        width: 100%;
        max-width: 100%;
        margin: 0px !important;
    }

    .issue-item-bh .title {
        padding: 0px;
        background: rgba(0, 139, 153, 0.85);
        padding-left: 60px;
        position: absolute;
        bottom: 0px;
        height: 55px;
        width: 100%;
        margin-bottom: 0px;
    }

        .issue-item-bh .title:before {
            content: '\e917';
            color: #1fc4f4;
            font-family: "icomoon";
            font-size: 40px;
            left: 10px;
            position: absolute;
            top: 15px;
        }

        .issue-item-bh .title h6 {
            color: #ffffff;
            margin: 16px 0px;
            /*margin: Infinity 0px;*/
            font-size: 16px;
        }

        .issue-item-bh .title .issue-count {
            position: absolute;
            right: 0px;
            top: 0px;
            height: 50px;
            color: #fff;
            text-align: center;
            background-color: #8cc63f;
            padding: 0px 20px;
            /*padding: 0px Infinity;*/
        }

.news-box {
    height: 320px;
}

.stylish-input-group span.glyphicon {
    padding: 0px !important;
    font-size: 18px !important;
    background: transparent !important;
    color: #000 !important;
    font-weight: normal;
}

.listing-count .DHAiconinner a + a > i, .listing-count .DHAiconinner a i {
    line-height: 36px;
    width: 36px;
    height: 36px;
}

.doctorsearch-results-content .listdata {
    text-align: center;
}

.events-details {
    height: 100%;
    /*  margin-bottom: 15px;    */
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: left;
    position: relative;
    border: 1px solid #e6e6e6;
    transition: all 0.3s linear 0s;
    cursor: pointer;
    /*  box-shadow: 0 4px 16px rgba(0,0,0,0.04); */
    background: white;
}

    .events-details:hover {
        /* box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); */
    }

    .events-details .events-date {
        float: left;
        max-width: 125px;
        max-height: 125px;
        min-width: 100px;
        min-height: 125px;
        overflow: hidden;
        background: #007780;
        margin-right: 10px;
    }

        .events-details .events-date .events-num {
            font-size: 4.15em;
            font-family: 'Dubai', sans-serif;
            color: #fff;
            display: block;
            text-align: center;
            line-height: 1.45em;
        }

        .events-details .events-date .events-text {
            color: #fff;
            display: block;
            text-align: center;
            font-size: .5em;
            font-weight: normal;
            line-height: 20px;
            font-family: 'Dubai',sans-serif;
            text-transform: uppercase;
        }

    .events-details .events-desc {
        width: calc(100% - 105px);
        font-size: 36px;
        font-weight: 700;
        margin: 25px 0;
        padding: 10px 0px;
        margin-left: 20px;
    }

        .events-details .events-desc h5 {
            margin: 0px 0px 5px;
            /*margin: Infinity 0px Infinity;*/
            color: #007780;
            font-family: 'Dubai', sans-serif;
            font-size: 1.25em;
        }

        .events-details .events-desc .category {
            color: #8cc63f;
            font-size: 18px;
            font-family: 'Dubai', sans-serif;
        }

            .events-details .events-desc .category i {
                color: #007780;
                font-size: 1.2em;
            }

        .events-details .events-desc p {
            margin-top: 12px;
            /*margin-top: Infinity;*/
            margin-bottom: 12px;
            /*margin-bottom: Infinity;*/
            color: #6d6f71;
            line-height: 16px;
            font-family: 'Dubai', sans-serif;
            font-size: 13px;
        }

    .events-details.no-thumb .events-desc {
        width: auto;
    }

.event-content {
    border: none !important;
    margin-top: 1px;
    background: #f7f7f7;
    padding: 50px 45px 40px 70px;
    clear: both;
}

    .event-content h5 {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 18px;
    }

    .event-content p {
        line-height: 26px;
    }

    .event-content ul {
        margin-top: 25px;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .event-content h6 {
        font-size: 16px;
        font-weight: bold;
        color: #393939;
        margin-bottom: 8px;
    }

    .event-content li i {
        margin-right: 5px;
    }

    .event-content li {
        margin-bottom: 20px;
    }

        .event-content li:last-child {
            margin: 0;
        }

    .event-content .text {
        width: 54%;
        padding-right: 35px;
        text-align: justify;
    }

    .event-content img {
        width: 46%;
        max-width: 100%;
        display: block;
        max-height: 400px;
    }

.float-left {
    float: left;
}
/*All Events CSS Starts here*/
.inner-events-box {
    height: 145px;
    margin-bottom: 15px;
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: left;
    position: relative;
    /*border: 1px solid #e6e6e6;*/
    transition: all 0.3s linear 0s;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    background: white;
}

    .inner-events-box:hover {
        box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
    }

#BetterHealth .events-box {
    padding: 0px;
}

.events-box {
    background-color: #fff;
    height: 145px;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px 10px 5px 10px;
}

    .events-box .events-date {
        float: left;
        max-width: 125px;
        max-height: 125px;
        min-width: 85px;
        min-height: 125px;
        overflow: hidden;
        background: #007780;
    }

        .events-box .events-date .events-num {
            font-size: 3.5em;
            font-family: 'Dubai', sans-serif;
            color: #fff;
            display: block;
            text-align: center;
            line-height: 1.5em;
        }

        .events-box .events-date .events-text {
            color: #fff;
            display: block;
            text-align: center;
            font-size: .5em;
            font-weight: normal;
            line-height: 20px;
            font-family: 'Dubai',sans-serif;
            text-transform: uppercase;
        }

    .events-box .image-canvas img {
        max-width: 100%;
    }

    .events-box .events-desc {
        float: right;
        width: 155px;
        padding: 10px 0px;
    }

        .events-box .events-desc h5 {
            margin: 0px 0px 5px;
            /*margin: Infinity 0px Infinity;*/
            color: #007780;
            font-family: 'Dubai', sans-serif;
            font-size: 1em;
            height: 90px;
        }

        .events-box .events-desc .category {
            color: #8cc63f;
            font-size: 16px;
            font-family: 'Dubai', sans-serif;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 125px;
            white-space: nowrap;
        }

            .events-box .events-desc .category i {
                color: #007780;
                font-size: 1.2em;
            }

        .events-box .events-desc p {
            margin-top: 12px;
            /*margin-top: Infinity;*/
            margin-bottom: 12px;
            /*margin-bottom: Infinity;*/
            color: #6d6f71;
            line-height: 16px;
            font-family: 'Dubai', sans-serif;
            font-size: 13px;
        }

    .events-box.no-thumb .events-desc {
        width: auto;
    }

.services .card .nav-tabs li i.fa {
    margin-right: 5px;
}

.Events .events-block-hm {
    background-color: #fff;
    height: 140px;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px;
}

    .Events .events-block-hm .events-date {
        float: left;
        max-width: 120px;
        max-height: 120px;
        min-width: 120px;
        min-height: 120px;
        overflow: hidden;
        /*background: #007780;*/
    }

        .Events .events-block-hm .events-date .events-num {
            font-size: 3.5em;
            font-family: Dubai;
            color: #fff;
            display: block;
            text-align: center;
            line-height: 1.5em;
        }

        .Events .events-block-hm .events-date .events-text {
            color: #fff;
            display: block;
            text-align: center;
            font-size: 36px;
            font-weight: normal;
            /* margin-top: 0px; */
            line-height: 7px;
            font-family: Dubai;
            text-transform: uppercase;
        }

    .Events .events-block-hm .image-canvas img {
        max-width: 100%;
    }

    .Events .events-block-hm .events-desc {
        float: right;
        width: 225px;
        padding: 0px;
    }

        .Events .events-block-hm .events-desc h5 {
            margin: 0px 0px 5px;
            /* margin: Infinity 0px Infinity;*/
            color: #007780;
            height: 95px;
        }

        .Events .events-block-hm .events-desc .category {
            color: #8cc63f;
            font-size: 18px;
            width: 220px;
        }

            .Events .events-block-hm .events-desc .category i {
                color: #007780;
                font-size: 18px;
                margin-right: 5px;
            }

        .Events .events-block-hm .events-desc p {
            margin-top: 12px;
            /*margin-top: Infinity;*/
            margin-bottom: 12px;
            /*margin-bottom: Infinity;*/
            color: #6d6f71;
            line-height: 26px;
        }

        .Events .events-block-hm .events-desc .btn {
            padding-left: 0px;
            /*padding-left: NaN;*/
            margin-bottom: 10px;
        }

    .Events .events-block-hm.no-thumb .events-desc {
        width: auto;
    }

.Events.events-box {
    padding: 0px;
}

/*All Events List CSS Ends here*/

/*All Campaigns List CSS starts here */
.Campaigns-block-content {
    background-color: #fff;
    /*  height: 275px; */
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 10px rgba(0,0,0,0.12);
    margin-bottom: 15px;
}

    .Campaigns-block-content .Campaigns-date {
        float: left;
        background: #007780;
        width: 100%;
    }

        .Campaigns-block-content .Campaigns-date .Campaigns-num {
            font-size: 1.75em !important;
            font-family: 'Dubai', sans-serif;
            color: #fff;
            display: block;
            text-align: center;
            text-transform: uppercase;
        }

    .Campaigns-block-content .Campaigns-desc {
        float: left;
        width: 100%;
        padding: 10px;
        /* height: 150px; */
        /*text-align: center;*/
    }

    .Campaigns-block-content .image-canvas {
        display: inline-block;
        overflow: hidden;
    }

        .Campaigns-block-content .image-canvas img {
            /* max-width: 100%; */
            height: 90px;
            width: 90px;
            /* -webkit-filter: contrast(70%);
                      filter: contrast(70%);*/
        }

        .Campaigns-block-content .image-canvas:hover img {
            -webkit-filter: contrast(100%);
            filter: contrast(100%);
        }

    .Campaigns-block-content .Campaigns-desc p {
        color: #6d6f71;
        margin-bottom: 5px;
    }

    .Campaigns-block-content .Campaigns-desc .category {
        color: #8cc63f;
        font-size: 16px;
    }

    .Campaigns-block-content .campaigns-details {
        float: right;
        width: 250px;
        font-family: 'Dubai', sans-serif;
    }

        .Campaigns-block-content .campaigns-details h5 {
            margin: 0;
            font-size: 1.25em;
            color: #007780;
            min-height: 90px;
        }

        .Campaigns-block-content .campaigns-details p {
            color: #6d6f71;
            margin-top: 5px;
        }

        .Campaigns-block-content .campaigns-details .category i {
            color: #007780;
            font-size: 18px;
            margin-right: 5px;
        }

#full-width .Campaigns .section-news-main {
    background: transparent;
}

.Campaigns.events-box {
    padding: 0px;
}

    .Campaigns.events-box .Campaigns-block-content .campaigns-details h5 {
        margin: 0;
        font-size: 1.125em;
        color: #007780;
        min-height: 70px;
    }

    .Campaigns.events-box .Campaigns-block-content .Campaigns-date .Campaigns-num {
        font-size: 1.5em !important;
        line-height: 30px;
    }
/*All Campaigns List CSS ends here */
.color-blind .card .nav-tabs > li.active > a {
    color: #000 !important;
}

.color-blind .card .nav-tabs > li > a {
    color: #ffffff;
}

    .color-blind .card .nav-tabs > li > a::after {
        background: #acacac;
    }

.color-blind .section-service-box .service-box .icon-canvas .icon, .color-blind .section-service-box .service-box h3, .color-blind .section-service-box .service-box .store-btns .store:before, .color-blind .filterUsedServices1 .section-service-box .service-box ul.list-items li a,
.color-blind .section-usedservice-box .service-box .icon-canvas .icon, .color-blind .section-usedservice-box .service-box h3, .color-blind .section-usedservice-box .service-box .store-btns .store:before, .color-blind .filterUsedServices1 .section-usedservice-box .service-box ul.list-items li a,
.color-blind .section-Categoryservice-box .service-box .icon-canvas .icon, .color-blind .section-Categoryservice-box .service-box h3, .color-blind .section-Categoryservice-box .service-box .store-btns .store:before, .color-blind .filterUsedServices1 .section-Categoryservice-box .service-box ul.list-items li a {
    color: #2a2a2a;
}

    .color-blind .section-service-box .service-box h3 a, .color-blind .section-usedservice-box .service-box h3 a, .color-blind .section-Categoryservice-box .service-box h3 a {
        color: #2a2a2a;
    }

.color-blind .card .nav-tabs > li > a:hover {
    color: #acacac !important;
}

.color-blind .nav-tabs li.active a h4, .color-blind .dha-gallery .news-block-content .news-desc h5, .color-blind .dha-gallery .news-block-content .news-desc .btn {
    color: #2a2a2a;
}

.color-blind .issue-item-bh .title {
    background: rgba(172, 172, 172, 0.85);
}

    .color-blind .issue-item-bh .title:before {
        color: #fff;
    }

.color-blind .search-results-content ul.list-results h4, .color-blind .search-results-content ul.list-results .call a, .color-blind .search-results-content ul.list-results .btn {
    color: #2a2a2a;
}

.color-blind .search-results-content ul.list-results h4 {
    border-bottom-color: #2a2a2a;
}

.color-blind .Youtube.active i.fa, .color-blind .Twitter.active i.fa, .color-blind .Facebook.active i.fa, .color-blind .Instagram.active i.fa {
    color: #2a2a2a !important;
}

.color-blind .Youtube.active a::after, .color-blind .Twitter.active a::after, .color-blind .Facebook.active a::after, .color-blind .Instagram.active a::after {
    background: #2a2a2a !important;
}

.color-blind .Facebook, .color-blind .Twitter, .color-blind .Instagram, .color-blind .Youtube {
    background: #262626;
}

.color-blind .events-details .events-desc h5, .color-blind .text p, .color-blind .text li {
    color: #2a2a2a;
}

.color-blind .text a {
    color: #acacac;
}

.color-blind .Campaigns-block-content .Campaigns-date {
    background: #acacac !important;
}

.color-blind .Campaigns-block-content .campaigns-details h5 {
    color: #2a2a2a;
}

.color-blind .Campaigns-block-content .campaigns-details .category i, .color-blind .events-box .events-desc .category i {
    color: #acacac;
}

.color-blind .Campaigns-block-content .Campaigns-desc .category {
    color: #2a2a2a;
}

.color-blind .Events .events-block-hm .events-date {
    background: #acacac !important;
}

.color-blind .Events .events-block-hm .events-desc h5, .color-blind .Campaigns.events-box .Campaigns-block-content .campaigns-details h5 {
    color: #2a2a2a;
}

.color-blind .events-box .events-date {
    background: #acacac !important;
}

.color-blind .events-box .events-desc h5, .color-blind .events-box .events-desc .category {
    color: #2a2a2a;
}

.color-green .card .nav-tabs > li.active > a {
    color: #3b5998 !important;
    background: transparent;
}

.color-green .card .nav-tabs > li > a {
    color: #3b5998;
    background: transparent;
}

    .color-green .card .nav-tabs > li > a::after {
        background: #3b5998;
    }

.color-green .section-service-box .service-box .icon-canvas .icon, .color-green .section-service-box .service-box h3, .color-green .section-service-box .service-box .store-btns .store:before, .color-green .filterUsedServices1 .section-service-box .service-box ul.list-items li a,
.color-green .section-usedservice-box .service-box .icon-canvas .icon, .color-green .section-usedservice-box .service-box h3, .color-green .section-usedservice-box .service-box .store-btns .store:before, .color-green .filterUsedServices1 .section-usedservice-box .service-box ul.list-items li a,
.color-green .section-Categoryservice-box .service-box .icon-canvas .icon, .color-green .section-Categoryservice-box .service-box h3, .color-green .section-Categoryservice-box .service-box .store-btns .store:before, .color-green .filterUsedServices1 .section-Categoryservice-box .service-box ul.list-items li a {
    color: #3b5998;
}

    .color-green .section-service-box .service-box h3 a, .color-green .section-usedservice-box .service-box h3 a, .color-green .section-Categoryservice-box .service-box h3 a {
        color: #3b5998;
    }

.color-green .section-service-box .service-box .icon-canvas .icon, .color-green .section-service-box .service-box h3, .color-green .section-service-box .service-box .store-btns .store:before, .color-green .filterUsedServices1 .section-service-box .service-box ul.list-items li a {
    color: #3b5998;
}

.color-green .card .nav-tabs > li > a:hover {
    color: #3b5998 !important;
    background: transparent;
}

.color-green .nav-tabs li.active a h4, .color-green .dha-gallery .news-block-content .news-desc h5, .color-green .dha-gallery .news-block-content .news-desc .btn {
    color: #3b5998;
}

.color-green .issue-item-bh .title {
    background: rgba(59, 89, 152, .85);
}

    .color-green .issue-item-bh .title:before {
        color: #fff;
    }

.color-green .search-results-content ul.list-results h4, .color-green .search-results-content ul.list-results .call a, .color-green .search-results-content ul.list-results .btn, .color-green .search-results-content ul.list-results .location {
    color: #3b5998;
}

.color-green .stylish-input-group span.glyphicon {
    color: #3b5998 !important;
}

.color-green .search-results-content ul.list-results h4 {
    border-bottom-color: #3b5998;
}

.color-green .Youtube.active i.fa, .color-green .Twitter.active i.fa, .color-green .Facebook.active i.fa, .color-green .Instagram.active i.fa {
    color: #3b5998 !important;
}

.color-green .Youtube.active a::after, .color-green .Twitter.active a::after, .color-green .Facebook.active a::after, .color-green .Instagram.active a::after {
    background: #3b5998 !important;
}

.color-green .Facebook, .color-green .Twitter, .color-green .Instagram, .color-green .Youtube {
    background: #3b5998;
}

    .color-green .Youtube.active, .color-green .Twitter.active, .color-green .Instagram.active, .color-green .Facebook.active {
        background: #fff;
    }

.color-green .events-details .events-desc h5, .color-green .text p, .color-green .text li, .color-green .event-content h5, .color-green .event-content h6 {
    color: #3b5998;
}

.color-green .text a {
    color: #3b5998;
}

.color-green .Campaigns-block-content .Campaigns-date {
    background: #3b5998 !important;
}

.color-green .Campaigns-block-content .campaigns-details h5, .color-green .Campaigns.events-box .Campaigns-block-content .campaigns-details h5 {
    color: #3b5998;
}

.color-green .Campaigns-block-content .campaigns-details .category i, .color-green .Campaigns-block-content .campaigns-details p, .color-green .events-box .events-desc .category i {
    color: #3b5998;
}

.color-green .Campaigns-block-content .Campaigns-desc .category {
    color: #3b5998;
}

.color-green .Events .events-block-hm .events-date {
    background: #3b5998 !important;
}

.color-green .Events .events-block-hm .events-desc h5, .color-green .Campaigns.events-box .Campaigns-block-content .campaigns-details h5 {
    color: #3b5998;
}

.color-green .events-box .events-date {
    background: #3b5998 !important;
}

.color-green .events-box .events-desc h5, .color-green .events-box .events-desc .category {
    color: #3b5998;
}




@media(max-width:767px) {
    .social-feeds .nav-justified > li, .social-feeds .nav-tabs.nav-justified > li {
        float: left;
        width: 25%;
    }

    .find-doctor .nav-tabs li a {
        padding: 15px;
    }
}

/* End of Social Media CSS 19-09-2017 */
/*Accessiblity For Home Section css starts here*/
.x-large-font .MostUsedServices .section-service-box .service-box h3, .x-large-font .MostUsedServices .section-usedservice-box .service-box h3 {
    font-size: 20px !important;
}

.large-font .MostUsedServices .section-service-box .service-box h3, .large-font .MostUsedServices .section-usedservice-box .service-box h3 {
    font-size: 18px !important;
}

.x-small-font .MostUsedServices .section-service-box .service-box h3, .x-small-font .MostUsedServices .section-usedservice-box .service-box h3 {
    font-size: 12px !important;
}

.small-font .MostUsedServices .section-service-box .service-box h3, .small-font .MostUsedServices .section-usedservice-box .service-box h3 {
    font-size: 14px !important;
}

.large-font .card .nav-tabs > li > a {
    font-size: 24px !important;
}

.x-large-font .card .nav-tabs > li > a {
    font-size: 26px !important;
}

.small-font .card .nav-tabs > li > a {
    font-size: 18px !important;
}

.x-small-font .card .nav-tabs > li > a {
    font-size: 16px !important;
}

.large-font .filterUsedServices1 .section-service-box .service-box .headclass1, .large-font .filterUsedServices1 .section-service-box .service-box h3.smartheadclass {
    font-size: 26px !important;
}

.x-large-font .filterUsedServices1 .section-service-box .service-box .headclass1, .x-large-font .filterUsedServices1 .section-service-box .service-box h3.smartheadclass {
    font-size: 28px !important;
}

.small-font .filterUsedServices1 .section-service-box .service-box .headclass1, .small-font .filterUsedServices1 .section-service-box .service-box h3.smartheadclass {
    font-size: 22px !important;
}

.x-small-font .filterUsedServices1 .section-service-box .service-box .headclass1, .x-small-font .filterUsedServices1 .section-service-box .service-box h3.smartheadclass {
    font-size: 20px !important;
}

.large-font .filterUsedServices1 .section-service-box .service-box ul.list-items li a {
    font-size: 18px !important;
}

.x-large-font .filterUsedServices1 .section-service-box .service-box ul.list-items li a {
    font-size: 20px !important;
}

.small-font .filterUsedServices1 .section-service-box .service-box ul.list-items li a {
    font-size: 14px !important;
}

.x-small-font .filterUsedServices1 .section-service-box .service-box ul.list-items li a {
    font-size: 12px !important;
}

.small-font .btn-arrow:after, .small-font input[type="submit"].btn-arrow:after, .small-font input[type="button"].btn-arrow:after, .small-font .btn-arrow:visited:after {
    font-size: 18px;
}

.x-small-font .btn-arrow:after, .x-small-font input[type="submit"].btn-arrow:after, .x-small-font input[type="button"].btn-arrow:after, .x-small-font .btn-arrow:visited:after {
    font-size: 16px;
}

.large-font .btn-arrow:after, .large-font input[type="submit"].btn-arrow:after, .large-font input[type="button"].btn-arrow:after, .large-font .btn-arrow:visited:after {
    font-size: 22px;
}

.x-large-font .btn-arrow:after, .x-large-font input[type="submit"].btn-arrow:after, .x-large-font input[type="button"].btn-arrow:after, .x-large-font .btn-arrow:visited:after {
    font-size: 24px;
}

select#ddlPharmacyArea {
    padding: 0px 15px;
    height: 36px;
}

.listing-count .field-row.custom-select::after {
    top: 43%;
}

.featured-article img.NaturalImage-image {
    width: 650px;
    height: 260px;
}

.featured-article span.TweetAuthor-verifiedBadge {
    display: none;
}

.featured-article .timeline-Tweet-retweetCredit {
    display: none;
}

.featured-article .timeline-Tweet-metadata {
    display: none;
}

.featured-article ul.timeline-Tweet-actions {
    display: none;
}

.featured-article .Interstitial.js-interstitial.u-hidden {
    display: none;
}

.featured-article p.timeline-Tweet-text span {
    display: inline-block;
}

.featured-article .TweetAuthor span {
    display: inline-block;
}

.featured-article b.u-hiddenVisually {
    display: none;
}

.search-pharmacy-toggle.search-result-btn.open i.fa {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#doctor .cssddl {
    height: 50px;
    padding: 10px 15px;
}

#doctor .input-group .form-control {
    height: 50px;
}

#doctor .btn-boxed, #doctor input[type="submit"].btn-boxed, #doctor input[type="button"].btn-boxed, #doctor .btn-boxed:visited {
    height: 50px;
    line-height: 18px;
}

.listing-count span.input-group-addon {
    padding: 0px;
    border: 0px;
}

    .listing-count span.input-group-addon button {
        padding: 0px;
        margin: 0px;
        background: transparent;
        min-width: inherit;
        border: 0px !important;
    }

.listing-count .input-group-addon span.glyphicon.glyphicon-search {
    background: transparent !important;
    color: #000000 !important;
    padding: 5px !important;
    margin: 0px !important;
    border: 0px !important;
}

#divread #doctorslist {
    text-align: center;
}

.small-font .Events .events-block-hm .events-desc h5, .small-font .Campaigns.events-box .Campaigns-block-content .campaigns-details h5 {
    font-size: 14px !important;
}

.x-small-font .Events .events-block-hm .events-desc h5, .x-small-font .Campaigns.events-box .Campaigns-block-content .campaigns-details h5 {
    font-size: 12px !important;
}

.small-font .Events .events-block-hm .events-desc .category {
    font-size: 16px !important;
}

.x-small-font .Events .events-block-hm .events-desc .category {
    font-size: 14px !important;
}



/*Accessiblity For Home Section css ends here*/

/* start of Css for Tablet Version */
#full-width .Campaigns-block-content .campaigns-details {
    width: 240px;
}

.MostUsedServices .usedservice-box .headclass a {
    color: #6d6f71;
}

    .MostUsedServices .usedservice-box .headclass a:visited {
        color: #663399;
    }

    .MostUsedServices .usedservice-box .headclass a:hover {
        color: #8cc63f;
    }

.filterUsedServices1 .section-Categoryservice-box .service-box .headclass1 a {
    font-size: 1.35em;
}

.section-service-box .service-box h3 a, .section-usedservice-box .service-box h3 a, .section-Categoryservice-box .service-box h3 a {
    color: #007780;
}

.SmartApplications .service-box {
    padding-top: 45px;
}

.section-service-box .service-box h3.smartheadclass {
    margin-bottom: 20px;
    height: 40px;
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .card .nav-tabs > li > a {
        font-size: 1.135em;
        padding: 15px 10px;
    }

    .find-doctor .nav-container .tab-pane .right-side .alpha-filter {
        display: none;
    }

    .servicecategories-slider .swiper-slide, .SmartApplications-slider .swiper-slide {
        width: 285px !important;
    }

    .Events .events-block-hm .events-date {
        max-width: 100px;
        max-height: 100px;
        min-width: 100px;
        min-height: 120px;
    }

    .Campaigns-block-content .campaigns-details {
        width: 230px;
    }

    .dha-gallery .news-block-content .news-desc h5 {
        font-size: 1em;
        height: 55px;
    }

    .dha-gallery .news-block-content .image-canvas img {
        height: 150px;
    }

    .news-box {
        height: 260px;
    }

    .inner-events-box .events-box .events-desc {
        width: 135px;
        padding: 10px 0px 10px 4px;
    }

    .inner-events-box .events-box .events-date {
        min-width: 80px;
        min-height: 125px;
    }

    .Events.inner-events-box {
        width: inherit;
        margin-right: 5px;
    }

    #full-width .Campaigns-block-content .campaigns-details h5 {
        margin: 0;
        font-size: 1.125em;
        color: #007780;
        min-height: 80px;
        margin-left: 7px;
    }

    #full-width .Campaigns-block-content .Campaigns-date .Campaigns-num {
        font-size: 1.5em !important;
    }

    #full-width .Campaigns-block-content .Campaigns-desc .category {
        margin-left: 7px;
    }

    #full-width .Campaigns-block-content .campaigns-details {
        width: 220px;
    }

    .swiper-prev {
        left: -21px;
    }

    .swiper-next {
        right: -23px;
    }
}

@media (max-width: 767px) {
    .find-doctor .nav-container .tab-pane .right-side .alpha-filter {
        display: none;
    }

    .event-content .text {
        width: 100%;
        padding-right: 10px;
        text-align: justify;
    }

    .event-content img {
        width: 100%;
    }

    .events-details .events-date {
        margin-right: 10px;
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    .Events .events-block-hm .events-date {
        min-width: 75px;
    }

    .Events .events-block-hm .events-desc {
        width: 205px;
    }

    .events-box .events-desc h5 {
        line-height: 16px;
    }

    .Campaigns.events-box .Campaigns-block-content .campaigns-details h5 {
        font-size: 1.0125em;
    }

    .Campaigns-block-content .campaigns-details {
        width: 180px;
    }

    .inner-events-box .events-box .events-desc {
        width: 125px;
    }

    .Events.inner-events-box {
        width: initial;
    }

    #full-width .Campaigns-block-content .campaigns-details {
        width: 170px;
    }

    #full-width .col-md-3 {
        padding: 0px 5px;
    }

    iframe#player {
        width: 550px;
    }

    .video-content {
        width: inherit;
        height: inherit;
        overflow: inherit;
    }

    .main-list h4 {
        width: 200px;
    }

    .video-content-small {
        border: 1px solid #ddd;
    }

    .video-content img {
        width: 550px;
        height: 370px;
    }

    .featured-article:before {
        right: -10px;
    }

    .featured-article {
        width: 550px;
        height: 370px;
    }
}

@media( max-width:420px) {
    .Campaigns-block-content .image-canvas img {
        width: 100%;
        height: auto;
    }

    .Campaigns-block-content .campaigns-details, #full-width .Campaigns-block-content .campaigns-details {
        width: 100%;
    }

        .Campaigns-block-content .campaigns-details h5 {
            min-height: inherit;
            margin-bottom: 10px;
        }

    .inner-events-box .events-desc {
        width: 100%;
        float: none;
    }

    .inner-events-box .events-date {
        margin-right: 10px;
    }

    .inner-events-box .events-desc h5 {
        font-size: 1.125em;
    }

    .event-content {
        padding: 20px 6px 20px 20px;
    }

        .event-content .text {
            width: 100%;
            padding-right: 10px;
            text-align: justify;
        }

    .events-details .events-date {
        min-width: 85px;
        margin-right: 10px;
    }

    .events-details .events-desc {
        width: 100%;
        padding: 0px 0;
    }

    .event-content img {
        width: 100%;
    }
}


/* start of Css for Tablet Version 25-09-2017*/

/* arabic version css starts here 26-09-2017*/
.ae .services .card .nav-tabs li i.fa {
    margin-left: 5px;
}

.ae .dha-gallery .news-block-content .news-desc .btn {
    padding-right: 0px;
    padding-left: 26px;
}

.ae .featured-article:before {
    left: -20px;
    right: inherit;
}

.ae .filterUsedServices {
    width: 210px;
}

.ae .search-results-content ul.list-results li {
    padding: 10px 10px 10px 30px;
}

.ae .doctor-search-results .DHAiconinner a + a > i {
    left: 24px;
    right: inherit;
}

.ae .doctor-loc-details p i.fa {
    margin-left: 5px;
}

.ae .title h2 i.fa {
    margin-left: 5px;
}

.ae .doctorsearch-results-content ul.list-results li {
    margin-left: 15px;
    margin-right: inherit;
}

.ae .doctorsearch-results-content ul.list-results .nationality {
    float: right;
}

.ae .doctor-contact a i.fa {
    margin-left: 5px;
}

.ae .doctorsearch-results-content ul.list-results .btn {
    left: 20px;
    right: inherit;
}

a#privacy {
    color: #82bc00;
}

.ae #privacy-close span.glyphicon.glyphicon-arrow-right {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#pagination li.page-item {
    border: 0px;
    padding: 0px;
    margin: 0 3px;
}

.nav-center {
    margin: 0px auto;
    text-align: center;
}
/* arabic version css ends here 26-09-2017*/

/* Mobile phone css starts here 27-09-2017 */
@media(max-width:420px) {
    .featured-article {
        width: 100%;
    }

    .video-content {
        width: 100%;
        height: auto;
    }

        .video-content img {
            width: 100%;
        }

    .social-feeds .youtube iframe {
        width: 370px;
        height: auto;
    }

    .social-feeds .youtube .featured-article {
        height: auto;
    }

    .Events .events-block-hm .events-date {
        float: left;
        max-width: 120px;
        max-height: 120px;
        /*min-width: 90px;*/
        min-height: 120px;
        overflow: hidden;
        /* background: #007780; */
        margin-right: 5px;
    }

    .Events .events-block-hm .events-desc {
        /* width: 160px;*/
    }

        .Events .events-block-hm .events-desc .category {
            font-size: 14px;
            /* width: 150px;*/
        }

    #BetterHealth .events-box {
        /*width: 210px;*/
        height: auto;
    }

    .News.news-box {
        /* width: 210px;*/
    }

    .Campaigns.events-box {
        /*width: 210px;*/
        height: auto;
    }

    .Campaigns-block-content {
        box-shadow: none;
    }

    .MostUsedServices.filterUsedServices {
        max-width: 100%;
        width: 100%;
    }

    .find-doctor .nav-tabs li a {
        padding: 15px 8px;
    }

    .nav-tabs li a h4 i {
        display: block;
        margin-bottom: 5px;
    }
}

@media(max-width:375px) {
    .Events .events-block-hm .events-date {
        min-width: 100px;
    }

    .Events .events-block-hm .events-desc {
        width: 200px;
    }
}

@media(max-width:320px) {
    .Events .events-block-hm .events-date {
        min-width: 90px;
    }

    .Events .events-block-hm .events-desc {
        width: 175px;
    }
}
/* Mobile phone css ends here 27-09-2017 */

/* find doctors arabic css starts here 28-09-2017*/
.ae .search-toggle.search-result-btn.open {
    left: -23px;
    right: auto;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    box-shadow: -2px 0 3px rgba(0,0,0,0.15) inset, -3px 0 4px rgba(0,0,0,.1);
}

.ae .search-results-tab {
    right: -325px;
    left: inherit;
}

.ae .search-result-btn {
    left: -23px;
    right: auto;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    box-shadow: -2px 0 3px rgba(0,0,0,0.15) inset, -3px 0 4px rgba(0,0,0,.1);
}

.ae .search-results-tab.open {
    right: 0px;
    left: auto;
}

.ae #privacy-close {
    margin-left: 10px;
}

.ae .dha-gallery .news-block-content .news-desc h5 {
    text-align: right;
}

.ae .dha-gallery .news-block-content .news-desc .btn {
    float: right;
}

.ae .nano > .nano-content {
    right: 0px !important;
}

.ae .search-pharmacy-toggle.search-result-btn.open i.fa, .ae .search-toggle.search-result-btn.open i.fa {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ae .search-pharmacy-toggle.search-result-btn i.fa, .ae .search-toggle.search-result-btn i.fa {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.ae .search-results-content ul.list-results .btn {
    padding: 1px 0px 0 18px;
}

.ae .search-results-content ul.list-results .btn-arrow:after {
    left: 0;
    right: initial;
}

.ae .field-row.custom-select {
    margin-top: 5px;
}

    .ae .field-row.custom-select::after {
        top: 45%;
    }

.ae .Events .events-block-hm .events-date, .ae .events-box .events-date {
    float: right;
}

.ae .Events .events-block-hm .events-desc h5, .ae .Events .events-block-hm .events-desc .category, .ae .events-box .events-desc h5, .ae .events-box .events-desc .category {
    text-align: right;
    margin: 0px 7px 0 0;
}

.ae .ms-dlgTitleBtns {
    margin-left: 0px;
}

.ae .doctor-desc h4 {
    text-align: right;
}

.ae .doctor-profile-address li {
    margin-left: 20px;
}

.ae .education-info h4 i {
    margin-left: 5px;
}

.ae .doctor-profile-address li i {
    margin-left: 5px;
}

.ae .education-info ul li i {
    margin-left: 5px;
}

.ae .education-info ul {
    float: right;
}

.education-info ul {
    border-bottom: 1px solid #ddd;
}

.ae .Campaigns-block-content .image-canvas {
    float: right;
}

.ae .Campaigns.events-box .Campaigns-block-content .campaigns-details h5, .ae .Campaigns-block-content .Campaigns-desc .category, .ae #full-width .Campaigns-block-content .campaigns-details {
    text-align: right;
    margin: 0px 7px 0 0;
}

.norecords h2 {
    font-size: 18px;
}

.doctorsearch-results-content ul.list-results li.serach-box {
    width: 98%;
}

.ae .doctorsearch-results-content ul.list-results li.serach-box {
    margin-left: 0px;
    float: right;
}

.ms-dlgTitle {
    padding: 13px 50px 15px;
}
/*.ms-dlgContent {
            position: fixed;
            margin: 75px auto;
            height: 450px !important;
            overflow: hidden;
            overflow-y: scroll;
        }*/
.ms-dlgContent .ms-dlgFrameContainer iframe {
    overflow: hidden !important;
    height: 450px !important;
}

/* find doctors arabic css ends here 28-09-2017*/

/* Home Page arabic Css Starts here 02-10-2017 */

.ae .services .col-md-12, .ae .news .col-md-12 {
    float: none;
}

.Newsfloat {
    text-align: right;
}

.ae .Newsfloat {
    text-align: left;
}

.Newsfloat .btn-arrow, .Newsfloat input[type="submit"].btn-arrow, .Newsfloat input[type="button"].btn-arrow, .Newsfloat .btn-arrow:visited {
    color: #007780;
}

.btn-arrow:hover, .btn-arrow:focus, input[type="submit"].btn-arrow:hover, input[type="submit"].btn-arrow:focus, input[type="button"].btn-arrow:hover, input[type="button"].btn-arrow:focus, .btn-arrow:visited:hover, .btn-arrow:visited:focus {
    color: #000;
}

.find-doctor .nav-container .tab-pane {
    padding: 30px 30px 30px 30px;
}

section.news.padding.fill-Xlight {
    padding: 20px 0px;
}

.find-doctor .nav-container .tab-pane .right-side .alpha-filter {
    margin-top: 20px;
}

.x-large-font .section-usedservice-box .service-box h3 {
    height: auto;
    line-height: 16px;
}

.large-font .events-box .events-desc h5 {
    font-size: 18px !important;
    height: auto;
}

.x-large-font .events-box .events-desc h5 {
    font-size: 20px !important;
    height: auto;
}

.small-font .events-box .events-desc h5 {
    font-size: 14px !important;
}

.x-small-font .events-box .events-desc h5 {
    font-size: 12px !important;
}

.x-large-font .Events.inner-events-box, .x-large-font .Events .events-block-hm {
    height: 200px;
}

.x-large-font .events-box {
    height: auto;
}

.large-font .Events.events-box {
    height: 160px;
}

.large-font .Events .events-block-hm {
    height: 170px;
}

.x-large-font .Campaigns.events-box {
    height: 170px;
    background: none;
}

.x-large-font .events-box .section-news-main {
    background: none;
}

.x-large-font .Campaigns-block-content .Campaigns-desc {
    height: 150px;
}

@media(max-width: 420px) {
    .ae .inner-events-box .events-date {
        margin-left: 10px;
        margin-right: 0px;
    }

    .ae .find-doctor .nav-container .nav-tabs li {
        width: 33.33%;
    }

    .ae .nav-tabs.nav-justified > li:last-child a {
        border-radius: 0px !important;
    }

    .ae .social-feeds .nav-justified > li, .ae .social-feeds .nav-tabs.nav-justified > li {
        float: right;
    }

    .ae .arfloat .col-md-3 {
        float: none;
    }

    .ae #doctor .DHAiconinner a i {
        left: 77px;
        right: auto;
    }

    .Events .events-block-hm .events-desc h5 {
        height: auto;
    }

    .Events .events-block-hm, .Events.events-box {
        height: auto;
    }
}

@media(max-width: 767px) {
    .x-large-font .events-box .events-desc h5 {
        font-size: 20px !important;
    }
}

.color-blind .Newsfloat .btn-arrow, .color-blind .Newsfloat input[type="submit"].btn-arrow, .color-blind .Newsfloat input[type="button"].btn-arrow, .color-blind .Newsfloat .btn-arrow:visited {
    color: #fff;
}

.color-blind .btn-arrow:hover, .color-blind .btn-arrow:focus, .color-blind input[type="submit"].btn-arrow:hover, .color-blind input[type="submit"].btn-arrow:focus, .color-blind input[type="button"].btn-arrow:hover, .color-blind input[type="button"].btn-arrow:focus, .color-blind .btn-arrow:visited:hover, .color-blind .btn-arrow:visited:focus {
    color: #acacac;
}

.color-green .Newsfloat .btn-arrow, .color-green .Newsfloat input[type="submit"].btn-arrow, .color-green .Newsfloat input[type="button"].btn-arrow, .color-green .Newsfloat .btn-arrow:visited {
    color: #3b5998;
}

.color-green .btn-arrow:hover, .color-green .btn-arrow:focus, .color-green input[type="submit"].btn-arrow:hover, .color-green input[type="submit"].btn-arrow:focus, .color-green input[type="button"].btn-arrow:hover, .color-green input[type="button"].btn-arrow:focus, .color-green .btn-arrow:visited:hover, .color-green .btn-arrow:visited:focus {
    color: #3b5998;
    text-decoration: underline;
}

.color-blind a#privacy {
    color: #fff;
}

.color-green a#privacy {
    color: #3b5998;
}

.x-large-font .comment.more {
    max-height: 95px;
    line-height: 1.15em;
}

@media( max-width:370px) {
    .comment.more {
        max-height: 140px;
        line-height: 1.4em;
        padding: 5px;
    }

    .large-font .comment.more {
        max-height: 150px;
        line-height: 1.2em;
    }

    .x-large-font .comment.more {
        max-height: 160px;
        line-height: 1.2em;
    }
}

@media( max-width:420px) {
    .large-font .comment.more {
        max-height: 150px;
        line-height: 1.2em;
    }

    .x-large-font .comment.more {
        max-height: 160px;
        line-height: 1.2em;
    }

    .x-large-font .nav-tabs li a h4 {
        font-size: 18px !important;
    }

    .large-font .nav-tabs li a h4 {
        font-size: 16px !important;
    }
}

/* Home Page arabic Css ends here 02-10-2017 */

/* Home Page arabic Css startss here 03-10-2017 */
/*.ae .col-xs-1,.ae .col-sm-1,.ae .col-md-1,.ae .col-lg-1,.ae .col-xs-2,.ae .col-sm-2,.ae .col-md-2,.ae .col-lg-2,.ae .col-xs-3,.ae .col-sm-3,.ae .col-md-3,.ae .col-lg-3,.ae .col-xs-4,.ae .col-sm-4,.ae .col-md-4,.ae .col-lg-4,.ae .col-xs-5,.ae .col-sm-5,.ae .col-md-5,.ae .col-lg-5,.ae .col-xs-6,.ae .col-sm-6,.ae .col-md-6,.ae .col-lg-6,.ae .col-xs-7,.ae .col-sm-7,.ae .col-md-7,.ae .col-lg-7,.ae .col-xs-8,.ae .col-sm-8,.ae .col-md-8,.ae .col-lg-8,.ae .col-xs-9,.ae .col-sm-9,.ae .col-md-9,.ae .col-lg-9,.ae .col-xs-10,.ae .col-sm-10,.ae .col-md-10,.ae .col-lg-10,.ae .col-xs-11,.ae .col-sm-11,.ae .col-md-11,.ae .col-lg-11,.ae .col-xs-12,.ae .col-sm-12,.ae .col-md-12,.ae .col-lg-12{
        float:right;
    }*/

.ae .ms-dlgContent {
    left: 10px !important;
}

.ae .events-details {
    text-align: right;
}

    .ae .events-details .events-desc h5 {
        margin: 0 5px 0 0;
    }

.color-blind #facilityrow .doctor-contact a {
    color: #2a2a2a;
}

.color-blind #FacilityResults .doctor-loc-details p {
    color: #fff;
}

.color-blind .doctorsearch-results-content ul.list-results li {
    border-bottom: 2px solid #fff;
}

.color-blind .facility .listing-count .advanced-search a {
    color: #2a2a2a;
}

.color-green .foot-contain .social-media li {
    border: 1px solid #3b5998;
}

    .color-green .foot-contain .social-media li a {
        color: #3b5998;
    }

.contact-details .font-en {
    unicode-bidi: embed;
    direction: ltr;
}

.ae .toll-free h4 {
    unicode-bidi: embed;
    direction: ltr;
    text-align: right;
}

.ae h4 a.toll-free {
    unicode-bidi: embed;
    direction: ltr;
    /* float: left; */
    text-align: right;
}

@media( max-width:768px) {
    .ae .doctor-search-results .col-md-3 {
        float: none;
    }

    .ae .armapfac .col-md-6 {
        float: none;
    }

    .smart-dubai {
        clear: both;
    }

    .ae .doctor-search-results .row .col-md-11, .ae .doctor-search-results .row .col-md-1 {
        float: none;
    }

    .ae .doctorsearch-results-content ul.list-results li {
        margin-left: 0px;
        margin-right: inherit;
    }

    .ae .social-feeds .col-md-12, .ae .social-feeds .col-md-7, .ae .social-feeds .col-md-5 {
        float: none;
    }
}

@media( max-width: 360px) {
    .search-results-tab.open {
        width: 250px;
    }

    .find-doctor .nav-container .tab-pane.detail-map .nano {
        height: 350px;
    }

    .social-feeds .youtube iframe {
        width: 275px;
    }
}

/* Home Page arabic Css ends here 03-10-2017 */

/* Home Page betterhealth css starts here 04-10-2017 */
.titleBH {
    /*padding: 0px;
            background: rgba(0, 139, 156, 0.7); */
    /*position: absolute;*/
    /* top: 0px;*/
    /*height: 35px;
            width: 100%;
            margin-bottom: 0px; */
    /* left: 22%;*/
    /* box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);*/
}
/*span.downloadBH {
            display: inline-block;            
            padding: 8px 14px;
        }*/
/*.downloadBH i.fa {
            font-size: 24px;
            color: #fff !important;
        }*/
#FlipPDF {
    padding: 5px 14px;
    display: block;
    font-size: 18px;
    color: #007780;
}


    #FlipPDF i.fa {
        font-size: 18px;
        color: #007780 !important;
        margin-right: 7px;
        line-height: 26px;
    }


.find-doctor .nav-container i.fa {
    margin-right: 7px;
}

.ae .find-doctor .nav-container i.fa {
    margin-left: 7px;
}


.HumanEnsureLabel {
    color: red;
}

span.requiredClass {
    color: red;
    font-size: 13px;
}

.titleBH a#Flipbook {
    /* display: none !important;*/
}

.color-blind .titleBH {
    background: rgba(0, 0, 0, 0.7);
}

.color-green .titleBH {
    background: rgba(59, 89, 152, .7);
}

@media(min-width:768px) {
    #doctor .DHAiconinner a + a > i, #doctor .DHAiconinner a i {
        top: -4px;
    }
}

/* Home Page betterhealth css ends here 04-10-2017 */

/* Home Page  css starts here 05-10-2017 */
header .accessibility-panel.topPanel {
    top: 98px;
}

header .navigation .accessibility-panel.topPanel {
    top: 241px;
}

@media(min-width:992px) and (max-width:1199px) {
    header .accessibility-panel.topPanel {
        top: 115px;
    }

    header.sticky .accessibility-panel.topPanel {
        top: 42px;
    }
}

/*@media(min-width:992px) and (max-width:1199px){
    header .accessibility-panel.topPanel {
        top: 115px;
    }
    header.sticky .accessibility-panel.topPanel {
        top: 42px;
    }
    header.sticky .navigation{
        width:100%;
        position:fixed;
        top:42px;
        z-index:999;
        min-height: 0px;
        background-color: #ffffff;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        float:left;
        transition: all .2s 
    }
}

@media(max-width:767px) {
    header .navigation .accessibility-panel {
        height: 250px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    header .navigation .mobile-nav .top-right-nav .dropdown li a {
        width: 50px;
        height: 50px;
        padding: 5px 12px;
    }
}
/* Home Page  css ends here 05-10-2017 */

.titleBH {
    /*  display:none !important;*/
}

.open-hospital-data ul {
    list-style: none;
    padding: 0px !important;
}

    .open-hospital-data ul li span.fa {
        background: none !important;
        color: #007780 !important;
        padding: 10px !important;
        margin-right: 0px !important;
    }

@media (max-width: 767px) {
    .banner-slider .bxslider.slick-slider .slick-list .slick-track .container .caption h1 {
        left: auto;
        display: none;
    }

    .caption a.btn.btn-lg.btn-inline {
        position: absolute;
        left: 15px;
        background: none !important;
        color: #fff !important;
        border: none;
        min-width: 100px;
        font-size: 13px;
        background: rgb(140, 198, 64) !important;
        line-height: 16px;
        height: 30px;
    }

    #Twitter .featured-article img {
        width: auto;
        height: 265px;
        overflow: hidden;
        margin: 0px auto;
    }
}

@media (max-width: 420px) {
    #Twitter .featured-article img {
        width: 100%;
        height: auto;
    }
}

/*.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}*/
/*.loader {
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #007780;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0px auto;
}*/
/*Added 10/10/2017*/
.loader {
    position: relative;
    display: block;
    width: 100%;
    height: 10px;
    margin-top: 38px;
}

/* ooo, css circles*/
.circle {
    display: inline-block;
    position: relative;
    /* key up the animations! */
    -webkit-animation: dotloader 2.5s infinite;
    -moz-animation: dotloader 2.5s infinite;
    -ms-animation: dotloader 2.5s infinite;
    -o-animation: dotloader 2.5s infinite;
    animation: dotloader 2.5s infinite;
}

    .circle + .circle {
        margin-left: -25px;
        /* staggered effect cause by delay property */
        -webkit-animation: dotloader 2.5s 0.2s infinite;
        -moz-animation: dotloader 2.5s 0.2s infinite;
        -ms-animation: dotloader 2.5s 0.2s infinite;
        -o-animation: dotloader 2.5s 0.2s infinite;
        animation: dotloader 2.5s 0.2s infinite;
    }

        .circle + .circle + .circle {
            margin-left: -25px;
            -webkit-animation: dotloader 2.5s 0.4s infinite;
            -moz-animation: dotloader 2.5s 0.4s infinite;
            -ms-animation: dotloader 2.5s 0.4s infinite;
            -o-animation: dotloader 2.5s 0.4s infinite;
            animation: dotloader 2.5s 0.4s infinite;
        }

            .circle + .circle + .circle + .circle {
                margin-left: -25px;
                -webkit-animation: dotloader 2.5s 0.6s infinite;
                -moz-animation: dotloader 2.5s 0.6s infinite;
                -ms-animation: dotloader 2.5s 0.6s infinite;
                -o-animation: dotloader 2.5s 0.6s infinite;
                animation: dotloader 2.5s 0.6s infinite;
            }

/* ooo, css circles*/
.ae .circle {
    display: inline-block;
    position: relative;
    /* key up the animations! */
    -webkit-animation: arabicdotloader 2.5s infinite;
    -moz-animation: arabicdotloader 2.5s infinite;
    -ms-animation: arabicdotloader 2.5s infinite;
    -o-animation: arabicdotloader 2.5s infinite;
    animation: arabicdotloader 2.5s infinite;
}

    .ae .circle + .circle {
        margin-right: -25px;
        margin-left: inherit;
        /* staggered effect cause by delay property */
        -webkit-animation: arabicdotloader 2.5s 0.2s infinite;
        -moz-animation: arabicdotloader 2.5s 0.2s infinite;
        -ms-animation: arabicdotloader 2.5s 0.2s infinite;
        -o-animation: arabicdotloader 2.5s 0.2s infinite;
        animation: arabicdotloader 2.5s 0.2s infinite;
    }

        .ae .circle + .circle + .circle {
            margin-right: -25px;
            margin-left: inherit;
            -webkit-animation: arabicdotloader 2.5s 0.4s infinite;
            -moz-animation: arabicdotloader 2.5s 0.4s infinite;
            -ms-animation: arabicdotloader 2.5s 0.4s infinite;
            -o-animation: arabicdotloader 2.5s 0.4s infinite;
            animation: arabicdotloader 2.5s 0.4s infinite;
        }

            .ae .circle + .circle + .circle + .circle {
                margin-right: -25px;
                margin-left: inherit;
                -webkit-animation: arabicdotloader 2.5s 0.6s infinite;
                -moz-animation: arabicdotloader 2.5s 0.6s infinite;
                -ms-animation: arabicdotloader 2.5s 0.6s infinite;
                -o-animation: arabicdotloader 2.5s 0.6s infinite;
                animation: arabicdotloader 2.5s 0.6s infinite;
            }

/* here be the animations matey! */
@keyframes dotloader {
    0%,20% {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        left: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        left: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        left: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

@-moz-keyframes dotloader {
    0%, 20% {
        width: 4px;
        height: 4px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        left: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        left: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        left: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

@-webkit-keyframes dotloader {
    0%,20% {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        left: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        left: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        left: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

@-ms-keyframes dotloader {
    0%, 20% {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        left: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        left: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        left: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

@-o-keyframes dotloader {
    0%,20% {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        left: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        left: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        left: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

/* here be the animations matey! */
@keyframes arabicdotloader {
    0%,20% {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        right: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        right: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        right: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

@-moz-keyframes arabicdotloader {
    0%,20% {
        width: 4px;
        height: 4px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        right: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        right: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        right: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

@-webkit-keyframes arabicdotloader {
    0%,20% {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        right: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        right: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        right: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

@-ms-keyframes arabicdotloader {
    0%,20% {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        right: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        right: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        right: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

@-o-keyframes arabicdotloader {
    0%,20% {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        right: 0%;
        background-color: rgba(0, 139, 153, 0);
    }

    30%, 70% {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        right: 50%;
        background-color: rgba(0, 139, 153, 0.5);
    }

    80%, 100% {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        right: 100%;
        background-color: rgba(0, 139, 153, 0);
    }
}

.fancybox-inner {
    overflow: hidden !important;
}

.loadercontent {
    display: inline-block;
    font-size: 21px;
    width: 500px;
    text-align: center;
}

.tbl_servicecontent ul {
    padding: 0 0 0 20px !important;
}

@media(max-width:767px) {
    .loadercontent {
        width: 100%;
        font-size: 18px;
    }
}

/*Ended 10/10/2017*/

/*start of arabic css for betterhealth 11/10/2017 */
.ae #FlipPDF {
    float: right;
}

@media(max-width:767px) {
    .ae .caption a.btn.btn-lg.btn-inline {
        left: auto;
        right: 15px;
    }

    header.s4-notdlg.sticky .accessibility-panel.topPanel {
        top: 64px;
    }
}

#ErrorDiv {
    text-align: center;
}
/*end of arabic css for betterhealth 11/10/2017 */

/*start of arabic css for events 12/10/2017 */

.ae .events-details .events-date {
    float: right;
    margin-left: 10px;
    margin-right: 0px;
}

    .ae .events-details .events-date .events-num {
        line-height: 1.245em;
    }
/*end of arabic css for events 12/10/2017 */

.foxpush_blocked_box svg {
    fill: #FFF !important;
    position: relative;
    top: 7px;
    padding: 0 5px;
    width: 25px;
    height: 25px;
}

@media(max-width:767px) {
    footer .base-footer .foot-contain .toll-free {
        float: none;
        display: inline;
        padding: 6px 0 10px 40px;
    }
}

.twitter .featured-article {
    overflow: hidden;
}


.color-blind #sidenav > ul > li.active {
    background: #b0b0b0;
}

.color-blind .breadcrumb a:before {
    color: #e3e3e3;
}

.color-blind .HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {
    color: #acacac;
}

.color-green .HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {
    color: #3b5998;
}

.color-blind header .navigation .mobile-nav .top-right-nav li a .im {
    color: #ffffff;
}

.color-blind .foot-contain .social-media li a {
    color: #ffffff;
}

.color-blind .foot-contain .social-media li {
    border: 1px solid #ffffff;
}

.color-blind footer .base-footer .foot-contain .toll-free {
    color: #ffffff;
}

.color-green .foot-contain .social-media li {
    border: 1px solid #3b5998;
}

.color-green footer .base-footer .foot-contain .toll-free {
    color: #3b5998;
}

.color-blind header .navigation .mobile-nav .top-right-nav li a .im {
    color: #3b5998;
}

.color-blind .foot-contain .social-media li a {
    color: #3b5998;
}

.twitter .featured-article .MediaCard-widthConstraint {
    margin: 0px auto;
    width: 100%;
    text-align: CENTER;
}

.twitter .featured-article img.NaturalImage-image {
    width: auto;
    height: 265px;
    overflow: hidden;
    margin: 0 auto;
}

.visiting-card {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 4px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
}

.visiting-card {
    background: #fff;
    min-height: 50px;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    transition: .5s;
    border: 1px solid #f1f5f6;
    border-radius: 0;
}

    .visiting-card .body {
        font-size: 14px;
        color: #444;
        padding: 15px;
        font-weight: 400;
    }

    .visiting-card [class*="header-"] {
        color: #FFFFFF;
    }

.member-card {
    text-align: center;
    height: 410px;
}

    .member-card .header-dropdown {
        display: inline-block;
        position: absolute;
        right: 30px;
        padding: 0;
        margin: 0;
    }

    .member-card .member-thumb {
        position: relative;
        display: inline-block;
    }

    .member-card.verified .member-thumb img {
        border: 1px solid #5cb85c;
        width: 100%;
        max-height: 160px;
    }

    .member-card .member-thumb img {
        padding: 4px;
        border: 1px solid #ccc;
    }

    .member-card.verified .member-thumb i {
        color: #5cb85c;
    }

    .member-card .member-thumb i {
        position: absolute;
        bottom: 0;
        right: 30px;
    }

.m-b-5 {
    margin-bottom: 5px;
}

.img-circle {
    border-radius: 50%;
    width: 150px;
}

.block-header h2 {
    margin: 0 !important;
    color: #007780 !important;
    font-weight: 600;
    font-size: 20px;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

    .card-text p > i.fa.fa-map-marker {
        margin-right: 5px;
    }

.full {
    text-align: justify;
}

.bold {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.full {
    text-align: justify;
}

.bold {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.content-detail {
    font-family: 'Dubai',sans-serif;
}

    .content-detail h1 {
        font-size: 36px !important;
    }

    .content-detail h2 {
        font-size: 30px !important;
    }

    .content-detail h3 {
        font-size: 24px !important;
    }

    .content-detail h4 {
        font-size: 18px !important;
    }

    .content-detail h5 {
        font-size: 14px !important;
    }

    .content-detail h6 {
        font-size: 12px !important;
    }

    .content-detail h1, .content-detail h2, .content-detail h3, .content-detail h4, .content-detail h5, .content-detail h6 {
        font-weight: 400 !important;
        margin: 0 !important;
        line-height: 1.1 !important;
        color: #333333 !important;
        border-bottom: 0px !important;
    }

    .content-detail small {
        font-weight: 400;
        line-height: 1;
        color: #777;
    }

    .content-detail p {
        margin: 0 0 10px !important;
        color: #333333 !important;
        font-size: 16px !important;
    }
    /*.content-detail ul{padding: 0px;margin:0px;margin-bottom:10px;}
.content-detail ul li{list-style-type: square;margin-left: 20px;font-size:16px;}
.content-detail ol{padding: 0px;margin:0px;margin-bottom:10px;}
.content-detail ol li{margin-left: 20px;font-size:16px;}*/
    .content-detail .table-bordered {
        border: 1px solid #ddd;
    }

    .content-detail .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

    .content-detail .table {
        border-spacing: 0;
        border-collapse: collapse;
    }

        .content-detail .table > tbody > tr > td, .content-detail .table > tbody > tr > th, .content-detail .table > tfoot > tr > td, .content-detail .table > tfoot > tr > th, .content-detail .table > thead > tr > td, .content-detail .table > thead > tr > th {
            padding: 8px;
            line-height: 1.42857143;
            color: #333333;
        }

    .content-detail .table-bordered > thead > tr > td, .content-detail .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
        background: #007780;
        color: #fff;
    }

    .content-detail ul.custom-ul {
        padding: 0px;
        margin: 0px;
        margin-bottom: 10px;
    }

        .content-detail ul.custom-ul li {
            list-style-type: square;
            margin-left: 20px;
            font-size: 16px;
        }

            .content-detail ul.custom-ul li ul li {
                font-size: 16px;
            }

    .content-detail ol.custom-ol {
        padding: 0px;
        margin: 0px;
        margin-bottom: 10px;
    }

        .content-detail ol.custom-ol li {
            margin-left: 20px;
            font-size: 16px;
            list-style-type: decimal;
        }

ul.custom-ul-ar {
    direction: rtl;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

    ul.custom-ul-ar li {
        list-style-type: square;
        margin-right: 20px;
        font-size: 16px;
    }

ol.custom-ol-ar {
    direction: rtl;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

    ol.custom-ol-ar li {
        margin-right: 20px;
        font-size: 16px;
        list-style-type: decimal;
    }

.pnl-content {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0px !important;
}

    .pnl-content > .panel-heading {
        border: 0px;
        border-radius: 0px;
    }

    .pnl-content > .panel-heading {
        color: #333;
        background-color: #f1f5f6 !important;
        border-color: #ddd;
    }

    .pnl-content .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit;
    }

        .pnl-content .panel-title a {
            text-decoration: none;
            color: #333333;
        }

    .pnl-content > .panel-heading .accordion-toggle:after {
        font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
        content: "\e114"; /* adjust as needed, taken from bootstrap.css */
        float: right;
    }

    .pnl-content.panel-heading .accordion-toggle.collapsed:after {
        content: "\e080";
    }

    .pnl-content .panel-body {
        padding: 15px;
        border: 1px solid #f9f9f9;
        background: #ffffff;
    }

    .pnl-content > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ddd;
    }


.hide-content {
    display: none !important;
}



/*Popup*/
#DHAAdModal .modal-body {
    height: auto;
    padding: 0px;
    overflow: initial;
}

#DHAAdModal button.close {
    position: absolute;
    right: -7px;
    top: -11px;
    padding: 5px 10px;
    margin: 0px;
    min-width: auto;
    background: #8dc63f;
    border-radius: 50%;
    opacity: 1;
    color: #fff;
    z-index: 1099;
}


@media( max-width:320px) {
    #DHAAdModal .modal-dialog {
        width: 275px;
    }
}

@media( max-width:375px) {
    #DHAAdModal .modal-dialog {
        width: 300px;
    }
}

@media( min-width:375px) and (max-width:420px) {
    #DHAAdModal .modal-dialog {
        width: 350px;
    }
}

#btnDiv {
    display: none;
}

.fancybox-inner {
    overflow: hidden !important;
    height: 500px !important;
}

.fancybox-OutSideURL .fancybox-inner {
    overflow: hidden !important;
    height: auto !important;
}

.pnl-content > .panel-heading .title-ar .accordion-toggle:after {
    float: left;
}

.ms-dlgFrameContainer .foxpush_blocked_box .foxpush_blocked_box_left {
    display: none !important;
}


a#YearOfZayed {
    margin-top: 13px;
    margin-right: 10px;
}

@media (min-width:992px) {
    li.live-icon-mobile {
        display: none;
    }
}

@media (max-width:991px) {
    li.live-icon {
        display: none;
    }
}

@media (max-width:767px) {
    li.live-icon-mobile img {
        width: 36px;
    }
}

@media (min-width:767px) and (max-width: 991px) {
    li.live-icon-mobile img {
        width: 55px;
    }
}

/*@media (min-width:767px) and (max-width: 1024px) {
    li.live-icon-mobile img {
        width: 55px;
    }
}*/

.ae #faqmenu h4.panel-title {
    position: relative;
    padding: 0px 0px 0px 15px;
}

.ae #faqmenu .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    position: absolute;
    right: auto;
    top: 1px;
    left: -8px;
}

.ae #faqmenu .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    header .navigation .mobile-nav .top-right-nav li a {
        width: 50px;
        Padding: 12px 1px;
    }
}

@media (max-width:375px) {
    header .branding-section .brand img {
        Max-height: 34px;
    }

    a#YearOfZayed {
        Margin-top: 7px;
    }
}

board-member-name {
    color: #007780;
    font-size: 24px;
    margin: 0;
    font-weight: 300;
}

.board-member-info {
    margin-bottom: 10px;
}

    .board-member-info h2 {
        margin-top: 0px;
    }

        .board-member-info h2 a {
            text-decoration: none;
        }

    .board-member-info h3 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 5px;
    }

    .board-member-info p {
        font-weight: 300;
        font-size: 14px;
        line-height: 18px;
    }

    .board-member-info a.link {
        color: #8cc63f;
        font-weight: 400;
    }

ul.slick-dots {
    position: absolute;
    bottom: 5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer;
}

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

        .slick-dots li button:before {
            font-family: 'slick';
            font-size: 38px;
            line-height: 14px;
            position: absolute;
            top: 0;
            left: 0px;
            width: 14px;
            height: 14px;
            content: 'է';
            text-align: center;
            opacity: .25;
            border: 3px solid #1d5f4c;
            border-radius: 50%;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .slick-dots li.slick-active button:before {
        opacity: .85;
        background: #8cc63f;
    }

img.ms-rtePosition-4 {
    border: 7px solid #108b8e;
    height: 250px !important;
}

.thumbnail.leader-thumb .caption {
    text-align: center;
}

.thumbnail.leader-thumb .img-leader {
    height: 250px;
    border: 7px solid #bcbec0;
}

.Newsbutton1 {
    background: #008b9a;
    color: #fff;
    display: inline-block;
    border: none;
    box-shadow: none;
    font-size: 16px;
    padding: 10px 33px;
    font-weight: 300;
    margin-left: 0px;
    border-radius: 15px;
}

.Newsbutton2 {
    background: #84be00;
    color: #fff;
    display: inline-block;
    border: none;
    box-shadow: none;
    font-size: 16px;
    padding: 10px 33px;
    font-weight: 300;
    margin-left: 0px;
    border-radius: 15px;
}

button.gm-control-active {
    min-width: 0px;
}
/*09-11-2018 UAT migration issues*/
.x-large-font .find-doctor h2 {
    font-size: 40px !important;
}

.large-font .find-doctor h2 {
    font-size: 38px !important;
}

.small-font .find-doctor h2 {
    font-size: 34px !important;
}

.x-small-font .find-doctor h2 {
    font-size: 32px !important;
}

.color-blind .livechat {
    background: #f1f5f6;
}

.color-blind div#floatlivechat i, .color-blind span.chat, .color-blind .chat-status .option, .color-blind .chat-footer button.submit {
    color: #2d2d2d;
}

.color-blind .livechat-header {
    background: #acacac;
}

.color-blind #livechat-section button.btn-primary {
    background: #2d2d2d;
}

.color-blind .chatbox-body-message.chatbox-body-message-system p {
    background: #acacac;
}

.color-green .livechat, .color-green .livechat-header {
    background: #3b5998;
}

.color-green div#floatlivechat i, .color-green span.chat {
    color: #ffffff;
}

.color-green #livechat-section button.btn-primary {
    background: #3b5998;
}

.color-green .chatbox-body-message.chatbox-body-message-system p {
    background: #3b5998;
    color: #ffffff;
}

.color-green .chat-status .option, .color-green .chat-footer button.submit {
    color: #3b5998;
}

.x-small-font .ChatTitle {
    font-size: 12px !important;
}

.small-font .ChatTitle {
    font-size: 14px !important;
}

.large-font .ChatTitle {
    font-size: 18px !important;
}

.x-large-font .ChatTitle {
    font-size: 20px !important;
}

.ae.color-blind #exitchat h4 {
    color: #2d2d2d;
}

.ae.color-blind #exitchat button.btn.btn-danger {
    background: #acacac !important;
}

.ae.color-green #exitchat button.btn.btn-danger {
    background: #3b5998 !important;
}

.ae #exitchat input[type="radio"] {
    margin-left: 0px;
    margin-right: -20px;
}

.ae.color-blind #exitchat button.btn.btn-theme-success {
    background: #acacac;
    color: #fff;
    border-radius: 0px;
}

.ae.color-green #exitchat button.btn.btn-theme-success {
    background: #3b5998;
    color: #fff;
    border-radius: 0px;
}

.x-large-font .feedback-chat {
    width: 150px;
}

li.Facebook {
    display: none !important;
}

@media(max-width:767px) {
    .ae .caption a.btn.btn-lg.btn-inline {
        Left: auto;
        Right: 15px;
    }
}

@media (max-width: 767px) {
    header .navigation .mobile-nav .top-right-nav li a i.im.im-share {
        font-size: 24px;
        line-height: 40px;
        top: 2px;
    }
}

@media(min-width:767px) and (max-width:991px) {
    header .navigation .mobile-nav .top-right-nav li a {
        Width: 70px;
    }
}

@media(min-width:991px) and (max-width:1024px) {
    header .navigation .mobile-nav .top-right-nav li a i.im.im-share {
        font-size: 30px;
        line-height: 60px;
    }
}


@media (max-width: 420px) {
    .ae .social-feeds .nav-justified > li, .ae .social-feeds .nav-tabs.nav-justified > li {
        Float: none;
    }

    .featured-article {
        Width: 100%;
    }
}

.filterUsedServices1 .section-Categoryservice-box .service-box .headclass1 a {
    Font-size: 16px;
}

#doctor .btn-boxed, #doctor input[type="submit"].btn-boxed, #doctor input[type="button"].btn-boxed, #doctor .btn-boxed:visited, #facility .btn-boxed, #facility input[type="submit"].btn-boxed, #facility input[type="button"].btn-boxed, #facility .btn-boxed:visited {
    height: 50px;
    line-height: 20px;
}

#doctor .input-group .form-control, #facility .input-group .form-control {
    height: 50px;
}

#faqmenu {
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#007780));
}

body.disableOutline *:focus {
    outline: none !important;
}

.ae input[type="radio"] {
    margin-right: -20px;
}

.color-green .singlenews.news {
    color: #38579a;
}

.color-blind .singlenews.news {
    color: #fff;
}

.color-blind .files-table td, .color-blind .files-table td a {
    color: #d0bfbf;
}

.color-green .files-table td, .color-green .files-table td a {
    color: #38579a;
}

.tab-content > #faqmenu.active {
    overflow-y: hidden;
}

@media (min-width:767px) and (max-width:991px) {
    i.im.im-share {
        font-size: 30px;
        top: 12px;
        line-height: 40px;
    }
}
/*@media (min-width:767px) and (max-width:1024px) {
	i.im.im-share{
		font-size:30px;
		top:12px;
		line-height:40px;
	}
}*/

.font-en {
    unicode-bidi: embed;
    direction: ltr;
}

#privacy-close {
    color: #82bc00;
}

@media (max-width:1199px) {
    .filterUsedServices {
        width: 100%;
    }
}

/* Slider CSS after changing to Div */
.banner-slider .bxslider .container {
    position: relative;
}

    .banner-slider .bxslider .container .caption h1 {
        color: #008b99;
        margin-bottom: 20px;
        margin-bottom: Infinity;
        line-height: 60px;
        font-size: 42px;
        font-size: Infinity;
    }

    .banner-slider .bxslider .container .caption {
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        max-width: 440px;
        z-index: 1;
        left: 20px;
    }

        .banner-slider .bxslider .container .caption p {
            color: #6d6f71;
            line-height: 30px;
            margin-bottom: 30px;
            margin-bottom: Infinity;
        }

.banner-slider .bxslider img {
    margin: auto;
    height: auto;
    width: 100%;
    float: left;
}

.banner-slider .bxslider.slick-slider .slick-list .slick-track {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

    .banner-slider .bx-wrapper .bx-viewport .bxslider .overlay,
    .banner-slider .bx-wrapper .bx-viewport .slick-track .overlay,
    .banner-slider .bx-wrapper .slick-list .bxslider .overlay,
    .banner-slider .bx-wrapper .slick-list .slick-track .overlay,
    .banner-slider .bxslider.slick-slider .bx-viewport .bxslider .overlay,
    .banner-slider .bxslider.slick-slider .bx-viewport .slick-track .overlay,
    .banner-slider .bxslider.slick-slider .slick-list .bxslider .overlay,
    .banner-slider .bxslider.slick-slider .slick-list .slick-track .overlay {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.6);
        z-index: 0;
        display: none;
    }

.banner-slider .bxslider img {
    height: 480px;
}

.bxslider .caption a.btn.btn-lg.btn-inline {
    border: none;
    font-size: 24px;
    font-weight: bold;
    background-color: #005A66 !important;
}

header .searchbox .searchbtn .icon-icon-search, header .searchbox .searchbtn .ms-srch-sb-searchLink {
    color: #007780;
}

#btnSubmitDoc,#btnfacility {
    background-color: #007780;
}

@media(max-width: 1024px) {
    .banner-slider .bxslider img {
        height: auto;
    }
}

.ax-hidden {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px,1px,1px,1px);
    border: 0;
    overflow: hidden
}

.FlipPDF {
    padding: 5px 14px;
    display: block;
    font-size: 18px;
    color: #007780;
}

@media (max-width: 991px) {
    header .accessibility-panel.topPanel.showing {
        display: block !important;
        top: 325px;
    }

    header .accessibility-panel.showing {
        display: block !important;
        top: 123px;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        padding-bottom: 123px;
    }
}
button.alert-link.cfyesbtn.mar-lr.btn.btn-primary, button.alert-link.cfnobtn.btn.btn-primary {
    background: #ffffff;
    color: #007780 !important;
}
#feedbackbanner{
    margin-top:15px;
}

/*HRd*/
.facility-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.facility-service-box {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    position: relative;
    margin-right: 10px;
    width: 250px;
    margin: 10px;
    display: inline-block;
    height: 140px;
}

.service-box {
    height: 100%;
    max-width: 360px;
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    border: 1px solid #e6e6e6;
    transition: all 0.3s linear 0s;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.04);
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 20px;
}

.facility-service-box img {
    max-width: 60px;
    margin: 0px auto;
    cursor: auto;
    height: 60px;
}

.facility-service-box .service-box h3 a {
    font-size: 18px;
    margin: 35px 0;
    color: #007780;
    font-family: 'Dubai',sans-serif;
    line-height: 1.47em;
}
/*END HRD*/
/*For AskLatifa*/
.live-latifa-box {
    background: #fff;
    width: 420px;
    position: fixed;
    right: 10px;
    bottom: -100%;
    opacity: 0;
    border-radius: 5px;
    z-index: 9999;
    transition: 0.5s ease-in-out;
}

    .live-latifa-box .chat-header h3 {
        font-size: 1em;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
    }

    .live-latifa-box .chat-header button {
        background-color: transparent;
        border: 0;
        padding: 0;
        outline: 0;
        color: #fff;
        position: absolute;
        right: -20px;
        top: 56%;
        transform: translateY(-50%);
    }

    .live-latifa-box .chat-box-body {
        padding: 25px;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

    .live-latifa-box .form > div {
        margin-bottom: 15px;
    }

    .live-latifa-box .form label {
        font-size: .865em;
    }

    .live-latifa-box .form input {
        height: 35px;
    }

    .live-latifa-box .form .submit-chat-btn {
        margin: 10px 0 0;
        text-align: center;
    }

    .live-latifa-box .submit-chat-btn .theme-btn {
        width: 130px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        font-weight: normal;
        text-transform: uppercase;
        border: 0;
        padding: 0;
        background: #8cc63f;
        color: #fff;
        background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
        background: -moz-linear-gradient(left, #1a9172, #8cc63f);
        background: -o-linear-gradient(left, #1a9172, #8cc63f);
        background: -ms-linear-gradient(left, #1a9172, #8cc63f);
        background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
        background: linear-gradient(to left, #1a9172, #8cc63f);
    }

@media only screen and (max-width: 767px) {
    .live-latifa-box {
        width: 300px;
    }
}

.ae .live-latifa-box .chat-header button {
    left: -20px;
    right: inherit;
}

.color-blind .live-latifa-box .submit-chat-btn .theme-btn, .color-blind #faqmenu button.btn.btn-default {
    background: #2d2d2d;
}

.color-green .feedback-chat, .color-green .back-to-top, .color-green .chat-header, .color-green .live-latifa-box .submit-chat-btn .theme-btn, .color-green #faqmenu button.btn.btn-default {
    background: #3b5998;
}



.color-dha.feedback-chat, .color-dha.live-latifa-box .submit-chat-btn .theme-btn, .color-dha #faqmenu button.btn.btn-default {
    background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
    background: -moz-linear-gradient(left, #1a9172, #8cc63f);
    background: -o-linear-gradient(left, #1a9172, #8cc63f);
    background: -ms-linear-gradient(left, #1a9172, #8cc63f);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
    background: linear-gradient(to left, #1a9172, #8cc63f);
}
.footer-bottom .container .row .col-md-6:nth-child(2) {
    clear: left;
}

.ae .footer-bottom .container .row .col-md-6:nth-child(2) {
    clear: right;
}

.ae footer .footer-bottom .horizontal-menu {
    margin: 0 0 0 30px;
    float: right;
}

.feedback-h {
    position: fixed;
    right: 10px;
    bottom: 0px;
    background: #007780;
    color: #fff;
    width: 42%;
    z-index: 10;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
}


.ae .feedback-h {
   
    left: 10px;
    right:auto;
  
}

.ae .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 120px;
    left: 10px;
    display: none;
    height: 40px;
    line-height: 30px;
    right:auto;
}

.ae .fancybox_smartdubai {
    /*chat .css*/
    position: fixed;
    bottom: 0px;
    right: 10px;
    background-color: #84be00;
    padding: 10px;
    z-index: 10;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    left:auto;
}

.ae .fancybox_smartdubai {
    /* main .css */
    position: fixed;
    bottom: 0px;
    /* left: 10px; */
    background-color: #84be00;
    padding: 10px;
    z-index: 10;
}

.ae footer .footer-bottom .horizontal-menu {
   
    float: right !important;
}
footer .footer-bottom .horizontal-menu {
    float: left !important;
}

li.live-icon {
    display: none;
}
li.live-icon-mobile {
    display: none;
}
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
    border: none;
    color: #333;
    margin: 0;
    outline: 0;
    background: 0 0;
    border-left: 1px solid #677077;
    float: left;
    font-size: 16px;
    height: 100%;
    line-height: 28px;
    padding: 0 4px !important; /*this value needs to be updated in order to override */
    width: initial;
    min-width: auto;
}


.rs_addtools .rsbtn_tooltoggle, .rsbtn .rsbtn_tooltoggle {
    color: #333;
    font-weight: 400;
    text-transform: none;
    background: #f6f9fc;
    border: 0;
    border: 1px solid #677077;
    border-left: none;
    box-sizing: border-box;
    display: block !important;
    font-size: 12px;
    height: 14px;
    left: 1px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    transition: width .1s,height .1s,left .1s,background .1s;
    transistion-timing-function: linear;
    top: 14px;
    width: 16px;
    z-index: 1;
    min-width: auto;
}

.rsbtn span:nth-child(2) {
    display: none;
}

/*RTL*/

.ae .rsbtn {
    direction: ltr;
    -ms-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.ae .rsbtn_text {
    direction: ltr;
    -ms-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.ae .rsbtn span:nth-child(2) {
    display: none;
}

.banner-control button {
    font-size: 12px;
    line-height: 0;
    display: block;
    width: 45px;
    height: 45px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
    border: 3px solid #1d5f4c;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: auto;
    background: #84be00;
}

    .banner-control button.pause i {
        font-size: 12px;
        color: #005359;
        padding-left: 1px;
    }

    .banner-control button.play i {
        font-size: 12px;
        color: #005359;
        padding-left: 3px;
    }

.banner-control {
    position: absolute;
    bottom: 35px;
    left: calc(50% - 26px);
    z-index:1;
    width: 45px;
}
 .banner-control button.play {
            display: none;
        }

/*End*/
/*For Search mobile Fix*/
#searchBox_mobile .searchbox .DHAicon a + a > i {
    display: inherit !important;
}
/*End*/
/*For colorbind feedback*/
.color-blind .feedback-h a:hover {
    background: #666;
}
.color-blind .chatactive {
    background: #666;
}
.color-blind .feedback-h {
    background: #acacac;
}

    .color-blind .feedback-h div:nth-child(1) {
        border-right: 1px solid #000;
    }

    .color-blind .feedback-h div:nth-child(3) {
        border-left: 1px solid #000000;
    }

.color-blind .alert.alert-primary {
    background: #acacac;
}

.color-blind .cfyesbtn, .color-blind .cfnobtn {
    background: #ffffff;
    color: #000 !important;
}

.color-blind .cfmsg {
    background: #acacac;
}

.color-blind .panel.panel-feedcontent h4 {
    color: #000;
}



.color-green header .navigation .main-menu > li .sub-menu {
    border-bottom: 4px solid #000;
}

.color-green .feedback-h {
    background: #3b5998;
}
    .color-green .feedback-h a:hover {
        background: #2f4a82;
    }
    .color-green .feedback-h .chatactive {
        background: #2f4a82;
    }

    .color-green .feedback-h div:nth-child(1) {
        border-right: 1px solid #3b5998;
    }

    .color-green.feedback-h div:nth-child(3) {
        border-left: 1px solid #000000;
    }

.color-green .alert.alert-primary {
    background: #3b5998;
}

.color-green .cfyesbtn, .color-blind .cfnobtn {
    background: #ffffff;
    color: #3b5998 !important;
}

.color-green .cfmsg {
    background: #3b5998;
}


.color-green header .navigation .main-menu > li .sub-menu {
    border-bottom: 4px solid #3b5998;
}

.color-green .panel.panel-feedcontent h4 {
    color: #3b5998;
}
.color-green .panel.panel-feedcontent .ctfsubmit, .color-blind .panel.panel-feedcontent .ctfcancel {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.color-blind .panel.panel-feedcontent .ctfsubmit, .color-blind .panel.panel-feedcontent .ctfcancel {
    color: #000;
    background-color: #acacac;
    border-color: #acacac;
}
.color-green .banner-control button.pause i {
    color: #ffffff;
}

.color-green .banner-control button {
    border: 3px solid #3a5997;
    background: #3a5997;
}

.color-blind .ae .banner-control button.pause i {
    color: #ffffff;
}

.color-blind .ae .banner-control button {
    border: 3px solid #acacac;
    background: #acacac;
}

.color-blind .ae .fancybox_smartdubai {
    background-color: #acacac;
}
.color-green .ae .fancybox_smartdubai {
    background-color: #3a5997;
}
.color-blind footer .base-footer .footer-nav li a:hover {
    color: #2d2d2d;
}
/*a:visited {
    color: #007780 !important;
}*/
/*end*/
.color-green .backstretch img, .slick-dots, .color-green .issue-item img, .color-green .image-canvas img, .color-green .services .list-services img, .color-green .social-feeds .feed-block .wall-image img, .color-green .social-feeds .facebook .footer, .color-green .social-feeds .tumblr .footer, .color-green .loadmore, .color-green .smart-apps .apps-box .store-btns, .color-green .smart-apps .apps-box .icon-canvas, .color-green .services .blocks-list .box .icon-canvas, .color-green .social-feeds .instagram .footer, .color-green .social-feeds .feed-block .footer, .color-green .services .list-services li a .icon, .color-green .inner-content, .color-green .breadcrumb, .color-green .sidebar.col-md-3.col-lg-3.col-sm-12.col-xs-12, .color-green .sidebar {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}
.color-green .banner-slider{

}
@media (min-width:320px) and (max-width:678px) {
    .cfformcnt strong {
    display:block;
    width:100%;
    margin:auto;
    clear:both;
    float:none;
    }

    #startchat {
        overflow: auto;
        max-height: 350px;
    }

}
#ReCaptchContainer {
    width: auto !important;
}


    #ReCaptchContainer div:nth(1) {
        width: auto !important;
    }

#ReCaptchContainer div div iframe {
    /*width: 100% !important;*/
}

.rc-anchor-normal .rc-anchor-checkbox-label {
    width: auto !important;
}

.rc-anchor-normal .rc-anchor-content {
    width: auto !important;
}

.rc-anchor-normal {
    width: auto !important;
}
.language-swticher a {
    padding: 6px !important;
}

.language-swticher img {
    padding-right: 5px !important;
    width: 25px;
    height: auto;
    padding-top: 4px;
}

.ae .language-swticher a {
    padding:7px !important;
}

.ae .language-swticher img {
    padding-left: 5px !important;
    padding-bottom: 5px !important;
}


.color-green footer .base-footer img, .color-green footer .footer-bottom img, .color-green .smart-apps img, .color-green footer .smart-dubai-mobile img, .color-green .banner-slider .bxslider.slick-slider .slick-list .slick-track li img {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}


.ae .color-green footer .base-footer img, .ae .color-green footer .footer-bottom img, .ae .color-green .smart-apps img, .ae .color-green footer .smart-dubai-mobile img, .ae .color-green .banner-slider .bxslider.slick-slider .slick-list .slick-track li img {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}
.color-blind a#privacy-close { /*update this class by adding {a} before #*/
    color: #ffffff;
}

.color-green a#privacy-close {
    color: #3b5998;
}

.color-blind #privacy-close {
    color: #ffffff;
}

/*update existing*/
.color-blind .find-doctor .input-group-btn .btn {
    Background: #b0b0b0;
    Color: #ffffff; /*update this value*/
}
/*update existing*/
.color-blind button.alert-link.cfyesbtn.mar-lr.btn.btn-primary, .color-blind button.alert-link.cfnobtn.btn.btn-primary {
    background: #ffffff;
    color: #000000 !important; /*update this value*/
}

.ae .color-blind #privacy-close {
    color: #ffffff;
}

/*update existing*/
.ae .color-blind .find-doctor .input-group-btn .btn {
    Background: #b0b0b0;
    Color: #ffffff; /*update this value*/
}
/*update existing*/
.ae .color-blind button.alert-link.cfyesbtn.mar-lr.btn.btn-primary, .color-blind button.alert-link.cfnobtn.btn.btn-primary {
    background: #ffffff;
    color: #000000 !important; /*update this value*/
}
/*update existing*/
.color-blind .fancybox_smartdubai {
    position: fixed;
    bottom: 0px;
    /* left: 10px; */
    background-color: #acacac; /*update this value*/
    padding: 10px;
    z-index: 10;
}
/*update existing*/
.ae .color-blind .fancybox_smartdubai {
    position: fixed;
    bottom: 0px;
    /* left: 10px; */
    background-color: #acacac; /*update this value*/
    padding: 10px;
    z-index: 10;
}

.color-green #btnSubmitDoc, .color-green #btnfacility {
    background-color: #3b5998;
}

.color-green button.alert-link.cfyesbtn.mar-lr.btn.btn-primary, .color-green button.alert-link.cfnobtn.btn.btn-primary {
    color: #3b5998 !important;
}

.ae .color-green button.alert-link.cfyesbtn.mar-lr.btn.btn-primary, .color-green button.alert-link.cfnobtn.btn.btn-primary {
    color: #3b5998 !important;
}

.color-green footer .scrolling-logos img {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.ae .color-green footer .scrolling-logos img {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}



@media (max-width: 767px)
{
    header .navigation .mobile-nav .top-right-nav .language-swticher a {
        font-size: 14px;
        line-height: 50px; /*update this*/
    }
}
@media (max-width: 767px) {

    .ae header .navigation .mobile-nav .top-right-nav .language-swticher a {
        font-size: 14px;
        line-height: 50px !important;
        padding-right: 0px !important;
        margin-left: 8px !important; 

    }
}
.color-blind footer .base-footer .footer-nav li a:visited {
    color: #2d2d2d !important;
}

.color-green footer .base-footer .footer-nav li a:visited {
    color: #3b5998 !important;
}
#rsmpl_container {
   bottom: 60px !important;
  
}
#rsmpl_container .rsmpl-tools .rsmpl-tool button {
        width: initial !important;
       min-width: auto !important;
    }

@media (max-width: 991px) {
    footer .footer-bottom {
        padding-bottom: 65px !important;
    }
}
.small-font h3 {
    font-size: 12px !important;
}

.x-large-font h3 {
    font-size: 28px !important;
}

.large-font h3 {
    font-size: 24px !important;
}

.x-small-font .HumanEnsureLabel {
    font-size: 12px;
}

.small-font .HumanEnsureLabel {
    font-size: 14px;
}



. large-font .HumanEnsureLabel {
    font-size: 18px;
}

.x-large-font .HumanEnsureLabel {
    font-size: 20px;
}
.x-small-font .live-chat-box .chat-header h3 {
    font-size: 12px !important;
}

.ae .x-small-font .live-chat-box .chat-header h3 {
    font-size: 12px !important;
}

.x-small-font .live-latifa-box .chat-header h3 {
    font-size: 12px !important;
}

.ae .x-small-font .live-latifa-box .chat-header h3 {
    font-size: 12px !important;
}










