/* HOMEPAGE INJECTION */

/* HERO */
#hero-box {
    background-image: url("/content/dam/spectrum/business/en/images/homepage/bg-hero-box.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #00629b;
    display: table;
    margin: 0 auto 10rem;
    padding: 24px;
    width: 792px;
}
#hero-heading {
    padding: 3rem 0 3rem 3rem;
}
#hero-heading .offer {
    border-bottom: 1px dotted #919194;
    font-size: 5.56px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: center;
}
#hero-heading .price-block {
    display: table-cell;
}
#hero-heading .price-block .price {
    display: table;
    margin: 0 auto;
}
#hero-heading .price-block .price > div {
    display: table-cell;
}
#hero-heading .price-block .price .whole {
    font-size: 7rem;
    font-weight: bold;
    line-height: 5.5rem;
}
#hero-heading .price-block .price .currency, #hero-heading .price-block .price .details {
    vertical-align: top;
    font-size: 2rem;
}
#hero-heading .price-block h5 {
    font-weight: 300;
    text-transform: uppercase;
}
#hero-heading .price-block h4 {
    text-transform: uppercase;
}
#hero-heading .price-block.plus {
    display: table-cell;
    padding-right: 15px;
    position: relative;
}
#hero-heading .price-block.plus::after {
    content: "+";
    font-size: 3rem;
    position: absolute;
    right: 0;
    top: 4.5rem;
}
#hero-heading h6.no {
    font-size: 13px;
    font-weight: normal;
}
#hero-heading .call {
    line-height: 2.3rem;
}
#hero-heading .call a.text-teal:hover {
    color: #00629b;
}
.sectionContainer {
    border-bottom: 4px solid #ccc;
}
.img-responsive.centered {
    margin: 0 auto;
}
/* HERO BG */
.hero-bg-wrapper {
    background: url("/content/dam/spectrum/business/en/images/homepage/SB-HPHero-Desktop-NewBG.jpg") no-repeat scroll center bottom;
    position: relative;
}
#main-container .sectionContainer section, #main-container .container {
    padding-left: 0;
    padding-right: 0;
}
/* HERO Targeting */
#hero-box.singlecolumn {
    background: none;
}
#hero-box.singlecolumn #hero-heading {
    float: none;
    margin: 0 auto;
    max-width: 460px;
    padding: 2rem;
}



/* PRODUCT BOX */
.bg-primary.text-center.blue-product-box {
    background: #00629b none repeat scroll 0 0;
    width: 240px;
    margin: 0 auto;
}
.blue-product-box img {
    min-height: 82px;
}
.blue-product-box p.copy {
    min-height: 72px;
}

/* INDUSTRY */
.industry .layoutContainer {
    max-width: 855px;
    margin: 0 auto;
}
.industry .industry-type {
    border: 4px solid white;
    border-radius: 3px;
    box-shadow: 0 0 3.5px 3.5px rgba(127, 127, 127, 0.15);
    cursor: pointer;
    display: inline-block;
    height: 205px;
}
.industry .industry-type img.img-responsive {
    min-height: 156px;
}
.industry .linkComponent a.btn {
    background: #00629b url("/content/dam/spectrum/business/en/images/homepage/arrow.png") no-repeat scroll 97% 13px;
    border-radius: 0;
    color: #fff;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
.hero-left {
    padding: 20px auto 0 30px;
}
.brand-merge-tagline {
    background: #faa41a;
    color: #fff;
}


@media (max-width: 767px) {
    .hero-bg-wrapper {
        overflow-x: hidden;
    }
    #business-success-module {
        display: block;
    }
    #hero-box {
        background: url("/content/dam/spectrum/business/en/images/homepage/bg-hero-box-m.png") no-repeat scroll center 375px / 106% auto;
        display: block;
        margin: 0 auto;
        padding: 24px 0;
        width: 100%;
    }
    #hero-heading {
        float: none;
        margin: 0 auto;
        max-width: 300px;
        padding: 1rem;
    }      
    .bg-primary.text-center.blue-product-box {
        display: table;
        margin: 10px auto;
        min-width: 310px;
    }
    .blue-product-box .richtext, .blue-product-box .linkComponent.section {
        width: 46%;
        float: left;
    }
    .blue-product-box p.copy, .panel-right-copy ul {
        display: none;
    }
    .panel-right-copy {
        padding: 1rem;
        text-align: center;
    }  
    .panel-right-copy .text-left.icon-double-angle-right.spectrum-icon-after {
        text-align: center;
    }
    .industry-type {
        margin: 1%;
        width: 98%;
    }   
    .industry-type .richtext.section {
        max-height: 156px;
        overflow: hidden;
        width: 100%;
    }
    .industry-type .richtext.section img {
        width: 100%;
    } 
}
@media (min-width: 768px) and (max-width: 840px) {
    #hero-box  {
        margin: 0 auto 10rem -2.5rem;
    }
}