@import url('https://fast.fonts.net/lt/1.css?apiType=css&c=4c675b2b-7c9f-461e-860d-e763391d19da&fontids=1459090, 1459094');
.NewsHolderPage article a,
.benefitHead,
.btn-white,
.filterHead,
.navbar-nav>li>a,
.newsarchiveLink a,
.uppercase,
ul.softwarefilter li a {
    /*text-transform: uppercase;*/
}


.uppercase {
    text-transform: uppercase;
}

.checkbox input[type=checkbox]:focus+label::before,
.checkbox input[type=radio]:focus+label::before,
.radio input[type=radio]:focus+label::before {
    outline: 0;
    outline-offset: 0
}

#cZdownloads,
#specification ul,
.topNav ul ul,
ul.downloads,
ul.facts,
ul.filter {
    list-style: none
}

/*
@font-face {
    font-family: "Eurostile LT W04 Medium1459090";
    src: url(../fonts/1459090/c59cb875-f82e-4aa7-8b21-e022bec9173d.eot?#iefix);
    src: url(../fonts/1459090/c59cb875-f82e-4aa7-8b21-e022bec9173d.eot?#iefix) format("eot"), url(../fonts/1459090/86cca13a-730d-446b-9aeb-021c9a920680.woff2) format("woff2"), url(../fonts/1459090/5e31bd8c-7bee-4b1f-b38a-ed52e94007c3.woff) format("woff"), url(../fonts/1459090/db80a21a-ba4a-43ef-977a-ab1c6963b5d3.ttf) format("truetype"), url(../fonts/1459090/7404c590-8260-4834-9cb8-c3bc57b52d3f.svg#7404c590-8260-4834-9cb8-c3bc57b52d3f) format("svg")
}

@font-face {
    font-family: "Eurostile LT W04 Demi1459094";
    src: url(../fonts/1459094/d6acb2da-33dc-44aa-a8d9-7d7ca07953a8.eot?#iefix);
    src: url(../fonts/1459094/d6acb2da-33dc-44aa-a8d9-7d7ca07953a8.eot?#iefix) format("eot"), url(../fonts/1459094/bc8c73ce-6a06-42b3-8d62-2ea65aaa5714.woff2) format("woff2"), url(../fonts/1459094/661148b5-91ae-4834-a137-a6305cb1e25a.woff) format("woff"), url(../fonts/1459094/1c0d491a-f18d-4701-bb3d-838a7e8221cf.ttf) format("truetype"), url(../fonts/1459094/379be377-3312-4a2f-9363-1d3b8a455f98.svg#379be377-3312-4a2f-9363-1d3b8a455f98) format("svg")
}
*/

@font-face {
    font-family: "ToshibaSans-Bold";
    src: url(../fonts/ToshibaSans/TTToshibaSans-Bold.ttf);
    src: url(../fonts/ToshibaSans/TTToshibaSans-Bold.ttf) format("ttf"), url(../fonts/ToshibaSans/ToshibaSans-Bold.otf) format("otf");
}

@font-face {
    font-family: "ToshibaSans-Light";
    src: url(../fonts/ToshibaSans/TTToshibaSans-Light.ttf);
    src: url(../fonts/ToshibaSans/TTToshibaSans-Light.ttf) format("ttf"), url(../fonts/ToshibaSans/ToshibaSans-Light.otf) format("otf");
}

@font-face {
    font-family: "ToshibaSans-Medium";
    src: url(../fonts/ToshibaSans/TTToshibaSans-Medium.ttf);
}

@font-face {
    font-family: "ToshibaSans-Regular";
    src: url(../fonts/ToshibaSans/TTToshibaSans-Regular.ttf);
}

@font-face {
    font-family: "OpenSans-Medium";
    src: url(../fonts/Open_Sans/OpenSans-SemiBold.ttf);
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
}


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #E6E6E6;
    color: #000;
    font-family: "OpenSans-Medium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
}

.NewsHolderPage article a,
.benefitHead,
.btn-white,
.filterHead,
.h5,
.h6,
footer a,
h5,
h6,
strong {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
}

/*
.h1,
.h2,
h1,
h2 {
    line-height: 1.1em
}
*/

.h1, h1 {
    font-size: 2.75em;
    line-height: 1.1em;
}

.h2, h2 {
    font-size: 2.25em;
    line-height: 1.1em;
}

.h3, h3 {
    font-size: 1.75em;
    line-height: 1.2em;
}

.h4, h4 {
    font-size: 1.25em;
    line-height: 1.3em;
}

.p, p {
    font-size: 1em;
}

.main,
.navbar {
    background: #FFF;
    margin: 0 auto;
    max-width: 1800px
}

@media (max-width:768px) {
    .main {
        padding-top: 50px
    }
}

section {
    clear: both;
    float: none;
    margin: 100px 0
}

section.marginnone {
    margin: 0 !important;
}

section.margintop {
    margin: 100px 0 0 0 !important;
}

section.marginbottom {
    margin: 0 0 100px 0 !important;
}

section.marginboth {
    margin: 100px 0 100px 0 !important;
}

section ul {
    font-size: 16px
}

.ContentPage section:last-of-type, .CampaignPage section:last-of-type {
    margin-bottom: 0
}

/*
.h1,
h1 {
    font-size: 2.25em
}

.h2,
h2 {
    font-size: 1.6em
}

.h3,
h3 {
    font-size: 1.25em;
    line-height: 1.2em
}

.h4,
h4 {
    font-size: 1em;
    line-height: 1.3em
}
*/

h1 a,
h1 a:hover,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover {
    color: #000;
    text-decoration: none
}

@media (max-width:767px) {
    .h1, h1 {
        font-size: 2.25em
    }
    .h2, h2 {
        font-size: 1.8em
    }
}

a {
    color: #E61E1E
}

a:hover {
    color: #555;
    text-decoration: none
}

.main a[target="_blank"]:after{
    content: "\e164";
    font-family: 'Glyphicons Halflings';
    margin-left: 5px;
    color: grey;
    vertical-align: bottom;
}

.internal_link a[target="_blank"]:after,
.external_link a[target="_blank"]:after,
.icon_newwindow_link a[target="_blank"]:after {
    content: none;
}

/*
.internal_link p:after{
    content: "\e022";
    font-family: 'Glyphicons Halflings';
    margin-left: 5px;
    color: #E61E1E;
}
*/

/*.external_link p:after{
    content: "\e164";
    font-family: 'Glyphicons Halflings';
    margin-left: 5px;
    color: grey;
}*/

.icon_newwindow_link h3:after{
    content: "\e164";
    font-family: 'Glyphicons Halflings';
    margin-left: 5px;
    color: grey;
}

p {
    font-size: 1em;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
}

p.quote-full,
p.quote-half {
    font-size: 1.2em;
    margin: 30px 0
}

p.quote-half {
    width: 50%
}

p.quote-full:after,
p.quote-full:before,
p.quote-half:after,
p.quote-half:before {
    color: #E61E1E;
    content: "\0022";
    font-size: 1.4em
}

.tooltip-inner {
    white-space: pre;
    max-width: none
}

footer {
    font-size: 0.9em;
    line-height: 20px;
    font-weight: 500;
    color: #c9c9c9;
    padding-top: 30px
}

footer a {
    color: #C9C9C9;
    text-decoration: none
}

footer a:hover {
    color: #555;
    /*color: #c9c9c9;*/
    text-decoration: none
}

.footer {
    font-size: 0.9em;
    line-height: 20px;
    font-weight: 500;
    color: #c9c9c9;
}

.footer>.container-fluid>div {
    padding-bottom: 10px
}

.footer .pull-right {
    display: block;
    float: none!important
}

.container,
.jumbotron .container {
    width: auto;
    max-width: 1170px
}

.container-fluid {
    max-width: 1800px
}

.center {
    text-align: center
}

.truncate {
    display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nowrap {
    white-space: nowrap;
}

.nopadding {
    padding: 0
}

.margintop30 {
    margin-top: 30px
}

.margintop60 {
    margin-top: 60px
}

.marginbottom30 {
    margin-bottom: 30px
}

.marginbottom60 {
    margin-bottom: 60px
}

.big {
    font-size: 80px
}

.bordered {
    border: 1px solid #DADADA;
    padding: 15px
}

.siteIdentifier {
    display: inline-block;
    font-family: "OpenSans-Medium", Helvetica, Arial, sans-serif;
    margin-left: 75px;
    font-size: 0.9em !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin-top: 19px;
    float: left;
}

#SearchForm_SearchForm.navbar-form {
    float: left;
    margin-top: 10px;
}

