@charset "utf-8";
body {
    background: #f4f4f4;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px
}

a {
    color: #433d45;
}

.timeWithText:before {
    content: "\e023  pick time";
}


.OtherRequestModal {
  background-color: #F79122;
  font-weight: 300;
  color: white;
  border-bottom: 4px solid rgb(128, 128, 128);
}

.OtherRequestheader {
  font-family: inherit;
  font-weight: 300;
  line-height: 1.1;
  color: white;
  padding: 20px 0px 10px 10px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn.btn-wide {
    min-width: 108px;
    border-radius: 50px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 20px;
    font-size: 18px;
}

.btn.btn-cta {
    background: #F79122;
    border-color: #F79122;
    color: #fff;
    padding-left: 21px;
    padding-right: 21px;
    margin: 6px 0;
    margin-left: -3px;
}

.request-bg {
    background-color: #f1ebeb
}

.req-form-border {
    border-right: 2px solid #f2bf5e
}

.anvayaa-back-button {
    height: 40px;
    color: black;
    margin-top: 10px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    opacity: 1.0;
    border-radius: 3em;
    border: 1px solid #e4e4e4;
    border-color: #d94165;
    color: #009cde;
    background: #fff;
    padding-left: 12px;
    padding-right: 12px;
}


hr.seperator {
    border-color: #ead2e0;
    margin: 0px 0px 0px 0px;
}

.payment-card {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.payment-card:hover {
    background-color: #f1f1f1;
}

.service-includes {
    color: #914573;
}

.product-details {
    padding: 10px;
    text-align: center;
    border-bottom: 2px solid #f2bf5e;
}

.pgimage {
    height: 51px;
    width: 60px;
    margin-left: 10px;
}
.link-box {
    display: block;
    padding: 15px;
    background: #2FC3D1;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    text-decoration: none !important;
}





/*sidebar styles st*/


/* Toggle Styles */

.nav-tabs>li {}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    margin: 0;
    border-radius: 0;
}

#wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

.control1 {
    border: 1px solid #c9cad7;
    box-shadow: none;
    border-radius: 0;
    height: 34px !important;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #2c2d40;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}












/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
    color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }
    #wrapper.toggled {
        padding-left: 60px;
    }
    #sidebar-wrapper {
        width: 250px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 60px;
        overflow: hidden;
    }
    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}












/*sidebar styles ed*/

.panel-group.menu {
    width: 100%;
}

.menu .panel-heading {
    padding: 0;
}

.menu .panel {
    background-color: transparent;
    width: 250px;
    overflow: hidden;
}

.menu .panel a {
    display: block;
    padding: 10px;
    overflow: hidden;
    color: #8688a6;
    border-top: 1px solid #333448;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu .panel a:hover,
.menu .panel a:focus,
.menu .panel a.active {
    text-decoration: none;
    color: #babbd0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.panel-body {
    padding: 0 !important;
}

.panel-body ul {
    padding: 0;
}

.panel-body ul li a {
    border-top: 0 !important;
}

.panel-body ul li a img {
    padding-right: 10px;
}

.panel-group .panel+.panel {
    margin-top: 0;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0;
}

.logo {
    height: 70px;
    background: #222332;
    padding: 20px;
}

.logo a {
    color: #FFF;
    font-size: 22px;
}

.top-header-pads {
    padding: 18px 0 10px;
    border-bottom: 1px solid #dedfe7;
}

.top-notifications {
    padding: 0 10px;
    border-left: 1px solid #dedfe7;
    border-right: 1px solid #dedfe7;
    margin: 0 10px;
}

.top-right-navs {}

.top-right-navs .glyphicon {
    font-size: 20px;
}

.navbar-topright .glyphicon {
    font-size: 18px;
}

.topheader {
    font-size: 24px;
    font-weight: 300;
}

.top-header-pads .top-ph {
    font-size: 18px;
    font-weight: 500;
}

.MenuTriggerLi .glyphicon-menu-hamburger,
.MenuTriggerLi .label {
    color: #8688a6;
    font-size: 14px;
    font-weight: 400;
}

.MenuTriggerLi {
    padding: 16px;
    line-height: normal !important;
    text-indent: inherit !important;
}

.emergency {
    background: #d94141;
    color: #FFF;
    padding: 24px 10px;
    font-size: 34px;
    font-weight: 300;
    min-height: 120px;
}

.appointments-alert-card,
.orders-alert-card {
    background: #FFF;
    box-shadow: 0px 1px 2px #c3c2c2;
    padding: 22px;
    min-height: 120px;
}

.appointments-alert-card h3,
.orders-alert-card h3 {
    margin: 0;
    font-size: 22px;
    color: #8688a6;
    font-weight: 300;
}

.appointments-alert-card .num,
.orders-alert-card .num {
    font-size: 34px;
    font-weight: 600;
}

/* .wrapper {
    margin: 30px 0;
} */

.rowheader {
    font-size: 20px;
    background: #F4F4F4;
    position: relative;
    padding-right: 10px;
}

.topmargin20 {
    margin-top: 20px;
}

.headerline {
    border-color: #dedfe7;
    position: relative;
    top: 35px;
}

.service-card {
    margin-top: 30px;
    text-align: center;
    padding: 30px 15px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #dce0e3;
    height: 100%;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 10px;
}

.name {
    font-weight: bold;
    margin-top: 10px;
    font-size: 14px;
    height: 17px;
    text-align: center;
    color: #1d315f;
    text-transform: uppercase;
}

.service-card:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 40px rgba(134, 136, 166, 0.6);
}

.service-card img {}

.service-card h5 {
    font-size: 16px;
    margin: 20px 0;
}

.order-card {
    margin-top: 10px;
    text-align: center;
    padding: 10px 10px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #dce0e3;
    height: 150px;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.order-card:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 40px rgba(189, 10, 43, 0.6);
}

.order-card img {}

.order-card h5 {
    font-size: 16px;
    margin: 15px 0;
    width: 100%;
}

.pharmacy-order-card {
    margin-top: 10px;
    text-align: center;
    padding: 30px 10px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #dce0e3;
    height: 200px;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pharmacy-order-card:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 40px rgba(189, 10, 43, 0.6);
}

.pharmacy-order-card img {}

.pharmacy-order-card h5 {
    font-size: 16px;
    margin: 15px 0;
    width: 100%;
}

.selec {
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 40px rgba(9, 199, 24, 0.6);
}

.view {
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 20px rgba(9, 199, 24, 0.6);
}

.topdropdown .dropdown-toggle {
    background-color: transparent;
    padding: 6px 0;
}

.topdropdown .dropdown-toggle.active.focus,
.topdropdown .dropdown-toggle.active:focus,
.topdropdown .dropdown-toggle:hover {
    background-color: transparent;
    box-shadow: none;
    outline: none !important;
}

.nav-tabs>li>a {
    padding: 10px 20px;
    border-width: 1px 1px 0 1px;
    border-color: #dedfe7;
    font-size: 18px;
    border-radius: 0;
    margin-right: 4px !important;
}

.nav-tabs>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: #8688a6;
    color: #FFF;
    border-color: #8688a6;
}

.tab-content {
    background: #FFF;
    box-shadow: 0px 1px 2px #c3c2c2;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 16px 8px 16px 16px;
    border-color: #eeeff3;
}

.txt-red {
    color: #d71e38;
}

.txt-blue {
    color: #2e8ec1;
}

.txt500 {
    font-weight: 500;
}

.btn {
    border-radius: 0;
}

.rightspace20 {
    margin-right: 20px;
}

