    @import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

    @font-face {
        font-family: 'CanaroExtraBold';
        src: url('fonts/CanaroExtraBold.eot');
        src: url('fonts/CanaroExtraBold.eot') format('embedded-opentype'),
        url('fonts/CanaroExtraBold.woff2') format('woff2'),
        url('fonts/CanaroExtraBold.woff') format('woff'),
        url('fonts/CanaroExtraBold.ttf') format('truetype'),
        url('fonts/CanaroExtraBold.svg#CanaroExtraBold') format('svg');
    }

    @font-face {
        font-family: 'CanaroMedium';
        src: url('fonts/CanaroMedium.eot');
        src: url('fonts/CanaroMedium.eot') format('embedded-opentype'),
        url('fonts/CanaroMedium.woff2') format('woff2'),
        url('fonts/CanaroMedium.woff') format('woff'),
        url('fonts/CanaroMedium.ttf') format('truetype'),
        url('fonts/CanaroMedium.svg#CanaroMedium') format('svg');
    }

    @font-face {
        font-family: 'CanaroBold';
        src: url('fonts/CanaroBold.eot');
        src: url('fonts/CanaroBold.eot') format('embedded-opentype'),
        url('fonts/CanaroBold.woff2') format('woff2'),
        url('fonts/CanaroBold.woff') format('woff'),
        url('fonts/CanaroBold.ttf') format('truetype'),
        url('fonts/CanaroBold.svg#CanaroBold') format('svg');
    }

    body {
        padding: 0px;
        margin: 0px;
        background: #FFF;
        text-decoration: none;
        font-weight: normal;
        line-height: normal;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        color: #444444;
    }

    p {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .container {
        max-width: 1200px;
        width: 100%;
        overflow: hidden;
    }

    *:focus {
        outline: none;
    }

    a:active,
    a:focus {
        outline: none;
        text-decoration: none;
    }

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: none;
    }

    section {
        overflow: hidden;
    }
    /************* headings  ******************/

    h2 {
        font-family: 'CanaroMedium', sans-serif;
        font-size: 55px;
        line-height: 48px;
        color: #fa7331;
        letter-spacing: 4px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
    }

    .banner_text h3 {
        font-family: 'CanaroBold', sans-serif;
        font-size: 18px;
        color: #039ea0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    h5 {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }

    h6 {
        text-align: center;
        color: #424848;
        font-size: 25px;
        max-width: 800px;
        margin: auto
    }
    /********  navbar-nav ********/

    .navbar-default {
        background-color: #fefefe;
        border: none;
        border-top: 4px solid #fa7e41;
    }

    .navbar-header .navbar-brand {
        padding: 0;
        height: auto;
        margin: 5px 0 10px!important;
    }

    .navbar-right {
        margin-right: 0!important;
    }


    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        margin-top: 23px;
    }

    .navbar-default .navbar-nav>li>a {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        color: #444444;
        padding: 12px 14px;
    }

    .navbar-default .navbar-nav>li.current>a,
    .navbar-default .navbar-nav>li>a:hover {
        color: #009c9e;
    }

    .navbar-default .navbar-nav>li.work a,
    .navbar-default .navbar-nav>li.login a,
    .navbar-default .navbar-nav>li.nurse a {
        padding: 12px 33px;
        font-size: 16px;
        border-radius: 5px;
        margin-left: 15px;
    }

    .navbar-default .navbar-nav>li.work a {
        background: #039ea0;
        color: #FFF;
    }

    .navbar-default .navbar-nav>li.work a:hover {
        background: rgba(3, 158, 160, 0.7);
    }

    .navbar-default .navbar-nav>li.login a {
        border: solid 1px #039ea0;
        color: #039ea0;
        font-weight: normal;
        padding: 11px 33px;
    }

    .navbar-default .navbar-nav>li.login a:hover {
        border: solid 1px #FFF;
        background: #eee;
        color: #000;
    }

    .navbar-default .navbar-nav>li.nurse a {
        background: #fa7331;
        color: #FFF;
    }

    .navbar-default .navbar-nav>li.nurse a:hover {
        background: rgba(250, 115, 49, 0.74);
    }
    /************* slider ***********/

    .main_slider {
        position: relative;
        width: 100%;
        display: inline-block;
        min-height: 80vh;
    }
.banner_text,
    .slide {
        position: absolute;
        z-index: 9;
        top: 180px;
        width: 100%;
        left: 0;
    }


 .slide {
        top: 295px;}

    .banner_text h6 {
        font-size: 16px;
        color: #444444;
        margin: 20px 0;
        max-width: 440px;
        text-align: left;
    }
.banner_text  .col-md-offset-7,
    .slide .col-md-offset-7 {
        padding-left: 45px;
        padding-right: 0;
    }

    .slide .form_bg {
        background: rgba(255, 255, 255, 0.68);
        margin: 0;
        border-left: solid 4px #fa7331;
        max-width: 440px;
        box-shadow: 0px 1px 10px #ccc;
        position: relative;
    }

    .slide .form_bg:after {
        content: "\f0da";
        font-family: FontAwesome;
        font-size: 25px;
        position: absolute;
        top: 27px;
        color: #fa7331;
    }

    .slide .form_bg .inner {
        padding: 17px 30px;
    }

    .slide .form_bg .inner h2 {
        font-size: 27px;
        color: #21aaac;
        font-weight: normal;
    }

    .slide .form_bg .inner h6 {
        font-size: 16px;
        color: #606060;
        margin: 14px 0 0 0;
    }

    .slide .form_bg .inner h3 {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 1px;
        color: #fa7331;
        margin: 8px 0 5px;
        text-transform: uppercase;
    }

    .slide .form_bg .inner .control {}

    .slide .form_bg .inner .control label {
        display: inline-block;
        width: 100%;
        margin: 12px 0 8px 0;
        font-weight: 600 !important;
        font-size: 16px;
    }

    .slide .form_bg .inner .control .btn-group {
        width: 100%;
        display: inline-block;
    }

    .slide .form_bg .inner .control .btn-group button {
        width: 100%;
        display: inline-block;
        text-align: left;
    }

    .slide .form_bg .inner .control .btn-group button .caret {
        float: right;
        margin: 8px 0 0;
        position: absolute;
        right: 10px;
    }

    .slide .form_bg .inner .control .btn-group .dropdown-menu {
        width: 100%;
    }

    .slide .form_bg .inner .control input[type="text"] {
        width: 100%;
        display: inline-block;
        padding: 0 15px;
        height: 46px;
        border: solid 1px #838383;
        border-radius: 5px;
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        color: #6b6e63;
    }

    .btn_orng {
        background: #fa7331;
        color: #FFF !important;
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 5px 23px;
    }

    .btn_orng:hover {
        background: rgba(250, 115, 49, 0.74);
        color: #FFF !important;
    }

    .slide .form_bg .btn_orng {
        margin: 20px 0 25px 0;
    }

    .select_box {
        width: 100%;
        border: solid 1px #838383;
        background: #fff url(../images/h_select.png) no-repeat right;
        color: #6b6e63;
        appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        font-size: 14px;
        line-height: 16px;
        font-family: 'Lato', sans-serif;
        height: 46px;
        border-radius: 5px;
        padding: 0 15px;
    }

    .select_box option {
        height: 29px;
        line-height: 37px;
        padding: 7px 0 0 9px;
    }
    /******* prefer *******/

/*     .prefer {
    background: #fa7331;
    padding: 34px 0 40px;
    margin: -5px 0 0 0;
}

.prefer h3 {
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
}

.prefer h3 a.phone-number {
    border: solid 1px #ffffff;
    font-size: 22px;
    color: #FFF;
    text-decoration: none;
    padding: 10px 30px;
    text-transform: uppercase;
    width: 250px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 30px;
    letter-spacing: 1px;
    text-align: center;
}

.prefer h3 a.phone-number:hover {
    background: rgba(255, 255, 255, 0.2);
}

.prefer h3 span {
    display: inline-block;
}

.prefer h3 a.call {
    color: #FFF;
    text-transform: uppercase;
    padding: 9px 15px;
    margin: 0 30px;
    border: solid 1px #039ea0;
    font-size: 22px;
    text-decoration: none;
    padding: 10px 30px;
    width: 250px;
    display: inline-block;
    border-radius: 5px;
    letter-spacing: 1px;
    text-align: center;
}

.prefer h3 a.call:hover {
    background: #039ea0;
}

.prefer h3 b {
    font-weight: normal;
    display: inline-block;

    position: relative;
    top: -12px;
} */



 .call-us h3 {
    font-size: 24px;
    text-align: left;
    color: #FFF;
    font-weight: normal;
    margin: 0;
}

 .call-us {
    background: #fa7331;
    padding: 34px 0;  margin: -5px 0 0 0;
}

 .call-us h3 span {
    line-height: 46px;
}


.call-us h3 a.phone-number {
    border: solid 1px #ffffff;
    font-size: 22px;
    color: #FFF;
    text-decoration: none;
    padding: 10px 30px;
    text-transform: uppercase;
    width: 250px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 30px;
    letter-spacing: 1px;
    text-align: center;
    transition: all 0.2s ease-in;
}