a.regionalCompany {
    color: #000;
    font-family: "OpenSans-Medium", Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    letter-spacing: .04em;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    top: 6px;
    margin-top: 5px;
}

.SiteColour_aqua h2,
.SiteColour_aqua h3,
.SiteColour_aqua h4 {
    color: #0064D2;
}

.SiteColour_darkblue h2,
.SiteColour_darkblue h3,
.SiteColour_darkblue h4 {
    color: #0064D2;
}

.SiteColour_green h2,
.SiteColour_green h3,
.SiteColour_green h4 {
    color: #0064D2;
}

.SiteColour_blue h2,
.SiteColour_blue h3,
.SiteColour_blue h4 {
    color: #0064D2;
}

.NewsHolderPage article h2,
.SiteColour_red h2,
.SiteColour_red h3,
.SiteColour_red h4 {
    color: #E61E1E
}

.NewsHolderPage article {
    background: #FFF;
    border-bottom: 1px solid #DADADA;
    padding: 40px 0
}

.NewsHolderPage article:last-child {
    border-bottom: 0
}

.NewsHolderPage article a {
    color: #E61E1E;
    text-decoration: none
}

.NewsHolderPage article p {
    margin-bottom: 20px
}

.NewsHolderPage article p.date {
    color: #555;
    font-size: .8em
}

#contactform input,
#contactform select,
#contactform textarea {
    background: #DADADA!important;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

#contactform select {
    background-image: url(../images/select.png)!important;
    background-repeat: no-repeat!important;
    background-position: center right!important;
    background-size: contain!important;
    -webkit-appearance: none
}

#form-content .checkbox label {
    font-weight: bold;
}

#contactform .checkbox label::before,
#form-content .checkbox label::before {
    background-color: #DADADA;
}

#contactform .checkbox label#accept_contact-error::before,
#form-content .checkbox label#accept_contact-error::before {
    background-color: transparent;
}

#contactform .checkbox label#accept_contact-error,
#form-content .checkbox label#accept_contact-error {
    margin-left: -25px;
    position: relative;
}

#contactform input.error,
#contactform select.error+.bootstrap-select,
#contactform textarea.error,
#form-content input.error,
#form-content select.error+.bootstrap-select,
#form-content textarea.error,
#formCallback input.error,
#formCallback select.error+.bootstrap-select,
#formCallback textarea.error {
    border: 1px solid #E61E1E;
}

#contactform label.error,
#form-content label.error,
#formCallback label.error {
    color: #E61E1E;
    font-size: .7em;
    font-weight: 400;
    line-height: .7em
}

#thanks {
    display: none;
    padding-left: 15px
}

.alert {
    border: 2px solid #3c763d;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none
}

.alert-success {
    background: #FFF
}

#newsheader {
    margin-bottom: 30px
}

#newsheader .container {
    height: 300px;
    position: relative;
    width: 100%
}

#newsheader .headcontainer {
    bottom: 0;
    position: absolute
}

#newsheader h1,
#newsheader p {
    margin: 0
}

@media (max-width:767px) {
    #newsheader .headcontainer {
        margin-left: -15px
    }
    #newsheader h1 {
        font-size: 1.6em
    }
}

.filterHead {
    color: #000;
    font-size: 1.25em;
    margin: 15px 0 8px
}

.btn-white,
.tab-pane,
ul.facts li {
    font-size: 16px
}

.benefitHead {
    margin-top: 30px
}

.benefitImg {
    float: left;
    margin: 30px 30px 30px 0;
    width: 60px
}

.softwareBenefitlist {
    padding-right: 100px;
    min-height: 150px
}

@media (max-width:767px) {
    .softwareBenefitlist {
        display: block;
        min-height: auto;
        padding-right: 0
    }
    .softwareBenefitlist p {
        padding-left: 70px;
        padding-right: 15px
    }
    .benefitImg {
        float: left;
        margin: 0;
        width: 50px
    }
}

.black {
    color: #000!important;
}

.white {
    color: #FFF!important;
    word-break: break-word
}

.btn-white {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #FFF;
    color: #FFF;
    line-height: 16px!important;
    padding: 15px 35px;
    transition: all .5s ease 0
}

.btn-white:hover {
    background: #fff;
    color: #555 !important;
    transition: all .5s ease 0
}

form.form-inline .btn-white {
    padding: 7px 20px
}

.btn-black {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #000;
    color: #000;
    line-height: 16px!important;
    padding: 15px 35px;
    transition: all .5s ease 0
}

.btn-black:hover {
    background: #000;
    color: #fff !important;
    transition: all .5s ease 0
}

form.form-inline .btn-black {
    padding: 7px 20px
}



.btn-red {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #E61E1E;
    color: #E61E1E;
    line-height: 16px!important;
    padding: 15px 35px;
    transition: all .5s ease 0
}

.btn-red:hover {
    background: #E61E1E;
    color: #fff !important;
    transition: all .5s ease 0
}

form.form-inline .btn-red {
    padding: 7px 20px
}

.btn-blue {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #0064D2;
    color: #0064D2;
    line-height: 16px!important;
    padding: 15px 35px;
    transition: all .5s ease 0
}

.btn-blue:hover {
    background: #0064D2;
    color: #fff !important;
    transition: all .5s ease 0
}

form.form-inline .btn-blue {
    padding: 7px 20px
}

.LandingPageBAP a,
.LandingPageTile a,
.btn-red,
.btn-redfull {
    border-radius: 0;
    font-family: "OpenSans-Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 16px!important;
    padding: 15px 35px;
    font-size: 16px;
    /*text-transform: uppercase;*/
}

.red {
    color: #E61E1E;
}

.LandingPageBAP a,
.LandingPageTile a,
.btn-red {
    background: 0 0;
    border: 2px solid #E61E1E;
    color: #E61E1E;
    pointer-events: all;
    transition: all .5s ease 0;
    white-space: nowrap
}

.LandingPageBAP a:hover,
.LandingPageTile a:hover,
.btn-red:hover {
    background: #E61E1E;
    color: #FFF;
    transition: all .5s ease 0
}

.btn-redfull {
    background: #E61E1E;
    border: 2px solid #E61E1E;
    color: #FFF
}

.btn-bluefull {
    background: #0056db;
    border: 2px solid #0056db;
    color: #ffffff;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    border-radius: 0;
    font-family: "OpenSans-Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 16px!important;
    padding: 5px 15px;
    font-size: 16px;
    /*text-transform: uppercase;*/
    min-width: 150px;
}

.btn-greenfull {
    background: green;
    border: 2px solid green;
    color: #ffffff;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    border-radius: 0;
    font-family: "OpenSans-Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 16px!important;
    padding: 5px 15px;
    font-size: 16px;
    /*text-transform: uppercase;*/
    min-width: 150px;
}

.springgreen {
    color: #54DF49
}

.green {
    color: #008415
}

.grey {
    background: #a0a0a0;
}

.grey01 {
    background: #f5f5f5
}

.grey02 {
    background: #ececec
}

.grey03 {
    background: #dadada
}

.grey04 {
    background: #ccc
}

.grey05 {
    background: #555
}

.aqua {
    /*color: #00D695*/
    color: #0064D2;
}

.deepblue {
    /*color: #002388*/
    color: #0064D2;
}

.blue {
    /*color: #009FFF*/
    color: #0064D2;
}

.aquagradient,
.gradient {

    background-color: #0064D2;

    /*
    background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA5OWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0ZGY0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
    background: -moz-linear-gradient(-45deg, #09f 0, #54df49 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #09f), color-stop(100%, #54df49));
    background: -webkit-linear-gradient(-45deg, #09f 0, #54df49 100%);
    background: -o-linear-gradient(-45deg, #09f 0, #54df49 100%);
    background: -ms-linear-gradient(-45deg, #09f 0, #54df49 100%);
    background: linear-gradient(135deg, #09f 0, #54df49 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0099ff', endColorstr='#54df49', GradientType=1)
    */
}

