/*
    Nokia WiFi Hub - Section Styles CSS
    Copyright  2018 DML Marketing Ltd
*/
/* 
    Created on : 10-Sep-2018, 16:24:18
    Author     : jeremy
*/

/* Common Styles */

/*REMOVE FOR LIVE */

.isHighlightBox {

}

h2.devNotes {
    font-family:monospace;
    color:#cd0a0a;
    font-size: 14px;
    padding: 5px;
    background-color: #ccc;
}
h2.devNotes:after {
    content: ":";
}


h3.doHeading, h3.dontHeading, h4.doHeading, h4.dontHeading {
    margin-left: 70px;
    /*line-height: 50px;*/
    position: relative;
}
h3.doHeading, h3.dontHeading {
    padding-top: 5px;
}
h4.doHeading, h4.dontHeading {
    padding-top: 8px;
}
/*h3.doHeading:first-line, h3.dontHeading:first-line, h4.doHeading:first-line, h4.dontHeading:first-line {
    line-height: 50px;
}*/

h3.doHeading:before, h3.dontHeading:before {
    top: -5px;
}
h4.doHeading:before, h4.dontHeading:before {
    top: -8px;
}
h3.doHeading:before, h4.doHeading:before {
    position: absolute;
    left: -70px;
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
h3.dontHeading:before, h4.dontHeading:before {
    position: absolute;
    left: -70px;
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.iconTop:before {
    position: absolute;
    top: 15px;
    right:15px;
    z-index: 100;
}

.doHeading {
    color: #4BDD33;
}
.dontHeading {
    color: #F26451;
}



/* END REMOVE FOR LIVE */
a.nokiaButton {
    font-family: 'Nokia Pure Headline Bold', sans-serif;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #124191;
    color: #fff;
    text-decoration: none;
    /*display: inline-block;*/
    padding: 14px 50px;
    font-size: 14px;
    /*min-height: 30px;*/
    /*white-space: nowrap;*/
    line-height: 16px;
    text-align: center;
    /*    display: flex;
        justify-content: center;
        align-items: center;*/
}
a.nokiaButtonSecondary {
    font-family: 'Nokia Pure Headline Bold', sans-serif;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: transparent;
    border: 1px solid #979797;
    color: #525252;
    text-decoration: none;
    /*display: inline-block;*/
    padding: 13px 50px;
    font-size: 14px;
    /*min-height: 28px;*/
    /*white-space: nowrap;*/
    line-height: 16px;
    text-align: center;
    /*    display: flex;
        justify-content: center;
        align-items: center;*/
}
a.linkButton {
    position: relative;
    font-family: 'Nokia Pure Headline Bold', sans-serif;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #124191;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 14px 50px;
    font-size: 14px;
    /*min-height: 30px;*/
    /*white-space: nowrap;*/
    line-height: 16px;
    text-align: center;
    /*    display: flex;
        justify-content: center;
        align-items: center;*/
    /*float: left;*/
}
/*a.linkButton:after {
    content: " ";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0px;
}*/
a.linkButtonSecondary {
    font-family: 'Nokia Pure Headline Bold', sans-serif;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #979797;
    background-color: transparent;
    color: #525252;
    text-decoration: none;
    display: inline-block;
    padding: 13px 50px;
    font-size: 14px;
    /*min-height: 28px;*/
    /*white-space: nowrap;*/
    line-height: 16px;
    text-align: center;
    /*    display: flex;
        justify-content: center;
        align-items: center;*/
}
a.linkButton.stretchWidth, a.linkButtonSecondary.stretchWidth {
    width: calc((100% - 100px) - 0.01px);
}
/*Horizontal Rules*/

hr {
    border-width: 0px;
    height: 1px;
    background-color: #d4d4d4;
    /*background-color: #98a2ae;*/
    margin: 64px 0px;
}

/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    hr.fullWidth {
        /*margin: 0px 8.333% 24px 8.333%;*/
        margin-left: -9.9995%;
        margin-right: -9.9995%;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {
    hr.fullWidth {
        /*margin: 0px 9.350% 24px 9.350%;*/
        margin-left: -11.5006%;
        margin-right: -11.5006%;
    }

}
/* Large devices (laptops/desktops, 992px and up) */
@media all and (min-width: 1025px) {
    hr.fullWidth {
        /*margin: 0px 23.932% 24px 8.547%;*/ 
        margin-left: -12.6583%;
        /*margin-left: -10.3093%;*/
        margin-right: -35.4438%;   
        /*margin-right: -10.3093%;*/   
    }

}

/* Ensure adjacent Highlight boxes don't double up on padding where they meet */

.isHighlightBox + .isHighlightBox {
    margin-top: -30px;
}


/* Text Content Sections */
.cs_text {

}
/*.contentSection.cs_text p:last-of-type {
    margin-bottom: 0px;
}*/
.contentSection.cs_text {
    margin-bottom: 0px;
}

.contentSection.cs_text.isHighlightBox p:last-child {
    margin-bottom: 0px;
}
.contentSection.cs_text.isHighlightBox h2:last-child {
    margin-bottom: 10px;
}

.contentSection.cs_text p+h3,
.contentSection.cs_text h2+h3 {
    display: inline-block; /*Prevent margins from collapsing */
    margin-top: 10px;
}
.contentSection.cs_text.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}
/*.contentSection.cs_text.reduceMargin h2:last-child {
    margin-top:-14px;
}
.contentSection.cs_text.reduceMargin h3:last-child,
.contentSection.cs_text.reduceMargin p:last-child {
    margin-bottom: -40px;
}*/
.contentSection.cs_text.isDo, .contentSection.cs_text.isDont {
    padding: 90px 30px 30px 30px;
    position: relative;
    text-align: center;
    background-color: #fff;
}
.contentSection.cs_text.isDo:before,
.contentSection.cs_text.isDont:before {
    position: absolute;
    top:20px;
    bottom:auto;
    left:50%;
    margin: 0px 0px 0px -25px;
    z-index: 100;
}
.contentSection.cs_text.isDo:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.contentSection.cs_text.isDont:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}

.contentSection.cs_text.isDo h3, .contentSection.cs_text.isDo h4 {
    text-align: center;
    color: #4BDD33;
}
.contentSection.cs_text.isDont h3, .contentSection.cs_text.isDont h4 {
    text-align: center;
    color: #F26451;
}

.cs_text h3 a {
    text-decoration: none;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_text.csattr_text66per {

    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {
    .cs_text.csattr_text66per {
        /*padding-right: calc((100%-(23.932%+8.547%)) * 0.66666);*/
        margin-right: calc((9.350% + 27.01%) - 0.01px);
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media all and (min-width: 1025px) {
    .cs_text.csattr_text66per {
        /*padding-right: calc((100%-(23.932%+8.547%)) * 0.66666);*/
        margin-right: calc((23.932% + 22.507%) - 0.01px);
    }
}

.cs_text.isDo.iconBottom, .cs_text.isDont.iconBottom {
    padding-bottom: 36px
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_text.isDo.iconBottom, .cs_text.isDont.iconBottom {
        padding-bottom: 26px;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {
    .cs_text.isDo.iconBottom, .cs_text.isDont.iconBottom {
        padding-bottom: 22px
    }
}

/* 2/3 Column Text Content Sections */
/*.cs_text2Col.isHighlightBox, .cs_text3Col.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}*/
.cs_text2Col .columnContainer, .cs_text3Col .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    margin-left: -30px;
    margin-top: -30px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}

.cs_text2Col.isHighlightBox, .cs_text3Col.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}


.cs_text2Col.isHighlightBox .columnContainer .cs_text,
.cs_text3Col.isHighlightBox .columnContainer .cs_text {
    background-color: #fff;
    /*padding: 24px 15px;*/
    /*    padding-left: 15px;
        padding-right: 15px;
    */
}
.cs_text2Col .columnContainer .cs_text {
    flex: 0 0 auto;
    width: calc((50% - 30px) - 0.01px);
    margin-left: 30px;
    margin-top: 30px;
}

/*.cs_text2Col.isHighlightBox .columnContainer .cs_text,
.cs_text2Col.isHighlightBox .columnContainer .cs_text
{
    width: calc((50% - 60px) - 0.01px);
}*/

.cs_text3Col .columnContainer .cs_text {
    flex: 0 0 auto;
    width: calc((33.333% - 30px) - 0.01px);
    margin-left: 30px;
    margin-top: 30px;
}
/*.cs_text3Col.isHighlightBox .columnContainer .cs_text,
.cs_text3Col.isHighlightBox .columnContainer .cs_text
{
    width: calc(33.333% - 60px) - 0.01px);
}*/
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 600px) {
    .cs_text2Col .columnContainer .cs_text {
        width: calc((100% - 30px) - 0.01px);
    }
    .cs_text2Col.isHighlightBox .columnContainer .cs_text {
        width: calc((100% - 60px) - 0.01px);
    }
}
@media all and (max-width: 800px) {
    .cs_text3Col .columnContainer .cs_text {
        width: calc((100% - 30px) - 0.01px);
    }
    .cs_text3Col.isHighlightBox .columnContainer .cs_text {
        width: calc((100% - 60px) - 0.01px);
    }
}

.cs_text3Col .cs_text p:last-child,
.cs_text2Col .cs_text p:last-child,
#contentWrapper .contentSection.cs_text3Col .cs_text li:last-child,
#contentWrapper .contentSection.cs_text2Col .cs_text li:last-child {
    margin-bottom: 0px;
}

.cs_text3Col.isHighlightBox .columnContainer .cs_text.isDo,
.cs_text3Col.isHighlightBox .columnContainer .cs_text.isDont,
.cs_text2Col.isHighlightBox .columnContainer .cs_text.isDo,
.cs_text2Col.isHighlightBox .columnContainer .cs_text.isDont {
    padding-top: 90px;
    position: relative;
    text-align: center;
    /*background-color: #fff;*/
}

.cs_text3Col .cs_text.isDo:before,
.cs_text3Col .cs_text.isDont:before,
.cs_text2Col .cs_text.isDo:before,
.cs_text2Col .cs_text.isDont:before{
    position: absolute;
    top:20px;
    bottom:auto;
    left:50%;
    margin: 0px 0px 0px -25px;
    z-index: 100;
}
.cs_text3Col .cs_text.isDo:before,
.cs_text2Col .cs_text.isDo:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.cs_text3Col .cs_text.isDont:before,
.cs_text2Col .cs_text.isDont:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}

.cs_text3Col .cs_text.isDo h3, .cs_text3Col .cs_text.isDo h4, .cs_text2Col .cs_text.isDo h3, .cs_text2Col .cs_text.isDo h4 {
    text-align: center;
    color: #4BDD33;
}
.cs_text3Col .cs_text.isDont h3, .cs_text3Col .cs_text.isDont h4, .cs_text2Col .cs_text.isDont h3, .cs_text2Col .cs_text.isDont h4 {
    text-align: center;
    color: #F26451;
}


/* Section containing one H2 */
.cs_titleOnly {

}

/* Section containing one full width image */
.cs_fullWidthImage {
    margin-left: 0px;
    margin-right: 0px;
}

/* Section containing one full width image, optionally with an H2 title overlaid */
.cs_fullWidthImageWithTitle, .cs_fullWidthImage {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 64px;
    position: relative;
}
.cs_fullWidthImageWithTitle h2 {
    position: absolute;
    color: #fff;
    font-family: 'Nokia Pure Headline Light', sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    z-index: 100;

}
.cs_fullWidthImage img, .cs_fullWidthImageWithTitle img {
    display: block;
    width: 100%;
    height: auto;
}
.cs_fullWidthImageWithTitle h2 {
    bottom: 5.764vw;
    font-size: 4.861vw;
    line-height: 4.861vw;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_fullWidthImageWithTitle h2 {
        left: 8.333%;
        margin-right: 8.333%;
    }
}
/*Small devices (portrait tablets and large phones, 600px and up)*/ 
@media all and (max-width: 1024px) and (min-width: 481px) {
    .cs_fullWidthImageWithTitle h2 {
        left: 9.350%;
        margin-right: 9.350%;
    }
}
/*Large devices (laptops/desktops, 992px and up)*/ 
@media all and (min-width: 1025px) {
    .cs_fullWidthImageWithTitle h2 {
        left: 8.547%; 
        margin-right: 23.932%;
    }
}
/* Extra large devices (large laptops and desktops, 1441px and up) */
@media all and (min-width: 1441px) {
    .cs_fullWidthImageWithTitle h2 {
        left: 8.547%;
        bottom: 83px;
        font-size: 64px;
        line-height: 70px;
    }
} 
@media all and (max-width: 617px) {
    .cs_fullWidthImageWithTitle h2 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.875rem;
    }
}


/* cs_textWithTitleAndButton */
.cs_textWithTitleAndButton {
    position: relative;
    margin-bottom: 0px;
}
.cs_textWithTitleAndButton.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}
.cs_textWithTitleAndButton h2 {

}
/*.cs_textWithTitleAndButton p:last-of-type {
    margin-bottom: 0px;
}*/
.cs_textWithTitleAndButton .nokiaButton, .cs_textWithTitleAndButton .nokiaButtonSecondary {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_textWithTitleAndButton {
        display: flex;
        flex-direction: column;
    }
    .cs_textWithTitleAndButton .nokiaButton, .cs_textWithTitleAndButton .nokiaButtonSecondary {
        order:100;
        float: none;
        text-align: center;
        margin: 24px 0px 0px 0px;
    }
}