.dropdown-white .dropdown-toggle {
    background: #FFF;
    font-size: 14px;
    height: 46px;
    min-width: 180px;
    text-align: left;
}

.dropdown-white .dropdown-toggle .caret {
    position: relative;
    top: 7px;
}

.dropdown-white .dropdown-toggle.active.focus,
.dropdown-white .dropdown-toggle.active:focus,
.dropdown-white .dropdown-toggle:hover {
    background-color: #FFF;
    box-shadow: none;
    outline: none !important;
}

.anvayaa-btn-lg {
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
    background: #d94165;
    height: 46px;
    padding-left: 20px;
    padding-right: 20px;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pharmacy-upload {
    width: 100%;
}

.anvayaa-btn-lg.doctor-appointment {
    width: 250px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -23px;
}

.anvayaa-btn-lg:hover {
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #332a36;
}

.anvayaa-btn-lg:focus {
    border: 0;
    outline: none;
    background: #4b4d6d;
}

.anvayaa-req-btn-lg {
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
    background: #d94165;
    height: 46px;
    padding-left: 20px;
    padding-right: 20px;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.anvayaa-req-btn-lg:hover {
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #d23b5f;
}

.anvayaa-req-btn-lg:focus {
    border: 0;
    outline: none;
}

.doctor-name {
    font-size: 24px;
    color: #344B9B;
    margin: 3px 0px;
}

.categories {
    font-size: 20px;
    color: #717171;
    font-weight: 700;
}

.categories-data {
    font-size: 18px;
    width: 80px;
}

.detail-card {
    padding: 15px;
    background: #FFF;
    box-shadow: 0px 1px 2px #c3c2c2;
    min-height: 500px;
    max-height: 520px;
}

.otherservices-card {
    padding: 15px;
    background: #FFF;
    box-shadow: 10px 10px 5px #888888;
    min-height: 250px;
    margin-top: 5px;
    margin-bottom: 5px;
}












/*.details-row:hover{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
    box-shadow:0 0 40px rgba(134,136,166, 0.6);}*/

.detail-row:select {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 40px rgba(134, 136, 166, 0.6);
}

.detail-card ul {
    margin: 0;
    padding: 0;
}

.detail-card ul li {
    padding: 20px 0;
    border-bottom: 1px solid #ecedef;
    list-style: none;
}

.detail-card ul li h5,
.details-card .details-row h5 {
    font-size: 18px;
    line-height: 24px;
}

.detail-card .details-row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ecedef;
}

.detail-card .details-row .left-icon {
    margin-right: 16px;
}

.detail-card .details-row .left-icon img {
    position: relative;
    top: 6px;
}

.detail-card .details-row .price {
    font-size: 26px;
    font-weight: 500;
}

.pharmaorder-details {
    font-size: 16px;
}

.pharmaorder-details .details-row .qnt {
    font-size: 18px;
    font-weight: 500;
}

.pharmaorder-details .details-row.txt-sl,
.pharmaorder-details .details-row.txt-sl .qnt {
    font-size: 14px;
    color: #8688a6;
    font-weight: normal;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.header-md {
    font-size: 20px;
}

label {
    font-weight: normal;
}

.form-control {
    border: 1px solid #c9cad7;
    box-shadow: none;
    border-radius: 0;
    height: 46px;
}

.form-control:focus {
    border-color: #c1c2d6;
}












/*
.form-group {
    margin-bottom: 30px;
}*/

.form-group .dropdown-white .dropdown-toggle {
    width: 100%;
    border: 1px solid #c9cad7;
}

.fileupload {
    height: 46px;
    width: 180px;
    position: relative;
    bottom: 46px;
    opacity: 0;
}

.fileuploader-bg {
    background: #8688a6;
    height: 46px;
    display: block;
    width: 180px;
    color: #FFF;
    text-align: center;
    line-height: 46px;
    font-size: 18px;
}

.topmargin30 {
    margin-top: 30px;
}

.form-footer {
    border-top: 1px solid #dedfe7;
    text-align: right;
    padding: 15px 0;
    margin-top: 20px;
}

.anvayaa-btn-lg.btn-l-blue {
    background: #8688a6;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.anvayaa-btn-lg.btn-l-blue.health {
    background: #8688a6;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.anvayaa-btn-lg.place-order {
    width: 100%;
}

.anvayaa-btn-lg.select-doctor {
    padding-left: 12px;
    padding-right: 20px;
}

.choosedoctor {
    border-top: 1px solid #dedfe7;
    padding-top: 10px;
    padding-bottom: 10px;
}












/*
.choosedoctor:hover{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
    box-shadow:0 0 40px rgba(134,136,166, 0.6);}*/

.choosedoctor h5 {
    margin: 10px 0 4px;
    font-size: 20px;
}

.choosedoctor .pull-left img {
    margin-right: 14px;
    height: 70px;
    width: 70px;
    border-radius: 100%;
}

.choosedoctor .pull-right img {
    margin-right: 14px;
    height: 27px;
    width: 27px;
    border-radius: 100%;
}

.choosedoctor .btn-small {
    margin: 10px 0 0;
    background: #8688a6;
    color: #FFF;
    border: 0;
    font-size: 16px;
    height: 32px;
    padding: 0 14px;
}

.selecteddoctor {
    padding-top: 4px;
    border-bottom: 1px solid #dedfe7;
    /* padding-bottom: 10px;*/
    height: 125px;
}

.reqbuttondoctor {
    height: 125px;
    padding-top: 45px;
    padding-left: 50px;
}

.notsel {
    padding-top: 20px;
}

.selecteddoctor h5 {
    margin: 10px 0 4px;
    font-size: 20px;
}

.selecteddoctor .pull-left img {
    margin-right: 14px;
    height: 70px;
    width: 70px;
    border-radius: 100%;
}

.selecteddoctor .btn-small {
    margin: 10px 0 0;
    background: #8688a6;
    color: #FFF;
    border: 0;
    font-size: 16px;
    height: 32px;
    padding: 0 14px;
}

.modal-header {
    padding: 15px 15px 0;
    border: 0;
}

.modal-header.model {
    background-color: #d94165;
    font-weight: 300;
    color: white;
    border-bottom: 4px solid rgb(128, 128, 128);
    ;
}

.modal-title.header {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: white;
    padding: 20px 0px 10px 10px;
}

.appointment-time {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    padding: 0px 10px 5px 10px;
    border-bottom: 1px solid rgb(128, 128, 128);
    ;
}

.choosedoctor .pull-left {
    width: 100px;
}

.choosedoctor .pull-left.rightcol {
    width: 80%;
}

.choosedoctor .pull-left.rightcol .radius {
    font-size: 15px;
    color: #8688a6;
    font-weight: normal;
}

.choosedoctor-modal {
    height: 320px;
    overflow: auto;
}

.loginheader {
    padding: 20px 0;
    background: #222332;
    color: #FFF;
    font-size: 24px;
}

.btn-fw {
    width: 100%;
}












/*.form-signin {
    width: 400px;
    margin: auto;
    background: #FFF;
    padding: 20px 30px;
    border: 1px solid #dedfe7;
    box-shadow: 0 28px 50px -20px rgba(0, 0, 0, 0.6);
}
*/

.reg-signin {
    width: 800px;
    margin: auto;
    background: #FFF;
    padding: 20px 30px;
    border: 1px solid #dedfe7;
    box-shadow: 0 28px 50px -20px rgba(0, 0, 0, 0.6);
}

.form-signin h3 {
    margin-bottom: 20px;
}

.label_forgotpassword {
    margin-top: 10px;
}

.logintype-labels {
    font-size: 14px;
}

.navbar-brand {
    padding: 15px 0;
}

.navbar-default {
    background-color: transparent;
    border-width: 0 0 1px 0;
}

.navbar-topright {
    display: block;
}

.topnavs-mobile {
    display: none;
}

@media (max-width: 767px) {
    .wrapper {
        margin: 20px 0;
    }
    .navbar-topright {
        display: none;
    }
    .topnavs-mobile {
        display: block;
    }
    .btn-bookappointment {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .sl-dropdown {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .sl-dropdown.dropdown-white .dropdown-toggle {
        width: 100%;
    }
    .topnavs-mobile .dropdown-toggle .caret {
        float: right;
        position: relative;
        top: 8px;
    }
    .navbar-default {}
    .navbar-default {
        border-width: 0;
        border-width: 0;
        background: #272938;
        margin: 0 -15px;
        padding: 0 15px;
    }
    .navbar-default .navbar-nav>li>a {
        border-bottom: 1px solid #2b2c40;
        padding-left: 0;
        padding-right: 0;
        color: #8586a2 !important;
    }
    .navbar-default .navbar-nav.topnavs-mobile .open .dropdown-menu>li>a {
        color: #bdbed2;
        padding: 10px 10px;
        font-size: 12px;
    }
    .navbar-default .navbar-nav.topnavs-mobile .open .dropdown-menu>li>a img {
        margin-right: 10px;
    }
    .details-card .details-row {
        padding: 20px 5px 20px;
    }
    .choosedoctor .pull-left {
        width: 60px;
    }
    .choosedoctor .left-icon img {
        width: 50px;
    }
    .choosedoctor .right-icon img {
        width: 50px;
    }
    .choosedoctor h5 {
        font-size: 15px;
    }
    .choosedoctor {
        height: 150px;
    }
    .choosedoctor-modal {
        height: 180px;
        overflow: auto;
    }
    .navbar-default .navbar-brand {
        color: #FFF;
    }
    .dropdown-menu .divider {
        background-color: #2b2c40;
    }
    .sl-dropdown.dropdown.dropdown-white.pull-right.rightspace20 {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .navbar-nav>li {
        margin: 24px 0;
    }
    .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-brand {
        padding: 24px 0;
    }
}

.navbar-default .navbar-nav>li>a {
    color: #433d45;
}

.icon-diagnostics {
    background: url(../images/diagnostics-light.png) no-repeat left top;
    padding-left: 40px;
}

.icon-calendar {
    background: url(../images/calender-light.png) no-repeat left top;
    padding-left: 40px;
    min-height: 24px;
}

.icon-fieldemployee {
    background: url(../images/fieldemp-light.png) no-repeat left top;
    padding-left: 40px;
}

.icon-cart {
    background: url(../images/picnics.png) no-repeat left top;
    padding-left: 40px;
}

.icon-checkout {
    background: url(../images/shopping-cart.png) no-repeat left top;
    padding-left: 40px;
    height: 40px;
}

.icon-barcode {
    background: url(../images/barcode.png) no-repeat left top;
    padding-left: 40px;
    height: 40px;
}

.icon-rupee {
    background: url(../images/india-rupee-currency-symbol.png) no-repeat left top;
    padding-left: 40px;
    height: 40px;
}

.navbar-toggle {
    margin-right: 0;
    padding: 10px 0;
    border: 0;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    border-color: #2b2c40;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #2b2c40;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #63657e;
}

.Cancel {
    color: #d71e38;
}

.Canceled {
    color: #d71e38;
}

.Confirmed {
    color: #2e8ec1;
}

.Requested {
    color: #910CB7;
}

.Pending {
    color: #09A935;
}

#myFileInput {
    display: none;
}

#myFileInput1 {
    display: none;
}

.error {
    color: red;
}

.viewdoctor {
    border-top: 1px solid #dedfe7;
    padding-top: 10px;
    padding-bottom: 10px;
}

.viewdoctor h5 {
    margin: 10px 0 4px;
    font-size: 20px;
}

.viewdoctor .pull-left img {
    margin-right: 14px;
    height: 70px;
    width: 70px;
    border-radius: 100%;
}

.viewdoctor .pull-right img {
    margin-right: 14px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
}

.viewdoctor .btn-small {
    margin: 10px 0 0;
    background: #8688a6;
    color: #FFF;
    border: 0;
    font-size: 16px;
    height: 32px;
    padding: 0 14px;
}

.viewdoctor .pull-left {
    width: 100px;
}

.viewdoctor .pull-left.rightcol {
    width: 100%;
}

.viewdoctor .pull-left.rightcol .radius {
    font-size: 15px;
    color: #8688a6;
    font-weight: normal;
}

.viewclinic {
    border-top: 1px solid #dedfe7;
    padding-top: 10px;
    padding-bottom: 10px;
}

.viewclinic h5 {
    margin: 10px 0 4px;
    font-size: 20px;
}

.viewclinic .pull-left img {
    margin-right: 14px;
    height: 27px;
    width: 27px;
    border-radius: 100%;
}

.viewclinic .pull-right img {
    margin-right: 14px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
}

.viewclinic .btn-small {
    margin: 10px 0 0;
    background: #8688a6;
    color: #FFF;
    border: 0;
    font-size: 16px;
    height: 32px;
    padding: 0 14px;
}

.viewclinic .pull-left {
    width: 100px;
}

.viewclinic .pull-left.rightcol {
    width: 100%;
}

.viewclinic .pull-left.rightcol .radius {
    font-size: 15px;
    color: #8688a6;
    font-weight: normal;
}

.steps {
    font-weight: 500;
    font-size: 16px;
}

.details-card {
    padding: 20px;
    background: #FFF;
    box-shadow: 0px 1px 2px #c3c2c2;
    min-height: 560px;
}

.timeline-card {
    padding: 20px;
    background: #FFF;
    box-shadow: 0px 1px 2px #c3c2c2;
    min-height: 560px;
}

.details-card ul {
    margin: 0;
    padding: 0;
}

.details-card ul li {
    padding: 20px 0;
    border-bottom: 1px solid #ecedef;
    list-style: none;
}

.details-card ul li h5,
.details-card .details-row h5 {
    font-size: 18px;
    line-height: 24px;
}

.details-card .details-row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ecedef;
}

.details-card .details-row .left-icon {
    margin-right: 16px;
}

.details-card .details-row .left-icon img {
    position: relative;
    top: 6px;
}

.details-card .details-row .price {
    font-size: 26px;
    font-weight: 500;
}

.thumb {
    width: 100%;
    height: 190px;
    float: none;
    position: relative;
    /*    padding-bottom: 15px;
*/
    padding: 5px 5px 5px 5px;
}

.search {
    position: relative;
    color: #3e3e3e;
    font-size: 16px;
}

.search input {
    text-indent: 32px;
}

.search select {
    text-indent: 32px;
}

.search button {
    text-indent: 5px;
    width: 100%;
}

.search .icon {
    position: absolute;
    top: 10px;
    left: 10px;
}

.search .faicon {
    position: absolute;
    top: 26px;
    left: 25px;
    font-size: 30px;
    color: #914572;
}

.search .falaicon {
    position: absolute;
    top: 26px;
    left: 8px;
    font-size: 30px;
    color: #914572;
}

.search .faloicon {
    position: absolute;
    top: 26px;
    left: 25px;
    font-size: 30px;
    color: #f2bf5e;
}

.falaicon:hover {
    position: absolute;
    top: 26px;
    left: 8px;
    font-size: 30px;
    color: red;
}

.search .plandata {
    position: absolute;
    top: 0px;
    left: 3px;
    font-size: 30px;
    color: #B786A4;
}

.health-profile {
    font-weight: 400;
    font-size: 30px;
    padding: 10px 15px 10px 20px;
    margin-left: 10px;
}

.heading {
    color: #d94165;
}

.health-options {
    padding: 5px 5px;
}

.health-label {
    font-weight: 400;
    color: #914573;
}

.placeholder {
    font-size: 20px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.norecoerd {
    width: 75%;
    text-align: center;
    font-size: 26px;
    margin-left: 25px;
}

.createDoctor {
    font-weight: 400;
    font-size: 18px
}

.pharmacy-image {
    width: 320px;
    height: 480px;
    /*border: 2px solid #B7B7AE;*/
}

.health-image {
    width: 150px;
    height: 100px;
    border: 2px solid #B7B7AE;
    margin-bottom: 20px;
    margin-right: 25px;
}

.report-data {
    font-size: 16px;
    font-weight: 400;
}

.health-image-view {
    width: 100%;
    height: 100%;
    border: 2px solid #B7B7AE;
}

.pharmacy-image-div {
    padding-bottom: 15px;
    padding-top: 8px;
}

.medical-card {
    min-height: 300px;
    max-height: 200px;
}

.pharmacy-tumbs {
    width: 80px;
    height: 70px;
    padding-left: 15px;
    padding-right: 8px;
    border: 2px solid #B7B7AE;
}

.pharmacy-imagecard {
    margin-top: 5px;
    margin-left: 5px;
    text-align: center;
    padding: 0px 25px 0px 25px;
    box-sizing: border-box;
    background-color: rgba(134, 136, 166, 0.12);
    border: 2px solid #dce0e3;
    /*    height: 229px;*/
    /*width:255px;*/
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

form .progress {
    line-height: 15px;
}

.progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}

.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}

.health-button {
    height: auto;
    width: auto;
    color: #000;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
}

.health-thumbs {
    width: 80px;
    height: 70px;
    /* padding-left: 15px; */
    /* padding-right: 8px; */
    border: 2px solid #B7B7AE;
}












/*my css*/

.copyrightstxt {
    /* color: #FFF;*/
    font-size: 12px;
}

.login-wrapper {
    text-align: center;
    padding: 50px 0;
}

.login-wrapper h2 {
    font-size: 24px;
}

.registernow {
    padding: 10px 5px;
    background: #f2bf5e;
    color: #FFF;
    text-align: center;
    border-radius: 0 0 6px 6px;
    font-size: 16px;
}

.registernow a {
    color: #FFF;
}

.form-signin-inside {
    padding: 0 20px;
}

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

.btn-login {
    background: #2c2d40;
    padding-left: 40px;
    padding-right: 40px;
}

.app-promotion {
    background: url(../images/app-promotion.jpg) no-repeat center top/cover;
    min-height: 258px;
    padding: 60px 0;
}


.asers-promotion {
    /* background: url(../images/ASERS1.webp) no-repeat center top/cover; */
    background: url("https://static.wixstatic.com/media/8de284_de918e37c3a14b989f31fe3a8ada7b9f~mv2.png/v1/fill/w_902,h_755,fp_0.50_0.38,q_90,usm_0.66_1.00_0.01,enc_auto/cc%2022_revised_19_7_24.png") no-repeat center top/cover;
    min-height: 400px;
    padding: 60px 0;

}

.app-promotion h2 {
    font-size: 28px;
    color: #FFF;
    font-weight: 300;
    text-shadow: 0 2px 6px #000;
}

.app-promotion h3 {
    font-size: 22px;
    color: #FFF;
    font-weight: 300;
    text-shadow: 0 2px 6px #000;
}

.app-promotion p {
    color: #FFF;
    text-shadow: 0 2px 6px #000;
    font-weight: 400
}

.services {
    padding-top: 15px;
    padding-bottom: 15px;
}

.services img {
    margin-right: 10px;
}

.form-signin .form-control {
    height: 40px;
}

.loginheads {
    margin: 0px 0;
}












/*my css end*/

.loginheader {
    padding: 10px 0;
    background: rgba(250, 250, 250, 0.9);
    color: #FFF;
    font-size: 24px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.btn-fw {
    width: 100%;
}

.form-signin {
    background: #FFF;
    padding: 5px;
    border: 1px solid #f2bf5e;
    /*  box-shadow:0 28px 50px -20px rgba(0,0,0,0.6);*/
    text-align: left;
    border-radius: 10px;
}

.reg-signin {
    width: 600px;
    margin: auto;
    background: #FFF;
    padding: 20px 30px;
    border: 1px solid #f2bf5e;
    border-radius: 10px;
    box-shadow: 0 28px 50px -20px rgba(0, 0, 0, 0.6);
}

.form-signin h3 {
    margin-bottom: 20px;
}












/*emergency paln*/

.plan {
    padding: 10px 0 10px 85px;
    border-bottom: 1px solid #D8D0D0;
}

.list {
    display: block;
    /*color: #009bac;*/
    /*    margin-left: 30px;
*/
    font-size: 17px;
    padding: 10px 10px;
    position: relative;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid #eeeff3;
}

.plan-card {
    padding: 20px;
    background: #FFF;
    box-shadow: 0px 1px 2px #c3c2c2;
    border-radius: 10px;
    /* min-height: 200px;*/
}

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

.detail {
    font-weight: 400;
    font-size: 18px;
}

.plan-card:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 40px rgba(134, 136, 166, 0.6);
}

.heading {
    font-weight: 500;
    font-size: x-large;
    color: #914573;
}

ul.anvayaa {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li.anvayaa {
    float: left;
}

li a,
.dropdown1 .dropbtn {
    text-align: left;
    text-decoration: none;
    color: #3e3e3e;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 10px;
}

li a.anvayaa:hover,
.dropdown1:hover .dropbtn {
    background-color: #F79021;
    display: block;
    color: #FFFFFF;
}

li.dropdown1 {
    color: #3e3e3e;
    padding: 15px 15px;
    display: block;
}

.dropdown1-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 240px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.dropdown1-content a {
    color: #000;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px #cccccc solid;
    text-decoration: none;
    padding: 12px 12px;
}

.dropdown1-content a:hover {
    background-color: #F79021;
    color: #fff !important;
}

.dropdown1:hover .dropdown1-content {
    display: block;
    border-top: 1px #cccccc solid;
}

.banner {
    color: #914573;
    font-size: 32px;
    line-height: 25px;
    padding-bottom: 10px;
    text-transform: uppercase;
}












/*subscrition */

.cardholdertitle {
    font-size: 31px;
    font-weight: 300;
    color: #914573;
    font-family: inherit;
    line-height: 1.1;
}

.cardholdertext {
    font-size: 18px;
    font-weight: 300;
    color: #914573;
    font-family: inherit;
    line-height: 1.1;
}

.cardholdernames {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    /* padding: 0 0 8px;*/
}












/*.form-name{
    color: #e89a0c;
}*/

.pricing-table {
    font: 13px "Open Sans", "Helvetica Neue", arial, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px auto;
}

.pricing-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wppt-package-name {
    text-align: center;
    height: 40px;
    padding: 3px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}

.wppt-package-info {
    text-align: center;
    height: 50px;
    margin-top: -1px;
    padding: 10px 0 0;
    border-bottom: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}

.package-title h2 {
    color: #f9f9f9;
    margin: 0;
    font-size: 24px;
    line-height: 40px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(255, 255, 255, .2);
}

.package-price h1 {
    color: #f9f9f9;
    margin: 0;
    font-size: 44px;
    line-height: 40px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(255, 255, 255, .2);
}

.cents {
    font-size: 16px;
    position: relative;
    top: -20px;
}

.w3eden #shaon-pricing-table ul li.feature {
    min-height: 35px !important;
    padding: 12px 15px !important;
}

.w3eden #shaon-pricing-table ul li.pricing-content-row-odd {
    font-size: 14px;
    background-color: #f3f3f3;
    padding: 10px 15px !important;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.w3eden #shaon-pricing-table ul li.pricing-content-row-even {
    font-size: 14px;
    background-color: #fcfcfc;
    padding: 10px 15px !important;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.acc-inner {
    display: block;
    padding: 10px 15px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .2);
}

.pricing-footer {
    text-align: center;
    height: 50px;
    padding: 8px 20px !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.animate,
.animate .pricing-content-row-odd,
.pricing-content-row-even,
.acc-inner {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.animate.change-bg ul:hover .pricing-footer {
    border-top-color: #a62122;
    -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
}

.animate.go-up {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.animate.go-up:hover {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

.animate.add-shadow:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 255, .6);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 255, .6);
    box-shadow: 0 0 15px rgba(0, 0, 255, .6);
}

.pricing-table .btn {
    font: 13px "Open Sans", "Helvetica Neue", arial, sans-serif;
}

.pricing-table .btn {
    line-height: 18px;
    padding: 10px 20px;
    text-shadow: none;
    zoom: 1;
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, .5), 0 0 1px rgba(0, 0, 0, .8);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, .5), 0 0 1px rgba(0, 0, 0, .8);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, .5), 0 0 1px rgba(0, 0, 0, .8);
}

