/* Minification failed. Returning unminified contents.
(12655,5): run-time error CSS1019: Unexpected token, found '}'
(12725,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12751,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12757,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12767,65): run-time error CSS1039: Token not allowed after unary operator: '-secondary-light-color'
(12768,67): run-time error CSS1039: Token not allowed after unary operator: '-secondary-light-color'
(12769,65): run-time error CSS1039: Token not allowed after unary operator: '-secondary-light-color'
 */
/* Main style sheet for shifa4u */


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

li {
    list-style: none;
}

.single-landscape-post table, .single-landscape-post tr, .single-landscape-post td {
    border: 0px !important;
}

.h2-neutral, .h3-neutral {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
    display: inline-block;
    margin: 0;
}
.joinDctrFrm .form-control,
.DctrFrm2part .form-control {
    border-radius: 2px;
    border: solid 1px #c5c5c5;
}
.btn-danger {
    background: rgb(190, 9, 47);
}
.btn-primary {
    background: rgb(1, 27, 87);
}
.JoinFrmWrap .btn{
    min-width: 80px;
}
.JoinFrmWrap .card-body h1 {
    margin-bottom: 0px;
    font-size: 26px;
    color: #002868;
    font-weight: bold;
    padding-bottom: 10px;
}
.JoinFrmWrap .form-group {
    margin-bottom: 25px;
}

/* ============ File Upload Block ==============*/

.imagePreview {
    width: 100%;
    height: 180px;
    background: url(/Content/css/http:/cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px dashed #ccc;
    display: inline-block;
}
.JoinFrmWrap .btn-primary.btnUploadImg {
    display: block;
    margin-bottom: 1em;
}

.imgUp {
    margin-bottom: 15px;
}

.del {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: rgba(255,255,255,0.6);
    cursor: pointer;
}

.imgAdd {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #4bd7ef;
    color: #fff;
    box-shadow: 0px -3px 6px 2px rgba(177, 177, 177, 0.2);
    text-align: center;
    line-height: 30px;
    margin-top: 0px;
    cursor: pointer;
    font-size: 15px;
}

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

.JoinFrmWrap .card-body p {
    margin-bottom: 2em;
    font-size: 16px;
}
.JoinFrmWrap {
    max-width: 900px;
    margin: 2em auto;
}
.form-check-inline {
    display: inline-block;
    margin-right: .75rem;
}

p {
    font-size: 13px;
    line-height: 1.7;
}

.panel {
    margin-bottom: 2px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading {
    padding: 8px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.hidden {
    display: none !important;
}

.navbar-toggle {
    display: none;
}

.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 11px;
}

.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .2);
}

.siq_bR {
    right: 0px !important;
}

.shifa-font {
    display: inline-block;
    font: normal normal normal 14px/1 shifa4u;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
}

body {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    font-size: inherit;
}
/*Start -----Helper---Classes*/
.inline-block {
    display: inline-block;
    width: 100%;
}

.inline-block2 {
    display: inline-block;
    margin-top: 20px;
}

.red-font-color {
    color: #bf0a30;
}

.blue-font-color {
    color: #002868;
}

.red-bg-color {
    background: #bf0a30 !important;
}

.blue-bg-color {
    background: #002868;
}

.top-notification {
    display: inline-block;
    padding: 10px;
    width: 30%;
    z-index: 1111;
    color: #fff;
    text-align: center;
    top: 0;
    font-size: 15px;
    -webkit-box-shadow: 0px 9px 12px -3px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 9px 12px -3px rgba(0,0,0,0.22);
    box-shadow: 0px 9px 12px -3px rgba(0,0,0,0.22);
    line-height: 29px;
    display: none;
    opacity: 0.9;
    z-index: 11112;
}

.alert-red {
    background: #bf0a30;
    border-bottom: solid 4px #aa0b2c;
}

.alert-green {
    background: #4caf50;
}

.close-alert {
    float: right;
    cursor: pointer;
}

    .close-alert img {
        width: 20px;
    }

button:focus, button:active {
    outline: 0;
    box-shadow: none;
}

.top-user-bar {
    line-height: 0;
    background: #fff;
    height: 26px;
    box-shadow: 0px 2px 5px #ababab;
}
/*top-nav-bar-section-START*/
.top-nav-bar-section {
}

.seprator {
    width: 70%;
    height: 2px;
    background: #eee;
    margin: 50px auto 50px auto;
}

.callus {
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    padding: 5px;
    vertical-align: top;
    line-height: 1.3;
}

    .callus a {
        color: #626262;
    }

    .callus div {
        padding: 0;
    }

    .callus i {
        font-size: 12px;
        color: #0072bf;
        display: inline-block;
        font-style: normal;
        margin-right: 5px;
    }

.email i {
    color: #0072bf;
    display: inline-block;
}

.callus span {
    display: inline-block;
    color: #626262;
}

.callus img {
    display: inline-block;
    margin-right: 3px;
    width: 14px;
}

.callus span:before {
    color: #626262;
}

.callus-mobile {
    margin: 0;
    padding: 5px 10px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 2px 0px #ccc;
    background: #eee;
    width: 160px;
    height: 27px;
}

    .callus-mobile span {
        font-size: 12px;
        font-weight: 500;
    }

        .callus-mobile span img {
            float: left;
            width: 20px !important;
            margin-right: 6px;
            margin-top: -1px;
            ;
        }

        .callus-mobile span a {
            color: #626262;
        }

        .callus-mobile span i {
            color: #0072bf;
        }

.bold-callus {
    background: #db0000;
    font-weight: 500;
    padding: 5px 10px 5px 10px;
}

    .bold-callus span {
        font-style: italic;
    }

    .bold-callus span, .bold-callus i {
        color: #fff;
    }

.slogan {
    font-family: 'Dynalight', cursive;
    font-size: 20px;
    color: #0015b6;
}

.region {
    text-align: right;
    margin: 7px;
    display: inline-block;
    width: 65%;
}

    .region select {
        width: 44%;
        display: inline-block;
        color: #999;
        border-radius: 0;
        border-color: #eee;
    }

        .region select option {
            color: #999;
            font-size: 20px !important;
        }

.signup-right {
    background: url(/Content/images/signup.jpg) no-repeat;
    width: 100%;
    height: 427px;
    display: inline-block;
}

    .signup-right h3 {
        color: #000;
        font-weight: 400;
        text-transform: uppercase;
        padding: 20px;
        width: 100%;
        text-align: center;
        margin-top: 15%;
        border-bottom: solid 1px #fff;
        background: #fff;
    }

    .signup-right ul li {
        font-size: 14px;
        color: #fff;
        list-style: circle;
        margin-bottom: 10px;
    }

    .signup-right ul {
        display: inline-block;
        width: 85%;
        margin-left: 30px;
    }

.no-padding {
    padding: 0;
}

#loginModal {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
}

    #loginModal .modal-content {
        border: none;
        border-radius: 0;
    }

    #loginModal .modal-header {
        padding: 0;
        padding: 0px 20px 0px 20px;
    }

    #loginModal .modal-body {
        padding: 10px 50px 10px 50px;
    }

    #loginModal .modal-content .close {
        background: #c20000;
        width: 25px;
        height: 25px;
        opacity: 1;
        color: #fff;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.modal-dialog {
    margin-top: 4%;
}

.OrderModal .modal-content {
    border-radius: 0;
}

.OrderModal .close {
    background: #000;
    opacity: 1;
    width: 25px;
    height: 25px;
    text-shadow: none;
    color: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 10px #666;
    margin-top: -22px;
    margin-right: -22px;
}

    .OrderModal .close:hover {
        background: #bf0a30;
    }

.OrderModal .OrderModalTitleSmall {
    text-align: center;
    color: #002868;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}

.OrderModal .OrderModalTitle {
    text-align: center;
    color: #bf0a30;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
}

.OrderModal .modal-dialog {
    margin-top: 5%;
}

.OrderModal .msg {
    text-align: center;
    font-size: 17px;
}

.OrderModal .order-checkmark {
    color: #00b14d;
    font-size: 70px;
    opacity: 0.6;
}

.OrderModal .modal-footer {
    text-align: center !important;
}

.OrderModal .modal-button {
    width: 165px;
    display: inline-block;
    cursor: pointer;
}

.user-login {
    float: right;
    display: inline-block;
}

.second-nav-bar-outer {
    text-align: right;
    margin-top: 7px;
    display: inline-block;
}

.second-nav-bar {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-bottom: 0px;
}

    .second-nav-bar li {
        display: inline-block;
        margin-right: 5px;
    }

        .second-nav-bar li a {
            font-size: 12px;
            color: #626262;
            padding: 5px;
        }

            .second-nav-bar li a i {
                color: #0072bf;
            }
/*.user-login a:hover, .user-login .btn1:hover {
        background: #0070c2;
        color: #fff;
    }*/

.atp-logo {
    display: inline-block;
    margin-top: 18px;
    width: 86%;
}

.regional {
    height: 27px;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

.regional-outer {
    display: inline-block;
    vertical-align: top;
    border: solid 2px #bf0a30;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(191, 10, 48);
    border-top: 0;
    box-shadow: 0px 0px 7px #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,aec3e2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #aec3e2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#aec3e2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%,#aec3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aec3e2',GradientType=0 ); /* IE6-9 */
    margin-right: 10px;
    min-width: 136px;
    border-bottom: none;
}

.countries {
    display: inline-block;
    vertical-align: top;
    padding: 1px;
}

    .countries span {
        font-size: 12px;
        margin-top: 5px;
        display: inline-block;
        line-height: 1.2;
        color: #fff;
    }

        .countries span img {
            width: 14px;
            float: left;
            margin-right: 5px;
        }

.border-left1 {
    border-left: solid 1px #ccc;
    padding-left: 10px;
}

.countries .bfh-selectbox-toggle {
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
    border: none;
    height: 26px;
    padding-top: 4px;
}

    .countries .bfh-selectbox-toggle span {
        color: #626262;
    }

    .countries .bfh-selectbox-toggle .caret {
        color: #bf0a30;
    }

.countries .bfh-selectbox-option {
    font-size: 12px;
    text-align: left;
}

.bfh-selectbox-options {
    width: 200px;
    text-align: left;
}

.city {
    display: inline-block;
    vertical-align: top;
    color: #fff;
}

    .city .caret {
        margin-right: 12px;
    }

    .city .dropdown-menu {
        padding: 0;
        border-radius: 0;
    }

        .city .dropdown-menu a {
            font-size: 12px;
        }

.citydropdown {
    font-size: 12px;
    padding: 5px;
    border: none;
    border-radius: 0;
    color: #000;
    padding-right: 0 !important;
    background: transparent;
    box-shadow: none;
}


.city .bootstrap-select {
    /*width: 82px !important;*/
}

.user-menu {
    display: inline-block;
    position: relative;
    border: solid 1px #0071c1;
}

    .user-menu button {
        background: none;
        font-size: 12px;
        color: #fff;
    }

        .user-menu button:active {
            box-shadow: none;
            -webkit-box-shadow: none;
        }

        .user-menu button i {
            font-size: 16px;
            margin-right: 5px;
        }

    .user-menu .dropdown-menu {
        top: 85%;
        min-width: 129px;
        border-radius: 0;
    }

        .user-menu .dropdown-menu li a, .account-menu .dropdown-menu li a {
            font-size: 12px;
            color: #666;
            border-bottom: solid 1px #ccc;
            padding-top: 8px;
            padding-bottom: 8px;
            margin-left: 10px;
            margin-right: 10px;
            padding-left: 10px;
        }

.account-menu .dropdown-menu li:last-child a {
    border-bottom: none;
}

.account-menu .dropdown-menu li a:hover, .account-menu .dropdown-menu li a:hover i {
    color: rgb(191, 10, 48);
}

.account-menu .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.account-menu.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}

.account-menu {
    position: relative;
}

    .account-menu .dropdown-menu {
        min-width: 210px;
        background: #fff;
        border-radius: 0;
        right: 0;
        float: none;
        left: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 12px;
        border-color: #bf0a30;
        box-shadow: 0px 0px 17px rgba(105,105,105,0.3);
        overflow: visible;
    }

    .account-menu .caret {
        margin-left: 5px;
    }

    .account-menu button {
        background: none;
        color: #002768;
        padding: 0px;
        border-radius: 0;
        outline: none !important;
        line-height: normal;
        font-size: 11px;
    }

.username {
    color: #bf0a30;
    display: inline-block;
    text-align: right;
    text-transform: capitalize;
    font-size: 11px;
    margin-top: 10px;
}



.btn1 {
    display: inline-block;
    font-size: 12px;
    color: #002868;
    cursor: pointer;
    position: relative;
    padding-left: 5px;
}

.my-account-bt {
    background: #00a40d;
    color: #fff;
    border-radius: 5px;
}

    .my-account-bt:hover {
        color: #fff !important;
    }

    .my-account-bt i {
        color: #fff;
    }

.fontcolor1 {
    color: #159f00;
}

.fontcolor2 {
    color: #e30000;
}

.fontcolor3 {
    color: #0033e3;
}

.home-video {
    margin-top: 15px;
    position: absolute;
    z-index: 114;
    background: #ededed;
    left: 15px;
    right: 10px;
    bottom: 10px;
    top: 0;
    display: none;
}

.close-video {
    position: absolute;
    z-index: 115;
    right: 0;
    top: -6px;
}

    .close-video i {
        color: #bf0a30;
        font-size: 21px;
        cursor: pointer;
    }

.bgcolor1 {
    background-color: rgba(0, 19, 65, 0.6);
}

    .bgcolor1:hover {
        background-color: rgba(191, 10, 48, 0.6);
    }

.bgcolor2 {
    background-color: rgba(70, 105, 141, 0.7);
}

    .bgcolor2:hover {
        background-color: rgba(191, 10, 48, 0.6);
    }

.bgcolor3 {
    background-color: rgba(3, 173, 84, 0.8);
}

    .bgcolor3:hover {
        background-color: rgba(191, 10, 48, 0.6);
    }

.bgcolor4 {
    background-color: rgba(190,10,49,0.7);
}

    .bgcolor4:hover {
        background-color: rgba(191, 10, 48, 0.6);
    }

.bgcolor5 {
    background-color: rgba(0,114,191,0.8);
}

    .bgcolor5:hover {
        background-color: rgba(191, 10, 48, 0.6);
    }

.bgcolor6 {
    background-color: rgba(177, 0, 0, 0.8);
}

    .bgcolor6:hover {
        background-color: rgba(191, 10, 48, 0.6);
    }

.user-login a i {
    font-size: 12px;
    margin-right: 5px;
    color: #bf0a30;
    width: 14px;
    text-align: right;
}

.user-login a:hover i:before {
    color: #bf0a30;
}

.hoverbg2:hover {
    background: #3253ad;
    color: #fff;
}

.hoverbg3:hover {
    background: #616161;
    color: #fff;
}

.user-panel-bar {
    display: inline-block;
    position: absolute;
    top: 7px;
    margin-right: 7px;
    right: 10px;
}

.search-form {
    margin-top: 8.5%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

    .search-form .search-box {
    }

    .search-form .btn-success {
        background: #bf0a30;
        color: #fff;
        box-shadow: none;
        padding: 6px 10px;
        border: 1px solid #999;
        border-radius: 0;
    }

#search-collapse {
    clear: both;
    overflow-y: visible;
}
/*-------------------------------------------------------------------------------------*/


/*main-nav-bar-section-START*/

#custom-Navbar {
    padding-left: 0;
}

.main-nav-bar-section {
    border-top: solid 1px #eaeaea;
}

.fixed-nav-bar {
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
}

.fixed-messaging-bar {
    position: fixed;
    z-index: 11;
    width: 100%;
    top: 54px;
}

.main-nav-bar {
    border-radius: 6px;
    position: relative;
    z-index: 20;
}

.main-nav-bg {
    background: #002868;
    border-bottom: solid 5px #bf0a30;
    height: 53px;
}

.navbar-toggle .icon-bar {
    background: #fff;
}



#logo-fixed {
    display: none;
    margin-right: 8px;
}




.join-us {
    background: #ff9000;
    border-radius: 5px !important;
    padding: 8px !important;
    box-shadow: inset 0px 0px 5px #ffbd7c;
    color: #000 !important;
    font-weight: bold !important;
}

    .join-us:hover {
        background: #ff9000 !important;
        color: #fff !important;
    }

.CartPosDumy {
    position: absolute;
    width: 40px;
    height: 34px;
    background: #fcd200;
    visibility: hidden;
}

.CartPosDumyMobile {
    position: absolute;
    width: 40px;
    height: 34px;
    background: #fcd200;
    visibility: hidden;
}

.shopping-cart {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: left;
    z-index: 51;
    position: relative;
    float: right;
    margin-top: 6px;
    padding-bottom: 5px;
    text-align: left;
    background: #0071c1;
    padding-left: 7px;
    padding-right: 7px;
    border: solid 1px #2596e6;
}

    .shopping-cart a {
        color: #fff;
        font-weight: 500;
    }

    .shopping-cart i {
        color: #fff;
        font-size: 24px;
        margin-top: 6px;
    }

/*.shopping-cart > a > i {
        display:block;
    }*/
.delete-cart-mobile {
    position: absolute;
    top: 18px;
    left: 2px;
}

    .delete-cart-mobile i {
        font-size: 15px !important;
        color: #fcd200;
        cursor: pointer;
    }

        .delete-cart-mobile i:hover, .delete-cart-mobile i:active, .delete-cart-mobile i:focus {
            color: #bf0a30;
        }

.hover-cart {
    position: absolute;
    background: #fff;
    border: solid 1px;
    border-color: #bf0a30;
    box-shadow: 0px 0px 17px rgba(105,105,105,0.3);
    right: 16px;
    padding: 10px;
    margin-top: 41px;
    width: 200px;
    line-height: 23px;
    z-index: 13;
    float: left;
    padding-bottom: 10px;
    text-align: left;
    display: none;
}

