/*
Theme Name: MRSC
Theme URI: http://upwardstech.com
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1.0
Author: Upwardstech
Author URI: http://upwardstech.com

*/
#bussines-member-title
/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
<<<<<<< HEAD
=======

>>>>>>> komar
@import url(http://fonts.googleapis.com/css?family=Cabin:400,700);

html,body{
    min-width: 1110px;

}
body{
    /*background-color: #1468b2;*/
    padding-top: 0px;
    font-family: 'Cabin', 'sans-serif';
    font-size: 14px;
    color: #666666;
    -webkit-font-smoothing: antialiased;
    min-width: 1070px;
}

.d-none {
    display: none !important;
}

a{
    color: #1da3dc;
}
a:hover{

    color: #1da3dc;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Cabin', 'sans-serif';
    line-height: 1.3;
}
h1{
    font-size: 35px;
    font-weight: bold;
    color: #1468b2;
    text-transform: uppercase;
    margin: 0px;
    display: block;
}
h2{
    font-size: 22px;
    font-weight: bold;
    /*color: #59b44d;*/
    color: #5F5F5F;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 20px;

}
hr{
    border-bottom: 1px solid #cccccc;
}
h3{
    font-size: 22px;
    font-weight: bold;
    color: #1468b2;
    margin-bottom: 5px;
    margin-top: 35px;
}
article, article p, article li, p{
    font-size: 17px;
    line-height: 1.6;
    color: #666666;
    margin-bottom: 20px;
    letter-spacing: 0.4px;
}
a.glyphicon:hover{
    text-decoration: none;
}
article li{
    padding-left: 15px;
}
article p.lead{
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: 0.4px;
    margin-bottom: 28px;
}
.new-table{
    border: none;
    margin-top: 0px;
}
.fee{
    background: #ffffff;
    font-size: 14px;
}
.fee th{
    font-size: 17px;
}
.table.fee td{
    vertical-align: middle;
}
.new-table strong,
.roster-types strong{
    color: #1468b2;
    font-size: 17px;
    padding-bottom: 10px;
    border-bottom: 1px solid #aeaeaf;

}
.roster-types{
    font-size: 16px;
}
.roster-types p{
    letter-spacing: 1.7px;
}
.table-bordered.roster-types{
    border: none;
    margin-top: 40px;
    margin-left: -10px;
}
.table-bordered.roster-types > tbody > tr > th{
    text-align: left;
}
.table-bordered.roster-types > tbody > tr > th,
.table-bordered.roster-types > tbody > tr > td,
.new-table > tbody > tr > th,
.new-table > tbody > tr > td{
    border: none;
}
.roster-types > tbody > tr > td{
    line-height: 1.6;
}

.bu-application{

}
.bu-application ul{
    padding-left: 0px
}
.bu-application ul li{
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 24px;
}
table.bu-application p{
    font-size: 14px;
    line-height: 1.5;
}
.bu-application h3{
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.new-table tr{

}
.new-table td{

}
article ul{
    list-style: none;
    line-height: 1.5;
}
article li{
    margin-bottom: 7px;
}
article li:before{
    content: "";
    line-height: 1.5;
    width: .4em;
    height: .4em;
    background-color: #1468b2;
    float: left;
    margin: 10px 15px;
    border-radius: 50%;
    margin-left: -23px;
}
ul h3{
    margin-left: -38px;
    font-size: 17px;
}
blockquote{
    border-left: 0px;
    font-style: italic;
    padding: 30px 55px;
    position: relative;
}
blockquote p:before{
    content: url("images/quote-left.png");
    float: left;
    margin-top: -10px;
    margin-left: -34px;
}
blockquote p:after{
    content: url("images/quote-right.png");
    margin-left: 10px;
    position: absolute;
    bottom: 15px;
}
.inner-container{
    max-width: 960px;
    margin: 0px auto;
    position: relative;

}
.home .inner-container #content,
.error404 .inner-container #content{
    /*
    margin-top: 330px;
    margin-top: 285px;
    */
    margin-top: 306px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.inner-container #content{
    padding-top: 86px;
    padding-bottom: 170px;
    padding-left: 15px;
    padding-right: 15px;
}
#wrap-container{
    background: #ffffff url("images/background8.png");
    border-bottom: 10px solid #ffffff;
    border-top: 1px solid #eeeeee;
}

.home .col-xs-12,
.error404 .col-xs-12{
    padding: 0px 10px;
}
.col-xs-12{
    padding: 0px;
}
.col-xs-8.col-left{
    padding: 0px;
    width: 616px;
    padding-right: 43px;
}
.col-xs-4.col-right{
    padding: 0px;
    width: 331px;
    float: right;
}
#main article,
.page-header{
    border-bottom: 0px;
}
#main article{
    margin-bottom: 0px;
}
.page-header{
    margin-top: 40px;
}

.left{
    float: left;
}
.right{
    float: right;
}
.navbar{
    margin-bottom: 0px;
}
.logo{
    float: left;
}
#support-nbm .help-block{
  color: red;
  font-size: 11px;
  margin:0px;
}
#member-login{
    padding-top: 13px !important;
    padding-bottom: 7px !important;
    position: relative;
    height: 186px;
}
#member-login #goto a{
	display: block;
	text-transform: uppercase;
	margin-top: 42px;
	margin-left: 13px;
	margin-bottom: 28px;
	text-decoration: underline;
}
#loginError, .help-block{
    color: #a94442;
}
#member-login .help-block{
    font-size: 13px;
}
.box-3{
    position: absolute;
    right: 0px;
    z-index: 1;
    width: 334px;
    margin-top: 86px !important;
}
.home .box-3,
.error404 .box-3{
    margin-right: -32px !Important;
    margin-top: 70px !important;
}
.form-member-login{

}
.form-member-login input{
    color: #666666;
}
.form-member-login label{
    width: 110px;
    font-size: 14px;
    text-transform: uppercase;
    color: #1ca3dc;
}
.form-member-login .form-group{
    margin-bottom: 5px;
}
.form-member-login .btn,
.logout{
    padding: 3px 14px;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 30px;
    float: right;
    margin-right: 33px;
    border: 0px;
    background: #1ca3dc;
    color: #ffffff;
    letter-spacing: 1px;
    margin-top: 2px;
}
.form-member-login .btn:hover{
    text-decoration: underline;
}
.disable{
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}
a.logout:hover{
    color: #ffffff;
    text-decoration: underline;
}
.form-member-login form{
    overflow: hidden;
    padding-bottom: 4px;
}
.form-member-login .login-message{
    width: 160px;
    clear: both;
    float: left;
}
.form-member-login .login-message .help-block{
    margin: 0px;
}

.trouble-login{
    float: right;
    margin-right: 30px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #72c267;
    letter-spacing: 1px;
    margin-top: 2px;
}
.trouble-login a{
    color: #72c267;
}
.home .wrap-box,
.error404 .wrap-box{

    height: 185px;
    margin-top: 15px;
    padding-top: 3px;
    display: block;
    padding-right: 3px;
    width: 334px;
}
.home .wrap-box.browse-public-agencies,
.error404 .wrap-box.browse-public-agencies{
    background: url("images/bg-box1.png") center center no-repeat;
}
.home .wrap-box.member-login,
.error404 .wrap-box.member-login{
    background: url("images/bg-box2.png") center center no-repeat;
}

#browse-public-agencies{
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    margin-top: 0px;
    border-bottom-right-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    min-height: 174px;
    padding-top: 20px !important;
    vertical-align: middle ;
}
#browse-public-agencies .desc{
    font-size: 20px;
    font-weight: bold;
    color: #1ca3dc;
}
#browse-public-agencies .desc a{
    color: #72c267;
}
#browse-public-agencies a:hover{
    text-decoration: underline;
}
#join-mrsc,
#member-login,
#browse-public-agencies{
    padding-left: 31px;
    background-color: #ffffff;
    padding-bottom: 25px;
    padding-top: 25px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-right: 3px solid #1468b2;
    border-bottom: 8px solid #1468b2;
    border-top: 2px solid #1468b2;
}
.home #join-mrsc,
.error404 #join-mrsc{
    border-right: 3px solid #1ca3dc;
    border-bottom: 8px solid #1ca3dc;
    border-top: 2px solid #1ca3dc;
}
.home #member-login,
.error404 #member-login{
    border-right: 0px;
    border-bottom: 0px !important;
    border-top: 0px;
    height: 176px;
}
#join-mrsc a:hover{
    text-decoration: none;
}
#join-mrsc .title,
#member-login .title,
#browse-public-agencies .title{
    color: #1da3dc;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #1da3dc;
    padding-bottom: 2px;
    margin-bottom: 20px;
}
#member-login .title{
    margin-bottom: 12px;
}
.join-business,
.join-public-agency{
    font-size: 15px;
    color: #ffffff;
    width: 275px;
    vertical-align: middle;
    text-align: center;
    margin-top: 10px;
    border-radius: 30px;
}
.join-business{
    background: #1ca3dc;
}
.join-public-agency{
    background: #72c267;
}
.join-business a,
.join-public-agency a{
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    display: block;
    padding: 7px 10px;
}
.join-business a:hover,
.join-public-agency a:hover{
    text-decoration: underline !important;
}

.join-business span.arrow,
.join-public-agency span.arrow{
    float: right;
    padding-right: 5px;
    font-size: 30px;
    margin-top: -12px;
}
.pull-right{
    margin-right: -40px;
}

#join-mrsc{
    margin-top: 15px;
}
.home #join-mrsc,
.error404 #join-mrsc{
    margin-top: 12px;
}
#sidebar1{
    margin-top: 249px;
}
li.widget{
    list-style: none;
}
.header li{
    list-style: none;
}
.top-menu{
    float: right;
    padding-top: 5px;
    margin-right: -42px;
}

.top-menu ul {
    float: left;
}
.top-menu ul li{
    float: left;
    line-height: 1;
}
.top-menu ul li a{
    color: #1ca3dc;
    font-size: 12px;
    border-left: 1px solid;
    padding: 0px 13px;
    line-height: 1;
    clear: both;
    display: block;
    text-transform: uppercase;
}
.top-menu ul li:first-child a{
    padding-left: 0px;
    border: 0px;
}
.top-menu ul li:last-child a{
    padding-right: 13px;
}

.right-top-menu{
    display: block;
}
#menu-top-menu{
    margin-top: 4.5px;
}
#form-search{
    float: right;
    margin-right: -40px;
}
.search-head{
    border: none;
    padding-left: 13px;
    width: 100px;
    color: #1ca3dc;
    font-size: 12px;
    text-transform: uppercase;
}
.search-head:focus{
    border-bottom: 1px solid;
    outline: none;
}

#form-search ::-webkit-input-placeholder {
    color: #1ca3dc;
    font-size: 12px;
}

#form-search :-moz-placeholder { /* Firefox 18- */
    color: #1ca3dc;
    font-size: 12px;
    opacity: 1;
}

#form-search ::-moz-placeholder {  /* Firefox 19+ */
    color: #1ca3dc;
    font-size: 12px;
    opacity: 1;
}

#form-search :-ms-input-placeholder {
    color: #1ca3dc;
    font-size: 12px;
}

.bg-menu{
    position: relative;
    bottom: -47px;
    background: #1468B2;
    height: 70px;
    width: 1033px;
    border-radius: 0px 62px 0px 0px;
}

.main-menu{
    float: left;
    clear: both;
    display: block;
    position: relative;
}
.main-menu ul{
    padding-left: 16px;
    width: 850px;
    float: left;
    display: block;
    padding-top: 38px;
    height: 85px;
}
.home .main-menu ul,
.error404 .main-menu ul{
    padding-top: 35px;
    height: 62px;
    margin-bottom: 23px;
    /*border-bottom: 1px solid #83aad1;*/
    width: 850px;
}
.main-menu ul li{
    float: left;
    line-height: 1;
    border-left: 1px solid #1468b2;
}
.main-menu ul li a{
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding: 0px 32px;
    font-weight: bold;
    line-height: 1;

}
.main-menu ul li.current_page_ancestor a {
    background: #72C267;
    padding: 15px 30px;
}

.main-menu ul li a:hover{
    text-decoration: underline;
}