.acc {
    cursor: pointer;
}

.no-bold {
    font-weight: normal;
}

#shaon-pricing-table .wppt-package-name,
#shaon-pricing-table .wppt-package-info {
    background-color: #555555 !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABUCAMAAACfvxb8AAAAeFBMVEVOaaJMZ6FIZJ89W5lBXps8WplDYJxNaKFKZqBGYp5HY54/XJpCX5xFYZ07WZg+XJpLZqBAXZtJZZ9EYZ1NaKI8Wpg9WplMaKFNaaJJZJ9LZ6FEYJ1FYp1DX5xAXptJZaBAXZo+W5k+W5pKZaBGY55LZ6A8WZg/XZpJqQD4AAAAVklEQVR4Xk3CBQoDABADwU3d3d37/x8WAqEHI/jboZV1Y2sqDuiNZtaLJ7qihe1RoxjEC/XjhMaxtCPqxBmNolVc0Nxu6IuGMbUHuqNmsbF2rO2DJhg/RwEE6AR0V3kAAAAASUVORK5CYII=") left center !important;
    background-repeat: repeat-x;
    border: 1px solid #3B578E !important;
}

#shaon-pricing-table .wppt-package-name *,
#shaon-pricing-table .wppt-package-info * {
    color: #ffffff;
}

