body {
    font-family: Roboto;
    padding-top: 71px;
}

.title{
    font-size: 34px;
    line-height: 44px;
}
h3 {
    color: #202020;
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 500;
    margin: 30px 0;
    line-height: 35px;
}
.midle_container .nav-link {
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1;
    padding: 0;
    padding-right: 5px;
    padding-left: 5px;
    border-right: 1.7px solid #589888;
    font-size: 14px;
}
.midle_container .nav-item:first-child .nav-link{
    padding-left: 0;
}
.midle_container .nav-item:last-child .nav-link{
    border-right: 0;
}
.blog_box h5{
    font-weight: 500;
    font-size: 17px;
}
.blog_box p {
    font-weight: normal;
}
.solution_section .btn-learnmore{
    background-color: #b26a5e;
    border:1px solid #b26a5e;
}
.solution_section .btn-learnmore:hover{
    background-color:#000000!important;
    color: white!important;
    border:1px solid #000000!important;
}
.blog_box.shadow-sm{
    -webkit-box-shadow: 0px 0px 36px -12px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 36px -12px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 36px -12px rgba(0,0,0,0.22) !important;
}
.plain_footer {
     padding-top: 60px; 
     background-color: #5c9d8c; 
    padding-bottom: 70px;
    background-size: 100%;
}
footer ul li a{
    font-weight: 500;
}
@media (min-width: 1200px){
    .container{
        max-width: 1180px;
    }
}

.case_studies.midle_container a:hover{
    color: #bee8df;
}

.features_list_section {
    padding: 40px 0 0 0;
    margin: 0;
    color: white;
    background-color: #5c9d8c;
    font-size: 1rem;
    font-weight: 700;
}
.features_list_section .sub-head {
    margin: 25px 0 30px 0;
}
.inline_cstm_links {
    margin-right: -50px;
    margin-left: -5px;
}
.features_of_website {
    padding-top: 50px;
    padding-bottom: 70px;
}
.features_of_website .col-md-6,
.features_of_website .col-md-4{
    margin-bottom: 30px;
}

.sub_titl {
    position: absolute;
    top: 139px;
    font-size: 17px;
}
.enterprises .title {
    margin: 209px 0 35px 0;
}
/*.enterprises .lead {
    text-align: justify;
}*/
/*.enterprises .btn-banner {
    padding: 12px 46px;
}*/
.enterprises.midle_container .mt-150 {
    margin-top: 151px;
}
.enterprises.midle_container .mt-100 {
    margin-top: 100px;
}
.midle_container .mt-150 {
    margin-top: 151px;
}
.cstm_container .mt-150 {
    margin-top: 151px;
}
.mb-30 {
    margin-bottom: 30px;
}
.enterprises h3 {
    margin: 24px 0px 30px 0px;
}


.enterprises.blog_section {
    border: 0px;
}
.enterprises .sub-head {
    margin: 0px 0 60px 0;
}
.enterprises .solution_section .btn-learnmore {
    background-color: #B26A5E;
    border: 1px solid #B26A5E;
}
.enterprises .solution_section .btn-learnmore:hover{
    background-color: #d98e81;
    color: white;
    border:1px solid #d98e81;
}
.midle_container_sub {
    background: #FAFAFA;
    padding-top: 70px;
}
.mt-120 {
    margin-top: 120px;
}
.midle_container_sub .mb-150{
    margin-bottom: 150px;
}
.pb-150 {
    padding-bottom: 150px;
}
.midle_container_sub .sub-head_small {
    color:#AAAAAA
}

.pt-95 {
    padding-top: 95px;
}
.enterprises .sub-head-wrapper .sub-head_small {
    margin-bottom: 0px;
    color: #AAAAAA;
}
.sub_logo {
    position: absolute;
    top: 98px;
}
.img_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 14%;
}

.mobile_app {
    padding: 40px 0 0 0;
    margin: 0;
    background-color: lavender;
    font-size: 15px;
    font-weight: 700;
}
.associations.banner_section {
    background: #60a291 url(../images/38_directory_associations_hero.png) no-repeat right bottom !important;
}
.coaching-firms .title {
    margin: 209px 0 35px 0;
}
.coaching-firms .lead {
    text-align: justify;
}
/*.coaching-firms .btn-banner {
    padding: 12px 46px;
}*/
.coaching-firms.midle_container .mt-150 {
    margin-top: 151px;
}
.sub-head_big_txt {
    font-size: 26px;
    color:#202020;
    text-align:center;
    font-weight: 600;
    line-height: 28px;
}
.midle_container_sub.coaching_firms {
    padding-bottom: 100px;
}

/* law firms */
.law_firms_banner .banner_hero_img{
    background: url(../images/directory_legal_solutions_hero.png) no-repeat 351px bottom;
}
.midle_container_sub_head {
    padding: 0;
    margin: 90px 0 90px 0;
    text-align: center;
}
@media (min-width: 1400px) {
    .law_firms_banner {
        padding: 0 0 0 50px !important;
    }
    .law_firms_profiles_banner {
        padding: 0 0 0 50px !important;
    }
    .medical_profiles_banner {
        padding: 0 0 0 50px !important;
    }
    .education_banner {
        padding: 0 0 0 50px !important;
    }
    .education_profiles_banner {
        padding: 0 0 0 50px !important;
    }
    .associations_banner {
        padding: 0 0 0 50px !important;
    }
    .outplacement_banner {
        padding: 0 0 0 50px !important;
    }
    .employees_banner {
        padding: 0 0 0 50px !important;
    }
    .case_studies_banner {
        padding: 0 0 0 50px !important;
    }
    .enterprises_banner {
        padding: 0 0 0 50px !important;
    }
    .coaching_banner {
        padding: 0 0 0 50px !important;
    }
    .img_cstm_width {
        width: 450px !important;
    }
    /* .coaching_firms_banner {
        padding: 0 0 0 120px !important;
    } */
}