.bluegradient,
.darkbluegradient {
    background-color: #0064D2;
    /*
    background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAyM2I4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwZDY5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
    background: -moz-linear-gradient(-45deg, #0023b8 0, #00d695 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0023b8), color-stop(100%, #00d695));
    background: -webkit-linear-gradient(-45deg, #0023b8 0, #00d695 100%);
    background: -o-linear-gradient(-45deg, #0023b8 0, #00d695 100%);
    background: -ms-linear-gradient(-45deg, #0023b8 0, #00d695 100%);
    background: linear-gradient(135deg, #0023b8 0, #00d695 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0023b8', endColorstr='#00d695', GradientType=1)
     */
}

.redgradient {
    background-color: #E61E1E;
    /*
    background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0MWE5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
    background: -moz-linear-gradient(-45deg, #E61E1E 0, #e41a92 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #E61E1E), color-stop(100%, #e41a92));
    background: -webkit-linear-gradient(-45deg, #E61E1E 0, #e41a92 100%);
    background: -o-linear-gradient(-45deg, #E61E1E 0, #e41a92 100%);
    background: -ms-linear-gradient(-45deg, #E61E1E 0, #e41a92 100%);
    background: linear-gradient(135deg, #E61E1E 0, #e41a92 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#e41a92', GradientType=1)
     */
}

.greengradient {
    background-color: #0064D2;
    /*
    background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTRkZjQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODQxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
    background: -moz-linear-gradient(-45deg, #54df49 0, #008415 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #54df49), color-stop(100%, #008415));
    background: -webkit-linear-gradient(-45deg, #54df49 0, #008415 100%);
    background: -o-linear-gradient(-45deg, #54df49 0, #008415 100%);
    background: -ms-linear-gradient(-45deg, #54df49 0, #008415 100%);
    background: linear-gradient(135deg, #54df49 0, #008415 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#54df49', endColorstr='#008415', GradientType=1)
     */
}

input[type=email],
input[type=text] {
    background: #FFF;
    border-radius: 0
}

ul.downloads {
    padding-left: 0
}

ul.facts {
    margin-top: 20px
}

ul.facts li {
    text-indent: -10px;
    margin-bottom: 5px
}

ul.downloads li a {
    color: #000;
    font-family: "OpenSans-Medium", Helvetica, Arial, sans-serif;
    font-size: 14px
}

ul.downloads li a.btn-red {
    margin: 0 10px 10px 0 !important;
}

#mainNav .navbar-nav li a,
#prodPage>li.active>a,
#prodPage>li:hover>a,
.newsarchiveLink a,
.productExtras>div,
.relatedProducts p,
.tab-content h1,
ul.softwarefilter li a {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
}

ul.downloads li a span {
    font-size: 10px
}

.list-unstyled,
.list-unstyled ul {
    min-width: 120px
}

.navbar-default {
    border-radius: 0;
    border: 0;
    box-shadow: none
}

.navbar-brand {
    padding-top: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-brand img {
    margin: 0 0 0 15px;
}

#navbar-collapse-mobile {
    padding: 0 15px!important
}

@media (min-width:768px) {
    #navbar-collapse-mobile {
        padding: 0!important
    }
}

@media (max-width:767px) {
    .navbar-fixed-top {
        position: fixed;
        top: auto
    }
    .navbar-collapse {
        max-height: 100%!important
    }
    body {
        margin: 0
    }
}

#navbar-collapse-hotline {
    margin: 0;
    padding: 0;
    width: 100%
}

@media (min-width:767px) {
    #navbar-collapse-hotline {
        display: none!important
    }
}

.mobile .navbar-header {
    float: none
}

.navbar-header {
    min-width: 400px;
}

.mobile .navbar-brand {
    padding: 10px 15px
}

.mobile .navbar-toggle {
    display: block
}

.mobile .navbar-collapse.collapse {
    display: none!important
}

.mobile .navbar-collapse.collapse.in {
    display: block!important
}

.mobile .navbar-nav {
    float: right
}

.mobile #SearchForm_SearchForm,
.mobile .regionalCompany {
    display: none;
}

.hotline {
    border-bottom: 1px solid #DADADA;
    display: inline-block;
    font-size: 1.333em;
    font-weight: 800;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px
}

.hotline a.phoneNumber {
    border-bottom: 0!important;
    color: #DADADA!important;
    font-size: 1em!important;
    padding: 15px 0!important
}

.side-collapse-container {
    width: 100%;
    position: relative;
    left: 0;
    transition: left .4s
}

.side-collapse-container.out {
    left: 200px
}

.side-collapse {
    top: 50px;
    bottom: 0;
    left: 0;
    width: 200px;
    position: fixed;
    overflow: hidden;
    transition: width .4s
}

.side-collapse.in {
    width: 0
}

.navbar-nav>li>a {
    padding: 10px 20px 10px 0;
    text-shadow: none;
}

.navbar-right {
    margin-right: 0;
    margin-top: 10px;
}

#CountrySelect {
    min-height: 25px;
    margin-bottom: 0
}

#CountrySelect>li>a {
    color: #000;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 0.75em !important;
    padding: 10px 0 10px 15px;
}

#CountrySelect ul {
    background: #FFF;
    display: none;
    font-size: 0.7em;
    position: absolute;
    width: 150px;
    z-index: 100
}

#CountrySelect li:hover ul {
    display: block;
    list-style: none;
    padding-left: 30px;
    right: 0px;
}

#mainNav {
    background: #FFF
}

#mainNav .navbar-nav li a {
    color: #000;
    font-size: .95em;
    height: 50px;
}

#mainNav .navbar-nav li a img {
    margin: 0 auto;
}

/**
#mainNav .navbar-nav li.dropdown:first-child {
    background: url(../images/icon_home.png) no-repeat;
    background-size: 24px;
    background-position: 0px 6px;
    width: 40px;
}

#mainNav .navbar-nav li.dropdown:first-child a {
    text-indent: 9999px;
}
**/


#mainNav .navbar-nav>.open>a {
    background-color: transparent;
    background-image: none;
    box-shadow: none
}

#mainNav.affix {
    margin: 0 auto;
    padding-top: 5px!important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

@media (min-width:1800px) {
    #mainNav.affix {
        left: 50%;
        margin-left: -900px;
        max-width: 1800px
    }
}

.carousel-inner.vertical .item,
.carousel-inner.vertical .thumb {
    left: 0
}

#mainNavmobile .navbar-brand {
    margin-top: 12px !important;
}

#mainNavmobile .dropdown-icon {
    background: url(../images/sub_arrow_grey.png) no-repeat;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px
}

#mainNavmobile .dropdown-menu {
    padding: 0;
    width: 100%
}

#mainNavmobile .navbar-nav>li>a,
#mainNavmobile .submenu a {
    border-bottom: 1px solid #DADADA;
    letter-spacing: .05em;
    line-height: 50px;
    padding: 0 15px;
    font-weight: 700
}

#mainNavmobile .navbar-nav>li>a {
    box-shadow: none;
    font-size: 1.333em;
    color: #E61E1E;
    width: 320px
}

#mainNavmobile .submenu a {
    display: block;
    font-size: 1em;
    color: #333;
    padding-left: 15px;
    text-decoration: none
}

#SearchForm_SearchForm {
    background: #FFF;
    padding: 0;
    width: 330px;
    height: 30px;
    position: relative;
    left: 10px;
    float: left;
    line-height: 22px;
    margin-right: 10px;
}

#SearchForm_SearchForm input {
    background: #DADADA;
    position: absolute;
    width: 0px;
    float: Left;
    margin-left: 310px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    height: 30px;
    line-height: 18px;
    padding: 0 2px 0 10px;
    border-radius:1px;
}

#SearchForm_SearchForm:hover input, #SearchForm_SearchForm input:focus {
    width: 300px;
    margin-left: 0px;
}

#SearchForm_SearchForm .btn {
    background-image: url(../images/search-icon.svg);
    background-position: center center;
    background-size: contain;
    background-color: #FFF;
    border-radius:0;
    color: #E7E7E7;
    text-indent: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
}

.navbar-form input,
.navbar-form input:focus {
    background: 0 0;
    border: none;
    box-shadow: none;
    outline: 0;
    width: 65px;
}