.call-us h3 a.phone-number:hover {
    background: rgba(255, 255, 255, 0.2);
}



    /*************** fast-effective **************/

    #fast-effective {
        padding: 0 0 90px;
    }
    /*
.the_fast_block {
    width: 100%;
    display: inline-block;
}

 .the_fast_block .cost_eff {
    max-width: 900px;
    margin: 100px auto 0px auto;
} 
.cost_eff {
    padding-bottom: 60px;
}*/

    .cost_eff .fast_logo {
        float: left;
        width: 40%;
        text-align: center;
        margin-top: 0;
    }

    .cost_eff .fast_logo img {
        max-width: 290px;
    }

    .fast_content {
        width: 60%;
        float: right;
        padding: 0 0 0% 5%;
        border-left: solid 4px #039ea0;
        vertical-align: top;
    }
    /* .cost_eff h1 {
       text-transform: uppercase;
    color: #039ea0;
    font-weight: 900;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
} */

    .fast_content h2 {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        color: #171e54;
        font-size: 40px;
        letter-spacing: 1px;
        line-height: 1.5;
        text-align: left;
    }

    .care_three {
        width: 100%;
        display: table;
        padding: 60px 0;
    }

    .care_three .on_call {
        width: 78px;
        display: table-cell;
    }

    .care_three .on_call img {
        vertical-align: top;
    }

    .care_three .call_text {
        vertical-align: top;
        display: table-cell;
    }

    .care_three .call_text h3 {
        text-transform: uppercase;
        color: #039ea0;
        font-size: 20px;
        margin-top: 0;
    }

    .care_three .call_text p {
        font-size: 16px;
        color: #444444;
        margin: 5px 0 0 0;
    }
    /***************** mission **********************/

    #mission {
        padding-bottom: 130px;
    }

    .mission_bg {
        background: url(../images/pattern.jpg) repeat;
        width: 100%;
        display: inline-block;
        margin: 0;
    }

    .mission_start {
        width: 100%;
        display: inline-block;
        padding: 115px 0 55px 0;
        background: url(../images/title-bg.png) no-repeat center 62px;
    }

    .mission_main .mission_promiss {
        width: 100%;
        display: table;
        padding: 0;
    }

    .mission_main .mission_promiss .mis_img {
        width: 90px;
        display: table-cell;
    }

    .mission_main .mission_promiss .mis_text {
        vertical-align: top;
        display: table-cell;
        font-size: 20px;
        margin-top: 0;
    }

    .mission_main .mission_promiss .mis_text h3 {
        text-transform: uppercase;
        color: #039ea0;
        font-size: 20px;
        margin-top: 0;
    }

    .mission_main .mission_promiss .mis_text p {
        font-size: 16px;
        color: #666;
        margin: 5px 0 0 0;
    }
    /**** services ****/

    #our-services {
        padding-bottom: 50px;
    }

    .services_start {
        padding: 140px 0 35px 0;
        text-align: center;
        background: url(../images/title-bg2.png) no-repeat center 88px;
    }
    /** initial setup **/

    .nano {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .nano .content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .nano .content:focus {
        outline: thin dotted;
    }

    .nano .content::-webkit-scrollbar {
        visibility: hidden;
    }

    .has-scrollbar .content::-webkit-scrollbar {
        visibility: visible;
    }

    .nano>.pane {
        background: rgba(0, 0, 0, .25);
        position: absolute;
        width: 10px;
        right: 0;
        top: 0;
        bottom: 0;
        visibility: hidden\9;
        /* Target only IE7 and IE8 with this hack */
        opacity: .01;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        border-radius: 5px;
    }

    .nano>.pane>.slider {
        background: #21aaac;
        background: rgb(33, 170, 172);
        position: relative;
        margin: 0 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .nano:hover>.pane,
    .pane.active,
    .pane.flashed {
        visibility: visible\9;
        /* Target only IE7 and IE8 with this hack */
        opacity: 0.99;
    }

    .nano {
        width: 100%;
        height: 430px;
        margin-bottom: 5px;
    }

    .nano .content {
        padding: 50px 15px 0;
    }

    .nano .pane {
        background: #ecf4f4;
    }

    .nano .slider {
        background: #111;
    }

    .home-services {
        padding: 30px 15px 0;
        border: 3px solid #ecf4f4;
        max-width: 1245px;
        width: 90%;
        margin: auto;
        margin-bottom: 70px;
    }

    .home-services_inner {
        padding: 15px;
        position: relative;
        margin: 30px 0 0 0;
    }

    .home-services h3 {
        color: #039ea0;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 48px;
        letter-spacing: 4px;
        margin-top: -55px;
        text-align: center;
        position: relative;
        width: 100%;
        z-index: 66;
    }

    .home-services h3 span {
        background: #FFF;
        padding: 0 10px;
    }

    .home-services p {
        text-align: center;
        margin-top: 20px;
    }

    .home-services .service_img {
        margin: 25px 0;
    }

    .home-services .service_img h4 {
        font-size: 16px;
        text-transform: uppercase;
        margin: 16px 0 11px;
        border-bottom: solid 1px #ddd;
        padding: 0 0 8px 0;
    }

    .home-services .service_img a {
        color: #fa7331;
        text-transform: capitalize;
    }

    .home-services .service_img a i.fa {
        font-size: 8px;
        margin-left: 3px;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }

    .home-services .service_img a:hover {
        text-decoration: none;
    }

    .home-services .service_img a:hover i {
        margin-left: 10px;
    }
    /****************** why all care 4 u ? *****************/

    .all_care4_bg {
        background: #fa7331;
    }

    .why-care4u-start {
        padding: 145px 0 80px 0;
        background: url(../images/title-bg3.png) no-repeat center 95px;
    }

    .why-care4u-start h2 {

        color: #FFF;
        margin-bottom: 37px;
    }

    .all_care4_bg .care4_main .count_block {
        position: relative;
        margin: 10px 0 60px 0;
    }

    .all_care4_bg .care4_main .count_block p {
        color: #FFF;
        text-align: right;
        padding: 0 48px 0 0;
        font-size: 16px;
    }

    .all_care4_bg .care4_main .count_block .disit {
        position: absolute;
        right: -15px;
        background: #f8a176;
        width: 50px;
        height: 50px;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        line-height: 48px;
        top: 0;
        border-radius: 28px;
        -ms-border-radius: 28px;
        -moz-border-radius: 28px;
        -webkit-border-radius: 28px;
        -o-border-radius: 28px;
        font-size: 24px;
    }

    .all_care4_bg .care4_main .right .count_block .disit {
        left: -15px;
        right: inherit;
    }

    .all_care4_bg .care4_main .right .count_block p {
        text-align: left;
        padding: 0 0 0 48px;
    }

    .all_care4_bg .care4_main .align_center .count_block {
        text-align: center;
        max-width: 355px;
        position: relative;
        margin: 0px auto 73px auto;
        left: 7%;
    }

    .all_care4_bg .care4_main .align_center .count_block p {
        text-align: left;
        padding: 0 0 0 46px;
        display: inline-block;
    }

    .all_care4_bg .care4_main .align_center .count_block .disit {
        display: inline-block;
        left: -15px;
    }
    /************* we offer you  ************/

    #offer {
        padding-bottom: 100px;
    }

    .offer_block .offer_text h3 {
        font-size: 16px;
        text-transform: uppercase;
        margin: 12px 0 15px;
        border-bottom: solid 1px #ddd;
        padding: 0 0 11px 0;
    }
    /************ care for everyday needs and more ************/

    #care-need {
        padding-bottom: 100px;
    }

    #care-need h2 {
        letter-spacing: 0;
    }

    #care-need .mission_start {
        padding: 150px 0 0px 0;
        background: url(../images/title-bg.png) no-repeat center 100px;
    }

    .care-need .everday_need {
        text-align: center;
        margin: 15px 0 60px 0;
    }

    .care-need .everday_need img {}

    .care-need .everday_need h3 {
        text-transform: uppercase;
        color: #039ea0;
        font-size: 20px;
        margin: 15px 0 0;
    }

    .care-need .everday_need p {
        font-size: 16px;
        color: #666;
        margin: 5px 0 0 0;
    }
    /******* how much***********/

    #how-much {
        padding: 40px 0 140px;
    }

    #how-much .services_start {
        padding: 40px 0 0 0;
        background: url(../images/title-bg2.png) no-repeat center 125px;
    }

    #how-much .services_start h2 {
        margin-top: 65px;
    }

    .pricing_block p {
        font-size: 18px;
        font-weight: normal;
        margin: -20px 0 20px 0;
        color: #333;
    }

    .pricing_block .pricing {
        margin: 35px auto auto auto;
    }

    .pricing_block .pricing .home_nurse {
        font-size: 48px;
        text-align: left;
        margin: 0 0 28px 0;
        color: #fa7331;
        font-weight: 400;
    }

    .pricing_block .pricing .home_care_head {
        font-size: 48px;
        text-align: left;
        margin: 0 0 28px 0;
        color: #039ea0;
        font-weight: 400;
    }

    .pricing .col-md-6:first-child {
        padding-right: 45px;
    }

    .pricing .col-md-6:last-child {
        padding-left: 45px;
    }

    .pricing_block .pricing .pricing_hourly {
        padding: 7px 30px 16px 40px;
        background: #eff7f7;
        border-radius: 10px;
    }

    .pricing_block .pricing .pricing_hourly h3 {
        text-align: left;
        font-weight: 700;
        font-size: 36px;
        margin: 0px 0 0px 0;
        color: #333;
    }

    .pricing_block .pricing .pricing_hourly .from {
        font-size: 24px;
        font-weight: 700;
        color: #039ea0;
    }

    .pricing_block .pricing .pricing_hourly .pricing_type {
        margin-top: 30px;
    }

    .pricing_block .pricing .pricing_hourly .pricing_type .time {
        font-size: 18px;
        font-weight: normal;
        margin: 8px 0 0 0;
    }

    .pricing_block .pricing .pricing_hourly .pricing_amount {}

    .pricing_block .pricing .pricing_hourly .pricing_amount .amount {
        color: #039ea0;
        font-weight: bold;
        /*  text-align: right; */
        font-size: 100px;
        line-height: 80px;
        width: 100%;
        display: inline-block;
    }

    .pricing_block .pricing .pricing_hourly .pricing_amount .per {
        text-align: right;
        width: 100%;
        color: #039ea0;
        display: inline-block;
        font-weight: 700;
        font-size: 18px;
    }

    .second_pricing {
        border: solid 1px #d4e6e6;
        margin: 30px 0 0 0;
        border-radius: 5px;
        padding: 10px 0px 5px 35px;
    }

    .second_pricing .block {
        float: right;
        margin: 0 26px 0 0px;
    }

    .second_pricing strong {
        font-size: 24px;
        margin: 12px 0 9px 0;
        display: block;
    }

    .second_pricing .time {
        font-size: 15px;
        font-weight: normal;
    }

    .second_pricing .from {
        text-transform: capitalize;
        color: #039ea0;
        font-size: 15px;
        font-weight: normal;
    }

    .second_pricing .cost {
        color: #039ea0;
        font-weight: 700;
        font-size: 50px;
        line-height: 50px;
        /*  float: left; */
    }

    .second_pricing .per {
        color: #039ea0;
        margin: 0 0 0 5px;
        text-align: right;
    }

    .pricing_block .pricing .pricing_hourly.nurse_orange .pricing_amount .amount {
        color: #fa7331;
    }

    .pricing_block .pricing .pricing_hourly.nurse_orange .pricing_amount .per {
        color: #fa7331;
    }

    .nurse_orange.second_pricing .cost {
        color: #fa7331 !important;
    }

    .nurse_orange .from,
    .nurse_orange.second_pricing .from {
        color: #fa7331 !important;
    }

    .nurse_orange.second_pricing .per {
        color: #fa7331 !important;
    }
    /******* how it works ************/

    #how-work {
        padding-bottom: 100px;
    }

    #how-work .mission_start {
        padding: 115px 0 0 0;
    }

    .how-work .work_process {
        margin: 34px 0 0 0;
        text-align: center;
    }

    .how-work .work_process h3 {
        text-transform: uppercase;
        color: #039ea0;
        font-size: 20px;
        margin: 50px 0 0;
        text-align: left;
    }

    .how-work .work_process p {
        font-size: 14px;
        color: #666;
        margin: 12px 0 0 0;
        text-align: left;
    }
    /************* need more informaion ********************/

    #need-info {
        padding-bottom: 50px;
    }

    .more-info {
        max-width: 850px;
        margin: auto;
        padding: 0 0 80px 0;
    }

    .more-info .panel-group {
        margin: 30px 0 0 0;
    }

    .more-info .panel-default>.panel-heading {
        border-color: inherit;
        background: none;
        border-bottom: solid 2px #ddd;
        padding: 12px 15px;
    }

    .more-info .panel-group .panel-heading+.panel-collapse>.panel-body,
    .more-info .panel-group .panel-heading+.panel-collapse>.list-group {
        border-top: none;
    }

    .more-info .panel {
        box-shadow: 0 0 0 #FFF !important;
        border: none;
    }

    .more-info .panel-default>.panel-heading a {
        font-size: 24px;
        color: #039ea0;
        display: block;
        padding-left: 60px;
        text-decoration: none!important;
    }

    .more-info .panel-default>.panel-heading a:hover {
        text-decoration: none!important;
    }

    .more-info .panel-default>.panel-heading {
        background: url(../images/check-market.png) no-repeat 12px 50%;
    }
    /*************** search ********************/

    #search-row {
        padding: 56px 0 130px;
    }

    #search-row h3 {
        text-align: center;
        font-size: 44px;
        font-family: 'CanaroMedium', sans-serif;
        margin-bottom: 25px;
    }

    .search-bg {
        margin: 0px 0 0px 0;
        background: #fa7331;
        color: #FFF;
    }

    .nurses_form {
        margin-top: 25px;
    }

    .nurses_form select {
        border: solid 1px #ffb78b;
        background: url(../images/bottom_aerrow.png) no-repeat right center;
        color: #FFF;
        font-size: 16px;
        border-radius: 5px;
        padding-left: 15px;
        margin: 0 1% 0 0;
        height: 49px;
        width: 34%;
        appearance: none;
        -ms-appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        display: inline-block;
        vertical-align: top;
    }

    .nurses_form select option {
        color: #000;
    }

    .nurses_form input {
        width: 25%;
        background: #FFF;
        border: none;
        font-size: 24px;
        color: #545454;
        margin: 0;
        text-transform: uppercase;
        padding: 10px 0px;
        border-radius: 5px;
        display: inline-block;
    }

    .nurses_form input:hover {
        opacity: 0.95;
    }
    /********** families saying *********/

    #families-saying {
        padding-bottom: 110px;
    }

    .family_saying .work_process {
        text-align: center;
        /*  margin: 30px 0 0 0px; */
    }

    .family_saying .work_process img {
        border-radius: 50%;
        width: 170px;
        height: 170px;
    }

    .family_saying .work_process h3 {
        color: #21aaac;
        font-size: 18px;
        font-style: italic;
        margin: 30px 0 0 0;
    }

    .family_saying .work_process p {
        margin: 30px 0 0 0;
        line-height: 20px;
    }
    /************ experience **************/

    #experience {
        padding-top: 100px;
    }



    .experiences_nurses {
        background: #FFF;
        padding-bottom: 0px;
    }

    .experiences_nurses .text h4 {
        color: #039d9f;
        font-size: 48px;
        margin-bottom: 50px;
    }

    .experiences_nurses .text p {
        color: #333;
        font-size: 20px;
        line-height: 30px;
    }

    .experiences_nurses .text a.btn_white {
        margin-top: 30px;
        background: #039ea0;
        display: inline-block;
        padding: 18px 32px;
        font-size: 20px;
        text-decoration: none;
        border: solid 1px #ffffff;
        color: #FFF;
        text-transform: uppercase;
        letter-spacing: 2px
    }

    .experiences_nurses .text a.btn_white:hover {
        background: rgba(3, 158, 160, 0.7);
    }
    /****************** logos ****************/

    .logos {
        margin: 0;
        background-color: #EAE9E9;
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 35px 0;
    }

    .logos ul li {
        display: inline-block;
        font-size: 20px;
        color: #333;
        opacity: 0.7;
    }

    .logos img {
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        margin: 40px 22px;
        filter: grayscale(100%);
        opacity: 0.7;
    }

    .logos img:first-child {
        padding-left: 0px;
    }

    .logos img:hover {
        filter: inherit;
    }
    /***********  footer **************/

    footer {
        width: 100%;
        display: inline-block;
        padding-top: 35px;
    }

    .footer_main {
        display: inline-block;
        width: 100%;
        margin: 0px 0 10px 0;
    }

    .footer_main .f_logo {
        margin: 40px 0 0 0;
    }

    .footer_main .f_logo img {
        max-width: 250px;
    }

    .footer_main .footer_lini {
        margin: 37px 0 0 0;
    }

    .footer_main .footer_lini h3 {
        font-size: 16px;
        font-weight: bold;
        color: #21aaac;
        margin: 0 0 6px 0;
    }

    .footer_main .footer_lini ul {
        padding: 0;
    }

    .footer_main .footer_lini ul li {
        list-style: none;
    }

    .footer_main .footer_lini ul li a {
        color: #444444;
        text-decoration: none;
        font-size: 16px;
        padding: 5px 0;
        font-weight: normal;
        display: inline-block;
    }

    .footer_main .footer_lini ul li a:hover {
        color: #fa7e41;
    }


    .footer_main .footer_lini .call_btn {
        margin-top: 24px;
        color: #fa7331;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-size: 19px;
        text-decoration: none;
        font-weight: bold;
    }

    .footer_main .footer_lini .call_btn:hover {
        color: #039ea0;
    }

    /* .copy {
        width: 100%;
        display: inline-block;
        font-size: 15px;
        font-weight: normal;
        margin: 22px 0 0 0;
        color: #767373;
        border-top: solid 3px #f1f1f1;
        padding: 35px 0;
    } */
	
	.copy {
		width: 100%;
		display: inline-block;
		font-size: 15px;
		font-weight: normal;
		margin: 22px 0 0 0;
		color: #fff;
		border-top: solid 3px #f1f1f1;
		padding: 20px 0;
		background: #171e54;
	}

    #back-top {
        position: fixed;
        right: 14px;
        bottom: 20px;
    }

    #back-top:hover img {
        opacity: 0.95;
    }
    /*********************** steps ***************************/

    .steps-row {
        background: #fa7331;
        margin-top: 100px;
        padding: 64px 0;
    }

    .steps-title {
        color: #fff;
        font-size: 30px;
    }


    ul.steps {
        list-style: none;
        margin-top: 35px;
        padding: 0;
    }

    ul.steps li {
        display: inline-block;
        width: 43px;
        height: 43px;
        background: #fff;
        border-radius: 50%;
        padding: 6px;
        margin: 0 20px;
        position: relative;
    }

    ul.steps li>span:first-child {
        color: #039ea0;
        font-size: 20px;
        display: inline-block;
        height: 31px;
        width: 31px;
        border-radius: 50%;
        text-align: center;
        padding: 2px;
        vertical-align: middle;
    }

    ul.steps li:after {
        content: '';
        height: 4px;
        width: 55px;
        background: #fff;
        display: inline-block;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        position: absolute;
        top: 17px;
        left: -49px;
        box-sizing: content-box;
        z-index: 99;
    }

    ul.steps li:first-child:after {
        content: none;
    }

    ul.steps li.active>span:first-child {
        background: #039ea0;
        color: #fff;
    }

    ul.steps li.active:after {
        background: #039ea0;
    }

    ul.steps li.empty>span:first-child {
        background: #039ea0;
    }
    /*******************/

    .butterfly {
        background: url(../images/butterfly.png);
        background-repeat: no-repeat;
        background-position: 17% 45px;
    }

    #who-require {
        padding: 45px 0 145px;
    }

    .butterfly-margin {
        margin-top: -35px;
        background-position: 17% 0;
    }


    #age-group {
        padding: 85px 0 95px;
    }



    #summary.butterfly,
    #duration.butterfly {
        background-position: 8% 45px;
    }


    .childcare.butterfly {
        background-position: 8% 0px;
    }

    .butterfly-margin .select_box {
        max-width: 625px;
        margin-top: 20px;
    }

    .find-caregiver h2 {
        font-size: 30px;
        line-height: 48px;
        letter-spacing: 3px;
    }

    #who-require h2 {
        text-align: left;
    }

    .checkbox,
    .radio {
        display: none;
    }

    .cool-btns label {
        margin: 0px 19px 0 0;
        border: 2px solid #039ea0;
        border-radius: 5px;
        text-align: center;
        width: 160px;
        vertical-align: top;
    }

    .label {
        position: relative;
        padding: 0;
        cursor: pointer;
    }

    .cool-btns .label {
        color: #039ea0;
        display: block;
        font-size: 18px;
        line-height: 1.2;
        padding: 13px 9px;
        background: #fff;
        min-height: 114px;
        white-space: normal;
    }

    .label:empty {
        display: block;
    }

    .cool-btns .radio+span.label:before {
        content: '';
        width: 38px;
        height: 38px;
        border: 3px solid #039ea0;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0 auto 8px;
        background: #fff;
    }

    .cool-btns .radio:checked+span.label:after {
        content: '';
        background: url(../images/radio-check.png) no-repeat center;
        width: 32px;
        height: 32px;
        position: absolute;
        left: 50%;
        top: 15px;
        display: block;
        margin-left: -16px;
    }

    .cool-btns .radio:checked+span.label {
        background: #ecf4f4;
    }
    /****************/

    .choise-services-row label {
        font-weight: 400;
        text-align: center;
        margin-bottom: 30px;
    }

    .choise-services-row .label-checkbox {
        text-align: center;
        display: block;
        border: 2px solid #039ea0;
        border-radius: 5px;
        padding: 13px 20px;
        cursor: pointer;
    }

    .choise-services-row .label-checkbox span.h3 {
        text-transform: uppercase;
        color: #039ea0;
        font-size: 20px;
        margin: 4px 0 5px;
        display: block;
    }

    .choise-services-row .label-checkbox span.descr {
        font-size: 16px;
        color: #666;
        margin: 5px 0 0 0;
    }

    .choise-services-row .label-checkbox:before {
        content: '';
        width: 38px;
        height: 38px;
        border: 3px solid #039ea0;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0 auto 4px;
    }

    .choise-services-row .checkbox:checked+span.label-checkbox:after {
        content: '';
        background: url(../images/radio-check.png) no-repeat center;
        width: 32px;
        height: 32px;
        position: absolute;
        left: 50%;
        top: 17px;
        display: block;
        margin-left: -16px;
    }

    .choise-services-row .checkbox:checked+span.label-checkbox {
        background: #fff;
    }
    /**********/

    #which-condition {
        padding: 50px 0 20px;
    }

    #which-condition h2 {
        letter-spacing: 2px;
    }

    .which-condition {
        margin-top: 60px;
    }

    .which-condition label {
        width: 23%;
        margin: 0 2% 18px 0;
    }

    .which-condition label:nth-child(4n) {
        margin-right: 0;
    }

    .agree-checkbox .label:before,
    .which-condition .label:before {
        content: '';
        width: 16px;
        height: 16px;
        border: 1px solid #6b6e63;
        display: inline-block;
        border-radius: 2px;
        margin-right: 15px;
    }


    .which-condition .label {
        color: #6b6e63;
        font-size: 18px;
        font-weight: 400;
    }

    .agree-checkbox .checkbox:checked+span.label:after,
    .which-condition .checkbox:checked+span.label:after {
        content: '';
        background: url(../images/marker.png) no-repeat center;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 2px;
        display: block;
    }

    .which-condition textarea {
        width: 600px;
        height: 45px;
        border-radius: 5px;
        resize: none;
        vertical-align: middle;
        padding: 8px 15px;
        color: #6b6e63;
        border: solid 1px #838383;
    }

    .for-textarea {
        margin-top: 50px;
    }

    .for-textarea label {
        color: #6b6e63;
        width: auto;
        font-weight: 400;
        margin: 0 10px 0 0;
        vertical-align: middle;
    }
    /*************/

    .find-caregiver {
        padding: 50px 0 90px;
    }

    #duration h2 {
        text-align: center;
    }

    .choose-languague,
    .choose-date {
        max-width: 620px;
        margin: auto;
    }

    .choose-date .input-group-addon:first-child {
        border-right: 0;
        background: #fff;
        border-color: #838383;
    }

    .choose-date .form-control.date {
        border: 1px solid #838383;
        border-left: 0px;
        height: 46px;
        box-shadow: none!important;
    }

    .fa.fa-calendar {
        font-size: 22px;
        color: #878787;
    }


    .day-time {
        display: none;
    }

    .week-days {
        list-style: none;
        margin-bottom: 40px;
        padding: 0;
    }

    .week-days li {
        display: inline-block;
        margin: 0 4px;
    }

    .day_round {
        text-transform: uppercase;
        border-radius: 50%;
        border: 1px solid #c8c8c8;
        width: 45px;
        height: 45px;
        display: block;
        padding-top: 10px;
        font-weight: 700;
        font-size: 20px;
    }

    .day_round:hover,
    .day_round.active {
        color: #fff;
        background: #039ea0;
        border: 1px solid #039ea0;
    }

    .day-time .col-md-3 {
        text-align: right;
        padding-right: 0;
    }

    .day-time .col-md-3 span {
        color: #039ea0;
        font-size: 20px;
        font-weight: 700;
        line-height: 40px;
    }

    .day-time-btns {
        width: 580px;
    }

    .day-time-btns label {
        width: 24%;
        margin-left: -3px;
    }

    .day-time-btns .label {
        color: #767574;
        padding: 9px 0;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        border: 1px solid #767574;
        border-radius: 0;
        display: block;
        border-left: 0;
        text-transform: capitalize;
    }

    .day-time-btns label:first-child .label {
        border-left: 1px solid #767574;
    }

    .day-time-btns .checkbox:checked+span.label {
        color: #fff;
        background: #039ea0;
        border: 1px solid #039ea0;
    }

    #preferred-gender .cool-btns .radio+span.label:before {
        background: transparent;
    }

    form.account,
    form.address {
        margin: auto;
        width: 100%;
        max-width: 480px;
        overflow: hidden;
    }

    form.account .form-control,
    form.address .form-control {
        border: solid 1px #838383;
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        height: 46px;
        border-radius: 5px;
        padding: 0 15px;
        box-shadow: none;
        margin-bottom: 25px;
        color: #6b6e63;
    }

    .buttons-section .btn-block {
        padding-top: 0;
        margin-top: 80px;
        margin-bottom: 80px;
        border-top: none;
    }

    .form-control::-webkit-input-placeholder {
        color: #6b6e63;
    }

    .form-control::-moz-placeholder {
        color: #6b6e63;
    }

    .form-control:-moz-placeholder {
        color: #6b6e63;
    }

    .form-control:-ms-input-placeholder {
        color: #6b6e63;
    }

    form.account .btn {
        float: right;
        background: #fa7331;
        color: #FFF;
        font-size: 18px;
        padding: 9px 30px;
    }

    form.summary {
        margin: 100px auto 0;
        width: 100%;
        max-width: 780px;
        overflow: hidden;
    }

    form.summary .row .col-md-6:first-child {
        padding-right: 80px;
    }

    form.summary .row .col-md-6:last-child {
        padding-left: 80px;
    }

    form.summary label {
        font-weight: normal;
        color: #767574;
        margin-bottom: 10px;
    }

    form.summary .form-control {
        border: solid 1px #838383;
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        height: 46px;
        border-radius: 5px;
        padding: 0 15px;
        box-shadow: none;
        margin-bottom: 15px;
    }

    .summary-form {
        margin-bottom: 65px;
    }

    .create-account-form {
        padding: 58px 0 23px;
    }

    .create-account-form .account {
        margin-top: 65px;
    }

    .create-account-form p {
        font-size: 18px;
    }
    /******************/

    .flex-row {
        display: flex;
        flex-flow: row wrap;
        align-content: stretch;
    }

    .flex-row>div {
        flex-basis: 16.6667%;
    }

    .flex-row>div.text {
        padding: 50px 50px 30px 150px;
        color: #fff;
        flex-basis: 50%;
    }

    .flex-row>div.text h3 {
        font-size: 40px;
        text-transform: uppercase;
    }

    .flex-row>div.text p {
        font-size: 24px;
        line-height: 36px;
        max-width: 540px;
    }

    .flex-row>div img {
        max-width: 100%;
        transition: all 0.2s ease-in;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    .flex-row>div img:hover {
        max-width: 100%;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    /************** map-search ***************/

    #fast-effective .container,
    #map-search .container {
        max-width: 1370px;
    }


    .profile-box {
        position: relative;
        margin: 25px 0 5px;
    }

    .profile-main {
        background: url(../images/map-bg.jpg) no-repeat 0 0;
        background-size: cover;
        padding-top: 10px;
    }

    .profile-thumbnail {
        border-radius: 50%;
        width: 130px;
        margin: auto;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

    .profile-thumbnail img {
        width: 100%;
    }

    .on-off-status {
        background: url(../images/patern.jpg) repeat;
        padding: 5px 10px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .on-off-status .fa {
        color: green;
    }

    .on-off-status .beidge {
        font-weight: 700;
        color: #fa7331;
        letter-spacing: 0.5px;
        font-size: 17px;
    }

    .profile-details,
    .username {
        background: url(../images/patern.jpg) repeat;
    }

    .username {
        margin-top: -9px;
        display: inline-block;
        position: relative;
        z-index: 0;
        padding: 3px 10px;
    }

    .username {
        font-size: 24px;
        font-weight: 700;
    }

    .username .position {
        font-size: 14px;
        display: block;
    }

    .rate {
        color: #fa7331;
        display: inline-block;
        width: 40%;
        font-weight: 700;
    }

    .stars {
        color: #fa7331;
        display: inline-block;
        width: 58%;
    }

    .stars>span {
        font-size: 14px;
        display: inline-block;
        margin-left: 5px;
        font-weight: 700;
    }

    .stars .fa.fa-star {
        margin-right: 3px;
    }

    .profile-user-btn {
        background: #039ea0;
        margin: 0 -10px;
    }

    .btn_profile {
        color: #fff;
        text-transform: uppercase;
        border-radius: 0;
        width: 46%;
        font-weight: 700;
        padding: 10px 0;
    }

    .profile-user-btn .btn_profile:first-child {
        margin-right: 6%;
    }

    .profile-user-btn .btn_profile:hover {
        color: #fff;
        background: rgb(46, 170, 171);
    }

    .rate {
        font-size: 20px;
    }

    .profile-details {
        padding: 10px 10px 0;
    }

    .detail-list {
        list-style: none;
        margin: 15px 0;
        padding: 0;
    }

    .detail-list li {
        padding: 7px 0;
    }

    .detail-list li:before {
        content: '';
        display: inline-block;
        height: 17px;
        width: 22px;
        margin-right: 20px;
        background: url(../images/sprite-li.png) no-repeat;
    }

    .detail-list li.car:before {
        background-position: 0 -32px;
    }

    .detail-list li.night:before {
        background-position: 0 -65px;
    }

    .detail-list li.weekend:before {
        background-position: 0 -95px;
    }

    .detail-list li.evening:before {
        background-position: 0 -126px;
    }

    .detail-list li.backup:before {
        background-position: 0 -160px;
    }

    .map {
        position: relative;
    }


    .search-map-bth {
        position: absolute;
        bottom: 50px;
        left: 50%;
        background: #fa7331;
        color: #fff;
        text-decoration: none;
        padding: 6px 26px;
        margin-left: -54px;
        font-size: 18px;
        transition: all 0.3s ease-in;
        z-index: 555;
    }

    .search-bth {
        width: 100%;
        background: #fa7331;
        color: #fff;
        text-decoration: none;
        padding: 8px 26px;
        font-size: 22px;
        transition: all 0.3s ease-in;
        margin-bottom: 50px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .search-bth:hover,
    .search-bth:focus,
    .search-map-bth.btn:hover,
    .search-map-bth.btn:focus,
    .search-map-bth.btn.focus {
        color: #fff;
        background: #039ea0;
    }
    /*============== range Slider =============*/

    .popup-filter.open-filter {
        display: block !important;
    }

    .filter-holder {
        height: 50px;
        position: absolute;
        top: 200px;
        width: 50px;
        z-index: 9110;
    }

    .popup-filter {
        background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        transform: scale(1);
        width: 100%;
        z-index: 111;
    }

    .cross.peral>div {
        background: #1698d2 none repeat scroll 0 0;
        height: 3px;
        margin-bottom: -13px;
        margin-top: 10px;
        width: 50px;
    }

    .cross>div {
        background: #1698d2 none repeat scroll 0 0;
        height: 3px;
        margin-bottom: 10px;
        margin-top: 0;
        transform: rotate(0deg);
        width: 50px;
    }

    .btn-primary.btn.btn-block.attachcard-btn {
        background: rgba(22, 152, 210, 0.9) none repeat scroll 0 0;
        border-radius: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .cross {
        background: #fa7331;
        cursor: pointer;
        height: 40px;
        left: 30px;
        padding: 0;
        position: relative;
        top: 30px;
        width: 47px;
        border-radius: 5px;
        color: #fff;
        font-size: 34px;
        text-align: center;
        line-height: 1;
    }

    .popup-filter .container {
        margin-top: 80px;
    }

    .check-option {
        float: left;
        margin-left: 15px;
        margin-right: 10px;
    }

    .check-option label {
        padding-top: 0px !important;
        margin-top: 0;
        margin-left: 5px;
    }

    .row-filter label {
        width: 23%;
        margin: 0 2% 18px 0;
    }

    .row-filter label:nth-child(4n) {
        margin-right: 0;
    }

    .row-filter .label:before {
        content: '';
        width: 16px;
        height: 16px;
        border: 1px solid #6b6e63;
        display: inline-block;
        border-radius: 2px;
        margin-right: 15px;
    }

    .row-filter .label {
        color: #6b6e63;
        font-size: 18px;
        font-weight: 400;
    }

    .row-filter .checkbox:checked+span.label:after {
        content: '';
        background: url(../images/marker.png) no-repeat center;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 2px;
        display: block;
    }

    .filter-holder h3 {
        color: #fa7331
    }

    .filter-holder .two-btns {
        margin: 50px 0 30px;
    }

    .filter-holder .two-btns label {
        height: 55px;
    }

    .filter-holder .two-btns .label {
        border: 2px solid #039ea0;
        padding: 10px 29px;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 1px;
        transition: all 0.3s ease-in;
        background: #fff;
        color: #039ea0;
    }

    .filter-holder .two-btns label:first-child .label {
        border-radius: 5px 0 0 5px;
    }

    .filter-holder .two-btns label:last-child .label {
        border-radius: 0 5px 5px 0;
        margin-left: -4px;
    }

    .filter-holder .two-btns .radio:checked+span.label {
        box-shadow: none;
        background: #039ea0;
        color: #fff;
    }

    .filter-holder .two-btns label:hover .label {
        background: rgba(3, 158, 160, 0.7);
        color: #fff;
    }

    .above-map {
        background: url(../images/map-bg2.png) no-repeat 0 0;
        background-size: cover;
        position: relative;
    }

    .above-map:after {
        content: '';
        background: rgba(255, 255, 255, 0.8);
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .above-map .container {
        position: relative;
        z-index: 2;
    }
    /****************************************/

    .modal-title {
        font-size: 22px;
    }

    .modal-body {
        padding: 15px 15px 0;
    }

    .modal-body label {
        margin-bottom: 0;
        background: #f5f5f5;
        padding: 8px;
        width: 100%;
        border: 1px solid #ccc;
        border-bottom: none;
        line-height: 33px;
    }

    .modal-body label:nth-child(4) {
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }

    .modal-body a {
        color: #fa7331;
    }

    .modal-body .btn-primary {
        background: #fa7331;
        border: none;
        color: #FFF !important;
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 5px 23px;
    }

    .modal-body .btn-primary:hover {
        opacity: 0.8;
    }

    .modal-body .form-control {
        width: 50%;
        float: right;
    }

    .modal-body .name-input .form-control {
        width: 24%;
        margin-left: 2%;
    }
    /***************** new style for dashboard-pages ***********************************/

    .dashboard .navbar-default .navbar-nav>li>a {
        text-transform: uppercase;
        font-weight: 700;
        padding: 12px 35px;
    }

    .dashboard {
        background: #e9f1f1;
    }

    .dashboard.white-back {
        background: #fff;
    }

    .dashboard #content {
        margin-top: 100px;
    }

    .dashboard .footer_main {
        display: none;
    }

    .dashboard .copy {
        background: #fff;
    }
    /*************** account **********/

    .account {
        margin-left: 75px;
    }

    .account .photo-account {
        border-radius: 50%;
        overflow: hidden;
        float: left;
        margin-right: 20px;
    }

    .account .name a {
        color: #fa7331;
    }

    .account .name {
        line-height: 1.5;
    }

    .account .logout .fa {
        margin-right: 5px;
    }

    .dashboard h1 {
        color: #fa7331;
        font-size: 32px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 25px;
        font-weight: 900;
        margin-top: 0;
    }

    #caregivers-dashboard,
    #care-visits,
    #to-do-list {
        padding-top: 90px;
    }

    #profile-dashboard {
        padding-top: 70px;
        border-top: 1px solid #eef0ef;
    }
    /*********** datepicker ***********/

    .calendar {
        min-width: 286px;
        margin-top: 63px;
    }


    .view h3,
    .calendar h3 {
        color: #fff;
        background: #039ea0;
        text-transform: uppercase;
        font-size: 20px;
        padding: 22px 30px;
        margin-bottom: 0;
    }

    .datepicker {

        background: #fff;
        line-height: 1.2em;
        font-size: 16px;
        text-align: center;
    }

    .dashboard-right-side .datepicker {
        box-shadow: 0px 0 8px #ccc;
    }

    .dashboard-right-side .datepicker table {
        width: 100%;
        border-bottom: 4px solid #fa7331;
    }

    .datepicker td {
        line-height: 31px;
        border: 1px solid #eaf0f0;
        width: 40px;
        height: 40px;
        box-sizing: border-box;
    }

    .bootstrap-datetimepicker-widget table td.day {
        height: 40px;
        line-height: 31px;
        width: 40px;
    }

    .datepicker .dow {
        border: none;
        background: #f2f7f7;
        line-height: 40px;
        font-weight: 700;
        text-transform: uppercase;
        color: #00a1a3;
        text-align: center;
    }

    .datepicker .table-condensed>thead>tr>th {
        text-align: center;
        line-height: 39px;
    }

    .datepicker .table-condensed>thead>tr>th.next,
    .datepicker .table-condensed>thead>tr>th.prev {
        color: #fa7331;
        font-size: 27px;
    }

    .bootstrap-datetimepicker-widget table td.day:hover,
    .bootstrap-datetimepicker-widget table td.hour:hover,
    .bootstrap-datetimepicker-widget table td.minute:hover,
    .bootstrap-datetimepicker-widget table td.second:hover {
        background: #f2f7f7;
    }

    .bootstrap-datetimepicker-widget table td.day.active.today {
        color: #fff;
        position: relative;
        z-index: 2;
    }

    .bootstrap-datetimepicker-widget table td.active,
    .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #039ea0;
        text-shadow: none;
        border-radius: 0;
    }

    .bootstrap-datetimepicker-widget table td.active.today {
        background: transparent;
    }


    .bootstrap-datetimepicker-widget table td.day.today:before {
        content: '';
        background: #fa7331;
        position: absolute;
        border-radius: 50%;
        display: block;
        height: 34px;
        width: 34px;
        z-index: -1;
        left: 50%;
        margin-left: -17px;
    }

    .bootstrap-datetimepicker-widget table td.today:before {
        border: none;
    }

    .datepicker td.old,
    .datepicker td.new {
        color: #838383;
    }
    /************** task-table ******************/

    .dashboard-left-side.white-board {
        background: #fff;
        box-shadow: 0px 0 8px #ccc;
        padding: 34px 22px 10px 22px;
        margin: 2px 2px 0 60px;
    }

    .circle-img {
        width: 72px;
        height: 72px;

        border-radius: 50%;
    }

    .task-table table {
        border: 1px solid #eaf0f0;
    }


    .task-table thead {
        background: #f2f7f7;
    }

    .table.task-table>thead>tr>th {
        border: 1px solid #eaf0f0;
        border-right: 0;
        border-left: 0;
        font-weight: 700;
        text-transform: uppercase;
        color: #00a1a3;
        padding: 2.5%;
    }

    .table.task-table>thead>tr>th:first-child {
        border-left: 1px solid #eaf0f0;
    }

    .table.task-table>thead>tr>th:last-child {
        border-right: 1px solid #eaf0f0;
    }

    .table.task-table>tbody>tr>td {
        font-size: 18px;
        padding: 2.5%;
        border: 1px solid #eaf0f0;
        vertical-align: middle;
    }

    .table.task-table>tbody>tr>td b {
        font-size: 14px;
    }

    .table.task-table>tbody>tr>td:last-child {
        text-align: center;
    }

    .table.task-table>tbody>tr>td:last-child a:hover {
        color: #666;
    }

    .add-btn {
        background: #039ea0;
        border-radius: 6px;
        color: #fff;
        text-transform: uppercase;
        display: block;
        text-align: left;
        padding: 15px 30px;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 36px;
    }

    .add-btn:focus,
    .add-btn:hover {
        color: #fff;
        background: rgba(3, 158, 160, 0.7);
    }

    .add-btn i {
        margin-right: 20px;
    }

    .worker-name {
        margin: 0 25px 25px 0;
        display: inline-block;
    }

    .worker-name span {
        display: block;
        font-size: 22px;
        text-align: center;
    }

    .worker-name img {
        margin-bottom: 18px;
    }

    .worker .name,
    .worker-name .name {
        font-size: 22px;
        font-weight: 700;
    }

    .worker .position,
    .worker-name .position {
        font-size: 14px;
        display: block;
        font-weight: 700;
    }

    .table-label {
        color: #fa7331;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 26px;
    }

    .pr-0 {
        padding-right: 0;
    }
    /*********** visits ***************/

    .view {
        margin-top: 63px;
    }


    #care-visits .dashboard-left-side.white-board {
        padding: 30px 30px 10px;
        margin-bottom: 30px;
    }

    .with-note {
        border: 2px solid #039ea0;
        background: #f9fcfc;
    }

    .table.task-table>tbody>tr.with-note>td:last-child a {
        color: #fb4931;
    }

    .table.task-table>tbody>tr.with-note>td {
        vertical-align: top;
    }

    .note {
        color: #fa7331;
    }

    .note:hover {
        color: #039ea0;
        text-decoration: none;
    }

    .table.task-table>tbody>tr>td:last-child a {
        color: #039ea0;
        font-size: 25px;
    }

    .table.task-table>tbody>tr>td a.delete-task {
        color: #fa7331;
    }

    .visit-tabs {
        margin-bottom: 30px;
    }

    .visit-tabs.nav-tabs>li>a {
        border: 1px solid #00a1a3;
        border-right: none;
        color: #444;
        text-transform: uppercase;
        margin-right: 0;
        text-align: center;
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 700;
        line-height: 1.8;
    }




    .visit-tabs.nav-tabs>li:first-child>a {
        border-radius: 5px 0 0 5px;
    }

    .visit-tabs.nav-tabs>li:last-child>a {
        border-radius: 0 5px 5px 0;
        border-right: 1px solid #00a1a3;
    }

    .visit-tabs.nav-tabs>li.active>a:hover,
    .visit-tabs.nav-tabs>li.active>a:focus,
    .visit-tabs.nav-tabs>li.active>a {
        background: #039ea0;
        border: 1px solid #039ea0;
        color: #fff;
    }

    .status {
        color: #fa7331;
    }

    .visit-tabs.nav-tabs>li>a:hover {
        background: rgba(3, 158, 160, 0.7);
        color: #fff;
        border: 1px solid #039ea0;
    }

    .visit-tabs.nav-tabs>li {
        width: 50%;
    }

    .view-list {
        list-style: none;
        padding: 0;
        background: #fff;
    }

    .view-list li a {
        line-height: 50px;
        display: block;
        color: #444;
        border-bottom: 1px solid #f2f7f7;
        padding-left: 30px;
    }

    .view-list li a:hover {
        text-decoration: none;
        color: #21aaac;
    }

    .view-list li.current a {
        background: #fa7331;
        color: #fff;
        position: relative;
    }

    .view-list li.current a:after {
        position: absolute;
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 10px;
        border-color: transparent transparent transparent #fff;
        top: 50%;
        right: 20px;
        margin-top: -6px;
    }

    .worker {
        margin-bottom: 30px;
    }

    .period {
        font-weight: 700;
        margin-top: 13px;
    }

    .smiley {
        display: flex;
        flex-direction: row;
        list-style: none;
        justify-content: space-around;
        padding: 40px 15px;
        background: #f2f7f7;
        border: 1px solid #eaf0f0;
        margin: 20px 0 0 0;
    }

    .smiley li a {
        display: block;
        width: 70px;
        text-align: center;
        color: #444;
        letter-spacing: 1px;
    }

    .smiley li a:hover {
        text-decoration: none;
    }

    .smiley li a:before {
        content: '';
        width: 70px;
        height: 70px;
        display: block;
        background: url(../images/sprite-smile.png) no-repeat;
        margin-bottom: 14px;
    }

    .smiley li:first-child a:before {
        background-position: 0 0;
    }

    .smiley li:nth-child(2) a:before {
        background-position: -140px 0;
    }

    .smiley li:nth-child(3) a:before {
        background-position: -280px 0;
    }

    .smiley li:nth-child(4) a:before {
        background-position: -419px 0;
    }

    .smiley li:nth-child(5) a:before {
        background-position: -560px 0;
    }

    .smiley li.active:first-child a:before,
    .smiley li:first-child a:hover:before {
        background-position: 0 -70px;
    }

    .smiley li.active:nth-child(2) a:before,
    .smiley li:nth-child(2) a:hover:before {
        background-position: -140px -70px;
    }

    .smiley li.active:nth-child(3) a:before,
    .smiley li:nth-child(3) a:hover:before {
        background-position: -280px -70px;
    }

    .smiley li.active:nth-child(4) a:before,
    .smiley li:nth-child(4) a:hover:before {
        background-position: -419px -70px;
    }

    .smiley li.active:nth-child(5) a:before,
    .smiley li:nth-child(5) a:hover:before {
        background-position: -560px -70px;
    }

    .smily-face {
        padding: 20px 30px;
        font-size: 18px;
        border: 1px solid #eaf0f0;
        border-top: none;
    }

    .questions {
        margin-top: 36px;
    }

    .questions strong {
        color: #fa7331;
        font-size: 20px;
        display: block;
        margin-bottom: 30px;
    }

    .questions .btn {
        color: #FFF;
        text-transform: none;
        font-size: 16px;
        margin: 0 15px 30px 0;
        padding: 9px 37px;
    }

    .btn-no {
        background: #f37171;
    }

    .btn-yes {
        background: #039ea0;
    }

    .btn-no:hover {
        background: rgba(243, 113, 113, 0.8);
    }

    .btn-yes:hover {
        background: rgba(3, 158, 160, 0.7);
    }

    @media only screen and (min-width: 992px) {
        .worker .col-md-offset-1 {
            margin-left: 28px;
            padding-top: 20px;
        }
    }

    .tab-content .table.task-table>tbody>tr>td:first-child {
        white-space: nowrap;
    }
    /************* dashboard **************/

    .dashboard-anchors.nav-pills {
        /*    border-radius: 5px; */
        overflow: hidden;
        /*  border: 1px solid #039ea0; */
        margin-bottom: 40px;
    }

    .dashboard-anchors.nav-pills li {
        width: 20%;
        text-align: center;
        border-top: 1px solid #039ea0;
        border-bottom: 1px solid #039ea0;
    }

    .dashboard-anchors.nav-pills li:first-child {
        border-radius: 5px 0 0 5px;
        border-left: 1px solid #039ea0;
    }

    .dashboard-anchors.nav-pills li:last-child {
        border-radius: 0 5px 5px 0;
        border-right: 1px solid #039ea0;
    }

    .dashboard-anchors.nav-pills>li>a {
        border-radius: 0;
        color: #444;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        padding: 17px 15px;
    }

    .dashboard-anchors.nav-pills>li>a:hover,
    .dashboard-anchors.nav-pills>li.active>a,
    .dashboard-anchors.nav-pills>li.active>a:hover,
    .dashboard-anchors.nav-pills>li.active>a:focus {
        color: #fff;
        background-color: #039ea0;
    }

    .dashboard-anchors.nav-pills>li>a:focus {
        background-color: #039ea0;
    }


    .dashboard-anchors.nav-pills>li+li {
        margin-left: 0;
    }

    .dashboard-anchors.nav-pills>li+li:before {
        content: '';
        background: #dee8e8;
        height: 32px;
        width: 1px;
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .profile-row {
        margin-top: 50px;
    }

    .profile-row .title {
        position: relative;
        margin-bottom: 40px;
    }

    .profile-row .title:after {
        content: '';
        background: #ecf4f4;
        height: 3px;
        width: 100%;
        position: absolute;
        bottom: 3px;
    }

    .profile-row .title h3 {
        font-size: 22px;
        color: #039ea0;
        text-transform: uppercase;
        display: inline-block;
        margin-bottom: 0;
        padding: 0 30px 0 0;
        letter-spacing: 1px;
        font-weight: 700;
    }

    .checkmark {
        list-style: none;
        padding: 0;
    }

    .checkmark li {
        margin-bottom: 19px;
        position: relative;
        padding-left: 30px;
    }

    .checkmark li:before {
        position: absolute;
        left: 0;
        top: 0;
        content: '\f00c';
        font-family: FontAwesome;
        display: inline-block;
        color: #fa7331;
    }

    .three-col {
        columns: 3;
    }

    .two-col {
        columns: 2;
    }

    .workers-profile {
        background: url(../images/patern.jpg) repeat;
        padding: 33px;
        max-width: 400px;
    }


    .workers-profile .worker .name {
        font-size: 24px;
    }

    .workers-profile .worker .position {
        font-size: 16px;
    }

    .workers-profile .stars {
        width: 100%;
        margin-top: 15px;
    }

    .workers-profile hr {
        border-top: 3px solid #fff;
    }

    .hourly-rate {
        color: #039ea0;
        font-size: 28px;
        margin-top: 15px;
    }

    .btn-favour {
        border: 1px solid #039ea0;
        text-align: center;
        color: #039ea0;
        margin-top: 20px;
        display: block;
    }

    .btn-favour:hover {
        color: #fa7331;
        border: 1px solid #fa7331;
    }

    .btn-favour .fa {
        color: #fa7331;
        margin-right: 15px;
    }

    .workers-profile .btn {
        padding: 9px 26px;
        font-size: 16px;
        font-weight: 700;
    }
    /*********** dashboard-home *****************/

    .hello {
        padding: 55px 0 40px;
        font-size: 40px;
    }

    .hello span {
        color: #fa7331;
    }


    .orange {
        background: #fa7331;
        padding: 70px 0;
    }

    .orange h3 {
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        line-height: 38px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    ul.manage-list {
        list-style: none;
        padding: 0;
        margin-bottom: 35px;
    }

    ul.manage-list li {
        margin-bottom: 1px;
        line-height: 27px;
        color: #fff;
    }

    #help-advice {
        padding: 70px 0 50px;
    }

    #help-advice h2 {
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        font-size: 44px;
    }

    .manage-list .label {
        font-size: 16px;
    }

    .manage-list .label:before {
        content: '';
        width: 25px;
        height: 25px;
        border: 2px solid #fff;
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle;
        border-radius: 50%;
    }

    .manage-list .checkbox:checked+span.label:after {
        content: '\f00c';
        color: #039ea0;
        font-family: FontAwesome;
        background: #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        padding: 5px 0 0 2px;
        text-align: center;
        font-size: 14px;
    }

    .dashboard .orange .btn {
        font-size: 20px;
        padding: 10px 40px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }



    #help-advice article .title {
        background: #039ea0;
        color: #fff;
        padding: 17px;
        font-weight: 700;
        font-size: 16px;
    }

    #help-advice article {
        background: #fff;
        border-bottom: 4px solid #fa7331;
        font-size: 14px;
        box-shadow: 0 0 6px #bfbbbb;
    }

    #help-advice article .thumb {
        margin: 20px auto 25px;
        display: block;
        max-width: 100%;
    }

    #help-advice article .excerpt {
        padding: 0 20px 25px;
        font-size: 14px;
        margin-bottom: 5px;
    }

    #help-advice article .read-more {
        color: #fa7331;
        text-decoration: underline;
    }

    #help-advice article .read-more:hover {
        color: #444;
    }
    /******** Best Matched Caregivers ******/

    .view.caregivers p {
        padding: 30px;
    }

    .workers-profile.short {
        max-width: 100%;
        padding: 20px;
        margin-bottom: 35px;
    }

    .workers-profile.short .detail-list {
        margin: 0;
    }

    .workers-profile.short .worker {
        margin-bottom: 0;
    }

    .dashboard-anchors.visit-tabs.nav-tabs>li {
        width: 20%;
    }

    .dashboard-anchors.visit-tabs.nav-tabs>li a {
        border-radius: 0;
    }

    .dashboard-anchors.visit-tabs.nav-tabs>li:first-child a {
        border-radius: 5px 0 0 5px;
    }

    .dashboard-anchors.visit-tabs.nav-tabs>li:last-child a {
        border-radius: 0 5px 5px 0;
    }

    .best-matched-btns {
        margin-top: 15px;
        background: #e9f1f1;
    }

    .best-matched-btns .btn {
        padding: 9px 0;
        width: 45%;
    }

    .best-matched-btns .btn.btn-red {
        margin-left: 10%;
    }

    .tab-content>.tab-pane.profile-row {
        margin-top: 0;
    }


    #caregivers-dashboard .dashboard-left-side.white-board {
        margin-bottom: 30px;
    }
    /************** shortlist *********************/

    .name-recipient {
        font-weight: 700;
        font-size: 16px;
    }

    .shortlist-title {
        background: url(../images/patern.jpg) repeat;
        padding: 10px 15px;
        font-size: 18px;
        font-weight: 700;
    }

    .shortlist-body {
        box-shadow: 0px 2px 3px #eaf2f4;
        padding: 0 15px;
        margin-bottom: 30px;
        border: 1px solid #e7eff1;
    }

    .shortlist-body>.row {
        padding: 15px 0;
    }
    /****** ios-toggle *****/

    .config-menu li span {
        float: left;
        font-size: 1.1em;
    }

    ul.ul-toggles span {
        color: #062935;
    }

    .toggles {
        width: 50px;
        text-align: center;
        display: inline-block;
        float: right;
        margin-top: 2px;
    }

    .ios-toggle,
    .ios-toggle:active {
        position: absolute;
        top: -5000px;
        height: 0;
        width: 0;
        opacity: 0;
        border: none;
        outline: none;
    }

    .checkbox-label {
        display: block;
        position: relative;
        padding: 10px;
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 16px;
        width: 100%;
        height: 20px;
        border-radius: 18px;
        background: #e9f1f3;
        cursor: pointer;
        box-shadow: inset 0 0 0 0px #e9f1f3, 0 0 0 2px #e9f1f3;
    }

    .checkbox-label:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        line-height: 34px;
        text-indent: 40px;
        height: 20px;
        width: 20px;
        border-radius: 100%;
        top: 0px;
        left: 0px;
        right: auto;
        background: white;
        box-shadow: inset 0 0 0 0px #e9f1f3, 0 0 0 2px #e9f1f3;
    }

    .ios-toggle:checked+.checkbox-label {
        box-shadow: inset 0 0 0 20px #039ea0, 0 0 0 2px #039ea0;
    }

    .ios-toggle:checked+.checkbox-label:before {
        left: calc(100% - 20px);
        box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, .3);
    }

    .ios-toggle:checked+.checkbox-label {
        box-shadow: inset 0 0 0 18px #039ea0, 0 0 0 2px #039ea0;
    }
    /****************/

    .shortlist-body .row.shedule-day {
        display: flex;
        flex-direction: row;
        border-bottom: 3px solid #eaf2f4;
        margin-bottom: 3px;
        margin-top: 3px;
        padding: 0;
    }

    .shedule-day:last-child {
        border-bottom: none!important;
        margin-bottom: 0!important;
    }

    .day-week {
        background-color: #f6f6f6;
        width: 25%;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 3px solid #fff;
        border-left: 3px solid #fff;
        text-align: center;
    }

    .day-week span {
        display: block;
        text-align: center;
        color: #fa7331;
        font-size: 20px;
        font-weight: 700;
    }

    .tasks {
        width: 75%;
        padding: 45px 45px 0 0;
        position: relative;
    }

    .tasks .start-end {
        width: 93%;
    }

    .tasks .remove-row-form-btn {
        color: #c7c7c7;
    }

    .tasks .remove-row-form-btn:hover {
        text-decoration: none;
        color: #fa7331;
    }

    .tasks label,
    .tasks textarea {
        margin-left: 15px;
        width: 88%;
        resize: none;
    }

    .tasks .task-row {
        margin-bottom: 20px;
    }

    .form-care {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #c7c7c7;
        height: 46px;
        line-height: 46px;
        width: 100%;
    }

    textarea.form-care {
        height: 53px;
    }

    .form-care::-webkit-input-placeholder {
        color: #a4a4a4;
    }

    .form-care::-moz-placeholder {
        color: #a4a4a4;
    }

    .form-care:-moz-placeholder {
        color: #a4a4a4;
    }

    .form-care:-ms-input-placeholder {
        color: #a4a4a4;
    }

    .shortlist-body .select_box {
        color: #fa7331;
        border: solid 1px #c7c7c7;
    }

    .agreed-rate input {
        display: inline-block;
        width: 60%;
        margin-left: 5%;
        height: 46px;
    }

    .agreed-rate b {
        font-size: 20px;
        line-height: 20px;
        display: inline-block;
        margin-right: 5px;
    }

    .agreed-rate p {
        margin-bottom: 10px;
    }

    .agreed-rate a {
        font-size: 14px;
        line-height: 20px;
    }

    .agreed-rate small {
        display: inline-block;
        margin-left: 5px;
    }

    input#edit-rate {
        display: none;
    }

    #edit-rate-link .fa {
        display: none;
    }

    .shortlist-body label {
        display: block;
    }

    .shortlist-body .form-control {
        color: #6b6e63;
        border: 1px solid #c7c7c7;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .toggles-btn {
        margin-top: 30px;
    }

    .toggles-btn span {
        color: #337ab7;
        font-size: 14px;
        float: right;
        margin-left: 15px;
    }

    .start-end {
        margin: 0 15px;
        border-bottom: 1px solid #c7c7c7;
    }

    .start-end .input-group {
        width: 46%;
        display: inline-table;
    }

    .start-end .input-group:first-child {
        margin-right: 6%;
    }

    .start-end .input-group .form-care {
        border: 0;
    }

    .start-end .input-group .input-group-addon:last-child {
        border-color: #c7c7c7;
        border: 0;
        border-radius: 0;
    }

    .edit-link {
        font-size: 16px;
    }

    .shortlist-body .add-row-form-btn {
        background: #039ea0;
        color: #fff;
        border-radius: 50%;
        width: 23px;
        height: 23px;
        position: absolute;
        right: 15px;
        top: 15px;
        text-align: center;
        font-size: 20px;
        line-height: 22px;
        font-weight: 700;
    }

    .shortlist-body .add-row-form-btn:hover {
        text-decoration: none;
        background: rgba(3, 158, 160, 0.7);
    }

    .shortlist-body .btn-default {
        font-size: 18px;
        border-color: #e9f1f3;
        background-color: #ebf3f5;
        display: inline-block;
        margin: 15px 25px 0 0;
        color: #828181;
        transition: all 0.3s ease-in;
    }

    .shortlist-body .btn-default:hover {
        background-color: rgba(3, 158, 160, 0.54);
        border-color: rgba(3, 158, 160, 0.54);
        color: #fff;
    }

    .shedule-task {
        display: none;
    }

    .agree-checkbox .label {
        color: #444444;
        font-size: 16px;
        white-space: normal;
    }

    .agree-checkbox .checkbox:checked+span.label:after {
        top: 0;
    }

    .agree-checkbox .label a {
        color: #039ea0;
    }

    .datetimepicker-time .datepicker {
        display: none;
    }

    .datetimepicker-time .bootstrap-datetimepicker-widget table td span,
    .datetimepicker-time .bootstrap-datetimepicker-widget table td {
        height: 14px;
        line-height: 14px;
        width: 54px;
    }

    .datetimepicker-time .bootstrap-datetimepicker-widget a[data-action] {
        padding: 0;
    }

    .datetimepicker-time .bootstrap-datetimepicker-widget button[data-action] {
        padding: 3px;
        background-color: #039ea0;
        border-color: #039ea0;
    }

    .day-week .edit-link {
        font-size: 14px;
        margin-top: 20px;
        display: block;
        text-decoration: underline;
        color: #039ea0;
        background: transparent;
        text-align: center;
        border: none;
    }

    .day-week .edit-link::-webkit-input-placeholder {
        color: #039ea0;
    }

    .day-week .edit-link::-moz-placeholder {
        color: #039ea0;
    }

    .day-week .edit-link:-moz-placeholder {
        color: #039ea0;
    }

    .day-week .edit-link:-ms-input-placeholder {
        color: #039ea0;
    }

    .label-timepicker {
        padding: 0 15px;
        font-weight: bold;
    }

    .datetimepicker-time {
        margin-bottom: 20px;
    }

    .cancel-link {
        font-size: 14px;
        color: #039ea0;
        vertical-align: middle;
        display: inline-block;
        margin-top: 15px;
    }

    .add-additional .add-new-shedule {
        background: #039ea0;
        color: #fff;
        border-radius: 50%;
        width: 23px;
        height: 23px;


        text-align: center;
        font-size: 20px;
        line-height: 22px;
        font-weight: 700;
        margin-right: 15px;
    }

    .add-additional .add-new-shedule:hover {
        text-decoration: none;
        background: rgba(3, 158, 160, 0.7);
    }

    .day-week.additional {
        padding: 20px 10px;
    }

    .add-additional {
        margin-top: 15px;
    }

    .day-week.additional .form-care {
        background: transparent;
        text-align: center;
    }

    .day-week.additional .input-group-addon {
        border: none;
        border-bottom: 1px solid #c7c7c7;
        display: table-cell;
    }

    .workers-profile.white-board {
        box-shadow: 0px 0 8px #ccc;
        background: #fff;
    }

    .shortlisted .dashboard-left-side.white-board {
        padding: 20px 20px 1px 20px;
        margin: 2px 2px 0 20px;
    }

    .day-week.additional #change-date {
        display: none;
    }

 /*    .day-week.additional .input-group-addon {
     display: none;
 }
  */