.home .main-menu ul li a,
.error404 .main-menu ul li a{
    color: #ffffff;
    padding: 0px 37px;
    font-weight: bold;
}
.home .main-menu ul li:last-child a,
.error404 .main-menu ul li:last-child a{
    padding-right: 0px;
}
.home .main-menu ul li,
.error404 .main-menu ul li{
    border-left: 1px solid #83aad1;
}
.home .main-menu ul li:first-child a,
.home .main-menu ul li:first-child,
.error404 .main-menu ul li:first-child a,
.error404 .main-menu ul li:first-child{
    padding-left: 0px;
}
.main-menu ul li:first-child a,
.main-menu ul li:first-child
{
    border-left: 1px solid transparent;
    padding-left: 0px;
}
.main-menu ul li.current-menu-item.current_page_item a,
.main-menu ul li.current_page_ancestor a{
    color: #ffffff;
    background: #72C267;
    padding: 15px 30px;

}
.main-menu ul li.current-menu-item.current_page_item,
.main-menu ul li.current_page_ancestor{
    border-left: 1px solid transparent;
}
.main-menu ul li.current-menu-item.current_page_item + li ,
.main-menu ul li.current-page-ancestor.current-menu-ancestor  + li {
    border-left: 1px solid transparent;
}
.right-menu,
.widget,
.download{
    padding-left: 31px;
}
.menu-title{
    color: #1468b2;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #aeaeaf;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.right-menu ul{
    padding-left: 0px;
    list-style: none;
}
.right-menu ul.sub-menu{
   padding-left: 10px;
}
.right-menu ul li.current-menu-item.menu-item-has-children,
.right-menu ul li.current-menu-item.menu-item-has-children ul.sub-menu li,
.right-menu ul li.current-menu-item.menu-item-has-children ul.sub-menu li a,
.right-menu ul li.current-page-parent.menu-item-has-children,
.right-menu ul li.current-page-parent.menu-item-has-children ul.sub-menu li,
.right-menu ul li.current-page-parent.menu-item-has-children ul.sub-menu li a{
    display: block;
}
.right-menu ul li a,
.right-menu ul li.current-menu-item.menu-item-has-children a{
    display: none;
}
.right-menu ul li a{
    color: #666666;
    font-size: 17px;
    padding-bottom: 15px;

}
.right-menu ul li a:hover,
.right-menu li.current-menu-item.current_page_item > a{
    color: #1ca3dc;
    text-decoration: none;
}
.right-menu  .menu-title,
.right-menu  li ul.sub-menu .menu-title,
.right-menu  li.current-menu-item.menu-item-has-children ul.sub-menu .menu-title,
.right-menu  li.current-page-parent.menu-item-has-children ul.sub-menu .menu-title{
    display: none;
}
.right-menu  li.current-menu-item.menu-item-has-children .menu-title,
.right-menu  li.current-page-parent.menu-item-has-children .menu-title{
    display: block;
}
#menu-item-30.current-page-ancestor > a{
    margin-left: -17px !important;
    padding-left: 39px !important;
    padding-right: 39px !important;
}
.page-template-page-reset-password #member-login, .page-template-page-reset-password #join-mrsc,
.page-template-page-reset-password-success #member-login, .page-template-page-reset-password-success #join-mrsc,
.page-template-page-reset-password-failed #member-login, .page-template-page-reset-password-failed #join-mrsc
{ display: none}
.page-template-page-reset-password p, .page-template-page-reset-password h1, .page-template-page-reset-password-success p,
.page-template-page-public-agency-info p{
    color: #1468b2 !important;
}
.page-template-page-reset-password h1, .page-template-page-reset-password-success h1, .reset-password-failed h1,
.page-template-page-public-agency-info h1{
    text-transform: none;
    padding-bottom: 20px;
}
.reset-password , .reset-password-failed{
    background: #fff;
    padding: 50px;
}

.reset-password label, .reset-password-failed label, .reset-password-failed p{
    color: #1468b2;
}

.reset-password h1, .reset-password-failed h1, .public-agency-info h1{
    color: #72C267;
    font-size: 24px;
}

.reset-password-failed a.customer{
    color: #72C267;
    text-decoration: none;
}

.reset-password a {
    color: #72C267;
    text-decoration: none;
}

.reset-password input{
    height: 45px;
}

.reset-password-failed a.btn{
    width: 400px;
    margin-bottom: 18px;
}

.reset-password-failed span.btn-name{
    float: left;
}
.reset-password-failed span.arrow{
    float: right;
}

.custom-radio input[type="radio"] + label span {
    display: inline-block;
    background-color: #fff;
    border: 2px solid #1468b2;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin: -1px 12px 5px 0;
    vertical-align: middle;
    cursor: pointer;
}

.custom-radio input[type="radio"] {
    display: none;
}

.custom-radio input[type="radio"]:checked + label span i {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: #1468b2;
    display: block;
    margin: 1px;
}

.custom-radio label{
    color: #1468b2;
    font-size: 14px;
    font-weight: normal;
}

.custom-radio label:nth-child(4){
    margin-left: 92px;
}

.menu-item-664{
    padding-left: 95px;
}
.menu-item-664.active a {
    color: #ffffff;
    background: #72C267;
    padding: 15px 30px;
}
.widgettitle{
    color: #1468b2;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #aeaeaf;
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-top: 25px;
}
ul.browse,
.widget ul{
    padding-left: 10px;
    list-style: none;
}
ul.browse li{

}
ul.browse li a,
.widget ul li a,
.download ul li a{
    color: #666666;
    font-size: 17px;
    padding-bottom: 15px;
    display: block;
}
.download ul li a{
    padding-bottom: 0px;
}
ul.browse li a:hover,
.widget ul li a:hover,
.download ul li a:hover{
    color: #1ca3dc;
    text-decoration: none;
}
.download ul{
    list-style: none;
    padding-left: 10px;
}


.header{
    background: #ffffff url("images/bg-top.png");
    border-top: 7px solid #1468b2;
    padding-top: 40px;
    border-bottom: 3px solid #ffffff;
    position: relative;
    height: 251px;
}
.home .header,
.error404 .header{
    height: 410px;
    background: #ffffff url("images/bg-top-home.png");
}
.home .widget,
.error404 .widget{
    padding-left: 0px;
}
#blue-box{
    background: url("images/blue-box.png") center center no-repeat;
    height: 475px;
    /*margin-top: 45px;*/
    margin-top: 65px;
    position: relative;
}
#home-content{
    width: 583px;
    float: left;
    /*padding-top: 20px;*/
    font-size: 28px;
    color: #ffffff;
}
#home-content p{
    font-size: 28px;
    color: #ffffff;
    line-height: 1.428571429;
    margin-bottom: 10px;
}
#home-content span.learn-how{
    font-size: 24px;
    /*padding-top: 15px;*/
    display: block;
}

#home-content span.new-learn-how{
    font-size: 22px;
    color: #c3fbbb;
    display: block;
}
#home-content a{
    color: #c3fbbb;
}
h2.border{
    color: #1468b2;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
#bussines-member,
#agency-member,
#electronic-bidding {
    width: 423px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 109px;
}

@media (min-width: 992px) {
    #bussines-member,
    #agency-member,
    #electronic-bidding {
        width: 100%;
        margin-top: 28px;
    }
}

.bussines-member,
.agency-member{
    min-height: 369px;
    background: #ffffff;
    box-shadow: 0px 2px 3px 0px #cccccc;
    padding: 0px 43px;
    vertical-align: middle;
    padding-bottom: 10px;
}
.bussines-member{
    border-top: 7px solid #1ca3dc;
}
.agency-member{
    border-top: 7px solid #72c267;
}
#bussines-member-icon{
    height: 66px;
    margin-top: 30px;
    display: block;
    margin-bottom: 20px;
}
#bussines-member-title{
    font-size: 26px;
    text-transform: uppercase;
    color: #1ca3dc;
    font-weight: bold;
    letter-spacing: 2.7px;
    padding-bottom: 5px;
    text-align: center;
}
#bussines-member-text
{

}
#bussines-member-text p,
#agency-member-text p {
    font-size: 15px;
    /*color: #727373;*/
    line-height: 1.5;
    text-align: left;
    color: #0067b1;
}

@media (min-width: 650px) {
    #bussines-member-text p,
    #agency-member-text p {
        font-size: 16px;
        min-height: 161px;
    }
}

#agency-member-icon{
    height: 66px;
    margin-top: 30px;
    display: block;
    margin-bottom: 20px;
}

#agency-member-icon img{
    /* padding-top: 10px; */
    width: auto;
    display: flex;
    margin: auto;
}

#agency-member-title{
    font-size: 26px;
    text-transform: uppercase;
    color: #72c267;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
}
#btn-bussines-member,
#btn-agency-member{
    width: 100%;
    height: initial;
    border-radius: 100px;
    vertical-align: middle;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;;
}

@media (min-width: 650px) {
    #btn-bussines-member,
    #btn-agency-member{
        /*height: 48px;*/
    }
}

#btn-bussines-member a,
#btn-agency-member a{
    font-size: 17px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    padding-top: 12px;
    display: block;
    letter-spacing: 0.4px;
}
#btn-bussines-member{
    background: #1ca3dc;

}
#btn-agency-member{
    background: #72c267;
}

/*--- new style ---*/

.page-template-page-businesses-join p, .page-template-page-businesses-join ul li, .page-template-page-businesses-join h4,
.duplicate-page p, .duplicate-page ul li, .duplicate-page h4
{
    color: #1468b2;
}

.page-template-page-businesses-join a.in-title, .page-trouble-login a.in-title,
.duplicate-page a.in-title
{
    color: #72c267;
}

.page-template-page-businesses-join h4{
    font-weight: bold;
    font-size: 20px;
}

.page-template-page-businesses-join ul.content{
    padding: 19px 22px;
}



.line{
    border-top: 1px solid #ffffff;
}
footer{
    margin-bottom: 50px;
    border-top: 3px solid #dce8f4;
}
footer a{
    color: #c3fbbb;
}
footer a:hover{
    color: #c3fbbb;
}
footer hr{
    border-bottom: 0px;
    border-top: 1px solid #ffffff;
}
#wrap-footer-menu{
    float: none;
    margin: 0px auto;
    padding-top: 50px;
    padding-bottom: 40px;
    margin-top: 15px;
    width: 607px;
}
#wrap-footer-menu span{
    float: left;
    color: #ffffff;
    padding:0px 25px 0px 0px;
    line-height: 1;
}
.footer-menu{
    float: left;
}
ul#menu-footer-menu{
    list-style: none;
    padding-left: 0px;
    margin: 0px;

}
ul#menu-footer-menu li{
    float: left;
    border-left: 1px solid #c3fbbb;
    line-height: 1;
}
ul#menu-footer-menu li a{
    line-height: 1px;
    padding: 0px 25px;
    color: #c3fbbb;
}
#text-footer{
    text-align: center;
    float: none;
    margin: 0px auto;
    color: #ffffff;
}
.container {
    /*width: 1070px;*/
    max-width: none !important;
}

/* businesses join form */

#businesses-join{
    min-height: 468px;
    min-width: 573px;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px #666666;
    padding: 30px 24px;
    float: left;
    margin-top: 27px;
}
#ninja_forms_form_1_all_fields_wrap{
    min-height: 468px;
    min-width: 573px;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px #666666;
    padding: 12px 25px;
    float: left;
    margin-top: 27px;
}

#businesses-join .title{
    font-size: 25px;
    text-transform: uppercase;
    background: url("images/join.png") left center no-repeat;
    vertical-align: middle;
    line-height: 1;
    height: 59px;
    padding-top: 17px;
    padding-left: 65px;
    margin-bottom: 30px;
    letter-spacing: 0.8px;
}
#businesses-join .desc{
    float: left;
    width: 225px;
    font-size: 14px;
    line-height: 1.8;
    border-right: 1px solid #aaaaaa;
    padding-right: 25px;
    padding-left: 5px;
    letter-spacing: 0.2px;
}
#businesses-join .form{
    float: left;
    width: 100%;
    padding-top: 5px;

}

#businesses-join .form h1{
    color: #72C267;
    font-size: 27px;
    text-transform:none !important;
}

.page-template-page-customer-service h1{
    text-transform:none !important;
    padding-bottom: 20px;
}
.page-template-page-customer-service h2{
    color: #1468b2;
    text-transform:none !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.page-template-page-customer-service h1.contact{
    padding-top: 30px;
}

.page-template-page-customer-service .note-list {
    padding-left: 15px;
    color: #666666;
    font-size: 17px;
}

.page-template-page-customer-service .note-list li::marker {
    color: #1468b2;
}

@media (min-width: 768px) {
    .page-template-page-customer-service h1.contact{
        padding-top: 0;
    }
}

.page-template-page-customer-service p.black{
    color: #666666;
}

#businesses-join .form p.tqu{
    font-weight: bold;
}
.space{
    padding: 10px 0px;
}
#businesses-join .form .form-group{
    display: block;
    padding: 0px 7px;
    margin-bottom: 18px;
    font-size: 13px;
}
#businesses-join .form-group.required label:after{
    content: " *";
    color: red;
}

#businesses-join .req{
    clear: both;
    float: right;
}

#businesses-join .tqu-page{
    margin-bottom: 50px;
}
#businesses-join .form label, #ninja_forms_form_1_all_fields_wrap label{

    line-height: 2.25em;
    font-weight: normal;
    font-size: 16px;
    color: #1468B2;
}
#businesses-join .form input, #ninja_forms_form_1_all_fields_wrap input
, #ninja_forms_form_1_all_fields_wrap textarea, #businesses-join .form select{
    float: right;
    width: 300px;
    border-radius: 5px;
    line-height: 1;
    font-size: 14px;
    height:45px;
}
#ninja_forms_form_1_all_fields_wrap h3{
    color: #72C267;
    font-size: 27px;
    line-height: 1.25;
    padding-bottom: 30px;
}

.page-template-page-customer-service #join-mrsc{
    display: none;
}