#shaon-pricing-table .wppt-package-info {
    min-height: 80px;
    padding: 10px 0;
    border-top: 1px solid #3B578E !important;
}

#shaon-pricing-table .pricing-footer {
    background-color: #555555;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABUCAMAAACfvxb8AAAAeFBMVEVOaaJMZ6FIZJ89W5lBXps8WplDYJxNaKFKZqBGYp5HY54/XJpCX5xFYZ07WZg+XJpLZqBAXZtJZZ9EYZ1NaKI8Wpg9WplMaKFNaaJJZJ9LZ6FEYJ1FYp1DX5xAXptJZaBAXZo+W5k+W5pKZaBGY55LZ6A8WZg/XZpJqQD4AAAAVklEQVR4Xk3CBQoDABADwU3d3d37/x8WAqEHI/jboZV1Y2sqDuiNZtaLJ7qihe1RoxjEC/XjhMaxtCPqxBmNolVc0Nxu6IuGMbUHuqNmsbF2rO2DJhg/RwEE6AR0V3kAAAAASUVORK5CYII=") left center !important;
    background-repeat: repeat-x;
    border: 1px solid #3B578E !important;
    color: #ffffff !important;
}












/* blue */

#shaon-pricing-table.skin-blue .wppt-package-name,
#shaon-pricing-table.skin-blue .wppt-package-info,
#shaon-pricing-table.skin-blue .pricing-footer {
    /*background-color: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9) !important;
    background-image: -moz-linear-gradient(top, #3498db, #2980b9) !important;
    background-image: -ms-linear-gradient(top, #3498db, #2980b9) !important;
    background-image: -o-linear-gradient(top, #555555, #555555) !important;
    background-image: linear-gradient(to bottom, #3498db, #2980b9) !important;*/
    border-color: #1f72a6 !important;
}