.day-week.additional .input-group-addon {
    display: inline-block;
     border-radius: 0;
    width: 30px;
    padding: 6px 0;

}

  .day-week.additional .form-care {
  height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    vertical-align: bottom;
    width: 75%;
    margin-top: 20px;
}

  /*******************************************/

.four-pictures {
    display: flex;overflow: hidden;
}

.four-pictures>div {
    width: 33.33%;
}

.four-pictures>div a {
    display: block;
    position: relative;
}

.four-pictures>div .content {
       position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(0, 0, 0, 0.2);
    bottom: 0;
    left: 0;
    z-index: 5;
    transition: all 0.3s ease-in;
    color: #fff;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    align-items: center;
}
/* .four-pictures>div:last-child .content { padding-top:219px;} */
.four-pictures>div a:hover .content {
    background: rgba(0, 0, 0, 0.5);
}

.four-pictures>div .content h4 {
    font-weight: 700;
    font-size: 43px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
}

.four-pictures .btn-warning {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
    background-color: #fa7331;
    border-color: #fa7331;
}

.four-pictures>div img {
    width: 100%;
    height: auto;
}


.bg-quality {
    background: url(../images/bg-quality.jpg) no-repeat right 0 #f3f0de;
    background-size: auto 100%; padding: 50px 0 70px;
}