#ninja_forms_form_1_all_fields_wrap textarea{
    float: right;
    width: 300px;
    border-radius: 5px;
    line-height: 1;
    font-size: 14px;
    height:250px;
}
.ninja-forms-required-items{
    visibility: hidden;
}
.ninja-forms-error .ninja-forms-field-error p{
    color: #ff0000;
    font-size: 12px;
}

.ninja-forms-error input{
    border: 1px solid #ff0000;
}
.ninja-forms-required-items{
    display: none;
}
#businesses-join .form .checkbox{
    float: right;
}

#businesses-join .form .btn-create  {
    float: right;
}

.btn-fresh {
    background-color: #72C267;
    border-bottom:2px solid #42693D;
    font-weight: bold !important;
    font-size: 1.25em !important;
    width: 308px;
    padding: 10px 16px !important;
    color: #fff;
    text-decoration: none;
    box-shadow: 1px 1px 4px #398439;
    border-radius: 6px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    text-transform: uppercase;
}

.btn-fresh:hover,  .btn-fresh:focus {
    color: #fff;
    background-color: #47a447;
    border-bottom:2px solid #285D21;
    outline: none;
}


.btn-fresh:active, .btn-fresh.active {
    color: #fff;
    background-color: #285D21;
    border-top:2px solid #39865f;
    outline: none;
    outline-offset: none;
    margin-top: 2px;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-fresh:disabled{
    background-color: #72C267 !important;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-blue {
    background-color: #1CA3DC;
    border-bottom:2px solid #4789C2;
    font-weight: bold !important;
    font-size: 1.25em !important;
    width: 308px;
    padding: 10px 16px !important;
    color: #fff;
    text-decoration: none;
    box-shadow: 1px 1px 4px #4789C2;
    border-radius: 6px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    text-transform: uppercase;
}

.btn-blue:hover,  .btn-fresh:focus {
    color: #fff;
    background-color: #246EB4;
    border-bottom:2px solid #246EB4;
    outline: none;
}


.btn-blue:active, .btn-fresh.active {
    color: #fff;
    background-color: #246EB4;
    border-top:2px solid #246EB4;
    outline: none;
    outline-offset: none;
    margin-top: 2px;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-orange2 {
    width: auto;
    cursor: pointer;
    font-size: 14px;
    height: auto;
    padding: 12px 40px;
    background-color: #e28f38;
    font-family: 'Cabin', sans-serif;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 25px;
    text-decoration: none !important;
    transition: 0.2s all;
}

.btn-white2 {
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    padding: 10px 52px;
    border: 2px solid #0067b1;
    margin-bottom: 31px;
    text-decoration: none;
    transition: 0.2s all;
}

.btn-white2:hover,  .btn-white2:focus {
    color: #fff;
    background-color: #246EB4;
    border:2px solid #246EB4;
    outline: none;
    text-decoration: none;
}

.btn-blue2 {
    background-color: #0067b1;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 10px 52px;
    border: 2px solid #0067b1;
    margin-bottom: 31px;
    text-decoration: none;
    transition: 0.2s all;
}

.btn-blue2:hover,  .btn-blue2:focus {
    color: #fff;
    background-color: #16A2d3;
    border:2px solid#16A2d3;
    outline: none;
    text-decoration: none;
}

.btn-blue:disabled{
    background-color: #246EB4 !important;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.page-trouble-login{
    text-transform: none;
}
.page-trouble-login h1{
    text-transform: none !important;
}

.page-trouble-login p, .page-trouble-login label, .page-template-page-customer-service p{
    color: #1468b2;
    font-weight: normal;
}

.page-trouble-login label {
    font-size: 14px;
}


.checkbox-awesome label:before{
    font-size: 18px;
}
.checkbox-awesome label{
    font-size: 16px;
    color: #1468b2;
}

.checkbox-awesome label a{
    color: #72C267;
}

.checkbox-awesome input[type="checkbox"] {
    visibility: hidden;
}
.checkbox-awesome input[type="checkbox"] + label:before{
    font-family: "FontAwesome";
    display: inline-block;
    cursor:pointer;
    content: "\f096";
    letter-spacing: 10px;
    font-size: 40px;
    color: #CCC;
    position: relative;
    top: 10px;
}
.checkbox-awesome input[type="checkbox"]:checked + label span{
    content: "\f046";
    letter-spacing: 10px;
}

.service_checkbox label a{
    color: #72C267;
}

.service_checkbox input[type="checkbox"] {
    visibility: hidden;
}
.service_checkbox input[type="checkbox"] + label span{
    display: inline-block !important;
    width: 29px !important;
    height: 29px !important;
    margin: 0px 4px 5px 0 !important;
    vertical-align: middle !important;
    background: #fff url("images/checkbox_service.png") left top no-repeat !important;
    cursor: pointer !important;
}
.service_checkbox input[type="checkbox"]:checked + label span{
    background: url("images/checkbox_service_list.png") left top no-repeat !important;
}




#businesses-join .form .checkbox input{
    float: left;
    width: 20px;

}
#businesses-join .form .checkbox label{
    float: left;
    width: 100%;
    margin-top: 4px;
    margin-left: 4px;
}
#businesses-join .form .btn{
    float: right;
    margin-top: 11px;
    padding: 5px 12px;
    text-transform: uppercase;
    border-radius: 20px;
    border: 1px solid #72C267;
    background: #72C267;
    color: #ffffff;
}
.btn:hover{
    text-decoration: underline !important;
}
/* public agencies join style*/
#pa-join{
    min-height: 468px;
    min-width: 573px;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px #666666;
    padding: 30px 24px;
    margin-top: 27px;
    font-size: 14px;
    float: left;
}
#pa-join .title{
    font-size: 25px;
    text-transform: uppercase;
    background: url("images/join-PA.png") left center no-repeat;
    vertical-align: middle;
    line-height: 1;
    height: 59px;
    padding-top: 25px;
    padding-left: 65px;
    margin-bottom: 30px;
    letter-spacing: 0.8px;
}
#pa-join .desc{
    line-height: 1.8;
    margin-bottom: 35px;
}
#pa-join h3{
    font-size: 18px;
    color: #59b44d;
    font-weight: normal;
}
#pa-join h3 span.number{
    padding-left: 0px;
}
#pa-join h3 span{
    padding-left: 30px;
}
#pa-join ul {
    list-style: none;
    padding-left: 45px;
}
#pa-join ul li:before{
    background: none;
}
#pa-join table{
    margin-left: 45px;
    width: 72%;
    margin-top: 20px;
}
#pa-join table th{
    text-align: center;
}
#pa-join table td{
    text-align: center;
}
#pa-join ul li{
    padding: 2px 0px;
    font-size: 14px;
    margin: 0px;
    line-height: 1.4;
}

/*map-template */
.map-template .page-header h1{
    font-size: 24px;
}
#filter h1{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.map-template #filter .show h1 span{
    color: #1da3dc;
}
.map-template #filter .filter-by h1{
    float: left;
    margin-right: 10px;
}

#map{
    width: 815px;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 30px;
    overflow: hidden;
    float: left;
}
.note{
    float: left;
    width: 100%;
    padding-top: 20px;
}
.note p{
    color: #A9180B;
}
#show_county{
    border-top: 1px solid #aeaeaf;
    float: left;
    width: 100%;
}
.map-template .show-county{
    margin-top: 35px;
}
.map-template .show-county .county-title{

    font-size: 24px;
    color: #72c267;
    margin-bottom: 20px;
}
.map-template .show-county ul{
    list-style: none;
    padding-left: 0px;
}
.map-template .show-county ul li:before{
    background: none;
}
.map-template .show-county ul li{
    padding-left: 0px;
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
}
#services-list a,
#bussines-list a{
    text-decoration: none;
    display: block;
    color: #1468b2;
    font-size: 18px;
    font-weight: bold;
}
#services-list .panel-group,
#bussines-list .panel-group{
    width: 624px;
    max-width: 100%;
}
#services-list .panel-group label,
#bussines-list .panel-group label{
    font-weight: normal;
    font-size: 14px;
}

.form-find-business-registered ::-webkit-input-placeholder {
    	  color: #1468b2;
    	}
    	.form-find-business-registered ::-moz-placeholder { /* Firefox 19+ */
    	  color: #1468b2;
    	}
    	.form-find-business-registered :-ms-input-placeholder {
    	  color: #1468b2;
    	}
    	.form-find-business-registered :-moz-placeholder { /* Firefox 18- */
    	  color: #1468b2;
    	}
    	.form-find-business-registered .btn{
    	  /*background: #1ca3dc;*/
          background: #0067B1;
    	  color: #ffffff;
    	  text-transform: uppercase;
    	  /*padding: 3px 14px;
    	  line-height: 1;
    	  border-radius: 30px;
    	  float: right;
    	  margin-right: 33px;
    	  border: 0px;
    	  letter-spacing: 1px;
    	  margin-top: 2px;*/
          border-radius: 15px;
    	}

.page-id-196 a.pb,
.page-id-198 a.sc{
    color: #1da3dc;
}
#modal_asterisk .modal-content{
    padding: 25px;
    border: 14px solid #1CA3DC;
}
#modal_asterisk button{
    display: block;
    margin: 0 auto;
}

#modal_asterisk .modal-dialog{
    margin: 256px auto;
}

a.glyphicon-question-sign{
    color: #1da3dc !important;
}
.popover{
    font-size: 15px !important;
    width: 100% !important;
    color: #1468b2 !important;
}
#form-reset .help-block{
    color: #ff0000 !important;
    font-size: 14px;
    padding-left: 150px;
}

/** New style 2017
 */
#content-join p{
    color: #666666;
    margin-top: 30px;
}
#content-join h1{
    margin-left: 45px;
    margin-top: 30px;
}
#content-join .registration{
    text-align: center;
    background: #1ca3dc;
    font-size: 15px;
    color: #ffffff;
    width: 275px;
    vertical-align: middle;
    text-align: center;
    margin-top: 10px;
    border-radius: 30px;
    margin: 0 auto;
}

#content-join a.create{
    color: #1468b2;
}

#content-join .registration a{
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    display: block;
    padding: 7px 10px;
}

#content-join .registration span.arrow{
    float: right;
    padding-right: 5px;
    font-size: 30px;
    margin-top: -15px;
}

#content-join .registration button{
    background-color: #1ca3dc;
    color: white;
    border-style: none;
    font-size: 14px;
    font-weight: bold;
    padding: 7px;
}

#content-join .registration .create{
    border-radius: 15px 15px 0px 0px;
}

#content-join h3 a.create{
    font-size: 22px;
    font-weight: bold;
    color: #1468b2;
    margin-bottom: 5px;
    margin-top: 35px;
}
#content-join .registration .learn{
    /*border-radius: 6px 6px 0px 0px;*/
    /*background: #1ca3dc;*/
    /*font-size: 14px;*/
    /*font-weight: bold;*/
    /*padding: 8px;*/
    /*color: white;*/
}

#content-join ul {
    margin-top: 26px;
}

#content-join ul li {
    color: #666666;
}

#content-join ul li:before{
    background-color: #666666;
}

#indicate-process{
    display: block;
    margin-top: 14px;
}
#indicate-process .box1, .box2, .box3{
    width: 33%;
}
#indicate-process .box1, .box2, .box3{
    float: left;
    padding: 16px;
    color: #000000;
}
/*#indicate-process .box3 { float: right; clear: none; }*/
#indicate-process .icon {
    background: #72c267;
    width: 75px;
    height:75px;
    border-radius: 50%;
    color: white;
    text-align: center;
    margin: 0 auto;
}
#indicate-process .icon .fa {
    position: relative;
    font-size: 45px;
}

#indicate-process .box1 .icon .fa {
    top: calc(50% - 22px);
    left: 3px;
}

#indicate-process .box2 .icon .fa {
    top: calc(50% - 21px);
}

#indicate-process .box3 .icon .fa {
    top: calc(50% - 25px);
}

#blue-box-thin{
    background: url("images/blue-box-thin.png") center center no-repeat;
    height: 103px;
    margin-top: 65px;
    position: relative;
    background-size: contain;
    padding: 22px;
}
#blue-box-thin h3{
    margin: 0;
    color: #72c267;
}
#blue-box-thin h3 a{
    margin: 0;
    color: #72c267;
    cursor: pointer;
}

/*** end new style **/

@media (min-width: 992px){
    .modal-lg {
        width: 900px;
    }
}
#forgot .modal-content, #support-nbm .modal-content{
    text-align: center;
    padding-bottom: 70px;
}

#support-nbm .mrsc-logo {
    margin-top: 40px;
    margin-bottom: 15px;
}

