.products-box h2,
.pupl-products-box h2 {
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: 900
}

.wide #content {
    padding-bottom: 40px
}

#product-banners {
    overflow: hidden;
    position: relative;
    height: 493px;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

#product-banners .section-inner {
    width: 970px;
    height: 493px;
    position: absolute;
    left: 50%;
    margin-left: -485px
}

.product-tagline {
    position: absolute;
    top: 66px;
    display: none
}

#product-banners .product-cycle {
    height: 493px;
    width: 100% !important;
    position: relative
}
#product-banners .product-cycle img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.main-cycler,
.product-textbox {
    position: absolute;
    display: block
}

.main-cycler {
    height: 493px;
    max-width: 1400px;
    overflow: hidden;
    width: 100%;
    margin:0 auto;
    position: relative;
}

.product-textbox {
    padding: 30px;
    max-width: 400px;
    width: 100%;
    background: url(/img/skin/bg/product-overview/opaque-textbox.png) center top;
    left: 215px;
    top: 175px;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    box-sizing: border-box;
}

.product-cycle:first-child .product-textbox {
    top: 220px
}

.banner-title {
    font-size: 22px;
    color: #97acb2;
    font-weight: 700;
    padding-bottom: 0.3em;
    letter-spacing: -0.3px;
}

.banner-button {
    position: relative;
    left: -30px
}

#cycle-controls {
    width: 148px;
    right: 205px;
    bottom: 40px;
    position: absolute;
    z-index: 100;
    display: block
}

.banner #cycle-controls {
    display: none !important
}

#cycle-controls ul {
    width: 148px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.blue-col,
.products-box,
.pupl-blue-col,
.pupl-products-box {
    position: relative;
    float: left
}

#cycle-controls ul li {
    float: left;
    list-style: none;
    padding: 0 0 0 4px;
    margin: 0
}

#cycle-controls ul li a {
    display: block;
    width: 70px;
    height: 1px;
    padding-top: 25px;
    overflow: hidden
}

#cycle-controls ul li a:hover {
    background-position: 0 -26px
}

#cycle-controls ul li a.btn-prev {
    background-image: url(/img/skin/bg/product-overview/product-banner-prev.png)
}

#cycle-controls ul li a.btn-next {
    background-image: url(/img/skin/bg/product-overview/product-banner-next.png)
}

#content {
    width: 100%;
    left: 0;
    padding: 0 0 40px
}

.blue-col {
    background: url(../../img/skin/bg/product-overview/lower-box.png) 0 -5px no-repeat;
    border-top: 5px solid #333
}

.blue-col-inner {
    box-sizing: border-box;
    width: 100%;
    height: 306px;
    padding: 30px 44px 0 50px
}

.energy .blue-col-inner {
    height: 341px
}

.blue-col-inner:first-child {
    border-right: 1px solid #a1b1b5
}

.blue-col h2 {
    overflow: hidden;
    height: 80px;
    width: 278px;
    font-size: 0 !important;
    margin-bottom: 12px
}

.blue-col.energy h2 {
    margin-top: 5px
}

.spf-title {
    background: url(../../img/skin/bg/product-overview/title-spf.png) no-repeat
}

.syp-title {
    background: url(../../img/skin/bg/product-overview/title-syp.png) no-repeat
}

.title-bioenergy {
    background: url(../../img/skin/bg/energy-overview/title-bioenergy.png) no-repeat
}

.title-turbo {
    background: url(../../img/skin/bg/energy-overview/title-turbo.png) no-repeat
}

#content .blue-col p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 12px
}

.products-box {
    box-sizing: border-box;
    width: 24.74%;
    height: 311px;
    padding: 50px 20px 0 30px;
    background: url(../../img/skin/bg/product-overview/canfor-products.jpg) no-repeat
}

.energy.products-box {
    background: url(../../img/skin/bg/energy-overview/bg-energy-3rd-col.jpg) 0 -5px no-repeat;
    padding-top: 45px;
    border-top: 5px solid #333;
    width: 239px;
    height: 346px
}

.sfContentBlock .products-box h2 {
    font-size: 32px;
    line-height: 28px;
    color: #2e2f2f;
    text-transform: none;
    margin-bottom: 15px
}

.container-logo {
    right: 1px
}

.banner-button,
.btn {
    line-height: 28px;
    height: 28px;
    display: inline-block;
    padding: 0 22px;
    border: 1px solid #bdccd0;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
    letter-spacing: 1px
}

.btn-grey {
    background: #70868c
}

a:hover~.btn-grey {
    background: #dc291e;
    border-color: #dc291e;
    color: #fff
}

.banner-button,
.btn-red {
    background: #dc291e;
    border: 1px solid #dc291e
}

.banner-button:hover,
a:hover+.btn-red {
    background: #70868c;
    color: #fff;
    border-color: #70868c
}