.mobile #mainNavmobile {
    display: block!important
}

.mobileSearchdown {
    width: 100%;
}

.mobileSearchdown form {
    height: 50px;
    margin: 0;
    padding: 0 0 0 10px;
}

.mobileSearchdown input,
.mobileSearchdown input:focus {
    height: 50px;
    width: 100%;
}

.mobileSearchdown .input-group {
    height:40px;
    width: 100%;
}

.mobileSearchdown .btn {
    background: #dedede;
    border-radius: 0;
    float: right;
    height: 50px;
    width: 50px;
}

.navbar-collapse {
    position: relative;
    padding-top: 30px!important;
    max-height: 270px
}

.navbar-collapse form[role=search] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 0
}

.navbar-collapse form[role=search] button,
.navbar-collapse form[role=search] input {
    padding: 8px 12px;
    border-radius: 0;
    border-width: 0;
    color: #777;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    box-shadow: none;
    outline: 0
}

.navbar-collapse form[role=search] input {
    padding: 16px 12px;
    font-size: 14pt;
    font-style: italic;
    color: #a0a0a0;
    box-shadow: none
}

@media (min-width:960px) {
    #mainNavmobile .navbar-nav>li {
        float: none
    }
    .navbar-collapse {
        padding-top: 0!important;
        padding-right: 15px!important
    }
    .navbar-collapse form[role=search] {
        width: 38px
    }
    .navbar-collapse form[role=search] button,
    .navbar-collapse form[role=search] input {
        padding: 15px 12px
    }
    .navbar-collapse form[role=search] input {
        padding: 25px 12px;
        font-size: 18pt;
        opacity: 0;
        display: none
    }
    .navbar-collapse form[role=search].active {
        width: 100%
    }
    .navbar-collapse form[role=search].active button,
    .navbar-collapse form[role=search].active input {
        display: table-cell;
        opacity: 1
    }
    .navbar-collapse form[role=search].active input {
        width: 100%;
        text-align: right
    }
    .navbar-collapse form[role=search].active button[type=submit] {
        background-color: #e7e7e7
    }
}

@media (max-width:960px) {
    #mainNav {
        display: none
    }
    #mainNavmobile {
        display: block
    }
    .navbar-header {
        float: none
    }
    .side-collapse-container {
        top: 23px
    }
    #mainNavmobile .navbar-nav {
        margin: 0
    }
    .navbar-toggle {
        display: block;
        float: right
    }
    #SearchForm_SearchForm,
    .regionalCompany {
        display: none;
    }
}

@media (min-width:961px) {
    #mainNav {
        display: block
    }
    #mainNavmobile {
        display: none
    }
}

.checkbox label,
ul.softwarefilter li {
    display: inline-block
}

#productFilter.affix {
    position: static
}

@media (min-width:1023px) {
    #productFilter.affix {
        position: fixed;
        top: 50px;
        width: 100%;
        z-index: 99
    }
}

.featuredProduct {
    height: 500px
}

.featuredProduct img {
    margin: 0 auto;
    height: 100%;
    max-height: 90%;
    overflow: hidden;
    object-fit: cover;
    object-position: top center;
}

.smallProduct {
    height: 250px
}

.smallProduct img {
    margin: 0 auto;
    max-height: 200px
}

.productName {
    color: #000;
    font-weight: 700
}

.dropdown-menu {
    border: none;
    border-bottom: 5px solid rgba(50, 50, 50, .5);
    border-radius: 0;
    box-shadow: none;
    top: inherit;
}

ul.softwarefilter {
    list-style: none;
    margin: 40px 0 100px;
    text-align: center
}

ul.softwarefilter li a {
    border: 2px solid #555;
    color: #555;
    margin-right: 10px;
    padding: 10px 15px
}

ul.softwarefilter li a.active,
ul.softwarefilter li a:hover {
    border: 2px solid #E61E1E;
    color: #E61E1E
}

.softwareteaser {
    background: #FFF;
    margin-bottom: 30px;
    padding: 0
}

.softwareteaser h2 {
    margin: 0 0 20px
}

.softwareteaser p {
    margin: 0
}

.softwareteaser .col-md-2 {
    padding-left: 0
}

.softwareteaser .col-md-10 {
    padding: 30px 15px
}

.downloadteaser {
    background: #FFF;
    margin-bottom: 30px;
    padding: 0
}

.downloadteaser h2 {
    font-size: 20px;
    margin: 0 0 10px
}

.downloadteaser p {
    margin: 0
}

.downloadteaser .col-md-1 {
    padding-left: 0
}

.downloadteaser .col-md-11 {
    padding: 15px 0 0
}

.startslide {
    height: 400px
}

#mainSlide {
    margin-top: 0!important;
    height: 100%
}

#mainSlide .item {
    background-position: bottom center, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, cover!important;
    height: 100%
}

#mainSlide h2,
#mainSlide p,
#mainSlide .title {
    padding-left: 200px;
    padding-right: 30px;
    max-width: 600px
}

#mainSlide h2, #mainSlide .title {
    margin-top: 0;
    padding-top: 100px
}

#mainSlide .btn {
    margin-left: 200px
}

#mainSlide .title {
    padding-left: 200px;
    padding-right: 30px;
    max-width: 600px;
    margin-top: 0;
    padding-top: 100px;
    font-family: "OpenSans-Medium", Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    line-height: 1.1em;
    margin-bottom: 10px;
    font-weight: 500;
}

.carousel-indicators li {
    cursor: default
}

@media (max-width:768px) {
    #mainSlide h2,
    #mainSlide p,
    #mainSlide .title {
        padding-left: 80px
    }
    #mainSlide h2, #mainSlide .title {
        font-size: 20px;
        margin-top: 0;
        padding-top: 130px
    }
    #mainSlide .btn {
        margin-left: 80px
    }
}

.thumb {
    display: block;
    /*height: 180px;*/
    height: 195px;
    width: 100%
}

.thumb h3,
.thumb h4,
.thumb .title {
    margin-top: 0;
    padding: 20px
}

.thumb .btn {
    margin-left: 20px
}



#thumbs,
#thumbsbottom {
    /*height: 180px;*/
    height: 195px;
    overflow: hidden
}

.newsarchiveLink a {
    color: #FFF;
    background: #E61E1E;
    border-top: 1px solid #fff;
    display: block;
    font-size: .8em;
    /*line-height: 40px;*/
    line-height: 10px;
    padding-right: 20px;
    text-align: right;
    width: 100%
}

.carousel-inner.vertical {
    height: 100%
}

.carousel-inner.vertical>.item {
    -moz-transition: .6s ease-in-out top;
    -ms-transition: .6s ease-in-out top;
    -webkit-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top
}

.carousel-inner.vertical .item.active {
    top: 0
}

.carousel-inner.vertical .item.next {
    top: 400px
}

.carousel-inner.vertical .item.prev {
    top: -400px
}

.carousel-inner.vertical .item.next.left,
.carousel-inner.vertical .item.prev.right {
    top: 0
}

.carousel-inner.vertical .item.active.left {
    top: -400px
}

.carousel-inner.vertical .item.active.right {
    top: 400px
}

.carousel-inner.vertical>.thumb {
    -moz-transition: .6s ease-in-out top;
    -ms-transition: .6s ease-in-out top;
    -webkit-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top
}

.carousel-inner.vertical .thumb.active {
    top: 0
}

.carousel-inner.vertical .thumb.next {
    top: -180px
}

.carousel-inner.vertical .thumb.prev {
    top: 180px
}

.carousel-inner.vertical .thumb.next.left,
.carousel-inner.vertical .thumb.prev.right {
    top: 0
}

.carousel-inner.vertical .thumb.active.left {
    top: 180px
}