#support-nbm .mrsc-logo img {
    width: 188px;
    height: auto;
}
#support-nbm .modal-content {
    width: 412px;
    height: 570px;
}
#forgot .mrsc-logo{
    text-align: center;
    margin-top: 60px;
}
#forgot .content-desc {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin: 40px 0px;
    text-align: center;
    padding: 30px 96px;
    margin-bottom: 0px;
}
#support-nbm .content-desc {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin: 31px 0px 0px 0px;
    text-align: center;
    padding: 22px 15px 30px 15px;
    margin-bottom: 0px;
}
#forgot .content-desc p{
    margin-bottom: 7px;
}
#support-nbm .content-desc p{
      margin-bottom: -12px;
}
#forgot .content-desc h1, #support-nbm .content-desc h1{
    margin-bottom: 10px;
}
#forgot button.close{
    margin-right: 30px;
    margin-top: 30px;
}
#support-nbm button.close{
    margin-right: 20px;
    margin-top: 17px;
}
.select-account h2{
    letter-spacing: 2px;
    padding-top: 12px;
    margin-bottom: 20px;
}
#forgot .select-account label{
    padding-right: 30px;
    margin-right: 25px;
    text-transform: capitalize;
    width: auto;
    font-size: 18px;
    color: #1ca3dc;
}
#support-nbm .select-account label{
    margin-right: -12px;
    text-transform: capitalize;
    width: auto;
    font-size: 18px;
    color: #1ca3dc;
}

#forgot .select-account .radio-inline, #support-nbm .select-account .radio-inline{
    margin-left: 52px;
    margin-bottom: 7px;
}

#forgot .select-account .radio-inline input[type="radio"], #support-nbm .select-account .radio-inline input[type="radio"]{
    margin-left: -29px;
    margin-top: 7px;
}
#forgot .select-account form{
    width: 400px;
    margin: 0px auto;
    padding: 30px;
    border: 1px solid #eeeeee;
}
#support-nbm form{
    width: 340px;
    margin: 0px auto;
    padding: 15px 0 0 0;
}
#support-nbm div.modal-dialog div.modal-content {
    width: 400px;
    height: 645px;
}

#support-nbm div.modal-dialog div.modal-content.success {
  width: 400px;
  height: 250px;
}

#support-nbm div.modal-dialog {
    width: 400px;
}
.modal-backdrop.fade.in {
    opacity: 0.7;
    background: #fff;
}
#forgot .select-account form.form-agency, #support-nbm form.form-agency{
    padding: 30px 20px;
}
#forgot .select-account form label, #support-nbm form label{
    float: left;
    padding-right: 0px;
    margin-right: 0px;
}
#forgot .select-account form .btn, #support-nbm form .btn{
    background-color: #47a447;
    padding: 6px 12px;
    margin-top: 15px;
}
#businesses-join-form .help-block{
    color: #ff0000 !important;
    font-size: 14px;
    font-weight: bold;
    clear: both;
}
.ninja-forms-required-items,
#ninja_forms_form_1_response_msg{
    font-size: 13px;
    margin: 10px 0px;
    color: #ff0000;
}
#post-110 .page-header h1
{
    text-transform: capitalize;
}
#businesses-join-form .ubi_no a:hover{
    text-decoration: none;
}
#businesses-join-form .popover{
    line-height: 1.4;
}
/*Print*/

@media print {
    a:link:after,
    a:visited:after,
    a[href]:after{
        content:" ";
    }
    #join-mrsc,
    #member-login,
    #browse-public-agencies{
        border-radius: 0px;
        border: 0px;
    }
    .home #join-mrsc,
    .error404 #join-mrsc,
    #wrap-container{
        border: 0px;
    }
}
@-moz-document url-prefix() {

}

.term_condition_temp li:before
{
    float: none;
}

.modal2.in{ position: absolute; bottom: 0; right:0; left: auto; top: auto; overflow: hidden;  }

a.page-title {
    color: #1368b2;
    font-weight: bold;
}

#gform_wrapper_1 {
    position: relative;
    padding-top: 0px;
    margin-top: 0px;
}

#gform_wrapper_1 .gform_heading .gform_title {
    display: none;
}

#gform_wrapper_1 .gform_title {
    color: #72C267;
    font-size: 27px;
    line-height: 1.25;
    padding-bottom: 0;
}

li#field_1_8 {
    flex-direction: column;
}

#gform_wrapper_1 .gfield {
    display: flex;
    padding: 0;
    background: none;
    border-width: 0;
    position: relative;
}

#gform_wrapper_1 li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    top: 50px;
    position: absolute;
    color: red;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 40%;
    font-weight: 400;
}

#gform_wrapper_1.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}

#gform_wrapper_1 label.gfield_label {
    width: 45%;
    font-weight: normal;
    font-size: 16px;
    color: #1468B2;
    display: flex;
    align-items: center;
}

#gform_wrapper_1 .ginput_container {
    width: 50%;
}

#gform_wrapper_1 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
select {
    border-radius: 5px;
    border: 1px solid #cccccc;
    color: #555555;
    width: 100%;
    height: 45px;
    line-height: 1;
    font-size: 14px;
    padding: 0 10px;
    width: 100% !important;
}

#gform_wrapper_1 textarea {
    border-radius: 5px;
    border: 1px solid #cccccc;
    color: #555555;
    width: 100%;
    padding: 10px 10px;
    font-size: 14px;
}

#gform_wrapper_1 .gform_footer {
    text-align: left;
    width: 95%;
}

@media (min-width: 992px) {
    #gform_wrapper_1 .gform_footer {
        text-align: right;
    }
}

#gform_wrapper_1 .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
    margin: 0;
    background-color: #E28F38;
    border-bottom: 2px solid #b16312;
    font-weight: bold !important;
    font-size: 1.25em !important;
    width: 53%;
    height: 45px;
    color: #fff;
    text-decoration: none;
    box-shadow: 1px 1px 4px #e28f38;
    border-radius: 5px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    text-transform: uppercase;
    border-radius: 25px;
}

#gform_wrapper_1 .gfield_required {
    color: red;
}

#gform_wrapper_1 .gform_body  {
    background: white;
    box-shadow: 0px 0px 3px 0px #666666;
    padding: 12px 25px;
    max-width: 660px;
    margin-left: 0;
}

@media (min-width: 992px) {
    #gform_wrapper_1 .gform_body  {
        background: white;
        box-shadow: 0px 0px 3px 0px #666666;
        padding: 12px 25px;
        max-width: calc(100% - 35px);
        margin-left: 0;
    }
}

#gform_wrapper_1 div.validation_error {
    color: red;
    border-width: 0;
    font-size: 13px;
    text-align: left;
    font-weight: 400;
    position: absolute;
    top: -20px;
    left: 0;
    height: fit-content;
    width: fit-content;
    padding: 0;
    margin: 0;
    width: 100%;
}

#gform_wrapper_1.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) input {
    border-color: red;
}

#gform_wrapper_1 .gform_footer {
    position: relative;
}

#gform_wrapper_1 img.gform_ajax_spinner {
    position: absolute;
}

#notificationModal .btn-fresh {
    margin: auto;
    cursor: pointer;
}

#notificationModal .modal-dialog {
    margin-top: 100px;
}

#notificationModal .modal-content {
    border: 14px solid #1CA3DC;
}

#notificationModal .modal-body {
    padding: 25px;
}

#notificationModal .notif-message {
    margin-bottom: 20px;
}

.gform_confirmation_message h6 {
    color: #1468b2;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: 0.4px;
}

.gform_confirmation_message br {
    display: none;
}

/* new style */
header {
    background: white;
}

.menu-header {
    background-color: white;
    max-width: 1400px;
    margin: auto;
    padding: 0;
}

@media (min-width: 780px) {
    .menu-header {
        padding: 0 20px;
    }
}

@media (min-width: 780px) {
    .menu-header {
        padding: 0 25px;
    }
}

@media (min-width: 790px) {
    .menu-header {
        padding: 0 50px;
    }
}

@media (min-width: 850px) {
    .menu-header {
        padding: 0 70px;
    }
}

@media (min-width: 900px) {
    .menu-header {
        padding: 0 100px;
    }
}

.menu-header .inner-menu {
    display: flex;
    padding-top: 21px;
    padding-bottom: 0;
    flex-direction: column;
}

@media (min-width: 768px) {
    .menu-header .inner-menu {
        display: flex;
        padding: 21px 0;
        flex-direction: row;
        padding-bottom: 0;
    }
}

.menu-header .mobile {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .menu-header .mobile {
        display: block;
        width: auto;
        padding: 0;
    }
}

.menu-header .mobile button {
    display: block;
}

@media (min-width: 768px) {
    .menu-header .mobile button {
        display: none;
    }
}

.menu-header .menu-nav {
    padding-left: 0;
    padding-right: 0;
    background-color: #d3efff;
    position: relative;
    max-height: unset;
}

@media (min-width: 768px) {
    .menu-header .menu-nav {
        display: flex !important;
        align-items: center;
        padding-left: 45px;
        background-color: white;
    }
}

@media (min-width: 1380px) {
    .menu-header .menu-nav {
        padding-left: 55px;
    }
}

@media (min-width: 1380px) {
    .menu-header .menu-nav {
        padding-left: 75px;
    }
}

.menu-header .logo {
    width: 150px;
}

@media (min-width: 768px) {
    .menu-header .logo {
        width: 110px;
    }
}

@media (min-width: 992px) {
    .menu-header .logo {
        width: 140px;
    }
}

@media (min-width: 1350px) {
    .menu-header .logo {
        width: 268px;
    }
}

.menu-header .logo img {
    width: 100%;
}

.mobile-right {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

@media (min-width: 768px) {
    mobile-right {
        display: none;
    }
}

.mobile-wrapper {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 691px) {
    .mobile-wrapper {
        display: flex;
        align-items: center;
    }
}

.mobile-wrapper .login {
    max-width: 150px;
    background: #e28f38;
    color: white;
    text-align: center;
    border-radius: 18px;
    padding: 8px 5px;
    font-family: Cabin;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    margin: 24px auto;
    display: block;
    transition: 0.2s all;
    padding: 10px 20px;
}

.mobile-wrapper .login a {
    color: white;
    transition: 0.2s all;
}

@media (min-width: 768px) {
    .mobile-wrapper .login {
        display: none;
    }
}

.mobile-wrapper .login a:hover {
    text-decoration: none !important;
    color: white;
}

.mobile-wrapper .login:hover {
    text-decoration: none !important;
    background-color: #16A2d3;
    color: white;
}

.mobile-right .search {
    width: 21px;
    display: block;
    margin-top: -9px;
}

@media (min-width: 768px) {
    .mobile-right .search {
        display: none;
    }
}

.mobile-right .hamburger-box {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 24px;
}

.mobile-right .hamburger-inner {
    top: 2px
}

.mobile-right .hamburger--elastic .hamburger-inner:before{
    top: 8px;
}

.mobile-right .hamburger--elastic .hamburger-inner:after {
    top: 16px;
}

.mobile-right .hamburger-inner,
.mobile-right .hamburger-inner:after,
.mobile-right .hamburger-inner:before {
    width: 22px;
    height: 2px;
}

.menu-header .menu-right .search {
    width: 22px;
    display: none;
}

@media (min-width: 768px) {
    .menu-header .menu-right .search {
        display: block;
    }
}

@media (min-width: 1100px) {
    .menu-header .menu-right .search {
        width: 40px;
    }
}

.menu-header .menu-right .search img {
    width: 100%;
}

.menu-header .menu-right {
    display: none;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .menu-header .menu-right {
        display: flex;
        margin-left: 0;
        align-items: center;
        margin-top: -10px;
        margin-left: auto;
    }
}

.menu-header .menu-right .login {
    margin-left: 5px;
}

@media (min-width: 992px) {
    .menu-header .menu-right .login {
        margin-left: 5px;
        position: relative;
        right: -25px;
    }
}

.menu-header .menu-right .btn-login {
    width: 85px;
    font-size: 12px;
    height: auto;
    padding: 7px 20px 7px;
    background-color: #e28f38;
    font-family: 'Cabin', sans-serif;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 25px;
    text-decoration: none !important;
    transition: 0.2s all;
}

@media (min-width: 992px) {
    .menu-header .menu-right .btn-login {
        font-size: 14px;
        height: auto;
        padding: 10px 10px 9px;
    }
}

@media (min-width: 1350px) {
    .menu-header .menu-right .btn-login {
        font-size: 14px;
        height: 41px;
        padding: 10px 32px 9px;
    }
}

@media (min-width: 1100px) {
    .menu-header .menu-right .btn-login {
        width: 120px;
        font-size: 18px;
    }
}

.menu-header .menu-right a {
    text-decoration: none !important;
}

.menu-header .menu-right a:hover {
    text-decoration: none !important;
}

.menu-header .menu-right .btn-login:hover {
    text-decoration: none !important;
    background-color: #16A2d3;
    color: white;
}

.menu-header .menu-item {
    list-style-type: none;
    margin: 0;
}

@media (min-width: 768px) {
    .menu-header .menu-item {
        margin-right: 18px;
        margin-bottom: 14px;
    }
}

@media (min-width: 768px) {
    .menu-header .menu-item {
        margin-right: 29px;
        margin-bottom: 0;
    }
}

@media (min-width: 1100px) {
    .menu-header .menu-item {
        margin-right: 29px;
    }
}

.menu-header .menu-item.active > a {
    color: #72c266;
}

.menu-header .menu-item.current-menu-ancestor > a {
    color: #72c266;
}

.menu-header .menu-item a {
    font-family: 'Cabin';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: normal;
    text-align: left;
    color: #0067b1;
    text-decoration: none;
}

@media (min-width: 768px) {
    .menu-header .menu-item a {
        font-family: 'Arial';
        font-size: 9px;
    }
}

@media (min-width: 992px) {
    .menu-header .menu-item a {
        font-size: 11px;
    }
}

@media (min-width: 1200px) {
    .menu-header .menu-item a {
        font-size: 16px;
    }
}

.menu-header .menu-item a:hover {
    color: #16A2d3;
}

#menu-new-main-menu {
    display: flex;
    flex-direction: column;
    padding: 26px 27px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    #menu-new-main-menu {
        flex-direction: row;
        padding: 0;
    }
}

