/**
 *  main color:
 *  #30A130
 *
 *  #3e4147
 *
 *
 * 3e4147
 *
 *  #4cb74d old  green
 *
 *
 * #e7270b : red
 * #54c247 : green
 *
 * dark grey: #3e4147
 *
 * light grey: #bcbdba
 */

@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/museosans-300-webfont.woff2') format('woff2'), url('../fonts/museosans-300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans300_italic';
    src: url('../fonts/museosans-300italic-webfont.woff2') format('woff2'), url('../fonts/museosans-300italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans_500-webfont.woff2') format('woff2'), url('../fonts/museosans_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.light-grey {
    background: #bcbdba;
}

.dark-gray {
    background: #3e4147;
}

body {
    background: #3e4147;
    color: #E6E6E6;
}

body.whitebg, .whitebg {
    color: #111 !important;
    background: #fff !important;
}

.clr {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff
}

.veryslim td {
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-align: left !important;
}

.btn {
    background: #54c247 !important;
    border-color: transparent !important;
    color: #efefef !important;
}

.btn.btn-danger {
    background: #e7270b !important;
}

.btn.btn-danger:hover {
    border-color: #e7270b !important;
    color: #fff !important
}

.btn {
    min-height: unset !important;
    height: 40px !important;
    line-height: 0px !important;
    display: inline-block !important;
    white-space: normal !important;
}

.whitebg h1, .whitebg h2, .whitebg h3, .whitebg h4, .whitebg h5, .whitebg h6 {
    color: #111;
}

.top_box, .client_box_inner {
    color: #111;
}

.s5_yes_custom_bg_white, .whitebg {
    color: #111;
}

input, textarea {
    border: 0px !important;
    outline: none !important;
    color: #111 !important;
}

table td {
    vertical-align: top
}

table.no-border td {
    border: 0px !important;
}

.field {
    padding: 0px;
    margin-top: 0px;
}

.field label {
    font-weight: normal !important
}

#s5_menu_wrap {
    padding: 0 20px;
}
#s5_nav li a {
    color: #1C1D1F !important;
    font-family: "museo_sans500" !important
}

.header-top {
    color: #FFF;
    padding: 0 20px;
}

.header-top, #s5_menu_wrap, #before_footer_wrapper, #s5_footer_area1 {
    background: #3e4147;
}

.header-top .row {
    margin: 0;
}
.header-top-left {
    float: left;
    padding-top: 5px;
}
.header-top a {
    color: #FFF;
}
.header-top-right {
    float: right;
}

.d-inline-block {
    display: inline-block;
    margin-right: 20px;
}

.w-socials-list a:hover {
    text-decoration: none;
}
#s5_responsive_menu_button .ion-android-menu {
    color: #30a130;
}
#gform_1, #thank_you {
    max-width: 600px;
    margin: 0 auto;
}
#gform_1 input, #gform_1 select, #gform_1 textarea {
    border: 1px solid #ccc;
    width: 100%;
}
#gform_1 .field label {
    width: 100%;
}
#s5_top_row1_area1 {
    border-bottom: 1px solid #e6e6e6;
}
.s5_wrap {
    width: 90% !important;
}
#s5_bottom_row2_area1 h2 {
    color: #FFF;
}
#s5_bottom_row2_area1 {
    background-size: cover !important;
}

#s5_logo_wrap {
    margin: -20px 0px 20px 0px;
}
.header-top-right {
    margin-top: 10px !important;
    margin-bottom: -10px;
}

@media only screen and (min-width: 1300px) and (max-width: 1399px) {
    #s5_nav li {
        margin-left: 35px;
    }
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
    #s5_nav li {
        margin-left: 10px;
    }
    #s5_nav li a {
        font-size: 0.9em;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1099px) {
    #s5_nav li {
        margin-left: 10px;
    }
    #s5_nav li a {
        font-size: 0.8em;
    }
}
@media only screen and (min-width: 901px) and (max-width: 999px) {
    #s5_nav li {
        margin-left: 5px;
    }
    #s5_nav li a {
        font-size: 0.8em;
    }
    #s5_header_area_inner {
        width: 90% !important;
    }
    #s5_menu_wrap {
        padding: 0;
    }
    #s5_header_wrap {
        padding: 0 20px;
    }

}
@media only screen and (max-width: 900px) {
    #s5_logo_wrap {
        margin-left: -30px;
    }
    #s5_menu_wrap {
        padding: 0;
    }
    .s5_wrap {
        width: 100% !important;
    }
}
@media only screen and (max-width: 567px) {
    .d-inline-block {
        display: block;
        margin: 0;
    }
}