/* .medical_banner .sub_titl {
    top: 107px;
} */
@media only screen and (max-width: 768px){
    .law_firms_banner .sub_titl {
        top: 35px;
    }
    .medical_banner .sub_titl {
        top: 12px;
    }
    .midle_container_sub_head {
        margin: 50px 0px!important;
    }
    .law_firms_profiles_banner .banner_logo {
        position: absolute;
        top: 120px;
    }
   
}
.law_firms_profiles_banner .banner_hero_img{
    background: url(../images/directory_legal_hero.png) no-repeat 351px bottom;
}
.law_firms_profiles_container {
    padding-top: 102px;
}
.features_of_website h4 {
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    padding: 0;
}
.coming_soon_img{
    width: 80px;
    height: 18px;
    margin: 24px 0px 30px 10px;
}
/* for smartphones */
@media (min-width:320px) and (max-width:961px) { 
    .coming_soon_img {
        margin-right: 46px;
    }
   
    .press_feature_section div.card{
        margin-bottom: 30px;
    }
    .partnering_txt {
        margin-top: 0px !important;
    }
    .partnering_logo {
        width: 150px !important;
    }  
    .feature_img {
        width: 150px !important;
    }
    .case_studies .mt-150 {
        margin-top: 50px !important;
    }
    .enterprises .mt-150 {
        margin-top: 50px !important;
    }  
    .cstm_container .mt-150 {
        margin-top: 50px !important;
    }
    .client_logos  div.col {
        display: flex;
        justify-content: center;
        flex: auto;
    }
    .video_wrapper {
        margin: 25px 0px;
    }
    .video_wrapper_directory1 {
        /* margin: 50px 0px; */
        margin-top: 50px;
    }
    .video_wrapper_directory2 {
        margin-top: 0px;
    }
    /* .feature_img_wrapper {
        display: flex;
        justify-content: center;
    } */
    .banner_section_inner .banner_logo {
        position: absolute;
        top: 80px;
        width: 300px !important;
    }
    .bg_img_none {
        height: auto;
        /* padding-bottom: 30px; */
        background: #60a291 url() no-repeat right bottom!important;
    }
    .testimonials_head {
        color: #5c9d8c;
        margin-top: 0px;
    }
}
.coaching_firms_banner .banner_hero_img {
    background: url(../images/directory_coaching_hero.png) no-repeat 351px bottom;
}
.press_banner {
    height: 670px!important;
    text-align: center;
    padding: 0 0 30px 0!important;
    background: #60a291 url(../images/about-press-contact_hero_bg@2x.jpg) no-repeat center bottom;
    background-size: 1050px auto;
    margin-bottom: -3px;
}
.press_banner .title {
    padding: 0;
    margin: 70px 0 15px 0;
    font-size: 34px;
    font-weight: 700;
    color: white;
    line-height: 46px;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .press_container_section .client_logos {
        margin: 60px 0px 0px 0px !important;
    }
    .contact_us_cntr_section .client_logos {
        margin: 60px 0px 0px 0px !important;
    }
    /* .websites_blog_sec .blog_box { */
        /* height: 38vh !important; */
    /* } */
    .website_templates img {
        width: 215px;
    }
    .img_cstm_width {
        width: 450px !important;
    }
}

.press_container_section .sub-head_big_txt {
    font-size: 30px;    
    color: #5c9d8c;
    text-align: center;
    font-weight: 500;
}
.contact_us_cntr_section .sub-head_big_txt {
    font-size: 30px;
    color: #5c9d8c;
    text-align: center;
    font-weight: 500;
    margin-bottom: 60px;
}
.desc_txt {
    text-align: center;
    font-size: 17px;
    margin: 23px 25px 40px 25px;
}

@media (min-width: 992px) {
    .desc_txt {
        margin: 23px 239px 40px 220px;
    }
    /* .features_of_website {  */
        /* padding-left: 100px; */
        /* padding-right: 100px; */
    /* } */
    .template_text_lt {
        padding-left: 40px;
    }
    .template_text_rt {
        padding-right: 40px;
    }
    .websites_blog_sec .blog_box img{
        height: 78px !important;
    }
    .get_demo_modal {
        max-width: 920px !important;
        border-top: 4px solid #60A291;
    }
    .get_demo_modal .modal-content {
        border-top: 0;
    }
    .get_demo_form {
        padding-left: 55px;
        padding-right: 55px;
    }
    .dropdown_custm { 
        width: 20rem !important;
    }
    .associations_ctn .row .video_wrapper {
        margin-top: 35px;
    }
    .btn_home_wrapper {
        display: flex;
        justify-content: flex-end;
    }
    .btn_prev_wrapper {
        display: flex;
        justify-content: flex-start;
    }
    .mb-120 {
        margin-bottom: 120px;
    }
    .video_wrapper_directory2 {
        margin-top: 3rem;
    }
}
.press_feature_img {
    border-radius: .25rem .25rem 0px 0px;
}
.press_feature_section .card {
    border: 1px;
    box-shadow: 0px 0px 36px -12px rgba(0,0,0,0.22) !important;
}
.text-muted{
    color: #5C9D8C!important;
}
.press_feature_section small.text-muted {
    text-transform: uppercase;
    font-weight: 500;
}
.card-link {
    font-size: 16px;
    color:#589888;
    /* text-transform: uppercase; */
    font-weight: 500;
}

.press_feature_section a:hover{
    color: #bee8df;
}

.press_feature_section .heading_8 {
    margin: 60px 0px;
    color: #000000;
}
.press_feature_section .features_of_website {
    padding-top: 0px;
}

