body{
    padding: 0;
    margin: 0;
}
@media (min-width: 1920px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1420px;
        }}

.clear{clear: both;}

header{
    background-color: white;
}
.navbar {
    background-color: #ffffff;
    padding: .5rem 2rem !important;
}
.nav-link{
    color: #777777;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #60a291;
}
header.nav-item .nav-link {
    color: #777777!important;
    font-size: 13px!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
}
header .btn-login{
    padding: 5px 30px ;
    margin: 12px 15px 12px 0;
    font-size: 13px;
    font-weight: 700;
    color: #5c9d8c;
    background-color: white;
    border:1px solid #5c9d8c;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
header .btn-login:hover{
    background-color:#5c9d8c ;
    color: white;
    border:1px solid #5c9d8c;
}
header .btn-getademo{
    padding: 5px 30px ;
    margin: 12px 15px 12px 0;
    font-size: 13px;
    font-weight: 700;
    color: white;
    background-color: #5c9d8c;
    border:1px solid #5c9d8c;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
header .btn-getademo:hover{
    background-color:#BEE8DF ;
    color: white;
    border:1px solid ;
}
header .sales{
    padding: 0 0 0 20px;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #787878;
    background: url(../images/phone.png) no-repeat left 3px;
}
.banner_section{
    height: 823px;
    padding: 0;
    margin: 0;
    border-top: 3px solid #518c7e;
    background: #60a291;
}
.banner_hero_img {
    background:  url(../images/banner_img_right_hp.png) no-repeat 351px bottom;
    height: 100%;
}
.title{
    padding: 0;
    margin: 180px 0 35px 0;
    font-size: 34px;
    font-weight: 500;
    color: white;
    line-height: 36px;
    text-transform: uppercase;
}
.lead{
    color: #bee8df;
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
    margin-bottom:45px ;
}
.btn-banner{
    padding: 12px 34px;
    margin: 0 21px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #5c9d8c!important;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    border:1px solid #60a291;
    text-transform: uppercase;
}
.btn-banner:hover{
    background-color:#000000!important;
    color: white!important;
    border:1px solid #000000!important;
}
.client_logos{
    padding: 0;
    margin: 70px 0 80px 0;
    text-align: center;
}
h2{
    color: #aaaaaa;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin-bottom:40px ;
}

.midle_container{
    font-size:17px;
    color: #666666;
    line-height: 27px;
    position: relative;
}
/* .midle_container .img{
    width: 100%;
} */
h3{
    color: #202020;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 700;
    margin:30px 0;
}
.midle_container .nav-link{
    font-size:16px;
    color: #589888;
    font-weight: 700;
}
/* .midle_container a:hover{
    color: #bee8df;
} */
/*.midle_container .nav-link:first-child{
    padding-left: 0;
}*/
.midle_container .btn-learnmore{
    padding: 5px 40px ;
    margin: 30px 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;
}
.midle_container .btn-learnmore:hover{
    background-color:#000000!important;
    color: white!important;
    border:1px solid #000000!important;
}
.midle_container .mb-150{
    margin-bottom: 150px;
}
.blog_section{
    /*padding-top: 60px;*/
    /*background-color: #5c9d8c;*/
    /*border-top: 70px solid #f8f9f9;*/
     background:#5c9d8c url(../images/midle_bg_curve.png) no-repeat top center; 
    padding-bottom: 70px;
    background-size: 100%;
}
.websites_blog_sec {
    background: url(../images/midle_bg_curve2.png) no-repeat center top !important; 
    background-size: cover !important;
}
.bg_lines {
    background: url(../images/midle_bg_curve2p2.png) repeat center 0rem; 
    /* background-size: cover; */
}
.blog_box{
    padding: 40px;
    margin: 0 0 30px 0;
    background-color: white;
    border-radius: 4px;
}
.blog_box h4{
    color: #5c9d8c;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.blog_box h5{
    color: #383838;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}
.blog_box h6{
    color: #999999;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}
.blog_box p{
    color: #383838;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}
.readmore{
    padding: 0;
    margin: 0;
}
.readmore a{
    padding: 5px 40px 5px 17px;
    margin: 0;
    color: #777777!important;
    border: 1px solid #777777;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    background: url(../images/arrow_rt4.png) no-repeat 131px 7.5px;
}
.readmore a:hover{
    color: #ffffff !important;
    border: 1px solid #000000;
    background: #000000 url(../images/arrow_white.png) no-repeat 131px 7.5px;
}
.readmore a.read_more {
    background: url(../images/arrow_rt4.png) no-repeat 97px 7.5px !important;
}
.readmore a.read_more:hover{
    color: #ffffff !important;
    border: 1px solid #000000;
    background: #000000 url(../images/arrow_white.png) no-repeat 97px 7.5px !important;
}
.solution_section{
    text-align: center;
}
.sub-head{
   width: 100%;
   font-size: 30px;
   margin:80px 0 30px 0;
   font-weight: 700;
   color: #ffffff; 
   text-align: center;
   text-transform: uppercase;
}
.sub-head_small{
   font-size: 13px;
   font-weight: 700;
   margin-bottom: 30px;
   color: #bee8df; 
   text-align: center;
}
.solution_section .btn-learnmore{
    padding: 5px 44px;
    margin: 10px 0 0 0;
    font-size: 13px;
    font-weight: 700;
    color: white;
    background-color: #5c9c8b;
    border:1px solid #5c9c8b;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
.solution_section .btn-learnmore:hover{
    background-color: #bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.solution_section h5{
    margin-top: 15px;
}
.solution_section .img_holder{
    height: 72px;
    line-height: 72px;
}
.solution_section .img_holder img {
    vertical-align: middle;
}
.want_to_talkus{
    padding: 50px 0;
    margin: 0;
    /* background-color: #b26a5e; */
    background: #b26a5e;
    font-size: 18px;
    color: #fcc9c0;
    font-weight: 700;
}
.want_to_talkus .heading{
    margin-bottom: 13px;
    font-size: 24px;
    color: white;
    font-weight: 700;
}
.contact_btn{
    padding: 12px 67px;
    margin: 20px 0;
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: #995c51;
    border:1px solid #995c51;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}
.contact_btn:hover{
    background-color:#000000!important;
    color: white!important;
    border:1px solid #000000!important;
}
footer{
    padding: 40px 0 0 0;
    margin: 0;
    color: white;
    background-color: #4e8576;
    font-size: 15px;
    font-weight: 700;
}
.copyright{
   padding:20px 0 ; 
   margin: 20px 0 0 0;
   border-top: 1px solid #5b9b8a;
   font-size: 15px;
   font-weight: 500;
   color: #ffffff;
}
.copyright span{
    color: #bee8df;
 }
 footer .follow_us{
     padding: 0;
     margin: 60px 0 20px 0;
     display: block !important;
 }
 footer .follow_us h6{
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;  
    margin-bottom: 25px;
 }
 footer .follow_us a{
    padding: 13px;
    float: left;
    margin-right: 10px;
    background: #46776a;
    border-radius: 50%;
}
footer .follow_us a:hover, .selected{
    /* background-color: #5b9b8a; */
    background-color:#000000!important;
    color: white!important;
    /* border-radius: 50px; */
    /* border:1px solid #000000!important; */
    }
    .subscribe_to_newsletter{
        padding: 0;
        margin: 40px 0 20px 0;
    }
    .subscribe_to_newsletter h6{
        margin-bottom:25px;
       font-size: 15px;
       font-weight: 500;
       color: #ffffff;  
    }

.news_letter{
        padding:0;
        margin:0;
        font-size:14px;
        color:#FFF;
        }
  .news_letter input{
        padding: 4px 30px 5px 15px;
        margin:0 0 20px 0;
        font-size:15px;
        color:#FFF;
        font-weight: 500;
        background: #46776a;
        float: left;
        border: 1px solid #5b9b8a;
        }
.news_letter input:first-of-type {
    border-radius: 3px 0px 0px 3px;
}
.news_letter input:last-of-type {
    border-radius: 0px 3px 3px 0px;
}
   .news_letter .button{
        padding: 6px 20px;
        margin: 0 0 20px 0;
        font-size: 0.8125rem;
        color: #FFF;
        font-family: 'Rubik', sans-serif;
        background: #5b9b8a url(../images/arrow_footer.png) no-repeat center 10px;
        text-transform: uppercase;
        float: left;
        text-align: center;
        }
        ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #FFF;
            opacity: 1; /* Firefox */
          }
          
          :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #FFF;
          }
          
          ::-ms-input-placeholder { /* Microsoft Edge */
            color: #FFF;
          }
          footer ul{
              padding: 0;
              margin: 0;
              list-style: none;
          }
          footer ul li{
            padding: 0;
            margin: 0 0 20px 0;
            list-style: none;
        }
        footer ul li a{
            font-size: 15px;
            font-weight: 700;
            color: #bee8df;
            text-decoration: none;
            display: block;
            line-height: 18px;
        }
        footer ul li a:hover{
            color: #000000;
            text-decoration: none;
        }
        footer h4{
            margin-bottom: 25px;
            font-size: 15px;
            font-weight: 500;
            color:white;
            text-transform: uppercase;
        }
       
    
        @media only screen and (max-width: 768px) {
            .banner_hero_img {
                background: url() no-repeat right bottom;
            }
            .banner_section {
                background: #60a291;
                height: auto;
                padding-bottom: 30px;
            }
            .title {
                font-size: 24px;
                margin: 110px 0px 35px;
            }
            .btn-banner {
                font-size: 16px;
                padding: 10px 10px;
                margin: 0px 5px 0px 0px;
            }
            .midle_container .mb-150 {
                margin-bottom: 50px;
            }
            h3 {
                font-size: 22px;
            }
            .width_img{
                width: 300px;
            }
            .blog_box h5 {
                margin-top: 20px;
            }
            .client_logos {
                margin: 70px 0px 30px 0px;
            }
            .client_logos img {
                margin-bottom: 30px;
            }
            .sub-head {
                margin: 20px 0px 30px;
            }
            .sub-head_small {
                text-align: center;
            }
            .want_to_talkus .float-right {
                float: left!important;
            }
            .invisible_mobile{
                display: none!important;
            }
            .website_templates img {
                width: 100%;
            }
            .what_our_customers_say h5 {
                margin-top: 30px!important;
            }
            .tab_box_listing ul li{
                padding: 40px 20px 20px 20px !important;
            }
            .tab_box_listing ul li p{
                width: auto!important;
            }
            .price_box .heading_5 span {
                font-size: 20px!important;
            }
            .banner_section_inner{
                position: relative;
                height: 720px!important;
                margin: 0;
                border-top: 3px solid #518c7e;
                background: #60a291;
            }
            .banner_hero_img {
                background: url() no-repeat right bottom !important;
            }
            .banner_section_inner .title{
                margin: 110px 0 35px 0!important;
            }
            .workfolio_adbox{
                text-align: center!important;
            }
            .workfolio_adbox img{
                margin-bottom: 20px;
            }
            .workfolio_adbox .btn-learnmore{
                margin-top: 20px!important;
            }
            .banner_section_inner_directory {
                height: auto!important;
                padding: 0 0 30px 0!important;
                background: #60a291 url() no-repeat right bottom!important;
            }
            .select_specialized_directory{
                display: none;
            }
            .client_logos_inner {

                margin: 50px 0px!important;
            }
            .heading_3 {
                font-size: 20px!important;
  
            }
            .integrations {
                text-align: center!important;
            }.faq2 .heading6 {
                font-size: 20px!important;
            }
            .banner_section_inner_clientmicrosites {
                height: auto!important;
                padding: 0 0 30px 0!important;
                background: #60a291 url() no-repeat right bottom!important;
            }
            .banner_section_inner_clientmicrosites .banner_logo {
                width: 300px!important;
                /* position: relative !important; */
                top: 80px !important;
            }
            .client_testimonial {
                padding: 30px!important;
                margin: 0px 0 30px 0!important;
            }
            .want_to_talkus {
                font-size: 16px!important;
            }
            .login h2 {
                margin: 50px 0px 0px!important;
            }
            .login {
                background: url() no-repeat left top #f8f8f8!important;
            }
            .signup h2 {
                margin: 50px 0px 0px!important;
            }
            .signup {
                background: url() no-repeat left top #f8f8f8!important;
            }
            .or_text {
                background: url(../images/or.png) center top no-repeat!important;
            }
            .looking_for {
                margin: 0px 0 50px 0!important;
            }
            .workfolio_about_section ul li {
                background: url() no-repeat 72px top!important;
            }
            .workfolio_about_section ul {
                background: url() repeat-y 23px top!important;
            }
            .terms_footer {
                padding: 30px 0 20px 0!important;}
          }

          @media only screen and (max-width: 1024px) {

    }
   
    @media (min-width: 1400px){
        .banner_section {
            background: #60a291;
            padding-left: 50px !important;
        }

        .navbar {
            padding-left: 65px !important;
        }

        .banner_hero_img {
            background:  url(../images/banner_img_right_hp.png) no-repeat right bottom !important;
        }

        .banner_section_inner.banner_websites .banner_hero_img {
            background:  url(../images/banner_inner.png) no-repeat right bottom !important;
        }

        .banner_section_inner_directory {
            background: #60a291;
            padding-left: 50px !important;
        }
        .directory_banner .banner_hero_img {
            background:  url(../images/banner_inner2.png) no-repeat right bottom !important;
        }

        .microsites_banner .banner_hero_img {
            background: url(../images/client_micrororosites_img_right.png) no-repeat right bottom !important;
        }

        .case_studies_banner .banner_hero_img {
            background: url(../images/case-studies_hero.png) no-repeat right bottom !important;
        }

        .individuals_banner .banner_hero_img {
            background: url(../images/individuals_hero.png) no-repeat right bottom !important;
        }

        .enterprises_banner .banner_hero_img {
            background: url(../images/enterprises_hero.png) no-repeat right bottom !important;
        }

        .outplacement_banner .banner_hero_img{
            background: url(../images/outplacement_hero.png) no-repeat right bottom !important;
        }

        .coaching_banner .banner_hero_img{
            background: url(../images/directory_coaching_solutions_hero.png) no-repeat right bottom !important;
        }

        .coaching_firms_banner .banner_hero_img {
            background: url(../images/directory_coaching_hero.png) no-repeat right bottom !important;
        }

        .law_firms_banner .banner_hero_img{
            background: url(../images/directory_legal_solutions_hero.png) no-repeat right bottom !important;
        }

        .law_firms_profiles_banner .banner_hero_img{
            background: url(../images/directory_legal_hero.png) no-repeat right bottom !important;
        }
        
        .medical_banner .banner_hero_img{
            background: url(../images/medical_hero_img.png) no-repeat right bottom !important;
        }

        .medical_profiles_banner .banner_hero_img{
            background: url(../images/directory_medical_profiles_hero.png) no-repeat right bottom !important;
        }

        .education_banner .banner_hero_img{
            background: url(../images/education_hero.png) no-repeat right bottom !important;
        }

        .education_profiles_banner .banner_hero_img{
            background: url(../images/37_directory_education_hero@2x.png) no-repeat right bottom !important;
            background-size: auto 885px !important;
        }

        .associations_banner .banner_hero_img{
            background: url(../images/associations_hero.png) no-repeat right bottom !important;
        }

        .outplacement_profiles_banner .banner_hero_img{
            background: url(../images/outplacement_solutions_hero.png) no-repeat right bottom !important;
        }

        .employees_banner .banner_hero_img{
            background: url(../images/employees_hero.png) no-repeat right bottom !important;
        }

        .banner_section_inner_clientmicrosites {
            padding: 0 0 0 100px!important;
        }
        .banner_section_inner_directory {
            padding: 0 0 0 50px!important;
        }
        .midle_container img.illUstration {
            width: auto!important;
        }
        .website_templates img {
            width: auto!important;
        }
        .tab_box_listing ul li p {
            width: 545px!important;
        }
        .banner_section_inner {
            padding: 0 0 0 50px!important;

        }
    }
    @media (min-width: 1200px){
        .auto_width{
            width: auto!important;
        }
        .midle_container img.illUstration{
            width: auto;
        }
        .tab_box_listing ul li p {
            width: 490px!important;
        } 
        .website_templates img {
            width: 100%!important;
        }
        .client_logos {
            margin: 60px 0 100px 0!important;
        }
        .banner_hero_img {
            background:url(../images/banner_img_right_hp.png) no-repeat 351px bottom;
        }
        .banner_section {
            background: #60a291;
            /* padding-left: 50px; */
        }
        .specialized_solutions h3 {
            font-size: 14px!important;
        }
        .specialized_solutions2 h3 {
            font-size: 14px!important;
        }
        .looking_for {
            padding: 0;
            margin: 0 0 30px 0;
            font-size: 13px;
            color: #5c9d8c;
        }
        .terms_footer {
            padding: 30px 0 0 0;
            margin: 10px 0 30px 0;
            font-size: 13px;
            color: #000000;
            font-weight: 700;
            border-top: 1px solid #dadada;
        }
    }
    
        /* workfolio website page css */
        .solution_section p{
           font-size: 17px;
           font-weight:500;
           color: #666666;
        }
        .features_of_website{
            padding: 0;
            margin: 0;
            /* background-color: #5c9d8c; */
        }
        .features_of_website ul{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .features_of_website ul li{
            padding: 0 0 0 30px;
            margin: 0 0 20px 0;
            list-style: none;
            color: #bee8df;
            font-weight: 700;
            background: url(../images/tick.png) no-repeat left 10px;
            float: none;
        }
        .features_of_website h4{
            padding: 0;
            margin: 0 0 40px 0;
            color: #212121;
            font-size: 17px;
            font-weight: 500;
        }
        .heading_3{
            margin: 50px 0;
            font-size: 30px;
            font-weight: 700;
            margin-bottom: 30px;
            color: white; 
            text-align: center;
            text-transform: uppercase;
         }
         .sub-head_small_2{
             width: auto;
             margin: 0 auto 30px auto;
             text-align: center;
             font-size: 13px;
            color: #000000;
            font-weight: 700;
            text-transform: uppercase;
         }
         .margin_top_10{
             margin-top: 10px;
         }
         .width_100{
             width: 100px;
         }
         .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
            color: #fff;
            background-color: #5b9b8a;
            border-color: #5b9b8a;
        }
         .integrations{
             padding: 0;
             margin: 0;
         }
         .integrations img{
            margin: 0 0 80px 0;
            /* width: 115px; */
        }
        .website_templates{
            background-color: #f8f8f8;
            padding: 50px 0;
            margin: 0;
        }
        .website_templates img{
            margin: 0 0 50px 0;
            /* width: 300px; */
        }
        .what_our_customers_say{
            padding: 0 0 50px 0;
            margin: 0;
            background: #5b9b8a; 
        }
        .heading_4{
            margin: 50px 0;
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 30px;
            color: #ffffff; 
            text-align: center;
            text-transform: uppercase;
         }
         .what_our_customers_say h5{
            margin:0 0 40px 0;
            font-size: 13px;
            font-weight: 700;
            color: #000000; 
            text-transform: uppercase;
         }
         .what_our_customers_say p{
            margin:0 0 30px 0;
            font-size: 18px;
            font-weight: 500;
            color: #ffffff; 
         }
         .what_our_customers_say h6{
            margin:0;
            font-size: 15px;
            font-weight: 700;
            color: #bee8df; 
         }
         .pricing_page{
             padding: 50px 0;
             margin: 0;
             background-color: white;
         }
         .pricing_page .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
            color: #fff;
            background-color: #5b9b8a;
                -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
        }
        .pricing_page .nav-link {
            color: #656565;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
        }
        .tab_box{
            display: flex;
            justify-content: center;
            width: 277px;
            margin: auto  auto 60px  auto ;
            border: 1px solid black;
            border-radius: 4px;
            padding: 5px;
        }   
        .tab_box li.nav-item {
            width: 50%;
            text-align: center;
        }

        .tab_box_listing ul{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .tab_box_listing ul li{
            padding:50px;
            margin: 0;
            list-style: none;
  float: left;
        }
        .margin_top_70{
            margin-top: 70px!important;
        }
        .margin_top_40{
            margin-top: 50px!important;
        }
        .tab_box_listing ul li .box1{
            padding:50px;
            margin: 50px 0!important;
            background-color: white;
            border-radius: 4px;
        }
        .tab_box_listing ul li h5{
            text-align: center;
            margin:30px 0 35px 0;
            font-size:24px;
            font-weight: 700;
            color:#383838; 
         }
         .tab_box_listing ul li p{
             width: 545px;
            text-align: center;
            margin:0 0 35px 0;
            font-size:18px;
            font-weight: normal ;
            color:#666666; 
            line-height: 28px;
         }
         .box1 ul{
             padding: 25px 0;
             margin:0;
             list-style: none;
         }
         .box1 ul li{
            padding: 2px 0 0 25px;
            margin: 0 0 25px 0;
            list-style: none;
            float: none;
            font-size: 15px;
            color: #383838;
            background: url(../images/tick2.png) no-repeat left 5px;
        }
        .box1 .btn-learnmore{
            width: 100%;
            padding: 15px 0 ;
            margin: 20px 0;
            font-size: 16px;
            font-weight: 700;
            color: white;
            background-color: #b26a5e;
            border:1px solid #b26a5e;
            border-radius: 4px;
            text-align: center;
            text-transform: uppercase;
        }
        .box1 .btn-learnmore:hover{
            /* background-color:#d98e81 ;
            color: white;
            border:1px solid #d98e81; */
            background-color:#000000!important;
            color: white!important;
            border:1px solid #000000!important;
        }
        .box1 .price_box{
            width: 100%;
            padding: 24px 0;
            margin-top: 30px;
            text-align: center;
            font-size: 12px;
            color: #828282;
            font-weight: 700;
            background-color: #f5f7f7;
        }
        .box1 .price_box p span{
            color: #f5f7f7;
        }
        .price_box .heading_5{
            font-size: 14pxc;
            color: #828282;
            font-weight: 700;
            text-transform: uppercase;
        }
 .price_box .heading_5 span{
            color: #5b9b8a!important;
            font-size: 36px;
        }
     .price_box h6{
            font-size: 12px;
            color: #828282;
            font-weight: 700;
            text-transform: uppercase;
        }
 .price_box h6 span{
            color: #5b9b8a!important;
        }









        .tab_box_listing1 ul{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .tab_box_listing1 ul li{
            padding:50px;
            margin: 0;
            list-style: none;
  float: left;
        }
        .tab_box_listing1 ul li .box2{
            padding:0 50px 50px 50px;
            margin: 50px 0;
            background-color: white;
            border-radius: 4px;
        }
        .tab_box_listing1 ul li h5{
            text-align: center;
            margin:0 0 35px 0;
            font-size:24px;
            font-weight: 700;
            color:#383838; 
         }
         .tab_box_listing1 ul li p{
             width: 545px;
            text-align: center;
            margin:0 0 35px 0;
            font-size:18px;
            font-weight: normal ;
            color:#666666; 
            line-height: 28px;
         }
         .box2 ul{
             padding: 25px 0;
             margin:0;
             list-style: none;
         }
         .box2 ul li{
            padding: 2px 0 0 25px;
            margin: 0 0 25px 0;
            list-style: none;
            float: none;
            font-size: 15px;
            color: #383838;
            background: url(../images/tick2.png) no-repeat left 5px;
        }
        .box2 .btn-learnmore{
            width: 100%;
            padding: 15px 0 ;
            margin: 20px 0;
            font-size: 16px;
            font-weight: 700;
            color: white;
            background-color: #b26a5e;
            border:1px solid #b26a5e;
            border-radius: 4px;
            text-align: center;
            text-transform: uppercase;
        }
        .box2 .btn-learnmore:hover{
            background-color:#000000!important;
            color: white!important;
            border:1px solid #000000!important;
        }
        .box2 .price_box{
            width: 100%;
            padding: 24px 0;
            margin-top: 30px;
            text-align: center;
            font-size: 12px;
            color: #828282;
            font-weight: 700;
            background-color: #f5f7f7;
        }
        .box2 .price_box p span{
            color: #f5f7f7;
        }
        .price_box2 .heading_5{
            font-size: 14pxc;
            color: #828282;
            font-weight: 700;
            text-transform: uppercase;
        }
 .price_box2 .heading_5 span{
            color: #5b9b8a!important;
            font-size: 36px;
        }
     .price_box2 h6{
            font-size: 12px;
            color: #828282;
            font-weight: 700;
            text-transform: uppercase;
        }
 .price_box h6 span{
            color: #5b9b8a!important;
        }

        .faq{
            padding: 50px 0;
            margin: 0;
            background-color: #f8f8f8;
            color: #000000;
        }
        .faq .heading6{
            font-size: 30px;
            color: #000000;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
        }


        .faq .card-header {
            padding: .75rem 1.25rem;
            margin-bottom: 0;
            /* background-color: rgb(91, 155, 138); */
            background-color: transparent;
            border-bottom: 1px solid rgba(0,0,0,.125);
        }
        
        .faq .card {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            /* background-color: #5b9b8a; */
            background-color: transparent;
            background-clip: border-box;
            border: 0px solid rgba(0,0,0,.125);
            border-radius: .25rem;
        }
        .faq  .card-header {
            padding: .75rem 1.25rem;
            margin-bottom: 0;
            border-bottom: 0px solid rgba(0,0,0,.125);
            /* background:  rgb(91, 155, 138) url(../images/down_arrow.png) no-repeat right 25px; */
        }
        .faq .btn-link {
            font-weight: 700;
            color: #000000;
            text-decoration: none;
            font-size: 20px;
        }
        
        .faq .card-body {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            min-height: 1px;
            padding: 1.25rem 2rem;
            font-size: 16px;
            color: #000000;
            font-weight: 500;
        }
        .workfolio_adbox{
            padding: 40px;
            margin: 50px 0 30px 0;
            background-color: white;
            border-radius: 4px;
            font-size: 24px;
            color: #383838;
            font-weight: 700;
        }

        .workfolio_adbox .btn-learnmore{
            width: 100%;
            padding: 12px 0 ;
            margin: 0;
            font-size: 16px;
            font-weight: 700;
            color: white;
            background-color: #b26a5e;
            border:1px solid #b26a5e;
            border-radius: 4px;
            text-align: center;
            text-transform: uppercase;
        }
        .workfolio_adbox .btn-learnmore:hover{
            background-color:#5c9c8b ;
            color: white;
            border:1px solid #5c9c8b;
        }
        .banner_section_inner{
            position: relative;
            height: 823px;
            padding: 0;
            margin: 0;
            border-top: 3px solid #518c7e;
            background: #60a291;
        }
        .banner_websites .banner_hero_img {
            background: url(../images/banner_inner.png) no-repeat 351px bottom;
        }
        .banner_websites .banner_hero_img .more_link {
            text-decoration: underline;
            background: none;
        }
        .banner_websites .banner_hero_img .more_link a {
            background: none;
        }
        .banner_websites .banner_hero_img .more_link a:after{
            position: relative;
            display: inline-block;
            content: '';
            background-image: url(../images/website_hero_arrow@2x.png);
            background-size: 19px 12px;
            width: 19px;
            height: 12px;
            vertical-align: middle;
            margin-left: 10px;
        }

        .banner_websites .banner_hero_img .more_link a:hover:after {
            background-image: url(../images/website_hero_arrow_hover@2x.png);
        }
        .microsites_banner .banner_hero_img {
            background: url(../images/client_micrororosites_img_right.png) no-repeat 351px bottom;
        }
        .banner_section_inner .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;
        }
        .banner_section_inner .btn-banner:hover{
            background-color:#bee8df ;
            color: white;
            border:1px solid #bee8df;
        }
        .banner_section_inner .banner_logo{
            position: absolute;
            top: 120px;
        }
        .most_popular_box{
            width: 180px;
            height: 40px;
            line-height: 40px;
            padding: 0;
            margin: -16px auto;
            text-align: center;
            color: white;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            background-color: #5b9b8a;
        }
        .more_link{
            padding: 25px 0 0 0;
            margin: 50px 0 0 0;
            background: url(../images/line.png) no-repeat left top;
        }
        .more_link img{
            padding: 0 0 0 10px;
        }
        .more_link a{
            padding: 0 50px 0 0;
            margin: 0;
            display: block;
            color: #bee8df;
            font-size: 16px;
            font-weight: 700;
        }
.band_head{
    width: 43px!important;
    height: 3px!important;
}
.btn-secondary {
    color: #656565;
    background-color: WHITE;
    border-color: #6c757d;
}

/* Work folio page css */
.banner_section_inner_directory{
    position: relative;
    height: 823px;
    padding: 0;
    margin: 0;
    border-top: 3px solid #518c7e;
    background: #60a291;
}
.directory_banner .banner_hero_img {
    background: url(../images/banner_inner2.png) no-repeat 351px bottom;
} 
.banner_section_inner_directory .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;
}
.banner_section_inner_directory .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.banner_section_inner_directory .banner_logo{
    position: absolute;
    top: 130px;
}
.more_link2{
    padding: 25px 0 0 0;
    margin: 50px 0 0 0;
}
.more_link2 img{
    padding: 0 0 0 30px;
}
.more_link2 a{
    padding: 0 50px 0 0;
    margin: 0;
    display: block;
    color: #b26a5e;
    font-size: 16px;
    font-weight: 700;
}
.more_link2 a:hover{
    color: #b26a5e;
}

.faq2{
    padding: 50px 0;
    margin: 0;
    background: #f8f8f8;
    color: #000000;
}
.faq2 .heading6{
    font-size: 30px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 25px;
}


.faq2 .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.faq2 .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.faq2  .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0px solid rgba(0,0,0,.125);
    /* background:  #4e8576 url(../images/down_arrow2.png) no-repeat right 25px; */
}
.faq2 .btn-link {
    font-weight: 700;
    color: #000000;
    text-decoration: none;
    font-size: 20px;
}

.faq2 .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem 2rem;
    font-size: 16px;
    color: #000000;
    /* font-weight: 700; */
}
.bg_green{
    background-color: #5c9d8c;
}
.specialized_solutions{
    padding: 50px 0;
    background-color: #5c9d8c;
    text-align: center;
}
.specialized_solutions .more_link3{
    padding: 15px 0 0 0;
    margin: 0;
}

.specialized_solutions .more_link3 a{
    padding: 0;
    margin: 0;
    display: block;
    color: #bee8df;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.specialized_solutions .more_link3 a:hover{
    color: #bee8df;
}
.specialized_solutions h3{
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    text-transform: none;
}
.firm_directory_section{
    padding: 100px 0;
    margin: 0;
    background-color: #f8f9f9;
}
.press_feature_section {
    background: #5c9d8c;
}
.customers_box.outplacement {
    background: #5c9d8c;
}
.customers_box{
    padding: 50px 0;
    margin: 0;
    background-color: #5c9d8c;
}
.select_specialized_directory{
    padding:0;
    margin: 0;
    background-color: white;
    position: absolute;
    width: 100%;
    top: -543px;
}
.specialized_solutions2 {
    padding: 0 30px 50px 30px;
    text-align: center;
}
.specialized_solutions2 .more_link3{
    padding: 15px 0 0 0;
    margin: 0;
}

.specialized_solutions2 .more_link3 a{
    padding: 0;
    margin: 0;
    display: block;
    color: #5c9d8c;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.specialized_solutions2 .more_link3 a:hover{
    color: #5c9d8c;
}
.specialized_solutions2 h3{
    font-size: 16px;
    color: #383838;
    font-weight: 300;
    text-transform: none;
}
.specialized_solutions2 .heading_7{
    margin: 50px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #383838; 
    text-align: center;
    text-transform: none;
 }
 .client_logos_inner {
    padding: 0;
    margin: 200px 0 150px 0;
    text-align: center;
}
/* client microsites css */
.banner_section_inner_clientmicrosites{
    position: relative;
    height: 823px;
    padding: 0;
    margin: 0;
    border-top: 3px solid #518c7e;
    background: #60a291 url(../images/client_micrororosites_img_right.png) no-repeat right bottom;
}

.banner_section_inner_clientmicrosites .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;
}
.banner_section_inner_clientmicrosites .btn-banner:hover{
    background-color:#bee8df ;
    color: white;
    border:1px solid #bee8df;
}
.banner_section_inner_clientmicrosites .banner_logo{
    position: absolute;
    top: 120px;
}
.steps_txt{
    color: #aaaaaa;
    font-size: 13px;
    font-weight: 700;
}
.client_testimonial{
    padding: 50px 100px;
    margin: 0;
    border-radius: 4px;
    background-color: white;
    font-size: 18px;
    color: #666666;
    /* font-weight: 700; */
    line-height: 28px;
}
.client_testimonial p{
    padding: 50px 0 0 0;
}
.img_box_testi{
    padding: 0;
    margin: 0 20px 0 0;
    float: left;
    width: 46px;
    height: 46px;
}
.testimonial_name{
    padding: 0;
    margin: -7px 0 0 0!important;
    float: left;
    font-size: 20px;
    color: #383838;
    font-weight: 700;
    line-height: 26px;
}
.testimonial_name span{
    font-size: 16px;
}
/* workfolio about css */
.our_people{
    padding: 0;
    margin: 0;
}
.heading_8{
    margin: 50px 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    color: white; 
    text-align: center;
    text-transform: uppercase;
 }
 .our_people h4{
    margin: 0 0 64px 0;
    font-size: 14px !important;
    font-weight: 500;
    height: 0px;
    color: #212121; 
    text-transform: uppercase;
    padding: 0 !important;
 }
 .our_people h5{
    margin: 0 0 10px 0 ;
    font-size: 20px;
    font-weight: 700;
    color: white; 
    text-transform: none;
 }
 .our_people h6{
    margin: 0 0 50px 0 ;
    font-size: 16px;
    /* font-weight: 700; */
    color: #bee8df; 
    text-transform: none;
 }
 .about_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;
}
.about_banner .title {
    padding: 0;
    margin: 70px 0 15px 0;
    font-size: 34px;
    font-weight: 700;
    color: white;
    line-height: 46px;
    text-transform: uppercase;
}
.sub_menu_box{
    background-color: #4e8576;
    padding: 35px 0;
    text-align: center;
}
.sub_menu_box a{
    padding-left: 15px;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    border-left: 1px solid #bee8df;
}
.sub_menu_box a:hover{
    color: #bee8df;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}
.sub_menu_box .active{
    color: #bee8df;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}
.workfolio_about_section{
    padding: 0;
    margin: 0;
}
.ourstory_text h2{
    padding: 50px 0;
    margin: 0 0 50px 0;
    font-size: 36px;
    color: #383838;
    font-weight: 700;
    text-align: center;
    text-transform: none;
    background: url(../images/line_bottom.png ) no-repeat center bottom;
}
.workfolio_about_section ul{
    padding: 0;
    margin: 0 0 60px 0;
    list-style: none;
    background: url(../images/bg_line_about.png) repeat-y 23px top;
}
.workfolio_about_section ul li{
    padding: 0 0 40px 0;
    margin: 0;
    list-style: none;
    float: none;
    background: url(../images/circle.png) no-repeat 72px top;
}
.date{
    width: 55px;
    padding: 0;
    margin: 0 54px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #aaaaaa;
    
}
.content{
    padding: 0;
    margin: 0;
    font-size: 22px;
    font-weight:normal;
    color: #383838;
    line-height: 40px;
}
.content h3 {
    color: #383838;
    text-transform: none;
    font-size: 21px;
    font-weight: 500;
    margin: 0 0 24px 0;
}
.or_text{
    height: 25px;
    padding: 0;
    margin: 50px 0;
    background: url(../images/or.png) no-repeat left top;
}
.login h4{
    padding: 0;
    margin: 10;
    color: #000000;
    text-transform: none;
    font-size: 30px;
    font-weight: 700;
}
.login h5{
    padding: 0;
    margin: 20px 0 30px 0;
    color: #383838;
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
}
.login a{
    font-size: 12px;
    color: #383838;
}
.login .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    font-size: 12px;
    color: #383838;
}
.custom-control-label::before {
    top: 0.10rem;}

.btn-login{
        padding: 5px 70px;
        margin: 20px 15px 20px 0;
        font-size: 15px;
        font-weight: 500;
        color: white;
        background-color: #5c9d8c;
        border:1px solid #5c9d8c;
        border-radius: 4px;
        text-align: center;
        text-transform: uppercase;
    }
  .btn-login:hover{
        background-color:#bee8df ;
        color: white;
        border:1px solid ;
    }
    .looking_for{
        padding: 0;
        margin: 0;
        font-size: 13px;
        color: #5c9d8c;
    }
    .looking_for a{
        padding: 0;
        margin: 0;
        font-size: 13px;
        color: #5c9d8c;
        font-weight: 700;
    }
    .terms_footer{
        padding: 30px 0 0 0;
        margin: 10px 0 0 0;
        font-size: 13px;
        color: #000000;
        font-weight: 700;
        border-top: 1px solid #dadada;
    }
    .terms_footer a{
        padding: 0;
        margin: 0;
        font-size: 13px;
        color: #5c9d8c!important;
        font-weight: 700;
    }

    .or_text{
        height: 25px;
        padding: 0;
        margin: 50px 0;
        background: url(../images/or.png) no-repeat left top;
    }
    .signup h4{
        padding: 0;
        margin: 10;
        color: #000000;
        text-transform: none;
        font-size: 30px;
        font-weight: 700;
    }
    .signup h5{
        padding: 0;
        margin: 20px 0 30px 0;
        color: #383838;
        text-transform: none;
        font-size: 18px;
        font-weight: normal;
    }
    .signup a{
        font-size: 12px;
        color: #383838;
    }
    .signup .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
        font-size: 12px;
        color: #383838;
    }


