/*! CSS Used from: http://bel15b2b.fdm4.com/canvasbase/PUBLICATION/ecofreindly4/css/base.css?v=17 */
img{border:0;}
.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px;}
@media (min-width:375px){
 .container{padding-right:15px;padding-left:15px;}
}
@media (min-width:768px){
 .container{padding-right:7.5px;padding-left:7.5px;}
}
@media (min-width:1024px){
 .container{padding-right:15px;padding-left:15px;}
}
@media (min-width:1440px){
 .container{padding-right:15px;padding-left:15px;}
}
@media (min-width:768px){
 .container{width:722px;max-width:100%;}
}
@media (min-width:1024px){
 .container{width:960px;max-width:100%;}  
}
@media (min-width:1440px){
 .container{width:1185px;max-width:100%;}
}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
@media (min-width:375px){
 .row{margin-right:-15px;margin-left:-15px;}
}
@media (min-width:768px){
 .row{margin-right:-7.5px;margin-left:-7.5px;}
}
@media (min-width:1024px){
 .row{margin-right:-15px;margin-left:-15px;}
}
@media (min-width:1440px){
 .row{margin-right:-15px;margin-left:-15px;}
}
.col-12,.col-md-3,.col-md-8{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width:375px){
 .col-12,.col-md-3,.col-md-8{padding-right:15px;padding-left:15px;}
}
@media (min-width:768px){
 .col-12,.col-md-3,.col-md-8{padding-right:7.5px;padding-left:7.5px;}
}
@media (min-width:1024px){
 .col-12,.col-md-3,.col-md-8{padding-right:15px;padding-left:15px;}
}
@media (min-width:1440px){
 .col-12,.col-md-3,.col-md-8{padding-right:15px;padding-left:15px;}
}
.col-12{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%;}
.col-12{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%;}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
@media (min-width:768px){
 .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
 .col-md-8{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%;}
 .col-md-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%;}
 .offset-md-1{margin-left:8.33333%;}
}
@media print{
 *,::after,::before,div::first-letter,div::first-line,p::first-letter,p::first-line{text-shadow:none!important;box-shadow:none!important;}
 img{page-break-inside:avoid;}
 h2,h3,p{orphans:3;widows:3;}
 h2,h3{page-break-after:avoid;}
}
*,::after,::before{box-sizing:inherit;}
h2,h3,p{margin-top:0;}
p{margin-bottom:1rem;}
img{vertical-align:middle;max-width:100%;display:block;width:auto;}
h2,h3{margin-bottom:.5rem;font-weight:400;line-height:1.1;}
h2{font-size:2.375rem;}
h3{font-size:1.875rem;}
.title{font-family:"proxima_nova_alt_semibold";font-size:2.375rem;letter-spacing:.9px;text-transform:uppercase;}
.subtitle{font-size:1.125rem;text-transform:uppercase;letter-spacing:4.5px;}
p{letter-spacing:.5px;}
h2,h3{font-family:"proxima_nova_alt_semibold";color:#000;}
.clearfix::after{display:block;content:"";clear:both;}
.wrapper{display:table;table-layout:fixed;width:100%;min-height:100.1vh;overflow:hidden;}
.no-js .wrapper{opacity:1;}
/*! CSS Used from: http://bel15b2b.fdm4.com/canvasbase/PUBLICATION/ecofreindly4/css/eco_friendly.css?v=1 */
img{border:0;}
.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px;}
@media (min-width: 375px){
 .container{padding-right:15px;padding-left:15px;}
}
@media (min-width: 768px){
 .container{padding-right:7.5px;padding-left:7.5px;}
}
@media (min-width: 1024px){
 .container{padding-right:15px;padding-left:15px;}
}
@media (min-width: 1440px){
 .container{padding-right:15px;padding-left:15px;}
}
@media (min-width: 768px){
 .container{width:722px;max-width:100%;}
}
@media (min-width: 1024px){
 .container{width:960px;max-width:100%;}
}
@media (min-width: 1440px){
 .container{width:1200px;max-width:100%;}
}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
@media (min-width: 375px){
 .row{margin-right:-15px;margin-left:-15px;}
}
@media (min-width: 768px){
 .row{margin-right:-7.5px;margin-left:-7.5px;}
}
@media (min-width: 1024px){
 .row{margin-right:-15px;margin-left:-15px;}
}
@media (min-width: 1440px){
 .row{margin-right:-15px;margin-left:-15px;}
}
.col-12,.col-md-3,.col-md-8{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width: 375px){
 .col-12,.col-md-3,.col-md-8{padding-right:15px;padding-left:15px;}
}
@media (min-width: 768px){
 .col-12,.col-md-3,.col-md-8{padding-right:7.5px;padding-left:7.5px;}
}
@media (min-width: 1024px){
 .col-12,.col-md-3,.col-md-8{padding-right:15px;padding-left:15px;}
}
@media (min-width: 1440px){
 .col-12,.col-md-3,.col-md-8{padding-right:15px;padding-left:15px;}
}
.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
@media (min-width: 768px){
 .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
 .col-md-8{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%;}
 .col-md-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%;}
 .offset-md-1{margin-left:8.33333%;}
}
@media print{
 *,::after,::before,div::first-letter,div::first-line,p::first-letter,p::first-line{text-shadow:none!important;box-shadow:none!important;}
 img{page-break-inside:avoid;}
 h2,h3,p{orphans:3;widows:3;}
 h2,h3{page-break-after:avoid;}
}
*,::after,::before{box-sizing:inherit;}
h2,h3,p{margin-top:0;}
p{margin-bottom:1rem;}
img{vertical-align:middle;max-width:100%;display:block;width:auto;}
h2,h3{margin-bottom:.5rem;font-weight:400;line-height:1.1;}
h2{font-size:2.375rem;}
h3{font-size:1.875rem;}
.title{font-family:"proxima_nova_alt_semibold";font-size:2.375rem;letter-spacing:.9px;text-transform:uppercase;}
.subtitle{font-size:1.125rem;text-transform:uppercase;letter-spacing:4.5px;}
p{letter-spacing:.5px;}
h2,h3{font-family:"proxima_nova_alt_semibold";color:#000;}
.clearfix::after{display:block;content:"";clear:both;}
.wrapper{display:table;table-layout:fixed;width:100%;min-height:100.1vh;overflow:hidden;opacity:0;}
.no-js .wrapper{opacity:1;}
.outer-left{margin-left:calc((100vw - 1170px)/-2);}
@media (max-width: 1439px){
 .outer-left{margin-left:calc((100vw - 930px)/-2);}
}
@media (max-width: 1024px){
 .outer-left{margin-left:calc((100vw - 707px)/-2);}
}
@media (max-width: 768px){
 .outer-left{margin-left:0;}
}
.banner-full{min-height:450px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
@media (max-width: 1023px){
 .banner-full{min-height:245px;}
}
@media (max-width: 767px){
 .banner-full{min-height:350px;}
}
@media (max-width: 767px){
 .block-single-category .section-media{margin-left:-15px;margin-right:-15px;}
}
.block-single-category .category-content{min-height:520px;-webkit-box-orient:vertical; -webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
@media (max-width: 1439px){
 .block-single-category .category-content{min-height:300px;padding:40px 0;}
}
@media (max-width: 1023px){
 .block-single-category .category-content{min-height:280px;padding:30px 0;}
}
@media (max-width: 767px){
 .block-single-category .category-content{padding:45px 20px;min-height:auto;}
}
.block-single-category .category-content .category-icon{max-width:240px;max-height:240px;}
@media (max-width: 1023px){
 .block-single-category .category-content .category-icon{max-width:140px;max-height:140px;}
}
.block-single-category .category-content .title{font-size:45px;line-height:1;letter-spacing:4.5px;text-align:center;margin:20px 0 0;}
@media (max-width: 1023px){
 .block-single-category .category-content .title{font-size:30px;letter-spacing:2.2px;margin:10px 0 0;}
}
@media (max-width: 767px){
 .block-single-category .category-content .title{font-size:38px;letter-spacing:3.8px;}
}
.block-single-category .category-content .subtitle{font-size:20px;letter-spacing:3.5px;margin:15px 0 0;}
@media (max-width: 1023px){
 .block-single-category .category-content .subtitle{font-size:15px;letter-spacing:1.8px;margin:5px 0 0;}
}
@media (max-width: 767px){
 .block-single-category .category-content .subtitle{font-size:18px;letter-spacing:3.9px;}
}
.block-single-category-secondary .section-media-content{min-height:520px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
@media (max-width: 1023px){
 .block-single-category-secondary .section-media-content{min-height:290px;}
}
.block-single-category-text .category-container{max-width:570px;margin:auto;padding-top:120px;padding-bottom:120px;}
@media (max-width: 1023px){
 .block-single-category-text .category-container{padding-top:100px;padding-bottom:80px;}
}
@media (max-width: 767px){
 .block-single-category-text .category-container{padding-top:10px;}
}
.block-single-category-text .category-container .category-item .title{font-size:30px;line-height:1;letter-spacing:2.2px;}
@media (max-width: 767px){
 .block-single-category-text .category-container .category-item .title{font-size:22px;line-height:1.09;letter-spacing:1.8px;text-align:center;}
}
.block-single-category-text .category-container .category-item:not(:first-of-type){margin-top:70px;}


.block-single-category .category-content .title {
 font-size: 38px;
 line-height: 1;
 letter-spacing: 4.2px;
 text-align: center;
 margin: 20px 0px 0px;
}

.block-single-category .category-content .subtitle {
 font-size: 20px;
 text-align: center;
 letter-spacing: 3.5px;
 margin: 15px 0 0;
 font-family: 'proxima_nova_alt_regular', sans-serif;
}

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 max-height: 520px;
}

.block-single-category-secondary .section-media-content {
 height: 520px;
 max-height: 520px!important;
}

.block-single-category .category-content h3.subtitle {
 font-size: 20px !important;
}

.block-single-category .category-content h2.title {
 font-size: 30px !important;
}

.block-single-category-text .container .category-container .category-item h3.title {
 font-size: 27px !important;
}