.contact_us_banner {
    height: 670px!important;
    text-align: center;
    padding: 0 0 30px 0!important;
    background: #60a291 url(../images/about-press-contact_hero_bg@2x.jpg) no-repeat center bottom;
    background-size: 1050px auto;
    margin-bottom: -3px;
}
.contact_us_banner .title {
    padding: 0;
    margin: 70px 0 15px 0;
    font-size: 34px;
    font-weight: 700;
    color: white;
    line-height: 46px;
    text-transform: uppercase;
}
/* .contact_us_cntr_section {

} */
.map_banner {
    height: 509px!important;
    background: #ededed url(../images/map2.png) no-repeat center top!important;
}
.band_head_red {
    width: 71px!important;
    height: 6px!important;
}
.btn-send {
    padding: 5px 75px;
    margin: 20px 0;
    background-color: #b26a5e;
    border: 1px solid #b26a5e;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    color: white;
}
.btn-send:hover {
    background-color:#000000!important;
    color: white!important;
    border:1px solid #000000!important;
}
.locations_section {
    /* height: 48vh; */
    margin-bottom: 65px;

}
.locations_section .mt-35 {
    margin-top: 35px;
}
/* .email_us_section {
    background: #5c9d8c url(../images/lines_section.png) repeat center top;
} */
.email_us_section .contact_cards {
    padding-bottom: 60px;
}
.email_us_section .heading_8 {
    font-size: 30px;
    margin-bottom: 40px;
    color: #000000;
}
.contact_cards .card-link {
    color: #b26a5e;
}
.contact_cards a:hover {
    color: #000000;
}
.get_in_touch_box {
    margin: 0;
    margin-top: -180px;
    background-color: white;
}
.get_demo_bg {
    padding: 0;
    margin: 0;
    background-image: url(../images/get-a-demo@2x.png);
    height: auto!important;
    background-size: cover;
    background-position: -40px;
}
@media (min-width: 1200px) { 
    .get_in_touch_box {
        width: 571px;
        padding: 44px 41px 28px 41px;
    }
    .get_demo_banner {
        padding: 0;
        margin: 0;
        /* background: url(../images/get_a_demo_hero.png) no-repeat -216px top #f8f8f8; */
        height: auto!important; 
    }
    .cstm_container {
        padding-left: 130px;
        padding-right: 130px;
    }
    .get_demo_banner {
        background: url(../images/get_a_demo_hero1.png) no-repeat left top #f8f8f8 !important;
    }
    
    .green_text {
        margin-right: -43px;
     }
     /* .feature_img_wrapper { */
        /* height: 22vh; */
     /* } */
     .margin_rt_neg {
         margin-right: -25px !important;
     }
     .individuals_middle_section img{
        width: auto;
        height: 95%;
     }
     .midle_container img.illustration {
        width: auto;
        height: 90%;
     }
     .associations_feature4_img {
        margin-left: -3rem;
     }
}
@media (min-width: 992px) and (max-width:1200px) { 
    .get_in_touch_box {
        width: 490px;
        padding: 44px 41px 28px 41px;
    }
    /* .get_demo_banner {
        background: url(../images/get_a_demo_hero2.png) no-repeat left top #f8f8f8 !important;
    } */
}
@media (min-width: 768px) and (max-width: 992px){ 
    .get_in_touch_box {
        width: 490px;
        padding: 44px 41px 28px 41px;
    }
    /* .get_in_touch_box_wrapper {

    } */
    .locations_wrapper {
        margin-bottom: 35px;
    }
}
/* for smartphones */
@media (min-width:320px) and (max-width:768px) { 
    .get_in_touch_box {
        position: relative;
        /* top: 5vh; */
        width: 100%;
        padding: 44px 41px 28px 41px;
        margin-top: 0;
        /* left: 0vh; */
    }
    .contact_cards .card {
        margin-bottom: 25px;
    }
    .medical_profiles_banner .banner_logo {
        width: 320px !important;
        top: 80px !important;
    }
    .education_profiles_banner .banner_logo {
        width: 320px !important;
        top: 80px !important;
    }
    .education_banner .title {
        margin: 86px 0 35px 0 !important;
    }
    .education_banner .sub_titl {
        top: 62px !important;
    }
    .associations_banner .banner_logo {
        width: 320px !important;
        top: 80px !important;
    }
    .outplacement_profiles_banner .sub_titl {
        /* position: relative !important; */
        top: 80px !important;
    }
    .outplacement_banner .banner_logo {
        width: 320px !important;
         top: 80px !important;
    }
    .employees_banner .banner_logo {
        width: 320px !important;
         top: 80px !important;
    }
    .case_studies_banner .banner_logo {
        /* position: relative !important; */
        width: 300px !important;
        top: 80px !important;
    }
    .coaching_firms_banner .banner_logo {
        width: 320px !important;
         top: 80px !important;
    }
    .law_firms_profiles_banner .banner_logo {
        width: 320px !important;
         top: 80px !important;
    }
    .enterprises_banner .sub_titl {
        /* position: relative !important; */
        top: 80px !important;
    }
    .coaching_banner .sub_titl {
        /* position: relative !important; */
        top: 62px !important;
    }
    .directory_banner .banner_logo {
        /* position: relative !important; */
        width: 300px !important;
        top: 80px !important;
    }
    .sub_titl {
        /* position: relative!important; */
        top: 80px !important;
    }
    .btn_home_wrapper {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .btn_prev_wrapper {
        display: flex;
        justify-content: center;
    }
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .get_in_touch_box {
        width: 100%;
        padding: 44px 41px 28px 41px;
    }
    .locations_wrapper {
        margin-bottom: 35px;
        display: flex;
        justify-content: center;
    }
    .get_in_touch_box_wrapper {
        display: flex;
        justify-content: center;
    }
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .get_in_touch_box {
        width: 100%;
        padding: 44px 41px 28px 41px;
    }
    .locations_wrapper {
        margin-bottom: 35px;
        display: flex;
        justify-content: center;
    }
    .get_in_touch_box_wrapper {
        display: flex;
        justify-content: center;
    }
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .get_in_touch_box {
        width: 100%;
        padding: 44px 41px 28px 41px;
    }
    .locations_wrapper {
        margin-bottom: 35px;
        display: flex;
        justify-content: center;
    }
    .get_in_touch_box_wrapper {
        display: flex;
        justify-content: center;
    }
}
.get_in_touch_box_wrapper select optgroup {
    color: #5c9d8c;
}
.get_in_touch_box_wrapper select option {
    color: #666666;
}
.get_in_touch_box_wrapper input {
    border-radius: unset;
}
.medical_banner .banner_hero_img{
    background: url(../images/medical_hero_img.png) no-repeat 351px bottom;
}
.medical_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.medical_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.medical_banner .banner_logo{
    position: absolute;
    top: 120px;
}
.medical_profiles_banner .banner_hero_img{
    background: url(../images/directory_medical_profiles_hero.png) no-repeat 351px bottom;
}
.medical_profiles_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.medical_profiles_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.medical_profiles_banner .banner_logo{
    position: absolute;
    top: 120px;
}

.education_banner .banner_hero_img{
    background: url(../images/education_hero.png) no-repeat 351px bottom;
}
.education_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.education_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.education_banner .banner_logo{
    position: absolute;
    top: 120px;
}
.education_banner .sub_titl {
    top: 123px;
}
.education_banner .title {
    margin: 170px 0 29px 0;
}

.education_profiles_banner .banner_hero_img{
    background: url(../images/37_directory_education_hero@2x.png) no-repeat 351px bottom;
    background-size: auto 885px;
}
.education_profiles_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.education_profiles_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.education_profiles_banner .banner_logo{
    position: absolute;
    top: 120px;
}

.associations_banner .banner_hero_img{
    background: url(../images/associations_hero.png) no-repeat 351px bottom;
}
.associations_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.associations_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.associations_banner .banner_logo{
    position: absolute;
    top: 120px;
}
.outplacement_profiles_banner .banner_hero_img{
    background: url(../images/outplacement_solutions_hero.png) no-repeat 351px bottom;
}
.outplacement_profiles_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.outplacement_profiles_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.outplacement_profiles_banner .banner_logo{
    position: absolute;
    top: 120px;
}

/* outplacement styles */
.outplacement_banner .banner_hero_img{
    background: url(../images/outplacement_hero.png) no-repeat 351px bottom;
}
.outplacement_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.outplacement_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.outplacement_banner .banner_logo{
    position: absolute;
    top: 120px;
}
.features_section {
    padding-top: 50px;
}
.features_section .feature_img {
    padding-bottom: 37px;
}
.features_section .band_head {
    margin-bottom: 25px;
}
.features_section .feature_txt {
    font-size: 17px;
}
.features_section .feature {
    padding: 0px 50px;
}
.workfolio_partnering_section .btn_view_website {
    padding: 12px 32px;
    margin: 20px 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: #ffffff;
    border: 1px solid #5c9d8c;
    text-align: center;
    text-transform: uppercase;
}
.workfolio_partnering_section .btn_view_website:hover {
    background-color: #000000 !important;
    color: #ffffff;
    border: 1px solid #000000!important;
}
.workfolio_partnering_section .partnering_box .row {
    display: flex;
    justify-content: center;
}
.workfolio_partnering_section .partnering_box .partnering_txt { 
    margin-top: 22px;
}
.workfolio_partnering_section .partnering_box .partnering_txt h5{ 
    margin-bottom: 0px;
    line-height: 20px;
}
.partnering_box {
    margin: 0 0 69px 0;
}

/* employees styles */
.employees_banner .banner_hero_img{
    background: url(../images/employees_hero.png) no-repeat 351px bottom;
}
.employees_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.employees_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.employees_banner .banner_logo{
    position: absolute;
    top: 120px;
}

/* case studies styles */
.case_studies_banner .banner_hero_img{
    background: url(../images/case-studies_hero.png) no-repeat 351px bottom;
}
.case_studies_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.case_studies_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.case_studies_banner .banner_logo{
    position: absolute;
    top: 120px;
}
.case_studies .mt-150 {
    margin-top: 155px;
}

/* individuals styles */
.individuals_banner .banner_hero_img{
    background: url(../images/individuals_hero.png) no-repeat 351px bottom;
}
.individuals_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.individuals_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.individuals_banner .banner_logo{
    position: absolute;
    top: 120px;
}

/* enterprises styles */
.enterprises_banner .banner_hero_img{
    background: url(../images/enterprises_hero.png) no-repeat 351px bottom;
}
.enterprises_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.enterprises_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.enterprises_banner .banner_logo{
    position: absolute;
    top: 120px;
}

/* coaching styles */
.coaching_banner .banner_hero_img{
    background: url(../images/directory_coaching_solutions_hero.png) no-repeat 351px bottom;
}
.coaching_banner .btn-banner{
    padding: 11px 24px ;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.coaching_banner .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.coaching_banner .banner_logo{
    position: absolute;
    top: 120px;
}

.get_demo_banner{
    padding: 0;
    margin: 0;
    /* background: url(../images/get_a_demo_hero1.png) no-repeat left top #f8f8f8 ; */
    background: url() #f8f8f8 ;
}
.get_demo_banner h5{
    padding: 0;
    /* margin: 231px 0 0 0; */
    color: #000000;
    text-transform: none;
    font-size: 25px;
    font-weight: 700;
}
.get_demo_banner h3{
    padding: 0;
    margin: 20px 0 30px 0;
    color: #383838;
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
}
.get_demo_banner .btn-getademo{
    padding: 5px 30px ;
    margin: 20px 15px 20px 0;
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: #0077b5;
    border:1px solid #0077b5;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
.get_demo_banner .btn-getademo:hover{
    background-color:#0077b5 ;
    color: white;
}
.get_demo_banner h4{
    padding: 0;
    margin: 10;
    color: #000000;
    text-transform: none;
    font-size: 30px;
    font-weight: 700;
}
/* .get_demo_banner h5{
    padding: 0;
    margin: 20px 0 30px 0;
    color: #383838;
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
} */
.get_demo_banner a{
    font-size: 12px;
    color: #383838;
}
.get_demo_banner .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    font-size: 12px;
    color: #383838;
}
.get_demo_banner h6 {
    margin: 20px 0px 20px 0px;
}
.get_demo_banner form .form-row {
    margin-bottom: 0.2rem;
}
.get_demo_banner form {
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    .get_demo_banner h5 {
        margin: 50px 0px 0px!important;
    }
    .get_demo_banner {
        background: url() no-repeat left top #f8f8f8!important;
    }
    .get_demo_banner form {
        margin-bottom: 0px;
    }
}
.subscribe_to_newsletter .button:hover {
    /* background: #BEE8DF; */
    background:#000 url(../images/arrow_footer.png) no-repeat center 10px !important;
    color: white!important;
    border:1px solid #000000!important;
}
.blog_box .blog_link:hover {
    color: #BEE8DF !important;
}

.dropdown_custm {
    border-radius: 0 !important;
    border-top: 3px solid #b26a5e;
    top: 51px;
    z-index: 99999;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    line-height: 20px;
}
.dropdown_custm .dropdown-item {
    font-size:15px;
    color:#202020;
    font-weight: 600;
    white-space: pre-line !important;
}
.dropdown .dp_head {
    display: block;
    width: 100%;
    padding: 10px 11px 15px 31px;
    clear: both;
    text-align: inherit;
    background-color: transparent;
    border: 0;
    font-size:15px;
    color:#202020;
    font-weight: 600;
    white-space: pre-line !important;
    margin: 0;
}
.dp_wrapper{
    background: #f2f2f2;
    padding-bottom: 10px;
    padding-top: 10px;
    /* padding-bottom: 8px; */
}
.dp_wrapper .dropdown-item {
    color:#383838;
    font-size:14px;
}
.dropdown-item:active {
    color: initial !important;
    background-color: #ffffff!important;
}
.dp_sub_wrapper {
    display: flex;
    justify-content: center;
    padding-top: 15px;
}
.dp_sub_wrapper :first-child {
    padding-right: 13px;
    flex: 1 2 auto;
}
.dropdown-menu a {
    padding: 12px 30px 12px 30px;
    /* margin-top: 27px; */
}
/* .company_mnu .dropdown-menu :first-child { */
    /* padding-top: 25px; */
/* } */
.dropdown-menu {
    padding: 0 !important;
}
.dp_wrapper a {
    color: #848484 !important;
}
.solutions_mnu .dropdown-menu a {
    padding: 12px 10px 12px 31px;
} 

.solutions_mnu .dropdown_custm h6 {
    color: #9b9b9b;
    font-size: 12px;
    padding: 12px 10px 12px 31px;
    margin: 0;
}

/* .solutions_mnu .dropdown_custm:last-child {
    padding-bottom: 10px !important;
} */
.solutions_mnu .dropdown_custm h6:first-of-type {
    padding: 30px 10px 12px 31px !important;
}
/* .solutions_mnu :last-child { */
    /* padding-bottom: 15px !important; */
/* } */
/* .solutions_mnu .dropdown_custm span.arrow{
    display: none;
} */

/* .features_of_website {
    padding-top: 50px;
    padding-bottom: 70px;
    padding-left: 100px;
    padding-right: 100px;
} */
.integrations_logos_section {
    padding-left: 100px;
    padding-right: 100px;
}
.integrations_logos_section .integrations > * {
    display: grid;
    justify-content: center;
    align-items: center;
} 
.integrations_logos_section .heading_3 {
    margin-bottom: 50px;
}
.caret {
    position: relative;
}

.caret:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 13px solid #0f0f0f;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}

.caret:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 0;
    border-top: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}
.quest {
    flex: 1 2 auto;
}
.arrow_ {
    cursor: pointer;
    background:  transparent url(../images/down_arrow_blk.png) no-repeat top center;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0px solid rgba(0,0,0,.125);
}
.arrow_up {
    cursor: pointer;
    background:  transparent url(../images/up.png) no-repeat top center;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0px solid rgba(0,0,0,.125);
}
.workfolio_adbox .btn-learnmore:hover {
    /* background-color: #bee8df;
    color: white;
    border: 1px solid #bee8df; */
    background-color:#000000!important;
    color: white!important;
    border:1px solid #000000!important;
}
/* .specialized_solutions2 .logo_wrapper {
    height: 10vh;
} */
/* .specialized_solutions .logo_wrapper {
    height: 10vh;
} */
.quest h5 {
    font-weight: 700;
}

.faq2 .arrow_ {
    background: transparent url(../images/down_arrow_blk.png) no-repeat top center;
}
.faq2 .arrow_up {
    background: transparent url(../images/up.png) no-repeat top center;
}
@media screen and (min-width: 1025px) {
    /* .enterprises_banner .title{
        margin: 140px 0 30px 0 !important;
    }
    .enterprises_banner .sub_titl {
        top: 80px !important;
    } */
}

/* select#currency option[value="usa"]   { background:url(../images/us_flag.png);   } */
/* select#currency option[value="female"] { background-image:url(female.png); } */
/* select#currency option[value="others"] { background-image:url(others.png); } */
.currency_dd {
    border: 1px solid #656565 !important;
    width: 99px!important;
}


/*Styling Selectbox*/
.dropdown_ {
    width: 300px;
    display: inline-block;
    background-color: #fff;
    border-radius: 5px;
    /* box-shadow: 0 0 2px rgb(204, 204, 204); */
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    height: 100%;
    text-align: left
  }
  .dropdown_ .select {
      cursor: pointer;
      display: block;
      padding: 10px
  }
  .dropdown_ .select > i {
      font-size: 13px;
      color: #888;
      cursor: pointer;
      transition: all .3s ease-in-out;
      float: right;
      line-height: 20px
  }
  .dropdown_:hover {
      box-shadow: 0 0 4px rgb(204, 204, 204)
  }
  .dropdown_:active {
      background-color: #f8f8f8
  }
  .dropdown_.active:hover,
  .dropdown_.active {
      box-shadow: 0 0 4px rgb(204, 204, 204);
      border-radius: 5px 5px 0 0;
      background-color: #f8f8f8
  }
  .dropdown_.active .select > i {
      transform: rotate(-90deg)
  }
  .dropdown_ .dropdown-menu {
      position: absolute;
      background-color: #fff;
      width: 100%;
      left: 0;
      margin-top: 1px;
      box-shadow: 0 1px 2px rgb(204, 204, 204);
      border-radius: 0 1px 5px 5px;
      overflow: hidden;
      display: none;
      max-height: 144px;
      overflow-y: auto;
      z-index: 9
  }
  .dropdown_ .dropdown-menu li {
      padding: 10px;
      transition: all .2s ease-in-out;
      cursor: pointer
  } 
  .dropdown_ .dropdown-menu {
      padding: 0;
      list-style: none
  }
  .dropdown_ .dropdown-menu li:hover {
      background-color: #f2f2f2
  }
  .dropdown_ .dropdown-menu li:active {
      background-color: #e2e2e2
  }
  .dd_arrow_down {
      margin: 6px;
  }
  .navbar_cstm {
    padding-right: 1rem;
  }
  /* .company_mnu .dropdown_custm {
    display: block;
  } */
.integrations > div {
    padding: 0 15px;
}
.integrations img {
    max-width: 100%;
    height:  auto;
    margin-bottom: 40px !important;
}
 .integrations .azure {
    margin-right: 31px;
 }

.integrations .stripe,  .integrations .rest, .integrations .adobe {
    margin-left: 15px;
    margin-right: 15px;
}

.feature_big_txt {
    /* font-size: 56px; */
    color: #589888;
}
.workfolio_about_section ul li:last-of-type{
    padding-bottom: 0px;
    margin-bottom: 114px;
}
.press_feature_section .features_of_website .card .card-link {
    font-size: 15px !important;
}

/* contact form box */
@media (min-width: 1400px){
}

@media (min-width: 1450px){
}

@media (min-width: 1600px){
}

@media (min-width: 1900px) {
}

@media (min-width: 2000px){
}
.get_in_touch_box .custom-select {
    border-radius: 0;
    -webkit-appearance: none;
    background: url("/web/images/dropdown_arrow_blk.png") white no-repeat calc(100% - 10px) !important;
}
@media (min-width: 1200px){
    .banner_default{
        background-position-x: 120px;
    }
    .banner_x{
        background-position-x: 300px;
    }
    
}
@media (min-width: 1400px){
    .banner_default{
        background-position-x: right;
    }
    .banner_x{
        background-position-x: right;
    }
}
.midle_section_para {
    font-size: 18px;
    line-height: 28px;
}
/* .dropdown_custm .dd_wrap {
    padding-top: 10px;
} */
/* .dropdown_custm .dd_wrap .d_wrap {
    padding-bottom: 10px;
} */
.company_mnu .dropdown_custm .dd_wrap .d_wrap a:nth-child(1) {
    padding-top: 30px;
}
.company_mnu .dropdown_custm .dd_wrap .d_wrap a:nth-child(3) {
    padding-bottom: 20px;
}
.products_mnu .dropdown_custm a:nth-child(1) {
    padding-top: 30px;
    /* padding-top: 10px !important; */
    /* padding-bottom: 10px !important; */
}
.products_mnu .dropdown_custm a:nth-child(4) {
    padding-bottom: 25px;
}

/* navbar scroll effects  */
.pricing_txt {
    margin-right: 16px;
}
.quotes_card_section {
    background: #5c9d8c url(../images/midle_bg_curve.png) no-repeat top center;
    background-size: 100%;
}
/* .quotes_bg{
    background: url(../images/features_list_bg_lines.png) no-repeat top center;
    background-size: cover;
} */
.btn_get_started {
    padding: 5px 38px !important;
}

.btn_downlod {
    padding: 4px 24px;
    margin: 20px 0;
    color: #000000;
    /* background-color: #b26a5e; */
    border: 1px solid #000000;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
.btn_downlod:hover {
    background-color:#000000!important;
    color: white!important;
    border:1px solid #000000!important;
}
.contact_form .form-control:focus {
    border: 1px solid #ced4da;
    box-shadow: unset;
    outline: 0 none;
}
.get_demo_form form select {
    height: 3.5rem;
}
.get_demo_form form .btn-login {
    padding: 5px 35px;
    margin: 12px 0 0 0;
    font-size: 12px;
}
.get_demo_form .heading_1 {
    margin-top: 55px;
}
.mb-130 {
    margin-bottom: 10rem;
}
.pl-50 {
    padding-left: 50px;
}
.get_demo_form h6 {
    margin-bottom: 20px;
}
.get_demo_form {
    background-color: #F8F8F8;
    padding-bottom: 55px;
}
.get_demo_form .pure-material-textfield-outlined {
    margin-bottom: 1.3rem;
}
.get_demo_form select optgroup {
    color: #5c9d8c;
}
.get_demo_form select option {
    color: #000000 !important;
}
.get_demo_form .pure-material-textfield-outlined > input, 
.get_demo_form .pure-material-textfield-outlined > textarea, 
.get_demo_form .pure-material-textfield-outlined > select {
    caret-color: unset;
}
.get_demo_form .btn-login:hover {
    background-color: #000000!important;
    color: white!important;
    border: 1px solid #000000!important;
}
.get_in_touch_box .custom-select {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    outline:0;
    box-shadow:none;
    flex: 1;
    padding: 0 .5em;
    cursor:pointer;
}
.menu_desc {
    font-weight: normal !important;
    font-size: 14px;
    color: #848484;
}

.content_img {
    position: relative;
    /* width: 90%; */
    /* max-width: 400px; */
    margin: auto;
    overflow: hidden;
}

.content_img .content-overlay {
    background: #b26a5e8c;
    position: absolute;
    height: 84%;
    width: 93%;
    left: 14px;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.content_img:hover .content-overlay {
    opacity: 1;
}

/* .content-image { */
    /* width: 100%; */
/* } */

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 45%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.content_img:hover .content-details {
    top: 45%;
    /* left: 50%; */
    opacity: 1;
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.content-details p {
    color: #fff;
    font-size: 0.8em;
}
.fadeIn-bottom{
top: 80%;
}

.fadeIn-top{
top: 20%;
}

.fadeIn-left{
left: 20%;
}

.fadeIn-right{
left: 80%;
}
.btn_visit {
    padding: 4px 24px;
    margin: 20px 0;
    color: white !important;
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
.content-details .btn_downlod {
    color: white;
}

.dropdown-toggle::after {
    content:none;
    position: absolute;
    right: 4px;
    top: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 17px 17px;
    border-color: transparent transparent #ffffff transparent;
    z-index:9998;
}
.navbar_cstm.fixed-theme .dropdown_custm .dropdown-item{
    color: #202020 !important;
}
.navbar-brand {
    line-height: 22px;
    padding: 0;
    font-size: 1px;
}
@media (min-width: 992px) {
    .navbar.navbar-expand-lg.fixed-top.navbar-light.fixed-theme {
        background-color: #5c9d8c;
        border-color: #5c9d8c;
        box-shadow: 0 0 5px #5c9d8c;
        animation: slide-me-in 0.5s;
    }
    /* .navbar-container.fixed-theme { */
        /* padding: 0; */
    /* } */
    
    .navbar-brand.fixed-theme,
    .navbar-container.fixed-theme,
    .navbar.navbar-expand-lg.fixed-top.navbar-light,
    .navbar-brand,
    .navbar-container{
        transition: 0.3s;
        -webkit-transition:  0.3s;
    }
    .nav_form.fixed-theme .btn-getademo {
        color: #5c9d8c;
        background-color: white;
        border: 1px solid #ffffff;
    }
    .sales.nav_tele.fixed-theme {
        color: #ffffff;
    }
    .navbar_cstm.fixed-theme li a {
        /* font-size: 18px; */
        /* background-color: #5c9d8c !important; */
        color: #ffffff !important;
    }
    
    .dropdown_custm::before {
        content:"";
        position: absolute;
        left: 28px;
        top: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #b26a5e transparent;
        z-index:9999;
    }
    .video_browser {
        position: absolute;
        width: 100%;
        height: 100%;
        top: -18px;
        left: 42px;
    }
    .video_browser img {
        height: 336px;
        width: 507.5px !important;
    }

    .video_left_align {
        left: 0;
    }
    .embed-responsive.video_left_align {
        left: -42px;
    }
    /* .directory_banner h1 {
        margin-right: -100px !important;
    }
    .directory_banner p {
        margin-right: -150px !important;
    }
    .enterprises_banner h1 {
        margin-right: -50px !important;
    } */
    .workfolio_logo.fixed-theme {
        animation: slide-me-in 0.5s;
    }
    
}

@keyframes slide-me-in {

    0% {
        transform: translateY(-100%);
        transition: .5s ease-in-out;
    }

    100% {
        transform: translateY(0);

    }
}

.company_mnu .dropdown_custm.dropdown-menu a {
    padding: 12px 14px 12px 30px;
}
.dropdown-item:hover {
    background-color: #f2f2f2;
}
.solutions_mnu .dropdown_custm a:last-of-type {
    padding-bottom: 20px !important;
}
.company_mnu .dropdown_custm .dd_wrap .dp_wrapper .dropdown-item{
    font-weight: normal;
}
.content_img .content-details .btn_downlod {
    background-color: #000000;
    border: 1px solid #000000;
}
.mt-80 {
    margin-top: 80px;
}
.employess_big_text {
    line-height: 35px;
    padding: 0px 100px;
    text-align: center;
}
.press_feature_section .features_of_website .card .card-body p.card-text:last-of-type {
    margin-bottom: 28px;
    min-height: 130px;
}
.press_feature_section .features_of_website .card .card-body .card-title {
    min-height: 75px;
}

@media(max-width: 1200px) {
    .press_feature_section .features_of_website .card .card-body .card-title {
        min-height: 96px;
    }
    .press_feature_section .features_of_website .card .card-body p.card-text:last-of-type {
        min-height: 168px;
    }
}

/* .contact_form select option:hover {
    color: green;
} */
.error_page_banner {
    background: #60a291 url(../images/404-page_illustration@2x.png) no-repeat center center;
    background-size: cover;
    background-color: #60a291;
    height: 100%;
}
/*
    header login and getdemo button
*/
header .btn-header-login{
    padding: 5px 30px ;
    margin: 12px 1.5rem 12px 0;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    background-color: #518c7e;
    border:1px solid #518c7e;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
header .btn-header-login:hover{
    background-color:#000000 ;
    color: white;
    border:1px solid #000000;
}
header .btn-header-getademo{
    padding: 5px 30px ;
    margin: 12px 15px 12px 0;
    font-size: 13px;
    font-weight: 700;
    color: white;
    background-color: #b26a5e;
    border:1px solid #b26a5e;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
header .btn-header-getademo:hover{
    background-color:#000000 ;
    color: white;
    border:1px solid #000000;
}

.fixed-theme .btn-header-login {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff
}

/*
    404 page styles
**/

body.not_found_pg , html {
    height: 100%;
}

.error_page_banner .container .row h1 {
    font-size: 110px;
    color: #B26A5E;
}
.error_page_banner .container .row h6 {
    font-size: 35px;
    color: #B26A5E;
}
.error_page_banner .btn-send {
    font-size: 16px;
    padding: 12px 34px;
    font-weight: 700;
}
.error_page_banner a.btn_prev_pg {
    padding: 10px 30px;
}

.not_found_pg header form span{
    padding: .375rem .75rem;
}

.navbar_cstm.fixed-theme .dropdown_custm .dropdown-item span {
    color: #848484 !important;
}

header .sales.fixed-theme {
    background: url(../images/phone_wt.png) no-repeat left 3px !important;
}
.get_demo_form p {
    color: #848484;
}
.banner_section .title {
    margin-top: 170px !important;
}
.press_logos > div.col {
    padding: 0 1rem 0 1rem;
}
.select_specialized_directory h3 {
    margin: 20px 0px;
}
.specialized_solutions h3 {
    margin: 26px 0px;
}
.enterprises.midle_container .mt-110 {
    margin-top: 110px;
}
/* .blog_section .solution_section {
    background:url(../images/lines_section.png) repeat center top;
} */
.lines_bg{
    background: #60a291;
}
.testimonials_head {
    color: #5c9d8c;
    /* margin-top: 0px; */
}
.hp_blog .sub-head, .hp_blog .sub-head_small {
    color: #000000;
}
.blog_section.hp_blog {
    background: #D7F4EA !important; 
}
.bg_light_blue {
    background: #D7F4EA;
}
.more_link {
    background: url(../images/arrow_rt_plain.png) no-repeat 23rem 2rem;
}
.more_link:hover, .more_link a:hover {
    color: #000000;
    background: url(../images/arrow_rt_blk.png) no-repeat 23rem 2rem;
}
.pt-mobile-app {
    padding-top: 5rem;
}
.get_demo_form .close {
    font-size: 2.2rem;
    margin-right: -40px;
    margin-top: 3px;
    font-weight: 300;
    color: #212529;
    opacity: 1;
    outline: none;
}
.demo_form .form-control {
    /* width: 22rem; */
    /* margin-left: 20px; */
}
.demo_form .formCstm {
    margin-top: 1.5rem;
}
.demo_form .formCstm .form-group {
    margin-bottom: 0;
}
.demo_form .form-control {
    height: 50px;
    border: 1px solid #b7b7b7;
    margin-bottom: -1px;
    font-size: 15px;
}
.demo_form .form-control:focus {
    outline: 0;
    box-shadow: none;
    color: #495057;
    background-color: #fff;
    border: #5c9d8c solid 1px;
}
.demo_form .form-group textarea {
    min-height: 150px;
    resize: vertical;
}
.demo_form .form-group.mb-20 {
    margin-bottom: 1.25rem;
}
.demo_form .form-group.mb-38 {
    margin-bottom: 2.375rem;
}
.demo_form .input-holder,
.demo_form .form-group {
    position: relative;
}
.demo_form .form-control:focus{
    z-index: 1;
}
.demo_form .form-control.error {
    border-color: #b26a5e;
    background-image: url("../images/error_text-field_icon@2x.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px 19px;
    background-origin: content-box;
    z-index: 1;
    position: relative;
}
.demo_form .recaptcha.error {
    background-image: url("../images/error_text-field_icon@2x.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px 19px;
    background-origin: content-box;
    z-index: 1;
    position: relative;
}
/* .demo_form .form-control + .error {
    color: #b26a5e;
    font-size: 12px;
    position: absolute;
    top: -18px;
    right: 0;
    background: #ffffff;
    padding: 2px 10px;
    box-shadow: 0 0 4px 0px #b26a5e;
    border-radius: 3px;
    display: none!important;
    z-index: 1;
} */
.demo_form .form-control.bbl {
    border-radius: 0 0 0 3px;
}
.demo_form .form-control.bb {
    border-radius: 0 0 3px 3px;
}
.demo_form .form-control.bbr {
    border-radius: 0 0 3px 0;
}
.demo_form .form-control.btl {
    border-radius: 3px 0 0 0;
}
.demo_form .form-control.bt {
    border-radius: 3px 3px 0 0;
}
.demo_form .form-control.btr {
    border-radius: 0 3px 0 0;
}
.demo_form .messageHolder{
    text-align: center;
    margin-bottom: 10px;
}
.demo_form .messageHolder.error {
     color: #b26a5e;
}
.demo_form .messageHolder.success {
     color: green;
}
.btn-red {
    /* background-color: #b26a5e; */
    border: 1px solid #b26a5e;
    color: #ffffff;
    font-size: 17px;
    text-align: start;
    background: #b26a5e url(../images/arrow_rt_demo.png) no-repeat 19rem 12px;
    border-radius: .25rem;
}
.btn-red:hover {
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
}

.contact_form input[type="text"].form-control{
    height: calc(1.5em + .75rem + 15px);
    border: 1px solid #b7b7b7;
    border-radius: 0;
}

.contact_form select.form-control{
    height: calc(1.5em + .75rem + 15px);
    border: 1px solid #b7b7b7;
    border-radius: 0;
}
.contact_form textarea.form-control{
    border: 1px solid #b7b7b7;
    border-radius: 0;
}

.contact_form .btn-send {
    padding: 8px 75px;
}

.terms-hero,
.forgot-password-hero{
    background: #60a291;
    padding: 20px 0;
}
.terms-hero h2,
.forgot-password-hero h2 {
    margin: 0;
    padding: 0;
    color: #ffffff;
}
#email-reset .instructions {
    text-align: center;
    margin: 20px;
}
#UserPasswordResetForm {
    width: 500px;
    margin: 0 auto;
    text-align: center;
}
#UserPasswordResetForm input[type="submit"]{
    padding: 8px 75px;
    margin: 20px 0;
    display: inline-block;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #b26a5e;
    border: 1px solid #b26a5e;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    color: white;
}

#UserPasswordResetForm input[type="text"] {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: calc(1.5em + .75rem + 15px);
    border: 1px solid #b7b7b7;
    border-radius: 0;
}

.ourstory_text .content{
    font-size: 16px;
    list-style: 26px;
}

.ourstory_text .content h3{
    font-size: 19px;
    margin-top: -10px;
    margin-bottom: 10px;
}

/* Get demo */

.multiselect-wrapper {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    position: relative;
}
.multiselect-input-div {
    height: calc(1.5em + .75rem + 15px);
}
.multiselect-wrapper .multiselect-input {
    padding-right: 65px;
    margin: 0;
    display: inline-block;
    border-radius: 3px;
}
.multiselect-input-div input {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 15px);
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    background-color: #fff;
    color: #495057;
}
.multiselect-input-div input[type="text"].error {
    border-color: #b26a5e;
}

.multiselect-input-div input:focus{
    outline: 0;
    box-shadow: none;
    color: #495057;
    background-color: #fff;
    border: #5c9d8c solid 1px;
}
.multiselect-dropdown-arrow {
    margin-top: 24px;
    background: url(../images/down_arrow.svg) no-repeat center;
    width: 16px;
    height: 6px;
    border: none;
    margin-left: -55px!important;
}
.multiselect-count {
    left: -60px!important;
}
.multiselect-wrapper label {
    display: block;
    font-size: 16px;
    font-weight: 400;
}
.multiselect-wrapper .multiselect-list {
    padding: 0;
    width: 100%;
    border-color: #b7b7b7;
    z-index: 2;
}
.multiselect-wrapper .multiselect-list > span > label {
    padding: 10px;
    margin: 0;
    color: #383838;
}
.multiselect-wrapper hr {
    margin: 0;
}
.multiselect-wrapper li label {
    padding: 10px;
    margin: 0;
    color: #383838;
}
.multiselect-wrapper ul li:hover,
.multiselect-wrapper ul li.active{
    background: #d7ede7;
    color: #383838;
}
.multiselect-wrapper .multiselect-list .multiselect-checkbox {
    margin-right: 10px;
}

.demo_form .form-group.double .input-holder{
    display: block;
    width: 50%;
    float: left;
}
.demo_form .form-group.double .input-holder + .input-holder .form-control {
    border-left: 0;
}
/* Landing page styles */
body.custom {
    padding-top: 0;
}
.landingpage * {
    font-family: 'Roboto', sans-serif;
}
.landingpage .container {
    max-width: 1280px;
}
.landingpage .header {
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    padding: 24px 65px;
    background-color: #f8f8f8;
}
.landingpage .header header {
    background-color: transparent;
}
.landingpage .logo {
    display: inline-block;
    width: 100%;
    max-width: 174px;
    vertical-align: top;
}
.landingpage .row_centered {
    display: flex;
    flex-wrap: wrap;
}
/* Form */
.landingpage .get_demo_form {
    position: absolute;
    width: 100%;
    max-width: 445px;
    top: 6px;
    left: 0;
    padding: 36px 40px 48px;
    border-top: 8px solid #569282;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    z-index: 1;
}
.landingpage .demo_form.hide {
    display: none;
}
.landingpage .get_demo_form .heading_1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
}
.landingpage .get_demo_form p {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
}
.landingpage .get_demo_form .btn-red {
    padding: 11px 20px;
    font-size: 17px;
    font-weight: 700;
    background: #b26a5e url(../images/arrow_rt_demo.png) no-repeat 94% center;
    text-transform: uppercase;
}
.landingpage .get_demo_form .btn-red:disabled,
.landingpage .get_demo_form .btn-red:hover {
    border: 1px solid #000000;
    background: #000000 url(../images/arrow_rt_demo.png) no-repeat 94% center;
}
.landingpage .get_demo_form .btn-red.active {
    background: #000000 url(../images/arrow_rt_demo.png) no-repeat 94% center;
}
.landingpage .get_demo_form .form-login {
    font-size: 15px;
    font-weight: 500;
    color: #828282;
}
.landingpage .get_demo_form .form-login a {
    font-size: 15px;
    font-weight: 500;
    color: #5c9d8c;
}
.landingpage .get_demo_form .login {
    font-size: 15px;
    font-weight: 500;
    color: #828282;
}
.landingpage .get_demo_form .login a {
    font-size: 15px;
    font-weight: 500;
    color: #5c9d8c;
    text-decoration: none;
    transition: color .3s;
}
.landingpage .get_demo_form .login a:hover {
    color: #000000;
}
.landingpage .get_demo_form .thankyou {
    display: none;
    min-height: 485px;
}
.landingpage .get_demo_form .thankyou.active {
    display: block;
}
.landingpage .get_demo_form .thankyou-text {
    padding-top: 30px;
    margin-bottom: 45px;
}
.landingpage .get_demo_form .thankyou-img {
    margin-bottom: 40px;
}
.landingpage .get_demo_form .thankyou-img img {
    display: block;
    width: 100%;
    height: auto;
}
.landingpage .get_demo_form .thankyou a.btn {
    color: #fff;
}
.multiselect-wrapper {
    position: relative;
}
#interested_products_itemList + .fake-input {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#interested_products_itemList.active + .fake-input {
    display: block;
}
/* Section About */
.section.about {
    padding-bottom: 0;
}
.section.about .section-img-bg {
    height: 585px;
    background-image: url('../images/landingpage/landingpage-section-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.landingpage .enterprises-item {
    padding-top: 136px;
}
.landingpage .enterprises-item h3 {
    margin-top: 12px;
    margin-bottom: 15px !important;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    color: #202020;
}
.landingpage .enterprises-item .coming_soon_img {
    margin: 16px 0px 0 10px;
}
.landingpage .midle_container_sub {
    padding-top: 100px;
    padding-bottom: 78px;
}
.landingpage .enterprises-item p {
    font-size: 17px;
    font-weight: 300;
    line-height: 27px;
    color: #666666;
}
.landingpage .enterprises-item .nav {
    margin-top: 25px;
}
.landingpage .midle_container .nav-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
    color: #5c9d8c;
    border-right: 1px solid #5c9d8c;
}
.landingpage .footer {
    height: auto;
    padding-top: 0;
}
.landingpage .copyright {
    margin-top: 0;
    border-top: none;
    border-top: 1px solid #5b9b89;
}

.landingpage .copyright .row {
    margin-bottom: 0;
}
.landingpage .footer-link {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    color: #bee8df;
    text-decoration: none;
    transition: color .3s;
}
.landingpage .footer-link:hover {
    color: #000000;
}
.landingpage .multiselect-wrapper li {
    margin-bottom: 0;
    line-height: initial;
    float: none;
}
.img-responsive {
    display: block;
    width: 100%;
    height: auto;
}
.section {
    padding-top: 80px;
    padding-bottom: 40px;
}
.section-top {
    margin-bottom: 80px;
}
.section-title {
    margin-bottom: 12px;
}
.section-title h2 {
    margin: 0 !important;
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
    color: #383838;
    text-transform: unset;
}
.section-subtitle span {
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    color: #828282;
}
.solutions {
    padding-bottom: 28px;
}
.solutions-list .row_custom {
    margin-bottom: 0;
}
.solutions-list .col_custom {
    flex: 0 0 37%;
    max-width: 37%;
    padding-right: 12%;
}
.solutions-list .col_custom:nth-child(3n) {
    width: 20%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 0;
}
.solutions-item {
    margin-bottom: 56px;
}
.solutions-item-img {
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 54px;
}
.solutions-item-img:after {
    content: '';
    position: absolute;
    width: 44px;
    height: 3px;
    bottom: -34px;
    left: 0;
    background-color: #5c9d8c;
}
.solutions-item-title {
    margin-bottom: 10px;
}
.solutions-item-title h3 {
    margin: 0 !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    color: #383838;
    text-align: left;
}
.solutions-item-description {
    font-size: 19px;
    font-weight: 300;
    line-height: 29px;
    color: #383838;
}
/* Section About */
.section.about {
    padding-top: 68px;
}
.section.about .section-top {
    margin-bottom: 44px;
}
/* Custom input type radio */
.form-radio-label {
    position: relative;
    margin-right: 40px;
    padding-left: 28px;
    font-size: 16px;
    font-weight: 500;
    color: #383838;
    cursor: pointer;
}
.form-radio-label:last-child {
    margin-right: 0;
}
.form-radio-label span {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 2px;
    left: 0;
    border-radius: 50%;
    border: 1px solid #848484;
}
.form-radio-label span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #b36b5f;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width .3s, height .3s;
}
.form-radio-label input {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.form-radio-label input:checked ~ span:before {
    width: 12px;
    height: 12px;
}
/* Custom input type checkbox */
.form-checkbox {
    padding-left: 0;
}
.form-checkbox-label {
    position: relative;
    padding-left: 32px;
    font-size: 16px;
    line-height: 26px;
    color: #383838;
    cursor: pointer;
}
.form-checkbox-label input {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.form-checkbox-label span {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
}
.form-checkbox-label span:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 6px;
    top: 4px;
    left: 4px;
    border-bottom: 2px solid #5b9d8b;
    border-left: 2px solid #5b9d8b;
    transform: rotate(-45deg);
    opacity: 0;
    transition: opacity .3s;
}
.form-checkbox-label input:checked ~ span:before {
    opacity: 1;
}

/* Responsive */
@media(max-width: 1270px) {
    .section-title h2 {
        font-size: 34px;
    }
    .section-subtitle span {
        font-size: 18px;
    }
}

@media(max-width: 1250px) {
    .solutions-list .col_custom {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 15px;
    }
    .solutions-list .col_custom:nth-child(3n) {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 15px;
    }
}

@media(max-width: 1199px) {
    .landingpage .midle_container_sub .float-left.img {
        width: 100%;
        max-width: 574px;
    }
    .landingpage .midle_container_sub .float-right.img {
        width: 100%;
        max-width: 542px;
    }
}

@media(max-width: 991px) {
    .section.about {
        margin-bottom: 162px;
    }
}

@media(max-width: 767px) {
    .landingpage .midle_container_sub .float-left.img {
        margin-bottom: 30px;
    }

    .landingpage .midle_container_sub .img {
        float: none !important;
    }

    .solutions-list .col_custom {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
    }
    .solutions-list .col_custom:nth-child(3n) {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
    }
}

@media(max-width: 662px) {
    .section.about {
        margin-bottom: 0;
    }
    .section.about .section-img-bg {
        display: none;
    }

    .landingpage .get_demo_form {
        position: static;
        margin-right: auto;
        margin-left: auto;
    }
}


#directory-create-plans  .nav-item {
    margin-bottom: 0;
}

#directory-create-plans .tab_box_listing ul {
    display: flex;
    justify-content: center;
}