/* Websites page */
.websites_overview .blog_section {
    padding: 50px 0;
	background: #d7f4ea;
}

.websites_overview .features_of_website h4 {
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    padding: 0;
}

.websites_overview .faq #accordion .card .card-body div{
    padding-left: 0;
    padding-right: 0;
    color: #828282;
}


/* Directory page */
.directory_overview .faq2 #accordion .card .card-body div{
    padding-left: 0;
    padding-right: 0;
    color: #828282;
}


/* Customer box */
.customers_box .customer-holder{
    background: #ffffff;
    margin-bottom: 50px;
    height: 200px;
    line-height: 170px;
    position: relative;
    text-align: center;
}
.customers_box .customer-holder span {
    font-size: 14px;
    color: #aaaaaa;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 25px;
    line-height: 16px;
    width: 100%;
    font-weight: 500;
}
button.loading {
    position: relative;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}
button.loading * {
    transition: all 0.5s ease-in-out;
}
button.loading span {
    position: relative;
    left: 0px;
}
button.loading.active span {
    left: -999px;
}
button.loading:before {
    content: '';
    position: absolute;
    background-image: url('../images/spinner.svg');
    background-size: contain;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    margin-left: 0px;
    margin-top: 0px;
    transition: all 0.2s ease-in-out;
}
button.loading.active:before {
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
}