#MobileMenu1_pnl_menu,
#mainnav,
.container-logo {
    display: none
}

.pupl-blue-col {
    background: url(../../img/skin/bg/pulpandpaper/lower-box.png) no-repeat;
    border-top: 5px solid #0a0a0a
}

.pupl-blue-col-inner {
    width: 100%;
    padding: 50px 50px 0;
    height: 286px;
    box-sizing: border-box
}

.pupl-blue-col-inner:first-child {
    border-right: 1px solid #1b3e65
}

.pupl-blue-col h2 {
    height: 1px;
    overflow: hidden;
    padding-top: 34px;
    width: auto;
    font-size: 0;
    margin-bottom: 15px
}

.pulp-title {
    background: url(../../img/skin/bg/pulpandpaper/title-pulp.png) no-repeat
}

.paper-title {
    background: url(../../img/skin/bg/pulpandpaper/title-paper.png) no-repeat
}

.pupl-blue-col .btn {
    color: #dae3e5;
    border-color: #1b3e65;
    background: #001c32
}

.pupl-blue-col .btn-grey:hover,
.pupl-blue-col .btn:hover {
    background: #dc291e;
    border-color: #dc291e;
    color: #fff
}

#content .pupl-blue-col p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 12px
}

.pupl-products-box {
    width: 16.87%;
    height: 235px;
    padding: 50px 60px 0 30px;
    border-top: 5px solid #0a0a0a;
    background: url(../../img/skin/bg/pulpandpaper/intelligent-edge.jpg) no-repeat
}

.pupl-products-box h2 {
    font-size: 32px!important;
    color: #2e2f2f;
    text-transform: none;
    margin-bottom: 15px;    
    line-height: 28px;      
}

.pupl-products-box .btn {
    display: table-cell;
    line-height: 1em;
    padding: 6px 20px 4px;
    text-align: center;
    vertical-align: middle
}

.pupl-products-box .btn:hover {
    background: #001c32
}

.banner {
    height: 493px;
    width: 1400px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -700px;
    top: 0
}

.energy-blue-col {
    float: left;
    background: url(../../img/skin/bg/energy-overview/bg-bottom-box.png) repeat-y;
    border-top: 5px solid #333;
    box-sizing: border-box;
    width: 50%
}

.energy-blue-col-inner {
    padding: 45px 40px 50px 50px
}

.energy-blue-col-inner:first-child {
    border-right: 1px solid #a1b1b5
}

.energy-blue-col h2 {
    overflow: hidden;
    height: 38px;
    width: 100%;
    font-size: 0;
    margin-bottom: 12px
}

.lumber-title {
    background: url(../../img/skin/bg/energy-overview/title-lumber.png) no-repeat
}

.energy-blue-col .pulp-title {
    background: url(../../img/skin/bg/energy-overview/title-pulp.png) no-repeat
}

#content .energy-blue-col p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 12px
}

.blue-col a,
.products-box a,
.pupl-blue-col a,
.pupl-products-box a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 999
}

.energy-textbox {
    padding: 30px;
    width: 400px;
    background: url(/img/skin/bg/product-overview/opaque-textbox.png) center top;
    position: absolute;
    left: 215px;
    top: 110px;
    color: #fff;
    font-size: 14px;
    line-height: 19px
}
.gs-prd-res.gs-responsive #content{
    width: 100%;
}
.product-overview-outer .sfContentBlock{
    display: flex;
}
.pupl-blue-col
{
    width: 41.50%;
}
.blue-col{
    width: 37.62%;
}

@media (max-width: 1024px){
    .product-textbox{
        left: 25px;
    }
    #cycle-controls{
        right: 25px;
    }
    .blue-col h2{
        width: 100%;
        background-size: contain;
    }
}
@media (max-width: 767px){
    .product-overview-outer .sfContentBlock{
        flex-direction: column;
        align-items: center;
    }
    .pupl-blue-col{
        width:100%;
        background: linear-gradient(93deg, rgba(0,28,50,1) 0%, rgba(1,55,105,1) 100%);
        margin:0 0 20px;
        padding: 0 0 25px;
    }
    .blue-col{
        width:100%;
        background: linear-gradient(93deg, rgba(112,134,140,1) 0%, rgba(142,166,173,1) 100%);
        margin:0 0 20px;
        padding: 0 0 25px;
    }
    .pupl-products-box{
        max-width: 150px;
        width: 100%;
        margin-bottom: 50px;
    }
    .products-box{
        max-width: 240px;
        width: 100%;
        margin-bottom: 50px;
    }
    
    .gs-prd-res #product-banners + #main #content{
        padding-top: 20px;
    }
    .product-textbox {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pupl-blue-col-inner,
    .blue-col-inner
    {
        height: auto;
    }
    
}