/* cs_Image Single image with margin around*/
.cs_Image img {
    display: block;
    width: 100%;
    height: auto;
}
.cs_Image.isHighlightBox, .cs_Image.isDo, .cs_Image.isDont {
    padding: 30px;
    background-color: #fff;
}
/* cs_imageColumns Images displayed in 2,3,4 columns supports attributes: csattr_XSmlColumns, csattr_SmlColumns,csattr_MedColumns, csattr_LgeColumns (defines the number of columns - REQUIRED) csattr_lineBetween (show line between) */
.cs_imageColumns {}

.cs_imageColumnsImages {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -20px;
    margin-top: -20px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
/* make the images fill the width */
.cs_imageColumns img {
    width: 100%;
    height: auto;
    display: block;
}

.isHighlightBox.cs_imageColumns {
    padding: 30px;
    background-color: #fff;
}
/*.isHighlightBox.cs_imageColumns img {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
}*/

.cs_Image.isDo , .cs_Image.isDont {
    padding-bottom: 90px;
    position: relative;
}
.cs_Image.isDo:before, .cs_Image.isDont:before  {
    position: absolute;
    top:auto;
    bottom:20px;
    left:50%;
    margin: 0px 0px 0px -15px;
    z-index: 100;
}
.cs_Image.isDo:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.cs_Image.isDont:before  {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.cs_Image.isDont .cs_ImageWrap {
    position: relative;
}
.cs_Image.isDont .cs_ImageWrap:after {
    position: absolute;
    display: block;
    content: ' ';
    z-index: 50;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 0% 0%;
    background-size: 100% 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(255%2C100%2C78)%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cline%20class%3D%22st0%22%20x2%3D%22100%22%20y1%3D%22100%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%224px%22%2F%3E%0A%3C%2Fsvg%3E');
    pointer-events: none;
}


.cs_imageColumns.isDo:before, .cs_imageColumns.isDont:before {
    content: "";
    background: none;
    width: auto;
    height: auto;
}


.cs_imageColumns.isDo .cs_imageColumnsText h3, .cs_imageColumns.isDo .cs_imageColumnsText h4 {
    text-align: center;
    color: #4BDD33;
}
.cs_imageColumns.isDont .cs_imageColumnsText h3, .cs_imageColumns.isDont .cs_imageColumnsText h4 {
    text-align: center;
    color: #F26451;
}
.cs_imageColumns.isDo .cs_imageColumnsText p, .cs_imageColumns.isDont .cs_imageColumnsText p {
    text-align: center;
}
.cs_imageColumns .cs_imageColumnsText p:last-of-type, .cs_imageColumns .cs_imageColumnsText p:last-of-type {
    margin-bottom: 0px;
}
.cs_imageColumns.isDo .cs_imageColumnsText, .cs_imageColumns.isDont .cs_imageColumnsText {
    padding: 0px;
}
.cs_imageColumns .cs_imageColumnsText, .cs_imageColumns .cs_imageColumnsText {
    padding-top: 30px;
}
.cs_imageColumns.isDo .cs_imageColumnsImages, .cs_imageColumns.isDont .cs_imageColumnsImages {
    margin-bottom: 90px;
    position: relative;
}
.cs_imageColumns.isDo .cs_imageColumnsImages:before,
.cs_imageColumns.isDont .cs_imageColumnsImages:before {
    position: absolute;
    top:auto;
    bottom:-70px;
    left:50%;
    margin: 0px 0px 0px -15px;
    z-index: 100;
}
.cs_imageColumns.isDo .cs_imageColumnsImages:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.cs_imageColumns.isDont .cs_imageColumnsImages:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}

/* Styling for isDo/Dont for image grid items */
.cs_imageColumns .cs_imageColumnsImages .cs_imageImg, .cs_imageColumns .cs_imageColumnsImages .cs_imageImg {
    margin-bottom: 0px;
}

.cs_imageColumns .cs_imageImg.isDo, .cs_imageColumns .cs_imageImg.isDont {
    margin-bottom: 25px;
    position: relative;
}
.cs_imageColumns .cs_imageImg.isDo:before,
.cs_imageColumns .cs_imageImg.isDont:before {
    position: absolute;
    top:auto;
    right: auto;
    bottom:-25px;
    left:50%;
    margin: 0px 0px 0px -25px;
    z-index: 100;
}
.cs_imageColumns .cs_imageImg.isDo:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.cs_imageColumns .cs_imageImg.isDont:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}