.top-header .logo {
    width: 265px;
}

.top-header .logo img {
    width: 100%;
}

body {
    font-family: 'Cabin', 'sans-serif';
    min-width: initial;
    overflow-x: hidden;
}

body img {
    max-width: 100%;
}

.home .inner-container #content {
    margin-top: 0;
}

.home #main {
    display: none;
}

.home .hero-banner {
    background-color: #0067b1;
    object-fit: contain;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media (min-width: 650px) {
    .home .hero-banner {
        font-size: 33px;
    }
}

.home .hero-banner .wrapper {
    max-width: 920px;
    margin: auto;
    padding: 0 30px;
}

@media (min-width: 650px) {
    .home .hero-banner .wrapper {
        padding: 0 70px;
    }
}

.home .hero-banner .wrapper .inner {
    padding: 30px 0;
}

@media (min-width: 650px) {
    .home .hero-banner .wrapper .inner {
        padding: 70px 0;
    }
}

.home .hero-banner .title a {
    color: inherit;
}

.home .hero-banner .title a:hover {
    color: #16A2d3;
    text-decoration: none;
}

.home .hero-banner .title {
    margin-bottom: 31px;
}

.home .hero-banner .wrap-outer-btn {
    margin-top: 30px;
}

.home .hero-banner .wrap-outer-btn span {
    font-size: 28px;
    padding-bottom: 25px;
    display: block;
}

@media (min-width: 768px) {
    .home .hero-banner .title {
        margin-bottom: 0;
        font-size: 30px;
    }
}

.home span.yellow {
    color: #e8c45e;
    display: block;
}

@media (min-width: 768px) {
    .home span.yellow {
        display: inline;
    }
}

.home .hero-banner .wrapper-btn {
    display: block;
}

@media (min-width: 650px) {
    .home .hero-banner .wrapper-btn {
        max-width: 600px;
        display: flex;
        justify-content: center;
        margin: auto;
        gap: 20px
    }
}

.home .hero-banner .btn {
    width: 100%;
    min-width: 235px;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    padding: 18px 0;
    border: 1px solid white;
    margin: 0 5px;
    margin-bottom: 31px;
    text-decoration: none;
    transition: 0.2s all;
}

@media (min-width: 650px) {
    .home .hero-banner .btn {
        margin-bottom: 0;
    }
}

.home .hero-banner .btn:hover {
    background-color: #16A2d3;
    color: #ffffff;
    text-decoration: none !important;
    border-color: #16A2d3;
}

.home .hero-banner .btn.btn-transparent {
    background-color: transparent;
    color: #ffffff;
}

.home .cta-section {
    background-color: #68b05e;
}

.home .gray-section {
    background-color: #5f5f5f;
    text-align: center;
    padding: 20px;
}

.home .gray-section a{
    font-size: 28px;
    color: white;
}

.home .cta-section .wrapper {
    padding: 0 30px;
    margin: auto;
    max-width: 800px;
}

@media (min-width: 650px) {
    .home .cta-section .wrapper {
        padding: 0 40px;
    }
}

.home .cta-section .inner {
    display: block;
    padding: 30px 0;
    padding-bottom: 60px;
}

@media (min-width: 700px) {
    .home .cta-section .inner {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 65px 0;
    }
}

.home .cta-section .title {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 20px;
    text-align: center;
}

@media (min-width: 700px) {
    .home .cta-section .title {
        margin-bottom: 0;
        font-size: 28px;
        text-align: left;
        width: 50%;
    }
}

.home .cta-section .btn {
    padding: 14px 30px;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: 0.72px;
    text-align: center;
    color: #68B05E;
    border: 1px solid white;
    white-space: pre-wrap;
    margin: auto;
    display: block;
    max-width: 260px;
    transition: 0.2s all;
}

@media (min-width: 650px) {
    .home .cta-section .btn {
        font-size: 18px;
        white-space: nowrap;
        margin: initial;
        max-width: initial;
    }
}

.home .cta-section .btn:hover {
    background-color: #16A2d3;
    border-color: #16A2d3;
    color: white;
    text-decoration: none !important;
}

.home .agencies .wrapper {
    margin: auto;
    max-width: 1400px;
}

.home .agencies .inner {
    padding: 49px 0 50px;
}

.home .agencies .title {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    padding: 0 15px;
}

@media (min-width: 650px) {
    .home .agencies .title {
        font-size: 28px;
    }
}

.home .agencies .wrapper-agencies {
    display: block;
}

@media (min-width: 800px) {
    .home .agencies .wrapper-agencies {
        display: flex;
        justify-content: space-between;
        /*width: 90%;*/
        margin: auto;
    }
}

.home .agencies .bussines-member {
    border-width: 0;
    background-color: transparent;
    box-shadow: initial;
    padding: 0px 23px;
    min-height: initial;
    margin-bottom: 58px;
}

@media (min-width: 768px) {
    .home .agencies .bussines-member {
        min-height: 369px;
        margin-bottom: 0;
    }
}

.home .agencies .agency-member {
    border-width: 0;
    background-color: transparent;
    box-shadow: initial;
    padding: 0px 23px;
    min-height: initial;
    margin-bottom: 58px;
}

@media (min-width: 768px) {
    .home .agencies .agency-member {
        min-height: 369px;
        margin-bottom: 0;
    }
}

.home .agencies .electronic-bidding {
    border-width: 0;
    background-color: transparent;
    box-shadow: initial;
    padding: 0 23px;
    min-height: initial;
    margin-bottom: 58px;
}

@media (min-width: 768px) {
    .home .agencies .electronic-bidding {
        min-height: 369px;
        margin-bottom: 0;
    }
}

.home .agencies #bussines-member-icon {
    margin-top: 10px;
}

.home .agencies #agency-member-icon {
    margin-top: 10px;
}

.home .agencies #bussines-member-title {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #0067b1;
    margin-bottom: 14px;
    text-align: center;
}

@media (min-width: 650px) {
    .home .agencies #bussines-member-title {
        font-size: 22px;
        text-align: left;
    }
}

.home .agencies #agency-member-title {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #0067b1;
    margin-bottom: 14px;
    text-align: center;
}

@media (min-width: 650px) {
    .home .agencies #agency-member-title {
        font-size: 22px;
        text-align: left;
    }
}

.home #btn-bussines-member,
.home #btn-agency-member {
    transition: 0.2s all;
    width: 100%;
}

@media (min-width: 650px) {
    .home #btn-bussines-member,
    .home #btn-agency-member {
        width: fit-content;
    }
}

.home #btn-bussines-member {
    padding: 0;
}

@media (min-width: 650px) {
    .home #btn-bussines-member {
        padding: 0 40px;
    }
}

.home #btn-agency-member {
    padding: 0;
}

@media (min-width: 650px) {
    .home #btn-agency-member {
        padding: 0 15px;
    }
}

.home #btn-bussines-member a,
.home #btn-agency-member a {
    padding-bottom: 12px;
    font-size: 15px;
}

@media (min-width: 650px) {
    .home #btn-bussines-member a,
    .home #btn-agency-member a {
        padding-bottom: 12px;
        font-size: 17px;
    }
}

.home #btn-agency-member:hover,
.home #btn-bussines-member:hover {
    background-color: #16A2d3 !important;
}

.home #btn-agency-member:hover a,
.home #btn-bussines-member:hover a {
    text-decoration: none !important;
    color: white;
}

.home .agencies #btn-bussines-member {
    background-color: #0067b1;
}

.home .agencies #btn-agency-member {
    background-color: #0067b1;
}

.home .agencies #bussines-member {
    float: none;
    margin-bottom: 0;
}

.home .agencies #agency-member {
    float: none;
    margin-bottom: 0;
}

.home .agencies #electronic-bidding {
    float: none;
    margin-bottom: 0;
}

.footer-2 {
    position: relative;
    background-color: #0067b1;
}

.footer-2 .wrapper {
    padding: 0 30px;
    margin: auto;
    max-width: 1390px;
}

.footer-2 .inner {
    padding: 28px 0;
    display: flex;
    justify-content: space-between;
}

@media (min-width: 650px) {
    .footer-2 .inner {
        justify-content: space-between;
        flex-direction: row;
    }
}

.footer-2 .copy-right {
    font-family: 'Arial';
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.footer-2 .menu-footer {
    display: block;
    margin-bottom: 7px;
    margin-top: -5px;
    position: relative;
    left: -20px;
}

@media (min-width: 650px) {
    .footer-2 .menu-footer {
        display: flex;
        margin-left: -60px;
        margin-bottom: 0;
        margin-top: 0;
        position: static;
    }
}

.footer-2 .menu-footer .item a {
    color: white;
}

.footer-2 .menu-footer .item {
    font-family: 'Arial';
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.6;
    letter-spacing: normal;
    text-align: left;
    color: #f7f7f7;
    padding: 0;
}

@media (min-width: 650px) {
    .footer-2 .menu-footer .item {
        padding: 0 20px;
    }
}

.footer-2 .go-top {
    display: none;
}

@media (min-width: 800px) {
    .footer-2 .go-top {
        display: block;
    }
}

.footer-2 .go-top .arrow-top {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 90px;
    background: #16a2d3;
}

@media (min-width: 800px) {
    .footer-2 .go-top .arrow-top {
        height: 100%;
    }
}

@media (min-width: 800px) {
    .footer-2 .go-top .arrow-top {
        width: 130px;
    }
}

@media (min-width: 800px) {
    .footer-2 .go-top .arrow-top {
        width: 130px;
    }
}

@media (min-width: 1460px) {
    .footer-2 .go-top .arrow-top {
        /*margin-right: -25px;*/
    }
}

.footer-2 .go-top .fa-arrow-up {
    color: white;
    font-size: 20px;
}

footer[role=contentinfo] {
    display: none;
}

    /* >> other page template */
.page-template-default .container,
.page-template-page-businesses-join .container,
.page-template-page-customer-service .container,
.page-template-page-businesses-application-checklist .container{
    width: 100%;
    max-width: 1000px !important;
}

.page-template-default .inner-container,
.page-template-page-businesses-join .inner-container,
.page-template-page-customer-service .inner-container,
.page-template-page-businesses-application-checklist .inner-container {
    width: 100%;
}

.page-template-default .inner-container #content {
    padding-top: 90px;
}

.page-template-default article header {
    background-color: transparent;
}

.page-template-default article .page-header {
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .page-template-default article .page-header {
        margin-bottom: 20px;
        padding-bottom: 9px;
    }
}

.page-template-default article .page-header,
.page-template-page-businesses-join article .page-header {
    margin-top: -5px;
}

.page-template-default #sidebar1 {
    margin-top: 0;
}

.page-template-page-businesses-join #sidebar1 {
    margin-top: 0;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join #sidebar1 {
        margin-top: -70px;
    }
}

.page-template-default #main,
.page-template-page-businesses-join #main {
    float: none !important;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .page-template-default #main,
    .page-template-page-businesses-join #main {
        float: none !important;
        flex-direction: row;
    }
}

.page-template-default .col-left,
.page-template-page-businesses-join .col-left {
    float: none !important;
    width: 100%;
    padding-right: 0;
}

@media (min-width: 768px) {
    .page-template-default .col-left,
    .page-template-page-businesses-join .col-left {
        float: none !important;
        width: 65%;
    }
}

.page-template-default .col-right,
.page-template-page-businesses-join .col-right {
    float: none !important;
    width: 100%;
    padding-right: 0;
}

@media (min-width: 768px) {
    .page-template-default .col-right,
    .page-template-page-businesses-join .col-right {
        float: none !important;
        width: 25%;
    }
}

.page-template-default  #pa-join {
    min-width: 100%;
}

.page-template-page-businesses-join #businesses-join,
.page-template-page-businesses-join h3 {
    display: none;
}

.page-template-page-businesses-join #indicate-process {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join #indicate-process {
        display: flex;
        flex-direction: row;
    }
}

.page-template-page-businesses-join #indicate-process .box1,
.page-template-page-businesses-join #indicate-process .box2,
.page-template-page-businesses-join #indicate-process .box3 {
    float: none;
    width: 100%;
}

.page-template-page-businesses-join #content-join h1 {
    max-width: 100%;
    margin-left: 0;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join #content-join h1 {
        max-width: 65%;
    }
}

@media (min-width: 992px) {
    .page-template-page-businesses-join #content-join h1 {
        max-width: 65%;
        margin-left: 45px;
    }
}

.page-template-page-customer-service #gform_wrapper_1 .gfield {
    flex-direction: column;
}

@media (min-width: 768px) {
    .page-template-page-customer-service #gform_wrapper_1 .gfield {
        flex-direction: row;
    }
}