#directory-create-plans .tab_box_listing ul li.box1 {
    margin-right: 20px;
    max-width: 400px;
    min-width: 350px;
    padding: 30px !important;
    display: flex;
    flex-direction:  column;
}
#directory-create-plans .box1 .price_box {
    height: 96px;
    text-align: center;
}
#directory-create-plans  .pricing_txt {
    color: #AAAAAA;
}
#directory-create-plans  .price_box .heading_5 {
    margin-bottom: 10px;
}
.flex-1 {
    flex: 1;
}
#directory-create-plans .price_box a {
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    max-width: 250px;
    text-align: center;
    display: inline-block;
    background-color: #b1695d;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #b26a5e;
    border: 1px solid #b26a5e;

}
#directory-create-plans .price_box a:hover {
    background-color: #000000!important;
    color: white!important;
    border: 1px solid #000000!important;
}

#directory-create-plans .price_box a:focus,#directory-create-plans .price_box a:hover {
    outline: none;
    text-decoration: none;
}

#directory-create-plans .tab_box_listing ul li.box1:last-child {
    margin-right: 0 !important;
}
#directory-create-plans .tab_box_listing ul li h5 {
    margin-top: 30px;
    margin-bottom: 20px;
}
#directory-create-plans .desc {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    color: #666666;
}

#directory-create-plans .tab_box_listing ul ul {
    display: block !important;
}

.dropdown-menu li {
    float: none;
}

#directory-create-plans .price_box.year {
    line-height: 50px;
}

.formCstm input {
    font-family: 'Roboto', sans-serif;
}
.websites_right_management .tab_box_listing>ul {
    display: flex;
}

.websites_right_management .tab_box_listing ul li {
    display: flex; 
    flex: 1;
}

.websites_right_management .box2 .price_box {
    margin-bottom: 15px;
}
.box-container {
    display: flex;
    flex-direction: column;
}

.box-container .box-header {
    flex: 1;
}

.websites_right_management .banner_section_inner .banner_logo {
    position: absolute;
    top: 60px;
    max-width: 600px;
}