#s5_menu_wrap a {
    text-transform: capitalize !important;
}

#s5_footer_area1, #s5_footer_area1 a {
    color: #a9a9a9
}

#before_footer_wrapper {
    padding: 40px 0px;
}

#before_footer_wrapper .before_footer_left, #before_footer_wrapper .before_footer_right {
    width: 49.999%;
    float: left;
    color: #a9a9a9
}

#before_footer_wrapper .before_footer_left a, #before_footer_wrapper .before_footer_right a {
    color: #a9a9a9
}

#before_footer_wrapper .before_footer_left a:hover, #before_footer_wrapper .before_footer_right a:hover, #s5_footer_area1 a:hover {
    color: #fff;
    text-decoration: none;
}

.mapleft, .mapright {
    width: 49.99%;
    float: left;
}

.mapleft {
    width: 45%;
    margin-right: 5%;
}

.mapright table td {
    border: 0px !important;
    padding: 0px;
}

.mapleft table td, table.tight td {
    padding: 5px
}

.mapleft table td:first-child, table.tight td:first-child {
    padding-left: 0px;
}

.mapleft table td:last-child, table.tight td:last-child {
    padding-right: 0px
}

.mapleft table tr td {
    border: 0px;
}

.mapright {
    font-size: 13px;
}

.mapright .fa {
    font-size: 1.3em;
    margin-bottom: 10px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    #before_footer_wrapper .before_footer_left, #before_footer_wrapper .before_footer_right, .mapleft, .mapright {
        width: auto !important;
        padding: 0px 15px;
        float: none;
        margin: 0px margin-bottom : 30px;

    }

}

input::placeholder, textarea::placeholder {
    color: #333 !important;
    opacity: 0.85;
}

.before_footer_right h4 {
    color: #efefef !important;
}

.before_footer_right {
    font-size: 0.9em
}

@media (min-width: 768px) {

    .before_footer_right_form input[type=text] {
        width: 90% !important;
    }

}

.before_footer_right_form .btn, .before_footer_right_form .btn:hover {
    background: #30A130 !important;
    float: right;
    color: #fff !important;
}

#footer_social {
    float: right
}

/**/

header#s5_menu_wrap {
    border-bottom: 20px solid #bdbeb9
}

#before_footer_wrapper {
    border-top: 10px solid #bdbeb9
}

#s5_nav li a > span {
    color: #e9e9e9;
}

#s5_nav li.active a span {
    position: relative;
}

#s5_nav li.active, #s5_nav li:hover {
    border-bottom: 2px solid #30A130;
}

/**/

@media (min-width: 767px) {
    .contact-text, .contact-map {
        width: 47% !important;
        margin: 0px 1% !important;
        padding: 0px !important;
        float: left !important
    }

    .contact-text {
        width: 27% !important;
    }

    .contact-map {
        width: 67% !important;
    }
}
@media (max-width: 767px) {
    .contact-text, .contact-map {
        margin: 0% !important;
        padding: 0px !important;
        width: 100% !important;
        float: none !important;
    }
}

.contact-text .chronoform {
    width: 100% !important;
}

.gbs3 {
    width: 100% !important;
}

.gcore-form-row, div.gcore-form-row .gcore-input {
    width: 100% !important;
}

.gcore-form-row .gcore-input input.form-control {
}

.contact-text .chronoform .gcore-form-row {
    width: 100% !important;
}

.contact-text .chronoform .gcore-form-row .gcore-display-table input, .contact-text .chronoform .gcore-form-row .gcore-display-table textarea {
    width: 100% !important;
    max-width: 100% !important;
}

/* skip bin */

.skipbin-item {
    background: #3e4147;
    margin-bottom: 40px;
    padding: 0px;
    border: 1px solid #888;
}

.skipbin-item3 {
    background: #fff;
    margin-bottom: 40px;
    padding: 20px 10px;
}

.skipbin-item3 .hidden2 {
    text-align: left;
    float: right
}

.skipbin-item3 .hidden2 span {
    height: 50px !important;
    line-height: 50px !important;
    max-height: 90px !important;
    white-space: normal !important;
    display: inline-block !important;
}

.skipbin-item3 button {
    margin: 0px !important;
}

.skipbin-item.skipbin-item2 {
    background: #54c247;
    color: #fff;
    border: 0px;
}

.skipbin-item.skipbin-item2 h3 {
    color: #fff;
}

.skipbin-item > div {
    padding: 10px 20px;
}

.skipbin-item .top-part, .skipbin-item .top-part h3 {
    color: #efefef
}

.skipbin-item .top-part h3 {
    margin-bottom: 0px;
    text-transform: capitalize !important;
}