.page-template-page-customer-service #gform_wrapper_1 label.gfield_label {
    width: 100%;
}

@media (min-width: 768px) {
    .page-template-page-customer-service #gform_wrapper_1 label.gfield_label {
        width: 45%;
    }
}

.page-template-page-customer-service #gform_wrapper_1 .ginput_container {
    width: 100%;
}

@media (min-width: 768px) {
    .page-template-page-customer-service #gform_wrapper_1 .ginput_container {
        width: 50%;
    }
}

.page-template-page-customer-service  .inner-container #content {
    padding-top: 30px;
}

@media (min-width: 768px) {
    .page-template-page-customer-service .inner-container #content {
        padding-top: 86px;
    }
}

.hamburger--elastic.is-active .hamburger-inner:after {
    transform: translate3d(0,-16px,0) rotate(-270deg) !important;
}

html {
    scroll-behavior: smooth;
}

/* new bussiness stule page */
.page-template-page-businesses-join .business-container {
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.page-template-page-businesses-join .business-container .hero-banner {
    background-color: #0067b1;
}

.page-template-page-businesses-join .business-container .hero-banner .wrapper {
    margin: auto;
    max-width: 950px;
    padding: 0 50px;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .hero-banner .wrapper {
        padding: 0 70px;
    }
}

.page-template-page-businesses-join .business-container .hero-banner .inner {
    padding: 1px 0 50px;
}

@media (min-width: 678px) {
    .page-template-page-businesses-join .business-container .hero-banner .inner {
        padding: 28px 0 50px;
    }
}

.page-template-page-businesses-join .business-container .hero-banner .title {
    font-family: 'Cabin';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 40px;
}


@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .hero-banner .title {
        font-size: 18px;
    }
}

.page-template-page-businesses-join .business-container .hero-banner .title a,
.page-template-page-businesses-join .business-container .hero-banner .title p {
    color: white;
}

.page-template-page-businesses-join .business-container .hero-banner .title h3 {
    display: block;
    font-family: 'Cabin';
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 15px;
    margin-top: 40px;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .hero-banner .title h3 {
        font-size: 33px;
        margin-bottom: 25px;
        margin-top: 70px;
    }
}

.page-template-page-businesses-join .business-container .hero-banner .btn {
    width: 235px;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    padding: 18px 0;
    border: 1px solid white;
    margin: 0 5px;
    text-decoration: none;
    transition: 0.2s all;
    border-width: 0;
}

.page-template-page-businesses-join .business-container .hero-banner .btn:hover {
    background-color: #16A2d3;
    color: #ffffff;
}

.page-template-page-businesses-join .business-container .hero-banner .btn.transparent {
    background-color: transparent;
    color: white;
}

.page-template-page-businesses-join .business-container .hero-banner .btn.transparent:hover {
    background-color: white;
    color: #0067b1;
}

.page-template-page-businesses-join .business-container .hero-banner .btn:nth-child(1) {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .hero-banner .btn:nth-child(1) {
        margin-bottom: 0;
    }
}

