@media (min-width:980px){
    .singleproduct {
        
    width: 80%;
        display: flex;
        margin: auto;
    }
    
    .singleproductcontent {
        width: 50%;
    }
    .singleproductcontentimg {
        width: 50%;
    }
    .singleproductcontentbox {
        min-width: 60.5%!important;
        left: 15%;
    }
    .singleproductcontentimg .related-products {
        background: none;

    }
    }
    
    
    @media only screen and (min-width: 1220px) {
header>.wrap {
    max-width: 1360px!important;
}
}

    @media (min-width:1884px){
        .singleproduct {
            width: 65%;
        }
    }
    
    .singleproductcontentbox .btn {
        display:none;
    }
    
    .singleproductcontentbox .product-img {
            transform: scale(1.2);
    }





.wf,.what-goes-in-the-bag h4,body{
    font-family:Arial,Helvetica,sans-serif
}
.mod table thead td,.mod table thead th,.wf-b{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:700
}
.btn,.btn-alt,.btn-link,.callouts .sub,.eb-work-list .inner .item p,.header-bar .link-wrap a,.main .pager__items li a,.main .search-form input.form-submit,.mod.mod-view .views-exposed-form .button,.mod.rich-text .sidebar .callout-item .hdr .title,.mod.tabs .sidebar .callout-item .hdr .title,.mod.webform .sidebar .callout-item .hdr .title,.mod.webform .webform-confirmation__back a,.mod.webform fieldset legend,.mod.webform form .form-submit,.multiple-link-callout .wrap .inner .item .link-wrap a,.nav-main ul,.page-node-callouts .sub,.product-group-nav ul button,.product-wrap .top>.wrap .product-content .features h3,.rtf-ribbon-wrap .sub,.sidebar .callout-item .sub,.split-feature .inner .media-wrap .media-text,.split-feature .sub,.stats .inner .item .supporting,.tabs .tabs-wrap .tabs-nav li button,.two-col-content .col .lg-link-wrap a,.user-login-form .form-submit,.user-login-form label,.wf-alt,header .main-search-wrap form button{
    font-family:Montserrat,sans-serif;
    font-weight:700
}
.eb-work-list .inner .item span.num,.grid .inner .item .media-wrap .play-pause,.grid .inner .item:first-child .btn-link,.mod.mod-view .views-exposed-form label,.mod.webform .webform-confirmation__message,.stats .inner .item .stat,.wf-alt-b,h1,h2,h3,h4{
    font-family:Montserrat,sans-serif;
    font-weight:800
}
.header-bar p,.mod p.intro,.mod.hero .content-wrap,.multiple-link-callout .wrap .inner .item.has-img .link-wrap a,.wf-alt-r{
    font-family:Montserrat,sans-serif;
    font-weight:400
}
.grid .inner .item .btn-link,.wf-alt-l{
    font-family:Montserrat,sans-serif;
    font-weight:300
}
/*! * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */
@font-face{
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/fa-solid-900.eot);
    src:url(../fonts/fa-solid-900d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.html) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")
}
@font-face{
    font-family:FontAwesomeBrands;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/fa-brands-400.eot);
    src:url(../fonts/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.html) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")
}
.breadcrumbs ul li:after,.btn-alt:after,.btn-link:after,.expand-collapse .item .title h3:after,.fas,.grid .inner .item .hide-show-toggle:before,.mod.webform .webform-confirmation__back a:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h1:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h2:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h3:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h4:after,.nav-main>ul>li.dropdown>a:after,.two-col-content .col .lg-link-wrap a:after,.wgitb-search-wrap:after,.what-goes-in-the-bag h4:before,footer .menu a[target="_blank"]:after,header .main-search-wrap form button:after{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome,arial;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0,0)
}
.fas:before{
    font-family:FontAwesome
}
.fab{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesomeBrands,arial;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0,0)
}
.fab:before{
    font-family:FontAwesomeBrands
}
.btn,.header-bar .link-wrap a,.mod.mod-view .views-exposed-form .button,.mod.webform form .form-submit,.user-login-form .form-submit{
    background:#363636;
    color:#fff;
    border:none;
    border-radius:10px;
    display:inline-block;
    line-height:1em;
    padding:1em 1.5em;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-appearance:none
}
.btn:hover{
    background:#d83d15!important
}
.btn-link,.mod.webform .webform-confirmation__back a{
    color:#363636;
    display:inline-block;
    position:relative;
    text-decoration:none;
    text-transform:uppercase
}
.btn-link:hover:after{
    padding-left:.8em
}
.btn-link:after{
    content:'\f061';
    padding-left:.5em;
    padding-top:.15em;
    position:absolute;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.btn-link.is-pdf:after{
    content:'\f1c1'
}
.btn-link.is-external:after{
    content:'\f35d'
}
.fa-users:before{
    content:"\f0c0"
}
.fa-facebook-f:before{
    content:"\f39e"
}
.fa-twitter:before{
    content:"\f099"
}
.fa-youtube:before{
    content:"\f167"
}
.fa-pinterest-square:before{
    content:"\f0d3"
}
.fa-search:before{
    content:"\f002"
}
.fa-arrow-right:after{
    content:"\f061"
}
.fa-chevron-right:after{
    content:"\f054"
}
.fa-chevron-down:after{
    content:"\f078"
}
.fa-file-pdf:after{
    content:"\f1c1"
}
.fa-search-plus:after{
    content:"\f00e"
}
.fa-check:after{
    content:"\f00c"
}
.fa-x:after{
    content:"\f00d"
}
.fa-info-circle:after{
    content:"\f05a"
}
.fa-exclamation-triangle:after{
    content:"\f071"
}
body{
    margin:0;
    color:#3B3B3B;
    -webkit-text-size-adjust:100%
}
*{
    box-sizing:border-box
}
:after,:before{
    box-sizing:border-box
}
.wrap{
    margin:0 auto;
    max-width:1220px;
    padding:0 30px;
    width:100%
}
@media only screen and (min-width:1220px){
    .wrap{
        padding:0 15px
    }
}
h1,h2,h3,h4{
    color:#241f1f;
    line-height:1em;
    margin:0;
    padding:.667em 0 0
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child{
    padding:0
}
sup{
    font-size:.333em;
    line-height:1em
}
sup a{
    text-decoration:none
}
h1{
    text-transform:uppercase
}
h2{
    text-transform:uppercase
}
@media only screen and (min-width:980px){
    h2{
        font-size:2em
    }
}
@media only screen and (min-width:980px){
    h3{
        font-size:1.75em
    }
}
@media only screen and (min-width:980px){
    h4{
        font-size:1.4em
    }
}
p{
    font-size:1em;
    line-height:1.5em
}
p a{
    color:#3B3B3B
}
p a:hover{
    text-decoration:none
}
hr{
    background:#ddd;
    border:none;
    border-radius:10px;
    height:6px;
    margin:2em 0;
    width:60px
}
hr:first-child{
    margin-top:0
}
@media only screen and (min-width:768px){
    hr{
        margin:2.5em 0;
        width:100%
    }
}
hr+h2,hr+h3,hr+h4{
    padding-top:0!important
}
header{
    background-color:#0b4e29;
    box-shadow:0 0 10px 0 rgba(0,0,0,.333);
    height:100px;
    position:relative;
    z-index:10;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:980px){
    header{
        height:145px;
        top:0;
        width:100%
    }
}
header>.wrap{
    max-width:1520px;
    position:relative
}
@media only screen and (min-width:980px){
    header>.wrap{
        display:flex;
        height:100%
    }
}
header .logo{
    display:block;
    padding-top:1em;
    width:200px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:980px){
    header .logo{
        display:block;
        padding-top:1.6em;
        width:305px
    }
}
header .logo img{
    height:auto;
    width:100%
}
@media only screen and (min-width:980px){
    header .main-search-wrap{
        bottom:0;
        display:block;
        position:absolute;
        top:inherit;
        right:15px;
        z-index:2
    }
}
header .main-search-wrap .search-toggle{
    background:0 0;
    border:none;
    color:#fff;
    cursor:pointer;
    display:flex;
    font-size:1.7em;
    justify-content:center;
    outline:0;
    opacity:0;
    padding:.5em;
    width:38px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (max-width:979px){
    header .main-search-wrap .search-toggle{
        top:.8em;
        position:absolute;
        right:90px
    }
}
@media only screen and (min-width:980px){
    header .main-search-wrap .search-toggle{
        font-size:1.2em;
        padding:.5em .5em 1.25em
    }
}
@media only screen and (min-width:980px){
    header .main-search-wrap .search-toggle:hover{
        background-color:#363636
    }
}
@media only screen and (min-width:980px){
    header .main-search-wrap .search-toggle.toggle-closed{
        background-color:#363636
    }
}
header .main-search-wrap .search-toggle.toggle-closed:before{
    content:"\f00d"
}
header .main-search-wrap form{
    box-shadow:0 2px 2px rgba(0,0,0,.25);
    display:block;
    right:0;
    position:absolute;
    top:100px;
    width:100%
}
@media only screen and (min-width:980px){
    header .main-search-wrap form{
        height:42px;
        top:53px;
        width:300px
    }
}
header .main-search-wrap form .inner{
    background-color:#00AEEF;
    border:3px solid #00AEEF;
    height:100%;
    display:flex
}
header .main-search-wrap form input{
    background-color:#fff;
    border:none;
    border-radius:0;
    font-size:.9em;
    height:100%;
    padding:.75em;
    width:100%;
    -webkit-appearance:none
}
@media only screen and (min-width:980px){
    header .main-search-wrap form input{
        padding:.333em
    }
}
header .main-search-wrap form input:focus{
    outline:0
}
header .main-search-wrap form input::placeholder{
    color:#ccc;
    opacity:1;
    text-transform:uppercase
}
header .main-search-wrap form button{
    background-color:#00AEEF;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:.9em;
    width:38px;
    text-transform:uppercase
}
header .main-search-wrap form button span{
    display:none
}
header .main-search-wrap form button:after{
    content:'\f061';
    font-size:1.1em
}
@media only screen and (min-width:980px){
    .js header{
        position:fixed!important
    }
}
.js header .main-search-wrap .search-toggle{
    opacity:0
}
.js header .main-search-wrap form{
    display:none
}
@media only screen and (min-width:980px){
    body.small header{
        height:90px
    }
}
@media only screen and (min-width:980px){
    body.small header .logo{
        padding-top:1em;
        width:200px
    }
}
@media only screen and (min-width:980px){
    body.small header .main-search-wrap .search-toggle{
        padding-bottom:1em
    }
}
@media only screen and (min-width:980px){
    body.small header .main-search-wrap form{
        top:48px
    }
}
@media only screen and (min-width:980px){
    body.small header .nav-main>ul>li>a{
        padding-bottom:1em
    }
}
@media only screen and (min-width:980px){
    body.small header .nav-social{
        padding-top:1em
    }
}
@media only screen and (min-width:980px){
    body.small header .nav-social li{
        font-size:1em;
        margin-left:1em
    }
}
@media only screen and (min-width:768px){
    body.small .breadcrumbs{
        opacity:0;
        transition-delay:.3s;
        -webkit-transition:all 0s ease;
        -moz-transition:all 0s ease;
        -ms-transition:all 0s ease;
        -o-transition:all 0s ease;
        transition:all 0s ease
    }
}
@media only screen and (min-width:980px){
    .js body.toolbar-horizontal .main{
        margin-top:66px
    }
}
.nav-wrap{
    display:none;
    z-index:1
}
@media only screen and (max-width:979px){
    .nav-wrap{
        background-color:#363636;
        left:0;
        padding:25px;
        position:absolute;
        right:0;
        top:100px
    }
}
@media only screen and (min-width:980px){
    .nav-wrap{
        display:flex;
        flex-direction:column-reverse;
        flex-grow:1;
        height:100%;
        justify-content:flex-end
    }
}
.nav-toggle{
    background:0 0;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:13px;
    outline:0;
    height:85px;
    padding-top:35px;
    position:absolute;
    right:0;
    text-align:center;
    text-transform:uppercase;
    top:3px;
    width:85px;
    z-index:12
}
@media only screen and (min-width:980px){
    .nav-toggle{
        display:none
    }
}
.nav-toggle.toggle-closed{
    color:#fff
}
.nav-toggle.toggle-closed:before{
    background:#fff;
    width:26px;
    top:20px;
    transform:rotate(-45deg) translate(-12px,5px)
}
.nav-toggle.toggle-closed:after{
    background:#fff;
    width:26px;
    top:38px;
    transform:rotate(45deg) translate(-7px,-1px)
}
.nav-toggle.toggle-closed span:first-child{
    display:none
}
.nav-toggle span:first-child,.nav-toggle:after,.nav-toggle:before{
    background:#fff;
    content:"";
    height:3px;
    position:absolute;
    right:23px;
    width:37px;
    transition:background .3s ease
}
@media only screen and (max-width:979px){
    .nav-toggle span:first-child,.nav-toggle:after,.nav-toggle:before{
        background:#fff
    }
}
.nav-toggle:before{
    top:28px;
    transition:all .3s ease
}
.nav-toggle:after{
    top:44px;
    transition:all .3s ease
}
.nav-toggle span:first-child{
    top:36px
}
.nav-toggle span.txt{
    display:block;
    position:relative;
    z-index:2
}
.menu-overlay{
    background:#241f1f;
    bottom:0;
    left:0;
    opacity:.9;
    position:absolute;
    right:0;
    top:0;
    z-index:8
}
@media only screen and (min-width:980px){
    .menu-overlay{
        display:none!important
    }
}
@media only screen and (min-width:980px){
    .nav-main{
        align-items:flex-end;
        align-self:flex-end;
        display:flex;
        height:100%;
        justify-content:flex-end;
        padding-right:0em;
        padding-top:1em
    }
}
.nav-main ul{
    list-style:none;
    margin:0
}
.nav-main ul li a{
    color:#fff;
    display:block;
    font-weight:700;
    text-decoration:none
}
.nav-main ul li a:hover{
    color:#FFE200;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.nav-main ul li a.is-active{
    color:#FFE200
}
@media only screen and (min-width:980px){
    .nav-main ul li a.mobile-only{
        display:none
    }
}
.nav-main ul li.current>a{
    color:#FFE200
}
.nav-main>ul{
    padding:0
}
@media only screen and (min-width:980px){
    .nav-main>ul{
        display:flex;
        justify-content:flex-end
    }
}
.nav-main>ul>li{
    text-transform:uppercase
}
@media only screen and (min-width:980px){
    .nav-main>ul>li{
        margin-left:2.5em
    }
}
@media only screen and (max-width:979px){
    .nav-main>ul>li.dropdown>a:after{
        margin-left:.75em;
        content:'\f0da'
    }
}
@media only screen and (max-width:979px){
    .nav-main>ul>li.ddactive>a:after{
        content:'\f0d7'
    }
}
@media only screen and (max-width:979px){
    .nav-main>ul>li.ddactive>.ddopen{
        display:block!important;
        margin-bottom:1.25em
    }
}
.nav-main>ul>li>a{
    padding-bottom:1em;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:980px){
    .nav-main>ul>li>a{
        padding-bottom:1.25em;
        font-size:1.1em
    }
}
.nav-main>ul ul{
    background-color:#363636;
    display:none;
    padding:1em
}
@media only screen and (min-width:980px){
    .nav-main>ul ul{
        background-color:#363636;
        position:absolute
    }
}
.nav-main>ul ul li{
    font-size:.9em;
    margin:0;
    text-transform:none
}
.nav-main>ul ul li a{
    padding:.5em
}
.nav-social{
    padding-top:2em;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.nav-social ul{
    display:flex;
    list-style:none;
    margin:0;
    padding:0
}
@media only screen and (min-width:980px){
    .nav-social ul{
        justify-content:flex-end;
        padding-right:1em
    }
}
.nav-social ul li{
    text-transform:uppercase;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (max-width:979px){
    .nav-social ul li{
        margin-right:1em
    }
}
@media only screen and (min-width:980px){
    .nav-social ul li{
        font-size:1.3em;
        margin-left:1em
    }
}
.nav-social ul li a{
    color:#fff;
    text-decoration:none
}
.nav-social ul li a:hover{
    color:#FFE200;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.nav-social ul li a span{
    display:none
}
.nav-social ul ul{
    display:none
}
@media only screen and (min-width:980px){
    .js .main{
        margin-top:145px
    }
}
.main .search-results-wrap{
    padding-bottom:2em
}
.main .search-results-wrap>.wrap{
    max-width:900px
}
.main .search-form{
    background:#eee;
    margin:0 1em 4em;
    max-width:900px;
    padding:2em 25px;
    position:relative;
    top:2em
}
@media only screen and (min-width:768px){
    .main .search-form{
        margin:0 auto 4em
    }
}
.main .search-form .search-help-link{
    display:none
}
.main .search-form .container-inline{
    align-items:center;
    display:flex;
    flex-wrap:wrap
}
@media only screen and (min-width:980px){
    .main .search-form .container-inline .form-item{
        align-items:center;
        display:flex;
        flex-wrap:wrap
    }
}
.main .search-form label{
    display:block;
    margin-bottom:.25em;
    margin-right:.5em;
    width:100%
}
@media only screen and (min-width:980px){
    .main .search-form label{
        margin-bottom:0;
        width:auto
    }
}
.main .search-form input[type=search]{
    border:2px solid #fff;
    color:#241f1f;
    height:34px;
    font-size:1.1em;
    -webkit-appearance:none
}
@media only screen and (max-width:979px){
    .main .search-form input[type=search]{
        max-width:200px
    }
}
.main .search-form input.form-submit{
    align-self:flex-end;
    background-color:#00AEEF;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:.9em;
    height:34px;
    padding:.25em .667em;
    text-transform:uppercase;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-appearance:none
}
.main .search-form input.form-submit:hover{
    background-color:#241f1f
}
.main .search-form+h2{
    margin:1em auto;
    padding:0 25px;
    width:900px
}
@media only screen and (min-width:1220px){
    .main .search-form+h2{
        padding:0 15px
    }
}
.main .item.search-result{
    border-top:3px #e0e0e0 dotted;
    padding:1em 0
}
.main .item.search-result h3{
    font-size:1.2em;
    text-transform:none
}
@media only screen and (min-width:980px){
    .main .item.search-result h3{
        font-size:1.3em
    }
}
.main .item.search-result h3 a{
    color:#241f1f;
    text-decoration:none
}
.main .pager__items{
    display:flex;
    list-style:none;
    margin:1em auto;
    padding:0 25px;
    width:900px
}
@media only screen and (min-width:1220px){
    .main .pager__items{
        padding:0 15px
    }
}
.main .pager__items li{
    margin-right:.5em
}
.main .pager__items li a{
    color:#363636;
    display:block;
    padding:.25em
}
.main .pager__items li a:hover{
    text-decoration:none
}
.media-wrap img{
    display:block;
    height:auto;
    width:100%
}
.product-wrap .top{
    padding:2.5em 0;
    overflow:hidden
}
@media only screen and (min-width:980px){
    .product-wrap .top{
        padding:3.5em 0
    }
}
.product-wrap .top>.wrap{
    position:relative
}
@media only screen and (min-width:768px){
    .product-wrap .top>.wrap{
        display:flex;
        flex-wrap:wrap
    }
}
@media only screen and (min-width:768px){
    .product-wrap .top>.wrap>div{
        width:50%
    }
}
.product-wrap .top>.wrap h1{
    font-size:1.8em;
    line-height:1.1em;
    text-transform:uppercase;
    max-width:450px;
    margin-bottom:1em
}
@media only screen and (min-width:768px){
    .product-wrap .top>.wrap h1{
        font-size:1.9em
    }
}
@media only screen and (min-width:980px){
    .product-wrap .top>.wrap h1{
        font-size:2.25em
    }
}
.product-wrap .top>.wrap h1:after{
    background-image:url(../img/dashed-line-orange.svg);
    background-repeat:no-repeat;
    content:'';
    display:block;
    height:5px;
    margin-top:.5em;
    width:125px
}
.product-wrap .top>.wrap .product-gallery{
    margin-bottom:3em;
    padding:0 2em;
    opacity:1;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
@media only screen and (max-width:400px){
    .product-wrap .top>.wrap .product-gallery{
        padding:0
    }
}
@media only screen and (min-width:768px){
    .product-wrap .top>.wrap .product-gallery{
        padding-left:0;
        padding-right:3.5em
    }
}
@media only screen and (min-width:980px){
    .product-wrap .top>.wrap .product-gallery{
        padding-left:0;
        padding-right:5em
    }
}
@media only screen and (min-width:1220px){
    .product-wrap .top>.wrap .product-gallery{
        padding-left:2.5em
    }
}
.product-wrap .top>.wrap .product-gallery.slider-init{
    opacity:1
}
.product-wrap .top>.wrap .media-wrap{
    background-color:#fff;
    text-align:center
}
.product-wrap .top>.wrap .media-wrap .media-inner img,.product-wrap .top>.wrap .media-wrap .media-inner video{
    display:block;
    height:auto;
    margin:0 auto;
    max-height:325px;
    max-width:100%;
    width:auto
}
@media only screen and (min-width:1220px){
    .product-wrap .top>.wrap .media-wrap .media-inner img,.product-wrap .top>.wrap .media-wrap .media-inner video{
        max-height:325px
    }
}
.product-wrap .top>.wrap .media-wrap .media-inner video{
    background-color:#241f1f
}
.product-wrap .top>.wrap .media-wrap .media-inner .video-wrap{
    padding-top:56.25%;
    position:relative
}
.product-wrap .top>.wrap .media-wrap .media-inner .video-wrap video{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.product-wrap .top>.wrap .product-content{
    max-width:550px;
    position:relative
}
@media only screen and (min-width:980px){
    .product-wrap .top>.wrap .product-content{
        padding-left:2em
    }
}
.product-wrap .top>.wrap .product-content p{
    font-size:1em
}
.product-wrap .top>.wrap .product-content .ps-widget[data-ps-sku],.product-wrap .top>.wrap .product-content .ps-widget[ps-sku]{
    margin:.25em 0 .5em;
    min-height:57px
}
@media only screen and (max-width:510px){
    .product-wrap .top>.wrap .product-content .ps-widget[data-ps-sku],.product-wrap .top>.wrap .product-content .ps-widget[ps-sku]{
        width:100%
    }
}
@media only screen and (min-width:980px){
    .product-wrap .top>.wrap .product-content .ps-widget[data-ps-sku],.product-wrap .top>.wrap .product-content .ps-widget[ps-sku]{
        min-height:60px
    }
}
.product-wrap .top>.wrap .product-content .where-to-buy-widget iframe{
    border:3px solid #eee;
    min-height:350px!important;
    width:100%!important
}
.product-wrap .top>.wrap .product-content .where-to-buy-widget .btn{
    cursor:pointer;
    font-size:1.2em;
    min-width:250px
}
@media only screen and (max-width:767px){
    .product-wrap .top>.wrap .product-content .where-to-buy-widget .btn{
        width:100%
    }
}
.product-wrap .top>.wrap .product-content .product-features{
    margin:2em 0;
    padding:0 1.5em
}
.product-wrap .top>.wrap .product-content .product-features li{
    font-size:.9em;
    margin-bottom:.25em
}
.product-wrap .top>.wrap .product-content .product-features a{
    color:#3B3B3B;
    text-decoration:none
}
.product-wrap .top>.wrap .product-content .features{
    margin-top:2em
}
@media only screen and (min-width:980px){
    .product-wrap .top>.wrap .product-content .features .item.how-to-recycle,.product-wrap .top>.wrap .product-content .features .item.scents{
        width:97.5%
    }
}
@media only screen and (min-width:980px){
    .product-wrap .top>.wrap .product-content .features .group{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between
    }
}
@media only screen and (min-width:980px){
    .product-wrap .top>.wrap .product-content .features .group .item{
        width:49%!important
    }
}
@media only screen and (min-width:980px){
    .product-wrap .top>.wrap .product-content .features .group .item:nth-child(2) h3{
        margin-left:-.333em;
        padding-left:1em
    }
    .product-wrap .top>.wrap .product-content .features .group .item:nth-child(2) h3:before{
        content:none
    }
}
.product-wrap .top>.wrap .product-content .features .content{
    padding:1em .5em 1.25em
}
.product-wrap .top>.wrap .product-content .features .content p{
    font-size:.9em
}
.product-wrap .top>.wrap .product-content .features .content li a,.product-wrap .top>.wrap .product-content .features .content p a{
    color:#001689;
    text-decoration:underline
}
.product-wrap .top>.wrap .product-content .features .content li a:hover,.product-wrap .top>.wrap .product-content .features .content p a:hover{
    text-decoration:none
}
.product-wrap .top>.wrap .product-content .features h3{
    background:#241f1f;
    color:#fff;
    font-size:1.1em;
    margin-bottom:0;
    padding:.5em .5em .5em 0;
    position:relative;
    transform:skew(-10deg)
}
@media only screen and (min-width:768px){
    .product-wrap .top>.wrap .product-content .features h3{
        margin-left:10px
    }
}
.product-wrap .top>.wrap .product-content .features h3:before{
    background-color:#241f1f;
    content:'';
    display:block;
    height:100%;
    position:absolute;
    left:-15px;
    top:0;
    width:25px;
    transform:skew(10deg)
}
.product-wrap .top>.wrap .product-content .features h3 span{
    display:block;
    transform:skew(10deg)
}
.product-wrap .top>.wrap .product-content .features ul{
    margin:0;
    padding:0 1.5em
}
.product-wrap .top>.wrap .product-content .features ul li{
    color:#3B3B3B;
    font-size:.9em;
    margin-bottom:.25em
}
.product-wrap .top>.wrap .footnotes{
    font-size:.9em
}
.product-wrap .top+.related-products{
    margin-top:-.5em
}
@media only screen and (min-width:980px){
    .product-wrap .top+.related-products{
        margin-top:-1em
    }
}
.product-wrap .top .slick-dots{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:1.25em 0 0
}
@media only screen and (min-width:980px){
    .product-wrap .top .slick-dots{
        padding-top:3em
    }
}
.product-wrap .top .slick-dots li{
    margin-right:.5em;
    margin-top:.5em
}
@media only screen and (min-width:1220px){
    .product-wrap .top .slick-dots li{
        margin-right:.75em;
        margin-top:.75em
    }
}
.product-wrap .top .slick-dots li.slick-active button{
    border-color:#241f1f
}
.product-wrap .top .slick-dots button{
    background-color:transparent;
    border:3px solid #b3b3b3;
    cursor:pointer;
    display:flex;
    height:60px;
    outline:0;
    padding:3px;
    width:60px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:1220px){
    .product-wrap .top .slick-dots button{
        height:70px;
        padding:4px;
        width:70px
    }
}
.product-wrap .top .slick-dots button:hover{
    border-color:#241f1f
}
.product-wrap .top .slick-dots img{
    height:100%;
    object-fit:cover;
    width:100%
}
.product-wrap.sustainable .top .slick-dots li.slick-active button{
    border-color:#007A3F
}
.product-wrap.sustainable .top .slick-dots li button:hover{
    border-color:#007A3F
}
.product-wrap.sustainable .product>.wrap .product-content .features h3{
    background-color:#007A3F
}
.product-wrap.sustainable .product>.wrap .product-content .features h3:before{
    background-color:#007A3F
}
.product-wrap.sustainable .related-products h2{
    color:#007A3F
}
.js .product-wrap .top>.wrap .product-gallery{
    opacity:0
}
.js .product-wrap .top>.wrap .product-gallery.slider-init{
    opacity:1
}
footer{
    background-color:#0b4e29;
    color:#fff;
    padding:2em 0
}
footer .social{
    display:none
}
footer a{
    color:#fff
}
footer .menu{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
footer .menu a{
    font-size:1em;
    margin:1em .5em;
    text-decoration:none
}
footer .menu a[target="_blank"]:after{
    content:'\f35d';
    font-size:.8em;
    margin-left:.333em
}
footer .menu a:hover{
    text-decoration:underline
}
footer .copyright{
    font-size:.9em;
    padding:1em;
    text-align: left;
}
.btn-alt{
    background-color:#eee;
    color:#363636;
    display:block;
    font-size:1.4em;
    margin-top:.5em;
    text-decoration:none;
    overflow:hidden;
    padding:1em;
    position:relative;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}
.btn-alt:hover{
    background-color:#ddd
}
.btn-alt:hover:after{
    padding-left:1em
}
.btn-alt:first-child{
    margin-top:0
}
.btn-alt:after{
    content:'\f061';
    padding-left:.5em;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:980px){
    .btn-alt{
        font-size:1.5em
    }
}
.cover img,.cover video{
    display:block;
    height:100%!important;
    object-fit:cover;
    width:100%!important
}
.breadcrumbs{
    background-color:#fff;
    color:#666;
    padding:1.75em 0;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease
}
.breadcrumbs ul{
    font-size:.9em;
    list-style:none;
    margin:0;
    padding:0
}
@media only screen and (min-width:768px){
    .breadcrumbs ul{
        display:flex
    }
}
.breadcrumbs ul li{
    margin-right:.75em
}
@media only screen and (max-width:979px){
    .breadcrumbs ul li{
        display:inline-block;
        margin-bottom:.5em
    }
}
.breadcrumbs ul li:after{
    content:'\f324';
    font-size:8px;
    margin-left:1.25em
}
.breadcrumbs ul li.last:after{
    content:none
}
.breadcrumbs ul li a{
    color:#241f1f
}
.breadcrumbs ul li a:hover{
    text-decoration:none
}
.mod{
    padding:2em 0
}
@media only screen and (min-width:768px){
    .mod{
        padding:3em 0
    }
}
@media only screen and (min-width:980px){
    .mod{
        padding:1em 0
    }
}
.mod ol,.mod ul{
    font-size:1em
}
.mod ol>li,.mod ul>li{
    margin-top:.5em
}
.mod ol>li:first-child,.mod ul>li:first-child{
    margin-top:0
}
.mod ol>li a,.mod ul>li a{
    color:#3B3B3B
}
.mod ol>li a:hover,.mod ul>li a:hover{
    text-decoration:none
}
.mod ol>li ol,.mod ol>li>ul,.mod ul>li ol,.mod ul>li>ul{
    font-size:.9em
}
.mod p{
    margin:1em 0 0
}
.mod p:first-child{
    margin-top:0
}
.mod.style-bg-grey-light{
    background-color:#eee
}
.mod.style-bg-blue{
    background-color:#241f1f;
    position:relative
}
.mod.style-bg-blue .wrap{
    display:block;
    position:relative
}
.mod.style-bg-blue h1,.mod.style-bg-blue h2,.mod.style-bg-blue h3,.mod.style-bg-blue h4,.mod.style-bg-blue p{
    color:#fff
}
.mod.style-bg-blue h1 a,.mod.style-bg-blue h2 a,.mod.style-bg-blue h3 a,.mod.style-bg-blue h4 a,.mod.style-bg-blue p a{
    color:#fff
}
.mod.style-bg-blue .link-wrap{
    padding:1.5em 0 0;
    z-index:2;
    font-size:.9em
}
.mod.style-bg-blue:before{
    background:#00a2de;
    background:-moz-linear-gradient(to bottom right,#00a2de 0,transparent 100%);
    background:-webkit-linear-gradient(to bottom right,#00a2de 0,transparent 100%);
    background:linear-gradient(to bottom right,#00a2de 0,transparent 100%);
    bottom:0;
    content:'';
    display:block;
    right:0;
    position:absolute;
    top:0;
    width:100%
}
.mod .embedded-entity:not(:first-child){
    margin-top:1.5em
}
@media only screen and (min-width:980px){
    .mod .embedded-entity:not(:first-child){
        margin-top:2em
    }
}
.mod .embedded-entity img{
    border-radius:10px;
    display:block;
    height:auto;
    max-width:100%;
    margin:0 auto 1em
}
@media only screen and (min-width:768px){
    .mod .embedded-entity.align-left img{
        float:left;
        margin-right:2em;
        max-width:35%
    }
}
@media only screen and (min-width:1220px){
    .mod .embedded-entity.align-left img{
        margin-right:3em
    }
}
.mod .embedded-entity.align-left+h2,.mod .embedded-entity.align-left+h3,.mod .embedded-entity.align-left+h4{
    padding-top:0
}
@media only screen and (min-width:768px){
    .mod .embedded-entity.align-right img{
        float:right;
        margin-left:2em;
        max-width:35%
    }
}
@media only screen and (min-width:1220px){
    .mod .embedded-entity.align-right img{
        margin-left:3em
    }
}
.mod .embedded-entity.align-right+h2,.mod .embedded-entity.align-right+h3,.mod .embedded-entity.align-right+h4{
    padding-top:0
}
@media only screen and (max-width:767px){
    .mod [data-aos-delay]{
        transition-delay:0s!important
    }
}
.mod table{
    border-collapse:collapse;
    width:100%
}
.mod table thead td,.mod table thead th{
    color:#241f1f
}
.mod table td,.mod table th{
    border:1px solid #ddd;
    text-align:left;
    padding:8px
}
.mod .img-two-col{
    margin:2em 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.mod .img-two-col>.embedded-entity,.mod .img-two-col>iframe,.mod .img-two-col>img,.mod .img-two-col>video{
    margin:0;
    width:48%
}
.mod .img-two-col>.embedded-entity img,.mod .img-two-col>.embedded-entity video,.mod .img-two-col>iframe img,.mod .img-two-col>iframe video,.mod .img-two-col>img img,.mod .img-two-col>img video,.mod .img-two-col>video img,.mod .img-two-col>video video{
    margin:0
}
.mod .img-two-col+p{
    margin-top:0
}
@media only screen and (min-width:980px){
    .mod.rich-text h1{
        font-size:2.25em
    }
}
@media only screen and (min-width:1220px){
    .mod.rich-text h1{
        font-size:2.5em
    }
}
.mod.rich-text h1:after{
    background-image:url(../img/dashed-line-orange.svg);
    background-repeat:no-repeat;
    content:'';
    display:block;
    height:5px;
    margin-top:.5em;
    max-width:600px;
    width:125px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.mod.rich-text h2,.mod.rich-text h3,.mod.rich-text h4{
    padding-top:1.5em
}
.mod.rich-text h2:first-child,.mod.rich-text h3:first-child,.mod.rich-text h4:first-child{
    padding-top:0
}
.mod.rich-text h2.lc,.mod.rich-text h3.lc,.mod.rich-text h4.lc{
    text-transform:none
}
.mod.rich-text h3{
    font-size:1.3em
}
@media only screen and (min-width:980px){
    .mod.rich-text h3{
        font-size:1.5em
    }
}
.mod.rich-text h4{
    font-size:1.1em
}
@media only screen and (min-width:980px){
    .mod.rich-text h4{
        font-size:1.2em
    }
}
.mod.style-bg-default+.split-feature{
    margin-top:-4em
}
@media only screen and (min-width:980px){
    .mod.style-bg-default+.split-feature{
        margin-top:-6em
    }
}
.mod.style-bg-default+.tabs{
    margin-top:-2em
}
@media only screen and (min-width:980px){
    .mod.style-bg-default+.tabs{
        margin-top:-4em
    }
}
.mod.style-bg-default+.multiple-link-callout.style-bg-default{
    margin-top:-2em
}
@media only screen and (min-width:980px){
    .mod.style-bg-default+.multiple-link-callout.style-bg-default{
        margin-top:-4em
    }
}
.mod.style-bg-grey-light+.mod.mod-view{
    margin-top:-2em
}
@media only screen and (min-width:980px){
    .mod.style-bg-grey-light+.mod.mod-view{
        margin-top:-4em
    }
}
.mod p+.vid{
    margin-top:2em
}
.mod p.intro{
    font-size:1.1em
}
.mod .vid{
    padding-top:56.25%;
    position:relative
}
.mod .vid iframe{
    bottom:0;
    display:block;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.mod.rich-text>.wrap,.mod.tabs>.wrap,.mod.webform>.wrap{
    max-width:900px
}
.mod.rich-text.has-sidebar>.wrap,.mod.rich-text.width-full>.wrap,.mod.tabs.has-sidebar>.wrap,.mod.tabs.width-full>.wrap,.mod.webform.has-sidebar>.wrap,.mod.webform.width-full>.wrap{
    max-width:1220px
}
/* .mod.rich-text.width-full p,.mod.tabs.width-full p,.mod.webform.width-full p{
    max-width:800px
} */
@media only screen and (min-width:768px){
    .mod.rich-text.has-sidebar>.wrap,.mod.tabs.has-sidebar>.wrap,.mod.webform.has-sidebar>.wrap{
        display:flex
    }
}
.mod.rich-text.has-sidebar .content,.mod.tabs.has-sidebar .content,.mod.webform.has-sidebar .content{
    flex-grow:1
}
@media only screen and (min-width:768px){
    .mod.rich-text .sidebar,.mod.tabs .sidebar,.mod.webform .sidebar{
        margin-left:100px
    }
}
@media only screen and (min-width:980px){
    .mod.rich-text .sidebar,.mod.tabs .sidebar,.mod.webform .sidebar{
        margin-left:150px
    }
}
.mod.rich-text .sidebar .callout-item,.mod.tabs .sidebar .callout-item,.mod.webform .sidebar .callout-item{
    background-color:#fff;
    border-radius:3px;
    box-shadow:0 6px 10px #d5d5d5;
    padding:1.5em;
    width:100%
}
@media only screen and (min-width:768px){
    .mod.rich-text .sidebar .callout-item,.mod.tabs .sidebar .callout-item,.mod.webform .sidebar .callout-item{
        width:200px
    }
}
@media only screen and (min-width:768px){
    .mod.rich-text .sidebar .callout-item,.mod.tabs .sidebar .callout-item,.mod.webform .sidebar .callout-item{
        width:300px
    }
}
@media only screen and (max-width:767px){
    .mod.rich-text .sidebar .callout-item:first-child,.mod.tabs .sidebar .callout-item:first-child,.mod.webform .sidebar .callout-item:first-child{
        margin-top:2em
    }
}
.mod.rich-text .sidebar .callout-item .hdr,.mod.tabs .sidebar .callout-item .hdr,.mod.webform .sidebar .callout-item .hdr{
    width:100%
}
.mod.rich-text .sidebar .callout-item .hdr:after,.mod.tabs .sidebar .callout-item .hdr:after,.mod.webform .sidebar .callout-item .hdr:after{
    content:none
}
.mod.rich-text .sidebar .callout-item .hdr .title,.mod.tabs .sidebar .callout-item .hdr .title,.mod.webform .sidebar .callout-item .hdr .title{
    font-size:1.3em;
    padding-top:0;
    text-transform:none
}
.mod.rich-text .sidebar .callout-item .hdr .sub-wrap,.mod.tabs .sidebar .callout-item .hdr .sub-wrap,.mod.webform .sidebar .callout-item .hdr .sub-wrap{
    margin-top:-2.25em;
    margin-left:-1.5em;
    filter:none
}
.mod.rich-text .sidebar .callout-item .hdr .sub-wrap+.title,.mod.tabs .sidebar .callout-item .hdr .sub-wrap+.title,.mod.webform .sidebar .callout-item .hdr .sub-wrap+.title{
    padding-top:.75em
}
.mod.rich-text .sidebar .callout-item .hdr .sub,.mod.tabs .sidebar .callout-item .hdr .sub,.mod.webform .sidebar .callout-item .hdr .sub{
    border-radius:3px 0 0 0;
    margin-left:-1px;
    padding:.667em .5em .667em 1.5em
}
.mod.rich-text .sidebar .callout-item .link-wrap,.mod.tabs .sidebar .callout-item .link-wrap,.mod.webform .sidebar .callout-item .link-wrap{
    width:75%
}
.mod.rich-text .sidebar .callout-item .content .img-wrap img,.mod.tabs .sidebar .callout-item .content .img-wrap img,.mod.webform .sidebar .callout-item .content .img-wrap img{
    height:auto;
    max-width:100%
}
.mod.rich-text .sidebar .callout-item.no-sub-head,.mod.tabs .sidebar .callout-item.no-sub-head,.mod.webform .sidebar .callout-item.no-sub-head{
    border-top:8px solid #FFE200
}
.mod.rich-text .sidebar .callout-item.style-sustainability,.mod.tabs .sidebar .callout-item.style-sustainability,.mod.webform .sidebar .callout-item.style-sustainability{
    border-color:#007A3F
}
.mod.rich-text .sidebar .callout-item.style-sustainability .hdr .sub,.mod.tabs .sidebar .callout-item.style-sustainability .hdr .sub,.mod.webform .sidebar .callout-item.style-sustainability .hdr .sub{
    background-color:#007A3F;
    color:#fff
}
.mod.rich-text .sidebar .callout-item.style-sustainability .hdr .title,.mod.tabs .sidebar .callout-item.style-sustainability .hdr .title,.mod.webform .sidebar .callout-item.style-sustainability .hdr .title{
    color:#007A3F
}
@media only screen and (min-width:1220px){
    .mod.rich-text.width-full .embedded-entity.align-left img{
        margin-right:5em
    }
}
@media only screen and (min-width:1220px){
    .mod.rich-text.width-full .embedded-entity.align-right img{
        margin-left:5em
    }
}
.mod.hero{
    background-color:#eee;
    max-height:550px;
    overflow:hidden;
    position:relative;
    padding:0
}
@media only screen and (min-width:768px){
    .mod.hero:before{
        padding-top:33.333%;
        content:'';
        display:block;
        width:100%
    }
}
@media only screen and (min-width:1220px){
    .mod.hero:before{
        padding-top:30%
    }
}
@media only screen and (min-width:1600px){
    .mod.hero:before{
        padding-top:25%
    }
}
@media only screen and (min-width:768px){
    .mod.hero .media-wrap{
        bottom:0;
        left:0;
        position:absolute;
        right:0;
        top:0
    }
}
.mod.hero .media-wrap:before{
    background:0 0;
    background:-moz-linear-gradient(top,transparent 0,#241f1f 100%);
    background:-webkit-linear-gradient(top,transparent 0,#241f1f 100%);
    background:linear-gradient(to bottom,transparent 0,#241f1f 100%);
    bottom:0;
    content:'';
    display:block;
    height:66%;
    left:0;
    opacity:.75;
    position:absolute;
    right:0
}
.mod.hero .content-wrap{
    bottom:0;
    position:absolute;
    display:flex;
    width:100%
}
.mod.hero .content-wrap .content{
    color:#fff;
    padding-bottom:2em;
    position:relative;
    z-index:2
}
.mod.hero .content-wrap .content h1,.mod.hero .content-wrap .content h2{
    color:#fff;
    font-size:1.8em;
    line-height:1em;
    max-width:650px;
    text-shadow:1px 1px 2px #241f1f
}
@media only screen and (min-width:768px){
    .mod.hero .content-wrap .content h1,.mod.hero .content-wrap .content h2{
        font-size:2em
    }
}
@media only screen and (min-width:980px){
    .mod.hero .content-wrap .content h1,.mod.hero .content-wrap .content h2{
        font-size:2.25em
    }
}
@media only screen and (min-width:1220px){
    .mod.hero .content-wrap .content h1,.mod.hero .content-wrap .content h2{
        font-size:3em
    }
}
.mod.hero .content-wrap .content h1.styled,.mod.hero .content-wrap .content h2.styled{
    font-size:1.1em
}
.mod.hero .content-wrap .content h1.styled .lg,.mod.hero .content-wrap .content h2.styled .lg{
    display:block;
    font-size:3.5em;
    line-height:1em;
    margin:.25em 0
}
@media only screen and (max-width:767px){
    .mod.hero .content-wrap .content h1.styled .lg,.mod.hero .content-wrap .content h2.styled .lg{
        font-size:2em
    }
}
@media only screen and (min-width:980px){
    .mod.hero .content-wrap .content h1.styled .lg,.mod.hero .content-wrap .content h2.styled .lg{
        margin:.1em 0
    }
}
.mod.hero .content-wrap .content h1.styled .sm,.mod.hero .content-wrap .content h2.styled .sm{
    display:block;
    font-size:.85em;
    margin:.75em 0
}
@media only screen and (min-width:768px){
    .mod.hero .content-wrap .content h1.styled,.mod.hero .content-wrap .content h2.styled{
        font-size:1.6em
    }
}
@media only screen and (min-width:980px){
    .mod.hero .content-wrap .content h1.styled,.mod.hero .content-wrap .content h2.styled{
        font-size:1.9em
    }
}
@media only screen and (min-width:1220px){
    .mod.hero .content-wrap .content h1.styled,.mod.hero .content-wrap .content h2.styled{
        font-size:2em
    }
}
.mod.hero .content-wrap .content .desc{
    margin-top:.75em;
    max-width:675px;
    text-shadow:1px 1px 2px #241f1f
}
@media only screen and (min-width:980px){
    .mod.hero .content-wrap .content p{
        font-size:1.2em
    }
}
.mod.hero .content-wrap .content p a{
    color:#fff
}
.mod.hero .content-wrap .content p a:hover{
    text-decoration:none
}
.mod.hero .content-wrap .content .link-wrap{
    margin-top:.75em
}
.mod.hero .content-wrap .content .link-wrap a{
    color:#fff;
    font-size:1.2em;
    max-width:400px
}
@media only screen and (max-width:767px){
    .mod.hero.tall .img-wrap{
        height:360px
    }
}
@media only screen and (min-width:768px){
    .mod.hero.tall:before{
        padding-top:40%
    }
}
@media only screen and (min-width:1220px){
    .mod.hero.tall:before{
        padding-top:40%
    }
}
@media only screen and (min-width:1600px){
    .mod.hero.tall:before{
        padding-top:33%
    }
}
@media only screen and (max-width:767px){
    .mod.hero.tall h1{
        font-size:1.5em
    }
}
@media only screen and (max-width:400px){
    .mod.hero.tall h1{
        font-size:1.35em
    }
}
.mod.hero.full-height{
    background-color:#241f1f;
    max-height:none;
    padding:0
}
.mod.hero.full-height:before{
    content:none
}
.mod.hero.full-height .media-wrap{
    opacity:.75;
    position:relative
}
.mod.hero.full-height .media-wrap:before{
    content:none
}
.mod.hero.full-height .media-wrap img{
    display:block;
    height:auto
}
.mod.hero.full-height .content-wrap{
    align-items:center;
    margin:0;
    top:0;
    text-align:center
}
.mod.hero.full-height .content-wrap .content{
    padding:2em;
    width:800px
}
@media only screen and (max-width:767px){
    .mod.hero.full-height .content-wrap .content{
        padding-top:3.5em;
        padding-bottom:3.5em
    }
}
.mod.hero.full-height .content-wrap .desc,.mod.hero.full-height .content-wrap h1,.mod.hero.full-height .content-wrap h2{
    max-width:none
}
.mod.hero.color-option-2 .content-wrap .content .link-wrap .btn{
    background-color:#363636
}
.mod.hero.color-option-2 .content-wrap .content .link-wrap .btn:before{
    border-top-color:#aa3011
}
.mod.hero.color-option-3{
    background-color:#001689
}
.mod.hero.color-option-3 .content-wrap .content h2{
    color:#00AEEF
}
.mod.hero.color-option-3 .content-wrap .content .description-wrap{
    color:#fff
}
.mod.hero.color-option-3 .content-wrap .content p a{
    color:#fff
}
.mod.hero.color-option-3 .content-wrap .content .link-wrap .btn{
    background-color:#00AEEF;
    color:#001689
}
.mod.hero.color-option-3 .content-wrap .content .link-wrap .btn:before{
    border-top-color:#001689
}
.mod.hero.overlay-light{
    background-color:#fff
}
@media only screen and (min-width:768px){
    .mod.hero.overlay-light .media-wrap{
        opacity:.5
    }
}
.mod.hero.overlay-light .description-wrap,.mod.hero.overlay-light h2{
    text-shadow:1px 1px 2px #fff
}
.mod.hero.overlay-dark{
    background-color:#001689
}
@media only screen and (min-width:768px){
    .mod.hero.overlay-dark .media-wrap{
        opacity:.5
    }
}
.mod.hero.overlay-dark .description-wrap,.mod.hero.overlay-dark h2{
    text-shadow:1px 1px 2px #001689
}
.mod.hero.overlay-dark.gradient-top .media-wrap:before{
    background:#001689;
    background:-moz-linear-gradient(top,#001689 33%,transparent 100%);
    background:-webkit-linear-gradient(top,#001689 33%,transparent 100%);
    background:linear-gradient(to bottom,#001689 33%,transparent 100%)
}
.mod.hero.gradient-top .media-wrap:before{
    background:#fff;
    background:-moz-linear-gradient(top,#fff 33%,transparent 100%);
    background:-webkit-linear-gradient(top,#fff 33%,transparent 100%);
    background:linear-gradient(to bottom,#fff 33%,transparent 100%);
    content:'';
    display:block;
    height:33%;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.mod.hero[class*=ribbon-] .content-wrap{
    bottom:2.5em
}
@media only screen and (min-width:768px){
    .mod.hero[class*=ribbon-] .content-wrap{
        bottom:auto;
        top:75px
    }
}
@media only screen and (min-width:980px){
    .mod.hero[class*=ribbon-] .content-wrap{
        top:100px
    }
}
.mod.hero[class*=ribbon-] .content-wrap .content{
    padding-bottom:0
}
.mod.hero[class*=ribbon-] .hdr-wrap{
    position:relative
}
.mod.hero[class*=ribbon-] .hdr-wrap:before{
    background-color:#241f1f;
    content:'';
    display:block;
    top:0;
    left:-280em;
    width:300em;
    bottom:0;
    position:absolute
}
.mod.hero[class*=ribbon-] .hdr-wrap h1{
    background-color:#241f1f;
    color:#fff;
    font-size:1.6em;
    line-height:1.2em;
    max-width:555px;
    margin:0;
    padding:.75em 1em .75em 0;
    position:relative;
    clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,0 100%)
}
@media only screen and (min-width:768px){
    .mod.hero[class*=ribbon-] .hdr-wrap h1{
        font-size:1.8em
    }
}
@media only screen and (min-width:980px){
    .mod.hero[class*=ribbon-] .hdr-wrap h1{
        font-size:2.1em;
        padding:.75em 1em .75em
    }
}
@media only screen and (min-width:1220px){
    .mod.hero[class*=ribbon-] .hdr-wrap h1{
        font-size:2.25em;
        padding:1em 1em 1em 0
    }
}
.mod.hero[class*=ribbon-].ribbon-green .hdr-wrap:before{
    background-color:#007A3F
}
.mod.hero[class*=ribbon-].ribbon-green .hdr-wrap h1{
    background-color:#007A3F
}
.mod.hero[class*=ribbon-].ribbon-orange .hdr-wrap:before{
    background-color:#363636
}
.mod.hero[class*=ribbon-].ribbon-orange .hdr-wrap h1{
    background-color:#363636
}
.rtf-ribbon-wrap .sub-wrap,.sidebar .callout-item .sub-wrap,.split-feature .sub-wrap{
    -webkit-filter:drop-shadow(-1px 2px 3px rgba(50, 50, 0, .4));
    filter:drop-shadow(-1px 2px 3px rgba(50, 50, 0, .4))
}
.rtf-ribbon-wrap .sub,.sidebar .callout-item .sub,.split-feature .sub{
    background-color:#064d2c;
    color:#fff;
    font-size:.9em;
    line-height:1.2em;
    margin:0;
    padding:.5em 0 .5em 1em;
    position:relative;
    clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)
}
@media only screen and (min-width:980px){
    .rtf-ribbon-wrap .sub,.sidebar .callout-item .sub,.split-feature .sub{
        font-size:1em
    }
}
.rtf-ribbon-wrap{
    margin-bottom:1em
}
.rtf-ribbon-wrap .sub-wrap{
    position:relative
}
.rtf-ribbon-wrap .sub-wrap:before{
    background-color:#363636;
    content:'';
    display:block;
    top:0;
    left:-300em;
    width:300em;
    bottom:0;
    position:absolute
}
.rtf-ribbon-wrap .sub{
    background-color:#363636;
    color:#fff;
    max-width:500px!important;
    padding:.5em 1em .5em 0
}
@media only screen and (min-width:980px){
    .rtf-ribbon-wrap .sub{
        font-size:1.1em
    }
}
.split-feature{
    overflow:hidden;
    padding:4em 0;
    position:relative
}
@media only screen and (min-width:980px){
    .split-feature{
        padding:6em 0
    }
}
@media only screen and (min-width:1220px){
    .split-feature{
        padding: 4em 0em 0em 0;
    }
}
@media only screen and (min-width:768px){
    .split-feature.has-alt-spacing .inner.dir-reverse .content{
        padding-left:2.5em
    }
}
@media only screen and (min-width:980px){
    .split-feature.has-alt-spacing .inner.dir-reverse .content{
        padding-left:3em
    }
}
@media only screen and (min-width:768px){
    .split-feature.has-alt-spacing .inner .content{
        padding-right:2.5em
    }
}
@media only screen and (min-width:980px){
    .split-feature.has-alt-spacing .inner .content{
        padding-right:3em
    }
}
.split-feature .inner{
    position:relative;
    z-index:1
}
@media only screen and (min-width:768px){
    .split-feature .inner{
        align-items:center;
        display:flex;
        flex-wrap:wrap
    }
}
@media only screen and (min-width:768px){
    .split-feature .inner.dir-reverse{
        flex-direction:row-reverse
    }
}
@media only screen and (min-width:768px){
    .split-feature .inner.dir-reverse .content{
        padding-left:3em;
        padding-right:0
    }
}
@media only screen and (min-width:980px){
    .split-feature .inner.dir-reverse .content{
        padding-left:6em;
        padding-right:0
    }
}
@media only screen and (min-width:768px){
    .split-feature .inner.dir-reverse .content .sub-wrap{
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-end
    }
    .split-feature .inner.dir-reverse .content .sub-wrap:before{
        left:auto;
        right:-300em
    }
    .split-feature .inner.dir-reverse .content .sub-wrap .sub{
        clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);
        max-width:300px;
        padding-left:1em;
        width:100%
    }
}
@media only screen and (max-width:767px){
    .split-feature .inner .content{
        margin-bottom:1.5em
    }
}
@media only screen and (min-width:768px){
    .split-feature .inner .content{
        padding-right:3em;
        width:50%
    }
}
@media only screen and (min-width:980px){
    .split-feature .inner .content{
        padding-right:6em
    }
}
.split-feature .inner .content .sub-wrap{
    position:relative
}
.split-feature .inner .content .sub-wrap:before{
    background-color:#064d2c;
    content:'';
    display:block;
    top:0;
    left:-294em;
    width:300em;
    bottom:0;
    position:absolute
}
.split-feature .inner .content .sub{
    font-size:1em;
    max-width:250px;
    padding:.5em 0
}
@media only screen and (min-width:980px){
    .split-feature .inner .content .sub{
        font-size:1.8em
    }
}
.split-feature .inner .content h2{
    max-width:400px
}
.split-feature .inner .content p{
    font-size:1.1em
}
.split-feature .inner .content li{
    color:#3B3B3B
}
.split-feature .inner .content li:hover{
    text-decoration:none
}
.split-feature .inner .content .link-wrap a{
    display:block;
    margin-top:1em;
    max-width:290px
}
.split-feature .inner .content .link-wrap a:first-child{
    margin-top:0
}
.split-feature .inner .media-wrap{
    position:relative
}
@media only screen and (min-width:768px){
    .split-feature .inner .media-wrap{
        width:50%
    }
}
.split-feature .inner .media-wrap.has-text:before{
    /* background:#241f1f; */
    border-radius:10px;
    bottom:0;
    content:'';
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1
}
.split-feature .inner .media-wrap img{
    border-radius:10px;
    box-shadow:0 0 10px 0 #e0e0e0
}
.split-feature .inner .media-wrap .vid-wrap{
    position:relative
}
.split-feature .inner .media-wrap .vid-wrap:before{
    content:'';
    display:block;
    padding-top:56.25%
}
.split-feature .inner .media-wrap .vid-wrap video{
    border-radius:10px;
    bottom:0;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.split-feature .inner .media-wrap .media-text{
    color:#fff;
    display:block;
    font-size:1.5em;
    left:50%;
    padding:1em;
    position:absolute;
    text-align:center;
    text-shadow:2px 1px 6px #241f1f;
    text-transform:uppercase;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    z-index:2
}
@media only screen and (min-width:768px){
    .split-feature .inner .media-wrap .media-text{
        font-size:1.6em
    }
}
@media only screen and (min-width:980px){
    .split-feature .inner .media-wrap .media-text{
        font-size:1.8em
    }
}
@media only screen and (min-width:1220px){
    .split-feature .inner .media-wrap .media-text{
        font-size:2em
    }
}
.split-feature+.expand-collapse{
    margin-top:-2em
}
@media only screen and (min-width:980px){
    .split-feature+.expand-collapse{
        margin-top:-4em
    }
}
.split-feature+.style-bg-default{
    margin-top:-2em
}
@media only screen and (min-width:980px){
    .split-feature+.style-bg-default{
        margin-top:-4em
    }
}
.split-feature+.multiple-link-callout.style-bg-default{
    margin-top:-3em
}
@media only screen and (min-width:980px){
    .split-feature+.multiple-link-callout.style-bg-default{
        margin-top:-8em
    }
}
.split-feature+.split-feature{
    margin-top:-4em
}
@media only screen and (min-width:980px){
    .split-feature+.split-feature{
        margin-top:-8em
    }
}
@media only screen and (min-width:1220px){
    .split-feature+.split-feature{
        margin-top:0em
    }
}
.multiple-link-callout .wrap .mod-hdr{
    margin-bottom:3em
}
.multiple-link-callout .wrap .mod-hdr h2{
    font-size:1.8em;
    text-transform:none
}
@media only screen and (min-width:768px){
    .multiple-link-callout .wrap .inner{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between
    }
}
.multiple-link-callout .wrap .inner .item{
    background-color:#fff;
    border-radius:10px;
    box-shadow:0 0 10px 0 #cacaca;
    display:block;
    margin-top:2em;
    position:relative
}
/* .multiple-link-callout .wrap .inner .item:first-child{
    margin-top:0
} */
@media only screen and (min-width:768px){
    .multiple-link-callout .wrap .inner .item{
        width:32%
    }
    /* .multiple-link-callout .wrap .inner .item:nth-child(2){
        margin-top:0
    } */
}
@media only screen and (min-width:980px){
    .multiple-link-callout .wrap .inner .item{
        margin-top:3em;
        width: 32%;
    }
}
.multiple-link-callout .wrap .inner .item.has-img{
    background-color:transparent;
    min-height:200px;
    text-decoration:none
}
@media only screen and (min-width:768px){
    .multiple-link-callout .wrap .inner .item.has-img{
        min-height:300px
    }
}
@media only screen and (min-width:980px){
    .multiple-link-callout .wrap .inner .item.has-img{
        min-height:400px
    }
}
.multiple-link-callout .wrap .inner .item.has-img .media-wrap:after{
    background:#241f1f;
    background:-moz-linear-gradient(left,#241f1f 33%,transparent 100%);
    background:-webkit-linear-gradient(left,#241f1f 33%,transparent 100%);
    background:linear-gradient(to right,#241f1f 33%,transparent 100%);
    bottom:0;
    display:block;
    content:'';
    height:100%;
    left:0;
    opacity:.7;
    position:absolute;
    right:0;
    width:100%;
    z-index:2
}
@media only screen and (min-width:980px){
    .multiple-link-callout .wrap .inner .item.has-img .media-wrap:after{
        width:80%
    }
}
.multiple-link-callout .wrap .inner .item.has-img .content{
    color:#fff
}
.multiple-link-callout .wrap .inner .item.has-img .link-wrap{
    padding-top:.5em
}
@media only screen and (min-width:980px){
    .multiple-link-callout .wrap .inner .item.has-img .link-wrap{
        padding-top:1em
    }
}
.multiple-link-callout .wrap .inner .item.has-img .link-wrap a{
    color:#fff;
    font-size:.9em
}
.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h1,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h2,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h3,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h4{
    padding-right:1em
}
.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h1:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h2:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h3:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .content h4:after{
    content:'\f061';
    font-size:.8em;
    padding-left:.5em;
    padding-top:.133em;
    position:absolute;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.multiple-link-callout .wrap .inner .item.has-img.full-link-callout .media-wrap:after{
    content:none
}
.multiple-link-callout .wrap .inner .item.has-img.full-link-callout:hover h1:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout:hover h2:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout:hover h3:after,.multiple-link-callout .wrap .inner .item.has-img.full-link-callout:hover h4:after{
    padding-left:.8em
}
.multiple-link-callout .wrap .inner .item.has-img.full-link-callout:hover .media-wrap img{
    transform:scale(1.05,1.05)
}
.multiple-link-callout .wrap .inner .item .media-wrap{
    border-radius:10px;
    bottom:0;
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0
}
.multiple-link-callout .wrap .inner .item .media-wrap img{
    border-radius:8px;
    height:100%;
    object-fit:cover;
    width:100%;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.multiple-link-callout .wrap .inner .item .content{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding-bottom:1em;
    position:relative;
    z-index:2
}
.multiple-link-callout .wrap .inner .item .content h2{
    font-size:1.6em
}
.multiple-link-callout .wrap .inner .item .content .hdr{
    background-color:#241f1f;
    border-radius:10px 0 0;
    clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,0 100%);
    margin-top:-1em;
    padding: 1em 0.75em;
    width: 100%;
}
@media only screen and (min-width:980px){
    .multiple-link-callout .wrap .inner .item .content .hdr{
        padding:1.25em 2em;
        width:75%
    }
}
.multiple-link-callout .wrap .inner .item .content h1,.multiple-link-callout .wrap .inner .item .content h2,.multiple-link-callout .wrap .inner .item .content h3,.multiple-link-callout .wrap .inner .item .content h4{
    color:#fff;
    font-size:1em;
    text-decoration:none;
    text-transform:uppercase
}
@media only screen and (min-width:768px){
    .multiple-link-callout .wrap .inner .item .content h1,.multiple-link-callout .wrap .inner .item .content h2,.multiple-link-callout .wrap .inner .item .content h3,.multiple-link-callout .wrap .inner .item .content h4{
        font-size:1.2em
    }
}
@media only screen and (min-width:1220px){
    .multiple-link-callout .wrap .inner .item .content h1,.multiple-link-callout .wrap .inner .item .content h2,.multiple-link-callout .wrap .inner .item .content h3,.multiple-link-callout .wrap .inner .item .content h4{
        font-size:1.5em
    }
}
.multiple-link-callout .wrap .inner .item .desc{
    max-width:500px;
    padding:1.5em 1em .5em;
    font-size:1.1em
}
@media only screen and (min-width:980px){
    .multiple-link-callout .wrap .inner .item .desc{
        padding:1.5em 2em .5em
    }
}
.multiple-link-callout .wrap .inner .item .link-wrap{
    padding-left:1.75em;
    padding-bottom:.5em;
    width:75%
}
@media only screen and (min-width:980px){
    .multiple-link-callout .wrap .inner .item .link-wrap{
        padding-left:2em;
        width:45%
    }
}
.multiple-link-callout .wrap .inner .item .link-wrap a{
    color:#363636;
    display:block;
    font-size:1.1em;
    padding-right:1em;
    text-decoration:none;
    text-transform:uppercase
}
.multiple-link-callout .wrap .inner .item .link-wrap a:before{
    background-image:url(../img/dashed-line-sm-white.svg);
    background-repeat:no-repeat;
    background-size:cover;
    content:'';
    display:block;
    height:2px;
    margin:1em 0;
    width:52px
}
.multiple-link-callout .wrap .inner .item .link-wrap a:first-child{
    margin-top:0
}
.multiple-link-callout .wrap .inner .item .link-wrap a:first-child:before{
    content:none
}
@media only screen and (min-width:768px){
    .multiple-link-callout.col-style-default .inner .item:nth-child(n+5)[data-aos-delay]{
        transition-delay:0s!important
    }
}
@media only screen and (min-width:768px){
    .multiple-link-callout.col-style-col-3 .wrap .inner .item{
        width:48.5%
    }
}
@media only screen and (min-width:980px){
    .multiple-link-callout.col-style-col-3 .wrap .inner .item{
        width:32%
    }
    .multiple-link-callout.col-style-col-3 .wrap .inner .item:nth-child(3){
        margin-top:0
    }
}
@media only screen and (min-width:980px){
    .multiple-link-callout.col-style-col-3 .wrap .inner .item{
        min-height:200px
    }
}
@media only screen and (min-width:768px){
    .multiple-link-callout.col-style-col-3 .wrap .inner .item .content .content-inner{
        min-height:55px
    }
}
@media only screen and (min-width:980px){
    .multiple-link-callout.col-style-col-3 .wrap .inner .item .content .hdr{
        padding:1em 1.5em 1em 2em;
        width:85%
    }
}
.multiple-link-callout.col-style-col-3 .wrap .inner .item .content .hdr h2,.multiple-link-callout.col-style-col-3 .wrap .inner .item .content .hdr h3,.multiple-link-callout.col-style-col-3 .wrap .inner .item .content .hdr h4{
    font-size:1em
}
@media only screen and (min-width:980px){
    .multiple-link-callout.col-style-col-3 .wrap .inner .item .content .hdr h2,.multiple-link-callout.col-style-col-3 .wrap .inner .item .content .hdr h3,.multiple-link-callout.col-style-col-3 .wrap .inner .item .content .hdr h4{
        font-size:1.1em
    }
}
.multiple-link-callout.col-style-col-3 .wrap .inner .item .content .link-wrap{
    display:block
}
.multiple-link-callout.col-style-col-3 .wrap .inner .item .content .link-wrap a{
    max-width:100%
}
.multiple-link-callout.col-style-col-3 .wrap .inner .item .content h1,.multiple-link-callout.col-style-col-3 .wrap .inner .item .content h2,.multiple-link-callout.col-style-col-3 .wrap .inner .item .content h3,.multiple-link-callout.col-style-col-3 .wrap .inner .item .content h4{
    font-size:1.6em
}
.related-products{
    background-color:#eee;
    padding:2em 0 5em
}
.related-products .wrap{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    opacity:1
}
@media only screen and (min-width:980px){
    .related-products .inner{
        display:flex;
        justify-content:space-between
    }
}
.related-products h2{
    font-size:1.3em;
    margin-bottom:1em
}
@media only screen and (min-width:980px){
    .related-products h2{
        font-size:1.5em
    }
}
.related-products h2:after{
    background-image:url(../img/dashed-line-orange.svg);
    background-repeat:no-repeat;
    content:'';
    display:block;
    height:5px;
    margin-top:.75em;
    width:125px
}
.related-products .slick-list{
    min-width:100%!important
}
@media only screen and (max-width:767px){
    .related-products .slick-list{
        padding:0 30% 0 0
    }
}
@media only screen and (max-width:510px){
    .related-products .slick-list{
        padding:0 20% 0 0
    }
}
.related-products .slick-track{
    min-width:100%!important
}
@media only screen and (min-width:768px){
    .related-products .slick-track{
        padding-bottom:2em
    }
}
.related-products .slick-dots{
    display:flex;
    justify-content:center;
    list-style:none;
    margin:0;
    padding:0
}
@media only screen and (min-width:980px){
    .related-products .slick-dots{
        display:none
    }
}
.related-products .slick-dots li{
    margin:0 .25em;
    outline:0
}
.related-products .slick-dots li button{
    background-color:transparent;
    border:2px solid #989898;
    border-radius:50%;
    display:block;
    height:16px;
    outline:0;
    padding:0;
    text-indent:-999em;
    width:16px
}
.related-products .slick-dots li button[aria-label="1 of 1"]{
    display:none
}
.related-products .slick-dots li.slick-active button{
    background-color:#989898
}
@media only screen and (min-width:980px){
    .related-products .multi-call-item,.related-products .related-item{
        width:31.5%!important;
        margin-right:1.8%;
        margin-top:3em
    }
    .related-products .multi-call-item:nth-child(1),.related-products .multi-call-item:nth-child(2),.related-products .multi-call-item:nth-child(3),.related-products .related-item:nth-child(1),.related-products .related-item:nth-child(2),.related-products .related-item:nth-child(3){
        margin-top:0
    }
}
.related-products .multi-call-item{
    opacity:1!important;
    transform:translate(0) scale(1)!important
}
@media only screen and (max-width:979px){
    .related-products .multi-call-item{
        margin-bottom:3em;
        margin-right:15px
    }
}
.related-products .multi-call-item:hover .media-wrap{
    border-color:#bbb
}
.related-products .multi-call-item:hover .content h2{
    background:#d83d15!important
}
.related-products .multi-call-item .media-wrap{
    align-items:center;
    background-color:#fff;
    border:4px solid #ddd;
    display:flex;
    height:350px;
    min-width:200px;
    position:relative;
    padding:1em 1.75em;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (max-width:510px){
    .related-products .multi-call-item .media-wrap{
        height:280px
    }
}
@media only screen and (max-width:400px){
    .related-products .multi-call-item .media-wrap{
        height:225px
    }
}
@media only screen and (min-width:768px){
    .related-products .multi-call-item .media-wrap{
        height:325px;
        padding:1em 2.5em
    }
}
@media only screen and (min-width:980px){
    .related-products .multi-call-item .media-wrap{
        height:300px;
        padding:1em 3em
    }
}
@media only screen and (min-width:1220px){
    .related-products .multi-call-item .media-wrap{
        height:350px
    }
}
.related-products .multi-call-item .media-wrap img{
    height:auto;
    max-width:100%;
    width:500px
}
.related-products .multi-call-item .content h2{
    background:#363636;
    bottom:-1.5em;
    color:#fff;
    border:none;
    border-radius:10px;
    display:inline-block;
    font-size:.9em;
    left:15%;
    line-height:1em;
    margin:0;
    padding:1em 1.5em;
    position:absolute;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:70%;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.related-products .multi-call-item .content h2:after{
    content:none
}
@media only screen and (min-width:1220px){
    .related-products .multi-call-item .content h2{
        font-size:1em
    }
}
.js .related-products .wrap{
    opacity:0
}
.js .related-products .wrap.slider-init{
    opacity:1
}
.related-item{
    font-size:1em;
    outline:0;
    position:relative;
    margin:0 15px 0 0;
    width:100%
}
@media only screen and (max-width:979px){
    .related-item{
        margin-bottom:3em
    }
}
@media only screen and (min-width:980px){
    .related-item{
        width:32.5%
    }
}
.related-item:hover .media{
    border:4px solid #bbb
}
.related-item:hover .btn{
    background:#d83d15!important
}
.related-item .media{
    align-items:center;
    background-color:#fff;
    border:4px solid #ddd;
    display:flex;
    height:350px;
    min-width:200px;
    position:relative;
    padding:1em 1.75em;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (max-width:510px){
    .related-item .media{
        height:280px
    }
}
@media only screen and (max-width:400px){
    .related-item .media{
        height:225px
    }
}
@media only screen and (min-width:768px){
    .related-item .media{
        height:325px;
        padding:1em 2.5em
    }
}
@media only screen and (min-width:980px){
    .related-item .media{
        height:300px;
        padding:1em 3em
    }
}
@media only screen and (min-width:1220px){
    .related-item .media{
        height:350px
    }
}
.related-item .media img,.related-item .media video{
    height:auto;
    max-width:100%;
    width:500px
}
.related-item .media video{
    background-color:#241f1f
}
.related-item .media:not(:first-child){
    display:none!important
}
.related-item .btn{
    bottom:-1.5em;
    font-size:.9em;
    left:15%;
    position:absolute;
    width:70%
}
@media only screen and (max-width:767px){
    .related-item .btn{
        font-size:.8em;
        left:7%;
        width:86%
    }
}
@media only screen and (max-width:400px){
    .related-item .btn{
        font-size:.75em
    }
}
@media only screen and (min-width:1220px){
    .related-item .btn{
        font-size:1em
    }
}
.product-group+.product-group{
    margin-top:-3.5em
}
.product-group-nav{
    background-color:#eee;
    padding-top:2em
}
.product-group-nav ul{
    background-color:#241f1f;
    list-style:none;
    display:inline-flex;
    flex-wrap:wrap;
    margin:0;
    padding:0 .25em;
    width:auto
}
@media only screen and (max-width:979px){
    .product-group-nav ul{
        background-color:transparent;
        padding-bottom:.5em;
        padding-left:0
    }
}
.product-group-nav ul li{
    position:relative
}
@media only screen and (max-width:979px){
    .product-group-nav ul li{
        margin-right:.75em
    }
}
.product-group-nav ul li:first-child:before{
    content:none
}
@media only screen and (min-width:980px){
    .product-group-nav ul li:before{
        background-color:#fff;
        content:'';
        bottom:.75em;
        left:-1px;
        position:absolute;
        top:.75em;
        width:2px
    }
}
.product-group-nav ul button{
    background-color:transparent;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:.9em;
    outline:0;
    padding:.75em 1em;
    text-transform:uppercase;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:980px){
    .product-group-nav ul button:hover{
        color:#FFE200
    }
}
@media only screen and (max-width:979px){
    .product-group-nav ul button{
        background-color:#241f1f;
        border-radius:5px;
        font-size:.7em;
        margin-top:.5em
    }
}
.callouts:not(.basic),.page-node-callouts:not(.basic){
    background-color:#363636;
    padding:4em 0
}
@media only screen and (min-width:1220px){
    .callouts:not(.basic),.page-node-callouts:not(.basic){
        padding:6em 0
    }
}
.callouts:not(.basic).gradient,.page-node-callouts:not(.basic).gradient{
    position:relative
}
.callouts:not(.basic).gradient:before,.page-node-callouts:not(.basic).gradient:before{
    background-image:radial-gradient(circle at bottom center,#c8c7c2fa,#0b4e29 70%);
    bottom:0;
    content:'';
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1
}
.callouts:not(.basic).gradient .wrap,.page-node-callouts:not(.basic).gradient .wrap{
    position:relative;
    z-index:2
}
.callouts:not(.basic).diamond-plated,.page-node-callouts:not(.basic).diamond-plated{
    position:relative
}
.callouts:not(.basic).diamond-plated:after,.page-node-callouts:not(.basic).diamond-plated:after{
    background-image:url(../img/diamond-plate.svg);
    bottom:0;
    content:'';
    display:block;
    left:0;
    mix-blend-mode:soft-light;
    opacity:.75;
    position:absolute;
    right:0;
    top:0;
    z-index:1
}
.callouts:not(.basic).diamond-plated .wrap,.page-node-callouts:not(.basic).diamond-plated .wrap{
    position:relative;
    z-index:2
}
.callouts:not(.basic) .inner,.page-node-callouts:not(.basic) .inner{
    display:flex;
    flex-wrap:wrap
}
@media only screen and (min-width:980px){
    .callouts:not(.basic) .inner,.page-node-callouts:not(.basic) .inner{
        justify-content:space-between
    }
}
.callouts:not(.basic) .callout-item,.page-node-callouts:not(.basic) .callout-item{
    background-color:#fff;
    border-radius:10px;
    box-shadow:0 0 10px 0 #0058a0
}
.callouts:not(.basic) .callout-item.style-sustainability .hdr,.page-node-callouts:not(.basic) .callout-item.style-sustainability .hdr{
    background-color:#007A3F
}
.callouts:not(.basic) .callout-item.style-sustainability .hdr:after,.page-node-callouts:not(.basic) .callout-item.style-sustainability .hdr:after{
    background-image:url(../img/angle-green-right.svg)
}
.callouts:not(.basic) .callout-item .hdr,.page-node-callouts:not(.basic) .callout-item .hdr{
    align-items:flex-start;
    background-color:#241f1f;
    border-radius:10px 0 0 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:-.75em 0 0;
    padding:1.25em 1.75em;
    position:relative;
    width:85%
}
@media only screen and (min-width:768px){
    .callouts:not(.basic) .callout-item .hdr,.page-node-callouts:not(.basic) .callout-item .hdr{
        width:75%
    }
}
@media only screen and (min-width:980px){
    .callouts:not(.basic) .callout-item .hdr,.page-node-callouts:not(.basic) .callout-item .hdr{
        padding:1.25em 1.5em 1.25em 2em;
        min-height:90px;
        width:57.5%
    }
}
@media only screen and (min-width:1220px){
    .callouts:not(.basic) .callout-item .hdr,.page-node-callouts:not(.basic) .callout-item .hdr{
        padding-right:3em
    }
}
.callouts:not(.basic) .callout-item .hdr:after,.page-node-callouts:not(.basic) .callout-item .hdr:after{
    background-image:url(../img/angle-blue-right.svg);
    background-position:right;
    background-repeat:no-repeat;
    content:'';
    display:block;
    height:100%;
    position:absolute;
    right:-50px;
    top:0;
    width:55px
}
.callouts:not(.basic) .callout-item .hdr h2,.page-node-callouts:not(.basic) .callout-item .hdr h2{
    color:#fff;
    margin:0;
    padding:0;
    text-transform:uppercase
}
@media only screen and (min-width:980px){
    .callouts:not(.basic) .callout-item .hdr h2,.page-node-callouts:not(.basic) .callout-item .hdr h2{
        font-size:1.35em
    }
}
@media only screen and (min-width:1220px){
    .callouts:not(.basic) .callout-item .hdr h2,.page-node-callouts:not(.basic) .callout-item .hdr h2{
        font-size:1.5em
    }
}
.callouts:not(.basic) .callout-item .content,.page-node-callouts:not(.basic) .callout-item .content{
    padding:1em 1.75em
}
@media only screen and (min-width:980px){
    .callouts:not(.basic) .callout-item .content,.page-node-callouts:not(.basic) .callout-item .content{
        padding:1.5em 2em
    }
}
@media only screen and (min-width:1220px){
    .callouts:not(.basic) .callout-item .content,.page-node-callouts:not(.basic) .callout-item .content{
        padding-right:3em
    }
}
.callouts:not(.basic) .callout-item.has-img,.page-node-callouts:not(.basic) .callout-item.has-img{
    position:relative
}
@media only screen and (min-width:980px){
    .callouts:not(.basic) .callout-item.has-img .content,.page-node-callouts:not(.basic) .callout-item.has-img .content{
        padding-right:45%
    }
}
.callouts:not(.basic) .callout-item.has-img .img-wrap,.page-node-callouts:not(.basic) .callout-item.has-img .img-wrap{
    position:absolute
}
@media only screen and (max-width:979px){
    .callouts:not(.basic) .callout-item.has-img .img-wrap,.page-node-callouts:not(.basic) .callout-item.has-img .img-wrap{
        display:none
    }
}
.callouts:not(.basic) .callout-item.has-img .img-wrap img,.page-node-callouts:not(.basic) .callout-item.has-img .img-wrap img{
    display:block;
    height:auto;
    width:100%
}
.callouts:not(.basic) .callout-item.has-img.img-style-thumbnail .img-wrap,.page-node-callouts:not(.basic) .callout-item.has-img.img-style-thumbnail .img-wrap{
    bottom:0;
    border-radius:10px;
    right:0;
    overflow:hidden;
    width:45%
}
.callouts:not(.basic) .callout-item.has-img.img-style-thumbnail .img-wrap img,.page-node-callouts:not(.basic) .callout-item.has-img.img-style-thumbnail .img-wrap img{
    border-radius:50%;
    bottom:-2.25em;
    position:relative;
    right:-2.25em;
    width:100%
}
.callouts:not(.basic) .callout-item.has-img.img-style-alt .img-wrap,.page-node-callouts:not(.basic) .callout-item.has-img.img-style-alt .img-wrap{
    bottom:0;
    right:0;
    width:40%
}
.callouts:not(.basic) .callout-item.has-img.img-style-default .img-wrap,.page-node-callouts:not(.basic) .callout-item.has-img.img-style-default .img-wrap{
    position:static
}
.callouts:not(.basic) .callout-item.has-img.img-style-default .content,.page-node-callouts:not(.basic) .callout-item.has-img.img-style-default .content{
    padding-right:2em;
    width:100%
}
.callouts .sub,.page-node-callouts .sub{
    color:#fff;
    font-size:.9em;
    margin:0
}
.callouts.basic{
    padding:2em 0;
    background-color:#eee
}
@media only screen and (min-width:980px){
    .callouts.basic{
        padding:3em 0
    }
}
@media only screen and (min-width:980px){
    .callouts.basic.count-1 .callout-item{
        padding:2em 6em 2em 5em
    }
}
.callouts.basic .callout-item{
    background-color:#fff;
    border-radius:10px;
    box-shadow:0 0 10px 0 #ddd;
    padding:2em
}
.callouts.basic .callout-item .sub{
    color:#241f1f
}
.callouts.basic .callout-item .sub-wrap+.title{
    padding-top:.25em
}
.callouts.basic .callout-item.style-sustainability .sub,.callouts.basic .callout-item.style-sustainability .title{
    color:#007A3F
}
.callout-item{
    margin:1em 0
}
@media only screen and (min-width:980px){
    .callout-item{
        width:48%
    }
}
@media only screen and (max-width:979px){
    .callout-item:first-child{
        margin-bottom:3em
    }
}
.callout-item .hdr h2{
    font-size:1.4em;
    margin-bottom:.5em
}
@media only screen and (min-width:980px){
    .callout-item .hdr h2{
        font-size:1.6em
    }
}
.callout-item .content p{
    font-size:1em;
    line-height:1.6em;
    margin:0
}
.callout-item .link-wrap{
    padding-top:1em
}
.callout-item.img-style-default .img-wrap{
    margin-bottom:.5em
}
.callout-item.img-style-default .img-wrap img{
    display:block;
    height:auto;
    width:100%
}
.callouts.count-1 .callout-item{
    margin:1em auto;
    width:100%
}
@media only screen and (min-width:768px){
    .callouts.count-1 .callout-item{
        max-width:840px
    }
}
@media only screen and (min-width:1220px){
    .callouts.count-1 .callout-item{
        max-width:870px
    }
}
.callouts.count-1 .callout-item.img-style-default .content{
    padding-right:30%
}
.callouts.count-1 .callout-item.img-style-default .img-wrap{
    width:28%
}
.callouts.count-1 .callout-item.img-style-default .img-wrap img{
    bottom:-2.5em;
    right:-2.5em
}
.callouts.count-1 .callout-item.img-style-thumbnail .content{
    padding-right:30%
}
.callouts.count-1 .callout-item.img-style-thumbnail .img-wrap{
    max-width:225px
}
.callouts.count-1 .callout-item.img-style-alt .content{
    padding-right:30%
}
.callouts.count-1 .callout-item.img-style-alt .img-wrap{
    max-width:200px
}
.expand-collapse .wrap{
    max-width:900px
}
.expand-collapse .hdr{
    margin-bottom:.75em
}
@media only screen and (min-width:980px){
    .expand-collapse .hdr h2{
        font-size:1.8em
    }
}
.expand-collapse .item{
    margin-top:.667em;
    border:4px solid #eee;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.expand-collapse .item.expand{
    border-color:#99bbdb
}
.expand-collapse .item.expand .title{
    background-color:#e6f7fd;
    border-bottom:none
}
.expand-collapse .item.expand .title h3:after{
    content:'\f068'
}
.expand-collapse .item .title{
    cursor:pointer;
    padding:.75em 1em;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.expand-collapse .item .title:hover{
    background-color:#e6f7fd
}
.expand-collapse .item .title h3{
    align-items:center;
    display:flex;
    font-size:1.1em;
    justify-content:space-between;
    margin:0;
    padding:0;
    text-transform:uppercase
}
.expand-collapse .item .title h3:after{
    content:'\f067'
}
.expand-collapse .item .content{
    border-top:none;
    padding:.75em 1em;
    font-size:.9em
}
.expand-collapse .item .content p{
    margin:0 0 .5em
}
.expand-collapse .item .content p:last-of-type{
    margin-bottom:0
}
.js .expand-collapse .item .content{
    display:none
}
.grid{
    padding:0
}
.grid>.wrap{
    max-width:1920px;
    padding:0
}
/*.grid .inner{*/
/*    display:grid*/
/*}*/
@media only screen and (min-width:1220px){
    .grid .inner{
        grid-gap:5px;
        grid-template-columns:7fr 3fr
    }
}
.grid .inner .item{
    display:flex;
    min-height:200px;
    position:relative
}
@media only screen and (max-width:1219px){
    .grid .inner .item{
        margin-top:.25em
    }
}
@media only screen and (min-width:1220px){
    .grid .inner .item{
        min-height:820px
    }
}
@media only screen and (min-width:1600px){
    .grid .inner .item{
        min-height:700px
    }
}
@media only screen and (min-width:1800px){
    .grid .inner .item{
        min-height:900px
    }
}
.grid .inner .item .hide-show-toggle{
    align-items:center;
    background-color:#241f1f;
    color:#FFE200;
    cursor:pointer;
    display:none;
    height:30px;
    justify-content:center;
    left:1em;
    padding:0;
    position:absolute;
    right:initial;
    top:1em;
    width:30px;
    z-index:100;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    display:none!important;
}
@media only screen and (min-width:1220px){
    .grid .inner .item .hide-show-toggle{
        display:flex
    }
}
.grid .inner .item .hide-show-toggle:hover{
    background-color:#003362
}
.grid .inner .item .hide-show-toggle:before{
    content:'\f060'
}
.grid .inner .item:not(:first-child) .media-wrap:after{
    bottom:0;
    content:'';
    left:0;
    opacity:.7;
    position:absolute;
    right:0;
    top:0;
    background:#241f1f;
    background:-moz-linear-gradient(left,#241f1f 0,transparent 75%);
    background:-webkit-linear-gradient(left,#241f1f 0,transparent 75%);
    background:linear-gradient(to right,#241f1f 0,transparent 75%);
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    -ms-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.grid .inner .item:not(:first-child).hover .media-wrap:after{
    background:#241f1f;
    background:-moz-linear-gradient(left,#241f1f 10%,transparent 100%);
    background:-webkit-linear-gradient(left,#241f1f 10%,transparent 100%);
    background:linear-gradient(to right,#241f1f 10%,transparent 100%);
    opacity:.8;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    -ms-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
@media only screen and (max-width:1219px){
    .grid .inner .item:not(:first-child){
        margin:.5em auto 0;
        max-width:840px;
        width:100%
    }
}
.grid .inner .item:not(:first-child) .content{
    text-shadow:1px 1px 2px #241f1f
}
@media only screen and (max-width:1219px){
    .grid .inner .item:not(:first-child) .content{
        display:flex;
        flex-direction:column;
        justify-content:flex-end
    }
}
@media only screen and (min-width:1220px){
    .grid .inner .item{
        align-items:flex-end
    }
}
.grid .inner .item .media-wrap{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.grid .inner .item .media-wrap img,.grid .inner .item .media-wrap video{
    display:block;
    height:100%;
    object-fit:cover;
    width:100%
}
.grid .inner .item .media-wrap .play-pause{
    align-items:center;
    bottom:0;
    color:#fff;
    cursor:pointer;
    display:none;
    font-size:.8em;
    padding:2em;
    position:absolute;
    right:0;
    text-transform:uppercase;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    text-shadow:2px 2px 2px #241f1f
}
@media only screen and (min-width:1220px){
    .grid .inner .item .media-wrap .play-pause{
        font-size:1em
    }
}
@media only screen and (min-width:980px){
    .grid .inner .item .media-wrap .play-pause:hover{
        opacity:.6
    }
}
.grid .inner .item .media-wrap .play-pause .icon{
    background:url(../img/play.svg) no-repeat;
    background-size:cover;
    height:70px;
    margin-left:1em;
    object-fit:unset;
    width:68px
}
@media only screen and (max-width:767px){
    .grid .inner .item .media-wrap .play-pause .icon{
        height:36px;
        width:35px
    }
}
.grid .inner .item .media-wrap .play-pause.playing .icon{
    background-image:url(../img/pause.svg)
}
.grid .inner .item .content{
    color:#fff;
    padding:1em;
    padding-right:45%;
    position:relative;
    z-index:2
}
.grid .inner .item .content a,.grid .inner .item .content h1,.grid .inner .item .content h2,.grid .inner .item .content h3,.grid .inner .item .content h4,.grid .inner .item .content p{
    color:#fff
}
.grid .inner .item .content h1{
    line-height:1em;
    padding:0
}
.grid .inner .item .content h2,.grid .inner .item .content h3,.grid .inner .item .content h4{
    font-size:1.2em;
    line-height:1em;
    min-width:200px
}
@media only screen and (min-width:768px){
    .grid .inner .item .content h2,.grid .inner .item .content h3,.grid .inner .item .content h4{
        font-size:1.3em
    }
}
@media only screen and (min-width:1220px){
    .grid .inner .item .content h2,.grid .inner .item .content h3,.grid .inner .item .content h4{
        font-size:1.2em
    }
}
@media only screen and (min-width:1600px){
    .grid .inner .item .content h2,.grid .inner .item .content h3,.grid .inner .item .content h4{
        font-size:1.4em
    }
}
.grid .inner .item .link-wrap{
    min-width:200px
}
.grid .inner .item .btn-link{
    display:block;
    font-size:.9em;
    padding:.5em .5em .5em 0;
    width:90%
}
.grid .inner .item .btn-link:after{
    font-size:.9em;
    padding-top:.333em
}
@media only screen and (max-width:1219px){
    .grid .inner .item:first-child{
        display:block;
        margin-top:0
    }
}
@media only screen and (min-width:1220px){
    .grid .inner .item:first-child{
        grid-row:1/span 3
    }
}
@media only screen and (max-width:1219px){
    .grid .inner .item:first-child .media-wrap{
        position:relative
    }
}
.grid .inner .item:first-child .content{
    clip-path:polygon(0 0,100% 0,calc(100% - 50px) 100%,0 100%);
    left:0;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
@media only screen and (max-width:1219px){
    .grid .inner .item:first-child .content{
        color:#666;
        margin-top:-1.5em;
        padding:0 1.5em 2em
    }
}
@media only screen and (min-width:1220px){
    .grid .inner .item:first-child .content{
        background-color:#064d2c;
        bottom:-3.5em;
        width:500px;
        padding:2.5em 3em 2.5em 5em
    }
}
@media only screen and (min-width:1600px){
    .grid .inner .item:first-child .content{
        bottom:-2.5em;
        width:580px;
        padding:3em 5em 3em 7.5em
    }
}
@media only screen and (min-width:1800px){
    .grid .inner .item:first-child .content{
        clip-path:polygon(0 0,100% 0,calc(100% - 55px) 100%,0 100%);
        padding:3.25em 5.5em 3.25em 8em;
        width:610px
    }
}
@media only screen and (min-width:1220px){
    .grid .inner .item:first-child .content.hidden{
        left:-430px
    }
}
@media only screen and (min-width:1600px){
    .grid .inner .item:first-child .content.hidden{
        left:-510px
    }
}
@media only screen and (min-width:1800px){
    .grid .inner .item:first-child .content.hidden{
        left:-540px
    }
}
.grid .inner .item:first-child .content.hidden .hide-show-toggle{
    left:initial;
    right:1.5em
}
.grid .inner .item:first-child .content.hidden .hide-show-toggle:before{
    content:'\f061'
}
@media only screen and (max-width:1219px){
    .grid .inner .item:first-child .content h1,.grid .inner .item:first-child .content h2{
        background-color:#064d2c;
        font-size:1.8em;
        padding:1em 0 1em 1em;
        position:relative;
        width:300px
    }
}
@media only screen and (max-width:400px){
    .grid .inner .item:first-child .content h1,.grid .inner .item:first-child .content h2{
        font-size:1.7em;
        width:275px
    }
}
@media only screen and (min-width:1220px){
    .grid .inner .item:first-child .content h1,.grid .inner .item:first-child .content h2{
        font-size:1.5em
    }
}
@media only screen and (min-width:1600px){
    .grid .inner .item:first-child .content h1,.grid .inner .item:first-child .content h2{
        font-size:1.5em
    }
}
@media only screen and (min-width:1600px){
    .grid .inner .item:first-child .content h1,.grid .inner .item:first-child .content h2{
        font-size:1.5em
    }
}
@media only screen and (max-width:1219px){
    .grid .inner .item:first-child .content h1:before,.grid .inner .item:first-child .content h2:before{
        background-color:#064d2c;
        content:'';
        display:block;
        height:100%;
        left:-1.5em;
        position:absolute;
        top:0;
        width:1.5em
    }
}
@media only screen and (max-width:1219px){
    .grid .inner .item:first-child .content h1:after,.grid .inner .item:first-child .content h2:after{
        background-image:url(../img/black-banner-bg.webp);
        background-position:right 0;
        background-repeat:no-repeat;
        content:'';
        display:block;
        height:100%;
        position:absolute;
        right:-39px;
        top:0;
        width:40px
    }
}
@media only screen and (max-width:1219px){
    .grid .inner .item:first-child .content p{
        color:#666
    }
}
.grid .inner .item:first-child .content .link-wrap{
    padding-top:1em
}
.grid .inner .item:first-child .btn-link{
    border:1px solid #FFE200;
    border-radius:10px;
    display:inline-block;
    padding:.667em;
    width:auto;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease
}
.grid .inner .item:first-child .btn-link:hover{
    background-color:#FFE200;
    color:#241f1f
}
.grid .inner .item:first-child .btn-link:after{
    position:relative
}
@media only screen and (max-width:1219px){
    .grid .inner .item:first-child .btn-link{
        border:1px solid #241f1f;
        color:#241f1f
    }
}
@media only screen and (min-width:1220px){
    .grid.style-alt .inner .item{
        min-height:165px
    }
}
@media only screen and (min-width:1400px){
    .grid.style-alt .inner .item{
        min-height:190px
    }
}
@media only screen and (min-width:1600px){
    .grid.style-alt .inner .item{
        min-height:220px
    }
}
@media only screen and (min-width:1800px){
    .grid.style-alt .inner .item{
        min-height:245px
    }
}
@media only screen and (min-width:1220px){
    .grid+.mod{
        padding-top:8em!important
    }
}
.js .grid .inner .item .media-wrap .play-pause{
    display:flex
}
.tabs .wrap{
    max-width:900px
}
.tabs.full-width .wrap,.tabs.has-sidebar .wrap{
    max-width:1200px
}
@media only screen and (max-width:979px){
    .tabs.full-width .wrap,.tabs.has-sidebar .wrap{
        display:block!important
    }
    .tabs.full-width .wrap .sidebar,.tabs.has-sidebar .wrap .sidebar{
        margin-top:2em;
        margin-left:0
    }
    .tabs.full-width .wrap .sidebar .callout-item,.tabs.has-sidebar .wrap .sidebar .callout-item{
        width:100%
    }
}
.tabs .tabs-wrap{
    width:100%
}
.tabs .tabs-wrap .tabs-nav{
    display:none;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:0
}
.tabs .tabs-wrap .tabs-nav li{
    margin-top:0;
    margin-left:-.75em;
    position:relative
}
.tabs .tabs-wrap .tabs-nav li:first-child{
    margin-left:0
}
.tabs .tabs-wrap .tabs-nav li:first-child button{
    clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)
}
@media only screen and (min-width:768px){
    .tabs .tabs-wrap .tabs-nav li:first-child button{
        padding-left:1em
    }
}
.tabs .tabs-wrap .tabs-nav li:last-child button{
    clip-path:polygon(20px 0,100% 0,100% 100%,0 100%)
}
.tabs .tabs-wrap .tabs-nav li button{
    background-color:#FFE200;
    border:none;
    border-bottom:4px solid #fff;
    clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);
    color:#241f1f;
    cursor:pointer;
    font-size:.9em;
    min-width:190px;
    outline:0;
    padding:1em 3em 1em 2em;
    position:relative;
    text-align:left;
    width:100%;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:1220px){
    .tabs .tabs-wrap .tabs-nav li button{
        font-size:1em
    }
}
.tabs .tabs-wrap .tabs-nav li button:hover:after{
    background-color:#FFE200
}
.tabs .tabs-wrap .tabs-nav li button:after{
    height:4px;
    display:block;
    content:'';
    background-color:transparent;
    position:absolute;
    bottom:-4px;
    right:-2px;
    left:-2px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.tabs .tabs-wrap .tabs-nav li button.active{
    background-color:#241f1f;
    color:#fff
}
.tabs .tabs-wrap .tabs-nav li button.active:after{
    background-color:#241f1f
}
.tabs .tabs-wrap .tabs-nav li button .icon{
    height:auto;
    width:30px
}
.tabs .tabs-wrap .tab-content{
    border:5px solid #eee;
    min-height:150px
}
.tabs .tabs-wrap .tab-content h2,.tabs .tabs-wrap .tab-content h3,.tabs .tabs-wrap .tab-content h4{
    font-size:1.4em;
    margin-bottom:1em
}
.tabs .tabs-wrap .tab-content h2:after,.tabs .tabs-wrap .tab-content h3:after,.tabs .tabs-wrap .tab-content h4:after{
    background-image:url(../img/dashed-line-orange.svg);
    background-repeat:no-repeat;
    content:'';
    display:block;
    height:5px;
    margin-top:.75em;
    width:125px
}
.tabs .tabs-wrap .content{
    display:block;
    padding:2em
}
.tabs .tabs-wrap .content.active{
    display:block
}
.tabs .tabs-wrap .content p{
    margin:0 0 .75em
}
.tabs .tabs-wrap .content ul.press-list li{
    margin-top:.75em
}
.tabs.count-2:not(.alt) .tabs-nav li{
    width:calc(50% + .375em)
}
@media only screen and (max-width:767px){
    .tabs:not(.count-2) .tabs-wrap .tabs-nav li{
        margin-bottom:.25em;
        margin-left:0;
        width:100%
    }
}
@media only screen and (max-width:767px){
    .tabs:not(.count-2) .tabs-wrap .tabs-nav li button{
        border-bottom:none;
        clip-path:none
    }
    .tabs:not(.count-2) .tabs-wrap .tabs-nav li button:after{
        content:none
    }
}
.tabs.alt .tabs-wrap .tabs-nav li{
    margin:0
}
.tabs.alt .tabs-wrap .tabs-nav li button{
    align-items:center;
    background-color:transparent;
    border-bottom:none;
    clip-path:none;
    color:#241f1f;
    display:flex;
    font-size:.9em;
    flex-direction:column;
    height:100%;
    justify-content:center;
    min-width:0;
    padding:1em;
    text-align:center;
    width:150px
}
@media only screen and (max-width:510px){
    .tabs.alt .tabs-wrap .tabs-nav li button{
        padding:.75em;
        width:140px
    }
}
@media only screen and (min-width:1220px){
    .tabs.alt .tabs-wrap .tabs-nav li button{
        font-size:1em;
        width:174px
    }
}
.tabs.alt .tabs-wrap .tabs-nav li button.active{
    background-color:#FFE200
}
.tabs.alt .tabs-wrap .tabs-nav li button:after{
    content:none
}
.tabs.alt .tabs-wrap .tabs-nav li button .icon-wrap{
    height:40px;
    display:flex;
    margin-bottom:.5em;
    width:40px
}
@media only screen and (min-width:1220px){
    .tabs.alt .tabs-wrap .tabs-nav li button .icon-wrap{
        height:45px;
        width:45px
    }
}
.tabs.alt .tabs-wrap .tabs-nav li button .icon-wrap img{
    width:100%;
    max-height:42px
}
.tabs.alt .tabs-wrap .content .col-count-2{
    font-size:1.1em
}
@media only screen and (max-width:510px){
    .tabs.alt .tabs-wrap .content .col-count-2{
        font-size:1em
    }
}
@media only screen and (max-width:979px){
    .tabs.alt .tabs-wrap .content .col-count-2{
        padding-left:.25em
    }
}
@media only screen and (min-width:768px){
    .tabs.alt .tabs-wrap .content .col-count-2{
        column-count:2
    }
}
@media only screen and (min-width:980px){
    .tabs.alt .tabs-wrap .content .col-count-2{
        font-size:1.2em
    }
}
.tabs.alt .tabs-wrap .content .col-count-2 li{
    margin-right:1em
}
.tabs .additional-content{
    margin-top:2em
}
.tabs .additional-content .title{
    color:#241f1f
}
@media only screen and (min-width:768px){
    .tabs .additional-content .col-count-2{
        column-count:2
    }
}
.tabs .additional-content .col-count-2 li{
    margin-right:1em
}
.tabs+.split-feature{
    margin-top:-2em
}
@media only screen and (min-width:980px){
    .tabs+.split-feature{
        margin-top:-4em
    }
}
.js .tabs .tabs-wrap .tabs-nav{
    display:flex
}
.js .tabs .tabs-wrap .content{
    display:none
}
.js .tabs .tabs-wrap .content.active{
    display:block
}
@media only screen and (min-width:768px){
    .two-col-content>.wrap{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between
    }
}
@media only screen and (min-width:768px){
    .two-col-content .col{
        width:48%
    }
}
@media only screen and (min-width:1220px){
    .two-col-content .col{
        width:45%
    }
}
.two-col-content .col .callout-item{
    border:5px solid #eee;
    margin-bottom:2em;
    padding:1.5em;
    width:100%
}
.two-col-content .col .callout-item h2{
    font-size:1.3em
}
.two-col-content .col .lg-link-wrap a{
    background-color:#eee;
    color:#363636;
    display:block;
    font-size:1.2em;
    margin-top:.5em;
    text-decoration:none;
    overflow:hidden;
    padding:1em;
    position:relative;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}
.two-col-content .col .lg-link-wrap a:hover{
    background-color:#ddd
}
.two-col-content .col .lg-link-wrap a:hover:after{
    padding-left:1em
}
.two-col-content .col .lg-link-wrap a:first-child{
    margin-top:0
}
.two-col-content .col .lg-link-wrap a:after{
    content:'\f061';
    padding-left:.5em;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:980px){
    .two-col-content .col .lg-link-wrap a{
        font-size:1.4em
    }
}
.two-col-content .media-wrap img{
    height:auto;
    width:100%
}
.two-col-content p:first-child+.eb-map{
    margin-top:-1em
}
.stats{
    background-color:#eee;
    padding:2em 0
}
@media only screen and (min-width:980px){
    .stats{
        padding:3em 0
    }
}
@media only screen and (min-width:768px){
    .stats .inner{
        display:flex;
        justify-content:center
    }
}
.stats .inner .item{
    margin:1.5em auto 0;
    max-width:300px;
    padding:0 2em;
    text-align:center
}
.stats .inner .item:first-child{
    margin-top:0
}
@media only screen and (min-width:768px){
    .stats .inner .item{
        margin:0;
        width:33.333%
    }
}
.stats .inner .item .stat{
    color:#241f1f;
    font-size:2em
}
@media only screen and (min-width:980px){
    .stats .inner .item .stat{
        font-size:2.25em
    }
}
.stats .inner .item .supporting{
    margin:0 auto;
    max-width:300px
}
@media only screen and (min-width:980px){
    .header-bar{
        padding:3em 0
    }
}
@media only screen and (min-width:980px){
    .header-bar h1{
        font-size:2.25em
    }
}
@media only screen and (min-width:1220px){
    .header-bar h1{
        font-size:2.5em
    }
}
.header-bar h1,.header-bar h2,.header-bar h3{
    max-width:750px
}
.header-bar h1:after,.header-bar h2:after,.header-bar h3:after{
    background-image:url(../img/dashed-line-orange.svg);
    background-repeat:no-repeat;
    content:'';
    display:block;
    height:5px;
    margin-top:.5em;
    max-width:600px;
    width:125px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.header-bar h1+p,.header-bar h2+p,.header-bar h3+p{
    margin-top:1.25em
}
.header-bar p{
    font-size:1em;
    max-width:750px
}
@media only screen and (min-width:768px){
    .header-bar p{
        font-size:1.1em
    }
}
@media only screen and (min-width:768px){
    .header-bar .wrap{
        align-items:center;
        display:flex;
        justify-content:space-between
    }
}
@media only screen and (max-width:767px){
    .header-bar .link-wrap{
        padding-top:1.25em
    }
}
@media only screen and (min-width:768px){
    .header-bar .link-wrap{
        padding-left:2em
    }
}
.header-bar .link-wrap a{
    font-size:1em;
    max-width:400px
}
@media only screen and (min-width:980px){
    .header-bar .link-wrap a{
        font-size:1.2em
    }
}
.header-bar .link-wrap a:hover{
    background:#d83d15
}
.header-bar .link-wrap a:after{
    content:''
}
.mod ul.eb-no-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    list-style:none;
    margin-bottom:0;
    padding:0
}
@media only screen and (max-width:510px){
    .mod ul.eb-no-list{
        display:block
    }
}
.mod ul.eb-no-list>li{
    margin:0;
    padding:1em 1em 0;
    text-align:center;
    width:30%
}
@media only screen and (max-width:510px){
    .mod ul.eb-no-list>li{
        margin:1em auto 0;
        max-width:300px;
        width:100%
    }
    .mod ul.eb-no-list>li:first-child{
        margin-top:0
    }
}
.mod ul.eb-no-list>li img{
    width:25%
}
.mod.style-bg-grey-light+.product-group-nav{
    margin-top:-1.5em;
    padding-top:0
}
@media only screen and (min-width:980px){
    .mod.style-bg-grey-light+.product-group-nav{
        margin-top:-2.5em
    }
}
.mod.style-bg-grey-light+.product-group{
    padding-top:0
}
@media only screen and (min-width:980px){
    .mod.style-bg-grey-light+.product-group{
        margin-top:-1.5em
    }
}
.mod.webform form{
    background-color:#fff;
    border-radius:3px;
    box-shadow:0 6px 10px #d5d5d5;
    margin:0 auto;
    max-width:860px;
    padding:1.5em
}
.mod.webform form input:not(.form-submit),.mod.webform form select,.mod.webform form textarea{
    border:3px solid #e0e0e0;
    color:#241f1f;
    font-size:1em;
    line-height:1em;
    outline:0;
    padding:.33em;
    width:100%;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.mod.webform form input:not(.form-submit):focus,.mod.webform form select:focus,.mod.webform form textarea:focus{
    border-color:#a8a8a8
}
.mod.webform form input.form-checkbox{
    width:auto
}
.mod.webform form select{
    height:34px
}
.mod.webform form .form-item-heading h2{
    font-size:1.5em
}
@media only screen and (min-width:768px){
    .mod.webform form .fieldset-wrapper{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        width:100%!important
    }
}
@media only screen and (min-width:768px){
    .mod.webform form .fieldset-wrapper .form-wrapper{
        width:48%
    }
}
.mod.webform form .form-wrapper{
    min-height:0!important
}
@media only screen and (min-width:768px){
    .mod.webform form .form-wrapper.has-children{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between
    }
}
@media only screen and (min-width:768px){
    .mod.webform form .form-wrapper.has-children .form-item{
        width:48%
    }
}
.mod.webform form .form-wrapper.captcha{
    font-size:.9em;
    width:100%
}
.mod.webform form .form-wrapper.captcha summary{
    margin-bottom:.5em
}
.mod.webform form .form-wrapper.captcha .g-recaptcha{
    margin-top:.75em
}
.mod.webform form .form-item{
    margin-top:1em
}
.mod.webform form .form-item label{
    display:block;
    margin-bottom:.25em
}
.mod.webform form .form-item label.form-required:after{
    color:#241f1f;
    content:'*';
    margin-left:.25em
}
.mod.webform form .has-checkbox{
    display:flex
}
.mod.webform form .has-checkbox label{
    padding-left:.25em
}
.mod.webform form .form-submit{
    cursor:pointer;
    margin-top:2em;
    min-width:150px
}
.mod.webform form .form-submit:hover{
    background-color:#d83d15
}
.mod.webform fieldset{
    border:none;
    padding:0
}
.mod.webform fieldset:first-child legend{
    padding-top:0
}
.mod.webform fieldset legend{
    color:#241f1f;
    font-size:1.2em;
    padding:1.5em 0 0
}
.mod.webform .webform-confirmation__message{
    font-size:1.2em;
    color:#241f1f
}
.mod.webform .webform-confirmation__back a:after{
    content:'\f061';
    padding-left:.5em
}
.mod.webform div[role=alert]{
    background-color:#ffe6e6;
    border:2px solid #ab0000;
    color:#ab0000;
    margin-bottom:1em;
    padding:1em
}
.mod.webform div[role=alert] a{
    color:#ab0000
}
.mod.webform div[role=alert] a:hover{
    text-decoration:none
}
.mod.webform #edit-actions .form-submit{
    margin-right:1em
}
.mod.webform form.webform-submission-energy-bag-starter-kit-add-form fieldset legend{
    display:none
}
.mod.webform form.webform-submission-energy-bag-starter-kit-add-form fieldset .fieldset-wrapper .form-item{
    margin-top:1em;
    width:45%
}
.mod.webform form.webform-submission-energy-bag-starter-kit-add-form input[data-drupal-selector=edit-wizard-prev]{
    background-color:transparent;
    color:#d83d15
}
.mod.webform form.webform-submission-energy-bag-starter-kit-add-form input[data-drupal-selector=edit-wizard-prev]:hover{
    background-color:#f7f7f7
}
.eb-map{
    border:1px solid #dbdbdb;
    overflow:hidden;
    padding-top:75%;
    position:relative
}
.eb-map svg{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    transform:scale(2.5) translate(-3%,-16.5%)
}
.eb-map svg path[data-href]{
    cursor:pointer;
    fill:#363636;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.eb-map svg path[data-href]:hover{
    fill:#241f1f
}
@media only screen and (min-width:768px){
    .eb-work-list .inner{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        margin:0 -1em
    }
}
.eb-work-list .inner .item{
    background-color:#eee;
    margin:1em 0;
    padding:1em;
    text-align:center;
    clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 20px) 100%,0 100%,0 0)
}
@media only screen and (min-width:768px){
    .eb-work-list .inner .item{
        margin:.5em;
        width:31%
    }
}
.eb-work-list .inner .item span.num{
    align-items:center;
    border:4px solid;
    border-radius:50%;
    color:#363636;
    display:inline-flex;
    font-size:1.4em;
    height:45px;
    justify-content:center;
    margin-bottom:.25em;
    width:45px
}
.eb-work-list .inner .item p{
    margin:.5em 0 0
}
.eb-work-list .inner .item p:first-of-type{
    margin-top:0
}
@media only screen and (min-width:768px){
    .whats-new-wrap .header-bar h1{
        width:55%
    }
}
@media only screen and (min-width:768px){
    .whats-new-wrap .rich-text .inner{
        display:flex;
        flex-wrap:wrap;
        flex-direction:row-reverse
    }
}
.whats-new-wrap .rich-text .inner .img-wrap{
    margin-bottom:1.5em
}
@media only screen and (min-width:768px){
    .whats-new-wrap .rich-text .inner .img-wrap{
        width:33.3%
    }
}
.whats-new-wrap .rich-text .inner .img-wrap img{
    background-color:#fff;
    box-shadow:0 3px 3px rgba(0,0,0,.33);
    border-radius:8px;
    height:auto;
    width:100%
}
.whats-new-wrap .rich-text .inner .content{
    display:flex;
    flex-direction:column
}
@media only screen and (min-width:768px){
    .whats-new-wrap .rich-text .inner .content{
        padding-right:10%;
        width:66.7%
    }
}
.whats-new-wrap .rich-text .inner .content .back{
    align-items:flex-end;
    display:flex;
    flex-grow:1;
    min-height:40px
}
.mod.mod-view{
    background-color:#eee
}
.mod.mod-view .views-exposed-form{
    display:none;
    margin-bottom:2em
}
.mod.mod-view .views-exposed-form label{
    margin-right:1em
}
.mod.mod-view .views-exposed-form .button{
    cursor:pointer;
    font-size:.9em;
    height:40px
}
.mod.mod-view .views-exposed-form .button:hover{
    background-color:#d83d15
}
.viewsreference--view-title{
    display:none
}
.wgitb-search-wrap{
    position:relative;
    max-width:375px
}
.wgitb-search-wrap:after{
    content:"\f002";
    color:#363636;
    position:absolute;
    right:14px;
    font-size:1.3em;
    top:18px
}
#wgitb-search{
    border:4px solid #e0e0e0;
    color:#3B3B3B;
    font-size:1.1em;
    font-style:italic;
    line-height:1em;
    outline:0;
    padding:.75em 50px .75em 1.25em;
    width:100%;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
#wgitb-search:focus{
    border-color:#241f1f
}
.what-goes-in-the-bag{
    border:1px solid #ddd;
    background-color:#fff;
    padding:.5em 1em;
    margin:1.5em 0 2.5em;
    max-height:295px;
    max-width:900px;
    overflow-x:hidden;
    overflow-y:auto;
    position:relative
}
@media only screen and (min-width:768px){
    .what-goes-in-the-bag{
        max-height:250px
    }
}
.what-goes-in-the-bag::-webkit-scrollbar{
    width:12px
}
.what-goes-in-the-bag::-webkit-scrollbar-track{
    border-radius:5px;
    background-color:#b3b3b3
}
.what-goes-in-the-bag::-webkit-scrollbar-thumb{
    border-radius:5px;
    background-color:#363636
}
@media only screen and (min-width:768px){
    .what-goes-in-the-bag>.view{
        display:flex;
        flex-wrap:wrap
    }
}
.what-goes-in-the-bag .wgitb-item{
    border-bottom:1px solid #ddd;
    padding:1em 1em 1em .5em
}
@media only screen and (min-width:768px){
    .what-goes-in-the-bag .wgitb-item{
        width:50%
    }
}
@media only screen and (min-width:1220px){
    .what-goes-in-the-bag .wgitb-item{
        width:33.33%
    }
}
.what-goes-in-the-bag .not-allowed{
    color:#666
}
.what-goes-in-the-bag .not-allowed h4{
    color:#666
}
.what-goes-in-the-bag .not-allowed h4:before{
    content:"\f00d"
}
.what-goes-in-the-bag .not-allowed .content{
    color:#333
}
.what-goes-in-the-bag .is-allowed{
    color:#007A3F
}
.what-goes-in-the-bag .is-allowed h4{
    color:#007A3F
}
.what-goes-in-the-bag .is-allowed h4:before{
    content:"\f00c"
}
.what-goes-in-the-bag .is-allowed .content{
    background-color:#ebf4f0;
    color:#005c2f
}
.what-goes-in-the-bag h4{
    font-size:1em;
    margin-bottom:.25em
}
.what-goes-in-the-bag h4:before{
    margin-right:.25em
}
.what-goes-in-the-bag span{
    font-size:.9em
}
.what-goes-in-the-bag .content{
    background-color:#f2f2f2;
    font-size:.8em;
    line-height:.75em;
    margin-top:.5em;
    padding:.5em
}
.what-goes-in-the-bag .wgitb-not-found{
    margin:0;
    padding:1em
}
.sitemap .sitemap-item h2{
    font-size:1.4em;
    text-transform:none
}
@media only screen and (min-width:980px){
    .sitemap .sitemap-item h2{
        font-size:1.6em
    }
}
@media (prefers-reduced-motion:reduce){
    *,:after,:before{
        transition:none!important;
        animation:none!important
    }
}
.toolbar .toolbar-bar{
    position:absolute;
    top:0;
    right:0;
    left:0
}
.toolbar .toolbar-tray{
    position:absolute
}
.visually-hidden{
    display:none
}
.screen-reader-text{
    border:0;
    clip:rect(1px,1px,1px,1px);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute!important;
    width:1px;
    word-wrap:normal!important
}
.screen-reader-text:focus{
    background-color:#eee;
    clip:auto!important;
    clip-path:none;
    color:#444;
    display:block;
    font-size:1em;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
.ps-widget[data-ps-sku],.ps-widget[ps-sku]{
    background:#363636!important;
    border:none!important;
    border-radius:8px!important;
    display:inline-block!important;
    float:none!important;
    font-family:Montserrat,sans-serif!important;
    font-size:17px!important;
    font-weight:800!important;
    min-width:220px!important;
    padding:.5em 2.5em!important
}
@media only screen and (min-width:980px){
    .ps-widget[data-ps-sku],.ps-widget[ps-sku]{
        font-size:20px!important;
        min-width:240px!important
    }
}
.ps-widget[data-ps-sku]:hover,.ps-widget[ps-sku]:hover{
    background:#d83d15!important
}
.page-node-callouts:not(.basic){
    background-color:#fff!important;
    padding:0!important
}
.page-node-callouts:not(.basic) .main{
    margin:0;
    padding:5em 2em;
    position:relative;
    z-index:2
}
@media only screen and (min-width:980px){
    .page-node-callouts:not(.basic) .main{
        padding:15em 2em 5em
    }
}
.page-node-callouts:not(.basic) .main:before{
    background-image:radial-gradient(circle at bottom center,#ffca05,#363636 70%);
    bottom:0;
    content:'';
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1
}
.page-node-callouts:not(.basic) .main .callout-item{
    margin:0 auto;
    max-width:600px;
    position:relative;
    z-index:2
}
@media only screen and (min-width:1220px){
    .page-node-callouts:not(.basic) .main .callout-item.img-style-alt{
        margin-top:3em
    }
}
.user-login-form{
    margin:0 auto;
    max-width:900px;
    padding:3em
}
.user-login-form .form-item{
    margin:1em 0
}
.user-login-form input:not(.form-submit),.user-login-form select,.user-login-form textarea{
    border:3px solid #e0e0e0;
    color:#241f1f;
    font-size:1em;
    line-height:1em;
    outline:0;
    padding:.33em;
    width:100%;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.user-login-form input:not(.form-submit):focus,.user-login-form select:focus,.user-login-form textarea:focus{
    border-color:#a8a8a8
}
.user-login-form input.form-checkbox{
    width:auto
}
.user-login-form .description{
    font-size:.9em
}
.user-login-form select{
    height:34px
}
.user-login-form .form-submit{
    cursor:pointer;
    margin-top:2em;
    min-width:150px
}
.user-login-form .form-submit:hover{
    background-color:#d83d15
}
.local-tasks{
    background-color:#fff!important
}
.local-tasks h2{
    font-size:1.4em;
    margin-bottom:.25em
}
.local-tasks a{
    color:#241f1f!important
}
.footer-notice{
    background-color:#9a0e00;
    border-top:2px solid #fff;
    bottom:0;
    color:#fff;
    padding:1em .5em;
    position:fixed;
    width:100%;
    z-index:5
}
.footer-notice p{
    font-size:1em;
    padding-left:4em
}
.footer-notice p:first-child{
    position:relative
}
.footer-notice p:first-child .fa-exclamation-triangle{
    font-size:2.75em;
    position:absolute;
    left:0
}
.footer-notice a{
    color:#fff
}
.footer-notice a:hover{
    text-decoration:none
}
.colorbox-inline-btn{
    display:none
}
.js .colorbox-inline-content{
    display:none
}
.js .colorbox-inline-btn{
    display:block
}
#colorbox{
    outline:0
}
#colorbox #cboxClose{
    background-color:transparent;
    border:none;
    color:#fff;
    font-size:14px;
    letter-spacing:2px;
    outline:0;
    padding-right:35px;
    right:25px;
    text-transform:uppercase;
    top:5px;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in
}
#colorbox #cboxClose:after{
    background:url(../img/close-x.svg) no-repeat 50% 50%;
    content:'';
    display:block;
    height:28px;
    position:absolute;
    right:0;
    top:-6px;
    width:28px;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in
}
#colorbox #cboxLoadedContent{
    position:relative
}
#colorbox #cboxLoadingGraphic{
    background:#241f1f url(../img/loader-white.svg) no-repeat 50% 50%;
    background-size:90px 23px!important
}
#colorbox iframe{
    border:none;
    min-height:600px;
    width:100%!important
}
#colorbox .bdy-text{
    max-width:600px;
    padding:.25em
}
#colorbox .bdy-text h1{
    font-size:1.3em;
    margin-bottom:1em
}
#colorbox .bdy-text img{
    height:auto;
    max-width:100%
}
#colorbox.product-buy-now{
    margin-top:15px
}
#colorbox.product-buy-now #cboxContent{
    overflow:scroll
}
@media only screen and (min-width:1220px){
    #colorbox.product-buy-now #cboxContent{
        overflow:hidden
    }
}
#colorbox.product-buy-now #cboxLoadedContent{
    background-color:transparent;
    margin:30px 0 0;
    padding:0;
    min-height:610px
}
@media only screen and (min-width:768px){
    #colorbox.product-buy-now #cboxLoadedContent{
        min-height:790px
    }
}
@media only screen and (min-width:980px){
    #colorbox.product-buy-now #cboxLoadedContent{
        margin:0;
        min-height:910px
    }
}
@media only screen and (min-width:768px){
    #colorbox.product-buy-now #cboxLoadedContent iframe{
        min-height:800px
    }
}
@media only screen and (min-width:980px){
    #colorbox.product-buy-now #cboxLoadedContent iframe{
        min-height:900px
    }
}
#colorbox.product-buy-now #cboxClose{
    right:0
}
@media only screen and (min-width:1220px){
    #colorbox.product-buy-now #cboxClose{
        right:36px
    }
}
.modal-ca{
    display:none;
    position:fixed;
    z-index:100;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,.5)
}
.modal-content-ca{
    top:50%;
    position:absolute;
    transform:translate(-50%,-50%);
    left:50%;
    margin-top:15px;
    margin-bottom:15px
}
@media only screen and (min-width:768px){
    .modal-content-ca{
        width:650px
    }
}
@media only screen and (min-width:1220px){
    .modal-content-ca{
        width:1000px
    }
}
.close-ca{
    color:#fff;
    font-size:30px;
    font-weight:700;
    position:absolute;
    top:15px;
    right:12px
}
@media only screen and (min-width:1220px){
    .close-ca{
        font-size:32px;
        right:15px;
        top:37px
    }
}
#myBtn-ca{
    font-size:1.2em;
    min-width:250px
}
#myframe-ca{
    border:none;
    margin:0 auto;
    height:600px;
    width:100%
}
@media only screen and (min-width:768px){
    #myframe-ca{
        height:720px
    }
}
@media only screen and (min-width:980px){
    #myframe-ca{
        height:720px
    }
}


.link-down a{
    color: white!important;
    text-decoration: auto;
}

#myBtn-ca{
    display: none;
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-pinterest-square {
    display: none;
}

#search-form {
    display: none;
}


/* ............. */


  
  .footer {
    position: relative;
    padding-top: 45px;
    background: #074d2c;
  }

  .footer-contact div {
    line-height: 26px;
  }
  
  .footer .newsletter {
    position: relative;
    max-width: 900px;
    margin: 0 auto 45px auto;
    padding: 30px 15px;
    background: #000000;
    text-align: center;
  }
  
  .footer .newsletter h2 {
    color: #dddddd;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  
  .footer .newsletter .form {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
  }
  
  .footer .newsletter input {
    height: 50px;
    border: 2px solid #cdcdcd;
    border-radius: 0;
  }
  
  .footer .newsletter .btn {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 40px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffe03e;
    background: #074d2c;
    border-radius: 0;
    border: 2px solid #ffe03e;
    transition: .3s;
  }
  
  .footer .newsletter .btn:hover {
    color: #ffffff;
    background: #ffe03e;
  }
  
  .footer .newsletter .btn:focus {
    box-shadow: none;
  }
  
  .footer .footer-about,
  .footer .footer-link,
  .footer .footer-contact {
    position: relative;
    margin-bottom: 45px;
    color: #dddddd;
  }
  
  .footer .footer-about h3,
  .footer .footer-link h3,
  .footer .footer-contact h3{
    position: relative;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffe03e;
  }
  
  .footer .footer-link a {
    display: block;
    margin-bottom: 10px;
    color: #dddddd;
    transition: .3s;
    text-transform: capitalize;
    text-decoration: none;
  }
  
  .footer .footer-link a::before {
    position: relative;
    font-weight: 900;
    margin-right: 10px;
  }
  
  .footer .footer-link a:hover {
    color: #ffe03e;
    letter-spacing: 1px;
  }
  
  .footer .footer-contact p i {
    width: 25px;
  }
  
  .footer .footer-social {
    position: relative;
    margin-top: 20px;
  }
  
  .footer .footer-social a {
    display: inline-block;
  }
  
  .footer .footer-social a i {
    margin-right: 15px;
    font-size: 18px;
    color: #ffe03e;
  }
  
  .footer .footer-social a:last-child i {
    margin: 0;
  }
  
  .footer .footer-social a:hover i {
    color: #dddddd;
  }
  
  .footer .footer-menu .f-menu {
    position: relative;
    padding: 10px 0;
    font-size: 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
  }
  
  .footer .footer-menu .f-menu a {
    color: #dddddd;
    font-size: 16px;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .3);
  }
  
  .footer .footer-menu .f-menu a:hover {
    color: #ffe03e;
  }
  
  .footer .footer-menu .f-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  
  .footer .copyright {
    padding: 30px 15px;
  }
  
  .footer .copyright p {
    margin: 0;
    color: #dddddd;
  }
  
  .footer .copyright .col-md-6:last-child p {
    text-align: right;
  }
  
  .footer .copyright p a {
    color: #ffe03e;
    font-weight: 500;
    letter-spacing: 1px;
  }
  
  .footer .copyright p a:hover {
    color: #ffffff;
  }
  
  @media (max-width: 768px) {
    .footer .copyright p,
    .footer .copyright .col-md-6:last-child p {
      margin: 5px 0;
      text-align: center;
    }
  }
  

  .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.container{max-width:720px;}
}
@media (min-width:992px){
.container{max-width:960px;}
}
@media (min-width:1200px){
.container{max-width:1140px;}
}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.container{max-width:720px;}
}
@media (min-width:992px){
.container{max-width:960px;}
}
@media (min-width:1200px){
.container{max-width:1140px;}
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-lg-4,.col-lg-8,.col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px;}
@media (min-width:768px){
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
}
@media (min-width:992px){
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
}