/* green */

#shaon-pricing-table.skin-green .wppt-package-name,
#shaon-pricing-table.skin-green .wppt-package-info,
#shaon-pricing-table.skin-green .pricing-footer {
    moz-box-shadow: inset 0px 1px 0px 0px #9acc85 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85 !important;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: #68a54b;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b)) !important;
    background-image: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%) !important;
    background-image: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%) !important;
    background-image: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%) !important;
    background-image: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%) !important;
    background-image: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0) !important;
    background-color: #74ad5a !important;
    border: 1px solid #3b6e22 !important;
}












/* coffee */

#shaon-pricing-table.skin-coffee .wppt-package-name,
#shaon-pricing-table.skin-coffee .wppt-package-info,
#shaon-pricing-table.skin-coffee .pricing-footer {
    -moz-box-shadow: inset 0px 1px 0px 0px #a6827e !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a6827e !important;
    box-shadow: inset 0px 1px 0px 0px #a6827e !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30)) !important;
    background: -moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%) !important;
    background: -webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%) !important;
    background: -o-linear-gradient(top, #7d5d3b 5%, #634b30 100%) !important;
    background: -ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%) !important;
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30', GradientType=0) !important;
    background-color: #7d5d3b !important;
    border-color: #543E25 !important;
}












/* dark blue */

#shaon-pricing-table.skin-dark-blue .wppt-package-name,
#shaon-pricing-table.skin-dark-blue .wppt-package-info,
#shaon-pricing-table.skin-dark-blue .pricing-footer {
    -moz-box-shadow: inset 0px 1px 0px 0px #8cafd1 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #8cafd1 !important;
    box-shadow: inset 0px 1px 0px 0px #8cafd1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6192b8), color-stop(1, #40627c)) !important;
    background: -moz-linear-gradient(top, #6192b8 5%, #40627c 100%) !important;
    background: -webkit-linear-gradient(top, #6192b8 5%, #40627c 100%) !important;
    background: -o-linear-gradient(top, #6192b8 5%, #40627c 100%) !important;
    background: -ms-linear-gradient(top, #6192b8 5%, #40627c 100%) !important;
    background: linear-gradient(to bottom, #6192b8 5%, #40627c 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6192b8', endColorstr='#40627c', GradientType=0) !important;
    background-color: #6192b8 !important;
    border-color: #40627c !important;
}

#shaon-pricing-table .wppt-package-info,
#shaon-pricing-table.skin-blue .wppt-package-info,
#shaon-pricing-table.skin-coffee .wppt-package-info,
#shaon-pricing-table.skin-green .wppt-package-info {
    border-top: 0 !important;
}

#shaon-pricing-table .pricing-footer .btn-pricing {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    background-color: #ffffff;
    color: #555 !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
    border: 0 !important;
    padding: 7px !important;
}

#shaon-pricing-table .pricing-footer a.btn-pricing {
    margin-top: 6px;
}

#shaon-pricing-table .wppt-package-name h5 {
    font-size: 21px;
    line-height: 33px;
    margin: 0;
}