.get_demo_button.loading.active {
    background-position: 999px 0;
}

.anatomy-of-microsites {
    padding-top: 70px;
}

.anatomy-of-microsites-header {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 50px;
}
.anatomy-of-microsites-logo {
    margin-bottom: 50px;
}

.anatomy-of-microsites-title {
    font-family: Roboto;
    font-size: 45px;
    color: #383838;   
}
.anatomy-of-microsites-description {
    font-size: 18px;
    font-family: Roboto;
    color: #828282;
    margin-top: 35px;
    margin-bottom: 45px;
}
.anatomy-of-microsites-links {
    display: flex;
}
.anatomy-of-microsites-links a {
    display: block;
    padding: 10px 50px;
    color: #60a291;
    border: 2px solid #b5d4cc;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 700;
}

.anatomy-of-microsites-links a.active {
    color: #fff;
    background-color: #5fa191;
    text-decoration: none;
    border-color: #5fa191;
}

.anatomy-of-microsites-links a:hover {
    text-decoration: none;
    background-color: #000000!important;
    color: white!important;
    border-color: #000;
 }

.anatomy-of-microsites-links a:first-child {
    margin-right: 20px;
}

.anatomy-of-microsites-image {
    padding-top: 50px;
    padding-bottom: 50px;
}


.anatomy-of-microsites .get-demo {
    padding-top: 70px;
    padding-bottom: 60px;
    background-color: #b1695d;
}