.cart-items-available {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

.hover-cart-tip {
    position: absolute;
    color: #bf0a30;
    font-size: 30px;
    top: -22px;
    right: 23px;
}

    .hover-cart-tip i {
        color: #bf0a30;
        font-size: 20px;
    }

.hover-item {
    font-size: 12px;
    font-size: 12px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 4px;
    padding-top: 4px;
}

.hover-cart .item-name {
    width: 150px;
    display: inline-block;
    text-align: left;
}

.hover-cart .item-total {
    width: 100px;
    display: inline-block;
    text-align: left;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
    background-color: #bf0a30;
    border-color: #bf0a30;
}

.pagination > li > a {
    color: #002868;
}

.hover-cart .item-count {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #00ab20;
    border-radius: 10px;
}
/*.shopping-cart:hover .hover-cart{
    display:block;
-webkit-animation:flipInX 1s;
    animation: flipInX 1s;
}*/
.hover-cart .item-price {
    width: 80px;
    display: inline-block;
    text-align: right;
}

.cart-items-not-available span {
    text-align: center;
    font-size: 13px;
    display: inline-block;
    width: 100%;
    color: #666;
}

.hovercart-heading {
    color: #002868;
    background: #eee;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.bg-red {
    background-color: #cf0404 !important;
}

.cart-filled {
    animation-name: cartanimation;
    animation-duration: 500ms;
    animation-iteration-count: 2;
}

.new-recommended {
    animation-name: re-animation;
    animation-duration: 600ms;
    animation-iteration-count: 6;
}

.cart-ipad {
    display: none;
}

@-webkit-keyframes cartanimation {
    0% {
        background-color: #ff9000;
    }

    50.0% {
        background-color: #00a20d;
        box-shadow: 0px 0px 7px #f00;
    }
    /* your chosen 'mid' color */
    100.0% {
        background-color: #ff9000;
    }
}

@keyframes cartanimation {
    0% {
        background-color: #ff9000;
    }

    50.0% {
        background-color: #00a20d;
        -webkit-box-shadow: 0px 0px 7px #f00;
    }

    100.0% {
        background-color: #ff9000;
    }
}


@-webkit-keyframes re-animation {
    0% {
        border-color: #ccc;
    }

    50.0% {
        border-color: #f00;
        box-shadow: 0px 0px 20px rgba(255, 48, 25, 0.53);
        -webkit-box-shadow: 0px 0px 20px rgba(255, 48, 25, 0.53);
    }
    /* your chosen 'mid' color */
    100.0% {
        border-color: #ccc;
    }
}




.howto-button {
    animation-name: howto-animation;
    animation-duration: 800ms;
    animation-iteration-count: 10;
}

.cart-ipad {
    display: none;
}

@-webkit-keyframes howto-animation {
    0% {
        background: #011b57;
    }

    50.0% {
        background: #bf0a30
    }
    /* your chosen 'mid' color */
    100.0% {
       background: #011b57;
    }
}

@keyframes howto-animation {
    0% {
        background: #011b57;
    }

    50.0% {
        background: #bf0a30
    }

    100.0% {
       background: #011b57;
    }
}










.filled {
    margin-top: 7px;
}



.cart-text {
    position: absolute;
    font-size: 11px;
    vertical-align: top;
    color: #FFF;
    margin-top: 4px;
    background: #bf0b32;
    width: 20px;
    text-align: center;
    border-radius: 100%;
    top: -7px;
    right: 0px;
    padding: 4px 2px 4px 0px;
    line-height: 1;
}

.cart-mobile {
    display: none;
}

.logo-mobile {
    display: none;
}

.empty-cart {
    font-size: 11px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    width: 30%;
    background: #bf0a30;
    line-height: 1;
    padding: 5px;
    border-radius: 5px;
}

    .empty-cart i {
        font-size: 12px;
    }

    .empty-cart:hover {
        color: #fff;
    }
/*-------------------------------------------------------------------------------------*/

.desktopcart i {
    margin-right: 10px;
}

.desktopcart {
    text-transform: uppercase;
}

.cart-mobile i {
    margin-right: 5px;
}

.cart-mobile a {
    font-size: 12px;
}
/*header-slider-section-START*/
.service-details {
    position: absolute;
    left: 15px;
    right: 0;
    bottom: 9px;
    top: 15px;
    width: 97.5%;
    z-index: 110;
    padding: 20px;
    background: #00af50 url(/images/trans-layer.png) right bottom no-repeat;
    display: none;
}

    .service-details .h3 {
        text-shadow: 0 1px 3px rgba(0,0,0,.3);
        color: #fff;
        font-size: 24px;
    }

    .service-details p {
        text-shadow: 0 1px 3px rgba(0,0,0,.3);
        color: #fff;
        font-size: 16px;
    }

.bgcolor-solid1 {
    background: #002868 url(/Content/images/radiology-banner.jpg);
}

.bgcolor-solid2 {
    background: #002868 url(/Content/images/homecare-banner.jpg);
}

.bgcolor-solid3 {
    background: #002868 url(/Content/images/packages-banner.jpg);
}

.bgcolor-solid4 {
    background: #002868 url(/Content/images/pharmacy-banner.jpg);
}

.bgcolor-solid5 {
    background: #002868 url(/Content/images/appointment-banner.jpg);
}

.bgcolor-solid6 {
    background: #002868 url(/Content/images/lab-test-banner.jpg);
}

.banners-icons {
    padding: 0;
    margin-top: 30px;
}

    .banners-icons li {
        display: inline-block;
        width: 123px;
        color: #fff;
        vertical-align: top;
        line-height: 1.2;
        font-size: 12px;
        margin-right: 30px;
    }

        .banners-icons li img {
            margin-bottom: 10px;
        }

.pharmacy-icons {
    margin-top: 100px;
}

    .pharmacy-icons li {
        width: auto;
    }

.header-slider-section {
    display: inline-block;
    width: 100%;
    position: relative;
}

.ls-bottom-nav-wrapper {
    display: none;
}

.cart-test-name .animated {
    animation-fill-mode: none;
    animation-duration: 0.5s;
}

.usa-banner {
    margin-left: -60px;
    width: 110%;
}

.slide1-layer1-specialty {
    position: absolute;
    top: 61%;
    text-align: center;
    width: 100%;
}

    .slide1-layer1-specialty .dropdown-toggle {
        border: solid 2px #000;
        box-shadow: 0px 0px 10px #fff;
        color: #000 !important;
        height: 43px;
        font-weight: 500;
        font-size: 15px;
    }

.get-specialty-bt {
    position: absolute;
    top: 78%;
    text-align: center;
    width: 100%;
}

    .get-specialty-bt button {
        min-width: 220px;
        font-weight: 500;
        border: solid 3px #499ce4;
    }

.slide1-layer1 {
    left: auto;
    right: 35%;
    top: 4%;
}

.slide1-layer2 {
    background: #bf0a30;
    left: auto;
    right: 0;
    top: 0;
    width: 23%;
    padding: 10px;
    box-shadow: -5px 5px 10px rgba(0,0,0,0.2);
    border-radius: 0 0 0 20px;
    border: solid 3px #da254a;
    border-top-width: 3px;
    border-right-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: rgb(218, 37, 74);
    border-right-color: rgb(218, 37, 74);
    border-right: none;
    border-top: none;
}

.slide1-layer3 {
    background: #002868;
    left: auto;
    right: 0%;
    top: 49%;
    color: #fff;
    padding: 0px 10px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    border: solid 3px #638bcb;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: rgb(99, 139, 203);
    box-shadow: -3px 0px 7px #d1d1d1;
    border-right: none;
}

    .slide1-layer3 .h4 {
        font-size: 17px;
        font-weight: 400;
    }

.slide1-layer4 {
    left: auto;
    right: 6%;
    top: 68%;
}

    .slide1-layer4 .h3 {
        color: #bf0a30;
        font-size: 22px;
    }


.slide1-layer2 p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

.slides-caption {
    background: rgba(255, 255, 255, 0.8);
    color: #bf0a30;
    font-size: 18px;
    width: 300px;
    top: 58%;
    padding: 19px;
    font-weight: 500;
    right: 0;
    left: auto;
    box-shadow: -10px 0px 10px rgba(0,0,0,0.1);
    /*border:solid 1px #bf0a30;*/
    border-left: solid 3px;
    /*border-right:none;*/
}

.slides-caption-small-text {
    font-size: 17px;
    display: inline-block;
    margin-top: 5px;
    font-weight: 300;
}

.home-recommendation-panel {
    margin-top: 20px;
}

.no-border-0-radius {
    border-color: #ccc !important;
    border-radius: 0 !important;
    background: #fff;
}

.recom-search {
    background: #e0e6ea;
    height: 192px;
}

.fields-container {
    height: 134px;
}

.fields-container2 {
    height: auto;
    position: relative;
}

.recom-tabs {
    border-bottom: none;
}

.coming-soon-rec {
}

.coming-soon-font {
    font-size: 14px;
}

.recom-tabs li a {
    background: rgba(255,255,255,0.95);
    color: #555;
    font-size: 12px;
    padding: 6px;
    border-radius: 0;
    width: 85px;
    margin-right: 0;
    text-align: center;
    border-right: solid 1px #ccc;
}

.recom-tabs i {
    margin-right: 4px;
}

.recom-tabs li.active a, .recom-tabs li.active a:active, .recom-tabs li.active a:focus, .recom-tabs li.active a:hover {
    background: #e0e6ea;
    font-weight: 500;
    color: #002868;
    margin-top: 0px;
    border-top: solid 3px #002868;
    margin-top: -2px;
    border-left: none;
}

.slider-cnt-bg {
    top: 15px;
    width: 275px;
    position: absolute;
    background-color: rgba(191,10,48,0.8);
    right: 0;
    left: 15px;
    z-index: 19;
    margin-left: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    bottom: 0px;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: solid 2px #ffd1d1;
    border-right: solid 2px #ffd1d1;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    display: none;
}

.home-fields-cnt {
    display: inline-block;
    width: 100%;
}

.slider-cnt-bg .form-control {
    font-size: 12px;
}

.slider-cnt-bg h3 {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    margin-top: 0;
}

    .slider-cnt-bg h3 span {
        font-weight: 500;
    }

.slider-cnt-bg span.text {
    font-size: 11px !important;
}

.slider-cnt-bg .dropdown-toggle {
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.go-button {
    display: block;
    padding: 5px;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398235+0,8ab66b+56,afd68f+100 */
    background: #398235; /* Old browsers */
}

.slider-main-heading {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    padding: 0px 20px 0px 20px;
    top: 83%;
    left: 10px;
}

.slider-main-sub-heading {
    font-size: 48px;
    font-weight: 300;
    background: #fff;
    color: #666;
    padding: 0px 20px 0px 20px;
}

.slider-main-points {
    padding-right: 20px;
    color: #8e8d8d;
    font-size: 16px;
    font-weight: 300;
    left: 45%;
}

    .slider-main-points a {
        color: #fff;
    }

    .slider-main-points img {
        vertical-align: top;
        margin-right: 5px;
        width: 15px;
        margin-top: 3px;
    }

.four-services-section {
    display: inline-block;
    width: 33.6%;
    vertical-align: top;
}

.padding-0 {
    padding: 0px;
}

.point1 {
    top: 81%;
}

.point2 {
    top: 90%;
}

.point3 {
    top: 81%;
    left: 68%;
}

.point4 {
    top: 90%;
    left: 68%;
}
/*-------------------------------------------------------------------------------------*/

/*Four-services-section-START*/
.sub-cat {
}

.heading-style1 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .heading-style1 .h2 {
        font-weight: 500;
        font-size: 16px;
        color: #666;
        margin-bottom: 0;
        text-align: left;
        display: inline-block;
        margin: 0;
        background: #002768;
        color: #fff;
        padding: 10px;
        border-left: solid 12px #0071c1;
        margin-left: -15px;
    }

    .heading-style1 span {
        clear: both;
        width: 100px;
        height: 3px;
        background: #ea2627;
        display: inline-block;
    }


.heading-blog {
    text-align: left;
    margin-top: 70px;
    margin-bottom: 40px;
}

    .heading-blog .blog-heading-inner {
        font-weight: 500;
        font-size: 29px;
        text-align: left;
        margin: 0;
        background: #002768;
        color: #fff;
        padding: 5px;
        position: relative;
        padding-left: 213px;
        font-style: italic;
    }

.blog-categories {
    background: #bf0a30;
    float: right;
    padding: 0;
    margin-right: 10%;
}

    .blog-categories li {
        font-style: normal;
        font-size: 15px;
        text-transform: uppercase;
        color: #fff;
        padding: 0px 20px 0px 20px;
        position: relative;
        cursor: pointer;
    }

    .blog-categories > li {
        border-right: solid 5px #fff;
        border-left: solid 5px #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        display: inline-block;
    }

    .blog-categories li a {
        color: #fff;
    }

    .blog-categories li ul {
        padding: 0;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        background-color: rgba(191,10,48,0.9);
        z-index: 111;
        left: -35px;
        width: 200px;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

        .blog-categories li ul li {
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            transition: all 200ms linear;
            text-align: center;
            border-bottom: solid 1px #fff;
        }

            .blog-categories li ul li a {
                font-size: 13px;
                font-weight: normal;
            }

            .blog-categories li ul li:hover {
                background: #002768;
            }

    .blog-categories li:hover ul {
        visibility: visible;
        opacity: 1;
    }


.blog-author-pic{
    background:#eee;
    display:inline-block;
}
.blog-author-name{
    display: inline-block;
    background: #fbfbfb;
    padding: 10px;
    border-left: solid 5px #eee;
}
.four-icon {
    position: absolute;
    bottom: -5px;
    left: 122px;
}

.service-block {
    display: block;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 16px;
}

.service1 {
    background-image: url(/Content/images/service1.jpg);
}

.service2 {
    background-image: url(/Content/images/service2.jpg);
}

.service3 {
    background-image: url(/Content/images/service3.jpg);
}

.service4 {
    background-image: url(/Content/images/service4.jpg);
}

.service5 {
    background-image: url(/Content/images/service5.jpg);
}

.service6 {
    background-image: url(/Content/images/service6.jpg);
}

.service-block:hover {
    border-color: #f90;
}

.service-block-left {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.service-image {
    position: relative;
    overflow: hidden;
}

.service-block-left h2 {
    color: #666;
    text-align: left;
    vertical-align: middle;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    border-left: solid 4px #5393f5;
    padding-left: 10px;
    letter-spacing: 3px;
}


.service-block-right {
    display: inline-block;
    float: right;
    width: 50%;
}

.frontcard {
    background: #f90;
}

    .frontcard h2 {
        color: #fff;
        text-align: center;
    }

.short-info {
    font-size: 15px;
    text-align: left;
    border: solid 1px #ccc;
    padding: 20px;
    margin: 10px;
    color: #666;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

.btn-moreinfo {
    text-transform: uppercase;
    margin: 10px;
    border: solid 1px;
    background: #fff;
}



/* entire container, keeps perspective */
.flip-container {
    perspective: 1000px;
    -webkit-perspective: 1000px;
}
/* flip the pane when hovered */


.flip-container, .front, .back {
    width: 100%;
    height: 126px;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    cursor: pointer;
    line-height: 1.2;
}

    .front .h2 {
        text-align: center;
        color: #fff;
        padding: 0px 15px;
        font-weight: 400;
        font-size: 16px;
        text-shadow: 0 1px 3px rgba(0,0,0,.3);
        margin-top: 13px;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
        display: inline-block;
        margin-bottom: 0;
    }

        .front .h2 img {
            height: 36px;
            margin-bottom: 6px;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            -o-transition: all 200ms linear;
        }

        .front .h2 span {
            font-size: 13px;
            display: block;
            text-shadow: 0 1px 3px rgba(0,0,0,.3);
        }

    .front:hover .h2 img {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2,1.2);
    }

    .front:hover .h2 {
        /*font-size: 18px;*/
    }

.sub-details {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
}
/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    background-color: rgba(0,39,104,1);
}

    .back p {
        color: #fff;
        font-size: 12px;
        text-align: left;
        padding: 8px;
        line-height: 1.5;
        text-shadow: 0 1px 3px rgba(0,0,0,.3);
        text-align: left;
        margin-top: 12px;
    }
/*Recommended-services-section-START*/
.recommended-services-section {
    overflow: hidden;
}

.recommended-services {
    margin-top: 20px;
    padding-bottom: 10px;
}

.heading-style2 h2 {
    font-weight: 400;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    color: #666;
    text-align: center;
    margin: 0;
    font-size: 25px;
}

.product-name1 .h3 {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #333;
    padding: 15px 30px 15px 30px;
    margin-bottom: 0;
    margin-top: 0px;
    height: 69px;
    border-bottom: 0;
    border-bottom: none;
    line-height: 1.5;
    font-weight: 500;
    display: inline-block;
    width: 100%;
}

.product-name1 .h5 {
    margin: 0;
    background: #bf0b32;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    display: inline-block;
    width: 100%;
}

.heading-style3 {
    font-size: 20px;
    font-weight: 400;
}

.heading-style4 {
    margin: 0;
    margin-bottom: 20px;
    text-align: left;
    color: #515151;
    font-weight: 400;
    font-size: 22px;
    padding: 15px;
    display: inline-block;
    background: #fff;
    border-left: solid 22px;
    margin-left: -40px;
    border-radius: 0px 7px 7px 0px;
}

.heading-style6 {
    text-align: left;
    margin-bottom: 10px;
}

    .heading-style6 h2 {
        font-weight: 400;
        font-size: 15px;
        color: #666;
        margin-bottom: 0;
        text-align: left;
        display: inline-block;
        margin: 0;
        background: #bf0a30;
        color: #fff;
        padding: 7px;
        border-left: 12px solid rgb(230, 27, 70);
        margin-left: -15px;
    }

.home-product-block {
    width: 99%;
    height: 146px;
    border: solid 1px #ccc;
    display: inline-block;
    vertical-align: top;
    background-image: url(/Content/images/featured-bg.jpg);
}

.padding-right5 {
    padding-right: 10px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left5 {
    padding-left: 10px;
}

.buttons-dv {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.buy-bt, .compare-bt, .compare-bt:active, .compare-bt:focus {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    border: none;
    display: inline-block;
    padding: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    line-height: 1;
    border-radius: 5px;
    background: #0071c1;
}

    .buy-bt i, .compare-bt i {
        margin-right: 5px;
    }

    .buy-bt:hover {
        background: #002768;
        color: #fff;
    }

    .compare-bt:hover {
        background: #002768;
        color: #fff;
    }

.scroll-controls {
    text-align: center;
    margin: 20px;
}

.left-arrow, .right-arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .left-arrow img, .right-arrow img {
        width: 35px;
    }

    .left-arrow:hover, .right-arrow:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
/*-------------------------------------------------------------------------------------*/
.team-atp ul {
    padding: 0;
    margin: 0;
}

    .team-atp ul li {
        list-style: none;
        /*width:200px;*/
        text-align: left;
        padding: 5px;
        /*float: left;
margin-right: 9px;*/
    }

        .team-atp ul li a {
            cursor: pointer;
        }

.team-atp .doctor-img {
    width: 90px;
    display: inline-block;
    margin-right: 5px;
    background: #eee;
}

.team-atp .doctor-details {
    display: inline-block;
    width: 78px;
    line-height: 16px;
}

.team-atp ul li span {
    font-size: 11px;
    color: #bf0a30;
    vertical-align: top;
}

.team-atp ul li .h5 {
    color: #002868;
    font-size: 11px;
    font-weight: normal;
}

.team-atp ul li .h3 {
    font-size: 11px;
    margin: 0;
    line-height: 1.5;
    color: #666;
    margin-top: 5px;
    display: block;
}

.team-atp-page .doctor-details {
    width: 138px;
}

.team-atp-page ul li span {
    font-size: 12px;
}

.team-atp-page ul li .h5 {
    font-size: 11px;
}

.team-atp-page ul li .h3 {
    font-size: 12px;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.get-app {
    background: #00b14d;
    font-size: 12px !important;
    border-radius: 9px;
    color: #fff !important;
    display: block;
    text-align: center;
    padding: 3px;
    margin-top: 5px;
    bottom: 5px;
    min-width: 100px;
    line-height: 1;
    cursor: pointer;
}

.doc-specialty {
    height: 30px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*clients-testimonials-section-START*/
.clients-testimonials-section {
    margin-top: 0px;
}

.testimonials {
    text-align: center;
    margin-bottom: 20px;
}

.vendor-info-icon {
    color: #bf0a30;
    font-size: 15px;
position:absolute;
    margin-left: 6px;
    cursor: pointer;
}
.detail-page .vendor-info-icon,#tblPackageDetail .vendor-info-icon{
    margin-top:5px;
    position:relative;
    margin-right:10px;
}
.partner-logo {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

    .partner-logo a {
        cursor: pointer;
    }

.testimonials-carousel {
    width: 80%;
    display: inline-block;
}

.heading-style3 .h2 {
    border-bottom: solid 1px #e4e4e4;
    color: #fff;
    padding: 8px;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 0;
    text-align: center;
    font-size: 16px;
    background: #002868;
}

.tclient-img {
    display: inline-block;
    width: 20%;
    border: solid 1px #ccc;
}

.tclient-data {
    display: inline-block;
    width: 79%;
    vertical-align: top;
    padding-left: 30px;
}

    .tclient-data p {
        color: #666;
        font-size: 16px;
        font-weight: 400;
        text-align: justify;
    }

.tclient-name {
    float: right;
    font-weight: 400;
    font-size: 19px;
    color: #a2a2a2;
    text-transform: uppercase;
    clear: both;
    margin-top: 10px;
}

.single-testimonial {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.left-arrow2, .right-arrow2 {
    vertical-align: top;
    margin-top: 60px;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.left-arrow2 {
    margin-right: 5%;
}

.right-arrow2 {
    margin-left: 5%;
}

    .left-arrow2:hover, .right-arrow2:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.visibility {
    visibility: hidden;
}

.arrow-mobile {
    display: none;
}

.news-blog {
    padding: 20px;
    overflow: hidden;
}

    .news-blog ul {
        padding-left: 0;
        margin: 0px !important;
    }

        .news-blog ul li {
            margin-top: 5px;
            clear: both;
        }

            .news-blog ul li a {
                color: #666;
            }

    .news-blog span.blog-img {
        display: inline-block;
        width: 20%;
        float: left;
    }

.home-blog-details {
    display: inline-block;
    width: 70%;
    text-align: left;
}

.news-blog .h3 {
    display: block;
    text-align: left;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    margin-top: 0px;
    line-height: 1;
    vertical-align: top;
    margin-bottom: 4px;
}

.news-blog p {
    line-height: 1.4;
    font-size: 12px;
    display: block;
    clear: both;
}

.qt1 {
    float: left;
    padding: 0px;
    margin-right: 10px;
    width: auto !important;
}

.qt2 {
    float: right;
    padding: 0px;
    margin-left: 10px;
    width: auto !important;
    margin-top: 20px;
}
/*-------------------------------------------------------------------------------------*/


/*footer-section-START*/
.scrolltop {
    position: fixed;
    right: 20px;
    bottom: 110px;
    display: none;
    z-index: 1234;
    cursor: pointer;
}

.footer-bg {
    background: #002768;
    padding: 10px 0 10px 0;
}

    .footer-bg .h2 {
        font-size: 15px;
        color: #fff;
        margin-bottom: 15px;
        padding-left: 30px;
    }

.footer-toggle {
    float: right;
    display: none;
}

.footer-bg .h2:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-left: -25px;
    margin-top: 3px;
    background: #bf0a30;
}


.footer-bg ul {
    position: relative;
}


.footer-bg li a {
    font-size: 13px;
    font-weight: 400;
    color: #eee;
    display: inline-block;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .footer-bg li a:hover {
        color: #fffc26;
    }

.socials-icons {
    padding: 0;
}

.social a {
    margin-right: 7px;
}

.footer-bg li {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    display: block;
}

.footer-contact li {
    line-height: 1.7;
    margin-bottom: 10px;
}


.copyright {
    background: #001944;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 4px;
    text-align: center;
}

.payment-methods {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 4px;
    text-align: center;
}

.copyright a {
    color: #F8AB1F;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .copyright a:hover {
        color: #fff;
    }
/*----------------------------------------End Home Page Styles---------------------------------------------*/
.arrow-left-atp {
    vertical-align: top;
    margin-top: 14px;
    cursor: pointer;
    float: left;
    margin-left: 10px;
    position: absolute;
}

.arrow-right-atp {
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    margin-top: 14px;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}
/*==========breadcrumbs-style-START===========*/
.atp-tabs-outer {
    text-align: center;
    border-bottom: solid 1px #666;
    line-height: 0;
}

.apt-tabs {
    display: inline-block;
    width: 70%;
}

    .apt-tabs ul {
        margin: 0;
        padding: 0;
    }

    .apt-tabs li {
        display: inline-block;
        vertical-align: top;
    }

        .apt-tabs li a {
            border-right: solid 1px #74a4ec;
            font-size: 12px;
            display: table-cell;
            padding: 0px;
            width: 166px;
            line-height: 17px;
            height: 55px;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            color: #fff;
            background: #0071c1;
        }

            .apt-tabs li a:hover, .fixed-service-select {
                background: #bf0b32 !important;
                color: #fff !important;
            }

.atp-service ul {
    padding: 0;
    margin: 0;
    text-align: right;
}

    .atp-service ul li {
        float: left;
        list-style: circle;
        text-align: left;
        width: 43%;
        margin-right: 40px;
    }

.atp-service {
    display: inline-block;
    border-bottom: solid 2px #ccc;
    padding: 15px;
    visibility: hidden;
    width: 100%;
    background: #f9f9f9;
    margin-bottom: 10px;
    line-height: 1.7;
    overflow: hidden;
    height: 350px;
}

.atp-tabs-outer-fixed {
    text-align: center;
    border-bottom: solid 1px #666;
    line-height: 0;
    position: fixed;
    width: 100%;
    top: 53px;
    z-index: 111133;
    background: #fff;
}

.atp-vertical {
    border: solid 1px #ccc;
    padding-bottom: 20px;
}

.service-doctors {
    display: inline-block;
    border: solid 1px #c6c6c6;
    background: #fff;
    padding: 0px 10px 0px 10px;
    height: 320px;
    width: 100%;
}

.doctors ul {
    margin: 0;
    padding: 0;
}

    .doctors ul li {
        list-style: none;
        color: #474646;
        float: left;
        width: auto;
        padding: 5px;
        font-size: 12px;
        margin: 0 0 5px 0;
        width: 90px;
        line-height: 1.2;
        height: 140px;
        position: relative;
        text-align: center;
    }

        .doctors ul li img {
            padding: 5px;
            border: solid 1px #ccc;
            margin-bottom: 7px;
        }

.service-info1 {
}

.service-info2 {
}


.doctor-info1 ul {
}

.info-btn {
    display: block;
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding: 2px;
    margin-top: 5px;
    width: 79px;
    cursor: pointer;
    clear: both;
    position: absolute;
    top: 0;
    background: rgba(191,11,50,0.8);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    opacity: 0;
    left: 6px;
    height: 80px;
    line-height: 6.5;
}

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

.doctors ul li:hover .info-btn {
    opacity: 1;
}

.doctor-info1 ul li {
    width: 70%;
    background: #fff;
    list-style: none;
    border: solid 1px #ccc;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin: 0;
    display: inline-block;
    float: none;
}

    .doctor-info1 ul li img {
        padding-bottom: 10px;
    }

.d-info-label {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #bf0a30;
}

.d-info-value {
    display: block;
    font-size: 12px;
}

.doctor-bio table td {
    background: #fff;
}

.cross-button {
    font-weight: bold;
    background: #bf0a30;
    border-radius: 100%;
    position: absolute;
    top: -7px;
    right: 8px;
    color: #fff;
    width: 20px;
    text-align: center;
    font-size: 12px;
    box-shadow: 0px 0px 5px #9c9c9c;
    cursor: pointer;
}

    .cross-button:hover {
        color: #fff;
    }

.sub-pages {
    text-align: center;
    display: block;
    border-bottom: solid 1px #c8c8c8;
    position: relative;
}

    .sub-pages ul {
        display: block;
        clear: both;
        margin: 0;
        padding: 0;
    }

        .sub-pages ul li {
            display: inline-block;
            position: relative;
            margin-right: -3px;
            vertical-align: top;
            cursor: pointer;
            background: #f0f0f0;
        }

            .sub-pages ul li a {
                font-size: 12px;
                border-left: solid 1px #ccc;
                padding: 47px 5px 7px 5px;
                display: inline-block;
                color: #3c3c3c;
                width: 110px;
                line-height: 1.3;
                height: 85px;
            }

                .sub-pages ul li a i {
                    display: block;
                    font-size: 26px;
                    margin-bottom: 7px;
                    color: #bf0a30;
                }

            .sub-pages ul li:last-child a {
                border-right: solid 1px #ccc;
            }

            .sub-pages ul li:hover a {
                color: #fff;
                background: #bf0a30;
            }

                .sub-pages ul li:hover a i, .sub-pages ul li.active a i {
                    color: #fff;
                }

            .sub-pages ul li.active a {
                color: #fff;
                background: #bf0a30;
            }

            .sub-pages ul li.active:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 23px;
                background: url(/Content/images/after-arrow.png) no-repeat top center;
                bottom: -22px;
                background-size: 100% 75%;
                z-index: 11;
            }

.lab-icon {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 37%;
    margin-top: 8px;
}

.lab-icon-bg1 {
    background: url(/Content/images/labs-icon.png) no-repeat left;
}

.lab-icon-bg2 {
    background: url(/Content/images/imaging-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg3 {
    background: url(/Content/images/home-nursing-icon.png) no-repeat left;
    left: 38%;
}

.lab-icon-bg4 {
    background: url(/Content/images/physiotheropy-icon.png) no-repeat left;
    left: 36%;
}

.lab-icon-bg5 {
    background: url(/Content/images/teleclinic-icon.png) no-repeat left;
    left: 36%;
}

.lab-icon-bg6 {
    background: url(/Content/images/pharmacy-icon.png) no-repeat left;
    left: 36%;
}

.lab-icon-bg7 {
    background: url(/Content/images/labs-packages-icon.png) no-repeat left;
    left: 36%;
}

.lab-icon-bg8 {
    background: url(/Content/images/health-packages-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg9 {
    background: url(/Content/images/online-appointment-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg10 {
    background: url(/Content/images/home-doctor-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg11 {
    background: url(/Content/images/home-diet-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg12 {
    background: url(/Content/images/company-introduction.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg13 {
    background: url(/Content/images/contact-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg14 {
    background: url(/Content/images/contact-address-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg15 {
    background: url(/Content/images/surgery-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg16 {
    background: url(/Content/images/ambulatory-care.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg17 {
    background: url(/Content/images/outpatient-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg18 {
    background: url(/Content/images/us-based-tests.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg19 {
    background: url(/Content/images/recommendation-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg20 {
    background: url(/Content/images/walkin-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg21 {
    background: url(/Content/images/home-xray-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg22 {
    background: url(/Content/images/upload-prescription.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg23 {
    background: url(/Content/images/conference-icon.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg24 {
    background: url(/Content/images/speech-therapy-icon.png) no-repeat left;
    left: 35%;
}


.lab-icon-bg25 {
    background: url(/Content/images/services.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg26 {
    background: url(/Content/images/consultants.png) no-repeat left;
    left: 35%;
}

.lab-icon-bg27 {
    background: url(/Content/images/video-conference.png) no-repeat left;
    left: 35%;
}

.sub-pages ul li:hover a .lab-icon {
    background-position: right;
}

.sub-pages ul li.active a .lab-icon {
    background-position: right;
}

.notify_text {
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-bottom: 0;
}

.how-to-outer {
    position: fixed;
    background: #bf0a30;
    color: #fff;
    top: 135px;
    right: -160px;
    padding: 15px 15px 15px 5px;
    border: solid 2px #fff;
    box-shadow: 0px 0px 7px #666;
    z-index: 50;
}
.how-to-outer-active {
    background: #ff7d00;
}
.how-to-button {
    display: inline-block;
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin-left: -10px;
    font-weight: 500;
    border-bottom: solid 2px #ef889a;
    cursor: pointer;
}

.how-to-video {
    display: inline-block;
    background: #a20828;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
    cursor: pointer;
}

    .how-to-video:hover {
        background: #002868;
    }

.how-to-text {
    display: inline-block;
    background: #a20828;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
    cursor: pointer;
}

    .how-to-text:hover {
        background: #002868;
    }

.fixed-subpages {
    position: fixed;
    width: 100%;
    top: 8px;
    z-index: 1111;
}

.partners-carousel {
    margin-bottom: 50px;
    margin-top: 30px;
}

.breadcrumb-outer {
    padding: 0px;
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
}

.breadcrumb {
    background: none;
    margin-bottom: 0;
    padding: 0px 15px;
    line-height: 1;
}

    .breadcrumb li {
        font-weight: 400;
        color: #9B9B9B;
        text-transform: capitalize;
        font-size: 12px;
        vertical-align: top;
        line-height: 1;
        padding: 4px 0px 6px;
    }

    .breadcrumb > li + li::before {
        padding: 0 5px;
        color: #ccc;
        content: "";
        width: 22px;
        height: 10px;
        background: url(/Content/images/breadcrumb-arrow.png) no-repeat center;
        display: inline-block;
    }

    .breadcrumb li a {
        font-weight: 400;
        color: #002868;
        text-transform: capitalize;
        font-size: 12px;
    }

        .breadcrumb li a:hover {
            color: #bf0a30;
        }
/*-------------------------------------------------------------------------------------*/


/*==========Product-and-services-page-style-START===========*/

.innerpages {
    margin-top: 30px;
    margin-bottom: 30px;
}

.services-page {
    margin-bottom: 50px;
}

.services-final-page {
    width: 100%;
}

.single-nursing-service {
    background: rgba(255,255,255,0.7);
    width: 24%;
    padding: 28px 13px;
    display: inline-block;
    vertical-align: top;
    height: 100px;
    margin-bottom: 5px;
    border: solid 1px rgba(201,3,3,0.9);
    cursor: pointer;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}


.nursing-final-page {
    background: url(/Content/images/home-nursing-banner.jpg) no-repeat 40%;
}

.nursing-services {
    padding: 10px 20px 20px;
}

    .nursing-services > ul {
        padding: 0;
    }

        .nursing-services > ul > li {
            margin-bottom: 6px;
            display: inline-block;
            width: 186px;
            vertical-align: top;
        }

            .nursing-services > ul > li > h3 {
                color: #666;
                font-size: 13px;
                margin: 0px;
                padding: 8px;
                background: #fff;
                display: inline-block;
                cursor: pointer;
                width: 100%;
                text-align: center;
            }

            .nursing-services > ul > li:hover > h3 {
                background: #333;
                color: #fff;
            }

.popover {
    max-width: 500px;
    background: #002868;
    color: #fff;
}

.nursing-services .service-info ul li {
    font-size: 15px;
    color: #fff;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.physiotherapy-final-page {
    background: url(/Content/images/home-physiotherapy-banner.jpg) no-repeat 40%;
    height: auto;
}

.service-page-left-panel, .service-page-right-panel {
    display: inline-block;
    margin-top: 45px;
    background: rgba(191,10,48,0.7);
}

.service-page-right-panel {
    float: right;
    background: rgba(255,255,255,0.9);
    padding: 20px;
    -webkit-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.06);
    width: 100%;
    margin-top: 45px;
    width: 60%;
    margin-right: 20%;
}

    .service-page-right-panel p {
        font-size: 12px;
    }

.service-pricing {
    margin-top: 10px;
}

.services-pricing-row {
    display: inline-block;
    background: #fff;
    width: 100%;
    float: left;
    border-bottom: solid 1px #888;
}

    .services-pricing-row .c1 {
        float: left;
        width: 50%;
        font-size: 14px;
        text-align: center;
        font-weight: 500;
        border-right: solid 2px #666;
    }

    .services-pricing-row .c2 {
        float: right;
        width: 50%;
        font-size: 14px;
        text-align: center;
    }

.service-page-left-panel h2 {
    color: #bf0a30;
    background: #fff;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    margin-bottom: 0;
    font-size: 25px;
}

.service-page-left-panel p {
    color: #fff;
    padding: 10px 20px 0px;
    margin-bottom: 20px;
}

    .service-page-left-panel p a {
        color: #fff;
        font-weight: bold;
    }

.home-video video::-webkit-media-controls-panel {
    display: flex !important;
    opacity: 1 !important;
}

.products-left p {
    font-size: 13px;
    text-align: justify;
    color: #3f3f3f;
    font-weight: 400;
}

.nursing-services p {
    padding: 10px;
    background: rgba(0,150,44,0.7);
    font-weight: normal;
}

.physio-services {
    margin: 40px 0px 40px 0px;
}

    .physio-services ul {
        margin-top: 10px;
        display: inline-block;
    }

    .physio-services li {
        font-size: 14px;
        color: #666;
        padding: 2px;
        width: 48%;
        list-style: circle;
        float: left;
    }

.products-btn {
    background: #bf0a30;
    color: #fff;
    padding: 9px;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.3;
}

    .products-btn:hover {
        background: #002868;
        color: #fff;
    }

.page-img {
    display: block;
    overflow: hidden;
}

    .page-img img {
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;
    }

    .page-img:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
/*-------------------------------------------------------------------------------------*/


/*==========Lab-test-page-style-START===========*/
.alert-heading-section {
    background: #dedede; /* Old browsers */
}

.page-heading-1 {
    font-weight: 500;
    margin-top: 20px;
    font-size: 16px;
    margin-top: 10px;
}

.alert {
    margin: 8px;
    padding: 7px;
    font-weight: bold;
    padding-left: 30px;
}

.alert-warning i {
    color: #e78b00;
    font-size: 19px;
    display: inline-block;
    padding-right: 5px;
}

.alert-success i {
    color: #1eaa15;
    font-size: 19px;
    display: inline-block;
    padding-right: 5px;
}

.common-message {
    width: 100%;
    border: solid 1px #b1b1b1;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin-top: 10px;
    color: #a80000;
    display: none;
}

    .common-message p {
        margin: 0;
        font-size: 13px;
    }

.page-heading-2 {
    text-decoration: none;
    color: #bf0a30;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    margin-top: 0px;
    background: #eaeaea;
    padding: 5px;
}

.cart-heading-outer {
    display: inline-block;
    width: 100%;
    background: #eaeaea;
    padding: 5px;
}

.cart-heading-inner {
    background: #666;
    display: inline-block;
    color: #fff;
    padding: 5px 10px 5px 10px;
}

.page-heading-3 {
    font-weight: 400;
    margin-top: 20px;
    font-size: 30px;
    text-align: left;
}

.cart-heading {
    background: #666;
    display: inline-block;
    color: #fff;
    padding: 5px 10px 5px 10px;
}

.cart-msg {
    font-size: 12px;
    clear: both;
    color: #333;
    display: inline-block;
    margin-top: 10px;
    background: #fff5f5;
    padding: 5px;
    border: solid 1px #bf0b32;
    line-height: 1.6;
    margin-bottom: 5px;
}

.search-outer {
    background: #eee;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#packageDescription p {
    border: solid 1px #bf0a30;
    font-size: 12px;
    padding: 10px;
    line-height: 1.5;
}

#btnSearchBox, #btnSearchLabTest {
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    color: #666;
    box-shadow: none;
    padding: 6px 10px;
    border: 1px solid #999;
    border-radius: 0;
}

.package-tests {
    display: inline-block;
    line-height: 1;
    background: #bf0a30;
    color: #fff;
    padding: 4px 10px 4px 10px;
    border-radius: 4px;
    margin-right: 3px;
    margin-bottom: 5px;
}

.search-alpha {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 10px;
}

.about-teleclinic-content .search-alpha {
    margin: 0;
}

.search-alpha ul {
    padding: 0px;
    margin: 0;
    display: inline-block;
}

    .search-alpha ul li {
        display: inline-block;
        line-height: 30px;
    }

        .search-alpha ul li a {
            display: inline-block;
            border: solid 1px #dedede;
            padding: 0px;
            font-size: 12px;
            width: 26px;
            text-align: center;
            background: #ffffff; /* Old browsers */
            color: #6C6C6C;
            -webkit-transition-property: none;
            -moz-transition-property: none;
            -o-transition-property: none;
            transition-property: none;
        }

            .search-alpha ul li a:hover {
                background: #bf0a30; /* Old browsers */
                color: #fff;
            }

        .search-alpha ul li.active a {
            background: #bf0a30;
            color: #fff !important;
        }

        .search-alpha ul li a {
            border-right: none;
        }

        .search-alpha ul li:last-child a {
            border-right: solid 1px #dedede;
        }

.no-match {
    display: inline-block;
    border: solid 1px #dedede;
    padding: 0px;
    font-size: 12px;
    width: 28px;
    text-align: center;
    border-right: none;
    background: #eee;
    color: #c9c9c9;
}


.ui-autocomplete {
    background: #fff;
    border: solid 1px #ccc;
    padding-left: 0px;
    width: 200px;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 10000;
}

    .ui-autocomplete li {
        font-size: 12px;
        color: #333;
        padding: 3px;
        border-bottom: solid 1px #eee;
        padding-left: 20px;
        cursor: pointer;
    }

        .ui-autocomplete li:hover {
            background: #bf0a30;
            color: #fff;
        }

.recommended-products .h5 {
    background: #002868;
    color: #fff;
    padding: 5px 10px;
}

.recommended-packages {
    margin-bottom: 15px;
}

    .recommended-packages button {
        width: 48%;
        font-size: 11px;
    }

.container-recommended {
    position: relative;
    overflow: hidden;
    height: 600px;
}

.recommended-packages .test-short-desc {
    font-size: 11px;
    line-height: 1.3;
    padding: 5px;
    color: #bf0a30;
    margin-bottom: 0px;
}

.single-re-package {
    border: solid 1px #ccc;
    padding: 10px;
    position: relative;
    background: #fff;
    margin: 0 0px 10px 0px;
}

    .single-re-package .btn-sm {
        padding: 5px 9px;
    }

.recommended-packages h3 {
    font-size: 15px;
    text-align: center;
    background: #dd5757;
    color: #fff;
    padding: 10px;
    margin: 0;
}

.re-message {
    font-size: 12px;
    line-height: 1.4;
    color: #b60000;
    font-weight: 500;
    border: solid 1px #ccc;
    padding: 10px;
    padding: 5px 10px 5px 10px;
}

.save-label {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.recommended-packages ul {
    padding: 0;
    margin-bottom: 0;
}

    .recommended-packages ul li span {
        font-size: 11px;
        display: block;
        line-height: 1.6;
        padding-left: 6px;
    }

    .recommended-packages ul li a {
        font-size: 12px;
        display: inline-block;
        line-height: normal;
        width: 100%;
        padding: 5px;
        background-color: #002768;
        color: #fff;
        padding-right: 30px;
    }

.side-controls {
    border: solid 1px #c55551;
    padding: 11px;
    padding-bottom: 4px;
    margin-top: 15px;
}

.ui-datepicker td a {
    line-height: 1.3;
}

.ui-state-active {
    background: #002868 !important;
}

.left-panel {
    min-height: 600px;
    background: #e0e6ea;
    margin-top: 10px;
    padding-top: 9px;
    padding-left: 7px;
    padding-right: 7px;
    border: solid 1px #9eb1d1;
    box-shadow: 0px 0px 10px #adadad;
}

    .left-panel .navbar-header .icon-bar {
        background: #bf0a30;
    }

    .left-panel .navbar-header .navbar-brand {
        color: #bf0a30;
        padding-top: 5px;
        height: auto;
    }

    .left-panel .navbar-header .navbar-toggle {
        padding: 0;
        margin-top: 0;
    }

    .left-panel .navbar-header .toggle-name {
        float: left;
        line-height: 1;
        padding-right: 10px;
        color: #bf0a30;
        font-weight: 500;
        font-size: 12px;
    }

    .left-panel .navbar-header .toggle-icon {
        float: right;
    }

    .left-panel .navbar-collapse {
        padding: 0;
    }

.left-panel-icon {
    float: left;
    color: #002868;
    width: 20px;
}

.heading-left-panel {
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #bf0a30;
    padding: 5px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.1;
}

.left-panel .panel-title a i {
    float: right;
    color: #fff;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 3px;
    background: #bf0a30;
    border-radius: 3px;
}

.hospital-list {
    margin-left: 10px;
}

    .hospital-list li {
        line-height: 2;
        font-size: 11px;
    }

    .hospital-list label {
        font-weight: 400;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 0;
        color: #626262;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    }

        .hospital-list label input {
            margin-right: 5px;
            float: left;
        }

.right-panel {
    min-height: 600px;
    background: #e0e6ea;
    margin-top: 10px;
    border: solid 1px #9eb1d1;
    box-shadow: 0px 0px 10px #adadad;
    padding-top: 9px;
    padding-left: 7px;
    padding-right: 7px;
}

.specialies-list {
    overflow: hidden;
    height: 272px;
    position: relative;
}

.left-panel h2 {
    font-size: 15px;
    padding: 9px;
    background: #0071c1;
    color: #fff;
    border-bottom: solid 2px #002768;
    margin-bottom: 5px;
}

.left-panel .panel-heading {
    background: #fff;
    padding-right: 7px;
}

.left-panel .panel-body {
    background: #eee;
    border-left: solid 2px #bf0a30;
    border-right: solid 2px #bf0a30;
}

    .left-panel .panel-body ul {
        margin-bottom: 0px;
    }

.left-panel .panel-default {
    margin-top: 0 !important;
    margin-bottom: 3px;
}

.side-labs {
    border: solid 1px #c55551;
    padding: 11px;
    margin-top: 20px;
}

    .side-labs h5 {
        margin-top: 0;
    }

.side-controls .btn-default {
    border-radius: 0 !important;
    border-color: #c55551;
    border-right: 0;
}

.side-controls .imagingdatepicker {
    border-color: #c55551;
    border-right: 0;
}

.side-controls .form-group {
    margin-bottom: 7px;
}

.side-controls .input-group-addon {
    border-color: #c55551;
}

.side-labs .form-group {
    border-color: #c55551;
    margin-bottom: 0px;
}

.side-controls .form-control {
    border-radius: 0;
    box-shadow: none !important;
}

.side-labs .form-group .btn-xs {
    background: none;
    box-shadow: none;
}

.panel-title a {
    display: block;
    color: #002868;
}

.side-controls label {
    vertical-align: top;
}

.side-controls .panel-heading {
    background: #dd5757;
    color: #fff;
    border: none;
    border-radius: 0;
}

.all-tests {
    clear: both;
    width: 100%;
}

.avail-soon {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding-top: 50px;
    padding-bottom: 50px;
}

.modal-button {
    background: #bf0a30;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 2px 19px 2px 20px;
}

.family-group span {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 2;
}

.plus-button {
    background: #00af50;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 2px 15px 2px 15px;
    font-weight: bold;
}

.zero-radius button {
    border-radius: 5px 0px 0px 5px;
}

.button-md {
    margin-top: 25px;
    font-size: 13px;
}

.modal-button:hover, .plus-button:hover, .modal-button:active, .modal-button:focus {
    background: #bf0a30;
    color: #fff;
}

.label-modal {
    font-size: 15px;
    font-weight: 400;
}

.modal-main-title {
    background: #002768;
    margin: 0;
    color: #fff;
    font-size: 16px;
    padding: 7px;
    text-align: Center;
    line-height: 1.1;
}

.modal-title {
}

.custom-modal .close {
    background: #bf0a30;
    width: 17px;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    font-size: 17px;
    border-radius: 4px;
}

.custom-modal .modal-content {
    border-radius: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4fdff+0,e0e6ea+100 */
    background: #f4fdff; /* Old browsers */
    background: -moz-linear-gradient(top, #f4fdff 0%, #e0e6ea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4fdff 0%,#e0e6ea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4fdff 0%,#e0e6ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fdff', endColorstr='#e0e6ea',GradientType=0 ); /* IE6-9 */
}

.custom-modal .modal-header {
    background: #e9e9e9;
}

.custom-modal .h4 {
    background: #bf0a30;
    display: inline-block;
    color: #fff;
    padding: 5px 10px 5px 20px;
    margin-left: -20px;
    font-size: 15px;
}

.custom-modal th {
    background: #0070c2;
    color: #fff;
    font-size: 13px;
    padding: 5px;
}

.custom-modal td {
    font-size: 12px;
    color: #000;
}

.custom-modal .modal-footer {
    padding: 5px;
    border-top: solid 1px #999;
    margin-top: 10px;
}

.video-modal .modal-content {
    background: #fff;
    border-radius: 20px;
    border: solid 7px #001434;
    overflow: hidden;
}

.video-modal .modal-header {
    background: #002768;
    border-bottom: solid 1px #0071c1;
    padding: 10px;
}

.single-package {
    margin-bottom: 20px;
    border: solid 1px #b2b3b4;
    min-height: 272px;
    background: #fff url(/Content/images/lab.png) center center no-repeat;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    position: relative;
    padding-bottom: 7px;
    width: 100%;
    box-shadow: 0px 0px 10px #eee;
}
.single-package .vendor-info-icon {
    margin-left: -14px;
    margin-top: 4px;
}
.recommended-products .single-package {
    margin-bottom: 10px;
}

#btnImagingFilter {
    border-radius: 0;
    color: #666;
    border: 1px solid #999;
}

.xray-bg {
    background-image: url(/Content/images/xray-card-bg.png);
}

.mri-bg {
    background-image: url(/Content/images/mri-card-bg.png);
}

.ctscan-bg {
    background-image: url(/Content/images/ctscan-card-bg.png);
}

.ultrasound-bg {
    background-image: url(/Content/images/ultrasound-card-bg.png);
}

.cardiac-bg {
    background-image: url(/Content/images/cardiac-card-bg.png);
}



.lab-imaging {
    height: 180px;
    overflow: hidden;
    position: relative;
}

.lab-imaging-ipad {
    display: none;
}

.options {
    margin-top: 8px;
}

    .options ul {
        padding: 0;
    }

        .options ul li {
            font-size: 13px;
            color: #666;
            padding-left: 10px;
            line-height: 1.6;
        }

            .options ul li ul {
                padding-left: 10px;
                display: none;
            }

                .options ul li ul li {
                    font-size: 11px;
                    color: #696969;
                }

.x-ray .buy-bt2, .x-ray .compare-bt2, .single-package .buy-bt2, .single-package .compare-bt2 {
    width: 36%;
    padding: 0;
    margin: 3px;
    line-height: 1;
    border-radius: 4px;
    padding: 4px;
}

.single-package:hover {
    border-color: #bf0a30;
}

.buy-bt2, .compare-bt2 {
    border: none;
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear;
    font-size: 12px;
    width: 87px;
    line-height: 1;
    padding: 4px;
}

.buy-bt2 {
    background: #00af50;
    color: #fff;
    border-radius: 5px;
}

    .buy-bt2 i, .compare-bt2 i {
        margin-right: 5px;
        font-size: 16px;
    }

.purchased .compare-bt2, .purchased .buy-bt2:hover, .purchased .compare-bt2:hover {
    background: #ccc;
}

.purchased .buy-bt2, .purchased .buy-bt2:hover {
    background: #002868;
}

.purchased .package-name a {
    color: #ccc;
}

.purchased {
    border-color: #bf0a30;
    overflow: hidden;
}

    .purchased .package-name {
        background: #fff;
    }

.tickmark {
    background: #00af50;
    width: 25px;
    height: 25px;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    right: 10px;
    display: none;
    top: 6px;
}

.purchased .tickmark {
    display: block;
}

.imaging-purchased {
    border-color: #bf0a30;
}

    .imaging-purchased .tickmark {
        display: block;
        right: 5px;
    }

.compare-bt2 {
    color: #fff;
    background: #0071c1;
    border-radius: 5px;
}

.buy-bt2:hover, .buy-bt2:active, .buy-bt2:focus {
    background: #007c39;
    color: #fff;
}

.compare-bt2:hover {
    background: #004a7e;
}

.package-name {
    text-align: center;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    background-image: url(/Content/images/four-small.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 96%;
    background-color: #eee;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    padding: 7px;
}

.lab-package-scroll {
    position: relative;
    overflow: hidden;
    height: 124px;
    padding: 5px 0px 5px 0px;
}

    .lab-package-scroll ul {
        padding-left: 10px;
    }

        .lab-package-scroll ul li {
            font-size: 12px;
            color: #666;
            line-height: 1.9;
        }

            .lab-package-scroll ul li i {
                color: #00b14d;
                margin-right: 5px;
            }

            .lab-package-scroll ul li a {
                color: #666;
                cursor: pointer;
            }

                .lab-package-scroll ul li a:hover {
                    color: #bf0a30;
                }

.shortname {
    display: block;
    color: #fff;
}

.testdetails {
    font-size: 15px;
    padding-top: 5px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    height: 140px;
}

    .testdetails ul {
        padding: 0px 10px;
    }

        .testdetails ul li {
            font-size: 12px;
            line-height: 19px;
            color: #444;
        }

            .testdetails ul li b {
                display: inline-block;
            }

            .testdetails ul li a {
                color: #002868;
            }

.testdetails-us li {
    height: 40px;
}

.purchased .testdetails ul li, .purchased .testdetails ul li span {
    color: #ccc;
}

.alert-warning-custom {
    font-size: 12px;
    line-height: 1.3;
    padding-left: 10px;
    background: #fff;
    border-color: #e78b00;
    display: none;
}

.package-name {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    height: 36px;
    position: relative;
}

    .package-name i {
        float: left;
        color: #bf0a30;
        font-size: 17px;
        margin-top: 1px;
    }

    .package-name a {
        color: #002868;
        display: block;
        font-size: 14px;
        line-height: 1.7;
        width: 79%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 8px;
    }

.readmore1 {
    color: #0071c1;
    font-weight: bold;
}

.package-short-desc {
    padding: 0px 10px 0px 10px;
}

    .package-short-desc p {
        margin-bottom: 0;
        line-height: 18px;
    }

.package-bold {
    width: 100%;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
}

.radiology-category .package-name a {
    font-size: 14px;
}

.test-hover-detail {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e5e5e5+100&0.85+0,1+100 */
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    border-bottom: solid 1px #bf0a30;
    overflow: hidden;
}

    .test-hover-detail.physiotherapy {
        top: 40px;
    }

.physio-details {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-top: 10px;
}

.link-div {
    cursor: pointer;
}

.working-hours {
    background: #bf0a30;
    color: #fff;
    padding: 0px 10px 0px 10px;
    margin-top: 5px;
    display: inline-block;
    margin-bottom: 20px;
}

.physio-services-padding {
    padding: 10px;
    margin-bottom: 10px;
    background: none;
    margin-top: 10px;
}

    .physio-services-padding .h5 {
        height: 30px;
    }

.test-hover-detail span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    padding: 5px 20px 0px 20px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.test-hover-detail p {
    font-size: 11px;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    padding: 5px 20px 5px 20px;
    padding-top: 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    margin-right: -100px;
}

.button-row {
    position: relative;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.mr-adj {
    padding-left: 0;
}

.pg-disable {
    border: solid 1px #ccc;
    padding: 0px 10px;
    color: #a1a1a1;
}

.pagination {
    width: 100%;
    text-align: center;
}

    .pagination ul {
        padding: 0;
    }

        .pagination ul li {
            display: inline-block;
            font-size: 15px;
        }

            .pagination ul li a {
                font-size: 12px;
                display: inline-block;
                border: solid 1px #ccc;
                padding: 5px 10px;
            }

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

/*==========Lab-packages-page-style-START===========*/
#v-scroll {
    height: 530px;
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.symptoms {
    position: relative;
    margin-top: 15px;
}

.fixed-symptoms {
    position: fixed;
    top: 100px;
}

.packages-categories {
    width: 100%;
}

.mobile-package .icon-bar {
    background: #666;
}

.mobile-package .pc-h {
    font-size: 20px;
    margin-top: 10px;
}

.pc-h {
    display: none;
}

#packages-category-div {
    padding: 0;
}

.packages-categories h2 {
    font-size: 14px;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
    background: #ececec;
    color: #424242;
    border-radius: 5px;
}

.packages-categories ul {
    padding: 0;
    width: 100%;
}

#images-categories ul {
    width: 100%;
}

    #images-categories ul li {
        border-bottom: solid 1px #003281;
    }

.packages-categories ul li a {
    font-size: 11px;
    display: block;
    color: #626262;
    padding-left: 15px;
    padding-right: 10px;
    cursor: pointer;
    line-height: 17px;
    padding: 3px 0px 3px 10px;
    border-bottom: solid 1px #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.packages-categories ul li:last-child a {
    border: none;
}

.packages-categories > div > ul > li {
    border-bottom: solid 1px #002768;
}

.packages-categories ul li a:hover, .packages-categories ul > li.active > a {
    color: #fff;
    background: #bf0a30;
}

.packages-categories ul li ul li.active > a {
    font-weight: bold;
    background-color: transparent;
    color: #bf0a30;
}

.packages-categories ul li ul {
    display: none;
    width: 100%;
}

.packages-categories > div > ul > li.active > a {
    color: #fff !important;
    background: #0071c1;
}

.packages-categories > div > ul > li > ul > li {
    border: none;
}

    .packages-categories > div > ul > li > ul > li > a {
        color: #bf0a30;
        font-weight: normal;
        font-size: 11px !important;
        padding: 3px 5px 3px 20px;
    }

    .packages-categories > div > ul > li > ul > li.active > a {
        background: #0087e7;
        background: #4ca1de;
        color: #fff !important;
    }

.symptoms-list {
    position: relative;
    overflow: hidden;
    height: 575px;
    width: 105%;
}

.pro-names {
    height: 480px;
}


.imaging-category {
    width: auto;
    height: auto;
}

.selected a {
    color: #fff !important;
    background: #0071c1 !important;
}
/*---------------------------------------------------------------*/

/*==========test-details-page-style-START===========*/
.mobile-cart-order {
    display: none;
}

.desktop-cart-order {
    display: block;
}

.line-height1 {
    line-height: 1.3;
}

.mobile-cart-order .th {
    font-size: 13px;
    position: relative;
    border-collapse: initial;
    border-bottom: solid 2px #ccc;
    font-weight: 700;
    color: #333;
    padding-bottom: 5px;
}

.mobile-cart-order .td {
    font-size: 12px;
    padding: 0px;
    text-align: left;
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
}

.mobile-cart-order select {
    width: 100%;
    padding: 5px;
    border: solid 1px #999;
}

.mobile-cart-order .row {
    margin-bottom: 5px;
}

.mobile-order-seprator {
    width: 100%;
    height: 1px;
    border-top: dashed 1px #bf0a30;
    display: inline-block;
}

.not-selected {
    border: solid 1px #f00 !important;
}

#tblPackageDetail th {
    font-size: 13px;
    position: relative;
    border-collapse: initial;
    border-bottom: solid 1px #ccc;
}

#tblPackageDetail td {
    font-size: 12px;
    padding: 10px;
    padding-left: 10px;
    padding-left: 10px;
    text-align: left;
}

.details-table td, .details-table th {
    border-top: 1px solid #ededed !important;
}

.av-labs {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    text-align: left;
}

#compare-table {
    width: 100%;
}

    #compare-table td, #compare-table th {
        padding: 5px;
        text-align: center;
    }

    #compare-table th {
        background: #eee;
        font-size: 15px;
        text-align: left;
    }

    #compare-table .buy-bt2 {
        margin-top: 4px;
    }

    #compare-table td {
        border-top: 1px solid #e9e3e3;
        text-align: left;
    }

.right-arrow-tip {
    float: right;
    font-size: 60px;
    position: absolute;
    right: -19px;
    top: -13px;
    color: #1886d4;
}

.av-labs-inner {
    display: inline-block;
    width: 100%;
}

.single-av-lab {
    float: left;
    text-align: center;
    margin-right: 10px;
}

.av-lab-price {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    padding-top: 7px;
}

.labs-label {
    font-size: 12px;
    line-height: 2.5;
    font-weight: 500;
}

    .labs-label img {
        width: 30px;
        float: left;
        margin-right: 20px;
    }

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


/*==========shoppingcart-page-style-START===========*/
/* Individual Controls
 ------------------------------------------------------------- 

.radio {
    display: inline-block;
    padding-right: 20px;
    font-size: 13px;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

    .radio:hover .inner {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }

    .radio input {
        width: 1px;
        height: 1px;
        opacity: 0;
    }

        .radio input:checked + .outer .inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

        .radio input:checked + .outer {
            border: 2px solid #fff;
        }

        .radio input:focus + .outer .inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

    .radio .outer {
        display: block;
        float: left;
        margin: 5px 9px 0px 0px;
        border: 2px solid #0c70b4;
        background-color: #fff;
    }

    .radio .inner {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 15px;
        height: 15px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        display: block;
        opacity: 0;
        background: url(/Content/images/cart-check.png) no-repeat;
    }

*/
.cart-top-heading {
    display: inline-block;
    width: 100%;
    background: #bf0a30;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 5px;
    padding-left: 10px;
    margin-top: 20px;
    border-radius: 7px 7px 0px 0px;
}

.cart-outer {
    padding: 5px;
    border: 1px solid #ddd;
    display: inline-block;
    width: 100%;
}

.cart-location {
    width: 200px;
}

.cart-test-name {
    /*background: #f6f6f6;*/
}

.table-cart th {
    font-size: 14px;
    text-align: left;
    color: #333;
    padding-left: 20px;
    border-bottom: 2px solid #ddd;
}

.table-cart td {
    font-size: 13px;
    text-align: left;
    padding: 10px !important;
    padding-left: 20px !important;
}

.table-cart .dropdown-toggle {
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 0;
    font-size: 12px;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 12px;
}

.bg-light-gray {
    background: #eee;
}

.bg-blue {
    background: #002868;
}

.removeitem {
    background: #bf0a30;
    color: #fff;
    font-weight: 500;
    width: 18px;
    display: inline-block;
    border-radius: 5px;
    height: 18px;
    line-height: 1.1;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.selected-lab-th {
    border-top: solid 5px #11b000;
    background: #11b000 !important;
    color: #fff !important;
}

.selected-lab-td {
    font-weight: bold;
}

.grand-total {
    border: solid 1px #bf0a30;
    margin: 0;
    text-align: center;
    font-weight: 500;
    padding: 1px;
    font-size: 16px;
    width: 100%;
    display: inline-block;
}

.grand-total-discount {
    float: right;
    background: #00af50;
    color: #fff;
    line-height: 1.5;
    padding: 5px 15px 5px 16px;
    margin-top: 15px;
}

.cart-section-summary {
    display: inline-block;
    margin-top: 40px;
    border: solid 2px #e0e0e0;
    padding: 8px;
    width: 100%;
}



.cart-lab-logo {
    float: left;
    width: 65px;
}

.cart-section-summary h1 {
    font-weight: 400;
    font-size: 25px;
    text-align: right;
}

.cart-summary-details {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #000;
    float: right;
    line-height: 1.6;
    clear: right;
}

.no-lab {
    text-align: center !important;
    color: #bfbfbf;
    text-transform: uppercase;
    display: none;
    margin: 0;
}

.cart-one-section-details {
}

#divVendorLocation {
    width: 100%;
    margin-top: 10px;
}

.cart-summary-details span {
    color: #000;
    width: 93px;
    display: inline-block;
    font-size: 14px;
}

.cart-summary-details s {
    width: 60px;
    display: inline-block;
    text-align: right;
}

.text-color-red {
    color: #bf0a30 !important;
}
/*---------------------------------------------------------------*/
/*==========login-page-style-START===========*/
.user-panel-mobile {
    display: none;
}

.login-form {
    margin-top: 16px;
    position: absolute;
    z-index: 11;
    background: #fff;
    width: 300px;
    padding: 0px 0px 5px 0px;
    right: -2px;
    border: solid 1px #bf0a30;
    z-index: 1111;
    box-shadow: 0px 0px 17px rgba(105,105,105,0.3);
}

    .login-form .inner {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
    }

    .login-form .input-group {
        width: 100%;
    }

.login-tip {
    position: absolute;
    color: #bf0a30;
    font-size: 30px;
    top: -21px;
    right: 19px;
    display: none;
}

.myaccount-tip {
    position: absolute;
    color: #bf0a30;
    font-size: 30px;
    top: -20px;
    right: 19px;
}

.register-button {
    float: left;
    color: #002868;
    text-align: center;
    /*text-decoration: underline;*/
    margin-top: 10px;
    font-weight: bold;
    width: 100%;
}

    .register-button:hover {
        background: #fff !important;
        color: #666 !important;
    }

.register-button-mobile {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 10px;
    background: #bf0a30;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

    .register-button-mobile:hover, .register-button-mobile:focus, .register-button-mobile:active {
        color: #fff;
    }

.login-dropdown form {
    display: none;
}

.login-form .h4 {
    color: #565454;
    text-align: left;
    background: #eee url(/Content/images/four-small.png) no-repeat left;
    background-position-x: 10px;
    padding: 9px;
    text-align: center;
    border-bottom: solid 2px #ccc;
    border-left: none;
    border-right: none;
    font-size: 17px;
    text-align: center;
    clear: both;
    margin-top: 0;
}

    .login-form .h4 i {
        color: #bf0b32;
        padding-right: 1px;
    }

.loginmsg {
    color: #bf0a30;
    padding: 5px;
    font-size: 16px;
    float: right;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: none;
}

.login-form label {
    font-size: 12px;
    line-height: 1.7;
    display: inline-block;
    color: #666;
    float: left;
}

    .login-form label:hover {
        color: #666;
    }

.login-form .input-group {
    margin-bottom: 20px;
}

.login-form input[type="email"], .login-form input[type="password"], .login-form input[type="text"], .login-form input[type="file"] {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .login-form input[type="email"]:focus, .login-form input[type="password"]:focus, .login-form input[type="text"]:focus, .login-form input[type="file"]:focus {
        border-color: #fea2a2;
    }


.no-border {
    border: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.login-form .input-group-addon {
    background: #f8f8f8;
    color: #bf0b32;
    border: solid 1px #999;
    border-right: none;
    font-size: 12px;
}

.login-form .input-group input {
    border-left: none;
}

.validation-summary-errors ul {
    padding: 0;
}

.validation-summary-errors li {
    background: #fff;
    font-size: 13px;
    color: #d80000;
    display: inline-block;
    padding: 3px;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    border: solid #f00 1px;
}

.create-account {
}

.register-form {
    display: inline-block;
    width: 100%;
    padding: 20px;
}

.country-prefix {
    background: #fff;
    border: solid 1px #999;
    border-right: none;
}

.register-form h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: #bf0a30;
    padding: 7px 15px 7px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.autoheight {
    height: auto;
}

.register-form label {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.why-register {
    padding: 20px;
    padding-left: 20px;
    padding-left: 44px;
    border-left: solid 1px #ccc;
}

    .why-register ul li {
        color: #666;
        line-height: 20px;
        margin-bottom: 14px;
    }

        .why-register ul li:before {
            content: "";
            position: absolute;
            width: 15px;
            height: 18px;
            background-image: url(/Content/images/four-small.png);
            background-size: 15px 18px;
            background-repeat: no-repeat;
            border-radius: 100%;
            margin-left: -20px;
            margin-top: 0px;
        }

    .why-register h3 {
        color: #bf0a30;
    }

.reg-form2 {
    display: none;
}

/*.reg-form3 {
    display: none;
}*/

.fields-sets {
    display: inline-block;
    width: 100%;
    min-height: 283px;
    overflow: hidden;
}

.date-dropdowns .day, .date-dropdowns .month, .date-dropdowns .year {
        color: #666;
    padding: 5px 2px;
    margin-right: 3px;
    border: solid 1px #999;
    font-size: 11px;
}
.date-dropdowns .day,.date-dropdowns .year{
    width:27%;
}
.date-dropdowns .month{
    width:41%;
}
.register-points {
    color: #666;
    padding: 0px 20px;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 36px;
}

    .register-points h2 {
        font-size: 19px;
        font-weight: 400;
        margin-bottom: 5px;
        color: #002868;
    }

    .register-points li {
        font-size: 14px;
        list-style: disc;
        float: left;
    }

.register-form .glyphicon {
    background: #fff;
}

.register-form .btn-lg {
    font-size: 15px;
    padding: 12px;
}

.form-control {
    font-size: 13px;
    border-radius: 0;
    border: solid 1px #999;
}

.fileup {
    height: auto;
}

/*.forgot {
    border-radius: 0;
    background: none;
    font-size: 12px;
    color: #044fb1;
    line-height: 1.7;
    padding: 0;
    width: 100%;
}*/

.forgot:hover {
    color: #666;
}

.tos {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-top: 5px;
    margin-top: 5px;
    border-top: solid 1px #eee;
}

    .tos a {
        color: #bf0a30;
        font-weight: 500;
    }

.margin-bottom-1 {
    margin-top: 20px;
}

.margin-bottom-2 {
    margin-top: 10px;
}

.padding-bottom-1 {
    padding-bottom: 32px;
}

.padding-right-1 {
    padding-right: 0px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-right-10 {
    padding-right: 10px;
}

.margin-top-1 {
    margin-top: 5px;
}

.margin-top-2 {
    margin-top: 80px;
}

.margin-top-3 {
    margin-top: 70px;
}

.margin-top-10 {
    margin-top: 15px;
}

.margin-top-11 {
    margin-top: 11px;
}

.margin-right-5 {
    margin-right: 5px;
}

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

.btn-submit {
    border-radius: 0;
    border: solid 1px #0E42D8;
    background: #fff;
    color: #2022b3;
    padding: 7px;
    width: 130px;
}

    .btn-submit:hover {
        color: #2022b3;
        border-color: #0042FF;
    }

.new-reg-h {
    color: #000;
    text-align: center;
    font-weight: 300;
    margin-top: 45px;
    font-size: 25px;
}

.btn-style1, .btn-style2 {
    color: #fff;
    border: none;
    padding: 5px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 5px;
}

.btn-style1 {
    background: #bf0b32;
}

    .btn-style1:hover, .btn-style1:focus {
        background: #dd0835;
        color: #fff;
    }

.btn-style2 {
    background: #03ad54;
}

    .btn-style2:hover, .btn-style2:focus {
        background: #00a24d !important;
        color: #fff;
    }

.btn-style-download {
    display: inline-block;
    color: #bf0a30;
    padding: 5px;
    width: 170px;
    text-align: center;
}

    .btn-style-download:hover, .btn-style-paynow:hover {
        color: #00b14d;
    }

.btn-style-paynow {
    float: right;
    background: #fff;
    border: none;
    width: auto;
    font-weight: 500;
    display: inline-block;
    color: #bf0a30;
    padding: 5px;
}


.user-icon {
    font-size: 46px;
    display: block;
    text-align: center;
    color: #9f9f9f;
    padding: 30px 20px 30px 20px;
    margin-top: 30px;
    border: solid 1px;
}
/*-------------------------About-Page---------------------*/
.contactus-text {
    display: none;
}

#contact-form .prescription-text {
    display: none;
}

#contact-form .contactus-text {
    display: block;
}

#contact-form .form-control {
    border-radius: 0;
}

#contact-form textarea {
    height: 200px;
}

#contact-form address .h4 {
    background: #bf0a30;
    padding: 8px;
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.1;
    display: inline-block;
    width: 100%;
}






/*------------------------------------------------*/
/*--------------------Voucher--page------------------------------*/
.empty-height {
    height: 49px;
}

.login-block {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .login-block .login-popup-fields {
        width: 47% !important;
        float: none;
        display: inline-block;
        padding: 27px;
    }

    .login-block h2 {
        font-size: 24px;
        font-weight: 500;
        margin-top: 30px;
        color: #999;
        margin-bottom: 0;
    }

.no-account-msg {
    font-size: 20px;
    color: #002868;
    font-weight: 400;
    margin-top: 28%;
    text-align: center;
    line-height: 1.4;
}

.cart-seprator {
    text-align: center;
    clear: both;
}

    .cart-seprator span {
        width: 49%;
        height: 1px;
        display: inline-block;
    }

.red-section {
    background: #002868;
}

.blue-section {
    background: #002868;
}

.table {
    margin-bottom: 0px;
}

.checkout-cart-details h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.collection-center {
    padding: 10px;
    width: 840px;
    margin-top: -11px;
    margin-bottom: 15px;
    margin-left: -6px;
}

.jqx-grid-column-filterbutton {
    display: none;
}

.jqx-grid-pager {
    display: none;
}

.heading-style5 {
    background: #666;
    display: inline-block;
    color: #fff;
    padding: 5px 10px 5px 10px;
}

.heading-style8 {
    text-align: center;
    font-size: 21px;
    color: #bf0a30;
}

.checkout-cart-details td {
    font-size: 12px;
}

.cart-summary-label {
    font-weight: 500;
    vertical-align: top;
    width: 105px;
    display: inline-block;
}

.cart-summary-value {
    font-size: 12px;
    display: inline-block;
    width: 100%;
}

    .cart-summary-value .form-group {
        margin-bottom: 0;
    }

.jqx-widget-header {
    background: #fff !important;
}

.test-include {
    display: inline-block;
    border: solid 1px #757575;
    border-radius: 1px;
    margin-right: 5px;
    padding: 2px 5px 2px 5px;
}

.cart-grand-total {
    text-align: right;
    font-size: 20px;
    padding: 7px;
    padding-bottom: 7px;
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}

#userNameSpan {
    color: #fff;
    font-size: 12px;
    background: #00af50;
    text-align: center;
    font-weight: 500;
    line-height: 1.7;
}

.cart-grand-total-discount {
    float: right;
    background: #00af50;
    color: #fff;
    line-height: 1.5;
    padding: 5px 15px 5px 16px;
    font-size: 14px;
    margin-top: 10px;
    margin-right: 8px;
}

.payment-option {
    text-align: center;
}

    .payment-option label {
        padding-left: 10px;
        font-size: 18px;
        color: #666;
        font-weight: 500;
    }

.payment-option {
    margin-top: 40px;
}

.single-method {
    display: inline-block;
    text-align: center;
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 10px 8px rgba(0,0,0,.02);
    box-shadow: 0 0 10px 8px rgba(0,0,0,.02);
}

.selected-method {
    box-shadow: 0px 0px 7px #ea97a8;
    border: solid 1px #e05e7a;
}

.credit-card-div {
    margin-bottom: 30px;
    margin-top: 30px;
}

    .credit-card-div span {
        padding-top: 10px;
        margin: 0;
    }

    .credit-card-div img {
        padding-top: 30px;
    }

    .credit-card-div .small-font {
        font-size: 9px;
    }

    .credit-card-div .pad-adjust {
        padding-top: 10px;
    }

.easy-pay-form {
    width: 320px;
    display: inline-block;
}

    .easy-pay-form label {
        text-align: left;
        width: 100%;
    }

.confirm-page {
    text-align: center;
    margin-top: 60px;
}

    .confirm-page h3 {
        margin-bottom: 20px;
    }

.video-loader {
    background-image: url(/Content/images/loader-registration.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
/*---------------------------------------------------------------*/
/*---------Join us page-------------*/
.startup-modal .modal-body {
    padding: 0;
    background: #001d49;
}

.startup-modal .close {
    position: absolute;
    background: #bf0a30;
    z-index: 111;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    width: 20px;
    right: 0;
}

.popup-footer {
    width: 100%;
    float: left;
    padding: 5px 5px 20px 5px;
    background: #bf0a30;
}

    .popup-footer .h1 {
        margin: 0;
        padding: 7px;
        color: #fff;
        font-weight: 600;
        font-size: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    .popup-footer label {
        color: #fff;
        font-size: 20px;
        text-align: right;
        width: 100%;
        font-weight: 400;
    }

    .popup-footer .form-control {
        border: none;
    }

.or-text {
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.modal-backdrop.in {
    opacity: 0.9;
}

.startup-modal .modal-content {
    box-shadow: 0 5px 30px rgba(255,255,255,.6);
    display: inline-block;
    border: none;
}


.join-us-page {
}

    .join-us-page .form-control, .join-us-page .dropdown-toggle {
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-color: #999;
    }

    .join-us-page .control-label {
        padding-top: 0;
    }
/*---------------------------------------------------------------------------------*/
/*---------My-Orders-Page----------------------*/
#hAccordion .panel .panel-heading .panel-title a .sign {
    text-align: center;
    color: #000;
    width: 45px;
    float: right;
    border-left: 1px solid rgba(156, 156, 156, 0.3);
}

    #hAccordion .panel .panel-heading .panel-title a .sign:before {
        content: "\f068";
    }

#hAccordion .panel .panel-heading .panel-title a.collapsed .sign:before {
    content: "\f067";
}

#hAccordion .panel-body {
    padding: 0;
}

.common-customer-info {
    display: inline-block;
    text-align: right;
    width: 100%;
    background: #eee;
}

.my-account-orders {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

    .my-account-orders th {
        background: #ccc;
    }

    .my-account-orders td, .my-account-orders th {
        font-size: 12px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

.common-customer-info li {
    display: inline-block;
    padding-right: 20px;
}

.MyAccountTabs {
    margin-top: 10px;
}

    .MyAccountTabs .nav-tabs {
        border-color: #c00000;
        margin-bottom: 10px;
    }

.services-tabs {
    background: #eee;
    border-color: #c6c6c6 !important;
}

.MyAccountTabs .nav-tabs > li.active > a, .MyAccountTabs .nav-tabs > li.active > a:focus, .MyAccountTabs .nav-tabs > li.active > a:hover {
    cursor: default;
    border: 1px solid #c00000;
    border-bottom-color: transparent;
    background: #bf0a30;
    color: #fff;
}

.MyAccountTabs .nav > li > a {
    color: #333;
    font-weight: bold;
}

    .MyAccountTabs .nav > li > a:hover {
        text-decoration: none;
        background-color: #c00000;
        color: #fff !important;
    }

.MyAccountTabContent {
    display: inline-block;
    width: 100%;
}

    .MyAccountTabContent .table {
        margin-bottom: 0;
    }

    .MyAccountTabContent .tab-pane {
        clear: both;
    }

    .MyAccountTabContent h4 {
        color: #c00000;
        padding-bottom: 6px;
    }

    .MyAccountTabContent .fade {
        visibility: hidden;
        display: none;
    }

        .MyAccountTabContent .fade.in {
            visibility: visible;
            opacity: 1;
            display: block;
        }

.order-short-info {
    display: inline-block;
    border: solid 1px #555;
    padding: 51px 12px;
    width: 100%;
    line-height: 2;
    background: #002868;
    height: 199px;
}

.shoft-info-label {
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    color: #fff;
}

.shoft-info-value {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.order-details-bt {
    display: block;
    text-align: right;
}

    .order-details-bt span {
        background: rgb(191, 10, 48);
        color: #fff;
        padding: 3px;
        font-size: 12px;
        cursor: pointer;
    }

        .order-details-bt span:hover {
            border: 1px solid rgb(191, 10, 48);
            color: rgb(191, 10, 48);
            background: #fff;
        }

.single-type-order {
    height: 90px;
}

.order-milstone {
    display: inline-block;
    border: solid 1px #555;
    padding: 10px;
    width: 100%;
}

    .order-milstone h3 {
        position: absolute;
        bottom: 20px;
        font-size: 17px;
        color: #bf0a30;
    }

.milstone-dt {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0px;
    font-size: 11px;
    color: #000;
    font-weight: normal;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -54px;
    position: relative;
}

.owl-theme .owl-dots {
    text-align: right;
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 3px;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-dot:hover span {
        background: #bf0a30 !important;
    }

.order-note {
    width: 100%;
    padding: 2px 2px 2px 7px;
    text-align: left;
    border-bottom: solid 1px #bf0a30;
    background: #0071c1;
    font-size: 12px;
    color: #fff;
}

.all-types-orders {
    width: 100%;
    border: solid 1px #666;
    font-size: 12px;
    line-height: 2;
    display: none;
    margin-bottom: 10px;
}

.heading-style7 {
    color: #002868;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    margin-top: 6px;
    margin-top: 2px;
    margin: 0;
    display: inline-block;
    background: #ccc;
    padding: 2px 10px 2px 10px;
    margin-left: -15px;
}

.order-g-details {
    position: relative;
    background: #dee8f1;
    display: inline-block;
    width: 100%;
    padding: 5px;
    border-bottom: solid 3px #ccc;
}

#hAccordion td, #hAccordion th {
    font-size: 12px;
    text-align: center;
    width: 10%;
    border: none;
}

#hAccordion .table {
    margin-bottom: 0px;
}

#hAccordion .panel-heading {
    padding: 3px 6px;
    border-top: none;
}

.order-heading {
    padding-right: 10px;
    border-right: solid 1px #a5a5a5;
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
}

.order-details {
    border-left: solid 1px #bf0a30;
    border-right: solid 1px #bf0a30;
}

.seprator-two {
    width: 100%;
    height: 1px;
    background: #4b4b4b;
    display: inline-block;
}
/*---------------------------------------------------------------------------------*/

.posts-slider-outer {
    display: inline-block;
    width: 100%;
    background: #eee;
    padding: 20px;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    margin-bottom: 20px;
}

.post-slider-title {
    line-height: 1.5;
    font-size: 12px;
    margin-top: 15px;
    font-weight: 500;
}

    .post-slider-title a span {
        color: #666;
    }

.post-slider-date {
    line-height: 1.5;
    font-size: 12px;
    margin-top: 5px;
}

.single-landscape-post h2 {
    font-family: 'Anton', sans-serif;
}
.single-landscape-post h2.urdu-post{
    direction:rtl;
}
.blog-detail.urdu-post{
direction:rtl;
}
.urdu-post-date{
width:100%;
text-align:right;
}
.readmore-e .eng-more{
    display:block;
}
.readmore-e .urd-more{
    display:none;
}

.readmore-u .eng-more{
    display:none;
}
.readmore-u .urd-more{
    display:block;
}
    .single-landscape-post h2 a {
        color: #333;
    }

.padding-left-0 {
    padding-left: 0;
}

.padding-right-0 {
    padding-right: 0;
}

.blog-time-author {
    display: inline-block;
    margin-bottom: 10px;
}

    .blog-time-author a {
    }

.right-col-box {
    margin-bottom: 4px;
}

.blog-read-more {
    color: #000;
    font-weight: 500;
}

.blog-req {
    display: block;
    padding: 6px;
    background: #002868;
    border: solid 3px #fff;
    box-shadow: 0px 0px 5px #ccc;
    text-align: center;
    color: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .blog-req:hover {
        background: #666;
        color: #fff;
    }

.blog-right-col {
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 5px #ccc;
    margin-top: 10px;
}

    .blog-right-col a:hover {
        color: #bf0a30;
    }

    .blog-right-col h3 {
        border-bottom: solid 3px #bf0a30;
        padding-bottom: 10px;
        margin-top: 0;
        font-size: 20px;
    }

.req-readings a {
    text-decoration: underline;
    display: block;
}

.req-readings a, .side-tags a {
    color: #666;
}

.side-tags a {
    display: inline-block;
}

.single-landscape-post {
    margin-bottom: 20px;
    display: inline-block;
}

    .single-landscape-post .img-responsive {
        width: 100%;
    }

    .single-landscape-post p {
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        color: #333 !important;
    }

.blog-cat-heading-button {
    display: inline;
    padding: 5px;
    background: #002768;
    color: #fff;
    border: solid 3px #fff;
    box-shadow: 0px 0px 5px #ccc;
}

    .blog-cat-heading-button:hover {
        color: #fff;
    }

.tag1 {
    font-size: 13px;
    font-weight: 500;
}

.tag2 {
    font-size: 16px;
    font-weight: 500;
}

.tag3 {
    font-size: 19px;
    font-weight: 500;
}

.tag4 {
    font-size: 21px;
    font-weight: 500;
}

.tag5 {
    font-size: 23px;
    font-weight: 500;
}

.social {
    text-align: center;
}

    .social img {
        width: 30px;
        height: 30px;
    }

    .social a {
        font-size: 20px;
        color: #666;
        display: inline-block;
    }

.one-hospital {
    display: inline-block;
    width: 100%;
    border: solid 1px #ccc;
    padding: 10px 0px 10px 0px;
}

.hospital-name h3 {
    color: #666;
    font-size: 14px;
}

.single-doctor-row {
    display: inline-block;
    clear: both;
    background: rgb(245, 245, 245) none;
    padding: 10px 0px 10px 0px;
}

.hospital-doctors-details {
    clear: both;
}

.hospital-doctor-image img {
    border: solid 1px #ccc;
}

.hospital-doctor-image span {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 12px;
}

.hospital-doctor-desc p {
    font-size: 12px;
    line-height: 22px;
}

.hospital-logo img {
    height: 45px;
}

.out-procedures {
    background: none;
}

    .out-procedures .lab-package-scroll {
        height: auto;
    }

        .out-procedures .lab-package-scroll ul li:before {
            content: "\2666";
            position: absolute;
            color: #bf0a30;
            width: 10px;
            height: 10px;
            font-weight: bold;
        }

        .out-procedures .lab-package-scroll ul li a {
            padding-left: 15px;
        }

#timer {
    width: 420px;
    margin: auto;
    background: #fff;
    clear: both;
    margin-top: 120px;
    padding-top: 15px;
    padding-left: 10px;
    display: none;
}

.counts {
    font-size: 50px;
    color: #bf0a30;
    margin-left: 5px;
}

.count-string {
    color: #bf0a30;
    font-size: 20px;
    margin-left: 5px;
}

.block-layer {
    position: absolute;
    background: rgba(126, 28, 28, 0.7);
    width: 100%;
    top: 0;
    z-index: 111;
    right: 0;
    bottom: 0;
}

.relative-position {
    position: relative;
}

.blur-effect {
    filter: blur(2px);
}

.coming-text {
    text-align: center;
    color: #bf0a30;
    font-size: 26px;
    padding-bottom: 10px;
}

.patient-header-info {
    display: inline-block;
    background: #eee;
    padding-left: 10px;
    padding-right: 10px;
}

    .patient-header-info span {
        margin-right: 5px;
        border-right: solid 1px #bf0a30;
        padding-right: 10px;
    }

        .patient-header-info span:last-child {
            border-right: none;
        }

.visual-result-outer {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    position: relative;
    background: #e1f8ff;
    padding: 7px 10px 10px 10px;
}

.lab-diagnosis.visual-result-outer {
    margin-bottom: 50px;
}

.rec-test-name {
    font-size: 17px;
    font-weight: 500;
    color: #002868;
    margin-bottom: 30px;
}

.visual-result-parts {
    float: left;
    height: 32px;
    width: 22%;
}

.yellow-width {
    width: 6%;
}

.visual-result-part1 {
    background: #cc0003; /* Old browsers */
    background: -moz-linear-gradient(left, #cc0003 0%, #fcd200 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #cc0003 0%,#fcd200 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #cc0003 0%,#fcd200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0003', endColorstr='#fcd200',GradientType=1 );
    border-radius: 10px 0px 0px 10px;
    background: #cc0003;
}

.visual-result-part2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcd200+0,299a0b+50,fcd200+100;Blue+3D+%23+16 */
    background: #fcd200; /* Old browsers */
    background: -moz-linear-gradient(left, #fcd200 0%, #299a0b 50%, #fcd200 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fcd200 0%,#299a0b 50%,#fcd200 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fcd200 0%,#299a0b 50%,#fcd200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd200', endColorstr='#fcd200',GradientType=1 ); /* IE6-9 */
    background: #fcd200;
    position: relative;
}

.visual-result-part3 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcd200+0,cc0003+100 */
    background: #fcd200; /* Old browsers */
    background: -moz-linear-gradient(left, #fcd200 0%, #cc0003 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fcd200 0%,#cc0003 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fcd200 0%,#cc0003 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd200', endColorstr='#cc0003',GradientType=1 ); /* IE6-9 */
    background: #299a0b;
    position: relative;
    width: 56%;
}

.part3-custom-width1 {
    width: 78%;
    border-radius: 0px 10px 10px 0px;
}

.part3-custom-width2 {
    width: 78%;
    border-radius: 10px 0px 0px 10px;
}

.visual-result-part4 {
    background: #fcd200;
}

.visual-result-part5 {
    background: #cc0003;
    border-radius: 0px 10px 10px 0px;
}

.test-result {
    display: inline-block;
    padding: 4px;
    line-height: 1;
}

.result-red {
    color: #fff;
    background: #bf0a30;
}

.result-green {
    color: #fff;
    background: #00b14d;
}

.result-yellow {
    color: #fff;
    background: #ff9000;
}

.recom-details {
    display: inline-block;
    width: 100%;
}

    .recom-details h4, .recom-details .h4 {
        display: inline-block;
        color: #bf0a30;
        font-size: 16px;
        padding-left: 15px;
    }

.recommendation-top-heading {
    font-size: 18px !important;
    background: #bf0a30;
    color: #fff !important;
    padding: 5px !important;
    display: inline-block;
}

.special-advice {
    font-size: 15px;
    color: #002868;
    white-space: pre-line;
    margin-top: -30px;
}

.phsycians-advice {
    border-bottom: solid 1px #bf0a30;
}

.recommendation-bottom-text {
    padding-left: 15px;
    padding-right: 15px;
}

.patient-information {
    border: 1px #002868;
    background: #e1f8ff;
}

.padding5 {
    padding: 5px;
}

.visual-result-heading {
    width: 100%;
    text-align: center;
    float: left;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    height: 34px;
    line-height: 32px;
}

.sub-items-impression {
    background: #f6f6f6;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.margin0 {
    margin-right: 0;
}

.suggested-by {
    font-size: 12px;
    padding-left: 15px;
}

    .suggested-by img {
        width: 30px;
        margin-right: 10px;
    }

.indicator-outer {
    width: 99%;
    position: absolute;
    height: 40px;
}

.indicator {
    height: 43px;
    width: 6px;
    background: #002868;
    position: absolute;
    box-shadow: 0px 0px 5px #a2a2a2;
    left: 21.2%;
    top: -5px;
}

.indicator2 {
    left: 76.5%;
}

.indicator-top-arrow {
    position: absolute;
    color: #000;
    font-size: 24px;
    top: -20px;
    left: -5px;
}

.data-counter {
    position: absolute;
    font-weight: 500;
    color: #000;
    top: 53px;
    left: 83%;
    text-align: center;
    line-height: 1.2;
    background: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    border: solid 1px #eee;
}

    .data-counter:before {
        width: 20px;
        height: 20px;
        position: absolute;
        content: '\25b2';
        top: -15px;
        color: #bf0a30;
        width: 100%;
        text-align: center;
        left: 0;
    }

.phys-recom {
    font-size: 27px;
    text-decoration: underline;
    color: #002868;
    font-weight: 700;
    font-style: italic;
    text-align: right;
    margin-bottom: 5px;
}

.phys-recom-sub-text {
    color: #bf0a30;
    text-align: right;
    font-size: 16px;
    line-height: 1;
}

.phys-recom-outer.sd-page {
    margin-top: 10px;
    margin-bottom: 15px;
}

    .phys-recom-outer.sd-page .phys-recom, .phys-recom-outer.sd-page .phys-recom-sub-text {
        text-align: right;
    }

.diagnosis-right-colum {
    display: inline-block;
    background: #eee;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border: solid 1px #ccc;
    box-shadow: -7px 0px 5px #eee;
}

.diagnosis-doctor button {
    margin-top: 5px;
    background: #bf0a30;
    color: #fff;
}

    .diagnosis-doctor button:hover,
    .diagnosis-doctor button:focus,
    .diagnosis-doctor button:active {
        color: #fff;
    }

.diagnosis-doctor .image {
    line-height: 1;
    border: solid 1px #ccc;
    padding: 5px;
    font-size: 12px;
    padding-bottom: 10px;
    background: #fff;
    text-align: center;
}

.diagnosis-doctor {
    line-height: 1.4;
    display: block;
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
}

    .diagnosis-doctor .image img {
        margin-bottom: 6px;
        width: 150px;
    }

    .diagnosis-doctor span {
        font-size: 12px;
        text-align: center;
        display: inline-block;
        width: 100%;
        font-weight: 500;
        font-size: 12px;
    }

    .diagnosis-doctor label {
        color: #bf0a30;
        display: block;
    }

.rec-phys-name {
    color: #bf0a30;
    width: 100%;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    font-size: 15px !important;
    margin-top: 5px;
}

.medical-group {
    margin-top: 10px;
    display: inline-block;
    border: solid 1px #ccc;
    padding: 5px;
    background: #fff;
}

.diagnosis-tabs li a {
    font-weight: 500;
    color: #333;
    border: solid 1px #ccc;
    border-bottom: none;
    padding: 7px;
    font-size: 13px;
}

.diagnosis-tabs li.active a, .diagnosis-tabs li.active a:focus, .diagnosis-tabs li.active a:hover {
    background: #bf0a30;
    color: #fff;
}

.red-block-line {
    width: 100%;
    display: block;
    background: #bf0a30;
    padding: 2px;
    margin-bottom: 20px;
}

.rec-note span {
    font-weight: 700;
    font-size: 18px;
}

.rec-note {
    font-size: 14px;
    color: #002868;
    line-height: 1.4;
    font-weight: 500;
}

.normal-range {
    position: absolute;
    width: 100%;
    top: -32px;
    padding: 0;
}

    .normal-range .first {
        display: inline-block;
        float: left;
        font-weight: 500;
        position: relative;
        margin-left: -40px;
        width: 70px;
        text-align: center;
        color: #002868;
    }

    /*.normal-range .first:before {
                        height: 20px;
            position: absolute;
            content: '\25bc';
            top: 12px;
            color: #666;
            width: 100%;
            text-align: center;
           left: 0;
        }*/

    .normal-range .last {
        display: inline-block;
        float: right;
        font-weight: 500;
        position: relative;
        margin-right: -34px;
        width: 70px;
        text-align: center;
        color: #002868;
    }

/*.normal-range .last:before {
            height: 20px;
            position: absolute;
            content: '\25bc';
            top: 12px;
            color: #666;
            width: 100%;
            text-align: center;
            right: 0;
        }*/

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 0.2;
    }

    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 1;
    }
}

@keyframes bounce {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    40% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 0.2;
    }

    100% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(0px);
        opacity: 1;
    }
}

.terms-conditions ul {
    padding: 0;
    margin: 0;
}

.terms-conditions li {
    list-style: circle;
    font-size: 1em;
    margin-bottom: 10px;
    line-height: 1.7;
    margin-left: 25px;
}


.pointing-arrow {
    margin-left: 16px;
    margin-top: -5px;
    display: inline-block;
    position: absolute;
    left: 40px;
    top: -20px;
}

.pointing-arrow {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 1.2s infinite linear;
}

.diagnosis-imaging .single-package {
    min-height: 127px;
}

.diagnosis-imaging .lab-imaging {
    height: 40px;
}

.imaging-diagnosis {
    display: inline-block;
    margin-left: 10px;
}

    .imaging-diagnosis span {
        font-size: 12px;
    }

.account-category {
    display: inline-block;
    padding: 0;
    width: 100%;
}

    .account-category li {
        display: inline-block;
        border: solid 2px #ccc;
        width: 139px;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        transition: all 300ms linear;
    }

        .account-category li a {
            color: #333;
            font-size: 12px;
            text-align: center;
            width: 100%;
            display: inline-block;
            height: 70px;
            line-height: 69px;
        }

        .account-category li:hover, .account-category li.active {
            border-color: #bf0b32;
        }

.filter-locations .dropdown-toggle {
    font-size: 12px;
    border-radius: 0;
}

.filter-locations .bs-searchbox input {
    padding: 4px;
    height: auto;
}

.filters-list .panel-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
}

.filters-list .panel-body {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

    .filters-list .panel-body ul {
    }

.all-procedures .single-package {
    background: none;
}

.location-panel {
    padding-top: 13px !important;
    padding-bottom: 3px !important;
}

    .location-panel ul li ul {
        margin-left: 30px;
        margin-top: 2px;
    }

        .location-panel ul li ul li {
            list-style: circle;
        }

    .location-panel > ul > li > ul > li > a {
        font-size: 12px;
        color: #bf0a30;
        width: 82%;
    }

    .location-panel > ul > li > ul > li > ul > li {
        list-style: disc;
        color: #666;
    }

        .location-panel > ul > li > ul > li > ul > li > a {
            font-size: 11px;
            width: 70%;
            padding: 2px;
        }

    .location-panel ul li ul li ul {
        display: none;
        margin-left: 8px;
    }

.filter-locations {
    margin-bottom: 7px;
}

.all-procedures .procedure-img {
    border: solid 1px #ccc;
    margin: 10px;
}

.all-procedures .testdetails {
    height: 95px;
}

.all-procedures .buy-bt2 {
    width: 90%;
}

.buy-bt2.add_procedure {
    width: 70%;
}

.doctors-appointments .common-controls {
    display: inline-block;
    width: 100%;
    padding: 10px 5px 10px 5px;
    background: #eee;
}

.common-controls .search-tags {
    display: inline-block;
    width: 100%;
}

    .common-controls .search-tags ul {
        margin: 0;
        padding: 0;
    }

        .common-controls .search-tags ul li {
            display: inline-block;
            width: 25%;
        }

            .common-controls .search-tags ul li a {
                display: inline-block;
                line-height: 1.2;
                font-size: 18px;
            }

.search-tags .close-tag {
    float: right;
    cursor: pointer;
    margin-left: 10px;
}

    .search-tags .close-tag:hover {
        color: #bf0a30;
    }

.common-controls .other-controls {
    margin-top: 0px;
}

.one-doctor-row {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border: solid 1px #ccc;
    border-radius: 10px;
    box-shadow: 0px 5px 7px #eee;
}

.changed-layout {
}

.detail-row {
    width: 100%;
    line-height: 1;
    margin-bottom: 5px;
}

.image-section {
    text-align: center;
    line-height: 1.3;
    padding-left: 5px;
    padding-right: 5px;
}

.one-doctor-row .dr-image {
    background: #eee;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    background: #e9e9e9;
    border-radius: 100%;
    box-shadow: inset 0px 0px 6px #ccc;
    border: solid 1px #fff;
    margin-top: 35px;
    width: 75%;
    display: inline-block;
}

    .one-doctor-row .dr-image img {
    }

.one-doctor-row .text-section {
    margin-top: 20px;
}

.image-section .dr-name {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    line-height: 1.4;
    color: #bf0a30;
    font-weight: 500;
}

.dr-speciality {
    line-height: 1.5;
    font-size: 12px;
    display: inline-block;
    color: #002768;
}

.one-doctor-row .text-section .section-label, .seprate-label {
    display: inline-block;
    color: #0071c1;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.4;
    font-size: 12px;
    width: 100%;
}

    .one-doctor-row .text-section .section-label i {
        color: #bf0a30;
        font-size: 15px;
    }

.margin-0 {
    margin-bottom: 5px;
}

.atp-logo-only {
    display: inline-block;
    vertical-align: top;
}

.atp-text-only {
    display: inline-block;
    width: 100px;
    line-height: 1.3;
}

.one-doctor-row .text-section .section-value1 {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    line-height: 1.4;
    font-size: 12px;
}

.dr-qual {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.time-availibility {
    margin-top: 10px;
}

.time-row {
    width: 190px;
    border-bottom: solid 1px #ccc;
    font-size: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 12px;
    background: #fff;
    float: left;
    margin-bottom: 4px;
}

    .time-row .time-row-label {
        display: inline-block;
        font-weight: 500;
        width: 39px;
        padding-left: 10px;
        background: #0071c1;
        box-shadow: 2px 0px 4px #ccc;
        color: #fff;
    }

    .time-row .time-row-value {
        display: inline-block;
        padding-left: 32px;
        text-align: left;
    }

.flag-div {
    position: absolute;
    width: 37px;
    margin-left: 36%;
    margin-top: -8px;
}

    .flag-div img {
        box-shadow: 0px 9px 9px #eaeaea;
    }

.action-buttons {
    clear: both;
    display: inline-block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    width: 100%;
    padding: 5px 0px 5px 0px;
    border-top: solid 1px #ccc;
    border-Bottom: solid 1px #ccc;
    text-align: center;
    margin-bottom: 5px;
}

    .action-buttons .appointment {
        font-size: 12px;
        width: 130px;
        margin-right: 5px;
    }

    .action-buttons .view-profile {
        font-size: 12px;
        width: 130px;
        margin-right: 5px;
    }

    .action-buttons a {
        border-radius: 0;
        width: 100%;
        font-size: 11px;
        border-bottom: 0;
    }

        .action-buttons a:focus, .action-buttons a:active {
            outline: none !important;
        }

        .btn-default.active, .action-buttons a:focus, .action-buttons a:active {
            background-color: #bf0a30 !important;
            color: #fff;
            text-shadow: none;
        }

            .btn-default.active i, .action-buttons a:focus i, .action-buttons a:active i {
                color: #fff;
                text-shadow: none;
            }

            .btn-default.active:hover, .action-buttons a:hover, .action-buttons a:hover {
                color: #bf0a30;
            }

        .action-buttons a i {
            display: block;
            font-size: 15px;
            margin-bottom: 5px;
            color: #bf0a30;
        }

.short-desc-section {
    display: inline-block;
    width: 100%;
    margin: 0px 0 15px 0;
    border-top: solid 1px #eee;
    padding-top: 7px;
    width: 100%;
    margin: 0px 0 15px 0;
}

.condition-treated {
    display: inline-block;
    width: 100%;
    margin: 15px 0 15px 0;
    font-size: 12px;
    line-height: 1.5;
    border: solid 1px #d8d8d8;
    padding: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,fcfcfc+100 */
    background: #f2f9fe; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f9fe 0%, #fcfcfc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f9fe 0%,#fcfcfc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f9fe 0%,#fcfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
    border-radius: 10px;
}

.doctors-data-scroll {
    position: relative;
    overflow: hidden;
    height: 160px;
    padding-right: 12px;
}

.condition-treated ul {
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

    .condition-treated ul li {
        line-height: 1.4;
        list-style: none;
        margin-bottom: 5px;
        padding-left: 20px;
    }

        .condition-treated ul li:before {
            content: "";
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 100%;
            background: #bf0a30;
            margin-left: -14px;
            margin-top: 5px;
        }

.doctor-short-desc {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 10px 10px 10px;
    background: #fff;
}

.doctors-tabs-content-div {
    display: inline-block;
    width: 100%;
    margin-top: 3%;
}

.doctors-shedule {
    font-size: 12px;
    width: 100%;
    margin-top: 3%;
}

    .doctors-shedule th {
        background: #0071c1;
        color: #fff;
        border-top: solid 1px #3891d1 !important;
        text-align: right;
        padding-right: 20px !important;
    }

    .doctors-shedule td {
        background: #fff;
        text-align: center;
    }

.doctors-profile {
    position: relative;
    height: 190px;
    overflow: hidden;
    padding-right: 20px;
}

    .doctors-profile ul {
        margin: 0;
        padding: 0;
    }

        .doctors-profile ul li {
            list-style: disc;
            font-size: 12px;
            line-height: 1.7;
            margin-bottom: 12px;
            margin-left: 25px;
        }

            .doctors-profile ul li a {
            }

.doctor-question {
    margin-top: 2%;
}

.appointment-logins {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 10px 20px 10px 20px;
    border: solid 1px #9ba3b1;
    min-height: 208px;
}

.not-register-bt {
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
    padding: 0px 20px 0px 0px;
    font-size: 13px;
}

    .not-register-bt:hover {
        color: #bf0a30;
    }

.appointment-doctors-calender {
}

.appointments-doctors-logins {
    display: none;
}

#divProcedures {
}

.address-section .center-address {
    line-height: 1.3;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    vertical-align: middle;
}

.vendor-address {
    display: inline-block;
    line-height: 1.3;
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
}

.address-section .address-phone {
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
    line-height: 2;
}

.address-map {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .address-map i {
        color: #bf0a30;
        font-size: 38px;
    }

.news-blog, .example-bottom {
    width: 100%;
    height: 100px;
    padding: 10px;
    color: #fff;
}

.atp-doctors .modal-content {
    border-radius: 0;
    border: solid 3px #bf0b32;
}

.atp-doctors .modal-dialog {
    /*margin-top:30px;*/
}

.atp-doctors .modal-header {
    background: #bf0b32;
    color: #fff;
    padding: 5px;
}

.atp-doctors .modal-title {
    background-color: transparent;
    border: none;
    padding: 0;
}

.atp-doctors .modal-header .close {
    opacity: 1;
    text-shadow: none;
    color: #fff;
}

.atp-doctors .modal-content ul {
    margin: 0;
}

    .atp-doctors .modal-content ul li {
        margin-bottom: 10px;
        list-style: square;
        line-height: 23px;
    }

.atp-doctors .modal-body {
    display: inline-block;
    width: 100%;
}

    .atp-doctors .modal-body h4 {
        line-height: 1.4;
    }

.atp-doctors .disclaimer {
    font-size: 12px;
    font-style: italic;
    padding-left: 30px;
    display: block;
}

.atp-doctors .doctor-img-details {
    border-radius: 100%;
    background: #dedede;
    overflow: hidden;
    /*width: 200px;*/
    display: inline-block;
}
.profile-scroll{
    height:400px;
    overflow-y:scroll;
}
.products-info {
    position: relative;
    overflow: hidden;
    height: 140px;
    padding-right: 15px;
    margin-top: 10px;
}

.labs-instruction {
    font-size: 12px;
    color: #0070c2;
    float: left;
}

.lab-name {
    font-weight: bold;
    color: #0070c2 !important;
}

.your-price {
    font-size: 12px !important;
    font-weight: bold !important;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
}

.radiology-details {
    font-size: 12px;
    line-height: 1.4;
    padding: 10px;
}

.about-card {
    background: #f9f9f9;
    border-bottom: solid 2px #ccc;
    display: inline-block;
    padding: 15px;
    width: 100%;
    min-height:158px;
}

    .about-card .h3 {
        text-align: center;
        font-weight: 500;
    }

.height276 {
    min-height: 276px;
}

.height176 {
    min-height: 176px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-60 {
    margin-top: 70px;
}

.my-one-order {
    margin-bottom: 20px;
    box-shadow: 0px 0px 7px #ccc;
}

#contact-form textarea {
    height: 130px;
}

.buttons-switch-outer {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.buttons-switches {
    display: inline-block;
}

.bt-switch {
    float: left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    border: solid 1px #ccc;
    font-size: 12px;
    width: 32px;
    text-align: center;
    color: #333;
}

.l-switch {
    border-right: none;
}

.r-switch {
}

.bt-switch:hover, .bt-switch.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf0a30+0,a5090c+100 */
    background: #bf0a30; /* Old browsers */
    background: -moz-linear-gradient(top, #bf0a30 0%, #a5090c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bf0a30 0%,#a5090c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bf0a30 0%,#a5090c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0a30', endColorstr='#a5090c',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-size: 11px;
}

.out-patients .single-package {
    background: none;
}

.out-patients .testdetails {
    height: 45px;
}

.imaging-search-controls {
    background: #eee;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

    .imaging-search-controls .bootstrap-select {
        vertical-align: top;
    }

    .imaging-search-controls .dropdown-toggle {
        border-radius: 0px;
        font-size: 12px;
    }

.account-menu .caret {
    color: #bf0a30;
}

.imaging-search-controls button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.out-patients .procedure-img {
    padding: 10px;
}

    .out-patients .procedure-img img {
        border: solid 1px #ccc;
    }

.tooltip-inner {
    min-width: 115px;
    //the minimum width;
}

.logo-ad-section {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.form-control:focus {
    border-color: #c3c3c3;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(167, 167, 167);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(189, 189, 189);
}

.vertical-seprator {
    border-left: solid 1px #ccc;
}

.datepicker.dropdown-menu {
    min-width: 220px;
}

.dates-carousel {
    display: inline-block !important;
    width: 92%;
}

.single-date-containter {
    background: #bf0a30;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

    .single-date-containter:hover {
        box-shadow: inset 0px 0px 10px #890a0a;
    }

.single-date {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.single-day-name {
    width: 100%;
    text-align: center;
    color: #fff;
}

.prev-date {
    float: left;
    background: #fff;
    margin-right: 1%;
}

.next-date {
    float: right;
    background: #fff;
}

.pn-format {
    padding: 5px;
    box-shadow: 0px 0px 5px #a2a2a2;
    cursor: pointer;
}

.my-orders-fix-header {
    padding-left: 15px;
    padding-right: 15px;
    background: #ccc;
}

.single-order-cell-container {
    display: inline-block;
    width: 97%;
}

.MyAccountTabs .glyphicon-plus, .MyAccountTabs .glyphicon-minus {
    color: #bf0a30;
    font-size: 12px;
}

.MyAccountTabs .panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
}

.single-order-cell-container span {
    font-size: 12px;
    text-align: center;
    width: 160px;
    display: inline-block;
    font-weight: 400;
}

.my-orders-fix-header span {
    color: #000;
    font-weight: 500;
    padding: 6px;
}

.order-common-details {
    font-size: 12px;
    margin-top: 5px;
}

    .order-common-details ul {
        padding-left: 10px;
    }

        .order-common-details ul li {
            line-height: 1.5;
        }

            .order-common-details ul li b {
                width: 100px;
                display: inline-block;
            }

.comp-order-details {
    width: 100%;
    font-size: 12px;
}

.popup-product {
    margin-top: 20px;
}

.landing-page {
}

.lp-content ul {
}

    .lp-content ul li {
        font-size: 15px;
        margin-bottom: 10px;
    }
    /*.landing-page ul li:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        background: #bf0a30;
        margin-left: -16px;
margin-top: 10px;
    }*/
    .lp-content ul li {
        font-size: 12px;
    }

        .lp-content ul li:before {
            content: "";
            position: absolute;
            width: 15px;
            height: 18px;
            background-image: url(/Content/images/four-small.png);
            background-size: 15px 18px;
            background-repeat: no-repeat;
            border-radius: 100%;
            margin-left: -20px;
            margin-top: 3px;
        }

.lp-content {
    line-height: 1.6;
}

.heading-style1-lp {
    text-align: center;
    font-size: 30px;
    color: #b70002;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 24px;
    margin-top: 20px;
}

    .heading-style1-lp span {
        display: block;
        font-size: 15px;
        color: #666;
        font-weight: 400;
        text-transform: initial;
        margin-top: 7px;
    }

.board-labs {
    display: inline-block;
    width: 100%;
}

.acc {
    position: absolute;
    top: -15px;
    left: -12px;
}

.board-labs .lab1 {
    float: left;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    padding: 7px 12px 7px 12px;
    border: solid 1px #b9b9b9;
    margin-right: 12px;
    color: #bf0a30;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    margin-bottom: 10px;
}

    .board-labs .lab1 span {
        color: #002868;
        font-weight: normal;
    }

.board-labs .h3 {
    margin-bottom: 30px;
    font-size: 24px;
}

.home-flow-block {
    background: #f3f3f3;
    padding-top: 20px;
    box-shadow: inset 0px 0px 10px #ccc;
}

.home-flow-block-radiology {
    background: #d9e5f3;
}

.comp-order-details {
    border-top: solid 1px #bf0a30;
    margin-top: 10px;
}

    .comp-order-details th {
        background: #0071c1;
        color: #fff;
    }

.reg-step {
    display: inline-block;
    width: 100%;
}

    .reg-step .modal-button {
    }

    .reg-step h3 {
        color: #002868;
        padding-left: 15px;
        font-size: 16px;
        margin-bottom: 10px;
        border-bottom: solid 1px #ccc;
        font-weight: 500;
    }

.signup-message {
    padding-left: 15px;
    color: #002868;
    padding-bottom: 10px;
}

.reg-step .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.reg-form3 .form-group {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.reg-step .form-control {
    font-size: 13px;
}

.register-loader {
    display: inline-block;
    margin-top: 30px;
    margin-right: 20px;
}

    .register-loader img {
        display: inline-block !important;
        width: 100px !important;
    }

.login-loader {
    display: inline-block;
}

    .login-loader img {
        display: inline-block !important;
        width: 100px !important;
    }

.errorpage {
    padding-bottom: 40px;
    display: block;
}

    .errorpage h2 {
        text-align: center;
        color: #bf0a30;
        font-size: 35px;
    }

.er-detail1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.know-us {
    display: inline-block;
    font-size: 15px;
    border: solid 1px #bf0a30;
    color: #bf0a30;
    border-radius: 30px;
    padding: 7px;
    width: 150px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .know-us:hover {
        color: #002768;
        border-color: #002768;
    }

.voucher-heading {
    background: #eaeaea;
    display: inline-block;
    padding: 5px;
    width: 100%;
}

.calender-icon, .time-icon {
    cursor: pointer;
    background: #fff;
}

    .calender-icon:hover {
        background: #fff;
    }

.not-validate .form-control, .not-validate .dropdown-toggle {
    border: solid 1px #f00 !important;
}

.error-container1 {
    display: inline-block;
    width: 100%;
    position: relative;
}

.cart-test-name .error-container1 {
    width: auto;
}

.gender.error-container1, .dob.error-container1 {
    width: auto;
}

.tooltip.right .tooltip-inner {
    background-color: #d50000;
    width: 150px;
    font-size: 12px;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #970101;
}

.tooltip.bottom .tooltip-inner {
    background-color: #d50000;
    width: 150px;
    font-size: 12px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #970101;
}

.tooltip.left .tooltip-inner {
    background-color: #d50000;
    width: 150px;
    font-size: 12px;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #970101;
}

.tooltip.top .tooltip-inner {
    background-color: #d50000;
    width: 150px;
    font-size: 12px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #970101;
}

.normal-tooltip .tooltip.top .tooltip-inner {
    background-color: #002868;
    width: auto;
    font-size: 12px;
}

.pharmacy-order {
    border-left: solid 1px #ccc;
    padding-bottom: 20px;
}

.no-account-link {
    display: block;
    font-size: 20px;
    color: #002868;
    margin-top: 80px;
    text-align: center;
    cursor: pointer;
}

    .no-account-link:hover {
        color: #bf0a30;
    }

    .no-account-link span {
        color: #00b14d;
    }

.voucher-login-section {
    padding: 20px;
    display: inline-block;
    width: 100%;
}

.showform {
    display: inline-block;
}

.hideform {
    display: none;
}

.back-to-login {
    cursor: pointer;
}

    .back-to-login:hover {
        color: #bf0a30;
    }

    .back-to-login i {
        color: #bf0a30;
    }

.comp-detail-bt {
    cursor: pointer;
    border: solid 1px #ccc;
    background: #fff;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.category1 {
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #bf0a30;
}

.ajaxsearch {
    position: absolute;
    width: 100%;
    text-align: left;
    background: #fff;
    border: solid 1px #ccc;
    z-index: 100;
    box-shadow: 0px 0px 5px #ccc;
    max-height: 200px;
    overflow-y: auto;
    display: none;
}

.category1 h4 {
    font-size: 13px;
    padding-left: 10px;
    margin-bottom: 0;
    padding-bottom: 0px;
}

    .category1 h4 i {
        color: #bf0a30;
        margin-right: 5px;
    }

    .category1 h4 .countresult b {
        color: #666;
    }

    .category1 h4 .countresult {
        float: right;
        font-size: 12px;
        color: #999;
        padding-right: 14px;
    }

.ajaxsearch ul {
    padding: 10px;
    margin: 0;
}

    .ajaxsearch ul li {
        display: inline-block;
        width: 100%;
    }

        .ajaxsearch ul li a {
            display: block;
            width: 100%;
            border-bottom: solid 1px #ccc;
            font-size: 12px;
            padding: 5px;
            color: #666;
        }

            .ajaxsearch ul li a:hover {
                background: #002868;
                color: #fff;
            }

        .ajaxsearch ul li:last-child a {
            border: none;
        }

.clear-button i {
    color: #bf0a30;
}

.no-right-border {
    border-right: none;
}

.no-left-border {
    border-left: none !important;
}

.clear-both {
    clear: both;
}

.clear-button button {
    background: #fff;
    color: #666;
    box-shadow: none;
    padding: 6px 10px;
    border: 1px solid #999;
    border-radius: 0;
}

.clear-button2 button {
    background: #fff;
    color: #666;
    box-shadow: none;
    padding: 5px 10px;
    border-radius: 0;
    display: none;
}

.clear-button2 i {
    color: #bf0a30;
}

.locations-checkbox li {
    margin: 2px;
    margin-left: 10px;
    line-height: 1.5;
}

.locations-checkbox label {
    line-height: 1.7;
    font-size: 11px;
    color: #626262;
}

.message-pages {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}

.success-check {
    font-size: 100px;
    color: #00b14d;
    opacity: 0.5;
}

.message-pages p {
    font-size: 15px;
}

.message-pages span {
    color: #bf0a30;
    font-size: 20px;
}

.header-mobile-content {
    margin-top: 10px;
}

.all-toggles {
    margin-top: 13px;
    display: inline-block;
    float: right;
}

.toggle-icons {
    color: #fff;
    border: solid 1px #3e69ae;
    padding: 2px 6px;
    font-size: 12px;
    float: right;
    border-radius: 0;
    margin-right: 10px;
    background: transparent;
    cursor: pointer;
}

    .toggle-icons:hover {
        background: #3e69ae;
        color: #fff;
    }

    .toggle-icons:focus, .toggle-icons:active {
        color: #fff;
    }

.login-toggle-icon {
    float: left;
    font-size: 17px;
    border: none;
    padding: 16px;
}

    .login-toggle-icon:hover {
        background: none;
    }

.active-toggle-button {
    background: #3e69ae;
    color: #fff;
}

.mobile-tab-content {
    background: #fff;
    display: inline-block;
    width: 100%;
    margin-top: 2px;
    position: absolute;
    left: 0;
    top: 51px;
    box-shadow: 0px 0px 7px #ccc;
    padding-left: 10px;
    padding-right: 10px;
}

.hide-on-desktop {
    display: none;
}

.no-search-result {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}

    .no-search-result i {
        font-size: 53px;
        color: #bf0a30;
        opacity: 0.5;
    }

    .no-search-result .h2 {
        text-align: center;
        margin-top: 10px;
        color: #4b4b4b;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.7;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.info-page {
    padding-top: 50px;
    padding-bottom: 50px;
}

.forget-step {
    display: inline-block;
    width: 40%;
    text-align: center;
    clear: both;
}

.green-font-color {
    color: #00b14d;
}

.success-order {
    padding: 0;
}

    .success-order li {
        font-size: 15px;
    }

.address-card {
    font-size: 12px;
}

.margin-our-mission {
    margin-bottom: 67px;
}

.margin-our-vision {
    margin-bottom: 32px;
}

.usa-test-price {
    display: inline-block;
    border: solid 1px #ccc;
    width: 100%;
    font-weight: bold;
    line-height: 1.6;
    background: #fff;
    color: #bf0b32;
    padding: 7px;
    text-align: center;
    border-left: none;
    border-right: none;
    margin-top: 29px;
    box-shadow: 0px 0px 5px #e0e0e0;
}

.price1, .price2 {
    display: inline-block;
    width: 95px;
    font-size: 12px;
    text-align: center;
}

.usa-price-label {
    color: #000;
}

.usa-price-label, .usa-price-value {
    width: 100%;
    display: inline-block;
}

.usa_test_btn {
    width: 50% !important;
}

.small-logo-excel {
    width: 78px;
    margin-top: -5px;
}

.usa-test-icon {
    font-size: 10px;
}

    .usa-test-icon img {
        vertical-align: top;
    }

.box-loader-css {
    display: none;
}

.loading-cssloader .box-loader-css {
    display: block;
}

#f1_container {
    position: relative;
    margin: 10px auto;
    perspective: 1000;
    height: 70px;
    z-index: 1;
    overflow: hidden;
}

#f1_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}

.transformRotate {
    transform: rotateY(180deg);
}

@keyframes forU_rotation {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

    .face.back {
        display: block;
        transform: rotateY(180deg);
        box-sizing: border-box;
        color: white;
        text-align: center;
        background: #fff;
    }

.AlertNotification .modal-header {
    padding: 0px;
}

    .AlertNotification .modal-header .modal-title {
        width: 100%;
    }

.AlertNotification .modal-content {
    color: #666;
    border-radius: 0;
}

    .AlertNotification .modal-content p {
        font-size: 14px;
    }

.AlertNotification .modal-footer {
    padding: 10px;
    text-align: center !important;
    border-top: 1px solid #d23859;
    background: #eee;
}

    .AlertNotification .modal-footer button {
        width: 100px;
    }



.atp-tri {
    display: inline-block;
}

.front.face img {
    width: 168px;
    margin-top: 10px;
}

.back.face img {
    width: 168px;
    margin-top: 5px;
}

.card-form {
    display: inline-block;
    width: 100%;
}

.order-loader {
    margin-top: 10px;
}

.welcome-page ul li {
    list-style: circle;
    font-size: 12px;
}

.results-table {
    font-size: 12px;
}

.btn-warning[disabled] {
    background: #ccc !important;
    color: #666;
}

.inline-small-logo {
    margin-top: 4px;
    position: absolute;
    margin-left: 5px;
    width: 70px;
}

.perscrip-upload {
    width: 100%;
    text-align: center;
}

    .perscrip-upload textarea {
        font-size: 12px;
        width: 100%;
    }

    .perscrip-upload span {
        font-size: 12px;
        font-weight: 500;
        width: 100%;
        display: inline-block;
    }

.group-span-filestyle {
}

    .group-span-filestyle .btn-secondary {
        background: #bf0a30;
        color: #fff;
        padding: 2px;
        font-size: 12px;
        width: 79px;
        text-align: center;
    }

.contact-us-form label, .subscribe-form label {
    font-size: 12px;
    padding-top: 0 !important;
}

.prescription-menu {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    border-left: solid 1px #ccc;
    padding-left: 10px;
    padding-bottom: 2px;
}

    .prescription-menu a {
        display: inline-block;
        padding: 6px;
        color: #002868;
        cursor: pointer;
    }

        .prescription-menu a:hover {
            color: #bf0a30;
        }

    .prescription-menu i {
        color: #bf0a30;
        font-size: 12px;
    }

.imaging-modals-content ul {
    padding-left: 10px;
}

    .imaging-modals-content ul li {
        font-size: 12px;
    }

.imaging-modals-content .h4 {
    font-size: 13px;
    line-height: 1.4;
    display: inline-block;
    width: 100%;
}

.imaging-modals-content .h3 {
    font-size: 17px;
    color: #bf0a30;
    display: inline-block;
    width: 100%;
}

.imaging-modals-content .textMsg {
    font-weight: 500;
    font-size: 14px;
}

.cart-map-icon {
    display: inline-block;
    color: #bf0a30;
    font-size: 17px;
    line-height: 0;
    margin-left: 10px;
    margin-top: 1px;
    vertical-align: top;
}

.back-btn {
    color: #002868;
    font-weight: 500;
    font-size: 16px;
    background: transparent;
    border: none;
    float: left;
}

    .back-btn i {
        color: #bf0a30;
    }

.content-hide {
    display: none;
}

.proceed-msg {
    color: #002868;
    display: none;
    line-height: 1.5;
}

.final_order-msg {
    font-size: 15px;
    color: #bf0a30;
    font-weight: 500;
    margin-right: 10px;
}

.imaging-modal1-step4 li {
    list-style: none !important;
}

.profile-section {
    display: inline-block;
    width: 100%;
    display: inline-block;
    width: 100%;
    background: #f5f5f5;
    padding-bottom: 20px;
    border-bottom: solid 1px #0071c1;
    margin-bottom: 30px;
}

.profile-edit-step {
    display: inline-block;
    width: 100%;
    border-left: solid 1px #ccc;
    display: none;
}

    .profile-edit-step label {
        font-size: 12px;
    }

    .profile-edit-step h3 {
        color: #002868;
        padding-left: 15px;
        font-size: 16px;
        margin-bottom: 20px;
        border-bottom: solid 1px #ccc;
    }

    .profile-edit-step .form-group {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
    }

    .profile-edit-step .form-control {
        font-size: 13px;
    }


.profile-add-step {
    display: inline-block;
    width: 100%;
    border-left: solid 1px #ccc;
    display: none;
}

    .profile-add-step label {
        font-size: 12px;
    }

    .profile-add-step h3 {
        color: #002868;
        padding-left: 15px;
        font-size: 16px;
        margin-bottom: 20px;
        border-bottom: solid 1px #ccc;
    }

    .profile-add-step .form-group {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
    }

    .profile-add-step .form-control {
        font-size: 13px;
    }

.profile-section .h4 {
    color: #fff;
    padding-left: 15px;
    font-size: 16px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    background: #002868;
    padding-top: 10px;
}

.profile-info {
    margin-left: 30px;
}

.profile-info-label {
    display: inline-block;
    background: #fff;
    color: #3b3b3b;
    padding: 5px 20px;
    width: 200px;
    margin-bottom: 6px;
    font-size: 12px;
    text-align: right;
    font-weight: 500;
    border-right: solid 1px #bf0a30;
}

.profile-info-value {
    display: inline-block;
    padding: 5px 20px;
    width: 290px;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.6;
}

.add-profile-step {
    background: #00b14d;
    margin-left: 5px;
}

    .add-profile-step:hover {
        background: #009943;
    }

.swal-button--confirm {
    background: #bf0a30;
    color: #fff;
}

.sa-button-container {
    direction: rtl;
}

.bootstrap-select li a {
    white-space: normal;
    border-bottom: solid 1px #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.recommendation-search-box {
    border: solid 1px #ccc;
    display: inline-block;
    width: 100%;
    padding: 15px;
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url(/Content/images/symptoms-bg.jpg);
    background-position: center center;
    color: #fff;
}

    .recommendation-search-box h3 {
        border-left: solid 8px #f6708c;
        padding-left: 10px;
        margin-left: -16px;
    }

.facebook-button {
    background: #3b5998;
    color: #fff;
}

    .facebook-button i {
        margin-right: 5px;
        color: #fff !important;
        font-size: 16px !important;
    }

    .facebook-button:hover, .facebook-button:focus, .facebook-button:active {
        color: #fff;
        background: #3b5998;
    }


.modal {
    z-index: 5555;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.waitModal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(/Content/images/spinner.gif) 50% 50% no-repeat;
}

.symptomes-recommendation-outer {
    display: block;
    border: solid 2px #002868;
    padding: 20px;
}

    .symptomes-recommendation-outer .h3 {
        font-size: 18px;
        color: #bf0a30;
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center;
    }



/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .waitModal {
        display: block;
    }

.checkout .table {
    margin-bottom: 0%;
}

.ui-autocomplete-category .h4 {
    font-size: 13px;
    font-weight: 500 !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
}

.ui-autocomplete-category {
    border-bottom: none !important;
    line-height: 1.4 !important;
}

    .ui-autocomplete-category .h4 i {
        font-size: 14px;
        color: #bf0a30;
        margin-right: 10px;
    }

    .ui-autocomplete-category:hover .h4 b, .ui-autocomplete-category:hover .countresult, .ui-autocomplete-category:hover i {
        color: #fff !important;
    }

    .ui-autocomplete-category > a {
        font-size: 12px;
        border-bottom: none;
    }

.ui-menu-item:hover .ui-autocomplete-category > a {
    color: #fff !important;
}

.ui-autocomplete-category .h4 b {
    color: #333;
}

.ui-autocomplete-category .h4 .countresult {
    float: right;
    font-size: 12px;
    color: #999;
}

.payment-page {
    margin-top: 50px;
    margin-bottom: 50px;
    background: #eee;
    padding: 20px;
    border: solid 1px #ccc;
    box-shadow: inset 0px 0px 7px #dbdbdb;
    display: inline-block;
    width: 100%;
}

.lock-icon-payment {
    font-size: 110px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd9a1c+0,fccd4d+50,f8b500+51,fbdf93+100 */
    background: #dd9a1c; /* Old browsers */
    background: -moz-linear-gradient(top, #dd9a1c 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dd9a1c 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dd9a1c 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9a1c', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0px;
    border-right: solid 1px #e0dbdb;
}

    .lock-icon-payment i {
    }

.animated-name {
    position: absolute;
    text-align: center;
    width: 285px;
    height: 36px;
    background: #bf0a30;
    color: #fff;
    font-size: 12px;
    z-index: 99999;
    font-weight: bold;
    visibility: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.myaccount-button {
    display: block;
    text-align: right;
    line-height: normal;
    position: relative;
    top: -3px;
}

.lapse-alert {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 1px;
    margin-top: 8px;
    color: #fff;
    background: #bf0a30;
    font-size: 10px;
    border-radius: 100%;
    display: none;
}

.account-notification {
    border-radius: 100%;
    width: 15px;
    height: 15px;
    font-size: 10px;
    background: #bf0a30;
    color: #fff;
    position: absolute;
    padding: 1px;
    text-align: center;
    line-height: 1.3;
    margin-left: 10px;
    margin-top: 2px;
    display: none;
}

.lapse-alert-mobile {
    width: 15px;
    height: 15px;
    font-size: 10px;
    position: absolute;
    color: #fff;
    background: #bf0a30;
    margin-left: -11px;
    margin-top: -11px;
    text-align: center;
    line-height: 1.4;
    border-radius: 100%;
    display: none;
}

    .lapse-alert-mobile i {
        color: #e80000;
        font-size: 14px;
    }

.rotated-4 {
    position: absolute;
    width: 50px;
    margin: 10px;
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: #fff;
    padding: 5px;
    box-shadow: 0px 0px 5px #eee;
}
/* WebKit and Opera browsers */
@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}
/* all other browsers */
@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

.start-conference {
    padding-top: 150px;
    padding-bottom: 150px;
    display: inline-block;
    width: 100%;
}

.main-member-video {
    border: solid 5px #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #d7d7d7;
    overflow: hidden;
    text-align: center;
}

    .main-member-video video {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg); /* Safari and Chrome */
        -moz-transform: rotateY(180deg); /* Firefox */
    }

.video-right-panel {
    background: #f9f9f9;
    display: inline-block;
    padding: 10px;
    overflow: hidden;
    border: solid 1px #929292;
    width: 100%;
}

.video-right-panel-names {
    background: #eee;
    padding-top: 20px;
    border-top: solid 5px #bf0a30;
    border-bottom: solid 5px #bf0a30;
    padding-bottom: 20px;
    min-height: 480px;
}

.conference-link {
    background: #21ae22;
    color: #fff;
    padding: 5px;
    padding-left: 5px;
    padding-left: 20px;
    font-weight: 500;
}

.feedback-outer {
    background: #e5e5e5;
    padding: 38px 27px 38px 27px;
    display: block;
    margin-top: 30px;
}

.feed-top-text {
    text-align: center;
    font-size: 15px;
}

.feed-title h2 {
    margin-top: 0;
    font-size: 27px;
}

.feedback-inner {
    border: solid 5px #002868;
    display: block;
    padding: 25px;
}

.feed-question-box h4 {
    text-align: center;
    margin-top: 20px;
}

.feed-box-options {
    text-align: center;
}

    .feed-box-options ul {
        width: 100px;
        display: inline-block;
        padding-left: 0;
    }

    .feed-box-options li {
        text-align: left;
    }

    .feed-box-options label {
        font-weight: 400;
        margin-bottom: 0;
    }

    .feed-box-options input[type="radio"] {
        font-weight: 400;
        margin-right: 5px;
    }

.feed-buttons {
    text-align: center;
}

    .feed-buttons .no-button {
        width: 100px;
        border: none;
        color: #fff;
        border-radius: 30px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,e5e5e5+15,a0a0a0+53,a0a0a0+100 */
        background: #e5e5e5; /* Old browsers */
        background: -moz-linear-gradient(top, #e5e5e5 0%, #e5e5e5 15%, #a0a0a0 53%, #a0a0a0 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e5e5e5 0%,#e5e5e5 15%,#a0a0a0 53%,#a0a0a0 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e5e5e5 0%,#e5e5e5 15%,#a0a0a0 53%,#a0a0a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-9 */
        border: solid 1px #969696;
    }

        .feed-buttons .no-button:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0a0a0+0,a0a0a0+47,e5e5e5+85,e5e5e5+100 */
            background: #a0a0a0; /* Old browsers */
            background: -moz-linear-gradient(top, #a0a0a0 0%, #a0a0a0 47%, #e5e5e5 85%, #e5e5e5 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #a0a0a0 0%,#a0a0a0 47%,#e5e5e5 85%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #a0a0a0 0%,#a0a0a0 47%,#e5e5e5 85%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
        }

    .feed-buttons .submit-feed {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#66ca97+0,66ca97+15,00a04e+53,007036+100 */
        background: #66ca97; /* Old browsers */
        background: -moz-linear-gradient(top, #66ca97 0%, #66ca97 15%, #00a04e 53%, #007036 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #66ca97 0%,#66ca97 15%,#00a04e 53%,#007036 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #66ca97 0%,#66ca97 15%,#00a04e 53%,#007036 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ca97', endColorstr='#007036',GradientType=0 ); /* IE6-9 */
        width: 100px;
        border: none;
        color: #fff;
        border-radius: 30px;
        border: solid 1px #969696;
    }

        .feed-buttons .submit-feed:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007036+0,00a04e+47,66ca97+85,66ca97+100 */
            background: #007036; /* Old browsers */
            background: -moz-linear-gradient(top, #007036 0%, #00a04e 47%, #66ca97 85%, #66ca97 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #007036 0%,#00a04e 47%,#66ca97 85%,#66ca97 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #007036 0%,#00a04e 47%,#66ca97 85%,#66ca97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007036', endColorstr='#66ca97',GradientType=0 ); /* IE6-9 */
        }

.video-right-panel-names .panel-title a {
    font-size: 14px;
}

.active-video-member {
    background: #bf0a30;
    color: #fff;
}

.video-right-panel-names ul li:hover {
    background: #bf0a30;
    color: #fff;
}

.video-right-scroll {
    position: relative;
    height: 478px;
    padding-right: 14px;
    padding-left: 14px;
}

.single-member-controls span {
    display: inline-block;
    font-size: 20px;
    border: solid 1px #ccc;
    width: 35px;
    text-align: center;
    color: #999;
    cursor: pointer;
}

    .single-member-controls span:hover {
        background: #bf0a30;
        border-color: #bf0a30;
        color: #fff;
    }

.single-member-controls-active {
    background: #bf0a30;
    border-color: #bf0a30 !important;
    color: #fff;
}

    .single-member-controls-active i {
        color: #fff;
    }

.conference-one-member {
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    width: 15%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

    .conference-one-member video {
        width: 100%;
    }

    .conference-one-member:hover {
        box-shadow: 0px 13px 10px #c2aeae;
    }

.conference-one-member-video {
    border: solid 5px #bf0a30;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #666;
    overflow: hidden;
    line-height: 0;
}

.conference-one-member-detail {
    display: inline-block;
    color: #902828;
    text-align: left;
    font-weight: 500;
    margin-top: 0px;
    font-size: 12px;
    position: absolute;
    top: 20px;
    background: #fff;
    line-height: 1;
    padding: 4px;
    text-transform: capitalize;
}

.conference-one-member-video video {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg); /* Safari and Chrome */
    -moz-transform: rotateY(180deg); /* Firefox */
}

.video-bottom-panel {
    background: #002868;
    display: inline-block;
    width: 100%;
    padding: 7px;
    margin-top: 10px;
    height: 45px;
}

.main-video-info {
}

.main-video-info-name {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    display: block;
    line-height: 1;
}

.main-video-info-subheading {
    color: #fff;
    font-size: 13px;
    width: 100%;
    clear: left;
    display: block;
    line-height: 1.3;
}

.audio-mute {
    border-radius: 100%;
    background: #bf0a30;
    padding: 10px;
    padding-top: 10px;
    box-shadow: 0px 0px 10px #000;
    display: inline-block;
    width: 59px;
    display: inline-block;
    margin-top: -16px;
    margin-left: 10px;
    z-index: 11;
    padding-top: 14px;
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

    .audio-mute:hover {
        box-shadow: 0px 0px 15px #bf0a30;
    }

    .audio-mute i {
        font-size: 29px;
        color: #fff;
        text-align: center;
    }

.disable-controls {
    background: #a4a4a4;
    box-shadow: none;
}

    .disable-controls i {
        color: #fff;
    }

    .disable-controls:hover {
        box-shadow: none;
    }

.total-search-result-outer {
    text-align: right;
    margin-top: 10px;
}

    .total-search-result-outer .result-text {
        font-weight: 500;
    }

    .total-search-result-outer .result-count {
        color: #bf0a30;
        font-weight: 500;
    }

.result-category-outer {
    border: solid 1px #ccc;
    padding: 30px 10px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
    border-radius: 10px;
}

    .result-category-outer .category-heading {
        background: #fff;
        border: solid 1px #bf0a30;
        border-radius: 5px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        margin-top: -45px;
        margin-left: 10px;
        font-weight: 500;
        color: #333;
    }

        .result-category-outer .category-heading span {
            color: #bf0a30;
            margin-left: 7px;
        }

    .result-category-outer .searched-item-name a {
        color: #333;
        padding-left: 30px;
        display: inline-block;
        width: 100%;
    }

.open-drop {
    font-weight: 500;
}

.result-category-outer .single-result {
    border-bottom: dashed 1px #cbcbcb;
    padding-bottom: 6px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

    .result-category-outer .single-result:hover {
        border-bottom: dashed 1px #bf0a30;
        background: #f3f3f3;
    }

    .result-category-outer .single-result li {
        list-style: circle;
        line-height: 1.7;
        font-size: 12px;
    }

        .result-category-outer .single-result li ul {
            padding-left: 10px;
        }

            .result-category-outer .single-result li ul li {
                list-style: none;
            }

        .result-category-outer .single-result li i {
            color: #00b14d;
            margin-right: 5px;
        }

        .result-category-outer .single-result li b {
            color: #002868;
        }

.result-category-outer .searched-item-name a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #bf0a30;
    left: 5px;
    top: 9px;
}

.result-category-outer .searched-item-name a span:before {
    content: "+";
    position: absolute;
    left: 23px;
    top: 0px;
    color: #002868;
    font-size: 16px;
}

.open-drop span:before {
    content: "-" !important;
    color: #bf0a30 !important;
}

.results-buttons button:first-child {
    margin-right: 10px;
}

.results-buttons {
    margin-top: 5px;
}

.results-buttons-appointment .buy-bt2 {
    width: 150px;
}

.user-file-upload {
    border: solid 1px #ccc;
    margin: 10px;
}
.user-file-upload #files{
width: 190px;
    overflow: hidden;
}
    .user-file-upload h4 {
        background: #bf0a30;
        color: #fff;
        margin: 0;
        padding: 8px;
    }

    .user-file-upload form {
        padding-left: 10px;
        padding-right: 10px;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.1em 1em !important;
}



@-webkit-keyframes myanimation {
    from {
        left: 0%;
    }

    to {
        left: 50%;
    }
}

h1 {
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    padding: 20px 0;
    color: #777;
}

.checkout-wrap {
    color: #444;
    margin: 40px auto;
    max-width: 900px;
    position: relative;
}

ul.checkout-bar li {
    color: #929292;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
}

    ul.checkout-bar li:before {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background: #ddd;
        border: 2px solid #FFF;
        border-radius: 50%;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        left: 20px;
        line-height: 37px;
        height: 35px;
        position: absolute;
        text-align: center;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        top: 4px;
        width: 35px;
        z-index: 999;
    }

    ul.checkout-bar li.active {
        color: #00b14d;
    }

        ul.checkout-bar li.active:before {
            background: #00b14d;
            z-index: 99999;
        }

    ul.checkout-bar li.visited {
        background: #ECECEC;
        color: #0070c2;
        z-index: 99999;
    }

        ul.checkout-bar li.visited:before {
            background: #0070c2;
            z-index: 99999;
        }

    ul.checkout-bar li.active:before {
        content: "\2713";
    }

    ul.checkout-bar li:not(.active):before {
        content: "";
    }
/*ul.checkout-bar li:nth-child(3):before {
  content: "\2713";
}
ul.checkout-bar li:nth-child(4):before {
  content: "\2713";
}
ul.checkout-bar li:nth-child(5):before {
  content: "\2713";
}
ul.checkout-bar li:nth-child(6):before {
  content: "\2713";
}*/
ul.checkout-bar a {
    color: #57aed1;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}









@media all and (min-width: 800px) {
    .checkout-bar li.active:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #00b14d;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        width: 100%;
        left: 50%;
        position: absolute;
        top: -50px;
        z-index: 0;
    }

    .checkout-bar li.active-last:after {
        display: none;
    }

    .checkout-wrap {
        margin: 15px auto;
    }

    ul.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background-size: 35px 35px;
        background-color: #EcEcEc;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        border-radius: 15px;
        height: 15px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 100%;
    }
        /*ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #0070c2;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 10%;
  }*/
        ul.checkout-bar li {
            display: inline-block;
            margin: 50px 0 0;
            padding: 0;
            text-align: center;
            width: 19%;
            line-height: 0;
        }

            ul.checkout-bar li:before {
                height: 38px;
                left: 40%;
                line-height: 35px;
                position: absolute;
                top: -61px;
                width: 38px;
                z-index: 99;
            }

            ul.checkout-bar li.visited {
                background: none;
            }

                ul.checkout-bar li.visited:after {
                    background-size: 35px 35px;
                    background-color: #0070c2;
                    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    content: "";
                    height: 15px;
                    left: 50%;
                    position: absolute;
                    top: -50px;
                    width: 100%;
                    z-index: 99;
                }
}

.TestContainer {
    position: relative;
    clear: both;
}

.TestOuterDiv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.9);
    z-index: 123;
}

.BlurLoading {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.forU_spinner_outer {
    width: 60px;
    height: 60px;
    margin: 100px auto;
    /*display:none;*/
}

.forU_spinner {
    width: 60px;
    height: 60px;
    perspective: 1000px;
    background-color: #fff;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin: 100px auto;
    margin-bottom: 0px;
    animation-delay: 0s;
    -webkit-animation: forU_rotation 2.5s infinite linear;
    animation: forU_rotation 2.5s infinite linear;
    padding: 10px;
    box-shadow: 0px 0px 7px #ccc;
}



.city-modal .modal-header {
    background: #bf0a30;
}

.city-modal .modal-content {
    background: #002868;
    padding-bottom: 20px;
}

.city-modal .main-title {
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
}

/* For submit button in physiotherapy order popup */
.margin-up {
    margin-top: 20px;
}



/* Free Recommendation 3-13-2018 MHA */

.row.equal-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .row.equal-column > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.free_recommendation_form.well-lg {
    padding: 24px 15px;
    background-image: url(/Content/images/symptoms-bg.jpg);
    background-size: cover;
    border-radius: 0px;
    position: relative;
}

.free_recommendation_form .btn_recommendation {
    width: 100%;
    color: #fff;
}

/* Free Recommendation 3-13-2018 MHA   testing code  */
.free_recommendation_form .gallery {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0;
    float: left;
}

.free_recommendation_form .thumb {
    width: 24%;
    margin-right: 1%;
    border: 1px solid #ccc;
    float: left;
    position: relative;
    height: 46px;
    margin-bottom: 1em;
}

    .free_recommendation_form .thumb img {
        width: 100%;
        max-height: 43px;
    }

.free_recommendation_form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.free_recommendation_form .thumb .fa-remove {
    position: absolute;
    right: 3px;
    padding: 0;
    top: 3px;
    opacity: 0.7;
    color: #bf0a30;
    cursor: pointer;
}

.free_recommendation_form .inputfile {
    position: absolute;
    height: 35px;
    width: 110px;
    z-index: 8;
    cursor: pointer;
}

.free_recommendation_form .report-portion {
    border-left: 1px solid #db395b;
}

    .free_recommendation_form .report-portion .report-detail {
        border: 1px solid #ccc;
        border-radius: 4px;
        height: 83px;
    }

.free_recommendation_form h5 {
    color: #fff;
    font-size: 18px;
}

.free_recommendation_form .first-field {
    margin-top: 56px;
}

.free_recommendation_form h3 {
    border-left: solid 8px #f6708c;
    padding-left: 14px;
    margin-left: -15px;
    text-align: center;
    color: #fff;
    margin-top: 0;
    margin-bottom: 1em;
}

.recommendation_ftr-logo {
    position: absolute;
    bottom: 35px;
    left: 27px;
}

    .recommendation_ftr-logo img {
        width: 120px;
    }

.report-portion .text-danger li {
    background: transparent;
    position: absolute;
    border: 0px;
    color: #fff;
    margin-top: -3px;
}

.symptoms_section {
    position: absolute;
    bottom: 18px;
    width: 92%;
}

/* Corporate Packages*/
.helth-packages {
    max-width: 2000px;
}

.main-baner img {
    width: 100%;
}

.helth-packages .padding-0 {
    padding: 0;
}

.helth-packages h3 {
    font-size: 20px;
}

.helth-packages .get-quote-form h3 {
    text-align: center;
    margin-top: 5px;
}

.helth-packages .get-quote-form {
    background: #e1e1e1;
    padding: 10px;
}

.helth-packages .blog-section {
    background: #e1e1e1;
    padding: 5px;
}

    .helth-packages .blog-section h3 {
        font-size: 1.2em;
        margin-top: 5px;
    }

.helth-packages .get-quote-form .form-group {
    margin-bottom: 6px;
}

    .helth-packages .get-quote-form .form-group .form-control {
        border-radius: 12px;
        width: 90%;
        margin-left: 10px;
    }

        .helth-packages .get-quote-form .form-group .form-control .dropdown-toggle {
            border-radius: 12px;
            border: solid 1px #999;
        }

.label_text {
    font-size: 10px;
    text-align: right;
    margin-bottom: 5px;
}

.helth-packages h2, h3, h5 {
    font-family: 'Roboto', sans-serif;
}

.helth-packages .package {
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 2em;
    min-height: 470px;
}

    .helth-packages .package:hover {
        box-shadow: 0 5px 15px rgba(0,0,0,0.9);
    }

.helth-packages .executive_health3 {
    border: 1px solid #bd0000;
    color: #bd0000;
}

.helth-packages .general_employee2 {
    border: 1px solid #52a0bd;
    color: #005056;
}

.helth-packages .pre-emploument1 {
    border: 1px solid #8189a9;
    color: #022161;
}

.helth-packages .triangle-up-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -500px;
    border-bottom: 500px solid transparent;
    border-left: 500px solid #4679BD;
    opacity: 0.7;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.helth-packages .package:hover .triangle-up-left:after {
    opacity: 0.85;
}

.helth-packages .executive_health3 .triangle-up-left:after {
    border-left: 500px solid #bd0000;
}

.helth-packages .general_employee2 .triangle-up-left:after {
    border-left: 500px solid #4593b0;
}

.helth-packages .pre-emploument1 .triangle-up-left:after {
    border-left: 500px solid #090e54;
}
/*Up-left pointing*/
.helth-packages .triangle-up-left {
    width: 0;
    height: 0;
    padding-bottom: 35%;
    padding-left: 35%;
    position: absolute;
    overflow: hidden;
    top: 0;
}

    .helth-packages .triangle-up-left:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: -500px;
        border-bottom: 500px solid transparent;
        border-left: 500px solid #4679BD;
        opacity: 0.7;
    }

.free_recommendation_form .go-button {
    width: 100%;
    margin-left: 0px;
    border-radius: 4px;
}

.report-portion .form-group .text-success {
    position: absolute;
    top: 40px;
    left: 150px;
    color: #fff;
}

.go-button {
    display: block;
    padding: 5px;
    color: #fff;
    border-radius: 12px;
    background: #398235;
    width: 90%;
    margin-left: 10px;
}

.feature-blog {
    margin-bottom: 1em;
}

    .feature-blog img, .package img {
        width: 100%;
    }

    .feature-blog p {
        padding: 1px 5px;
        font-size: 12px;
        font-weight: bold;
        color: #0d2d6b;
        overflow: hidden;
        line-height: 13px;
    }

.package_detail {
    padding: 10px 15px;
}

    .package_detail h3 {
        text-align: right;
    }

    .package_detail .read_more {
        text-align: right;
        display: block;
        width: auto;
        position: absolute;
        bottom: 4px;
        right: 10px;
        font-style: italic;
        cursor: pointer;
        font-weight: 500;
    }

.helth-packages h3 {
    font-size: 20px;
    margin-bottom: 1.3em;
}

.package_detail ul {
    padding-left: 12px;
}

    .package_detail ul li {
        padding-left: 12px;
        list-style-type: inherit;
        line-height: 22px;
    }

.helth-packages .main-baner h3 {
    color: #012365;
    font-size: 22px;
}

/* package 1*/

.how_it_works {
    background: #efefef;
    padding: 5px 8px;
}

.btn-subscribe {
    background: #88132a;
    background-image: -webkit-linear-gradient(top, #d4667c, #88132a);
    background-image: -moz-linear-gradient(top, #d4667c, #88132a);
    background-image: -ms-linear-gradient(top, #d4667c, #88132a);
    background-image: -o-linear-gradient(top, #d4667c, #88132a);
    background-image: linear-gradient(to bottom, #d4667c, #88132a);
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border-radius: 9px;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 20px 6px 20px;
    text-decoration: none;
    margin: 0.6em auto;
    display: block;
}

    .btn-subscribe:hover, .btn-subscribe:focus, .btn-subscribe:active {
        background: #831027;
        background-image: -webkit-linear-gradient(top, #d87589, #831027);
        background-image: -moz-linear-gradient(top, #d87589, #831027);
        background-image: -ms-linear-gradient(top, #d87589, #831027);
        background-image: -o-linear-gradient(top, #d87589, #831027);
        background-image: linear-gradient(to bottom, #d87589, #831027);
        text-decoration: none;
        color: #fff;
    }

.theme-clr {
    color: #bf0a30;
}

.complete_pkj_detail h3 {
    color: #012365;
    font-size: 20px;
}

.complete_pkj_detail p {
    line-height: normal;
    color: #454546;
    font-weight: 500;
}

.complete_pkj_detail ul.overview_list {
    color: #012365;
    font-weight: bold;
    font-size: 16px;
    line-height: normal;
    padding-left: 0;
    list-style-type: none;
}

    .complete_pkj_detail ul.overview_list li {
        color: #002263;
        margin-bottom: 0.5em;
    }

        .complete_pkj_detail ul.overview_list li > i.fa {
            color: #00a44f;
            padding-right: 10px;
            position: relative;
            top: 0.1em;
        }

.how_it_works ul {
    padding-left: 0;
    list-style-type: square;
}

.helth-packages .clr_disc {
    color: #012365;
    position: relative;
    top: -1px;
    padding-right: 12px;
}

.helth-packages .how_it_works h3 {
    margin-top: 0.2em;
    margin-bottom: 0.7em;
}

.helth-packages .how_it_works ul li {
    padding-left: 0px;
    line-height: normal;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0.25em;
}

.helth-packages h3.margin-btm-5 {
    margin-bottom: 5px;
}

.helth-packages .main-baner {
    position: relative;
}

.helth-packages .baner-caption {
    position: absolute;
    top: 50%;
    right: 15px;
    background: #012365;
    opacity: 0.85;
    padding: 0.5em;
    color: #fff;
    font-size: 21px;
    font-style: italic;
    font-weight: 500;
}

.helth-packages .subscribe_text {
    line-height: normal;
}

.dropdown_menu {
    position: absolute;
    width: 250px;
    padding: 0;
    left: -28%;
    right: 0;
    margin: 0px auto;
    padding-top: 0.5em;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

li.submenu:hover .dropdown_menu {
    max-height: 200px;
    opacity: 1;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.dropdown_menu li {
    float: left;
    width: 49%;
    padding: 0.15em 0.3em;
    background: #e1e1e1;
    text-align: center;
    color: #002868;
    line-height: normal;
    margin-left: 1%;
}

    .dropdown_menu li:first-child {
        background: #0071bc;
        color: #fff;
    }

    .dropdown_menu li a {
        color: #002868;
    }

    .dropdown_menu li:hover {
        background: #bf0a30;
        color: #fff;
    }

        .dropdown_menu li:hover a, .dropdown_menu li:first-child a {
            color: #fff;
        }


.inline-submenu li {
    float: left;
    width: 49%;
    background: #e1e1e1;
    text-align: center;
    color: #fff;
    background: #002868;
    line-height: normal;
    margin-left: 1%;
}

li.submenu.open a {
    background: #002868;
    color: #fff;
}

    li.submenu.open a:hover, li.submenu a:hover {
        background: #bf0a30;
        color: #fff;
    }

.nav .submenu.open > a, .nav .submenu.open > a:focus, .nav .submenu.open > a:hover {
    background: #002868;
}

.control-label.normal {
    line-height: normal;
}

.on-select-price {
    display: inline-block;
    font-weight: 500;
    width: 110px;
}

.select-control1 {
    display: inline-block;
    width: 100px;
    padding: 4px;
    font-size: 12px;
    margin-bottom: 6px;
    height: auto;
}

.radiology-button {
    width: 36%;
    margin: 3px;
    line-height: 1;
    border-radius: 4px;
    padding: 4px;
    background: #00af50;
    color: #fff;
}

    .radiology-button i {
        margin-right: 5px;
        font-size: 16px;
    }

.recommended-alignment {
    margin: 0px auto;
    display: block;
}

.atc-main-banner {
    width: 100%;
    height: 145px;
    background-image: url(/Content/images/tele-banner.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.atc-main-banner {
    color: #fff;
}

.atc-services .h4 {
    margin: 2px 0px 6px;
    font-size: 16px;
}

.TeleclinicIntro .h3 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.TeleclinicIntro p {
    font-size: 15px;
    line-height: 1.4em;
}

.TeleclinicIntro .img-atp-logo {
    margin-top: 8%;
}

.TeleclinicIntro p {
    text-align: justify;
}

.atc-right-col .atc-right-col label.blue-font-color {
    margin-bottom: 0;
    position: relative;
    top: -5px;
}

.atc-right-col {
    background: #fff;
    box-shadow: 0px 0px 10px #ccc;
    padding: 10px;
    min-height: 340px;
    margin-top: 10px;
    border: solid 3px #bf0a30;
    border-radius: 20px;
    border-bottom: 3px solid #002868;
}

    .atc-right-col .helptext {
        text-align: center;
        font-size: 16px;
    }

        .atc-right-col .helptext span {
            display: block;
            line-height: normal;
            margin: 7px 0px 7px 0px;
        }

    .atc-right-col .h4 {
        margin-top: 0;
        text-align: center;
        font-size: 16px;
    }

    .atc-right-col.affix {
        top: 50px;
        width: 308px;
        z-index: 3;
    }

.atc-services h4.models_title {
    margin: 0.8em 0;
}

.atc-services p {
    text-align: justify;
}

.atc-right-col .select-controls {
    margin-bottom: 10px;
    position: relative;
}

.left-doctors-panel .input-group-addon {
    background: transparent;
    color: #bf0a30;
    border-color: #999;
    border-radius: 0;
}

.left-doctors-panel .dropdown-toggle {
    border-color: #999;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
}

.left-doctors-panel .form-group {
    margin-bottom: 1px;
}

.atc-doctors-list {
    border: solid 1px #999;
    height: 540px;
    position: relative;
    overflow: hidden;
    line-height: 0;
}

    .atc-doctors-list .one-doctor {
        display: inline-block;
        width: 100%;
        border-bottom: solid 1px #999;
        cursor: pointer;
    }

        .atc-doctors-list .one-doctor:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffcfc+0,eeeeee+100 */
            background: #fffcfc; /* Old browsers */
            background: -moz-linear-gradient(left, #fffcfc 0%, #eeeeee 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #fffcfc 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #fffcfc 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
        }

    .atc-doctors-list .doctor-image {
        float: left;
        width: 30%;
        background: #eee;
    }

.doctor-content {
    font-size: 12px;
    float: left;
    width: 70%;
    padding-left: 5px;
    line-height: 1.2;
}

    .doctor-content .doctor-name {
        font-weight: bold;
        color: #bf0a30;
        margin-top: 9px;
        margin-bottom: 3px;
    }

    .doctor-content .doctor-specialty {
        color: #222;
    }


.atc-doctors-list .ps-scrollbar-y {
    background-color: #cecece !important;
    width: 4px !important;
}

.atc-doctors-list .ps-scrollbar-y-rail {
    width: 4px;
}

.video-link {
    cursor: pointer;
}

.advisory-page {
    margin-top: 40px;
}

    .advisory-page a {
        color: #333;
        cursor: pointer;
    }

        .advisory-page a:hover {
            color: #bf0a30;
        }

    .advisory-page .h4 {
        line-height: 1.5;
        font-size: 16px;
    }

    .advisory-page p {
        text-align: justify;
    }
.images-advisory {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,e0e0e0+100 */
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ededed 0%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ededed 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    border: solid 1px #ccc;
    width: 180px;
    float: left;
    margin-right: 20px;
}




.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}


.carousel-fade.carousel,
.carousel-fade .carousel-inner,
.carousel-fade .carousel-inner .item {
    height: 90px;
}

    .carousel-fade.carousel .item:nth-child(1) {
        background-image: url(/Content/images/slider/baner1.jpg);
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .carousel-fade.carousel .item:nth-child(2) {
        background-image: url(/Content/images/slider/baner2.jpg);
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

.donteshaukatk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.slider-cnt-btn {
    -moz-transform: rotate(90deg);
    -moz-transform-origin: -58px 70px;
    -webkit-transform-origin: -60px 70px;
    -webkit-transform: rotate(90deg);
    -ms-transform-origin: -58px 70px;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: -58px 70px;
    text-align: center;
    position: fixed;
    z-index: 999;
    background: linear-gradient(#03aa4f, #007f3a);
    color: #fff;
    padding: 5px 6px;
    font-size: 13px;
    line-height: normal;
    border-right: 3px solid #005c2a;
    cursor: pointer;
}

.slider-cnt-bg .close-recommend {
    font-size: 20px;
    color: #fff;
    display: block;
    text-align: center;
    margin: 18px auto 0;
    max-width: 30px;
    cursor: pointer;
}
.policy ul{margin:0; padding:0; }
.policy ul li{float:right; list-style-type:none;  margin:0 10px;}
.policy ul li a{color:#b81c22; text-decoration:none; display:block; line-height:45px;}

.tn {margin-bottom:20px; display:block;}
    .tn a{color:#141414; background: url(/Content/images/tn-bg.png) no-repeat; background-color:#f5f5f5; height: 140px; background-size:100% 100%; border:solid 1px #e3e3e3; display:block; padding-top:10px;}
    .tn a:hover{background: url(/Content/images/tn-bg-hover.png) no-repeat; display:block; background-color:#f5f5f5; background-size:100% 100%;}
    .tn-img{max-width:108px; width:100%; margin:0 auto 20px;}
    .tn h4{text-align:center;font-size:18px; font-weight:bold;}
    .tn span{width:30px; height:10px; border-radius:10px; background:#b81c22; display:block; position:absolute; bottom:15px; left:45%;}
    
    @media only screen and (max-width: 767px){.tn span{ bottom:-4px; left:48%;}}

@media only screen and (min-width: 768px) {
    .second-nav-bar li {
        margin-right: 0px;
    }

    .user-panel-bar {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .login-block .login-popup-fields {
        width: 100% !important;
    }
    .search-box-master {
        width: 49%;
    }
    .btn-style-3{
        width: 70%;
    }
}

.telemedicine-left {
    margin: 0;
    padding: 0;
    margin-top: 15px;
}

    .telemedicine-left li {
        border-bottom: solid 1px #ccc;
        cursor: pointer;
    }

        .telemedicine-left li a {
            color: #000;
            display: block;
        }

        .telemedicine-left li.active-list {
            font-weight: 500;
        }

            .telemedicine-left li.active-list i {
                color: #bf0a30;
            }

.Question-toggles {
    margin-top: 30px;
}

.one-question {
    margin-bottom: 8px;
}

    .one-question .question-heading {
        font-size: 16px;
        font-weight: 500;
        color: #002868;
        line-height: 2.4;
        cursor: pointer;
    }

        .one-question .question-heading:hover i {
            color: #bf0a30;
        }

    .one-question i {
        font-size: 22px;
        float: left;
    }

.faq-question {
    display: none;
}

    .faq-question li {
        list-style: disc;
        line-height: 1.7;
        font-size: 13px;
    }

.price-row {
    font-weight: 500;
}

.price-row1 {
    background: #e0f8fd;
}

.price-row2 {
    background: #e8e0fd;
}

.price-row3 {
    background: #fdf5e0;
}

.packages-five-features {
    padding: 0;
    padding-left: 0px;
    padding-left: 0px;
    margin: 0;
    margin-top: 0px;
    padding-left: 10px;
    margin-top: 50px;
}

    .packages-five-features li {
        font-size: 22px;
        font-weight: 700;
        color: #002868;
        position: relative;
        padding-left: 11px;
        margin-bottom: 6px;
    }

        .packages-five-features li:before {
            content: "";
            position: absolute;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            background: #bf0a30;
            left: -19px;
            top: 9px;
        }

.packages-center-col h4 {
    font-weight: 500;
    font-size: 20px;
    color: #002868;
}

.packages-center-col p {
    line-height: 1.3;
}

.three-steps {
    background: #eff5fd;
    display: block;
    padding: 10px;
    margin-top: 30px;
}

    .three-steps ul {
        padding: 0;
    }

    .three-steps h4 {
        font-weight: 500;
        font-size: 20px;
        color: #bf0a30;
    }

    .three-steps li {
        font-weight: 500;
        color: #002868;
        line-height: 1.4;
        margin-top: 10px;
    }

        .three-steps li span {
            display: inline-block;
            width: 100%;
            color: #666;
        }

.phone-numbers-rotator {
    width: 145px;
    height: 14px;
}

    .phone-numbers-rotator span {
        text-align: center;
        width: 100%;
    }

        .phone-numbers-rotator span img {
            width: 20px !important;
            float: left;
            margin-top: -3px;
        }

.desired-service {
    display: inline-block;
    vertical-align: top;
}

.seprator-li {
    height: 5px;
}

.desired-service li {
    line-height: 1.3;
}

    .desired-service li a {
        font-size: 12px;
    }

.atc-workflow {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}

.atc-workflow-description {
    position: absolute;
    top: 0;
    left: -10%;
    bottom: 49px;
    width: 10%;
    opacity: 0;
    background: rgba(45,76,126,0.9);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    overflow: hidden;
    padding-right: 10px;
}

    .atc-workflow-description ul {
        opacity: 0;
        -webkit-transition: all 400ms linear;
        -moz-transition: all 400ms linear;
        -ms-transition: all 400ms linear;
        -o-transition: all 500ms linear;
        transition: all 400ms linear;
        transition-delay: 500ms;
        margin-left: 20px;
        margin-top: 20px;
    }

    .atc-workflow-description li {
        text-align: left;
        list-style: square;
        font-size: 15px;
        color: #fff;
        line-height: 1.5;
        font-weight: 500;
    }

.atc-workflow-process {
    display: inline-block;
    width: 14%;
    cursor: pointer;
    vertical-align: top;
}

    .atc-workflow-process:hover .atc-workflow-description {
        left: 0px;
        width: 100%;
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;
        opacity: 1;
    }

        .atc-workflow-process:hover .atc-workflow-description ul {
            margin-left: 0;
            opacity: 1;
        }

    .atc-workflow-process h6 {
        font-size: 13px;
        color: #bf0a30;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }

        .atc-workflow-process h6:hover, .atc-workflow-process:hover h6 {
            color: #fff;
            background: #002868;
        }

.process-arrow-1 {
    display: inline-block;
    width: 4%;
    vertical-align: top;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 3%;
}

.process-arrow-2 {
    display: inline-block;
    width: 4%;
    vertical-align: top;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 6%;
}

.upload-files {
    height: auto;
}

.atc-success {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 45px;
    line-height: 1.7;
}

    .atc-success .patient-info {
        font-size: 17px;
    }

        .atc-success .patient-info b {
            color: #bf0a30;
        }

    .atc-success h2 {
        font-size: 23px;
    }

    .atc-success h4 {
        font-size: 16px;
        margin: 0;
    }

    .atc-success .success-check {
        font-size: 80px;
        opacity: 0.8;
    }

.appointmet-contents {
    padding: 25px 10px;
}

.appointment-one-row {
    border-bottom: solid 1px #bd1236;
    margin-bottom: 12px;
    padding-bottom: 10px;
    width: 100%;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 20px;
    display: inline-block;
    margin-right: 17px;
    position: relative;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

    .appointment-one-row:hover {
        box-shadow: 0px 0px 15px #ccc;
    }

.appointments-left-col .appointment-count {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6198d3+0,1169ad+100 */
    background: #6198d3; /* Old browsers */
    background: -moz-linear-gradient(top, #6198d3 0%, #1169ad 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6198d3 0%,#1169ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6198d3 0%,#1169ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6198d3', endColorstr='#1169ad',GradientType=0 ); /* IE6-9 */
    color: #fff;
    display: inline-block;
    width: 20px;
    text-align: center;
    margin-right: 7px;
    border-radius: 3px;
    vertical-align: top;
    margin-top: 3px;
    margin-left: -7px;
}

.appointments-left-col h5 {
    color: #032a65;
    margin-top: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,e2e2e2+100 */
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4f4f4 0%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
    padding: 5px;
    font-size: 17px;
    margin-left: -14px;
    margin-right: -14px;
    border-radius: 6px;
    border: solid 1px #ccc;
    box-shadow: 0px 2px 0px #ccc;
}

.action-button-patient {
    float: right;
}

    .action-button-patient span {
        display: inline-block;
        margin-right: 5px;
        cursor: pointer;
        font-size: 16px;
    }

.SetReminder {
    color: rgb(227, 34, 34);
}

.re-order {
    color: #28a745;
}

.cancel-order {
    color: #bd1236;
}

.tc-sort-detail {
    width: 32%;
    display: inline-block;
}

.long-details {
    width: 66%;
    display: inline-block;
    vertical-align: top;
}

    .long-details label {
        margin: 0;
        font-size: 14px;
        color: #bf0a30;
    }

.appointments-left-col .detail-row {
    font-size: 14px;
    width: 100%;
}

.app-doctor-img {
    width: 95px;
    display: inline-block;
    position: absolute;
    top: 58px;
    right: 180px;
    background: #fff;
    border-radius: 20px;
}

.doctors-short-info {
    position: absolute;
    line-height: 1;
    top: 17px;
    left: 114px;
    width: 135px;
}

.app-doctor-img .doctor-name {
    line-height: 1.2;
    color: #002868;
    font-weight: 500;
    width: 100%;
    display: inline-block;
}

.app-doctor-img .doctor-specialty {
    line-height: 1.2;
    width: 140px;
    color: #bf0a30;
    font-weight: 500;
    font-size: 12px;
}

.appointments-left-col .detail-row b {
    display: inline-block;
    width: 140px;
}

.appointments-right-col {
}

    .appointments-right-col.urgent-calls {
        margin-top: 30px;
    }

    .appointments-right-col button {
        margin-top: 7px;
        padding: 4px;
        height: 27px;
        text-align: center;
        width: 162px;
        font-size: 12px;
    }

        .appointments-right-col button i {
            font-size: 14px;
        }

    .appointments-right-col p {
        font-size: 13px;
        margin-bottom: 14px;
    }

.app-action-buttons {
    text-align: center;
    margin-top: 10px;
}

.view-communications h4 span {
    font-size: 13px;
}

.one-col {
    border-bottom: solid 4px #002868;
    padding-top: 15px;
}

.one-col-header .image-icon {
    display: inline-block;
}

.one-col-header .header-text {
    display: inline-block;
    font-size: 18px;
    color: #bf0a30;
    vertical-align: top;
    font-weight: 600;
    margin-top: 35px;
    margin-left: 15px;
    width: 64%;
    line-height: 1.4;
}

.no-border {
    border: none;
}

.one-col-full-text p, .app-long-text p {
    font-size: 18px;
    color: #323232;
    line-height: 25px;
}

.app-link {
    position: absolute;
    width: 16%;
    height: 10%;
    bottom: 7%;
}

.ios-app {
    left: 7%;
}

.andriod-app {
    left: 25%;
}

.app-page-right-col {
    text-align: right;
}

    .app-page-right-col span {
        margin-right: 13px;
        width: 55% !important;
    }

.app-long-text h5 {
    font-size: 20px;
    color: #bf0a30;
    font-weight: 500;
    margin-top: 30px;
}

.app-mobile-banner {
    margin-bottom: 10px;
}

.back-to-list {
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    color: #bc4c64;
}

    .back-to-list:hover {
        color: #bf0a30;
        cursor: pointer;
    }

.CaseDetails {
    display: none;
}

.off-sub-tabs li a {
    color: #bf0a30;
    font-weight: 500;
    padding-bottom: 5px;
    padding-top: 5px;
}

.off-sub-tabs ul {
    line-height: 20px;
}

#ShowlstProcedures {
    min-height: 700px;
}

.guest-text {
    font-size: 30px;
    display: inline-block;
    vertical-align: top;
    width: 156px;
    text-align: center;
    margin-top: 21px;
    line-height: 1.2;
}

    .guest-text span.text {
        font-size: 30px;
        color: #002868;
        width: 156px;
    }

    .guest-text b {
        color: #bf0a30;
        display: inline-block;
        width: 100%;
    }

    .guest-text .right-arrow-icon {
        display: inline-block;
        vertical-align: top;
        font-size: 50px;
        color: #d2d2d2;
    }
    .guest-form{
      display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-top: 23px;
    text-align: center;
    margin-left: 60px;
    }
   .guest-form .req-icon{
    color: #bf0a30;
    position: absolute;
    font-size: 21px;
    top: 0px;
    right: 22px;

    }
   .guest-form .btn-style-1{
       width:70%;
   }
  .guest-form .btn-style-1-inner {
    background: #bf0a30;
    font-size: 1.2em;
    color: #fff;
    padding: 3px;
}
  .lab-result-table a{
      margin-right:20px;
  }
  .lab-result-table a i{
      color:#bf0a30;
  }



/*-------------------- Start Doctors Carousel CSS ------------------------*/

.doctor-img img {
    width: 100%;
}
.waiting-room-doctors .doctor-img {
    min-height: 100px;
}

/*-------------------- End Doctors Carousel CSS ------------------------*/



#txtOnlineCoupon {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
}
.cartRegBtn {
    background-color: #369744;
    border: none;
    padding: 8px 40px;
    color: #fff;
    font-size: 14px;
    transition:all .3s;
}
    .cartRegBtn:hover {
        background-color: #26652f;
        transition: all .3s;
        cursor:pointer;
    }
.gotoCartBtn i{
    position: relative;
    left: -6px;
    top: 1px;
}
.gotoCartBtn {
    margin-bottom:30px !important;
}
.regLoader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.9);
    z-index: 9999;
}

    .regLoader .forU_spinner_outer {
        margin: 230px auto !important;
    }

.blogLinkBtn {
    background-color: transparent;
    border: none;
}
    .blogLinkBtn:hover {
        background-color: transparent;
        border: none;
        color: #337ab7;
    }



    /*===================*/
    /*Pharmacy new page*/
    /*===================*/
.pharmacy-page-container {
    padding: 50px 20px 50px 20px;
}
.pharmacy-upload-box {
    border: solid 1px #be092f;
    width: 100%;
    min-height: 150px;
    border-radius: 20px;
    display: inline-block;
    padding: 10px;
    text-align: center;
}
.upload-buton {
    width: 200px;
    border-radius: 20px;
    margin-top: 20px;
    background: #011b57;
    color:#fff;
}
.upload-buton:hover {
    background: #204b92;
}
.pharmacy-search-box{
    text-align:center;
}
    .pharmacy-search-box .first-h {
    
    }
    .pharmacy-search-box .second-h {
        color: #011b57;
    }
    .pharmacy-search-box .third-h {
        color: #999;
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 10px;
        display: block;
    }
.search-area .input-group-addon{
    background:#fff;
}
.search-area .search {
    color: #666;
    font-size: 17px;
    border-radius: 30px 0px 0px 30px;
}
.search-area .close-icon {
    color: #be092f;
    font-size: 17px;
    border-radius: 0px 30px 30px 0px;
    cursor:pointer;
}
.search-area .form-control {
    border-color: #ccc;
    font-size: 17px;
    height: 45px;
    border-right:none;
    border-left:none;
}
.one-serach-row {
    display: flex;
    border-bottom: solid 1px #dadada;
    padding-bottom: 5px;
    cursor:pointer;
    padding:5px;
    border-radius:5px;
}
    .one-serach-row:hover{
        background:#fff;
    }
    .search-area {
        position: relative;
    }
.search-result {
    border-radius: 20px;
    border: solid 1px #ccc;
    padding: 10px;
    background-image: linear-gradient(#eee 0%, #f9f9f9 100%);
    box-shadow: 0px 10px 17px rgba(0,0,0,0.1);
    height: 230px;
    position: absolute;
    width: 100%;
    margin-top: 15px;
    z-index:99;
}
.search-result-inner {
    height: 200px;
    width: 100%;
    overflow-y: scroll
}
.md-name-type {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.md-image{
    margin-right:7px;
}
.md-name {
    font-weight: 500;
    margin-top: 5px;
}
.md-type {
   color:#999;
}
.md-price-salt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.md-salt {
    color: #999;
}
div.customscroll::-webkit-scrollbar{
    width: 8px;
}

div.customscroll::-webkit-scrollbar-track{
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.customscroll::-webkit-scrollbar-thumb{
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div:not(.scroll-secondary), body:not(.scroll-secondary) {
    /* Track */
    /* Handle */
}

div.customscroll::-webkit-scrollbar-track {
    background: rgba(189, 18, 54, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(189, 18, 54, 0.2);
}

div.customscroll::-webkit-scrollbar-thumb{
    background: rgba(189, 18, 54, 0.6);
    -webkit-box-shadow: inset 0 0 6px rgba(189, 18, 54, 0.3);
}

    div.customscroll::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(189, 18, 54, 0.6);
    }
.company-logo {
    text-align: center;
    margin-bottom: 20px;
    margin-top:-20px;
}
.pharmacy-order-box {
    border: solid 1px #07d5a0;
    width: 100%;
    min-height: 150px;
    border-radius: 20px;
    display: inline-block;
    padding: 10px;
    text-align: center;
}
.order-row{
    display:flex;
    justify-content:space-between;
    margin-bottom:7px;
}
    .order-row .row-title {
        color: #000;
        font-weight: 500;
        font-size: 17px;
    }
    .totalPriceCol {
        color: #000;
        font-weight: 500;
        font-size: 17px;
        white-space:nowrap;
    }
    .order-row .row-price{
        font-weight: 500;
        font-size: 17px;
    }
    .order-buton {
        width: 200px;
        border-radius: 20px;
        background: #07d5a0;
        color: #fff;
    }

        .order-buton:hover {
            background: #07be8f;
            color: #fff;
        }
.final-row {
    border-top: solid 1px #e8e8e8;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding-top: 10px;
}
.final-price {
    color: #e53a53;
    font-weight: 500;
    font-size: 18px;
}
.selected-list{
    margin-bottom:10px;
}
.qty-row {
    display: flex;
    justify-content: space-between;
}
.minus-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: solid 1px #be092f;
    color: #be092f;
    cursor:pointer;
}
    .minus-btn:hover {
        background: #be092f;
        color:#fff;
    }
    .plus-btn {
        display: inline-block;
        width: 20px;
        height: 20px;
        border: solid 1px #07d5a0;
        color: #07d5a0;
        cursor: pointer;
    }
        .plus-btn:hover {
            background: #07d5a0;
            color:#fff;
        }
        .del-medicine {
            cursor: pointer;
            color: #be092f;
            font-size: 17px;
        }

.mx_auto {
    margin: 0 auto;
}
.size-18 {
    font-size:18px;

}
.pharmacyTotalBox {
    text-align: center;
}
.qty-row input {
    text-align: center;
    padding: 0;
    line-height: 1.28;  
}


.medicineLoader {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #be092f;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
#yorQueryTxt:focus {
    box-shadow:none;
}
.cart-total-price {
    text-align: right;
    font-size: 17px;
    padding: 7px;
    padding-bottom: 7px;
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}
.covid-strip {
    background-color: #4ba003;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    padding: 28px 5px;
    box-shadow: inset 0px 11px 74px #0000004a;
}
.d-inline-block {
    display:inline-block;
}
.covidTitle {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: -5px;
    left: 12px;
}
.covid-p {
    position: absolute;
    top: 25px;
    display: flex;
    left: 98px;
}
.sch-covid-btn {
    top: 28px;
    position: relative;
}
.pb_0 {
    padding-bottom: 0;
}
.mb_6 {
    margin-bottom:8px;
}
.small_p {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 20px;
}
.min-height-490 {
    height: 100% !important;
    min-height:600px;
}
.single-doctor .dr-desc {
    text-align: justify;
}

.covid-banner-bg {
    background-image: url(/Content/images/covid-banner-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 450px;
}

    
    .covid-banner-bg h1 {
        font-size: 34px;
        color: #fff;
        text-align: center;
    }
        

        .covid-action {
            background: #002868;
            color: #fff;
            padding: 10px 15px 15px;
        }
.inner-health-banner-bg {
    background-image: url(/Content/images/fitness-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 450px;
}
    .inner-health-banner-bg h1 {
        font-size: 48px;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        font-weight:bold;
    }

        .inner-health-banner-bg h1 span {
            font-weight: 100;
            color: #fff;
        }

    .inner-health-banner-bg p {
        font-size: 18px;
        color: #fff;
        text-align: left;
    }
.contactform{
    background:#fafafa;
    border:solid 1px #dadada;
    padding:15px;
    display:block;
    margin-top:30px;
}
    .contactform h3{
        margin-bottom:20px;
        margin-top:10px;
    }
    .contactform input[type="text"] {
        border: solid 1px #dadada;
        
    }
    .contactform textarea {
        border: solid 1px #dadada;
        min-height:150px;
    }

    .health-banner-bg {
        background-image: url(/Content/images/health-banner-bg.png);
        background-repeat: no-repeat;
        background-position: center;
        min-height: 450px;
    }
    .health-banner-bg h1 {
        font-size: 48px;
        color: #002868;
        text-align:left;
        text-transform: uppercase;
    }
        .health-banner-bg h1 span {
            font-weight: 100;
            color: #be092f;
        }
    .health-banner-bg p {
        font-size: 18px;
        color: #2e2e2e;
        text-align: left;
    }
.fitness-box{
    min-height:200px;
}
    .fitness-box h4 {
        color: #444444;
        font-size:18px;
    }
    .fitness-box p {
        color: #808080;
        font-size: 16px;
    }
.image-ico{
    height:50px;
}
.seperator{
    max-width:383px;
    width:100%;
    margin:10px auto;
}
.feature-product-heading h2{
    text-align:center;
    font-weight:bold;
    font-size:40px;
    color:#181818;
}
.feature-product-heading p {
    text-align: center;
    font-size: 16px;
    color: #808080;
    width:80%;
    margin:30px auto;
}
.fitness-product-img {
    width: 100%;
    max-width: 270px;
    margin: 0 auto;
    min-height: 220px;
    border: dashed 1px #acacac;
}
.feature-product{
    min-height:300px;
}
    .feature-product h3{
        text-align:center;
        color:#181818;
        font-size:20px;
    }

.footer-area {
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: #011b57;
    padding:20px 0;
}
.form-icon {
    width: 64px;
    height: 64px;
    border: solid 2px #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    float:right;
}
.subscribe-field {
    min-height: 60px;
    border: none;
}
.input-group-addon1 {
    border-radius: 0;
    background: #be092f;
    color: #fff;
    font-weight: bold;
}
.footer-social-info a{
    margin-left:30px;
    font-size:30px;
    color:#fff;
}





.pt_0 {
    padding-top: 0 !important;
}
.main-content .breadcrumb-outer {
    border-bottom: 2px solid #204288;
}
.breadcrumb-outer .mobile_inner_section{
    padding-bottom:15px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2952a0+0,2952a0+100&0.18+0,1+100 */
    background: -moz-linear-gradient(top, rgba(41,82,160,0.18) 0%, rgba(41,82,160,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(41,82,160,0.18) 0%,rgba(41,82,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(41,82,160,0.18) 0%,rgba(41,82,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2952a0', endColorstr='#2952a0',GradientType=0 ); /* IE6-9 */
}
.breadcrumb-outer .mobile_inner_section h1{
    color:#fff;
 }
    .breadcrumb-outer .mobile_inner_section h1 {
        color: #fff;
    }
    .breadcrumb-outer .mobile_inner_section p {
        color: #fff;
    }
.mt_0 {
    margin-top:0 !important
}
.go-btn  a{
    display: flex;
    width: fit-content;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 4px 40px;
}
@media all and (max-width: 991px) {
    .mobile_banner {
        display:block;
    }
    .desktopBanner {
        display:none;
    }
	
}
@media all and (max-width: 768px) {
	  .covid-action a.btn-danger {
        position: relative;
        margin-top: 24px;
        margin-bottom: 12px;
        margin-right: 0;
    }
}
@media all and (min-width: 992px) {
    .mobile_banner {
        display: none;
    }

    .desktopBanner {
        display: block;
    }

}
@media all and (max-width: 1499px) {
    .onlineBtnParent .dropdown-content {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 208px;
        overflow: auto;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
        z-index: 1;
        margin-top: 40px;
        border-radius: 5px
    }
}

@media all and (min-width: 1500px) {
    .onlineBtnParent .dropdown-content {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 234px;
        overflow: auto;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
        z-index: 1;
        margin-top: 40px;
        border-radius: 5px
    }
}
.font_w_normal {
    font-weight:300;
}

.scrollOn-620 {
    height: 250px;
    overflow: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: inset 5px 5px 20px #b8b8b83b;
}
.btnOrder {
    color: #fff;
    font-weight: 300;
    transition:all .3s;
}
    .btnOrder:hover {
        background: rgb(132, 5, 31) !important;
        color: #fff;
        font-weight: 300;
        transition: all .3s;
    }
.min-height-490 span.dr-desc {
    height: 100%;
    min-height:300px;
}
.moreProductsLink {
    position: relative;
    top: -24px;
    font-style: italic;
    font-size: 14px;
    color:#000;
}

.display_flex {
    display:flex;
}
.desktopBanner .explore-btn {
    display: inline-block;
    width: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.size-16 {
    font-size:16px !important;
}
.size-15 {
    line-height:1.3;
    margin-top:-3px;
}
/*.covid-phy-banner .column-box-50 {
    width: 49%;
    display: inline-block;
}*/
.covid-phy img{
    border-radius: 8px;
}
.covid-group img {
    border-radius: 8px;
}
.mt_15{
    margin-top: 15px;
}
.joinBtn {
    position: relative;
    top: -50px;
    left: 18px;
    background-color: #be252e;
    color: #fff;
    padding: 3px 15px;
    font-size: 12px;
    transition:all .3s;
}
    .joinBtn:hover {
        background-color: #9c1119;
        transition: all .3s;
        color: #fff;
    }

.pl_2 {
    padding-left:2px;
}
.pr_2 {
    padding-right: 2px;
}
.clearfix {
	clear:both !important;
}
.mt_50 {
    margin-top:50px;
}
.br-5 {
    border-radius:5px;
}
.spiTitle {
    font-size: 15px;
    font-weight: 500;
    color: #5a5a5a;
    position: relative;
    display: inline-block;
    top: -5px;
    left: 8px;
}
.spiName {
    display: block;
    position: absolute;
    top: 20px;
    left: 67px;
}
.insPrice {
    font-size: 16px;
    font-weight: 500;
    color: #5a5a5a;
    position: relative;
    top: 6px;
}
.mt_60 {
    margin-top: 60px;
}
.insReadMoreBtn:focus {
    color: #fff;
}
.insReadMoreBtn {
    float: right;
    margin-top: 8px;
    background-color: #2d624d;
    color: #fff;
    display: inline-block;
    padding: 6px 8px;
    border-radius: 3px;
    transition: .4s;
    margin-right: 4px;
    margin-bottom: 6px;
}
    .insReadMoreBtn:hover {
        background-color: #1b4233;
        color: #fff !important;
        transition: .4s;
    }

.chugtaiLogoBox {
    background-color: #ffffff73;
    padding: 0 15px;
    border-radius: 8px;
    margin-top: -15px;
    padding-bottom: 8px;
    position: relative;
    top: 8px;
}

.excelLogoBox {
    background-color: #ffffff73;
    padding: 0 15px;
    border-radius: 8px;
    margin-top: -15px;
    padding-bottom: 8px;
    position: relative;
    top: 8px;
}

.labOrderBtn {
    display: block;
    padding: 1px;
    color: #ffffff;
    background-color: #2e3191;
    border: 0;
    text-shadow: none;
    margin-top: 10px;
}
.marquee_bg {
    background-color: #013d83;
}
.headline_marquee {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    min-height: 30px;
}
.box-shadow {
    box-shadow: -3px 3px 16px #d2d2d2;
    border-radius: 10px;
}
.border-2 {
    background-color: whitesmoke;
    padding: 20px;
    border-radius: 5px;
}
    .border-2 label {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 5px !important;
    }
    }


    .headline_marquee{
        font-size:20px;
        color:#fff;
        line-height:30px;
        min-height:30px;
    }
.marquee_bg {
    background-color: #013d83;
}
.mt_15 {
    margin-top: 15px;
}
.mb_15 {
    margin-bottom: 15px;
}
.images_row img {
    border-radius:5px !important;
}
.mt_30 {
    margin-top:30px;
}
h1.size-20 {
    font-size:20px !important;
    padding-top:0;
    margin-top:0;
}



.success-message {
    text-align: center;
    padding-top: 3%;
    background-image: url(/Content/images/app-success.jpg);
    background-position: center;
    background-size: cover;
    min-height: 554px;
    color: #fff;
}

    .success-message h2 {
        color: #fff;
        text-transform: uppercase;
        width: 100%;
    }

    .success-message h5 {
        text-align: center;
        width: 100%;
    }

    .success-message h4 {
        text-align: center;
        width: 100%;
        color: #fff;
    }

    .success-message h3 {
    }

    .success-message h4.patient-name {
        font-size: 20px;
        color: #ffd803;
    }

.whats-next {
    width: 405px;
    display: inline-block;
    border: solid 1px var(--secondary-color);
    padding: 10px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.7+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
    border: solid 4px #d3d8dc;
    color: #000;
}

    .whats-next button {
        margin-top: 5px;
    }

    .whats-next p {
        margin-bottom: 5px;
    }

.PateintName {
    font-weight: 500;
    color: var(--secondary-color);
    font-size: 14px;
}

.MeetingDate {
    font-weight: 500;
    color: var(--primary-color);
    font-size: 14px;
}

.doctor-table td {
    padding: 15px !important;
}

.doctor-table tr {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, rgba(var(--secondary-light-color),0.04) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,rgba(var(--secondary-light-color),0.04) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,rgba(var(--secondary-light-color),0.04) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='rgba(var(--secondary-light-color),0.04)',GradientType=0 ); /* IE6-9 */
}

.TeleLink {
    font-size: 13px !important;
    cursor: pointer;
    margin-right: 3px;
}
.timeSlots {
    padding: 10px 0px 10px 15px;
    border: 1px solid #fff;
    margin-top: 5px;
    background-color: #f5f5f5;
}
.mb-20 {
    margin-bottom:20px;
}
.clndrBox.timeSlots {
    clear:both;
}
.inline-block {
    display:inline-block;
}
.inl_block {
    display: inline-block;
}
.modal-header.red-header {
    background-color: #b7092f;
    color: #fff;
    padding: 10px;
}
.modal-header.red-header button{
    color: #fff;
    opacity:1;
}
    .modal-header.red-header button span {
        color: #fff;
        opacity: .9;
        font-weight: 200;
    }

.service-note {
    background-color: #ededed;
    padding: 6px 12px;
    font-size: 14px;
    color: #be092f;
    font-weight: 500;
    text-align: center;
}
.modal-header-call {
    background-color: #b50000;
    color: #fff;
}
    .modal-header-call button {
        color: #fff;
        opacity: .7;
    }
    .modal-header-call h5 {
        color: #fff;
        display:inline-block;
    }
    [data-toggle="modal"] {
        cursor:pointer;
    }




@media screen and (max-width: 991px) {
    .lightbox .modal-dialog {
        max-width: 80% !important;
    }
}

@media screen and (max-width: 991px) {
    .lightbox.modal-dialog {
        max-width: 80% !important;
    }
}

#payContainer {
    display: none;
}
.desktopMainText {
    margin-top:50px;
}
.pt-0 {
    padding-top:0 !important;
}
.mt_20 {
    margin-top:20px;
}
.mt_40 {
    margin-top: 40px;
}
.product-item {
    background-color: #343a40;
    padding: 20px 40px;
}
.product-item h2{
    text-align: center;
    color: #fff;
    font-size: 22px;
    margin-top: 0;
}
    .product-item small.font-weight-normal {
        font-weight: 300;
        color: #fff;
        font-size: 13px;
        text-align: center;
        display: block;
        margin-top: -5px;
    }
.font-weight-normal {
    font-weight:300;
}
.product-item .p-price{
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #dc3545;
    margin: 10px;
    padding: 2px 15px;
    border-radius: 4px;
}
.p-order-btn {
    background-color: #427bff;
    color: #fff;
    border: none;
    padding: 8px 15px;
    border-radius: 4px;
    margin-top: 10px;
}
.margin-top-50 {
    margin-top:50px;
}
.paymentSection{
    background-color: #fff;
}
.mt-0 {
    margin-top:0 !important;
}
.mb-10 {
    margin-bottom:10px;
}
.h3_font{
    font-size: 16px;
    font-weight: 500;
}
/* responsive style sheet for shifa4u */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1280px) {
    .navbar-nav > li > a {
        font-size: 12px;
        padding-left: 4px;
        padding-right: 4px;
    }
}
@media only screen and (min-device-width: 768px) {

    .submenu .inline-submenu {
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}
  li.submenu:hover .inline-submenu{
      max-height: 200px;
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition:all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
     min-width: 250px;
    padding: 0;
    left: -28%;
    right: 0;
     padding-top: 0.5em;
    margin: 0px auto;
    background:transparent;
    box-shadow:none;
    border: 0px;
    border-radius:0px;
  }

.inline-submenu li a{
         color: #fff;
}
}

/* ----------- iPhone 4 and 4S ----------- and common iPhone 5 and 5S and 6  */
/* Portrait and Landscape */
@media only screen and (max-device-width: 414px) {
        .board-labs .lab1 {
    width: 100%;
text-align: center;
    }
}
@media only screen and (max-device-width: 320px){
        .user-login .btn1 {
   position:static;
}
        .login-form{
            right:0px;
        }
            .second-nav-bar li a {
    font-size: 11px;
    padding: 4px;
}
    .toggle-icons {
        margin-right: 4px;
    }

}
@media only screen and (min-device-width: 300px) and (max-device-width: 767px){
    li.submenu .inline-submenu {
        padding-top: 0;
    }
    .navbar-nav .submenu.open .dropdown-menu > li > a{
        line-height: 18px;
    }
    .inline-submenu li {
        float: left;
        width: 50%;
        line-height: normal;
        margin-left: 0;
        border-right: solid 1px #4c6cdd;

    }
    .home-video{
        display:none !important;
    }
    .OrderModal .modal-dialog{
        margin-top:60px;
    }
    .OrderModal .modal-button{
        width:137px;
    }
    .helth-packages .baner-caption {
        top: 61%;
        padding: 0.1em;
        line-height:normal;
        font-size: 15px;
    }
    .feature-blog p {
        padding: 5px 0;
        line-height: normal;
    }
    .helth-packages .blog-section {
        margin-top: 10px;
    }

    /*.video-loader{
        background-size: 80px;
    }
    .home-video video{
        height:auto;
    }*/

    .service-block{
        background-size: 100% auto;
    }
    .clients-testimonials-section{
        margin-top:15px;
    }
.hide-on-desktop{
    display:inline-block;
}
.hide-on-mobile{
    display:none !important;
}
    .user-panel-bar {
    margin-top: 0px;
    }
    .forget-step{
        width:90%;
    }
    .modal-dialog {
    margin-top: 60px;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 768px) and (orientation: landscape){
            .why-register{
        padding:0;
        border:none;
        border-top:solid 2px #bf0a30;
        margin-top:10px;
        padding-top:20px;
    }
    .why-register ul{
        padding:0;
    }
   .board-labs .lab1 {
        width: 48%;
        text-align: center;
    }
}
@media only screen and (min-device-width: 415px) and (max-device-width: 768px) {

   .board-labs .lab1 {
        width: 46%;
        text-align: center;
    }
  
}
@media only screen and (min-device-width: 360px) and (max-device-width: 768px) {

.sw-theme-arrows > .nav-tabs > li{
    width:100%;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
        .free_recommendation_form .first-field {
            margin-top: 10px;
        }
       .free_recommendation_form .report-portion {
            border-left: 0px;
            border-top: 1px solid #ccc;
            margin-top:2em;
        }
       .helth-packages .blog-section{
           margin-top: 1em;
       }
        .why-register{
        padding:0;
        border:none;
        border-top:solid 2px #bf0a30;
        margin-top:10px;
        padding-top:20px;
    }
    .why-register ul{
        /*padding:0;*/
    }
    .my-one-order .table-responsive {
    padding-bottom: 10px;
}
    .plus-button{
        float:right;
        line-height: 1.3;
padding-left: 6px;
padding-right: 6px;
    }
    .MyAccountTabs .nav{
        margin-top:10px;
    }
    .MyAccountTabs .nav > li > a{
        font-size:12px;
    }
    .right-panel {
        min-height: 350px;
        margin-bottom:30px;
    }
    .container-recommended {
    height: 300px;
}
    .no-account-msg {
    margin-top:0%;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .one-col-header .image-icon {
    width: 100%;
}
.one-col-header .header-text {
    margin-top: 0px;
    margin-left: 0px;
    width: 100% !important;
}
.app-page-right-col {
    text-align: left;
}

    .symptoms-go{
        margin-top:10px;
        display: inline-block;
    }
    .how-to-outer{
        top:10px;
        position:absolute;
    }
    .table-cart{
        max-width:none;
        -webkit-overflow-scrolling: touch !important;
    }
    .city .caret {
    right: auto !important;
}
    .heading-blog {
        margin-top: 40px;
    }
    .four-icon{
        left: 22px;
    }
    .four-icon img{
    width: 60px;
    }
    .heading-blog .blog-heading-inner {
    padding-left: 86px;
    font-size: 22px;
    }
    .alpha-panel-div{
min-height: 0px;
margin-top: 10px;
padding-top: 9px;
padding-left: 7px;
padding-right: 7px;
border: solid 1px #9eb1d1;
}

.alpha-panel-div .navbar-header .icon-bar{
background:#bf0a30;
}
.alpha-panel-div .navbar-header .navbar-brand{
    color: #bf0a30;
padding-top: 5px;

height: auto;
}
.alpha-panel-div .navbar-header .navbar-toggle{
    padding:0;
    margin-top:0;
}
.alpha-panel-div .navbar-header .toggle-name{
    float:left;
    line-height: 1;
padding-right: 10px;
color:#bf0a30;
font-weight:500;
font-size: 12px;
}
.alpha-panel-div .navbar-header .toggle-icon{
    float:right;

}
.alpha-panel-div .navbar-collapse{
    padding:0;

}

.left-panel-icon{
float: left;
color: #002868;
width: 20px;
}

    .search-alpha {
    margin-bottom: 10px;
    }
    .padding-left5 {
    padding-left: 15px;
}
    .padding-right5 {
    padding-right: 15px;
}
    .header-slider-section .mobile-padding-right {
        padding-right: 10px;
    }
        .header-slider-section .mobile-padding-left {
        padding-left: 10px;
    }
    .left-panel {
        min-height: 0px;
border-radius: 0;
box-shadow: none;
    }
    .slider-cnt-bg {
    height:auto;
    position:relative;
    margin:0;
    padding-bottom:10px;
    background-color: rgba(191,11,50,1);
    left:0px;
    width:100%;
    margin-bottom:15px;
    }
    .slider-cnt-bg .bootstrap-select,.slider-cnt-bg .form-control{
        margin-bottom:5px;
    }
    .second-nav-bar-outer{
    text-align: center;
margin-top: 6px;
line-height: 1;
background: #eee;
padding: 7px;
margin-bottom: 10px;
    }
    .second-nav-bar li {
    margin-right: 0px;
    }

    .top-user-bar {
    height:auto;
    }
    .regional {
float: none;
margin-right: 0px;
border: solid 1px #ccc;
padding-top: 3px;
padding-bottom: 2px;
padding-left: 10px;
width: 135px;
margin-top: 30px;
height: 32px;
    }
    .callus {
 
    }
    .top-notification{
        font-size: 16px;
        text-align:left;
    }
        .news-blog ul li {
        height: 190px;
    }
    .top-notification img {
        width:20px;
    }
    .sub-pages ul li.active::before {
    display:none;
    }

    .empty-cart {
      right: 0px;
    bottom: 20px;
    border-radius: 0px 3px 0px;
    }
    .hover-cart {
    left:0;
    }
    .callus-desktop{
        display:none;
    }
    .padding-0 {

}

    .user-panel-desktop{
        display:none;
    }
    .user-panel-mobile{
        display:block;
    }
    .region {
        margin-left: 0px;
        width: 100%;
    }
.user-panel-mobile .btn1{
    color:#fff;
}
    .user-login a i {
    
    }
    .countries {
        width: 30%;
        float:left;
        margin-right: 0;
    }

    .city {
       
    }

    .news-blog p {
    width:80%;
    }
        .city .bootstrap-select {
            width: 100% !important;
        }

    .user-login {
        text-align: center;
            margin-top:0;
            float:left;
            width:auto;
    }


        .user-login a {
            margin:0;
            margin-left: 10px;
        }

    .main-nav-bar {
       
    }

    .search-form {
    width: 100%;
margin-top: 0;
margin-bottom: 10px;
    }

    .atp-logo {
        width: 100%;
    }

        .atp-logo img {
            width: 100%;
        }

    #custom-Navbar {
        padding: 0;
        background: #002868;
    }
    .main-nav-bg {
 
    }
    .navbar-nav {
        margin-top: 0px;
        width: 100%;
        margin: 0;
    }

        .navbar-nav > li {
            display: block;
            margin-right: 0px;
            clear: both;
        }

            .navbar-nav > li > a {
                font-size: 14px;
                border-bottom: solid 1px #4c6cdd;
                border-radius: 0px;
            }





    .shopping-cart {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 3px;
        margin-top: 7px;
        text-align: left;
        margin-bottom: 5px;
        border: none;
        display: inline-block;
        float: left;
    }

        .shopping-cart i {
            font-size: 22px;
        }

    .cart-desktop {
        display: none;
    }



    .logo-desktop {
        display: none;
    }

    .logo-mobile {
        display: inline-block;
        width: 35%;
        padding: 5px;
    }



    .cart-icon {
        display: inline-block;
        margin-left: 0px;
        width: 38px;
    }


    .cart-text {
font-size: 11px;
margin-top: 0px;
    }
    .user-menu button {
       color: #0071c1;
    }
    .account-menu button {
   
    }
    #layerslider,#layerslider12 {
        display: none !important;
    }

    .four-services-section {
        display: inline-block;
        width: 100%;
    }




    .service-block-left {
        padding-left: 5px;
        padding-right: 5px;
    }

    .front h2 {
    font-size:23px;
    }

    .h-info {
        display: none;
    }

    .h-info-mobile {
        color: #666;
        font-weight: 300;
        font-size: 13px;
        padding: 12px;
        border-bottom: solid 2px #23334d;
        text-align: justify;
        display: block;
    }

    .heading-style2 h2 {
        text-align: center;
    }



    .heading-style3 h2 {
        font-size: 20px;
    }

    .tclient-img {
        width: 50%;
        margin-right: 20px;
    }

    .tclient-data p {
        font-size: 12px;
    }

    .tclient-data {
        padding-left: 0px;
    }

    .left-arrow2 img, .right-arrow2 img {
    }

    .testimonials-carousel {
        width: 100%;
    }

    .single-testimonial {
        text-align: center;
        margin-top: 20px;
    }
    .news-blog ul li{
    height: 220px;
}
    .tclient-data {
        width: 100%;
    }

    .arrow-desktop {
        display: none;
    }

    .arrow-mobile {
        display: inline-block;
    }

    .left-arrow2, .right-arrow2 {
        margin-top: 0px;
    }

    .footer-bg h2 {
        padding-left: 30px;
    }

    .footer-toggle {
        display: inline-block;
        cursor: pointer;
    }

    .footer-bg ul {
        padding-left: 50px;
        display: none;
    }

    .scrolltop {
        display: block;
        right: 25px;
        bottom: 25px;
        width: 50px;
    }

    .hidden-mobile {
        display: none;
    }

    .pc-h {
        display: inline-block;
    }

    .products-left {
        margin-bottom: 20px;
    }
    .nursing-final-page {
    background-color: #e4854f;
}
    .nursing-services > ul > li {
    width: 100%;
}
    .service-page-right-panel {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
    }
    .physiotherapy-final-page {
    background-color: #d6dcdc;
}
    .physio-services li {
    width: 100%;
}
    .sub-pages ul li {
    -webkit-margin-before: 0px;
}
        .partner-logo {
    margin-bottom:5px;
    }
        .radio{
            line-height:1.3;
        }
.radio .inner{
            width:15px;
            height:15px;
        }
.radio .outer{
         margin: 5px 33px 6px 33px;
        }
.table-outer{
    padding-bottom:20px;
}
.cart-section-summary {
    margin-top:0px;
    width:100%;
    }
.cart-summary-details{
    clear: both;
}
.cart-button{
    margin-bottom:10px;
    float:none !important;
    text-align:center;
}
    .modal-button {
    font-size: 12px;
    }
    .cart-summary-label {
    width:100%;
    }
    .cart-summary-value{
        width:100%;
    }
    .labtest ul,.labpackages ul{
        padding:0;
    }
    .order-milstone {
        height: 310px;
        }
    .single-type-order {
    height: 295px;
}
    .checkout-wrap {
        margin: 18px auto;
    }
    .order-milstone {
    border:solid 1px ;
    }
    ul.checkout-bar li {
    padding-top:0;
    }
    .single-type-order ul{
        padding:0;
    }
    .milstone-dt {
    top: 16px;
left: 80px;
font-size: 10px;
    }
    .all-types-orders {
    margin:0;
    width:100%;
    }
    .heading-style7,.heading-style6 h2  {
    display:block;
    margin:0;
    }
    .atp-service{
        height:auto;
    }
    .service-info2 ul li{
        width: 100%;

    }
    .atp-vertical {
    width:66px;
    }
    .doctor-info1{
        margin-bottom:20px;
    }
    .service-doctors {
    margin-top:10px;
    }
    .sub-pages ul li a{
        font-size:11px;
    }
}
@media only screen and (min-device-width: 321px) and (max-device-width: 736px) {
    .user-login .btn1 {
   position:relative;
}
.login-form {
    z-index: 1111;
}
}
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {

        .news-blog p {
    width:70%;
    }
    .slider-main-points img {
        width: 17px;
        margin-right: 0;
    }

    .slider-main-points a {
        font-size: 9px;
        line-height: 14.123px;
    }

    .slogan {
        width: auto;
    }



    .navbar-header {
       
    }
    .partner-logo {

    }
    .sw-theme-arrows > ul.step-anchor > li {
	width: 50% !important;
}
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
        .logo img {
        width: 55%;
    }
    .slider-main-points img {
        width: 17px;
        margin-right: 0;
    }

    .slider-main-points a {
        font-size: 9px;
    }

    .slogan {
        width: 50%;
    }

    .cart-mobile {
      
    }

    .logo-mobile {
        width: 32%;
    }

        .partner-logo {

    }
    .home-product-block {
        width: auto;
    }
        .partner-logo {

    }
        .sw-theme-arrows > ul.step-anchor > li {
	width: 49% !important;
    display:inline-block;
}
}
@media only screen and (min-device-width: 321px) and (max-device-width: 360px) {
.service-block {
    background-size: 100% auto;
}
}
@media only screen and (min-device-width: 361px) and (max-device-width: 414px) {
.service-block {
   
    background-size: auto 100%;
}
}
/*------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-device-width: 321px) and (max-device-width: 667px) {
    .team-atp ul li h3 {
    font-size: 13px;
    }
    .team-atp ul li span {
    font-size: 12px;
}
    .team-atp .doctor-img {
        width: 72px;
    }
    .team-atp .doctor-details {
    width: 100px;
}

}
/* ----------- iPhone 5 and 5S ----------- */

/* Landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 568px) and (orientation: landscape) {
        .logo img {
        width: 55%;
    }

    .slider-main-points img {
        width: 19px;
        margin-right: 0;
    }

    .slider-main-points a {
        font-size: 12px;
    }

    .slogan {
        width: 50%;
    }

    .logo-mobile {
        width: 24%;
        padding-left: 20px;
    }

    .atp-logo img {
        width: 85%;
    }


    .logo img {
        width: 40%;
    }
    .partner-logo {
  
    }
    .home-product-block {
        
    }

    .tclient-img {
        width: 30%;
    }
       .side-controls {
        width: 48%;
        display: inline-block;
    }

    .side-labs {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
}


/* ----------- iPhone 6 ----------- */
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {



    .home-product-block {
        width: 340px;
    }
        .above-414 {
        width: 50%;
    }
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 667px) and (orientation: landscape) {



    .slider-main-points img {
        width: 21px;
        margin-right: 0;
    }

    .slider-main-points a {
        font-size: 14px;
    }

    .slogan {
        width: 50%;
    }

    .logo-mobile {
        width: 30%;
    }
    .above-414 {
        width: 50%;
    }

    .above-667 {
        width: 50%;
    }

    .city {
     
    }

    .countries {
        
    }

    .search-form {
      
    }

    .service-image img {
        min-width: 100%;
    }


    .home-product-block {
        width: 300px;
    }






    .tclient-img {
        width: 27%;
    }

    .tclient-data {
        width: 60%;
    }

    .side-controls {
        width: 48%;
        display: inline-block;
    }

    .side-labs {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
            .sw-theme-arrows > ul.step-anchor > li {
	width: 25% !important;
    display:inline-block;
}
}
/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .slider-main-points img {
        width: 17px;
        margin-right: 0;
    }

    .slider-main-points a {
        font-size: 11px;
    }

    .logo-mobile {
        width: 27%;
    }

    .cart-ipad .shopping-cart {
        float: left;
    }

    .home-product-block {
        width: 375px;
    }

}
@media(max-width:767px){
  .table-responsive{overflow-x:scroll;}
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
            .above-414 {
        width: 50%;
    }




    .atp-logo img {
        width: 70%;
    }

    .slider-main-points img {
        width: 22px;
        margin-right: 0;
    }

    .slider-main-points a {
        font-size: 15px;
    }

    .slogan {
        width: 50%;
    }

    .cart-text {
        font-size: 13px;
        margin-top: 4px;
    }

    .logo-mobile {
        width: 25%;
    }

    .home-product-block {
       
    }

     .city {
       
    }

    .countries {
     
    }

    .search-form {
       
    }

    .tclient-img {
        width: 27%;
    }

    .tclient-data {
        width: 60%;
    }

    .above-667 {
        width: 50%;
    }
                .lab-imaging-ipad{
        display:block;
    }
     .lab-imaging-desktop{
        display:none;
    }
                 .sw-theme-arrows > ul.step-anchor > li {
	width: 25% !important;
    display:inline-block;
}
}

/* ----------- iPad ----------- */

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

   .service-block{
        background-size: 100% auto;
        background-position: 0 -20px;
    }
    .username {
    margin-top: 0px;
    }   
     .left-panel {
        min-height: 100px;
    }
        .above-667 {
        width: 50%;
    }

    .team-atp .doctor-img {
        width: 76px;
    }

    .callus-desktop{
        font-size:15px; 

    }
    .callus-desktop i{
        font-size:16px; 
    }
    .logo {
     
    }

    .search-form {
        margin-top: 15px;
    }
    .shopping-cart {
    margin-top: 35px;
text-align: center;
    }
    .second-nav-bar-outer {
    text-align: center;
}
    .main-nav-bg {
        height: 125px;
    }

    .main-nav-bar {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-nav > li {
        margin-bottom: 9px;
        height: 45px;
    }
    .regional{

    }
    .countries {
        margin: 0;
    }

    .city {
        margin-top: 0;
    }



    .cart-ipad .shopping-cart {
        margin-top: 7%;
    }

    .h-info-mobile {
        font-size: 14px;
    }

    .home-product-block {
      
    }

    .tclient-data p {
        font-size: 15px;
    }

    #layerslider {
        display: none !important;
    }

    .four-services-section {
        display: inline-block;
        width: 100%;
    }

    .side-controls {
        width: 48%;
        display: inline-block;
    }

    .side-labs {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
        .single-re-package {
        width: 31.6%;
        display: inline-block;
        vertical-align: top;
        margin-right: 13px;
            min-height: 233px;
    }
    .single-re-package:nth-child(3n+3) {
        margin-right:0;
    }
            .lab-imaging-ipad{
        display:block;
    }
     .lab-imaging-desktop{
        display:none;
    }
 .cart-section-summary {
    margin-top:0px;
    width:100%;
    }
 .cart-button{
     float:none;
     width:100%;
     text-align:center;
     margin:20px
 }
   .sw-theme-arrows > ul.step-anchor > li {
	
    display:inline-block;
}
        
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        #logo-fixed{
        display:none !important;
    }
        .service-block{
        background-size: 100% auto;
        background-position: 0 -50px;
    }
        .second-nav-bar-outer {

}
    .search-form {
        margin-top:18px;
    }    
    #layerslider {
        display: none !important;
    }
.slider-cnt-bg{
    margin-top:15px;
}
    .slider-cnt-bg .bootstrap-select,.slider-cnt-bg .form-control{
        margin-bottom:15px;
    }
   .callus-desktop{
        font-size:12px; 
        margin-top:10px;
    }
    .callus-desktop i{
        font-size:17px; 
    }
    .navbar-nav > li > a > i {
        font-size:13px;
    }
    .cart-ipad .shopping-cart {
        margin-top: 8%;
    }
    .four-services-section{
        width:49%;
    }
    .home-product-block {
        width: 300px;
    }

    /*.single-re-package {
        width: 30%;
        display: inline-block;
        vertical-align: top;
        margin-right: 33px;
    }*/

}

/* ----------- iPad pro ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
    .home-product-block {
        width: 300px;
    }
}
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1920px) {
        .ios-app {
    left: 5%;
}
        .single-package:hover .package-name {
     background-image: url(/Content/images/four-small-white.png);
         background-repeat:no-repeat;
    background-position:center;
    background-color: #bf0b32;
         color:#fff;
         border-bottom: solid 1px #fff;

}
.single-package:hover .test-hover-detail{
    visibility:visible;
    opacity:1;
}
.single-package:hover .package-name a{
    display:none;
}
.single-package:hover .package-name{
    height:36px;
}
    }


    @media only screen and (min-device-width: 1050px) and (max-device-width: 1215px) {
    .navbar-nav > li > a  {
       font-size:12px;
    }
}



@media only screen and (max-width: 768px){
    .parent-icons {
        margin-top: 80%;
    }

}