.cs_imageColumns .cs_imageImg.isDont .cs_ImageWrap {
    position: relative;
}
.cs_imageColumns .cs_imageImg.isDont .cs_ImageWrap:after {
    position: absolute;
    display: block;
    content: ' ';
    z-index: 50;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 0% 0%;
    background-size: 100% 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*background: linear-gradient(135deg, #ff3232 0%,#ff3030 49.6%,#d6d6d6 50%,#ff3030 50.4%,#ff0000 100%);*/
    /*background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(239%2C56%2C87)%3Bstroke-width%3A4px%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cline%20class%3D%22st0%22%20x2%3D%22100%22%20y1%3D%22100%22%2F%3E%0A%3C%2Fsvg%3E');*/
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(255%2C100%2C78)%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cline%20class%3D%22st0%22%20x2%3D%22100%22%20y1%3D%22100%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%224px%22%2F%3E%0A%3C%2Fsvg%3E');
    pointer-events: none;
}
/* ----------- */




.cs_imageColumns.csattr_LgeColumns .cs_imageImg {
    flex: 0 0 auto;
    width: calc((50% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
}
.cs_imageColumns.csattr_MedColumns .cs_imageImg {
    flex: 0 0 auto;
    width: calc((33.333% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
}
.cs_imageColumns.csattr_SmlColumns .cs_imageImg {
    flex: 0 0 auto;
    width: calc((25% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
}
.cs_imageColumns.csattr_XSmlColumns .cs_imageImg {
    flex: 0 0 auto;
    width: calc((20% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
}
.cs_imageColumns.csattr_lineBetween .cs_imageImg  {
    margin-left: 10px;
    padding-left: 9px;
    border-left: 1px solid #bec8d2;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_imageColumns.csattr_LgeColumns .cs_imageImg {
        width: calc((100% - 20px) - 0.01px);
    }
    .cs_imageColumns.csattr_MedColumns .cs_imageImg {
        width: calc((100% - 20px) - 0.01px);
    }
    .cs_imageColumns.csattr_SmlColumns .cs_imageImg {
        width: calc((50% - 20px) - 0.01px);
    }
    .cs_imageColumns.csattr_XSmlColumns .cs_imageImg {
        width: calc((50% - 20px) - 0.01px);
    }
    .cs_imageColumns.csattr_LgeColumns .cs_imageImg:not(:last-child):after, .cs_imageColumns.csattr_MedColumns .cs_imageImg:not(:last-child):after {
        content: " ";
        height: 14px;
        display:block;
        border-bottom: 1px solid #bec8d2;
    }
    .cs_imageColumns.csattr_lineBetween.csattr_LgeColumns .cs_imageImg {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_imageColumns.csattr_lineBetween.csattr_MedColumns .cs_imageImg {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_imageColumns.csattr_lineBetween.csattr_SmlColumns .cs_imageImg:nth-child(2n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_imageColumns.csattr_lineBetween.csattr_XSmlColumns .cs_imageImg:nth-child(2n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }

}
/* Small devices (portrait tablets and large phones, 600px and up) */
/*@media all and (max-width: 1024px) and (min-width: 481px) {*/

/* Large devices (laptops/desktops, 992px and up) */
/*@media all and (min-width: 1025px) {*/

@media all and (min-width: 481px) {
    .cs_imageColumns.csattr_lineBetween.csattr_LgeColumns .cs_imageImg:nth-child(2n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_imageColumns.csattr_lineBetween.csattr_MedColumns .cs_imageImg:nth-child(3n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_imageColumns.csattr_lineBetween.csattr_SmlColumns .cs_imageImg:nth-child(4n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_imageColumns.csattr_lineBetween.csattr_XSmlColumns .cs_imageImg:nth-child(5n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
}


/* SVG elements

Green Tick 50x50
%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E

No Entry 50x50
%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E

Red Cross 30x30px:

%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2030%2030%22%20version%3D%221.1%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(255%2C49%2C84)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A2px%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%227.9%22%20x2%3D%2222.1%22%20y1%3D%2222.1%22%20y2%3D%227.9%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2222.1%22%20x2%3D%227.9%22%20y1%3D%2222.1%22%20y2%3D%227.9%22%2F%3E%0A%3C%2Fsvg%3E%0A

Green Tick 30x30px:

%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2030%2030%22%20version%3D%221.1%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A2px%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M30%2C15c0%2C8.3-6.7%2C15-15%2C15S0%2C23.3%2C0%2C15S6.7%2C0%2C15%2C0S30%2C6.7%2C30%2C15z%22%2F%3E%0A%09%3Cpolyline%20class%3D%22st1%22%20points%3D%228.7%2016%2012.2%2019.6%2021.3%2010.4%22%2F%3E%0A%3C%2Fsvg%3E

Word Icon 37x52px:

%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2037%2052%22%20version%3D%221.1%22%20viewBox%3D%220%200%2037%2052%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%09%3Cpolygon%20class%3D%22st0%22%20points%3D%221.5%201.5%2026.5%201.5%2036.5%2011.5%2036.5%2051.5%201.5%2051.5%22%2F%3E%0A%09%3Cpolyline%20class%3D%22st0%22%20points%3D%2226.5%201.5%2026.5%2011.5%2036.5%2011.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2226.5%22%20y2%3D%2226.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2230.5%22%20y2%3D%2230.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2234.5%22%20y2%3D%2234.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2238.5%22%20y2%3D%2238.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2218.5%22%20y2%3D%2218.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2222.5%22%20y2%3D%2222.5%22%2F%3E%0A%3C%2Fsvg%3E

Excel Icon 37x52px:

%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2037%2052%22%20version%3D%221.1%22%20viewBox%3D%220%200%2037%2052%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%09%09%3Cpolygon%20class%3D%22st0%22%20points%3D%221%201%2026%201%2036%2011%2036%2051%201%2051%22%2F%3E%0A%09%09%3Cpolyline%20class%3D%22st0%22%20points%3D%2226%201%2026%2011%2036%2011%22%2F%3E%0A%09%09%3Cline%20class%3D%22st1%22%20x1%3D%228%22%20x2%3D%2229%22%20y1%3D%2226%22%20y2%3D%2226%22%2F%3E%0A%09%09%3Cline%20class%3D%22st1%22%20x1%3D%228%22%20x2%3D%2229%22%20y1%3D%2230%22%20y2%3D%2230%22%2F%3E%0A%09%09%3Cline%20class%3D%22st1%22%20x1%3D%228%22%20x2%3D%2229%22%20y1%3D%2234%22%20y2%3D%2234%22%2F%3E%0A%09%09%3Crect%20class%3D%22st1%22%20x%3D%228%22%20y%3D%2218%22%20width%3D%2221%22%20height%3D%2220%22%2F%3E%0A%09%09%3Cline%20class%3D%22st1%22%20x1%3D%228%22%20x2%3D%2229%22%20y1%3D%2222%22%20y2%3D%2222%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2213%22%20x2%3D%2213%22%20y1%3D%2218%22%20y2%3D%2238%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2221%22%20x2%3D%2221%22%20y1%3D%2218%22%20y2%3D%2238%22%2F%3E%0A%3C%2Fsvg%3E

PPT Icon 37x52px:

%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2037%2052%22%20version%3D%221.1%22%20viewBox%3D%220%200%2037%2052%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%09%09%3Cpolygon%20class%3D%22st0%22%20points%3D%221%201%2026%201%2036%2011%2036%2051%201%2051%22%2F%3E%0A%09%09%3Cpolyline%20class%3D%22st0%22%20points%3D%2226%201%2026%2011%2036%2011%22%2F%3E%0A%09%09%3Crect%20class%3D%22st1%22%20x%3D%228%22%20y%3D%2218%22%20width%3D%2221%22%20height%3D%2220%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2210%22%20x2%3D%2227%22%20y1%3D%2220%22%20y2%3D%2236%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2210%22%20x2%3D%2227%22%20y1%3D%2236%22%20y2%3D%2220%22%2F%3E%0A%3C%2Fsvg%3E%0A

PDF Icon 37x52px:
%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2037%2052%22%20version%3D%221.1%22%20viewBox%3D%220%200%2037%2052%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23161A31%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st2%7Bfill%3Argb(22%2C26%2C49)%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%221%201%2026%201%2036%2011%2036%2051%201%2051%22%2F%3E%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%2226%201%2026%2011%2036%2011%22%2F%3E%0A%3Cpolygon%20class%3D%22st1%22%20points%3D%227.5%2017%2029.5%2017%2029.5%2039%207.5%2039%22%2F%3E%0A%3Cpath%20class%3D%22st2%22%20d%3D%22m28.1%2031.2c0.1%200.1%200.2%200.2%200.2%200.4h0.1c0.2-0.3%200.1-0.6-0.1-0.9-0.6-0.6-2.6-0.8-5.3-0.5-0.6-0.3-1.2-0.7-1.7-1.1-1.3-1.1-2.3-2.9-2.9-4.7%200.2-1.3%200.3-2.5%200.3-3.7v-0.6h-0.1c0%200.2-0.1%200.5-0.1%200.8-0.1%200.6-0.2%201.3-0.4%202.2-0.4-1.7-0.5-3.2-0.2-4%200.1-0.1%200.2-0.3%200.2-0.4%200.2%200.1%200.5%200.4%200.6%201h0.1c0.1-0.5%200.1-0.9-0.1-1.1s-0.4-0.2-0.5-0.2h-0.4c-0.3%200-0.5%200.2-0.5%200.6-0.3%201.2-0.2%203.3%200.5%205.4-0.4%201.4-1%203.1-2%205.1-2.4%204.9-4.3%207.4-5.5%207.5%200-0.7%201.3-2.4%203-3.7l-0.1-0.1c-2.3%201.2-3.3%202.6-3.4%203.4%200%200.2%200%200.4%200.1%200.5l0.5%200.2c0.1%200.1%200.3%200.1%200.4%200.1%201%200%202.5-1.6%204.4-4.9%202.2-0.8%205.1-1.4%207.6-1.6%201.7%200.9%203.5%201.4%204.6%201.4%200.3%200%200.5%200%200.7-0.1s0.4-0.2%200.4-0.4v-0.1l-0.1%200.1c-0.6%200.3-2.4-0.1-4.2-0.9%201.8-0.2%203.3-0.1%203.9%200.3zm-11.7-1.1c0.9-1.7%201.4-3.1%201.8-4.4%200.6%201.5%201.5%202.9%202.6%203.9%200.3%200.3%200.7%200.5%201.1%200.8-2.3%200.4-4.7%201-6.7%201.9%200.3-0.7%200.7-1.4%201.2-2.2z%22%2F%3E%0A%3C%2Fsvg%3E%0A



*/



/*
Imge Zoom

%3Csvg%20enable-background%3D%22new%200%200%2016.9%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016.9%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22m16.5%2015.8l-3.3-3.8c0.9-1.2%201.5-2.6%201.6-4.1%200.1-1-0.1-2-0.4-2.9-0.4-1-0.8-1.8-1.5-2.5s-1.4-1.3-2.3-1.7c-0.8-0.5-1.7-0.7-2.7-0.8s-2%200.1-2.9%200.4c-1%200.3-1.8%200.8-2.5%201.4s-1.3%201.4-1.7%202.3c-0.5%200.9-0.7%201.8-0.8%202.8s0.1%202%200.4%202.9%200.8%201.8%201.4%202.5%201.4%201.2%202.3%201.7c0.9%200.4%201.8%200.7%202.8%200.8%201.5%200.1%203-0.2%204.3-1l3.4%203.8c0.2%200.3%200.5%200.4%200.9%200.5%200.4%200%200.7-0.1%201-0.3s0.4-0.6%200.5-0.9c-0.1-0.5-0.2-0.8-0.5-1.1m-6-4.9c-1%200.9-2.1%201.2-3.4%201.2-1.3-0.1-2.4-0.6-3.2-1.6-0.9-1-1.3-2.1-1.2-3.4s0.6-2.4%201.6-3.2c1-0.9%202.1-1.2%203.4-1.2%201.3%200.1%202.4%200.6%203.2%201.6%200.9%201%201.2%202.1%201.2%203.4-0.1%201.3-0.6%202.4-1.6%203.2%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22m6.3%204.5h2v2h2v2h-2v2h-2v-2h-2v-2h2v-2%22%2F%3E%0A%3C%2Fsvg%3E

*/

.fancybox {
    position: relative;
    display: block;
}
.fancybox:after {
    display: none;
    content: ' ';
    background-image: url('data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%2016.9%2018%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016.9%2018%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22m16.5%2015.8l-3.3-3.8c0.9-1.2%201.5-2.6%201.6-4.1%200.1-1-0.1-2-0.4-2.9-0.4-1-0.8-1.8-1.5-2.5s-1.4-1.3-2.3-1.7c-0.8-0.5-1.7-0.7-2.7-0.8s-2%200.1-2.9%200.4c-1%200.3-1.8%200.8-2.5%201.4s-1.3%201.4-1.7%202.3c-0.5%200.9-0.7%201.8-0.8%202.8s0.1%202%200.4%202.9%200.8%201.8%201.4%202.5%201.4%201.2%202.3%201.7c0.9%200.4%201.8%200.7%202.8%200.8%201.5%200.1%203-0.2%204.3-1l3.4%203.8c0.2%200.3%200.5%200.4%200.9%200.5%200.4%200%200.7-0.1%201-0.3s0.4-0.6%200.5-0.9c-0.1-0.5-0.2-0.8-0.5-1.1m-6-4.9c-1%200.9-2.1%201.2-3.4%201.2-1.3-0.1-2.4-0.6-3.2-1.6-0.9-1-1.3-2.1-1.2-3.4s0.6-2.4%201.6-3.2c1-0.9%202.1-1.2%203.4-1.2%201.3%200.1%202.4%200.6%203.2%201.6%200.9%201%201.2%202.1%201.2%203.4-0.1%201.3-0.6%202.4-1.6%203.2%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22m6.3%204.5h2v2h2v2h-2v2h-2v-2h-2v-2h2v-2%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 15px;
    bottom:15px;
    z-index: 1000;
    -webkit-filter: drop-shadow( 2px 2px 3px #000 ); 
    filter: drop-shadow( 2px 2px 3px #000 );

}
.fancybox:hover:after {
    display: block;
}
.fancybox-content, .fancybox-container .fancybox-slide--image .fancybox-content {
    background-color: #fff;
}

/* isDo and isDont can't be applied to replaced elements like img - must be on a containing div*/
.isDo, .isDont {
    position: relative;
}
.isDo:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
}
.iconTop:before {
    position: absolute;
    top: 15px;
    right:15px;
    z-index: 100;
}
.isDont:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
}

/*No longer required*/
.iconBottom:before {
    position: absolute;
    right: 15px;
    bottom:15px;
    z-index: 100;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .isDo:before, .isDont:before {
        background-size: 16px 16px;
        height: 16px;
        width: 16px; 
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {
    .isDo:before, .isDont:before {
        background-size: 20px 20px;
        height: 20px;
        width: 20px; 
    }
}


/* cs_imageCards Image Cards */

.cs_imageCards .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -20px;
    margin-top: -20px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
.cs_imageCards .isHighlightBox {

}
.cs_imageCards .columnContainer .cs_imageCardItem {
    flex: 0 0 auto;
    width: calc((33.333% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
    background-color: #fff;
    position: relative;
}
.cs_imageCards.csattr_2Col .columnContainer .cs_imageCardItem {
    width: calc((50% - 20px) - 0.01px);
}

/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_imageCards.csattr_2Col .columnContainer .cs_imageCardItem {
        width: calc((100% - 20px) - 0.01px);
    }
}

.cs_imageCards.csattr_1Col .columnContainer .cs_imageCardItem {
    width: calc((100% - 20px) - 0.01px);
    /*margin-bottom: 64px;*/
}

.cs_imageCards .columnContainer .cs_imageCardItem h3 {
    margin-bottom: 10px;
}

.cs_imageCards .columnContainer .cs_imageCardItem.isDo h3, .cs_imageCards .columnContainer .cs_imageCardItem.isDo h4 {
    text-align: center;
    color: #4BDD33;
}
.cs_imageCards .columnContainer .cs_imageCardItem.isDont h3, .cs_imageCards .columnContainer .cs_imageCardItem.isDont h4 {
    text-align: center;
    color: #F26451;
}
.cs_imageCards .columnContainer .cs_imageCardItem.isDo, .cs_imageCards .columnContainer .cs_imageCardItem.isDont {
    text-align: center;
}
.cs_imageCards .columnContainer .cs_imageCardItem img {
    width: 100%;
    height: auto;
    display: block;
}

/* New image card styling */
.cs_imageCards .cs_imageCardItem.isDo:before, .cs_imageCards .cs_imageCardItem.isDont:before {
    background-image:none;
    content: "";
    height: auto;
    width: auto;
}
.cs_imageCards .cs_imageCardItem.isDo .imgCardImg, .cs_imageCards .cs_imageCardItem.isDont .imgCardImg {
    margin-bottom: 25px;
    position: relative;
}
.cs_imageCards .cs_imageCardItem.isDo .imgCardImg:before,
.cs_imageCards .cs_imageCardItem.isDont .imgCardImg:before {
    position: absolute;
    top:auto;
    bottom:-25px;
    left:50%;
    margin: 0px 0px 0px -25px;
    z-index: 100;
}
.cs_imageCards .cs_imageCardItem.isDo .imgCardImg:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.cs_imageCards .cs_imageCardItem.isDont .imgCardImg:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}

/*

Red diagonal line

%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(239%2C56%2C87)%3Bstroke-width%3A4px%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cline%20class%3D%22st0%22%20x2%3D%22100%22%20y1%3D%22100%22%2F%3E%0A%3C%2Fsvg%3E

<?xml version="1.0" encoding="UTF-8"?>
<svg enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
<style type="text/css">
        .st0{fill:none;stroke:rgb(239,56,87);stroke-width:4px;stroke-miterlimit:10;}
</style>
<line class="st0" x2="100" y1="100"/>
</svg>

<?xml version="1.0" encoding="UTF-8"?>
<svg enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
<style type="text/css">
        .st0{fill:none;stroke:rgb(239,56,87);stroke-miterlimit:10;}
</style>
<line class="st0" x2="100" y1="100" vector-effect="non-scaling-stroke" stroke-width="4px"/>
</svg>


Red to match don't icons:

<?xml version="1.0" encoding="UTF-8"?>
<svg enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
<style type="text/css">
        .st0{fill:none;stroke:rgb(255,100,78);stroke-miterlimit:10;}
</style>
<line class="st0" x2="100" y1="100" vector-effect="non-scaling-stroke" stroke-width="4px"/>
</svg>
*/

.cs_imageCards .cs_imageCardItem.isDont .imgCardImg:after {
    position: absolute;
    display: block;
    content: ' ';
    z-index: 50;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 0% 0%;
    background-size: 100% 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*background: linear-gradient(135deg, #ff3232 0%,#ff3030 49.6%,#d6d6d6 50%,#ff3030 50.4%,#ff0000 100%);*/
    /*background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(239%2C56%2C87)%3Bstroke-width%3A4px%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cline%20class%3D%22st0%22%20x2%3D%22100%22%20y1%3D%22100%22%2F%3E%0A%3C%2Fsvg%3E');*/
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(255%2C100%2C78)%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cline%20class%3D%22st0%22%20x2%3D%22100%22%20y1%3D%22100%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%224px%22%2F%3E%0A%3C%2Fsvg%3E');
    pointer-events: none;
}

.cs_imageCards .columnContainer .cs_imageCardItem .cs_text {
    padding: 24px 15px 24px 15px;
}
.cs_imageCards .columnContainer .cs_imageCardItem .cs_text p:last-child {
    margin-bottom: 0px;
}
/*.cs_imageCards .cs_imageCardItem.isDo.iconBottom, .cs_imageCards .cs_imageCardItem.isDont.iconBottom {
    padding-bottom: 21px;
}*/
@media all and (max-width: 1200px) and (min-width: 1024px) {
    .cs_imageCards .columnContainer .cs_imageCardItem {
        width: calc((50% - 20px) - 0.01px);
    }
    /*    .cs_imageCards .cs_imageCardItem.isDo.iconBottom, .cs_imageCards .cs_imageCardItem.isDont.iconBottom {
            padding-bottom: 7px;
        }*/
}
@media all and (max-width: 800px) and (min-width: 481px) {
    .cs_imageCards .columnContainer .cs_imageCardItem {
        width: calc((50% - 20px) - 0.01px);
    }
    /*    .cs_imageCards .cs_imageCardItem.isDo.iconBottom, .cs_imageCards .cs_imageCardItem.isDont.iconBottom {
            padding-bottom: 7px;
        }*/
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_imageCards .columnContainer .cs_imageCardItem {
        width: calc((100% - 20px) - 0.01px);
    }
    /*    .cs_imageCards .cs_imageCardItem.isDo.iconBottom, .cs_imageCards .cs_imageCardItem.isDont.iconBottom {
            padding-bottom: 11px
        }*/
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {
    .cs_imageCards .cs_imageCardItem.isDo.iconBottom, .cs_imageCards .cs_imageCardItem.isDont.iconBottom {
        padding-bottom: 7px;
    }
}


/* Text Left Image Right */
.cs_textLeftImageRight {
    margin-bottom: 24px;
}

.cs_textLeftImageRight .cs_text p:last-child {
    margin-bottom: 0px;
}
.cs_textLeftImageRight .cs_text ul:last-child li:last-child {
    margin-bottom: 0px;
}
.cs_textLeftImageRight.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}
.cs_textLeftImageRight .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -30px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;

}
.cs_textLeftImageRight .columnContainer .cs_text {
    flex: 0 0 auto;
    width: calc((67% - 30px) - 0.01px);
    margin-left: 30px;
}
.cs_textLeftImageRight.csattr_columngap .columnContainer .cs_text {
    /*    padding-right: calc(11.392%);
        width: calc((57% - 11.392% - 30px);*/
}
.cs_textLeftImageRight .columnContainer .cs_tilrImg {
    flex: 0 0 auto;
    width: calc((33% - 30px) - 0.01px);
    margin-left: 30px;
}
.cs_textLeftImageRight .columnContainer .cs_tilrImg img {
    width: 100%;
    height: auto;
    display: block;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_textLeftImageRight .columnContainer {
        margin-left: 0px;
    }
    .cs_textLeftImageRight .columnContainer .cs_text, .cs_textLeftImageRight.csattr_columngap .columnContainer .cs_text {
        width: 100%;
        order: 2;
        margin-left: 0px;
        padding-right: 0px;
    }
    .cs_textLeftImageRight .columnContainer .cs_tilrImg {
        width: 100%;
        order: 1;
        margin-bottom: 24px;
        margin-left: 0px;

    }
}

/* Image Left Text Right csattr_columngap */
.cs_imageLeftTextRight {
    margin-bottom: 36px;
}

.cs_imageLeftTextRight .cs_text p:last-of-type {
    margin-bottom: 0px;
}

.cs_imageLeftTextRight.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}
.cs_imageLeftTextRight .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -30px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;

}
.cs_imageLeftTextRight .columnContainer .cs_text {
    flex: 0 0 auto;
    width: calc((67% - 30px) - 0.01px);
    margin-left: 30px;
    order:2;
}
.cs_imageLeftTextRight.csattr_columngap .columnContainer .cs_text {
    /*    padding-left: calc(11.392%);
        width: calc((57% - 11.392% - 30px);*/
}
.cs_imageLeftTextRight .columnContainer .cs_tilrImg {
    flex: 0 0 auto;
    width: calc((33% - 30px) - 0.01px);
    margin-left: 30px;
    order:1;
}
.cs_imageLeftTextRight .columnContainer .cs_tilrImg img {
    width: 100%;
    height: auto;
    display: block;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_imageLeftTextRight .columnContainer {
        margin-left: 0px;
    }
    .cs_imageLeftTextRight .columnContainer .cs_text, .cs_imageLeftTextRight.csattr_columngap .columnContainer .cs_text {
        width: 100%;
        order: 2;
        margin-left: 0px;
        padding-left: 0px;
    }
    .cs_imageLeftTextRight .columnContainer .cs_tilrImg {
        width: 100%;
        order: 1;
        margin-bottom: 24px;
        margin-left: 0px;

    }
}
/* Image left with caption and Dos and Don’ts list right */
.cs_imageLeftCaptionListRight {
    margin-bottom: 36px;
}
.cs_imageLeftCaptionListRight .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -30px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
.cs_imageLeftCaptionListRight .columnContainer .cs_text {
    flex: 0 0 auto;
    width: calc((50% - 30px) - 0.01px);
    margin-left: 30px;
    order:2;
}
.cs_imageLeftCaptionListRight .columnContainer .cs_text p {
    padding-left: 45px;
    position: relative;
    font-size: 14px;
}
.cs_imageLeftCaptionListRight .columnContainer .cs_text p.isDo:before, .cs_imageLeftCaptionListRight .columnContainer .cs_text p.isDont:before { 
    position: absolute;
    left: 0px;
    top:5px;
    /*z-index: 100;*/
}

.cs_imageLeftCaptionListRight .columnContainer .cs_ilclrImg {
    flex: 0 0 auto;
    width: calc((50% - 30px) - 0.01px);
    margin-left: 30px;
    order:1;
}
.cs_imageLeftCaptionListRight .columnContainer .cs_ilclrImg img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 5px;
}

.cs_imageLeftCaptionListRight.isHighlightBox .cs_ilclrImg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 30px;
    border: 1px solid #EAEAEA;
    width: calc((50% - 92px) - 0.01px);
} 
.cs_imageLeftCaptionListRight.isHighlightBox .cs_ilclrImg img {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
}
.cs_imageLeftCaptionListRight.isHighlightBox .cs_ilclrImg p:last-of-type {
    margin-bottom: 0px;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_imageLeftCaptionListRight .columnContainer .cs_text p {
        padding-left: 31px;
    }
    .cs_imageLeftCaptionListRight .columnContainer {
        margin-left: 0px;
    }
    .cs_imageLeftCaptionListRight .columnContainer .cs_text {
        width: 100%;
        order: 2;
        margin-left: 0px;
    }
    .cs_imageLeftCaptionListRight .columnContainer .cs_ilclrImg {
        width: 100%;
        order: 1;
        margin-bottom: 24px;
        margin-left: 0px;

    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {
    .cs_imageLeftCaptionListRight .columnContainer .cs_text p {
        padding-left: 35px;
    }
}


/* cs_documentList */


.cs_documentList .columnContainer {
    /*    display: -webkit-flex;  Safari 
        display: flex;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;  Safari 6.1+ 
        flex-wrap: wrap;
        min-height: 0;
        flex-direction: column;*/
    margin-top: -5px;
}
.cs_docListItem {
    flex: 0 0 auto;
    width: 100%;
    /*position: relative;*/
    min-height: 0;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-top: 5px;
    flex-direction: row;
}
.cs_docListItem p {
    margin: 0px;
}
.cs_documentList .cs_docListItem h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 16px;
    padding: 0px;
    /*font-size: 16px;*/
}

.cs_docLITitleHeading {
    flex: 0 0 auto;
    width: calc((60% - 55px) - 0.01px);
    margin-left: 5px;
    min-height: 0;
    padding: 15px 25px;
}
.cs_docLILinkHeading {
    flex: 0 0 auto;
    width: calc((40% - 55px) - 0.01px);
    margin-left: 5px;
    /*margin-top: 20px;*/
    /*position: relative;*/
    min-height: 0; 
    padding: 15px 25px;
}

.cs_docLITitle {
    flex: 0 0 auto;
    /*width: calc((60% - 55px) - 0.01px);*/
    width: calc(60% - 5px);
    margin-left: 5px;
    /*margin-top: 20px;*/
    background-color: #fff;
    /*position: relative;*/
    min-height: 0; 
    /*padding: 15px 25px;*/
}
.cs_docLILink {
    flex: 0 0 auto;
    /*width: calc((40% - 55px) - 0.01px);*/
    width: calc(40% - 5px);
    margin-left: 5px;
    /*    margin-top: 20px;*/
    background-color: #fff;
    /*position: relative;*/
    min-height: 0; 
    /*padding: 15px 25px;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.cs_documentList.headerHidden {
    margin-top: -64px;
}
.cs_documentList.headerHidden .cs_docLITitleHeading, .cs_documentList.headerHidden .cs_docLILinkHeading{
    display: none;
}

/* Added download icon */
.cs_docLILink a[href$=".pdf"],.cs_docLILink a[href$=".zip"],.cs_docLILink a[href$=".xls"],.cs_docLILink a[href$=".xlsx"] {
    background-image: url('/sites/all/themes/custom/nbh/assets/images/download-icon-grey.svg');
    background-size: 15px 16px;
    background-repeat: no-repeat;
    background-position: 25px center;
    padding-left: 55px;
}

.cs_docListItem .cs_docLILink a {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.cs_docListItem a {
    text-decoration: none;
}
.cs_docListItem a:hover {
    /*text-decoration: underline;*/
    background-color: #EDF2F5;
}

.cs_docLILink a, .cs_docLITitle a {
    padding: 15px 25px;
    display: block;
}
.cs_docLITitle p {
    padding: 15px 25px;
    display: block;
    color: #888;
}
.cs_docLITitle a {
    margin: -15px -25px;
}


/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 600px) {

    .cs_docLITitleHeading, .cs_docLILinkHeading {
        display: none;
    }

    .cs_docLITitle {
        width: 100%;
    }
    .cs_docLILink {
        padding-top: 0px;
        width: 100%;
    }
    .cs_docLILink:before {
        font-size: 14px;
        content: "Download: ";
        display: block;
        font-family: 'Nokia Pure Headline', sans-serif;
        color: #98a2ae;
        margin: 10px 0px -15px 25px;

    }
    .cs_docLITitle:before {
        font-size: 14px;
        content: "View online: ";
        display:block;
        font-family: 'Nokia Pure Headline', sans-serif;
        color: #98a2ae;
        margin: 10px 0px -15px 25px;
        text-decoration: none; 
    }
}

/* cs_documentCards Document Cards */
/* Attribute classes csattr_docCardWord (default) csattr_docCardPPT csattr_docCardPDF csattr_docCardExcel */

.cs_documentCards .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -20px;
    margin-top: -20px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
    min-height: 0;
}
.cs_documentCards .columnContainer .cs_docCardItem {
    flex: 0 0 auto;
    width: calc((25% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
    background-color: #fff;
    /*position: relative;*/
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.cs_documentCards .columnContainer .cs_docCardItem .cs_docCardItemTitleArea {
    background-color: #BEC8D2;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
}
.cs_docCardItemButtonArea {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}
.cs_docCardItemButtonArea p {
    margin: 0px 10px 10px 10px;
    flex: none;
    order: 1;
}
.cs_docCardItemButtonArea p:last-of-type {
    flex: 1 0 auto;
    order: 1;
}
.cs_docCardItemButtonArea p:first-child {
    margin-top: 10px;
}
.cs_docCardItemButtonArea p:last-of-type {
    margin-bottom: 10px;
}
.cs_docCardItemButtonArea a {
    margin: 0px 10px 10px 10px;
    flex: 0 0 auto;
    order: 2;
    /*align-self: flex-start;*/
}
.cs_docCardItemButtonArea a.cs_docCardViewButton {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #124191;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px;
    line-height: 14px;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
}
.cs_docCardItemButtonArea a.cs_docCardDownloadButton {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: rgb(0, 17, 53);
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px;
    font-size: 14px;
    line-height: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 10px;
}

/* THis is the default icon so if no attr is specified a generic icon appears */
.cs_documentCards .columnContainer .cs_docCardItem .cs_docCardItemTitleArea:before {
    display: block;
    content: ' ';
    /*background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2037%2052%22%20version%3D%221.1%22%20viewBox%3D%220%200%2037%2052%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%09%3Cpolygon%20class%3D%22st0%22%20points%3D%221.5%201.5%2026.5%201.5%2036.5%2011.5%2036.5%2051.5%201.5%2051.5%22%2F%3E%0A%09%3Cpolyline%20class%3D%22st0%22%20points%3D%2226.5%201.5%2026.5%2011.5%2036.5%2011.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2226.5%22%20y2%3D%2226.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2230.5%22%20y2%3D%2230.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2234.5%22%20y2%3D%2234.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2238.5%22%20y2%3D%2238.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2218.5%22%20y2%3D%2218.5%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%228.5%22%20x2%3D%2229.5%22%20y1%3D%2222.5%22%20y2%3D%2222.5%22%2F%3E%0A%3C%2Fsvg%3E');*/
    background-image: url('/sites/all/themes/custom/nbh/assets/images/word.svg');
    background-size: 14px 20px;
    height: 20px;
    width: 14px;
    position: absolute;
    bottom:6px;
    left:10px;
    /*-webkit-transform: translateX(-50%);*/
    /*transform: translateX(-50%)*/
}

.cs_documentCards .columnContainer .cs_docCardItem.csattr_docCardPPT .cs_docCardItemTitleArea:before {
    /*background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2037%2052%22%20version%3D%221.1%22%20viewBox%3D%220%200%2037%2052%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%09%09%3Cpolygon%20class%3D%22st0%22%20points%3D%221%201%2026%201%2036%2011%2036%2051%201%2051%22%2F%3E%0A%09%09%3Cpolyline%20class%3D%22st0%22%20points%3D%2226%201%2026%2011%2036%2011%22%2F%3E%0A%09%09%3Crect%20class%3D%22st1%22%20x%3D%228%22%20y%3D%2218%22%20width%3D%2221%22%20height%3D%2220%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2210%22%20x2%3D%2227%22%20y1%3D%2220%22%20y2%3D%2236%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2210%22%20x2%3D%2227%22%20y1%3D%2236%22%20y2%3D%2220%22%2F%3E%0A%3C%2Fsvg%3E%0A');*/
    background-image: url('/sites/all/themes/custom/nbh/assets/images/powerPoint.svg');
}
.cs_documentCards .columnContainer .cs_docCardItem.csattr_docCardPDF .cs_docCardItemTitleArea:before {
    /*background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2037%2052%22%20version%3D%221.1%22%20viewBox%3D%220%200%2037%2052%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3Bstroke%3A%23161A31%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st2%7Bfill%3Argb(22%2C26%2C49)%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%221%201%2026%201%2036%2011%2036%2051%201%2051%22%2F%3E%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%2226%201%2026%2011%2036%2011%22%2F%3E%0A%3Cpolygon%20class%3D%22st1%22%20points%3D%227.5%2017%2029.5%2017%2029.5%2039%207.5%2039%22%2F%3E%0A%3Cpath%20class%3D%22st2%22%20d%3D%22m28.1%2031.2c0.1%200.1%200.2%200.2%200.2%200.4h0.1c0.2-0.3%200.1-0.6-0.1-0.9-0.6-0.6-2.6-0.8-5.3-0.5-0.6-0.3-1.2-0.7-1.7-1.1-1.3-1.1-2.3-2.9-2.9-4.7%200.2-1.3%200.3-2.5%200.3-3.7v-0.6h-0.1c0%200.2-0.1%200.5-0.1%200.8-0.1%200.6-0.2%201.3-0.4%202.2-0.4-1.7-0.5-3.2-0.2-4%200.1-0.1%200.2-0.3%200.2-0.4%200.2%200.1%200.5%200.4%200.6%201h0.1c0.1-0.5%200.1-0.9-0.1-1.1s-0.4-0.2-0.5-0.2h-0.4c-0.3%200-0.5%200.2-0.5%200.6-0.3%201.2-0.2%203.3%200.5%205.4-0.4%201.4-1%203.1-2%205.1-2.4%204.9-4.3%207.4-5.5%207.5%200-0.7%201.3-2.4%203-3.7l-0.1-0.1c-2.3%201.2-3.3%202.6-3.4%203.4%200%200.2%200%200.4%200.1%200.5l0.5%200.2c0.1%200.1%200.3%200.1%200.4%200.1%201%200%202.5-1.6%204.4-4.9%202.2-0.8%205.1-1.4%207.6-1.6%201.7%200.9%203.5%201.4%204.6%201.4%200.3%200%200.5%200%200.7-0.1s0.4-0.2%200.4-0.4v-0.1l-0.1%200.1c-0.6%200.3-2.4-0.1-4.2-0.9%201.8-0.2%203.3-0.1%203.9%200.3zm-11.7-1.1c0.9-1.7%201.4-3.1%201.8-4.4%200.6%201.5%201.5%202.9%202.6%203.9%200.3%200.3%200.7%200.5%201.1%200.8-2.3%200.4-4.7%201-6.7%201.9%200.3-0.7%200.7-1.4%201.2-2.2z%22%2F%3E%0A%3C%2Fsvg%3E%0A');*/
    background-image: url('/sites/all/themes/custom/nbh/assets/images/pdf.svg');
}
.cs_documentCards .columnContainer .cs_docCardItem.csattr_docCardExcel .cs_docCardItemTitleArea:before {
    /*background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2037%2052%22%20version%3D%221.1%22%20viewBox%3D%220%200%2037%2052%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%09%09%3Cpolygon%20class%3D%22st0%22%20points%3D%221%201%2026%201%2036%2011%2036%2051%201%2051%22%2F%3E%0A%09%09%3Cpolyline%20class%3D%22st0%22%20points%3D%2226%201%2026%2011%2036%2011%22%2F%3E%0A%09%09%3Cline%20class%3D%22st1%22%20x1%3D%228%22%20x2%3D%2229%22%20y1%3D%2226%22%20y2%3D%2226%22%2F%3E%0A%09%09%3Cline%20class%3D%22st1%22%20x1%3D%228%22%20x2%3D%2229%22%20y1%3D%2230%22%20y2%3D%2230%22%2F%3E%0A%09%09%3Cline%20class%3D%22st1%22%20x1%3D%228%22%20x2%3D%2229%22%20y1%3D%2234%22%20y2%3D%2234%22%2F%3E%0A%09%09%3Crect%20class%3D%22st1%22%20x%3D%228%22%20y%3D%2218%22%20width%3D%2221%22%20height%3D%2220%22%2F%3E%0A%09%09%3Cline%20class%3D%22st1%22%20x1%3D%228%22%20x2%3D%2229%22%20y1%3D%2222%22%20y2%3D%2222%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2213%22%20x2%3D%2213%22%20y1%3D%2218%22%20y2%3D%2238%22%2F%3E%0A%09%3Cline%20class%3D%22st1%22%20x1%3D%2221%22%20x2%3D%2221%22%20y1%3D%2218%22%20y2%3D%2238%22%2F%3E%0A%3C%2Fsvg%3E');*/
    background-image: url('/sites/all/themes/custom/nbh/assets/images/excel.svg');
}

.cs_documentCards .columnContainer .cs_docCardItem .cs_docCardItemTitleArea .cs_docCardItemTitleAreaFilename {
    margin: 7px 10px 7px 30px;
    text-align: left;
    font-family: 'Nokia Pure Headline Light', sans-serif;
    font-size: 14px;
    /*font-size: 1.25rem;*/
    line-height: 18px;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.cs_documentCards .columnContainer .cs_docCardItem img {
    width: 100%;
    height: auto;
    display: block;
}
.cs_documentCards .columnContainer .cs_docCardItem .cs_text {
    padding: 15px 15px 15px 15px;
}
.cs_documentCards .cs_docCardItem.isDo.iconBottom, .cs_documentCards .cs_docCardItem.isDont.iconBottom {
    padding-bottom: 21px;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_documentCards .columnContainer .cs_docCardItem {
        width: calc((100% - 20px) - 0.01px);
    }

}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {
    .cs_documentCards .columnContainer .cs_docCardItem {
        width: calc((33.333% - 20px) - 0.01px);
    }
}


/* Links cs_Links */

/* Right Arrow SVG 10x17px:

%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2010%2017%22%20version%3D%221.1%22%20viewBox%3D%220%200%2010%2017%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2px%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%221%2016%209%208.5%201%201%22%2F%3E%0A%3C%2Fsvg%3E

*/


.contentSection.cs_Links {
    /*background-color: #BEC8D2;*/
    background-color: #ededed;
    /*    padding-top: 64px;
        padding-bottom: 64px;*/
    margin: 0px 0px 36px 0px;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .contentSection.cs_Links {
        padding: 64px 8.333% 64px 8.333%; 
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {
    .contentSection.cs_Links {
        padding: 64px 9.350% 64px 9.350%; 
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media all and (min-width: 1025px) {
    .contentSection.cs_Links {
        padding: 64px 23.932% 64px 8.547%; 
    }
}   



#contentWrapper .cs_Links ul {
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}
#contentWrapper .cs_Links ul li {
    border-bottom: 1px solid #ccc;
    padding: 0px;
    display: block;
    margin: 0px;
}
.cs_Links a {
    display: block;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.25rem;
    position: relative;
    padding: 15px 0px;
}

#contentWrapper .contentSection.cs_Links ul li::before {
    content: "";
    position:static;
    left: auto;
}

.cs_Links a:after {
    position: absolute;
    right: 0px;
    top:0px;
    bottom: 0px;
    margin: auto 0px;
    display: block;
    content: '';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2010%2017%22%20version%3D%221.1%22%20viewBox%3D%220%200%2010%2017%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(22%2C26%2C49)%3Bstroke-width%3A2px%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%221%2016%209%208.5%201%201%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 10px 17px;
    height: 17px;
    width: 10px;
}


/* cs_imageColourBlockCaption */
.cs_imageColourBlockCaption .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
.cs_imageColourBlockCaption .columnContainer .cs_icbcLeftCol {
    flex: 0 0 auto;
    width: calc(65.823%);
    background-color: #fff;
    margin-right: 11.392%;
}
.cs_imageColourBlockCaption .columnContainer .cs_icbcLeftCol img {
    width: 100%;
    height: auto;
    display: block;
}
.cs_imageColourBlockCaption .columnContainer .cs_icbcRightCol {
    flex: 1 0 auto;
    width: calc(22.785%);
}
.cs_imageColourBlockCaption .columnContainer .cs_icbcColourBlock {
    height: 100px;
    background-color: #ccc;
    margin-bottom: 24px;
}

/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_imageColourBlockCaption .columnContainer img {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 24px;
    }
    .cs_imageColourBlockCaption .columnContainer .cs_icbcLeftCol {
        flex: 0 0 auto;
        width: 100%;
        background-color: #fff;
        margin-right: 0px;
    }
    .cs_imageColourBlockCaption .columnContainer .cs_icbcRightCol {
        width: 100%;
    }
}


/* cs_textLeft3StackedImagesRight */
cs_textLeft3StackedImagesRight {
    margin-bottom: 36px;
}
.cs_textLeft3StackedImagesRight .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirText {
    flex: 0 0 auto;
    width: calc(44.304%);
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages {
    flex: 0 0 auto;
    width: calc((55.696% - 25px) - 0.01px);
    margin-left: 25px;
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages img {
    width: 100%;
    height: auto;
    display: block;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages div {
    flex: 0 0 auto;
    width: calc((60% - 12px) - 0.01px);
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
    flex-direction: column;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages div > div, .cs_textLeft3StackedImagesRight .cs_tl3sirImages div > div+div {
    flex: 0 0 auto;
    width: 100%;
}
/*.cs_textLeft3StackedImagesRight .cs_tl3sirImages div img {
    margin-bottom: 25px;
}*/
.cs_textLeft3StackedImagesRight .cs_tl3sirImages div+div img, .cs_textLeft3StackedImagesRight .cs_tl3sirImages img+img {
    margin-bottom: 0px;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div+div {
    flex: 0 0 auto;
    width: calc((40% - 13px) - 0.01px);
    margin-left: 25px;
    display: block;
}

/* New image card styling */
.cs_textLeft3StackedImagesRight .cs_tl3sirImages div.isDo:before, .cs_textLeft3StackedImagesRight .cs_tl3sirImages div.isDont:before {
    background-image:none;
    content: "";
    height: auto;
    width: auto;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div:first-child > div+div {
    margin-top: 25px;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div:first-child div.isDo,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div:first-child div.isDont,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div.isDo:last-child .cs_ImageWrap,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div.isDont:last-child .cs_ImageWrap {
    margin-bottom: 25px;
    position: relative;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div:first-child div.isDo:before,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div:first-child div.isDont:before,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div.isDo:last-child .cs_ImageWrap:before,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div.isDont:last-child .cs_ImageWrap:before {
    position: absolute;
    top:auto;
    bottom:-25px;
    left:50%;
    margin: 0px 0px 0px -25px;
    z-index: 100;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div:first-child div.isDo:before,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div.isDo:last-child .cs_ImageWrap:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argb(75%2C221%2C51)%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3Argb(255%2C255%2C255)%3Bstroke-width%3A3.5%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%2214.5%2026.7%2020.3%2032.7%2035.5%2017.3%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div:first-child div.isDont:before,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div.isDont:last-child .cs_ImageWrap:before {
    display: block;
    content: ' ';
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.st0%7Bfill%3Argb(255%2C100%2C78)%3B%7D%0A.st1%7Bfill%3Argb(255%2C255%2C255)%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%2F%3E%0A%3Crect%20class%3D%22st1%22%20x%3D%227.4%22%20y%3D%2221.3%22%20width%3D%2235.2%22%20height%3D%227.4%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}

.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div:first-child div.isDont:after,
.cs_textLeft3StackedImagesRight .cs_tl3sirImages > div.isDont:last-child .cs_ImageWrap:after {
    position: absolute;
    display: block;
    content: ' ';
    z-index: 50;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 0% 0%;
    background-size: 100% 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3Argb(255%2C100%2C78)%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cline%20class%3D%22st0%22%20x2%3D%22100%22%20y1%3D%22100%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%224px%22%2F%3E%0A%3C%2Fsvg%3E');
    pointer-events: none;
}


/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_textLeft3StackedImagesRight .cs_tl3sirImages {
        width: 100%;
        margin-left: 0px;
    }
    .cs_textLeft3StackedImagesRight .cs_tl3sirText {
        width: 100%;
    }
    #contentWrapper .cs_textLeft3StackedImagesRight .cs_tl3sirImages div {
        width: 100%;
    }
    .cs_textLeft3StackedImagesRight .cs_tl3sirImages div+div {
        margin-left: 0px;
    }
    #contentWrapper .cs_textLeft3StackedImagesRight .cs_tl3sirImages div img {
        margin-bottom: 24px;
        margin-left: 0px;
    }
}


/* Product Requirements Styles */
/* pr_Contents */
.pr_Contents ol {
    list-style-type:decimal;
    line-height: 1.5;
    margin-bottom: 0px;
}
.pr_Contents ol li a { 
    text-decoration: none;
}
.pr_Contents ol li a:hover {
    text-decoration: underline;
    color: #001135;
}
.pr_Contents ol li:last-child {
    margin-bottom: 0px;
}
.contentSection.pr_Contents {
    margin-bottom: 128px;
}
.contentSection.pr_Contents::after {
    display: block;
    content: ' ';
    height: 1px;
    position: absolute;
    left:0px;
    width: 100%;
    height: 63px;
    border-bottom:1px solid #d4d4d4;
    /*background-color: #98a2ae;*/
}
/* Product Requirements text content. Text content tagged with .pr_text as well as .cs_text */
/*#contentWrapper .pr_text ul {
    list-style-type: circle;
}
#contentWrapper .pr_text ol {
    list-style-type: decimal;
}*/
/*#contentWrapper .pr_text ol ol {
    list-style-type:lower-alpha;
}*/
#contentWrapper .pr_text ul li p {
    margin-bottom: 15px;
}
#contentWrapper .pr_text ul ul {
    margin-top: 15px;
}
#contentWrapper .pr_text ul li > ul > li:last-child {
    margin-bottom: 0px;
}


/* BEGIN WIDE IMAGE CARD */


.cs_wideImageCard {
    background-color: #fff;
    border: 1px solid #EAEAEA;
}
.cs_wideImageCard .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
.wideICImg {
    width: 50%;
    flex: 0 0 auto;
    object-fit: cover;
}
.wideICImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.wideICImg a.fancybox {
    width: 100%;
    height: 100%;
    display: block;
}
.wideICText {
    padding: 50px;
    width: calc(50% - 100px);
    flex: 0 0 auto;
}
.cs_wideImageCard h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 24px;
}
.cs_wideImageCard .wideICText p:last-of-type {
    margin-bottom: 0px;
}
.csattr_ImgLeft .wideICImg {
    order: 1;
}
.csattr_ImgLeft .wideICText {
    order: 2;
}
.csattr_ImgRight .wideICImg {
    order: 2;
}
.csattr_ImgRight .wideICText {
    order: 1;
}

/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 700px) {
    .cs_wideImageCard .columnContainer {
        flex-direction: column;
    }
    .wideICImg {
        width: 100%;
    }
    .wideICText {
        padding: 30px;
        width: calc((100% - 60px) - 0.01px);
    }
    .csattr_ImgLeft .wideICImg, .csattr_ImgRight .wideICImg {
        order: 1;
    }
    .csattr_ImgLeft .wideICText, .csattr_ImgRight .wideICText {
        order: 2;
    }
}

/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {

}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (max-width: 1024px) and (min-width: 481px) {

}
/* Large devices (laptops/desktops, 992px and up) */
@media all and (min-width: 1025px) {

}

/* Video: Single */
.cs_Video.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}

/* Video Left Text Right csattr_columngap */
.cs_videoLeftTextRight {
    margin-bottom: 36px;
}

.cs_videoLeftTextRight .cs_text p:last-of-type {
    margin-bottom: 0px;
}

.cs_videoLeftTextRight.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}
.cs_videoLeftTextRight .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -30px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;

}
.cs_videoLeftTextRight .columnContainer .cs_text {
    flex: 0 0 auto;
    width: calc((50% - 30px) - 0.01px);
    margin-left: 30px;
    order:2;
}
.cs_videoLeftTextRight.csattr_columngap .columnContainer .cs_text {
    /*    padding-left: calc(11.392%);
        width: calc((57% - 11.392% - 30px);*/
}
.cs_videoLeftTextRight .columnContainer .cs_tilrImg {
    flex: 0 0 auto;
    width: calc((50% - 30px) - 0.01px);
    margin-left: 30px;
    order:1;
}
.cs_videoLeftTextRight .columnContainer .cs_tilrImg img {
    width: 100%;
    height: auto;
    display: block;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_videoLeftTextRight .columnContainer {
        margin-left: 0px;
    }
    .cs_videoLeftTextRight .columnContainer .cs_text, .cs_videoLeftTextRight.csattr_columngap .columnContainer .cs_text {
        width: 100%;
        order: 2;
        margin-left: 0px;
        padding-left: 0px;
    }
    .cs_videoLeftTextRight .columnContainer .cs_tilrImg {
        width: 100%;
        order: 1;
        margin-bottom: 24px;
        margin-left: 0px;

    }
}

/* Text Left Video Right */
.cs_textLeftVideoRight {
    margin-bottom: 24px;
}

.cs_textLeftVideoRight .cs_text p:last-child {
    margin-bottom: 0px;
}
.cs_textLeftVideoRight .cs_text ul:last-child li:last-child {
    margin-bottom: 0px;
}
.cs_textLeftVideoRight.isHighlightBox {
    padding: 30px;
    background-color: #fff;
}
.cs_textLeftVideoRight .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -30px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;

}
.cs_textLeftVideoRight .columnContainer .cs_text {
    flex: 0 0 auto;
    width: calc((50% - 30px) - 0.01px);
    margin-left: 30px;
}
.cs_textLeftVideoRight.csattr_columngap .columnContainer .cs_text {
    /*    padding-right: calc(11.392%);
        width: calc((57% - 11.392% - 30px);*/
}
.cs_textLeftVideoRight .columnContainer .cs_tilrImg {
    flex: 0 0 auto;
    width: calc((50% - 30px) - 0.01px);
    margin-left: 30px;
}
.cs_textLeftVideoRight .columnContainer .cs_tilrImg img {
    width: 100%;
    height: auto;
    display: block;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_textLeftVideoRight .columnContainer {
        margin-left: 0px;
    }
    .cs_textLeftVideoRight .columnContainer .cs_text, .cs_textLeftVideoRight.csattr_columngap .columnContainer .cs_text {
        width: 100%;
        order: 2;
        margin-left: 0px;
        padding-right: 0px;
    }
    .cs_textLeftVideoRight .columnContainer .cs_tilrImg {
        width: 100%;
        order: 1;
        margin-bottom: 24px;
        margin-left: 0px;

    }
}

/* cs_videoCards Cards */

.cs_videoCards .columnContainer {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -20px;
    margin-top: -20px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
.cs_videoCards .isHighlightBox {

}
.cs_videoCards .columnContainer .cs_videoCardItem {
    flex: 0 0 auto;
    width: calc((33.333% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
    background-color: #fff;
    position: relative;
}
.cs_videoCards.csattr_2Col .columnContainer .cs_videoCardItem {
    width: calc((50% - 20px) - 0.01px);
}

/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_videoCards.csattr_2Col .columnContainer .cs_videoCardItem {
        width: calc((100% - 20px) - 0.01px);
    }
}

.cs_videoCards.csattr_1Col .columnContainer .cs_videoCardItem {
    width: calc((100% - 20px) - 0.01px);
    /*margin-bottom: 64px;*/
}

.cs_videoCards .columnContainer .cs_videoCardItem h3 {
    margin-bottom: 10px;
}
.cs_videoCards .columnContainer .cs_videoCardItem img {
    width: 100%;
    height: auto;
    display: block;
}

.cs_videoCards .columnContainer .cs_videoCardItem .cs_text {
    padding: 24px 15px 24px 15px;
}
.cs_videoCards .columnContainer .cs_videoCardItem .cs_text p:last-child {
    margin-bottom: 0px;
}
@media all and (max-width: 1200px) and (min-width: 1024px) {
    .cs_videoCards .columnContainer .cs_videoCardItem {
        width: calc((50% - 20px) - 0.01px);
    }
}
@media all and (max-width: 800px) and (min-width: 481px) {
    .cs_videoCards .columnContainer .cs_videoCardItem {
        width: calc((50% - 20px) - 0.01px);
    }
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_videoCards .columnContainer .cs_videoCardItem {
        width: calc((100% - 20px) - 0.01px);
    }
}

.cs_videoColumns.csattr_LgeColumns .cs_videoVideo {
    flex: 0 0 auto;
    width: calc((50% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
}
.cs_videoColumns.csattr_MedColumns .cs_videoVideo {
    flex: 0 0 auto;
    width: calc((33.333% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
}
.cs_videoColumns.csattr_SmlColumns .cs_videoVideo {
    flex: 0 0 auto;
    width: calc((25% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
}
.cs_videoColumns.csattr_XSmlColumns .cs_videoVideo {
    flex: 0 0 auto;
    width: calc((20% - 20px) - 0.01px);
    margin-left: 20px;
    margin-top: 20px;
}
.cs_videoColumns.csattr_lineBetween .cs_videoVideo {
    margin-left: 10px;
    padding-left: 9px;
    border-left: 1px solid #bec8d2;
}
/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 480px) {
    .cs_videoColumns.csattr_LgeColumns .cs_videoVideo {
        width: calc((100% - 20px) - 0.01px);
    }
    .cs_videoColumns.csattr_MedColumns .cs_videoVideo {
        width: calc((100% - 20px) - 0.01px);
    }
    .cs_videoColumns.csattr_SmlColumns .cs_videoVideo {
        width: calc((50% - 20px) - 0.01px);
    }
    .cs_videoColumns.csattr_XSmlColumns .cs_videoVideo {
        width: calc((50% - 20px) - 0.01px);
    }
    .cs_videoColumns.csattr_LgeColumns .cs_videoVideo:not(:last-child):after,
    .cs_imageColumns.csattr_MedColumns .cs_videoVideo:not(:last-child):after {
        content: " ";
        height: 14px;
        display:block;
        border-bottom: 1px solid #bec8d2;
    }
    .cs_videoColumns.csattr_lineBetween.csattr_LgeColumns .cs_videoVideo {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_videoColumns.csattr_lineBetween.csattr_MedColumns .cs_videoVideo {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_videoColumns.csattr_lineBetween.csattr_SmlColumns .cs_videoVideo:nth-child(2n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_videoColumns.csattr_lineBetween.csattr_XSmlColumns .cs_videoVideo:nth-child(2n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }

}

@media all and (min-width: 481px) {
    .cs_videoColumns.csattr_lineBetween.csattr_LgeColumns .cs_videoVideo:nth-child(2n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_videoColumns.csattr_lineBetween.csattr_MedColumns .cs_videoVideo:nth-child(3n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_videoColumns.csattr_lineBetween.csattr_SmlColumns .cs_videoVideo:nth-child(4n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
    .cs_videoColumns.csattr_lineBetween.csattr_XSmlColumns .cs_videoVideo:nth-child(5n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
}

.cs_videoColumns {}

.cs_videoColumnsVideos {
    display: -webkit-flex; /* Safari */
    display: flex;
    /*justify-content: space-between;*/
    margin-left: -20px;
    margin-top: -20px;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
    float: left;
}
.cs_videoColumns img {
    width: 100%;
    height: auto;
    display: block;
}

.isHighlightBox.cs_videoColumns {
    padding: 30px;
    background-color: #fff;
}

/* Styling for cs_imageColumnsResources */
.cs_imageColumnsResources a {
    font-size: 14px;
    display:block;
    width:100%;
}
.contentSection.cs_imageColumns.csattr_SmlColumns.cs_imageColumnsResources img {
    max-height: 150px;
    height: auto;
    width: auto;
    max-width: 100%;
    margin: 0px auto;
}
.cs_imageColumnsResources .cs_ImageWrap {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex: 0;
    min-height: 150px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.cs_imageColumns.csattr_SmlColumns.cs_imageColumnsResources .cs_imageImg {
    flex: 0 0 auto;
    width: calc((25% - 50px) - 0.1px);
    margin-left: 20px;
    margin-top: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.cs_imageColumnsResources .cs_imageImg > a {
    background-image: url('/sites/all/themes/custom/nbh/assets/images/download-icon-grey.svg');
    display:inline-block;
    background-size: 13px 14px;
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 22px;
    text-decoration: none;
    font-size: 10px;
    line-height: 11px;
    width: calc((100% - 25px) - 0.01px);
}

.cs_imageColumnsResources .cs_imageImg > span {
    display:block;
    text-decoration: none;
    font-size: 14px;
    line-height: 15px;
    word-break: break-all;
    margin-bottom: 12px;
    font-family: 'Nokia Pure Headline',sans-serif;
    flex: 1;
}


@media all and (max-width: 480px) {
    .cs_imageColumns.csattr_SmlColumns.cs_imageColumnsResources .cs_imageImg {
        width: calc((50% - 50px) - 0.01px);
    }
    .cs_imageColumns.csattr_lineBetween.csattr_SmlColumns.cs_imageColumnsResources .cs_imageImg:nth-child(2n+1) {
        margin-left: 10px;
        padding-left: 10px;
        border-left: none;
    }
}

@media all and (min-width: 481px) and (max-width: 800px) {
    .cs_imageColumns.csattr_SmlColumns.cs_imageColumnsResources .cs_imageImg {
        width: calc((33.33% - 50px) - 0.01px);
    }
}
@media all and (min-width: 1025px) and (max-width: 1200px) {
    .cs_imageColumns.csattr_SmlColumns.cs_imageColumnsResources .cs_imageImg {
        width: calc((33.33% - 50px) - 0.01px);
    }
}

ul.field-collection-view-links { display: none;}