.anatomy-of-microsites .get-demo h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
}
.anatomy-of-microsites .get-demo p {
    font-size: 18px;
    color: #fcc9c0;
    margin-bottom: 0;
}

.anatomy-of-microsites .get-demo a {
    background-color: #995b51;
    color: #fff;
    text-transform: uppercase;
    padding: 18px 70px;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    border-radius: 4px;
}



.anatomy-of-microsites .get-demo a:hover {
    text-decoration: none;
    background-color: #000000!important;
    color: white!important;
}

.anatomy-of-microsites .features-comparison {
    margin-top: 100px;
    margin-bottom: 100px;
}
.anatomy-of-microsites .features-comparison h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #383838;
    font-weight: bold;
    margin-bottom: 80px;

}
.anatomy-of-microsites .features-comparison .item {
    display: flex;
    flex-direction: column;
    border: 1px solid #cbcbcb;
    border-right: 0;
    flex: 1;
}

.anatomy-of-microsites .features-comparison .item:last-child {
    border: 1px solid #cbcbcb;
}

.anatomy-of-microsites .features-comparison .logo-wrapper {
    padding-left: 25px;
    padding-right: 25px;
}
.anatomy-of-microsites .features-comparison {
    font-size: 14px;
}

.anatomy-of-microsites .features-comparison img {
    width: 14px;
}

.anatomy_of_microsites #header-container {
    border-bottom: 1px solid #d9d9d9;
}

.features-comparison table {
    border-collapse: collapse;
    width: 100%;
    border: 0;
}

.features-comparison table .item-header {
    font-size: 15px;
    color: #383838;
    background-color: #f5f7f7;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.features-comparison table .item-header-logo {
    background: #fff;
}
.features-comparison table .item-header-logo img {
    width: 220px
}

.features-comparison table td {
    padding: 15px 20px;
    text-align: center;
}

.features-comparison table th, .features-comparison table td {
    border: 1px solid #d9d9d9;
}