.skipbin-item .middle-part {
    background: #dfe1e0;
    color: #111;
    padding: 0px;
}

.skipbin-item .bottom-part {
    background: #bcbdba;
    color: #111
}

.skipbin-item .price-part {
    padding-bottom: 20px
}

.skipbin-item .price-part .hidden2 {
    text-align: center
}

@media (max-width: 480px) {

    .price-part
    .no-border td {
        display: inline-block;
        float: left !important;
        width: auto !important;
    }

    .price-part .no-border td:first-child {
        margin-right: 30px !important;
    }

}

.price-part table.no-border td {
    padding: 0px !important;
}

.skipbin-item .price-part {
    color: #e1e1e1;
}

.skipbin-item input, .booking-block input {
    min-height: unset !important;
}

#skipbins_title, #recycle_title, #page_title {
    background: #3e4147;
    color: #efefef;
    margin: 0px;
    padding: 20px 20px;
    font-family: "museo_sans300_italic" !important;
}

#skipbins_title h2, #recycle_title h2, #page_title h2 {
    color: #efefef;
    text-transform: none;
    margin: 0px;
    font-family: "museo_sans300_italic" !important;
}

#page_title.page_title2 {
    background: #bcbdba !important;
}

#page_title.page_title2 h2 {
    color: #111 !important
}

#skipbins_subtitle, #recycle_subtitle {
    background: #bcbdba;
    color: #111;
    margin: 0px;
    padding: 20px 20px;
}

#skipbins_title a, #recycle_title a, #skipbins_subtitle a, #recycle_subtitle a {
    color: #111;
}

.booking-block {
    position: relative;
    margin-bottom: 40px;
}

@media (min-width: 1024px) {

    .booking-block-title {
        position: absolute;
        top: -5px;
        left: 0px;
        margin-left: -100px
    }

}

#s5_top_row1_area1, #s5_top_row1_area2 {
    padding: 0px !important;
    margin: 0px !important;
}

#s5_pos_top_row1_1, #s5_pos_top_row1_2 {
    padding: 40px 0px 0px 0px;
}

#s5_pos_top_row1_1 {
	/*
    background: url("../images/slide-mobile-products.jpg") !important;
    background-size: contain !important;
    */
}

#s5_pos_top_row1_2 {
    /*background: url("../images/slide-mobile-skip-bins.jpg") !important;*/
    background-size: contain !important;
}

#s5_pos_top_row1_1, #s5_pos_top_row1_2 {
    /*padding-top: 50px !important;*/
}

#s5_pos_top_row1_1 h2 {
    color: #111;
    background: #bcbdba;
    padding: 10px 20px !important;
    font-family: 'museo_sans300_italic' !important;
    text-transform: none;
    text-align: center;
    margin: 0px;
}

#s5_pos_top_row1_2 h2 {
    background: #3e4147;
    padding: 10px 20px;
    font-family: 'museo_sans300_italic' !important;
    text-transform: none;
    text-align: center !important;
    margin: 0px;
}




#s5_pos_top_row1_1 p, #s5_pos_top_row1_1 .second-row,
#s5_pos_top_row1_2 p, #s5_pos_top_row1_2 .second-row {
  margin: 0px !important;
  padding: 0px !important;
  position: relative !important;
  display: block !important;
}

#s5_pos_top_row1_1 .second-row .btn, #s5_pos_top_row1_2 .second-row .btn {
    margin: 0px !important;
    width: 100% !important;
    text-align: right
}

@media (min-width: 1024px) {
    #s5_pos_top_row1_1, #s5_pos_top_row1_2 {
        /*padding: 180px 30px 320px 30px !important;*/
    }

    #s5_pos_top_row1_1 {
        /*padding-right: 70px !important;*/
    }

    #s5_pos_top_row1_1 h2 {
        /*width: 120%;
        margin-left: -20%;*/
    }

    #s5_pos_top_row1_2 h2 {
        /*width: 120%;*/
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
   /* #s5_pos_top_row1_1 h2 {
        width: 100%;
        text-align: right !important;
    }

    #s5_pos_top_row1_2 h2 {
        width: 100%;
        text-align: left !important;
    }

    #s5_pos_top_row1_1, #s5_pos_top_row1_2 {
        padding: 70px 30px 120px 30px !important;
    }

    #s5_pos_top_row1_1 {
        padding-right: 70px !important;
    }
    */
}

#s5_pos_top_row1_1  .second-row {
    text-align: center;
}