#shaon-pricing-table .pricing-footer {
    min-height: 60px;
}

.animate.change-bg ul:hover .pricing-content-row-odd,
.animate.change-bg ul:hover .pricing-content-row-even {
    color: #fff;
    background: #4581b3;
    border-left: 1px solid #2b4f6e;
    border-right: 1px solid #2b4f6e;
}

.animate.change-bg ul:hover .acc-inner {
    color: #fff;
    background: #4078a6;
    border-left: 1px solid #2b4f6e;
    border-right: 1px solid #2b4f6e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 2px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 2px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(255, 255, 255, .4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 2px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(255, 255, 255, .4);
}

.animate.change-bg ul:hover .pricing-footer {
    border-top-color: #4581b3;
    -webkit-box-shadow: inset 0 0 0 #4581b3;
    -moz-box-shadow: inset 0 0 0 #4581b3;
    box-shadow: inset 0 0 0 #4581b3;
}

.btn-pricing {
    border-color: #4581b3 #4581b3 #325c80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    padding: 5px 22px !important;
}

.btn-pricing:hover,
.btn-pricing:active,
.btn-pricing.active,
.btn-pricing.disabled,
.btn-pricing[disabled] {
    color: #d3dce5;
    background-color: #325c80;
    background-color: #325c80;
}

.btn-pricing:active,
.btn-pricing.active {
    color: #d3dce5;
    background-color: #325c80 \9;
}

#shaon-pricing-table.style-2 .wppt-package-info {
    min-height: 140px !important;
}

#shaon-pricing-table.style-2 .wppt-package-info .wppt-info-circle {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    padding-top: 5px;
    text-align: center;
}

#shaon-pricing-table.style-2 .wppt-package-info .wppt-info-circle p {
    font-size: 10pt !important;
}

#shaon-pricing-table.style-3 .wppt-package-info {
    background-color: #eeeeee !important;
    background-image: none !important;
    border-left-color: #aaaaaa !important;
    border-right-color: #aaaaaa !important;
}

#shaon-pricing-table.style-3 .wppt-package-info * {
    color: #333333 !important;
}

#shaon-pricing-table.style-2.style-3 .wppt-info-circle * {
    color: #ffffff !important;
}

#shaon-pricing-table.style-2.style-3 .wppt-info-circle {
    background: #d94165 !important;
}

#shaon-pricing-table.style-2.style-3.skin-coffee .wppt-info-circle {
    background: #7d5d3b !important;
}

#shaon-pricing-table.style-2.style-3.skin-dark-blue .wppt-info-circle {
    background: #6192b8 !important;
}

#shaon-pricing-table.style-2.style-3.skin-blue .wppt-info-circle {
    /*    background: rgba(0, 0, 0, 0.2) !important;
*/
}

#shaon-pricing-table.style-2.style-3.skin-green .wppt-info-circle {
    background: #74ad5a !important;
}

#shaon-pricing-table .label {
    padding: 0.3em 0.6em 0.3em !important;
}

#shaon-pricing-table.skin-smooth li {
    border: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

#shaon-pricing-table.skin-smooth ul li.feature {
    padding: 15px !important;
    min-height: 50px !important;
}

#shaon-pricing-table.singular-head div.pricing-table:not(.active) li.wppt-package-name {
    background: rgb(229, 229, 229) !important;
    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(244, 244, 244, 1) 73%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 1)), color-stop(73%, rgba(244, 244, 244, 1))) !important;
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(244, 244, 244, 1) 73%) !important;
    background: -o-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(244, 244, 244, 1) 73%) !important;
    background: -ms-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(244, 244, 244, 1) 73%) !important;
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(244, 244, 244, 1) 73%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4', GradientType=0) !important;
    border-color: #aaaaaa !important;
    box-shadow: none !important;
}

#shaon-pricing-table.singular-head.skin-smooth div.pricing-table:not(.active) li.wppt-package-name {
    background: #555555 !important;
}

#shaon-pricing-table.singular-head div.pricing-table:not(.active) .wppt-package-name * {
    color: #333333 !important;
}

#shaon-pricing-table.singular-head.skin-smooth div.pricing-table:not(.active) li.wppt-package-name * {
    color: #ffffff !important;
}

#shaon-pricing-table.long-shadow div.pricing-table {
    box-shadow: 1px 1px rgb(227, 227, 227), 2px 2px rgb(228, 228, 228), 3px 3px rgb(229, 229, 229), 4px 4px rgb(230, 230, 230), 5px 5px rgb(231, 231, 231), 6px 6px rgb(232, 232, 232), 7px 7px rgb(233, 233, 233), 8px 8px rgb(234, 234, 234), 9px 9px rgb(235, 235, 235), 10px 10px rgb(236, 236, 236), 11px 11px rgb(237, 237, 237), 12px 12px rgb(238, 238, 238), 13px 13px rgb(239, 239, 239), 14px 14px rgb(240, 240, 240), 15px 15px rgb(241, 241, 241), 16px 16px rgb(241, 241, 241), 17px 17px rgb(242, 242, 242), 18px 18px rgb(243, 243, 243), 19px 19px rgb(244, 244, 244), 20px 20px rgb(245, 245, 245), 21px 21px rgb(246, 246, 246), 22px 22px rgb(247, 247, 247), 23px 23px rgb(248, 248, 248), 24px 24px rgb(249, 249, 249), 25px 25px rgb(250, 250, 250), 26px 26px rgb(251, 251, 251), 27px 27px rgb(252, 252, 252), 28px 28px rgb(253, 253, 253), 29px 29px rgb(254, 254, 254), 30px 30px rgb(255, 255, 255) !important;
}

#shaon-pricing-table.long-shadow div.pricing-table.active {
    box-shadow: 1px 1px rgb(192, 192, 192), 2px 2px rgb(194, 194, 194), 3px 3px rgb(196, 196, 196), 4px 4px rgb(198, 198, 198), 5px 5px rgb(200, 200, 200), 6px 6px rgb(202, 202, 202), 7px 7px rgb(204, 204, 204), 8px 8px rgb(206, 206, 206), 9px 9px rgb(207, 207, 207), 10px 10px rgb(209, 209, 209), 11px 11px rgb(211, 211, 211), 12px 12px rgb(213, 213, 213), 13px 13px rgb(215, 215, 215), 14px 14px rgb(217, 217, 217), 15px 15px rgb(219, 219, 219), 16px 16px rgb(221, 221, 221), 17px 17px rgb(223, 223, 223), 18px 18px rgb(224, 224, 224), 19px 19px rgb(226, 226, 226), 20px 20px rgb(228, 228, 228), 21px 21px rgb(230, 230, 230), 22px 22px rgb(232, 232, 232), 23px 23px rgb(234, 234, 234), 24px 24px rgb(236, 236, 236), 25px 25px rgb(238, 238, 238), 26px 26px rgb(239, 239, 239), 27px 27px rgb(241, 241, 241), 28px 28px rgb(243, 243, 243), 29px 29px rgb(245, 245, 245), 30px 30px rgb(247, 247, 247), 31px 31px rgb(249, 249, 249), 32px 32px rgb(251, 251, 251), 33px 33px rgb(253, 253, 253), 34px 34px rgb(255, 255, 255) !important;
    transform: scale(1.08);
}