.carousel-inner.vertical .thumb.active.right {
    top: -180px
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner.vertical>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000px
    }
    .carousel-inner.vertical>.item.active.right,
    .carousel-inner.vertical>.item.next {
        top: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    .carousel-inner.vertical>.item.active.left,
    .carousel-inner.vertical>.item.prev {
        top: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    .carousel-inner.vertical>.item.active,
    .carousel-inner.vertical>.item.next.left,
    .carousel-inner.vertical>.item.prev.right {
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-inner.vertical>.thumb {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000px
    }
    .carousel-inner.vertical>.thumb.active.right,
    .carousel-inner.vertical>.thumb.next {
        top: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    .carousel-inner.vertical>.thumb.active.left,
    .carousel-inner.vertical>.thumb.prev {
        top: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    .carousel-inner.vertical>.thumb.next.left,
    .carousel-inner.vertical>.thumb.prev.right,
    .carousel-inner.vertical>.thumbs.active {
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.ContentPageSolutionsSection a,
.owl-carousel .item .tile_title,
section.CategoryHolderPage a,
section.LinkBox a {
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out
}

.carousel-indicators {
    background: #DADADA;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%
}

.carousel-indicators .active,
.carousel-indicators li {
    background: #DADADA;
    border: 1px solid #DADADA;
    border-radius: 0;
    display: block;
    float: left;
    height: 10px;
    margin: 0;
    padding: 0;
    width: 33.33%
}

.down.carousel-control,
.up.carousel-control {
    bottom: auto;
    left: auto;
    line-height: 40px;
    width: 40px;
    right: 0
}

.carousel-indicators .active {
    background: #E61E1E;
    border: 1px solid #E61E1E
}

#bigcarousel .carousel-control.left,
#bigcarousel .carousel-control.right,
#thumbcarousel .carousel-control.left,
#thumbcarousel .carousel-control.right,
.carousel .carousel-control.left,
.carousel .carousel-control.right,
.thumbcarousel .carousel-control.left,
.thumbcarousel .carousel-control.right{
    background: 0 0
}

.up.carousel-control {
    border: 0;
    top: 140px
}

.down.carousel-control {
    border: 0;
    top: 180px
}

.checkbox label,
.radio label {
    line-height: 16px;
    vertical-align: middle;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    color: #555
}

#productSlide h3 {
    text-transform: none
}

.owl-carousel .item {
    background-size: cover!important
}

.owl-carousel .item .tile_title {
    background: rgba(0, 0, 0, .5);
    color: #FFF;
    cursor: pointer;
    margin: 0;
    transition: background .5s ease-out
}

.owl-carousel .item div:hover {
    background: rgba(0, 0, 0, 0);
    color: #FFF;
    margin: 0
}

.btn-owl {
    background: rgba(0, 0, 0, .5);
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    z-index: 99
}

.btn-owl:hover {
    transform: scale(1.2)
}

.IndustryExpertise .next {
    right: 0
}

@media (min-width:1800px) {
    .IndustryExpertise .next {
        left: 50%;
        margin-left: 540px
    }
}

@media (min-width:1000px) {
    .IndustryExpertiseCount-1 .next,
    .IndustryExpertiseCount-1 .prev,
    .IndustryExpertiseCount-2 .next,
    .IndustryExpertiseCount-2 .prev,
    .IndustryExpertiseCount-3 .next,
    .IndustryExpertiseCount-3 .prev,
    .IndustryExpertiseCount-4 .next .IndustryExpertiseCount-5 .next,
    .IndustryExpertiseCount-4 .prev .IndustryExpertiseCount-5 .prev {
        display: none
    }
    .owl-stage {
        margin: 0 auto
    }
}

@media (min-width:600px) {
    .IndustryExpertiseCount-1 .next,
    .IndustryExpertiseCount-1 .prev,
    .IndustryExpertiseCount-2 .next,
    .IndustryExpertiseCount-2 .prev,
    .IndustryExpertiseCount-3 .next,
    .IndustryExpertiseCount-3 .prev {
        display: none
    }
    .owl-stage {
        margin: 0 auto
    }
}

@media (max-width:599px) {
    .IndustryExpertiseCount-1 .next,
    .IndustryExpertiseCount-1 .prev,
    .IndustryExpertiseCount-2 .next {
        display: none
    }
}

@media (max-width:1000px) {
    .owl-nav-left,
    .owl-nav-right {
        display: none
    }
}

.petal {
    background-image: url(../images/savvy-bg.png);
    background-position: top bottom;
    background-repeat: no-repeat;
    background-size: contain;
    height: 390px
}

.petal h1 {
    color: #FFF;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 40px;
    margin-top: 170px;
    max-width: 300px
}

.petal img {
    position: absolute;
    top: 95px;
    left: 15px
}

.LandingPageTile p {
    min-height: 130px
}

@media (max-width:1350px) {
    .LandingPageTile p {
        min-height: 150px;
        padding-bottom: 30px;
    }
}

@media (max-width:1150px) {
    .LandingPageTile p {
        min-height: 190px;
        min-height: auto;
        padding-bottom: 30px
    }
}

@media (max-width:1550px) {
    .LandingPageTile p {
        min-height: 190px;
        padding-bottom: 30px;
    }
}

@media (max-width:1200px) {
    .LandingPageTile p {
        min-height: 210px;
        padding-bottom: 30px;
    }
}


#prodPage>li {
    background: #CCC;
    color: #FFF
}

#prodPage>li.active>a,
#prodPage>li:hover>a {
    border: 0;
    color: #000
}

#prodPage>li.active {
    background: #FFF;
    border: 0
}

#prodPage>li>a {
    border-radius: 0;
    border: 0;
    color: #FFF
}

.nav-tabs.nav-justified>li>a {
    border: 0;
    text-align: left;
    margin-bottom: -1px
}

.tab-content {
    padding: 20px
}

.tab-content h1 {
    color: #000;
    font-size: 28px;
    text-transform: initial
}

.tab-content h2 {
    color: #E61E1E;
    font-size: 24px;
    text-transform: none!important;
    margin-bottom: 40px
}

#accessoires .panel-heading,
#specification .panel-heading {
    background: #CCC!important;
    border-radius: 0;
    filter: none
}

#accessoires .panel-group .panel,
#specification .panel-group .panel {
    border-radius: 0
}

#accessoires .panel-title>.small,
#accessoires .panel-title>.small>a,
#accessoires .panel-title>a,
#accessoires .panel-title>small,
#accessoires .panel-title>small>a,
#specification .panel-title>.small,
#specification .panel-title>.small>a,
#specification .panel-title>a,
#specification .panel-title>small,
#specification .panel-title>small>a {
    color: #FFF
}

#specification ul {
    padding-left: 0
}

#specification dl {
    width: 100%
}

#specification dt {
    float: left;
    clear: left;
    width: 33%;
    font-weight: 700;
    padding: 5px 0;
    margin: 0
}

#specification dd {
    float: left;
    width: 60%;
    padding: 5px 0;
    margin: 0
}

#specification dl:after {
    content: '';
    display: table;
    clear: both
}

@media (max-width:650px) {
    #specification dd,
    #specification dt {
        float: none;
        width: 100%
    }
}

dl.specificationFootnote {
    margin-top: 15px
}

dl.specificationFootnote dt {
    width: 50px!important;
    font-size: 10px
}

dl.specificationFootnote dd {
    font-size: 10px;
    width: 80%
}

.relatedProducts>a>div,
.selectedProducts>div {
    font-size: 18px;
    padding: 10px;
    border-bottom: 1px solid #DADADA
}

.tabbedInfo {
    border-left: 1px solid #DADADA;
    min-height: 880px
}

@media (max-width:1350px) {
    .tabbedInfo {
        min-height: 700px
    }
}

@media (max-width:1050px) {
    .tabbedInfo {
        min-height: 600px
    }
}

.productExtras>div {
    color: #000;
    padding: 10px;
    border-left: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    min-height: 140px
}

.productExtras>div:first-child {
    border-left: 0
}

.relatedProducts>a>div {
    color: #000;
    border-right: 1px solid #DADADA;
}

.relatedProducts>a>div:nth-child(4) {
    border-right: 0
}

.relatedProducts img {
    margin: 0 auto
}

.relatedProducts p {
    color: #000
}

#relatedProducts .nav-tabs>li.active>a,
#relatedProducts .nav-tabs>li.active>a:focus,
#relatedProducts .nav-tabs>li.active>a:hover {
    background: #E61E1E;
    color: #FFF
}

.selectedProducts>div {
    color: #000;
    border-right: 1px solid #DADADA
}

.carousel {
    margin-top: 20px
}