@media (max-width: 767px) {
    #s5_menu_wrap {
        position: fixed !important;
        margin: 0px !important;
        display: block !important;
        top: 0px !important;
        left: 0px;
        width: 100% !important;
        z-index: 999999 !important;
        border-bottom-width: 5px !important;
    }

    #s5_body_padding {
        padding-top: 110px
    }

    #s5_pos_top_row1_1, #s5_pos_top_row1_2 {
        width: 100% !important;
    }

    #s5_pos_top_row1_1  .second-row, #s5_pos_top_row1_2 .second-row {
        text-align: center;
    }

/*
    #s5_pos_top_row1_1  .second-row .btn-primary, #s5_pos_top_row1_2 .second-row .btn-primary {
        width: 200px;
    }
    */


/*
    #s5_pos_top_row1_1 h2, #s5_pos_top_row1_2 h2 {
        width: calc(200px + 50%);
        position: relative;
        text-align: right !important;
        margin-left: -100px;
    }
    */

}



#s5_pos_top_row1_1 .second-row .btn, #s5_pos_top_row1_2 .second-row .btn {
	padding: 20px 30px !important;
	max-height: 100px !important;
}


#s5_pos_top_row1_1 .second-row .btn-primary, #s5_pos_top_row1_2 .second-row .btn-primary {
  height: 60px !important;
  font-size: 1.2em !important;
}


@media (max-width:768px) {
	
	
#s5_pos_top_row1_2 {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

}

.btn-primary {
    padding-left: 30px !important;
    padding-right: 30px !important;
    text-transform: capitalize !important;
}

.btn {
    text-transform: capitalize !important;
}

.s5_menuicon {
    right: 20px;
    position: absolute;
}

input::placeholder, textarea::placeholder {
    text-transform: capitalize !important;
}

@media (min-width: 768px) {

    .skipbin-item3 .grid-50 {
        padding: 0px !important;
    }

    .skipbin-item3 .grid-50 div h3 {
        padding-left: 35px
    }

}

.skipbin-item3 .grid-50 div h3 {
    margin-bottom: 0px;
    text-transform: capitalize !important;
    font-size: 1.3em !important;
}

.skipbin-item3 .grid-50 div {
    padding: 10px;
}

.skipbin-item3 .grid-50 div.light-grey {
    margin-bottom: 20px;
}

.skipbin-item3 .grid-50 {
    margin-bottom: 20px;
}

/* new fix */

.btn-primary.btn-primary-arrow {
    background: url("../images/green-arrow.png") right center no-repeat #54c247 !important;
}

.btn-primary.btn-primary-arrow:hover {
    background: url("../images/green-arrow.png") right center no-repeat #54c247 !important;
    color: #fff !important;
}

a.btn {
    line-height: 15px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .clr-tablet {
        display: block;
    }
    .clr-dekstop {
        display: none;
    }
}

@media (min-width: 1025px) {
    .clr-dekstop {
        display: block;
    }
    .clr-tablet {
        display: none;
    }
}


@media (min-width:1000px) and (max-width:1900px) {

.header-top-right {
  margin-right: -20px !important;
  
}
  
  }

  
/*BOA*/  
input, textarea {border-radius: 0 !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;}
header#s5_menu_wrap {border-bottom: 10px solid #bdbeb9;filter: drop-shadow(0 5px 5px #000);position: fixed;z-index: 9999;width: 100%;top: 0 !important;}
#before_footer_wrapper {border-top: 10px solid #bdbeb9;filter: drop-shadow(0 -5px 5px #000);}
#s5_body_padding {padding-top: 120px;}
#skipbins-wrapper .field select {border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
.ls-layers .ls-slide-backgrounds .ls-wrapper img.ls-bg {transform: translateX(0px) translateY(0px);}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	#s5_pos_top_row1_1 h2 {font-size: 1.8em;}
	#before_footer_wrapper .before_footer_left, #before_footer_wrapper .before_footer_right {padding: 0 20px;width: 50%;}
	.mapleft {width: 100%;margin: 0;}
	#s5_center_area2 {padding-left: 20px;padding-right: 20px;}
	#s5_center_area1 {background-size: cover !important;}
}
@media only screen and (max-width: 767px) {  
	#s5_center_area1 {background-size: cover !important;}
	.item-page {padding: 0 20px;}
}






#before_footer_wrapper .moduletable {
    position: relative
}


.new-footer-img {
    position: absolute;
    top: 15px;
    right: 130px;
    max-width: 230px !important;
}

@media (min-width:768px) and (max-width:1200px) {
	.new-footer-img {
    position: absolute;
    top: 15px;
    right: 5px;
    max-width: 120px !important;
}

}

@media (max-width:768px) {
	
	.new-footer-img {
    position: absolute;
    top: 15px;
    right: 30px;
    max-width: 100px !important;
}


}