#shaon-pricing-table.hover-effect div.pricing-table {
    transition: all 800ms ease-in;
}

#shaon-pricing-table.hover-effect div.pricing-table:hover {
    transform: scale(1.04) !important;
    transition: all 300ms ease-in;
}

#shaon-pricing-table.hover-effect div.pricing-table.active:hover {
    transform: scale(1.11) !important;
    transition: all 0.5s ease-in-out;
}

#shaon-pricing-table.arrowed .wppt-package-info {
    position: relative;
    border-bottom: 0 !important;
}

#shaon-pricing-table.arrowed .wppt-package-info:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 25px 106px 0;
    border-color: #4C66A4 transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -106px !important;
    bottom: -25px;
    left: 50%;
}

#shaon-pricing-table.arrowed div.pricing-table.active .wppt-package-info:after {
    bottom: -24px !important;
}

#shaon-pricing-table.arrowed div.pricing-table li.first-feature {
    height: 100%;
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    #shaon-pricing-table.style-3.arrowed .wppt-package-info {
        background: #f2bf5e !important;
        min-height: 100%;
        margin-bottom: 60px;
    }
}

#shaon-pricing-table.arrowed .col-md-4 .wppt-package-info:after {
    border-width: 32px 146px 0;
    margin-left: -146px !important;
    bottom: -32px;
}

#shaon-pricing-table.arrowed.skin-dark-blue .wppt-package-info:after {
    border-color: #41637D transparent;
}

#shaon-pricing-table.flat.arrowed.skin-dark-blue:not(.style-3) .wppt-package-info:after {
    border-color: #6192B8 transparent;
}

#shaon-pricing-table.arrowed.skin-coffee .wppt-package-info:after {
    border-color: #644C30 transparent;
}

#shaon-pricing-table.flat.arrowed.skin-coffee:not(.style-3) .wppt-package-info:after {
    border-color: #7D5D3B transparent;
}

#shaon-pricing-table.arrowed.skin-green .wppt-package-info:after {
    border-color: #68A54C transparent;
}

#shaon-pricing-table.flat.arrowed.skin-green:not(.style-3) .wppt-package-info:after {
    border-color: #74AD5A transparent;
}

#shaon-pricing-table.arrowed.skin-blue .wppt-package-info:after {
    border-color: #2981BA transparent;
}

#shaon-pricing-table.flat.arrowed.skin-blue:not(.style-3) .wppt-package-info:after {
    border-color: #3498DB transparent;
}

#shaon-pricing-table.style-3.arrowed .wppt-package-info {
    background: #f2bf5e !important;
    height: 100%;
    margin-bottom: 40px;
}

#shaon-pricing-table.style-3.arrowed .wppt-package-info:after {
    border-color: #f2bf5e transparent;
}

#shaon-pricing-table.metro * {
    border-radius: 0 !important;
    box-shadow: 0 !important;
}

#shaon-pricing-table.flat .wppt-package-name,
#shaon-pricing-table.flat .wppt-package-info,
#shaon-pricing-table.flat .pricing-footer {
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

#shaon-pricing-table.flat div:not(.style-3).pricing-table.active .wppt-package-name {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    overflow: hidden;
}

#shaon-pricing-table.flat:not(.style-3) div.pricing-table.active .wppt-package-name h5 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    background: rgba(0, 0, 0, 0.15) !important;
}

#shaon-pricing-table.flat .pricing-footer .btn {
    background: rgba(255, 255, 255, 0.9) !important;
}

#shaon-pricing-table.flat div.pricing-table:hover .pricing-footer .btn {
    background: rgba(255, 255, 255, 1) !important;
}

#shaon-pricing-table .pricing-footer {
    padding: 8px 20px !important;
}

#shaon-pricing-table .wppt-package-name h5 {
    height: 40px;
    line-height: 38px;
}

.pricing-table .pricing-plan {
    /*  margin: 30px -16px 20px -16px;
*/
    border: 1px solid #e5eaee;
    background-color: #f4f7f9;
    text-align: center;
}

.plan-header {
    background: #f2bf5e;
    padding: 25px 5px 20px;
}

.plan-header h2 {
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 5px;
}

.plan-pricing {
    background-color: #e5eaee;
    border-top: 1px solid #e5eaee;
    height: 124px;
    padding: 23px 0 24px;
}

.plan-pricing span {
    color: #2a2f43;
    font-size: 26px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    padding-left: 5px;
    padding-top: 6px;
}

.plan-pricing h2 {
    display: inline-block;
    margin: 0;
    color: #2a2f43;
    font-size: 54px;
    font-weight: 400;
}

.plan-pricing h6 {
    color: #2a2f43;
    font-size: 12px;
    font-weight: 400;
    margin: 4px 0 0;
}

.plan-features ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e7e7e7;
}

.plan-features li {
    padding: 12px 0;
    border-bottom: 1px solid #e7e7e7;
    background-color: #FFF;
    color: #999;
    margin: 0;
}

.plan-features li:last-child {
    border-bottom: 0;
}

.plan-features li b {
    font-weight: 600;
}

.plan-features li i.fa {
    font-size: 15px;
    color: #777;
    padding-right: 8px;
}

.plan-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.plan-icons li {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
    background-color: #FFF;
    font-size: 18px;
    margin: 0;
}

.plan-icons li:last-child {
    border-bottom: 0;
}

.plan-footer {
    background-color: #e5eaee;
    border-top: 1px solid #e5eaee;
}

.plan-footer .btn {
    margin: 20px 0;
    padding: 8px 26px;
}

.hero-plan {
    z-index: 10;
}

.hero-plan .pricing-plan {
    background-color: #f6f6f6;
    padding: 0 0 20px 0;
    margin: 0 -17px 20px -17px;
    border-bottom: 1px solid #BBB;
    -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
}

.hero-plan .pricing-plan .pricing-title {
    color: #FFF;
    margin: -1px -1px 0 -1px;
}

.hero-plan .pricing-plan .pricing-title h2 {
    color: #FFF;
    font-weight: 600;
}

.hero-plan .pricing-plan .pricing-subtitle {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 4px;
    font-weight: 600;
}

.hero-plan .pricing-plan a.btn {
    margin: 40px 0 20px;
}

.pricing-compare .plan-desc {
    height: 200px;
    text-align: center;
    padding: 25px 15px 10px;
}

.pricing-compare .plan-desc h2 {
    font-weight: 400;
}

.pricing-compare .plan-desc h6 {
    font-weight: 400;
}

.pricing-compare .plan-desc span {
    color: #4ECCDB;
    font-size: 24px;
    padding: 13px 0 24px;
}

.cart {
    font-size: 16px;
    color: #914573;
    font-weight: 300;
    font-family: inherit;
    padding-left: 10px
}












/*progress*/

.progress-bar-section {
    top: 0px !important;
}

.booking-steps .active .icon {
    color: #ffffff;
    font-size: 20px;
    line-height: 33px;
}

.progress-bar-section span.icon {
    font-size: 20px;
    line-height: 33px;
}

.form-horizontal label {
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #6d6e71;
}

.form-horizontal textarea {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 2px solid #dbdcd9;
}

.progress-bar-section {
    text-align: center;
    min-height: 82px;
    width: 100%;
    position: absolute;
    left: 0px;
    margin: 90px 0px;
    line-height: 2.428571;
}

.booking-steps {
    display: inline-block;
}