.bg-quality h3 {
    color: #039d9f;
    font-size: 48px;
    margin-bottom: 20px;}


.icon.icon-sm [class*=fa-] {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 19px;
    text-align: center;
    color: #FFF;
}

.info-horizontal .icon {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    height: 32px;
    width: 32px;
    padding: 4px;
    border-radius: 7px;
    background: #039ea0;
}

.info-horizontal .description {
    overflow: hidden;
}


.info-horizontal .description h4 {
    font-size: 22px;
}


/******************** caregivers pages ***************************/

.our-caregivers-bottom-banner,
.our-caregivers-banner {
    background: url(../images/newbg.jpg) no-repeat 0 0 #edf5f7;
    position: relative;
    width: 100%;
    display: flex;
    min-height: 600px;
    background-size: 56%;
    align-items: center;
    justify-content: flex-end;
}

.caregiver-banner {
    background: url(../images/girl-for-bg2.jpg) no-repeat -100px 0 #ebf3f9;
    position: relative;
    width: 100%;
    display: flex;
    min-height: 600px;
    background-size: auto 100%;
    align-items: center;
    justify-content: flex-end;
}

#content.our-caregivers {
    margin-top: 97px;
}

.caregiver-banner .banner-caption h1,
.our-caregivers-banner .banner-caption h1 {
    font-family: 'CanaroBold', sans-serif;
    font-size: 36px;
    color: #fa7331;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.caregiver-banner .banner-caption h1 {
    font-size: 36px;
    color: #039ea0;
}