.page-template-page-businesses-join .business-container .hero-banner .wrapper-btn {
    display: flex;
    align-items: center;
    max-width: 570px;
    margin: auto;
    flex-direction: column;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .hero-banner .wrapper-btn {
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
}

.page-template-page-businesses-join .business-container .hero-banner .btn:hover {
    background-color: #16A2d3;
    color: #ffffff;
    text-decoration: none !important;
}

.page-template-page-businesses-join .business-container .your-businness-account .inner {
    padding: 30px 0 61px;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .inner {
        padding: 60px 0 102px;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account h3 {
    display: block;
    text-align: center;
    margin: 0;
    font-family: 'Cabin';
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #0067b1;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account h3 {
        font-size: 33px;
        margin-bottom: 44px;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .wrapper {
    padding: 0 30px;
    margin: auto;
    max-width: 1050px;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .wrapper {
        padding: 0 70px;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .box-icon {
    margin: auto;
    max-width: 220px;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .box-icon {
        max-width: 220px;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .box1:nth-child(1) .box-icon {
    max-width: 270px;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .box1:nth-child(1) .box-icon {
        max-width: 220px;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .box-icon .description br {
    display: none;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .box-icon .description br {
        display: block;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .box-icon .title {
    font-family: 'Cabin';
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    margin-bottom: 5px;
    line-height: normal;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .box-icon .title {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: normal;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .box-icon .description {
    font-family: 'Cabin';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
}

.page-template-page-businesses-join .business-container .your-businness-account .box-icon .description a {
    color: #0067b1;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .box-icon .description {
        font-size: 18px;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .wrapper-btn {
    display: flex;
    justify-content: space-between;
    max-width: 760px;
    margin: auto;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .wrapper-btn {
        flex-direction: row;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .wrapper-btn.get-started .btn {
    margin-top: calc(30px + 20px);
}

.page-template-page-businesses-join .business-container .your-businness-account .btn {
    border-radius: 30px;
    vertical-align: middle;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    transition: 0.2s all;
    background-color: #0067b1;
    font-family: 'Cabin';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding: 10px;
    width: 260px;
    text-transform: uppercase;
}

@media (min-width: 400px) {
    .page-template-page-businesses-join .business-container .your-businness-account .btn {
        width: 320px;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .btn:hover {
    background-color: #16A2d3;
    border: solid 1px #16A2d3;
    text-decoration: none !important;
}

.page-template-page-businesses-join .business-container .your-businness-account .wrapper-btn.get-started .btn.btn-business-orange{
    background-color: #E28F38;
}

.page-template-page-businesses-join .business-container .your-businness-account #indicate-process {
    margin-bottom: 20px;
}

.page-template-page-businesses-join .inner-container {
    display: none;
}

.page-template-page-businesses-join #indicate-process .icon {
    margin-bottom: 13px;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join #indicate-process .icon {
        margin-bottom: 27px;
    }
}

.page-template-page-businesses-join #indicate-process .green-icon {
    width: 73px;
    height: 73px;
    background: #71c265;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-template-page-businesses-join #indicate-process .icon img {
    width: 75px;
    height: 75px;
}

.box1 .green-icon::before {
    content: "\f044";
    font-family: 'FontAwesome';
    font-size: 40px;
    margin-right: -6px;
    margin-top: 5px;
}

.box2 .green-icon::before {
    content: "\f03a";
    font-family: 'FontAwesome';
    font-size: 40px;
    margin-top: 5px;
    margin-left: 2px;
}

.box3 .green-icon::before {
    content: "\f003";
    font-family: 'FontAwesome';
    font-size: 40px;
}

#wrap-container {
    border-width: 0;
    position: relative;
}

@media (min-width: 1200px) {
    #wrap-container::before {
        position: absolute;
        content: '';
        width: 100vw;
        height: 20px;
        background: white;
        left: 0;
        top: -1px;
        z-index: 1;
    }
}

#pa-join .desc {
    margin-top: 50px;
}

@media (min-width: 768px) {
    #pa-join .desc {
        margin-top: 0;
    }
}

#pa-join h3 {
    display: flex;
}

/*Application Checklist*/
.business-application-checklist .wrapper {
    max-width: 1050px;
    padding: 90px 0px 90px 0px;
}

.business-application-checklist .title {
    color: #0067b1;
    font-size: 25px;
}

.business-application-checklist .checklist-section {
    margin-top: 30px;
}

.business-application-checklist .checklist-section .checklist-title {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 0px;
    margin-bottom: 10px;
}

.business-application-checklist .checklist-section .form-check {
    display: flex;
    gap: 7px;
    align-items: flex-start;
}

.business-application-checklist .checklist-section .form-check a,
.text-bottom a {
    color: #666666;
    text-decoration: underline;
}

.business-application-checklist .checklist-section .form-check label,
.business-application-checklist .checklist-section .form-check input {
    font-weight: normal;
    font-family: 'Cabin';
    font-size: 14px;
    word-break: break-word;
}

.business-application-checklist .checklist-section .form-check input[type="checkbox"] {
    margin: 4px 0 0;
    transform: scale(1.2);
}

.business-application-checklist .checklist-section .form-check ul {
    font-weight: normal;
    font-family: 'Cabin';
    font-size: 14px;
    word-break: break-word;
    padding-left: 14px;
}

.business-application-checklist .subtitle,
.business-application-checklist .text-bottom {
    font-family: 'Cabin';
    font-size: 14px;
    margin-top: 30px;
    word-break: break-word;
}

.business-application-checklist .checklist-section .checklist-title h5 {
    font-family: 'Cabin';
    font-size: 18px;
    word-break: break-word;
    font-weight: bold;
    margin-bottom: 0px;
}

.business-application-checklist .checklist-section .checklist-title p {
    font-family: 'Cabin';
    font-size: 14px;
    word-break: break-word;
    margin-bottom: 0px;
}

.business-application-checklist .btn-create-account {
    padding-top: 30px;
}

.business-application-checklist .btn-create-account a {
    background-color: #e28f38;
    color: #fff;
    border-radius: 25px;
    padding: 10px;
    font-weight: bold;
    font-family: 'Cabin';
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    width: 260px;
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .business-application-checklist .subtitle,
    .business-application-checklist .text-bottom,
    .business-application-checklist .checklist-section .form-check label,
    .business-application-checklist .checklist-section .form-check input,
    .business-application-checklist .checklist-section .checklist-title p,
    .business-application-checklist .checklist-section .form-check ul {
        font-size: 17px;
    }

    .business-application-checklist .title {
        font-size: 30px;
    }

    .business-application-checklist .checklist-section .checklist-title h5 {
        font-size: 20px;
    }

    .business-application-checklist .checklist-section .checklist-title {
        flex-direction: row;
        gap: 5px;
    }

    .business-application-checklist .checklist-section .form-check input[type="checkbox"] {
        margin: 6px 0 0;
        transform: scale(1.5);
    }

    .business-application-checklist .checklist-section .form-check {
        gap: 10px;
    }

    .business-application-checklist .wrapper {
        max-width: 1050px;
        padding: 90px 30px 90px 30px;
    }

    .business-application-checklist .btn-create-account a {
        width: 320px;
    }
}

@media (min-width: 1023px) {
    .business-application-checklist .wrapper {
        max-width: 1050px;
        padding: 90px 120px 90px 120px;
    }
}

@media (min-width: 1039px) {
    .business-application-checklist .wrapper {
        max-width: 1050px;
        padding: 90px 0px 90px 0px;
    }
}

/* new menu style */
.menu-item.submenu > .sub-menu > li > .sub-menu a {
    font-family: 'Segoe UI';
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.77;
    letter-spacing: normal;
    text-align: left;
    color: rgba(95, 95, 95, 0.75);
}

/*
.menu-item.parent {
    position: relative;
    padding-bottom: 50px;
    padding-top: 30px;
}

.menu-item.parent > ul.sub-menu {
    position: absolute;
    display: none;
}

.menu-item.parent:hover > ul.sub-menu {
    display: block;
    padding-left: 0;
    background-color: #ebe8e8;
    top: 90px;
}

.menu-item.parent:hover > ul.sub-menu::before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 200%;
    left: -199%;
    background-color: #ebe8e8;
}

.menu-item.parent:hover > ul.sub-menu::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 200%;
    right: -199%;
    background-color: #ebe8e8;
}

.menu-item.submenu > ul.sub-menu {
    display: flex;
    padding-left: 0;
}

.menu-item.submenu {
    position: relative;
}

.menu-item.submenu::before {
    content: '';
    position: absolute;
    left: -150%;
    height: 5px;
    width: 200%;
    background-color: #0067b1;
    top: 0;
    z-index: 1;
}

.menu-item.submenu::after {
    content: '';
    position: absolute;
    right: -150%;
    top: 0;
    height: 5px;
    width: 200%;
    background-color: #0067b1;
    z-index: 1;
}



.menu-item.submenu > a,
.menu-item.submenu > a:hover {
    color: transparent;
}

.menu-item.submenu > .sub-menu > li > a,
.menu-item.submenu > .sub-menu > li > a:hover {
    color: transparent;
}

#menu-new-main-menu ul {
    padding-left: 0;
}

.menu-item.submenu > a {
    position: relative;
}

.menu-item.submenu > a::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #0067b1;
    top: -19px;
}
*/

.menu-item.parent > a {
    text-transform: uppercase;
}
ul.sub-menu {
    display: block;
    padding: 10px 16px;
}
ul.sub-menu ul.sub-menu .menu-item a:hover {
    color: #16A2d3;
}

@media (min-width: 768px) {
    ul.sub-menu {
        display: none;
    }
}

.menu-hover {
    display: none;
}

.menu-hover::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
    top: -23px;
}

@media (min-width: 768px) {
    .menu-hover {
        position: absolute;
        background-color: #ebe8e8;
        z-index: 3;
        width: 100%;
        border-top: 8px solid #0067b1;
        display: block;
        top: -8px
    }
}

@media (min-width: 972px) {
    .menu-hover {
        top: 0px;
    }
}

@media (min-width: 1200px) {
    .menu-hover {
        top: 11px;
    }
}

.menu-hover .arrow {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #0067b1;
    position: absolute;
    top: -16px;
    transform: translateX(-50%);
}

@media (min-width: 1080px) {
    .menu-hover .arrow {
        top: -22px;
        border-bottom: 20px solid #0067b1;
    }
}

.menu-header .menu-item.parent {
    padding: 10px 0;
}

@media (min-width: 768px) {
    .menu-header .menu-item.parent {
        padding: 30px 0;
    }
}

.menu-hover ul.sub-menu {
    display: block;
    list-style: none;
    padding-left: 0;
}

.menu-hover .wrapper {
    max-width: 950px;
    margin: auto;
    padding: 0 30px;
}

.menu-hover .wrapper > ul.sub-menu {
    display: flex;
    padding: 20px 0;
}

.menu-hover .wrapper > ul.sub-menu > li a {
    font-family: 'Arial';
    font-size: 16px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: normal;
    text-align: left;
    color: #5f5f5f;
}

.menu-hover .wrapper > ul.sub-menu > li {
    width: 40%;
}

.search-hover {
    position: relative;
    border-top: 8px solid #0067b1;
    z-index: 1;
}

.search-hover .arrow {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #0067b1;
    position: absolute;
    top: -22px;
}

.menu-hover .wrapper > ul.sub-menu > li a {
    text-decoration: none !important;
}

.search-hover {
    padding: 30px 0 30px;
    position: absolute;
    width: 100%;
    top: 0;
    background-color: #ebe8e8;
}

@media (min-width: 640px) {
    .search-hover {
        padding: 95px 0 140px;
    }
}

.search-hover .wrapper {
    margin: auto;
    max-width: 770px;
    padding: 0 60px;
}

.search-hover .search-form {
    border-bottom: 3px solid #707070;
    display: flex;
}

.search-hover input[type=search] {
    border-width: 0;
    background: transparent;
    outline: none;
    width: 100%;
}

.search-hover input[type=search]::placeholder {
    font-family: 'Arial';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #5f5f5f
}

.search-hover input[type=search]::-webkit-input-placeholder {
    line-height: normal !important;
}

.search-hover .clear {
    margin-left: auto;
    color: #c4c4c4;
    font-size: 22px;
    cursor: pointer;
}

.search-hover .search-submit {
    background: transparent;
    border-width: 0;
    outline: none;
    display: block;
}

.search-hover .fa-search {
    color: #5f5f5f;
    font-size: 22px;
}

.search-hover .fa-times,
.menu-hover .fa-times {
    font-size: 13px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px;
    cursor: pointer;
}

@media (min-width: 640px) {
    .search-hover .fa-times,
    .menu-hover .fa-times {
        font-size: 33px;
    }
}

.title-submenu > a {
    color: #0067b1 !important; 
}

@media (min-width: 768px) {
    .title-submenu > a {
        cursor: default;
        font-weight: bold !important;
        color: rgba(95, 95, 95, 0.75) !important
    }
}

.gform_wrapper li:before {
    display: none;
}

.search-results .container {
    max-width: 1070px !important;
    padding: 0 40px;
    width: 100%;
}

.search-results .container .inner-container {
    max-width: 960px;
    margin: 0px auto;
    width: 100%;
}

.search-results .list-result {
    width: 100%;
    padding: 0;
}

.search-results #sidebar1 {
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}

.search-results .widget.widget_text {
    padding-left: 0;
}

.search-results .form-inline {
    display: none;
}

header {
    background-color: transparent;
}

.current-page-parent a,
.parent.menu-item a {
    position: relative;
}

.parent.menu-item:hover a::after {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 50%;
    height: 5px;
    background: #68b05e;
    width: calc(100% - 5px);
    transform: translateX(-50%);
    display: none;
}

@media (min-width: 768px) {
    .parent.menu-item:hover a::after {
        display: block;
    }
}

@media (min-width: 992px) {
    .parent.menu-item:hover a::after {
        height: 8px;
    }
}

.current-page-parent > a::after {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 50%;
    height: 5px;
    background: #68b05e;
    width: calc(100% - 5px);
    transform: translateX(-50%);
    display: none;
}

@media (min-width: 768px) {
    .current-page-parent > a::after {
        display: block;
    }
}

@media (min-width: 992px) {
    .current-page-parent > a::after {
        height: 8px;
    }
}

/* public agencies membership */

.page-template-page-electronic-bidding-php .content-container,
.page-template-page-public-agencies-membership-php .content-container {
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.page-template-page-electronic-bidding-php .hero-banner,
.page-template-page-public-agencies-membership-php .hero-banner {
    background-color: #0067b1;
    object-fit: contain;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.page-template-page-electronic-bidding-php .hero-banner {
    background-color: #5f5f5f;
}

@media (min-width: 650px) {
    .page-template-page-electronic-bidding-php .hero-banner,
    .page-template-page-public-agencies-membership-php .hero-banner
    {
        font-size: 33px;
    }
}

.page-template-page-electronic-bidding-php .hero-banner p,
.page-template-page-public-agencies-membership-php .hero-banner p {
    color: #ffffff;
    font-size: 18px;
}

.page-template-page-electronic-bidding-php .hero-banner .title,
.page-template-page-public-agencies-membership-php .hero-banner .title {
    font-size: 18px;
}

.page-template-page-electronic-bidding-php .hero-banner h3,
.page-template-page-public-agencies-membership-php .hero-banner h3 {
    font-family: 'Cabin';
    font-size: 33px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 15px;
}

.page-template-page-electronic-bidding-php .hero-banner .wrapper,
.page-template-page-public-agencies-membership-php .hero-banner .wrapper {
    max-width: 990px;
    margin: auto;
    padding: 0 30px;
}

@media (min-width: 650px) {
    .page-template-page-electronic-bidding-php .hero-banner .wrapper,
    .page-template-page-public-agencies-membership-php .hero-banner .wrapper {
        padding: 0 70px;
    }
}

.page-template-page-electronic-bidding-php .hero-banner .wrapper .inner,
.page-template-page-public-agencies-membership-php .hero-banner .wrapper .inner {
    padding: 30px 0;
}

@media (min-width: 650px) {
    .page-template-page-electronic-bidding-php .hero-banner .wrapper .inner,
    .page-template-page-public-agencies-membership-php .hero-banner .wrapper .inner {
        padding: 70px 0;
    }
}

.page-template-page-electronic-bidding-php .hero-banner .title a,
.page-template-page-public-agencies-membership-php .hero-banner .title a {
    color: inherit;
    text-decoration: underline;
}

.page-template-page-electronic-bidding-php .hero-banner .title a:hover,
.page-template-page-public-agencies-membership-php .hero-banner .title a:hover {
    /*color: #16A2d3;*/
    text-decoration: none;
}

.page-template-page-electronic-bidding-php .hero-banner .title,
.page-template-page-public-agencies-membership-php .hero-banner .title {
    margin-bottom: 31px;
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php .hero-banner .title,
    .page-template-page-public-agencies-membership-php .hero-banner .title {
        margin-bottom: 40px;
    }
}

.page-template-page-electronic-bidding-php span.yellow,
.page-template-page-public-agencies-membership-php span.yellow {
    color: #e8c45e;
    display: block;
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php span.yellow,
    .page-template-page-public-agencies-membership-php span.yellow {
        display: inline;
    }
}

.page-template-page-electronic-bidding-php .hero-banner .wrapper-btn,
.page-template-page-public-agencies-membership-php .hero-banner .wrapper-btn {
    display: block;
}

@media (min-width: 650px) {
    .page-template-page-electronic-bidding-php .hero-banner .wrapper-btn,
    .page-template-page-public-agencies-membership-php .hero-banner .wrapper-btn {
        max-width: 570px;
        display: flex;
        justify-content: center;
        margin: auto;
    }
}

.page-template-page-electronic-bidding-php .hero-banner .btn,
.page-template-page-public-agencies-membership-php .hero-banner .btn {
    width: 235px;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    padding: 18px 0;
    border: 1px solid white;
    margin: 0 5px;
    margin-bottom: 31px;
    text-decoration: none;
    transition: 0.2s all;
}

@media (min-width: 650px) {
    .page-template-page-electronic-bidding-php .hero-banner .btn,
    .page-template-page-public-agencies-membership-php .hero-banner .btn {
        margin-bottom: 0;
    }
}

.page-template-page-electronic-bidding-php .hero-banner .btn:hover,
.page-template-page-public-agencies-membership-php .hero-banner .btn:hover {
    background-color: #16A2d3;
    color: #ffffff;
    text-decoration: none !important;
    border-color: #16A2d3;
}

.page-template-page-electronic-bidding-php .hero-banner .btn.btn-transparent,
.page-template-page-public-agencies-membership-php .hero-banner .btn.btn-transparent {
    background-color: transparent;
    color: #ffffff;
}

.page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon .title,
.page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon .title {
    font-family: Cabin;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    margin-bottom: 15px;
}

.page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon .title {
    color: #5f5f5f;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .box-icon .title,
    .page-template-page-businesses-join .business-container .your-businness-account .box-icon .title {
        font-size: 22px;
        margin-bottom: 20px;
    }
}

.page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon .description {
    font-family: Cabin;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
}

.page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon .description {
    color: #5f5f5f;
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .box-icon .description {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .your-businness-account,
    .page-template-page-public-agencies-membership-php .content-container .your-businness-account {
        display: flex;
        justify-content: space-between;
        max-width: 730px;
        margin: auto;
        flex-wrap: nowrap;
    }

    .page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon,
    .page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon{
        width: 50%;
    }

}

@media (max-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .your-businness-account,
    .page-template-page-public-agencies-membership-php .content-container .your-businness-account {
        flex-wrap: wrap;
    }
    .page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon,
    .page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon{
        width: 100%;
    }
}



.page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon .icon,
.page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon .icon {
    height: 80px;
    width: 80px;
    margin: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon .icon .circle,
.page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon .icon .circle {
    height: 55px;
    width: 55px;
    /*background: #72c266;*/
    background: transparent;
    border-radius: 100%;
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon .icon .circle,
    .page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon .icon .circle {
        height: 70px;
        width: 70px;
    }

    .page-template-page-electronic-bidding-php .content-container .your-businness-account .box-icon .icon .circle#img-0,
    .page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon .icon .circle#img-0 {
        width: 130px !important;
    }
}

/*.page-template-page-public-agencies-membership-php .content-container .your-businness-account .box-icon {*/
/*    max-width: 160px;*/
/*}*/

.page-template-page-electronic-bidding-php .content-container .public-agency-account,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account {
    padding-top: 50px;
    background: white;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account h3,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account h3 {
    margin-bottom: 15px;
    font-family: Cabin;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.36;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    margin-bottom: 50px;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account h3 {
    color: #5f5f5f;
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .public-agency-account h3,
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account h3 {
        font-size: 33px;
    }
}

@media (max-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .public-agency-account h3,
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account h3 {
        line-height: normal;
    }
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .btn,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .btn,
.page-id-198 #services-list .btn {
    border-radius: 30px;
    vertical-align: middle;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    transition: 0.2s all;
    background-color: #0067b1;
    font-family: 'Cabin';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding: 10px;
    width: 180px;
    text-transform: uppercase;
    margin: 30px auto;
    display: block;
    margin-bottom: 60px;
}

.page-id-198 #services-list .btn.category {
    font-size: 12px;
    width: max-content;
    padding: 10px 15px;
    background-color: #e28f38 !important;
    display: inline-block;
}

@media (min-width: 768px) {
    .page-id-198 #services-list .btn.category {
        font-size: 16px;
        padding: 10px 25px;
        background-color: #e28f38 !important;
        display: inline-block;
    }
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .btn:hover,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .btn:hover,
.page-id-198 #services-list .btn:hover {
    text-decoration: none !important;
    background-color: #16A2d3;
}

.page-template-page-public-agencies-membership-php .content-container .public-agency-account .description,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account p,
.page-template-page-electronic-bidding-php  .content-container .public-agency-account .description,
.page-template-page-electronic-bidding-php  .content-container .public-agency-account p {
    font-family: 'Cabin';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    max-width: 800px;
    margin: auto;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .description,
.page-template-page-electronic-bidding-php .content-container .public-agency-account p {
    color: #5f5f5f !important;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account p,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account p {
    font-family: Cabin;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .description,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .description {
    padding: 0 10px;
    margin-bottom: 40px;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .btn.btn-orange,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .btn.btn-orange {
    background-color: #e28f38;
    width: fit-content;
    padding: 10px 15px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .public-agency-account .btn.btn-orange,
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .btn.btn-orange {
        font-size: 18px;
        /*margin-bottom: 90px;*/
    }
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .btn.btn-orange:hover,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .btn.btn-orange:hover {
    background-color: #16A2d3;
    text-decoration: none !important;
}

.page-template-page-businesses-join .business-container .your-businness-account .btn-fee {
    width: fit-content;
    padding: 10px 35px;
    margin: auto;
}

.page-template-page-public-agencies-membership-php .content-container .public-agency-account .title-table,
.page-template-page-businesses-join .business-container .your-businness-account .title-table {
    display: flex;
    color: #0067b1;
    font-weight: bold;
    background-color: #d3efff;
    font-family: Cabin;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #0067b1;
}

@media (min-width: 768px) {
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .title-table,
    .page-template-page-businesses-join .business-container .your-businness-account .title-table {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .title-table {
        font-size: 16px;
    }
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-dialog,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-dialog {
    margin-top: 0;
    max-width: 1105px;
    width: initial;
}

@media (min-width: 768px) {
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-dialog,
    .page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-dialog,
    .page-template-page-businesses-join .business-container .your-businness-account .modal-dialog {
        margin-top: 150px;
    }
}

.page-template-page-electronic-bidding-php .your-businness-account .modal-dialog,
.page-template-page-businesses-join .business-container .your-businness-account .modal-dialog {
    /*max-width: 1405px;*/
    max-width: 929px;
    margin: auto;
    width: initial;
    margin-top: 40px;
}

.page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-content,
.page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-content,
.page-template-page-businesses-join .business-container .your-businness-account .modal-content {
    border-radius: 0;
    background-color: #ebe8e8;
    padding: 20px;
}

@media (min-width: 400px) {
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-content,
    .page-template-page-businesses-join .business-container .your-businness-account .modal-content {
        /*padding: 70px 50px;*/
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-content,
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-content {
        /* padding: 70px 198px; */
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .modal-content{
        /* //padding: 70px 75px; */
        padding: 20px;
    }
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-header,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-header {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    border-width: 0;
    padding-bottom: 0;
    align-items: center;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-header .title,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-header .title,
.page-template-page-businesses-join .business-container .your-businness-account .title {
    font-family: Cabin;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0067b1;
    font-size: 18px;
    margin: auto;
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-header .title,
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-header .title,
    .page-template-page-businesses-join .business-container .your-businness-account .title {
        font-size: 33px;
        margin-bottom: 35px;
    }
}

.page-template-page-businesses-join .business-container .your-businness-account .modal-header .title {
    font-size: 28px;
    margin-bottom: 5px;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-header .close,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-header .close,
.page-template-page-businesses-join .business-container .your-businness-account .modal-header .close {
    color: #5f5f5f;
    opacity: 1;
    text-shadow: none;
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 35px;
}

@media (min-width: 768px) {
    .page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-header .close,
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-header .close,
    .page-template-page-businesses-join .business-container .your-businness-account .modal-header .close {
        font-size: 80px;
        top: 20px;
        right: 50px;
    }
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .modal-header .close {
        font-size: 45px;
        top: -6px;
        right: 25px;
    }
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .modal-body,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .modal-body {
    padding-top: 0;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-title,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-title,
.page-template-page-businesses-join .business-container .your-businness-account .field-title{
    width: 50%;
    border: 5px solid #ebe8e8;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-title .wrapper,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-title .wrapper,
.page-template-page-businesses-join .business-container .your-businness-account .field-title .wrapper {
    padding: 10px;
}

.page-template-page-businesses-join .business-container .your-businness-account .field-title .wrapper {
    display: flex;
    height: 100%;
    align-items: center
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-title .wrapper .inner,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-title .wrapper .inner,
.page-template-page-businesses-join .business-container .your-businness-account .field-title .wrapper .inner {
    background-color: #d3efff;
    padding: 10px;
}

.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content,
.page-template-page-businesses-join .business-container .your-businness-account .field-content

{
    display: flex;
    color: #0067b1;
    background-color: white;
}

.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content .left,
.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content .left,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content .right,
.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content .right,
.page-template-page-businesses-join .business-container .your-businness-account .left,
.page-template-page-businesses-join .business-container .your-businness-account .right{
    width: 50%;
    float: none;
    border: 5px solid #ebe8e8;
}

.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content .left .wrapper,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content .right .wrapper,
.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content .left .wrapper,
.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content .right .wrapper,
.page-template-page-businesses-join .business-container .your-businness-account .left .wrapper,
.page-template-page-businesses-join .business-container .your-businness-account .right .wrapper{
    padding: 10px;
}

.page-template-page-businesses-join .business-container .your-businness-account .left .wrapper,
.page-template-page-businesses-join .business-container .your-businness-account .right .wrapper{
    padding: 15px 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content .left .wrapper .inner,
.page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content .right .wrapper .inner,
.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content .left .wrapper .inner,
.page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content .right .wrapper .inner,
.page-template-page-businesses-join .business-container .your-businness-account .left .wrapper .inner,
.page-template-page-businesses-join .business-container .your-businness-account .right .wrapper .inner{
    padding: 10px;
    background-color: white;
    font-family: Cabin;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #0067b1;
}

@media (min-width: 768px) {
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content .left .wrapper .inner,
    .page-template-page-public-agencies-membership-php .content-container .public-agency-account .field-content .right .wrapper .inner,
    .page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content .left .wrapper .inner,
    .page-template-page-electronic-bidding-php .content-container .public-agency-account .field-content .right .wrapper .inner,
    .page-template-page-businesses-join .business-container .your-businness-account .left .wrapper .inner,
    .page-template-page-businesses-join .business-container .your-businness-account .right .wrapper .inner{
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .page-template-page-businesses-join .business-container .your-businness-account .left .wrapper .inner, .page-template-page-businesses-join .business-container .your-businness-account .right .wrapper .inner {
        font-size: 16px;
    }
}

.wrapper-fee-note {
    margin: auto;
    max-width: 1010px;
}

.fee-note {
    padding: 10px;
    font-family: Cabin;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #0067b1;
    max-width: 390px;
}

@media (min-width: 768px) {
    .fee-note {
        font-size: 16px;
    }
}

#feecontent2 .table-wrapper {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    justify-content: flex-start;
}

@media (min-width: 1209px) {
    #feecontent2 .table-wrapper {
        justify-content: center;
    }
}

#feecontent2 .table-wrapper .table-1 {
    /* width: 360px; */
    width: 330px;
    margin-right: 20px;
}

#feecontent2 .table-wrapper .table-1 .field-title:nth-child(1) {
    width: 190px;
}

#feecontent2 .table-wrapper .table-1 .field-title:nth-child(2) {
    width: 140px;
}

#feecontent2 .table-wrapper .table-1 .content-table .field-content .left {
    width: 190px;
}

#feecontent2 .table-wrapper .table-1 .content-table .field-content .right {
    width: 140px;
}

#feecontent2 .table-wrapper .table-2 {
    width: 480px;
}

#feecontent2 .table-wrapper .table-2 .field-title:nth-child(1) {
    width: 220px;
}

#feecontent2 .table-wrapper .table-2 .field-title:nth-child(2) {
    width: 420px;
}

#feecontent2 .table-wrapper .table-2 .content-table .field-content .left {
    width: 220px;
}

#feecontent2 .table-wrapper .table-2 .content-table .field-content .right {
    width: 420px;
}

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
    0%, 100% {-moz-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
    0%, 100% {-o-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

.modal {
    overflow-y: auto;
}

.view-fees {
    color: #5F5F5F !important;
}

.view-fees:hover {
    color: #ffffff !important;
}

.affidavits .page-header h1 {
    padding: 60px 0;
    color: #1468B2;
}


@media (min-width: 992px) {
    .post-type-archive-affidavits #wrap-container {
        min-height: 722px;
    }
}

.wrapper-aff {
    display: flex;
    flex-wrap: wrap;
    background: white;
    padding: 30px;
}

.wrapper-aff p{
    position: relative;
    z-index: 1;
}

/*.wrapper-aff::before {*/
/*    content: "";*/
/*    display: block;*/
/*    background: white;*/
/*    width: 100%;*/
/*    height: 90%;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    margin-top: -30px;*/
/*}*/

.affidavits .wrapper-box-aff {
    padding: 10px;
    margin-bottom: 10px;
}

.wrapper-box-aff article {
    border: 1px solid #828282 !important;
    border-radius: 18px;
    min-height: 160px;
    padding: 23px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrapper-box-aff h3 {
    margin: 0;
    line-height: 1;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .wrapper-box-aff h3 {
        margin-bottom: 0;
    }
}

.wrapper-box-aff h3 a{
    margin: 0;
    font-size: 20px;
    color: #1468B2;
    font-weight: 700;
}

.wrapper-box-aff p{
    margin: 0;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #828282 !important;
}

.w-100 {
    width: 100%;
}

.affidavits-form {
    padding: 0 10px;
}

.affidavits-form input{
    height: 40px;
    border-radius: 20px;
}

.affidavits-form input::placeholder{
    color: #1468B2;
}

.affidavits-form button{
    height: 40px;
    background: #E28F38;
    color: white;
    width: 100%;
    border-radius: 20px;
}

.affidavits-form button:hover {
    background: #1468B2;
    color: white;
    text-decoration: none !important;
}

.affidavits-form select{
    border: 1px solid #1468B2;
    color: #1468B2;
    height: 40px;
    border-radius: 20px;
    appearance: none;

    background: transparent;
    background-image: url("images/arrow-down.png");
    background-repeat: no-repeat;
    background-position-x: 86%;
    background-size: 14px;
    background-position-y: 17px;
    margin-right: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.mb-15 {
    margin-bottom: 15px;
}

.affidavits .pagination {
    width: 100%;
    display: flex;
    justify-content: center;
}



.page-template-page-project-details #wrap-container {
    background: transparent;
}

.datasetTop {
    padding: 15px;
}

.datasetTop h1 {
    text-transform: capitalize;
}

.datasetTop-inner {
    margin-top: 75px;
}

#dataset {
    padding-bottom: 50px;
}

#dataset table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#dataset table td,
#dataset table th {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* font-family: "Roboto Mono", monospace; */
    font-optical-sizing: auto;
    font-style: normal;
    text-align: left;
    vertical-align: top;
}

#dataset table td .amount {
    font-family: "Roboto Mono", monospace;
    text-align: right;
    font-size: 11px;
}

#dataset table.plus td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* #dataset table tbody tr.plus td table {
    display: none;
} */

#dataset table.minus td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
#dataset table tbody td {
    padding: 8px;
}

#dataset table.minus .child td {
    padding: 2px 8px 8px 8px;
}

#dataset table .child {
    display: none;
}

#dataset table.minus .child {
    display: table-row;
}

/* #dataset table tbody tr.minus td table {
    display: block;
}

#dataset table tbody tr.minus td table td {
    max-width: none;
    padding: 2px 0;
} */

.page-template-page-project-details .inner-container #content,
.page-template-page-all-roster-data .inner-container #content {
    padding-bottom: 0;
}

.searchProject-form {
    display: inline;
    border: 1px solid #dddddd;
    padding: 0px 22px;
    border-radius: 30px;
    margin-top: 22px;
}

.searchProject-form input {
    border: 0;
    font-size: 13px;
}

.searchProject-form input:focus,
.searchProject-form input:visited,
.searchProject-form button:focus {
    outline: none;
    background: none;
}

.searchProject-form  input:-webkit-autofill,
.searchProject-form  input:-webkit-autofill:hover,
.searchProject-form  input:-webkit-autofill:focus,
.searchProject-form  input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.searchProject-form input:-webkit-autofill {
   background: transparent;
}

.searchProject-form button {
    background: none;
}
.searchProject-form button:active {
    box-shadow: none;
}

.datasetTop-inner-right {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.box-filter {
    background-color: #f9f9f9;
    /* max-height: 400px; */
    margin: 10px 0;
    padding: 10px;
}
.filter-input-wrap {
    position: relative;
    display: inline-block;
    border: 1px solid #dddddd;
    padding: 6px 14px;
    border-radius: 30px;
    margin-top: 14px;
    background-color: #fff;
    width: 100%;
}

.dropdown-filter {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    left: 0;
    top: 38px;
    border: 1px solid #dddddd;
    width: 100%;
    border-radius: 5px;
}

.dropdown-filter div {
    padding: 6px 16px;
    text-decoration: none;
    display: block;
}

.clear-input {
    cursor: pointer;
}

.dropdown-filter div:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

.filter-input {
    border: 0;
    font-size: 14px;
    background: #fff;
    width: 90%;
}

.filter-input-wrap input:focus,
.filter-input-wrap input:visited,
.filter-input-wrap button:focus {
    outline: none;
    background: none;
}

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

#exportModal h1 {
    text-transform: capitalize;
}

#exportModal .form-horizontal {
    margin: 25px 0px;
}

#exportModal .datasetRow  {
    margin: 25px 0px;
}

.bottom_table {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.pagination_cs {
    display: flex;
    flex-direction: row;
    margin: 20px 0;
    align-items: center;
    font-size: 19px;
}

.pagination_info {
    margin-right: 15px;
}

.pagination_cs a{
    font-size: 27px;
    color: #666666;
}

.pagination_prev .glyphicon {
    rotate: 180deg;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
  }


#services-list .nav-pills .nav-item {
    padding-left: 0px;
    margin-bottom: 3px;
    margin-right: 5px;
}
#services-list .nav-pills .nav-item::before {
    display: none;
}
#services-list .nav-pills .nav-item .nav-link {
    background-color: #eeeeee;
    padding: 6px 10px;
    font-size: 15px;
}

#services-list .nav-pills .nav-item.active .nav-link{
   color: #fff;
   background-color: #428bca;
}

#services-list .tab-content {
    margin-top: 12px;
}