.item .thumb,
.noitem .thumb {
    width: 25%;
    cursor: pointer;
    float: left
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a,
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled,
.radio input[type=radio]:disabled+label::before {
    cursor: not-allowed
}

.item .thumb img,
.noitem .thumb img {
    width: 100%;
    margin: 2px
}

.item img {
    width: 100%
}

.imagezoom-view {
    max-width: 900px
}

@media (min-width:767px) {
    .panel-group {
        width: 400px
    }
    .thumbnail {
        margin: 0
    }
}

#zoomaddSwitch,
#zoomremSwitch {
    background: 0 0;
    border: none;
    box-shadow: none;
    text-shadow: none
}

.mobile #zoomaddSwitch,
.mobile #zoomremSwitch {
    display: none
}

#accAccordion,
#accordion {
    width: 100%
}

.content-style-overlay #map {
    display: block;
    width: 100%;
    height: 100%
}

.checkbox {
    margin: 5px 0;
    padding-left: 20px
}

.checkbox label {
    color: #000;
    font-size: 12px;
    position: relative;
    padding-left: 5px;
    font-size: 0.75em;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
}

.checkbox label::after,
.checkbox label::before,
.radio label::before {
    display: inline-block;
    position: absolute;
    left: 0;
    margin-left: -20px
}

.checkbox label::before {
    content: "";
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    width: 11px;
    height: 11px;
    top: 0;
    margin-top: -3px;
    padding-left: 1px;
    padding-top: 1px;
    font-size: 8px;
    color: #555
}

.checkbox.checkbox-inline,
.radio.radio-inline {
    margin-top: 0
}

.checkbox input[type=checkbox],
.checkbox input[type=radio] {
    opacity: 0;
    z-index: 1
}

.checkbox input[type=checkbox]:checked+label::after,
.checkbox input[type=checkbox]:checked+label+label#accept_contact::after,
.checkbox input[type=radio]:checked+label::after {
    font-family: 'Glyphicons Halflings';
    color: #E61E1E;
    content: "\e013"
}

.checkbox input[type=checkbox]:disabled+label,
.checkbox input[type=radio]:disabled+label {
    opacity: .65
}

.checkbox input[type=checkbox]:disabled+label::before,
.checkbox input[type=radio]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox label::before {
    border: 0;
    border-radius: 0
}

.radio {
    padding-left: 20px;
    margin: 0
}

.radio label {
    color: #000;
    display: inline-block;
    font-size: 12px;
    position: relative;
    padding-left: 0;
    font-size: 0.75em;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
}

.radio label::before {
    content: "";
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
    font-size: 0.75em;
}

.radio label::after,
a.current .radio label::after {
    content: " ";
    width: 8px;
    height: 8px;
    left: 2px;
    top: 2px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #E61E1E;
    display: inline-block;
    position: absolute;
    font-size: 0.75em;
}

.radio label::after {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    font-size: 0.75em;
}

a.current .radio label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    font-size: 0.75em;
}

.radio input[type=radio] {
    opacity: 0;
    z-index: 1
}

.radio input[type=radio]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input[type=radio]:disabled+label {
    opacity: .65
}

input[type=checkbox].styled:checked+label:after,
input[type=radio].styled:checked+label:after {
    font-family: 'Glyphicons Halflings';
    color: #E61E1E;
    content: "\e013"
}

.ContentPageCTASection a,
.radioBTN label {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
}

input[type=checkbox] .styled:checked+label::after,
input[type=checkbox] .styled:checked+label::before,
input[type=radio] .styled:checked+label::after,
input[type=radio] .styled:checked+label::before {
    color: #fff
}

.radioBTN {
    display: inline-block;
    margin: 0;
}

.radioBTN label {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 16px;
    line-height: 16px!important;
    padding: 15px 20px;
    transition: all .5s ease 0
}

.radioBTN input[type=radio]:checked+label,
.radioBTN label:hover {
    background: #fff;
    color: #555;
    transition: all .5s ease 0
}

.radioBTN input[type=radio] {
    opacity: 0
}

@media (max-width:480px) {
    .radioBTN label {
        display: block;
        margin-left: 5%;
        width: 90%
    }
    #seachResult article h2,
    #seachResult article p {
        padding-left: 30px
    }
}