.banner-caption {
    width: 43%;
    padding: 0 15px 0 0;
}

.banner-caption h6 {
    text-align: left;
    font-size: 22px;
    margin: 0 0 30px 0;
}

.banner-caption .btn_orng {
    /*   margin-top: 40px; */
    padding: 9px 23px;
    transition: all 0.2s ease-in;
}

.login-link {
    display: block;
    margin-top: 20px;
    color: #039ea0;
}

.login-link:hover {
    color: #039ea0;
}

/************/

.our-caregivers .call-us h3 {
    font-size: 24px;
    text-align: left;
    color: #FFF;
    font-weight: normal;
    margin: 0;
}

.our-caregivers .call-us {
    background: #fa7331;
    padding: 34px 0;
}

.our-caregivers .call-us h3 span {
    line-height: 46px;
}

.call-us h3 a.phone-number {
    border: solid 1px #ffffff;
    font-size: 22px;
    color: #FFF;
    text-decoration: none;
    padding: 10px 30px;
    text-transform: uppercase;
    width: 250px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 30px;
    letter-spacing: 1px;
    text-align: center;
    transition: all 0.2s ease-in;
}

.call-us h3 a.phone-number:hover {
    background: rgba(255, 255, 255, 0.2);
}

.our-caregivers h3 {
    color: #039d9f;
    font-size: 48px;
    margin-bottom: 20px;
    text-align: center;
}
/************/