.booking-steps::after {
    content: '';
    display: block;
    width: 68%;
    height: 2px;
    background-color: #ccc;
    margin: -62px auto 0px auto;
}

.booking-steps .step {
    display: inline-block;
    vertical-align: top;
    margin: 0px 25px;
    width: auto;
    color: #888;
    font-size: 12px;
    cursor: pointer;
}

.booking-steps .step p {
    margin: 0px 0px 16px 0px;
}

.progress-bar-section [data-step].access-approved,
.progress-bar-section [data-step] {
    cursor: pointer;
}

.booking-steps .icon {
    display: inline-block;
    height: 35px;
    width: 35px;
    border: 1px solid #999;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    border-radius: 100%;
    background-clip: padding-box;
    background: #f1f2f2;
}

.booking-steps .active .icon {
    background: #8DC63F;
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    .booking-steps .step {
        margin: 0px 9px !important;
    }
}

.step-names .step {
    display: inline-block;
    ;
    color: #888;
    font-size: 10px;
    text-align: center;
    width: 75px;
}

.step-names .step p {
    margin: 0;
    white-space: nowrap;
}

.order_confirmation_block {
    padding: 15px 25px;
    margin: 50px auto 0px;
}

.user_orderinfo_block h4 {
    color: #6d6e71;
    font-size: 20px !important;
    margin: 15px 0px;
}

.user_orderinfo_block p {
    color: #6d6e71;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.booking_info,
.user_address {
    margin: 15px 0px;
    padding: 0px !important;
}

.booking_info .col-xs-4:first-child {
    padding-left: 0px !important;
}

.booking_info .col-xs-4 span {
    float: left;
    width: 100%;
}

.ob_heading {
    color: #414042;
    font-size: 20px;
    margin-bottom: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.ob_details {
    color: #6d6e71;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.ob_date {
    text-transform: uppercase;
}

.addr_label {
    float: left;
    width: 100%;
    color: #414042;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}

.user_orderinfo_block p.addr_text {
    color: #999;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    margin: 10px 0px;
}

.scheduled_block h4 {
    color: #414042;
    font-size: 20px;
    margin: 20px 0px 70px;
    font-weight: 600;
}

.schedule_box {
    float: left;
    width: 100%;
}

.sb_heading {
    float: left;
    width: 100%;
    background: #8dc63f;
    color: #fff;
    padding: 8px 50px;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.sb_details {
    float: left;
    background: #f1f2f2;
    width: 100%;
    padding: 0px 50px;
    margin: 0px 0px 15px;
}

.sb_week,
.sb_month_date,
.sb_time {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.sb_month_date {
    font-size: 60px;
    font-weight: 700;
}

.sb_week {
    font-size: 36px;
}

.sb_time {
    font-size: 30px;
}

.sb_visit {
    float: left;
    width: 100%;
}

.sb_visit p,
.sb_visit p a {
    color: #414042;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

.sb_visit p a {
    text-decoration: underline;
}

.sb_visit p a:hover {
    text-decoration: none;
}

.nonpopular-plan {
    float: right;
    width: 46%;
    padding: 0 2% 2%;
    margin-bottom: 0;
}

.plandetails {
    width: 49%;
    /* float: left;*/
}

.planduration {
    font-size: 14px!important;
    text-transform: uppercase;
    font-family: proximanova-semibold-webfont;
    letter-spacing: .5px;
}

.planprice {
    color: #000;
    font-size: 36px;
    float: none;
    display: block;
}

.currency {
    font-family: indian_rupeeregular;
}











/*scroll bar */

.scrollbar {
    min-height: 560px;
    max-height: 560px;
    overflow-y: auto;
}

#style-6::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
}









/*timeline*/

.timeline {
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 4px;
    background: #ffffff;
    left: 50%;
    margin-left: -1.5px;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    float: left;
    clear: left;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge {
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 100;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge>a {
    color: #ffffff !important;
}

.timeline-badge a:hover {
    color: #dcdcdc !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-heading h4 {
    font-weight: 400;
    padding: 0 15px;
    color: #4679bd;
}

.timeline-body>p,
.timeline-body>ul {
    padding: 10px 15px;
    margin-bottom: 0;
}

.timeline-footer {
    padding: 5px 15px;
    background-color: #ffffff;
}

.timeline-footer p {
    margin-bottom: 0;
}

.timeline-footer>a {
    cursor: pointer;
    text-decoration: none;
}

.timeline>li.timeline-inverted {
    float: right;
    clear: right;
}

.timeline>li:nth-child(2) {
    margin-top: 10px;
}

.timeline>li.timeline-inverted>.timeline-badge {
    left: -12px;
}

.no-float {
    float: none !important;
}

ul.timeline:before {
    left: 40px;
}

ul.timeline>li {
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    float: left;
    clear: left;
}

ul.timeline>li>.timeline-panel {
    width: calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: -webkit-calc(100% - 65px);
}

ul.timeline>li>.timeline-badge {
    left: 23px;
    margin-left: 0;
    top: 28px;
}

ul.timeline>li>.timeline-panel {
    float: right;
}

ul.timeline>li>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

ul.timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline>li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.timeline>li.timeline-inverted>.timeline-badge {
    left: 28px;
}

.details-card ul li {
    padding: 10px 0;
    /* border-bottom: 1px solid #ecedef; */
    list-style: none;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline>li {
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }
    ul.timeline>li>.timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }
    ul.timeline>li>.timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline>li>.timeline-panel {
        float: right;
    }
    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline>li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline>li.timeline-inverted>.timeline-badge {
        left: 28px;
    }
}

ol.timeline-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    color: #AAA;
}

ol.timeline-list li.timeline-item {
    position: relative;
    padding: 15px 120px 15px 50px;
}

ol.timeline-list li.timeline-item:hover .timeline-icon,
ol.timeline-list li.timeline-item:focus .timeline-icon {
    opacity: 1;
}

ol.timeline-list li.timeline-item:after {
    content: "";
    position: absolute;
    display: block;
    left: 23px;
    top: 0;
    height: 100%;
    width: 3px;
    background: #E8E8E8;
}

ol.timeline-list li.timeline-item+.timeline-item {
    border-top: 1px solid #E8E8E8;
}

ol.timeline-list li.timeline-item .timeline-desc {
    letter-spacing: 0.2px;
}

ol.timeline-list li.timeline-item .timeline-desc b,
ol.timeline-list li.timeline-item .timeline-desc strong {
    color: #333;
    font-weight: 600;
}

ol.timeline-list li.timeline-item .timeline-desc p {
    padding: 0 2px;
    color: #000;
}

ol.timeline-list li.timeline-item .timeline-icon {
    opacity: 0.85;
    z-index: 2;
    position: absolute;
    left: 8px;
    top: 12px;
    /*background: #BBB;*/
    width: 35px;
    height: 35px;
    line-height: 26px;
    color: #FFF;
    text-align: center;
    border: 2px solid #FFF;
}

ol.timeline-list li.timeline-item .timeline-date {
    position: absolute;
    right: 15px;
    top: 15px;
}

.chute-left ol.timeline-list li.timeline-item,
.chute-right ol.timeline-list li.timeline-item {
    position: relative;
    padding: 15px 80px 15px 50px;
}

@media (max-width: 479px) {
    ol.timeline-list li.timeline-item {
        padding: 15px 0 15px 50px;
    }
    ol.timeline-list li.timeline-item .timeline-date {
        right: 0;
        top: 2px;
        font-size: 11px;
    }
}

.bg-dark.light {
    background-color: #363c56 !important;
}