.bootstrap-select {
    width: 220px\9
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px
}

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto!important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle,
.bootstrap-select.form-control:not([class*=col-]),
.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select .dropdown-toggle:focus {
    outline: #333 dotted thin!important;
    outline: -webkit-focus-ring-color auto 5px!important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: 0!important
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group .dropdown-menu {
    background: #DADADA;
    border-radius: 0;
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.btn-group.open .dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none
}

.bootstrap-select.btn-group .btn-default {
    background: #DADADA;
    border: 1px solid #DADADA;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

.bootstrap-select.btn-group .btn-default:focus {
    outline: 0
}

.bootstrap-select.form-control {
    border-radius: 0
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1036
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%
}

select.bs-select-hidden,
select.selectpicker {
    display: none!important
}

select.mobile-device {
    position: absolute!important;
    top: 0;
    left: 0;
    display: block!important;
    width: 100%;
    height: 100%!important;
    opacity: 0
}

.LandingPageBAP {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 100px 0
}

@media (max-width:768px) {
    .LandingPageBAP {
        background-position: right top;
        padding-top: 250px
    }
}

@media (max-width:480px) {
    .LandingPageBAP {
        background-image: none!important;
        padding-top: 0
    }
}

section.CategoryHolderPage .col-md-6 {
    text-align: center;
    overflow: hidden
}

.APICategoryPage .leaf-container,
.APIProductPage .leaf-container,
.CategoryHolderPage .leaf-container,
.ContactPage .leaf-container,
.ContentPage .leaf-container,
.CampaignPage .leaf-container,
.DownloadPage .leaf-container,
.NewsHolderPage .leaf-container,
.VirtualPage .leaf-container,
.MemberHomePage .leaf-container,
.ProfilePage .leaf-container,
.MemberLoginPage .leaf-container {
    /*background-position: 30px center;*/
    background-position: 0 bottom;
    background-repeat: no-repeat;
    /*background-size: auto;*/
    height: 400px;
    padding: 100px 0 0
}

@media (min-width:1400px) {
    .APICategoryPage .leaf-container,
    .APIProductPage .leaf-container,
    .CategoryHolderPage .leaf-container,
    .ContactPage .leaf-container,
    .ContentPage .leaf-container,
    .CampaignPage .leaf-container,
    .DownloadPage .leaf-container,
    .NewsHolderPage .leaf-container,
    .VirtualPage .leaf-container,
    .MemberHomePage .leaf-container,
    .ProfilePage .leaf-container,
    .MemberLoginPage .leaf-container {
        /*background-position: 120px center*/
        background-position: 0 bottom;
    }
}

@media (max-width:1300px) {
    .APICategoryPage h1.white {
        font-size: 1.8em
    }
    .APICategoryPage .leaf-container,
    .APIProductPage .leaf-container,
    .CategoryHolderPage .leaf-container,
    .ContactPage .leaf-container,
    .ContentPage .leaf-container,
    .CampaignPage .leaf-container,
    .DownloadPage .leaf-container,
    .NewsHolderPage .leaf-container,
    .VirtualPage .leaf-container,
    .MemberHomePage .leaf-container,
    .ProfilePage .leaf-container,
    .MemberLoginPage .leaf-container {
        /*background-position: -60px center*/
        background-position: 0 bottom;
    }
}

.ContentPageSectionCarbonZero {
    margin-top: -60px;
    padding-bottom: 100px
}

.ContentPageSectionCarbonZero label {
    font-size: 16px
}

#cZdownloads {
    margin-top: 31px;
    padding-left: 0
}

.ContentPageCTASection h2,
.ContentPageCTASection h3 {
    color: #FFF!important
}

.ContentPageCTASection h2 {
    margin-top: 0;
}

@media (max-width:767px) {
    .ContentPageCTASection h2 {
        margin-top: 15px;
    }
}

.ContentPageCTASection a {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #FFF;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    line-height: 16px!important;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 15px 35px;
    transition: all .5s ease 0
}

.ContentPageCTASection a:hover {
    background: #fff;
    color: #555;
    transition: all .5s ease 0
}
.ContentPageCTASection.black a {
    color: #000 !important;
    border: 2px solid #000 !important;
}
.ContentPageCTASection.black a:hover {
    background: #fff !important;
    color: #000 !important;
}
.ContentPageCTASection.blue a {
    color: #0064D2 !important;
    border: 2px solid #0064D2 !important;
}
.ContentPageCTASection.blue a:hover {
    background: #fff !important;
    color: #0064D2 !important;
}
.ContentPageCTASection.red a {
    color: #E61E1E !important;
    border: 2px solid #E61E1E !important;
}
.ContentPageCTASection.red a:hover {
    background: #fff !important;
    color: #E61E1E !important;
}
.ContentPageCTASection.white, .ContentPageCTASection.white h1, .ContentPageCTASection.white h2, .ContentPageCTASection.white h3 {
    color: #fff !important;
}
.ContentPageCTASection.black, .ContentPageCTASection.black h1, .ContentPageCTASection.black h2, .ContentPageCTASection.black h3 {
    color: #000 !important;
}
.ContentPageCTASection.blue, .ContentPageCTASection.blue h1, .ContentPageCTASection.blue h2, .ContentPageCTASection.blue h3 {
    color: #0064D2 !important;
}
.ContentPageCTASection.red, .ContentPageCTASection.red h1, .ContentPageCTASection.red h2, .ContentPageCTASection.red h3 {
    color: #E61E1E !important;
}
@media (max-width:767px) {
    .ContentPageCTASection a {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .row.equal.sm {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .ContentPageTwoFourTilesSection .box div.container {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .ContentPageTwoFourTilesSection .box.sm {
        width: 100%;
    }
    .ContentPageTwoFourTilesSection .box.sm div.container {
        border: 2px solid #a0a0a0;
        padding: 20px 40px 40px 40px;
    }
    .ContentPageTwoFourTilesSection .box.sm div.container {
        text-align: left;
    }
    .ContentPageTwoFourTilesSection .box.sm div.container img {
        float: none;
        margin: 0 auto;
        max-width: 150px;
        margin-bottom: -40px;
    }
}

@media (min-width: 992px) {
    .row.equal.md {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    .ContentPageTwoFourTilesSection .box.md {
        width: 100%;
    }
    .ContentPageTwoFourTilesSection .box.md div.container {
        border: 2px solid #a0a0a0;
        padding: 20px 40px 40px 40px;
    }
    .ContentPageTwoFourTilesSection .box.md div.container {
        text-align: left;
    }
    .ContentPageTwoFourTilesSection .box.md div.container img {
        float: none;
        margin: 0 auto;
        max-width: 150px;
        margin-bottom: -40px;
    }
}

.ContentPageTwoFourTilesSection a {
    color: #000;
}

.ContentPageTwoFourTilesSection .box {
    margin: 15px 0px;
    padding-right: 15px;
    padding-left: 15px;
}

.ContentPageTwoFourTilesSection .box div.container {
    border: 2px solid #a0a0a0;
    padding: 40px;
    height: 100%;
}

.ContentPageTwoFourTilesSection .box div.container h2, .ContentPageTwoFourTilesSection .box div.container h3 {
    font-size: 1.4em;
}

.ContentPageTwoFourTilesSection .box div.container p {
    font-size: 0.825em;
}

.ContentPageTwoFourTilesSection .box div.container img {
    margin-top: 20px;
}

.ContentPageTwoFourTilesSection .box div.container.vert {
    border: 2px solid #a0a0a0;
    padding: 20px 40px 40px 40px;
}
.ContentPageTwoFourTilesSection .box div.container.vert {
    text-align: center;
}
.ContentPageTwoFourTilesSection .box div.container.vert img {
    float: none;
    margin: 0 auto;
    max-width: 150px;
    margin-bottom: -40px;
}

.ContentPageTwoFourTilesSection div.box.bg-black div.container {
    background-color: #000 !important;
}
.ContentPageTwoFourTilesSection div.box.bg-lightgrey div.container {
    background-color: #dedede !important;
}
.ContentPageTwoFourTilesSection div.box.bg-deepgrey div.container {
    background-color: #A0A0A5 !important;
}
.ContentPageTwoFourTilesSection div.box.bg-white div.container {
    background-color: #fff !important;
}
.ContentPageTwoFourTilesSection div.box.bg-lightblue div.container {
    background-color: #64afe1 !important;
}
.ContentPageTwoFourTilesSection div.box.bg-deepblue div.container {
    background-color: #0064d2 !important;
}
.ContentPageTwoFourTilesSection div.box.bg-red div.container {
    background-color: #e61e1e !important;
}
.ContentPageTwoFourTilesSection div.box.bg-orange div.container {
    background-color: #fa9628 !important;
}
.ContentPageTwoFourTilesSection div.box.bg-teal div.container {
    background-color: #50bebe !important;
}
.ContentPageTwoFourTilesSection div.box.bg-yellow div.container {
    background-color: #fad737 !important;
}
.ContentPageTwoFourTilesSection div.box.bg-lavender div.container {
    background-color: #af8cc8 !important;
}

.ContentPageTwoFourTilesSection div.box.txt-black div,
.ContentPageTwoFourTilesSection div.box.txt-black div h2,
.ContentPageTwoFourTilesSection div.box.txt-black div h3 {
    color: #000 !important;
}
.ContentPageTwoFourTilesSection div.box.txt-white div,
.ContentPageTwoFourTilesSection div.box.txt-white div h2,
.ContentPageTwoFourTilesSection div.box.txt-white div h3 {
    color: #fff !important;
}
.ContentPageTwoFourTilesSection div.box.txt-lightblue div,
.ContentPageTwoFourTilesSection div.box.txt-lightblue div h2,
.ContentPageTwoFourTilesSection div.box.txt-lightblue div h3 {
    color: #64afe1 !important;
}
.ContentPageTwoFourTilesSection div.box.txt-deepblue div,
.ContentPageTwoFourTilesSection div.box.txt-deepblue div h2,
.ContentPageTwoFourTilesSection div.box.txt-deepblue div h3 {
    color: #0064d2 !important;
}
.ContentPageTwoFourTilesSection div.box.txt-red div,
.ContentPageTwoFourTilesSection div.box.txt-red div h2,
.ContentPageTwoFourTilesSection div.box.txt-red div h3 {
    color: #e61e1e !important;
}
.ContentPageTwoFourTilesSection div.box.txt-lightgrey div,
.ContentPageTwoFourTilesSection div.box.txt-lightgrey div h2,
.ContentPageTwoFourTilesSection div.box.txt-lightgrey div h3 {
    color: #dedede !important;
}
.ContentPageTwoFourTilesSection div.box.txt-deepgrey div,
.ContentPageTwoFourTilesSection div.box.txt-deepgrey div h2,
.ContentPageTwoFourTilesSection div.box.txt-deepgrey div h3 {
    color: #A0A0A5 !important;
}
.ContentPageTwoFourTilesSection div.box.txt-orange div,
.ContentPageTwoFourTilesSection div.box.txt-orange div h2,
.ContentPageTwoFourTilesSection div.box.txt-orange div h3 {
    color: #fa9628 !important;
}
.ContentPageTwoFourTilesSection div.box.txt-teal div,
.ContentPageTwoFourTilesSection div.box.txt-teal div h2,
.ContentPageTwoFourTilesSection div.box.txt-teal div h3 {
    color: #50bebe !important;
}
.ContentPageTwoFourTilesSection div.box.txt-yellow div,
.ContentPageTwoFourTilesSection div.box.txt-yellow div h2,
.ContentPageTwoFourTilesSection div.box.txt-yellow div h3 {
    color: #fad737 !important;
}
.ContentPageTwoFourTilesSection div.box.txt-lavender div,
.ContentPageTwoFourTilesSection div.box.txt-lavender div h2,
.ContentPageTwoFourTilesSection div.box.txt-lavender div h3 {
    color: #af8cc8 !important;
}

.ContentPageTwoFourTilesSection div.box.bd-black div {
    border-color: #000 !important;
}
.ContentPageTwoFourTilesSection div.box.bd-lightgrey div {
    border-color: #dedede !important;
}
.ContentPageTwoFourTilesSection div.box.bd-deepgrey div {
    border-color: #A0A0A5 !important;
}
.ContentPageTwoFourTilesSection div.box.bd-lightblue div {
    border-color: #64afe1 !important;
}
.ContentPageTwoFourTilesSection div.box.bd-deepblue div {
    border-color: #0064d2 !important;
}
.ContentPageTwoFourTilesSection div.box.bd-red div {
    border-color: #e61e1e !important;
}
.ContentPageTwoFourTilesSection div.box.bd-orange div {
    border-color: #fa9628 !important;
}
.ContentPageTwoFourTilesSection div.box.bd-teal div {
    border-color: #50bebe !important;
}
.ContentPageTwoFourTilesSection div.box.bd-yellow div {
    border-color: #fad737 !important;
}
.ContentPageTwoFourTilesSection div.box.bd-lavender div {
    border-color: #af8cc8 !important;
}

/*.ContentPageTwoFourTilesSection .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
}*/

.ContentPageQuarterColumn .col-md-3 {
    padding-bottom: 30px
}

.ContentPageIconSection img {
    height: 80px
}

.ContentPageIconSection h3,
.ContentPageIconSection p {
    color: #000
}

.ContentPageSolutionsSection a,
section.CategoryHolderPage a,
section.LinkBox a {
    display: block;
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 28px;
    height: 200px;
    line-height: 28px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    opacity: 1;
    padding-top: 90px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    transition: background .5s ease-out
}

.ContentPageItemsSection .layer,
.ContentPageSolutionsSection .layer,
section.CategoryHolderPage .layer,
section.LinkBox .layer {
    background: rgba(0, 0, 0, .5);
    height: 200px;
    width: 100%;
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out
}

.ContentPageSolutionsSection a:active,
.ContentPageSolutionsSection a:hover,
.ContentPageSolutionsSection a:visited,
section.CategoryHolderPage a:hover,
section.LinkBox a:active,
section.LinkBox a:hover,
section.LinkBox a:visited {
    color: #FFF
}

.ContentPageItemsSection .layer:hover,
.ContentPageSolutionsSection .layer:hover,
section.CategoryHolderPage .layer:hover,
section.LinkBox .layer:hover {
    background: rgba(0, 0, 0, 0)
}

.ContentPageItemsSection {
    min-height: 350px
}

.ContentPageItemsSection div {
    height: 200px
}

.ContentPageItemsSection .layer h3 {
    margin-top: 0;
    padding: 20px 15px
}

.ContentPageItemsSection .layer p {
    padding: 10px 15px
}

.resultSection {
    background: #E6E6E6;
    margin-top: 0;
    padding-top: 60px
}

.searchResults article {
    background: #FFF;
    margin-bottom: 20px
}

.searchResults article .col-md-12 {
    padding: 20px 35px
}

.searchResults article .col-md-12 h3 {
    margin-top: 0
}

#seachResult article h2,
#seachResult article p {
    padding-right: 30px
}

.ContactPage #map,
.ContactPage #map-canvas {
    max-height: 400px
}

.MemberHomePage #map,
.MemberHomePage #map-canvas {
    max-height: 400px
}

.ContentPageDownloadsSection h2,
.ContentPageDownloadsSection h3 {
    color: #000
}

.ContentPageMainSection img {
    display: inline-block
}

.ContentPageSliderSection .item .thumb,
.ContentPageSliderSection .noitem .thumb {
    border-left:  8px solid transparent;
    border-top:  8px solid transparent;
    border-bottom:  8px solid transparent;
    height: auto;
    width: auto;
}

.ContentPageSliderSection .col-sm-4 .caption {
    padding: 0 30px 0 0;
    text-align: left;
}

.ContentPageSliderSection .col-sm-12 .caption {
    padding: 20px 0;
    text-align: center;
}

.ContentPageSliderSection .thumbcarousel {
    background: #E7E7E7;
    height: 106px;
    padding: 0 40px;
}

.ContentPageSliderSection .carousel-control {
    width: 5%;
}

.DealerSearchPage #map,
.DealerSearchPage #map-canvas {
    height: 100%
}

@media (max-width:768px) {
    .DealerSearchPage #map,
    .DealerSearchPage #map-canvas {
        height: 400px!important
    }
    .storelocator-panel {
        position: static!important;
        width: 100%!important
    }
}