.mission_bg,
.bg-quality,
.white-bg {
    padding: 50px 0 70px;
}

#our-mission strong {
    font-size: 20px;
    display: block;
    margin-top: 25px;
}

ul.mission {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

ul.mission li {
    display: inline-block;
    text-align: center;
    width: 30%;
}

ul.mission li span {
    font-size: 20px;
}

/*************/

.bg-quality {
    background: url(../images/bg-quality.jpg) no-repeat right 0 #f3f0de;
    background-size: auto 100%;
    padding: 50px 0 70px;
}

.icon.icon-sm [class*=fa-] {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 19px;
    text-align: center;
    color: #FFF;
}

.info-horizontal .icon {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    height: 32px;
    width: 32px;
    padding: 4px;
    border-radius: 7px;
    background: #039ea0;
}

.info-horizontal .description {
    overflow: hidden;
}


.info-horizontal .description h4 {
    font-size: 22px;
}

#reasons h3 {
    font-size: 36px;
    margin-bottom: 50px;
}

/**********/

#hiring-process h3 {
    color: #fa7331;
    font-size: 36px;
    margin-bottom: 50px;

    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: bold;
}

.single-step h4 {
    margin-top: 0;
}

.single-step .number-icon span {
    font-size: 35px;
    background: #fa7331;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    color: #fa7331;
    display: inline-block;
    font-weight: 700;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

/********/

.trust-col img {
    border-radius: 50%;
    width: 250px;
    height: 250px;
    margin: 26px 0;
}

.trust-col {
    text-align: center;
}

.trust-col h4 {
    font-size: 25px;
}

/*****************************/

.our-caregivers-bottom-banner {
    min-height: 770px;
    background: url(../images/bg-ourcareviger.jpg) no-repeat right 0;
    background-size: cover;
    justify-content: flex-start;
}

.our-caregivers-bottom-banner h3 {
    text-align: left;
}

.our-caregivers-bottom-banner .banner-caption {
    width: 524px;
    margin: 0 0 0 17%;
}

.caregiver-bottom-banner .banner-caption .btn_orng,
.our-caregivers-bottom-banner .banner-caption .btn_orng {
    padding: 10px 40px;
}

/*****************/

.row.care h4 {
    font-size: 30px;
    color: #fa7331;
    font-weight: bold;
}

.row.care .btn-fill {
    color: #fff;
    transition: all 0.2s ease-in;
    background: #fa7331;
    padding: 6px 27px;
    font-size: 16px;
}

.row.care .btn-fill:hover {
    color: #fff;
    background: rgba(250, 115, 49, 0.74);
}

.caregiver-bottom-banner {
    background: url(../images/bg-careviger2.jpg) no-repeat 0 0;
    position: relative;
    width: 100%;
    padding-top: 50px;
    min-height: 730px;
    background-size: 100%;
}

.caregiver-bottom-banner .banner-caption {
    width: 100%;
    text-align: center;
}
.caregiver-bottom-banner .banner-caption h2 {
    font-weight: 700;
}