.DealerSearchPage .findDealer .DealerSearchPage #panel {
    background: #FFF;
    left: 30px;
    max-height: 80%;
    overflow: scroll;
    position: absolute;
    top: 150px;
    width: 300px
}

.DealerSearchPage h3,
.DealerSearchPage p {
    border-bottom: 1px solid #DADADA;
    padding: 20px
}

.DealerSearchPage p {
    font-size: .7em;
    line-height: 1.3em
}

.ContactPage .storelocator-panel,
.VirtualPage .storelocator-panel,
.MemberHomePage .storelocator-panel,
.ProfilePage .storelocator-panel {
    display: none
}

.APIProductPage .storelocator-panel {
    top: 30px
}

.DownloadPage .panel-body p {
    margin: 15px 0 0
}

.DownloadPage .panel-body .label {
    display: inline-block;
    margin-bottom: 5px;
    padding-top: 6px
}

.DownloadPage .panel-body p.relP {
    font-size: 14px;
    margin: 0
}

.DownloadPage .SearchResultName {
    word-wrap: break-word;
    word-break: break-all
}

@media (max-width:480px) {
    .DownloadPage .panel-title>a.pull-right {
        display: block;
        float: none!important;
        margin-top: 10px
    }
}


.embed-container {
    height: 100vh;
    width: 100%;
    padding-bottom: 50%;
    position: relative;
}
.embed-container iframe {
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.yamm .collapse,
.yamm .dropdown,
.yamm .dropup,
.yamm .nav {
    position: static
}

.yamm .container {
    position: relative
}

.yamm .dropdown-menu {
    left: auto
}

.yamm .yamm-content {
    padding: 20px 30px 20px 0;
}

.yamm .yamm-content .container {
    width: auto;
    max-width: initial;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0
}

ul.nav li.dropdown:hover>ul.dropdown-menu {
    display: block
}

#mainNavmobile li.dropdown>ul.dropdown-menu.submenu {
    display: none;
}

#mainNavmobile li.dropdown.open>ul.dropdown-menu.submenu {
    display: block;
}

.profileNav > ul {
    border-bottom-width: 0px;
}

.map_section #map-canvas {
    position: relative;
    height: 100% !important;
}

.ContentPageNewsSection article {
    margin-bottom: 20px;
}

#MemberLoginForm_LoginForm {
    margin-left: 20px;
}

.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}

#filterHeader {
    display: none;
}

.tile_title {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;;
    font-size: 2em;
    font-color: white;
}
@media (max-width:1700px) {
    .tile_title {
        font-size: 1.5em;
    }
}

@media (max-width:1270px) {
    .tile_title {
        font-size: 1.4em;
    }
}

@media (max-width:1150px) {
    .tile_title {
        font-size: 1.3em;
    }
}


@media (max-width:1023px) {
    .tile_title {
        font-size: 1.2em;
    }
}

@media (max-width:768px) {
    .tile_title {
        font-size: 1.0em;
    }
}

.btn {
    font-size: 1em;
}
.btn-border-white {
    border: 2px solid #FFF;
}
.btn-border-black {
    border: 2px solid #000;
}
.btn-border-red {
    border: 2px solid #E61E1E;
}
.btn-border-blue {
    border: 2px solid #0064D2;
}

.morph-button > button {
    text-transform: unset;
}

.morph-content #CookieConsentForm_Form input {
    margin-top: 10px;
    color: #555;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    line-height: 1.3333333;
    border-radius: 6px;
    padding: 10px 16px;
}

.morph-content #CookieConsentForm_Form label {
    font-size: 16px;
    vertical-align: middle;
}

.morph-content p {
    font-size: 14px;
    text-align: left !important;
    margin-left: 0 !important;
}

.morph-content #CookieConsentForm_Form  table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
}
.morph-content #CookieConsentForm_Form  table tr:nth-child(even) {
    background-color: #ededed
}
.morph-content table tr.even,
.morph-content table th,
.morph-content thead td {
    background-color: #ededed
}
.morph-content table td,
.morph-content table th {
    padding: 2px 5px;
    border: 1px solid #d4d4d4;
    vertical-align: top;
}
.morph-content table th {
    font-weight: bold;
}