/*less / css for cms pages*/


.columns{

	background-color:#ffffff;
}
a {
    color: #2571d4!important;
    text-decoration: none;
}
.column.main{
    min-height:0!important;
}

.message.error{margin:0!important;}
/*about page*/
.about-page .page-title {
    background: #ffffff url(../images/documents-page-hero-bg.jpg) no-repeat left top;
    padding: 60px 0px 0px 80px;
    margin-bottom: 0;
    overflow: visible;
    position: relative;
}
.about-page .page-title article {
    
    width: 50%;
    box-sizing: border-box;
    padding-bottom:45px;
}
.about-page .page-title h1 {
    font-size: 48px;
    color: #103888;
}

.about-page .page-title p {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 20px;
    font-weight: 300;
    line-height: 32px;
}

.about-page .page-title article img {
    position: absolute;
    margin-left: 0;
    top: 0;
    right: 0;
  
    max-height:inherit;
    
}

.about-truck {
background: #fcfcfc url(../images/about-truck-bg.jpg) right top no-repeat;
 
padding: 90px 40px;
background-color:#438bca;
color: #ffffff;
overflow: hidden;
background-size: 1155px;
clear:both;
}

.about-truck article {
    float: right;
    width: 50%;
    box-sizing: border-box;
}
.about-truck article img {
    position: absolute;
    left: 0;
    margin-top: -140px;
    max-width: 100%;
}
.about-truck h2 {
    font-size: 36px;
    color: #ffffff;
    font-weight:bold;
}
.about-truck p {
    width: 80%;
}
.about-truck p, .about-bottom p {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}

.about-bottom article.links {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 30px 60px;
    background-color: #f6f6f6;
    margin-top: 30px;
    box-sizing: border-box;
}
.about-bottom article.links div {
    float: left;
    width: 50%;
    padding: 10px 20px;
    box-sizing: border-box;
}
.about-bottom article div img {
    float: left;
    padding-right: 20px;
}
.about-bottom h3 {
    font-size: 36px;
    font-weight: 300;
}
.about-bottom article.links div h3 {
    margin-bottom: 0;
    padding-top: 40px;
}

.about-bottom p {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}

.about-bottom article.form{

    margin-top:140px;
}
.privacy-notice{

    padding:20px;
}

/*cms page Terms & Policies*/

.cookie-policy-page {
    overflow: hidden;
    background: 
    #ffffff url(../images/documents-page-hero-bg.jpg) no-repeat left top;
}
.cookie-policy-page article.content {
    padding: 30px 80px;
}

.cookie-policy-page article {
    width: 50%;
    box-sizing: border-box;
    float: left;
}
#CookiePolicy, #privacy-policy, #terms-policy {
    padding: 0px 80px;
}
#CookiePolicy article h2 {
    color: #103888;
    font-weight:600;
}
#CookiePolicy article, #privacy-policy article {
    margin: 20px 10px;
    padding-bottom: 20px;
    border-bottom: thin solid 
    #eeeeee;
}
#CookiePolicy article:last-child, #privacy-policy article:last-child{

    border:none;
}
#CookiePolicy article h3 {
    color: #103888;
    font-size: 20px;
    font-weight: 500;
}

#CookiePolicy article p {
    font-weight: 300;
    line-height: 26px;
}

/*locations page*/

.locations-hero {
    overflow: hidden;
    background: #c9c8c8 url(../images/locations-page-bg.jpg) no-repeat top left;
    background-size: cover;
}
.locations-hero article {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.locations-hero article h1 {
    font-size: 48px;
    color: #103888;
    width: 83%;
    margin: 0 auto;
    margin-top: 36px;
    font-weight:normal;
}
.locations-hero article p {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    width: 83%;
    margin: 0 auto;
    margin-top: 20px;
}
.location-blocks {
    overflow: hidden;
    background-color: #c8c8c8;
    padding: 10px 125px;
    padding-bottom: 40px;
}
.location-blocks .widget{

    display:inline;
}

.location-blocks .stores, .location-blocks .holidays{
    float:left;
}
.location-blocks .stores{width:65%;}

.location-blocks .stores .location{
    display:flex;
    justify-content: space-between;
    align-items:end;
}
.location-blocks .holidays{width:33%;margin-left:1%;}
.location-blocks .location, .holidays article {
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    font-weight: 300;
    background-color: #dfdfdf;
    border-radius: 30px;
    margin-left: 1%;
    margin-bottom:10px;
}
.location-blocks article h2 {
    font-weight: 300;
    font-size: 32px;
}
.location-blocks article address {
    line-height: 30px;
    padding-bottom: 20px;
}
.location-blocks article p{

    margin-top: 2rem;
}
.location-blocks article a {
    color: #072a5c;
}
.location-blocks .location span.directions span {
    background: url(../images/location-icon.png) no-repeat left center;
    display: block;
    padding: 10px 12px 10px 30px;
    font-weight: 400;
    margin-top: 40px;
}


/*tech support page*/
.support-page .support-hero {
    overflow: hidden;
    padding: 40px;
    background: #ffffff url(../images/documents-page-hero-bg.jpg) no-repeat;
}

.support-page h1 {
    font-size: 78px;
    color: #103888;
    margin-top: 30px;
    font-weight:normal;
}
.support-page .support-hero p {
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    margin-top: 20px;
    width: 98%;
}
.support-hero article img {
    float: left;
    padding-right: 30px;
}
.support-hero article {
    width: 90%;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}
.support-page div.col-2 {
    overflow: hidden;
    background-color: #f5f5f5;
}
.support-page .widget{

   clear:none;
   margin-bottom:0px;
}
.support-page  .block-static-block.widget{
    margin-bottom: 0px;
}
.support-page div.col-2 div.widget {
    float: left;
    box-sizing: border-box;
    width: 50%;
    text-align: center;

}

.support-faq {
    padding: 50px 100px;
    background-color: #f5f5f5;
}
.support-documents {
    padding: 50px 100px;
    background-color: #ebebeb;
}
.support-page div.col-2 div.widget img {
    padding: 10px;
}
.support-page h2 {
    font-weight: 300;
    font-size: 32px;
}
.support-page div.col-2 div.widget p {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    width: 80%;
    margin: 0 auto;
}
.support-page a.ghost-btn {
    color: #ffffff!important;
    border: thin solid #ffffff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}
.support-page div.col-2 div.widget a.ghost-btn {
    color: #333333!important;
    border: thin solid #333333;
    display: block;
    width: 200px;
    margin: 0 auto;
    margin-top: 40px;
}

.support-booklet {
    padding: 15px 90px;
    color: #ffffff;
background:#3a3530 url(../images/support-booklet-bg.jpg) no-repeat top left;
    overflow: hidden;
}
.support-calculators .inner-wrap, .support-booklet .inner-wrap {
    width: 80%;
    margin: 0 auto;
}
.support-booklet article.img {
    text-align: center;
}
.support-calculators article, .support-booklet article {
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding: 40px;
}
.support-calculators article, .support-booklet article {
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding: 40px;
}
.support-page .support-calculators article h2, .support-page .support-booklet article h2 {
    margin-top: 40px;
}
.support-calculators article p, .support-booklet article p {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
}
.support-page .support-calculators a.ghost-btn, .support-page .support-booklet a.ghost-btn {
    width: 300px;
    margin-top: 40px;
    display: block;
}
.support-calculators {
    padding: 10px 90px;
    color: #ffffff;
    background:#2d55b1 url(../images/support-calc-bg.jpg) no-repeat top center;
    overflow: hidden;
}

.support-calculators article.img {
    text-align: center;
    float: right;
}

/*tech support form*/
.support-ticket {
    text-align: center;
    padding: 50px;
    background-color: #89995f;
    color: #ffffff;
}

.support-ticket article {
    margin-top: -100px;
}

.support-page h2 {
    font-weight: 300;
    font-size: 32px;
}
.support-page article p {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 20px;
}
.support-ticket .open-ticket {
    color: #ffffff!important;
    border: thin solid #ffffff;
    border-radius: 10px;
    padding: 10px 20px;
    cursor: pointer;
    margin-top:20px;
}
article.tech-form {
    margin-top: 20px;
    display: none;
}
.support-ticket article.tech-form h1 {
    text-align: left;
    font-size: 36px;
    margin-top: 10px;
    font-weight:300;
}

.tech-form .form-pop {
    width: 1100px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    color: #000000;
}
article.tech-form h1 .close {
    background: url(../images/review-close-btn.jpg) no-repeat;
    height: 20px;
    width: 25px;
    display: block;
    cursor: pointer;
    float: right;
}
.form-pop .fieldset {
    margin: 0;
    float:left;
    
}
.form-pop .fieldset.contact-tech{

    width:28%;
    border-right:thin solid #cccccc;
}
.form-pop .fieldset.questions-tech {
    width: 69%;
    padding-left: 30px;
}
.form-pop .consent {
    clear: both;
    width: 92%;
}
.form-pop .actions-toolbar{

    margin-left:0!important;
    clear:both;
}
.fake-button, .form-pop button.action {
    background-color: #333333;
    font-size: 18px;
    font-weight: 300;
    padding: 11px;
    border-radius: 10px;
    width: 244px!important;
    text-align: center;
    color: white;
    cursor: pointer;
}
.form-pop p.small{

    font-size:14px;
}
.form-pop .fieldset > .field:not(.choice) > .control {
    width: 90.2%;
  
}
.form-pop  input.input-text {
    width: 100%;
   
}

/*newsletter signup page*/

section.newsletter {
    background: #fff url(../images/documents-page-hero-bg.jpg) no-repeat left top;
}
.newsletter .page-title {
    overflow: hidden;
}
.newsletter .page-title article {
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.newsletter .page-title-content {
    padding: 40px;
    text-align: center;
}
.newsletter .page-title h1 {
    font-size: 48px;
    color: #103888;
    font-weight:normal;
}
.newsletter .page-title p {
    font-size: 20px;
    margin-top: 20px;
    font-weight: 300;
}

section.newsletter .content {
    background-color: #f9f9f9;
}

.form-wrapper.newsletter {
    padding: 20px;
    width: 60%;
    margin: 0 auto;
}

.form-wrapper.newsletter .fieldset {
    margin-bottom: 0;
}
.form-wrapper.newsletter .form-list {
    overflow: hidden;
}

.form-wrapper.newsletter .fields {
    margin-top: 10px;
    float: left;
    width: 50%;
}
.form-wrapper.newsletter ul li {
    list-style: none;
}
.form-wrapper.newsletter .consent {
    background-color: #f9f9f9;
}

.form-wrapper.newsletter .fields input {
    border-radius: 5px;
    padding: 10px;
    border: thin solid 
    #cccccc;
    margin-top: 5px;
    width: 80%;
}

#mc-embedded-subscribe {
    cursor: pointer;
    background-color: #2a5cbe;
    border: none;
    color: #ffffff;
    padding: 15px 34px;
    border-radius: 5px;
    font-size: 14px;
}



/*catalogue*/

.catalogue .page-title {
    background: #f8f8f8 url(../images/documents-page-hero-bg2.jpg) no-repeat left top;
    padding-bottom: 0;
    overflow:hidden;
}
.catalogue .page-title article.content {
    padding: 50px;
}
.catalogue .page-title article {
    width: 50%;
    padding-bottom: 0;
    box-sizing: border-box;
    float: left;
}

.catalogue .page-title article.img {
    text-align: right;
}

.catalogue .page-title h1 {
    font-size: 48px;
    color: #103888;
    margin-top: 20px;

}
.catalogue .page-title p {
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 20px;
    font-weight: 300;
    line-height: 32px;
}
.catalogue .page-title article.content p strong {
    font-size: 18px;
}

.catalogue .content .links {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    clear:both;
}
.catalogue .content h2 {
    font-size: 32px;
    color: #103888;
    font-weight: 300;
}
.catalogue article.links p {
    font-size: 24px;
    font-weight: 300;
}
.catalogue .links ul {
    padding: 0;
}
.catalogue .links li {
    list-style: none;
    padding: 10px 20px;
    border-radius: 20px;
    border: thin solid #103888;
    margin-bottom: 10px;
    width: 250px;
    display: inline-block;
}
.catalogue .links li a {
    color: #103888;
}
/*catalogue form*/
.catalogue-request {
    width: 1100px;
    margin: 0 auto;
    border: thin solid #efefef;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom:20px;
}
.catalogue-request h1{
padding:0px 40px;
}

.catalogue-request h4{

    margin-top:5px;
    margin-bottom:5px;
}
.catalogue-request h3 {
    font-size: 32px;
    color: #103888;
    font-weight: 300;
}
.catalogue-request .fieldset{

    width:97%;
    overflow:hidden;
    margin-bottom:0;
    padding:0px 40px;
}
.catalogue-request .fieldset .field{

    float:left;
    width:49%;
}
.catalogue-request .fieldset > .field:not(.choice) > .control{
    width:100%;
}
.fake-button, .catalogue-request button.action {
    background-color: #333333;
    font-size: 18px;
    font-weight: 300;
    padding: 11px;
    border-radius: 10px;
    width: 244px!important;
    text-align: center;
    color: white;
    cursor: pointer;
}

.catalogue-bottom-content .form button.button.disabled {
    cursor: not-allowed;
    background-color: #333333;
}
.catalogue-bottom-content .form .buttons-set button.button {
    float: none;
    background-color: #2a5cbe;
    font-size: 18px;
}
.catalogue-bottom-content form .actions-toolbar{

    margin-left:0!important;
    clear:both;
}
.catalogue-bottom-content .catalogue-request .fieldset.consent{

    width:93%;
}
.catalogue-bottom-content .catalogue-request .contact-info{

    margin-top:20px;
}
/*form css*/
form .consent {
    margin-top: 15px;
    padding: 10px 40px!important;
    border-top: thin solid #cccccc;
    background-color: #fefefe;
}
form .consent input {
    vertical-align: inherit;
}
form .privacy-notice {
    margin-top: 15px;
    padding: 10px;
    border-top: thin solid #111111;
    background-color: #efefef;
}

.form-list label {
    float: left;
    color: 
    #555;
    font-weight: 300;
    position: relative;
    z-index: 0;
}


.form-list .input-box {
    display: block;
    clear: both;
    width: auto;
    margin-bottom: 10px;
}
form .privacy-notice h5{

    font-size:16px;
     margin-top:5px;
    margin-bottom:5px;
}
form .privacy-notice p {
    font-size: 14px;
    line-height: 26px;
}

form .consent span.small {
    font-size: 14px;
    font-style: italic;
    color: red;
}
form .consent h4{

    font-size:16px;
    margin-top:5px;
    margin-bottom:5px;
}
form .fieldset .field .label{

    width: auto!important;
}
form .fieldset > .field:not(.choice) > .control, form .fieldset > .field:not(.choice) > .label{

    float:none;
}

form input.input-text {
    width: 95%;
    border-radius: 5px;
    padding: 18px 5px;
}
form ul li {
    list-style: none;
    margin-bottom: 15px;
    float: left;
    width: 50%;
}
form ul {
    padding: 0;
    overflow: hidden;
}

form .fieldset .field .label{

    padding-bottom: 5px!important;
    font-weight: 300;
    font-size: 16px;
}

form h1 {
    font-weight: 300;
    margin-bottom: 15px;
    color: #103888;
}

form .fieldset > .field {
    box-sizing: border-box;
    margin: 0 0 12px;
}




/*contact us form*/
.about-bottom form {
    width: 70%;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    border: thin solid #cccccc;
    background-color: #ffffff;
    margin-top: 106px;
}

.about-bottom form .fieldset {
    margin: 0;
}


.about-bottom form input.input-text {
    width: 95%;
    border-radius: 5px;
    padding: 18px 5px;
}
.about-bottom form p.small {
    font-size: 14px;
}
.about-bottom form p.required {
    font-size: 14px;
    text-align: left;
}

.fake-button, .about-bottom button.action {
    background-color: #333333;
    font-size: 18px;
    font-weight: 300;
    padding: 11px;
    border-radius: 10px;
    width: 244px!important;
    text-align: center;
    color: white;
    cursor: pointer;
}
.about-bottom form .actions-toolbar{

    margin-left:0!important;
    clear:both;
}


.about-bottom form .fieldset{

    width: 50%;
    float:left;
}
.about-bottom form .fieldset.consent{

    clear:both;
    width:91%;
    margin-top:20px;
}

.about-bottom .fieldset > .field:not(.choice) > .control{

    width:90.2%!important;
}
.about-bottom .form button.button.disabled {
    cursor: not-allowed;
    background-color: #333333;
}
.about-bottom .form .buttons-set button.button {
    float: none;
    background-color: #2a5cbe;
    font-size: 18px;
}



/*How-tos

Magento_Cms/layout/cms_page_view_id_knowledge

CMS page Knowledde
*/
.how-to-page.top .page-title {
    background: #f8f8f8 url(../images/documents-page-hero-bg2.jpg) no-repeat left top;
    padding: 0px 60px;
    min-height: 490px;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}

.how-to-page.top .page-title h1 {
    font-size: 44px;
    color: #103888;
    margin-bottom:10px;
}

.how-to-page.top .page-title article.content {
    padding: 51px 0px;
    width: 40%;
    float:left;
}

.how-to-page.top .page-title p {
    font-size: 20px;
    margin-top: 30px;
    line-height: 32px;
}

.how-to-page.top .page-title article ul {
    margin: 0;
    padding: 0;
}

.how-to-page.top .page-title img {
    width: 927px;
    position: absolute;
    right: 0;
    max-height: inherit;
}

.how-to-page.top .page-title article ul li {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    border: thin solid #cccccc;
    font-size: 14px;
}
.how-to-page.top .page-title article ul li:hover{

    background-color:#103888;
    color:#ffffff;

}
.how-to-page.top .page-title article ul li:hover a{

     color:#ffffff;

}
.how-to-page.bottom{

    clear:both;
}
.how-to-page.bottom section{

    padding:60px;
    color:#ffffff;
    overflow:hidden;
}
.how-to-page.bottom section .cat-image{

    float:left;
    width:18%;
}
.how-to-page.bottom section .how-to-category {
    width: 70%;
    float: left;
    margin-left: 50px;
}

.how-to-page.bottom section .how-to-category h1{

    margin-bottom:10px;
    margin-top:30px;
}
.how-to-page.bottom section p{

    font-size:18px;
    font-weight:300;
}


/*videos style for how-tos*/
.tutorial-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
}

.youtube {
    width: 1400px;
    height: 787px;
    z-index: 999;
    border: 10px solid #ffffff;
    background-color:#111111;
}

.youtube .close-btn {
    box-shadow: none;
    border: none;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #cccccc;
    top: 0;
    right: 0;
    margin-top: -44px;
    margin-right: -44px;
    display: block;
    cursor: pointer;
    background: url(../images/video-close-btn.jpg);
}


.application-videos{

    width:100%;
    overflow:hidden;
    padding-top:20px;
}

.application-videos .vid{

    margin-left: 13px;
    width: 363px;
    height: auto;
    float: left;
    line-height:0;
    
}

.application-videos .vid img {
    cursor: pointer;
    width: 100%;
}

.application-videos .vid h6 {
    font-weight: 400;
    margin-top: 0px;
    background: rgb(24, 86, 180);
    background: linear-gradient(0deg, rgb(24, 86, 180) 5%,rgb(20, 54, 152) 90%);
    padding: 10px;
    color:#fcf7f7;
    font-size: 14px;
    min-height: 48px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top: 4px solid #122489;
    line-height: 20px;
}

/* seminars page 
Magento_Cms/layout/cms_page_view_id_seminar-dates.xml

*/

.seminars-page {
    background: #ffffff url(../images/documents-page-hero-bg.jpg) no-repeat left top;
}

.seminars-page div.seminars-title-block {
    padding-bottom: 40px;
}

.seminars-page div {
    overflow: hidden;
}
.seminars-page div article h1 {
    font-size: 48px;
    color: #103888;
    margin-bottom:20px;
}
.seminars-page div.seminars-title-block article.text {
    padding-left: 80px;
    padding-top: 5%;
    text-align: left;
    width:40%;
}
.seminars-page div.seminars-title-block article.text p {
    width: 100%;
    margin-top: 20px;
    line-height: 34px;
    font-size: 20px;
    font-weight: 300;
}
.seminars-page div.seminars-title-block article {
    text-align: right;
}

.seminars-page div.seminars-title-block article {
    float: left;
    width: 60%;
    box-sizing: border-box;
}

.seminars-page div.seminars-title-block article img {
    
    max-width: 100%;
}

.seminar-disclaimer {
    padding: 30px 80px;
    background-color: #eef0fb;
}
.seminar-disclaimer .policy{

    width:100%;
}

.seminar-disclaimer .policy h4 {
    font-size: 38px;
    color: #103888;
    font-weight: 300;
    
}

.seminar-disclaimer .policy p {
    font-size: 20px;
    font-weight: 300;
}

/*seminar blocks*/
.block-static-block.widget, .block-cms-link.widget {
    margin-bottom: 0px;
}

.seminars-mm {
    background-color: #4e5567;
    color: #ffffff;
    
}

.seminars-mr{

    background-color: #312350;
    color:#ffffff;
}
.workshop{

    overflow:hidden;
    padding: 60px 80px;
}
.workshop article.text{
    width:50%;
    float:left;
}

.workshop h2{
    font-size:42px;
    margin-bottom:10px;
    margin-top:0;

}

.workshop h2 span{

    font-size:16px;
    font-style: italic;
    display:block;

}

.workshop .description{

    font-size:18px;
}
.workshop .date{
    background-color: aliceblue;
    padding: 10px;
    color: #333;
    margin-bottom:0;
}
.workshop .date strong, .workshop .location strong, .workshop .cost strong{

    font-size:18px;
}

.workshop.seminars-mm .location{
    background-color: #b8deff;
    padding: 10px;
    color: #333;
    margin-bottom:0;
}
.workshop.seminars-mr .location {
    background-color: #d5cbea;
    padding: 10px;
    color: #333;
    margin-bottom:0;
    
}
.workshop.seminars-mm .cost{
    border: 3px solid #898e9b;
    padding: 10px;
    
    margin-bottom:0;
    margin-top:10px;
}
.workshop.seminars-mr .cost {
    border: 3px solid #ede6fd;
     padding: 10px;
    
    margin-bottom:0;
    margin-top:10px;
}
.workshop.seminars-mr img{

    margin-left:50px;
}

.workshop .disclaimer{

    padding:10px;
}

.workshop article{

    float:left;
    width:50%;
}

.workshop .ghost-btn{

    padding:10px;
    border:thin solid #ffffff;
    border-radius:5px;
    color:#ffffff!important;
    display:block;
    font-size: 18px;
    text-align:center;
    margin-top:20px;
    width:150px;
}


/*documments page*/

.documents-page {
    padding: 0;
    background: #ffffff url(../images/documents-page-hero-bg.jpg) no-repeat;
}

.documents-page .documents-hero {
    background: url(../images/documents-hero-bg.png) no-repeat right top;
    overflow:hidden;
}

.documents-page .documents-hero .title-block {
    padding: 50px;
}

.documents-page article:last-child {
    border: none;
}

.documents-page .documents-hero article {
    width: 90%;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}
.documents-page .documents-hero article img {
    float: left;
    padding-right: 30px;
}

.documents-page h1 {
    font-size: 78px;
    color: #103888;
    margin-top: 30px;
}

.documents-page p {
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    margin-top: 20px;
    width: 75%;
}
.document-list {
    padding: 40px;
    background-color: #ffffff;
}

.document-list section h2 {
    background-color: #f1f1f1;
    padding: 10px;
    font-weight: 400;
    cursor: pointer;
    border-left: 2px solid #cccccc;
}
.document-list section h2.active {
    border-left: 5px solid #f99909;
}
.document-list section div {
    padding: 0px 30px;
    display:none;
}

.document-list section .sub-cats h3 {
    font-weight: 400;
    font-size: 22px;
    padding: 10px;
    border-bottom: thin solid #cccccc;
    cursor: pointer;
}

.document-list .doc-p-product, .document-list .docu-sub-cat {
    border-left: 2px solid #efefef;
    cursor: pointer;
}

.document-list section .sub-cats h3.active {
    border-bottom: none;
    border-left: 3px solid #103888;
}

.document-list article {
    border-bottom: thin solid #dddddd;
    padding-bottom: 20px;
    padding-left: 20px;
}

.document-list section div h4 {
    font-weight: 300;
    font-size: 18px;
    margin-top: 10px;
}

.document-list ul {
    margin: 0;
}

.sub-cat-products ul li, .grouped-products ul li, .sub-cats ul li {
    list-style: none;
    background: url(../images/doc-list-icon.jpg) left center no-repeat;
    padding-left: 15px;
}

.sub-cat-products ul li a, .grouped-products ul li a, .sub-cats ul li a {
    color: #000000;
    background: none !important;
    font-size: 16px;
    padding: 0;
    border: none;
    margin: 0;
}

.document-list a {
    cursor: pointer;
}

a.ghost-btn-black {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px 30px;
    color: #333333;
    font-size: 18px;
    margin-top: 10px;
    text-decoration: none;
    border: thin solid #9f9f9f;

}
/*404 page*/
.no-route {
    text-align: center;
}
.no-route .page-title h1 {
    font-size: 200px;
}
.no-route .page-title p {
    font-size: 24px;
    font-weight: 300;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.cart-categories {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.cart-categories .category-blocks {
    overflow: hidden;
}
.category-blocks article h3 {
    font-weight: 400;
    font-size: 18px;
    margin: 0;
    padding: 8px;
    background: url(../images/drop-arrow-blue.png) no-repeat right center;
    
}

.category-blocks article h3 span {
    font-weight: 300;
    font-size: 14px;
    margin: 0;
    font-style: italic;
    color: #333333;
}

.category-blocks article a{

    color:#333333;
}
.category-blocks article {
    min-height: 370px;
}

.category-blocks article {
    float: left;
    width: 23.8%;
    box-sizing: border-box;
    padding: 10px;
    border-top: none;
    min-height: 343px;
    background: rgb(243, 243, 243);
    background: linear-gradient(0deg, rgb(243, 243, 243) 5%, rgb(255, 255, 255) 90%);
    border-radius: 10px;
    margin-left: 1%;
    margin-bottom: 10px;
    position: relative;
}

.category-blocks article img {
    width: 100%;
}


/*form response pages*/
.response #messages_product_view{

    padding:40px;
    background: #ffffff url(../images/documents-page-hero-bg.jpg) no-repeat;
}

.response #messages_product_view article{

    width:70%;
    margin:0 auto;
    overflow:hidden;
}
.response #messages_product_view article img{

    float:left;
    padding-right:40px;
}
.response #messages_product_view article h1{

    font-size: 48px;
    font-weight:400;
    margin-top:80px;
    margin-bottom:8px;
}
.response #messages_product_view article p{

    font-size: 32px;
    font-weight:300;
}

.response .bottom-section{

    clear:both;
    overflow:hidden;
    display:table;
}
.response .bottom-section article{

    text-align:center;
    
    padding:40px 60px;
    box-sizing: border-box;
    display:table-cell;
}
.response .bottom-section article.social{

    width:45%;
    background-color:#072a5c;
}
.response .bottom-section article.tech{

    width:55%;
    background-color:#113f81;
}
.response .bottom-section article.tech img{

    width:168px;
    height:auto;
}
.response .bottom-section article h2{

    font-size: 32px;
    font-weight:400;
    margin-top:20px;
    color:#ffffff;
}
.response .bottom-section article p{

    font-size: 24px;
    color:#ffffff;
    font-weight:300;
}
.response .bottom-section article a{

    color:#377ada;
}




/* mobile starts */
@media screen and (max-width: 1500px){



    /*how-to page*/
    .how-to-page.top .page-title img {width: 61%;}
    .application-videos .vid {width: 32%;}

    /*about-us page*/
    .about-truck article {float: left;}
    .about-truck article img {position: relative;margin-top: 0px;max-width: 79%;}
    .about-truck {padding: 20px 40px;background-size: cover;}
    .about-truck h2 {margin-top: 10%;}

    .about-bottom form {width: 850px;margin-top: 32px;}


    /*404 page*/
    .uncured-list .category-blocks article {min-height:305px;}


    /*form thankyou page*/
    .response #messages_product_view article {width: 80%;}
    .response #messages_product_view article h1 {margin-top: 60px;}


}
@media screen and (max-width: 1380px){

    /*seminars page*/
    .seminars-page div.seminars-title-block {padding-bottom: 50px;}
    .seminars-page div.seminars-title-block article.text {padding-top: 44px;}
    .seminars-page div.seminars-title-block article img {max-width: 100%;}

    /*support page*/
    .support-booklet,.support-calculators{background-size: cover;}

    /*subscribe page*/
    .newsletter .page-title-content {padding: 20px;text-align: center;}
    .newsletter .page-title article.page-title-content{width:40%;}
    .newsletter .page-title h1 {font-size: 39px;margin-bottom: 20px;}
    .newsletter .page-title article {width: 60%;}

    /*documents page*/
    .documents-page .documents-hero article {width: 98%;}


    /*form response page*/
    .response #messages_product_view article {width: 90%;}
    .response #messages_product_view article h1 {font-size: 42px;}
}


@media screen and (max-width: 1200px){

    /*locations page*/
    .location-blocks {padding: 20px 42px;}

    /*seminars page*/
    .seminars-page div.seminars-title-block {padding-bottom: 30px;}
    .seminars-page div.seminars-title-block article.text {padding-left: 50px;}
    .workshop {overflow: hidden;padding: 60px 50px;}
    .workshop h2 {font-size: 38px;margin-bottom: 12px;}
    .seminar-disclaimer .policy h4 {margin-top: 0;}

    /*support page*/
    .support-booklet,.support-calculators {padding:10px 0px;}

    /*support page tech form*/
    .tech-form .form-pop {width: 80%;}
    .form-pop .fieldset.contact-tech {width: 27%;box-sizing: border-box;}

    /*catalogue page*/
    .catalogue .page-title article.content {padding: 40px;}
    .catalogue .page-title h1 {margin-top: 0px;margin-bottom: 20px;}
    .catalogue-request {width: 90%;}

    /*documents page*/
    .documents-page p {width: 85%;font-size:20px;}
    .documents-page h1 {font-size: 60px;margin-bottom:15px;}
    .document-list {padding: 20px 40px;}
    .documents-page .documents-hero .title-block {padding: 40px;}

    /*404 page*/
    .uncured-list .category-blocks article {min-height: 282px;}

}
@media screen and (max-width: 1100px){

    /*how-to page*/
    .how-to-page.bottom section .cat-image {width: 24%;}
    .application-videos .vid {width: 31%;}

}

@media screen and (max-width: 1050px){
    
    /*locations page*/
    .location-blocks article {padding: 20px;}

    /*catalogue page*/
    .catalogue .page-title p {font-size: 20px;line-height: 25px;}

    /*about page*/
    .about-page .page-title {padding: 35px 0px 0px 40px;}
    .about-page .page-title h1 {margin-bottom: 20px;}
    .about-page .page-title article {width: 38%;}

    .about-bottom form {width: 78%;}
    .about-bottom h3 {font-size: 26px;}
    .about-bottom p {font-size: 16px;line-height: 20px;margin-top: 10px;}
    .about-bottom article.links div h3 {padding-top: 10px;}

    /*404 page*/
    .uncured-list .cart-categories{width:95%;}
    .no-route .page-title p {width: 74%;}
    .no-route .page-title h1 {font-size: 155px;margin-bottom: 10px;}

    /*form response page*/
    .response #messages_product_view article {width: 100%;}

}

@media screen and (max-width: 960px){

    /*how-to page*/
    .how-to-page.top .page-title article.content {width: 50%;}
    .how-to-page.top .page-title img {width: 99%;right:inherit;}
    .how-to-page.bottom section {padding: 40px;}
    .how-to-page.bottom section .how-to-category h1 {margin-top: 0px;}
    .how-to-page.bottom section .how-to-category {width: 60%;}
    .application-videos .vid {width: 47%;}


    /*locations page*/
    .location-blocks {padding: 20px 20px;}
    .location-blocks article ul{padding-left: 15px;}

    /*seminars page*/
    .seminars-page div article h1 {text-align: center;}
    .seminars-page div.seminars-title-block {padding-bottom: 0px;}
    .seminars-page div.seminars-title-block article {float: none;width: 100%;}
    .seminars-page div.seminars-title-block article img {max-width: 100%;position:relative;}
    .seminars-page div.seminars-title-block article.text {padding-left: 0px;width: 85%;margin: 0 auto;padding-bottom: 30px;}
    .seminars-page div.seminars-title-block article.text p {width: 100%;}

    .workshop {padding: 26px 38px;}
    .workshop h2 {font-size: 26px;font-weight: 400;}
    .workshop .description {font-size: 16px;font-weight: 300;}


    /*support page*/
    .support-page .support-hero {padding: 0px;}
    .support-page h1 {font-size: 52px;margin-bottom:20px;}
    .support-faq,.support-documents {padding: 20px 20px;}
    .support-booklet,.support-calculators {padding: 0px 0px;}
    .support-booklet .inner-wrap,.support-calculators .inner-wrap {width: 100%;}
    .support-page .support-calculators article h2, .support-page .support-booklet article h2 {margin-top: 10px;}

    /*support page tech form*/
    .tech-form .form-pop {width: 90%;}
    .form-pop .fieldset.questions-tech {width: 66%;margin-bottom:20px;}

    /*catalogue page*/
    .catalogue .page-title h1 {text-align: center;}
    .catalogue .page-title article {width: 100%;float:none;}
    .catalogue .page-title p:last-child{text-align:center;}
    .catalogue-request .fieldset {padding: 0px 20px;}
    .catalogue-request .consent {padding: 10px 28px !important;}

    /*subscribe page*/
    .newsletter .page-title article.page-title-content {width: 100%;}
    .newsletter .page-title article {width: 100%;}
    .form-wrapper.newsletter {width: 80%;}

    /*about-us page*/
    .about-bottom form .fieldset.consent {width: 100%;padding: 0 !important;}
    .about-bottom form .consent h4 {margin-top: 20px;}


    /*cookie policy*/
    .cookie-policy-page article.content {padding: 30px 30px;width:40%;}
    .cookie-policy-page article.img{width:60%;}
    #CookiePolicy, #privacy-policy, #terms-policy {padding: 0px 30px;}

    /*documents page*/
    .documents-page h1{margin:0;}
    .documents-page .documents-hero article{text-align:center;}
    .documents-page .documents-hero article img{float:none;padding:0;width:150px;}
    .documents-page p {width: 98%;}

    /*form response page*/
    .response #messages_product_view article h1 {font-size: 36px;margin-top:62px;}
    .response #messages_product_view article p {font-size: 26px;}
    .response #messages_product_view article img {padding-right: 22px;width: 200px;}

}


@media screen and (max-width: 780px){

    /*how-to page*/
    .how-to-page.top .page-title{padding:0;}
    .how-to-page.top .page-title article.content {width: 80%;margin:0 auto;float:none;}
    .how-to-page.top .page-title img {position:relative;width:100%;}

    .how-to-page.bottom section {padding: 20px;}
    .how-to-page.bottom section .cat-image {width: 60%;float: none;margin: 0 auto;display: block;}
    .how-to-page.bottom section .how-to-category {
        width: 95%;
        margin-left: 0;
        float: none;
        margin: 0 auto;
        padding-top: 20px;
    }
    .how-to-page.bottom section .how-to-category h1 {font-weight: 400;}

    /*locations page*/
    .locations-hero article {float: none;width: 100%;}
    .locations-hero article.img-video{width: 560px !important;margin: 0 auto;}
    .location-blocks .location, .location-blocks .holidays article,  .location-blocks .holidays{margin-left:0;}
    .location-blocks .stores, .location-blocks .holidays{width: 100%;margin-bottom:10px;float:none;}
    


    /*seminars page*/
    .workshop h2 {text-align: center;}
    .workshop article {float: none;width: 60%;margin:0 auto;}
    .workshop article.text {width: 100%;float: none;margin-top: 20px;}
    .workshop.seminars-mr img {margin-left: 0px;}


    /*support page*/
    .support-page .support-hero p {font-size: 20px;line-height: 30px;}
    .support-page div.col-2 div.widget p {width: 100%;}
    .support-calculators article, .support-booklet article {padding: 20px;}

    /*support page tech form*/
    .form-pop .fieldset.contact-tech {width: 40%;}
    .form-pop .fieldset.questions-tech {width: 50%;}


    /*catalog page*/
    .catalogue-bottom-content .catalogue-request .fieldset.consent {width: 90%;}

    /*subscribe page*/
    .form-wrapper.newsletter {padding: 0px;width: 88%;margin: 0 auto;}
    #mc-embedded-subscribe {width: 200px;margin: 0 auto;display: block;}

    /*about-us page*/
    .about-page .page-title h1 {text-align: center;}
    .about-page .page-title article img {position: relative;width:100%;}
    .about-page .page-title article {width: 100%;padding-bottom:30px;float:none;}
    .about-page .page-title {padding: 0px;}
    .about-page .page-title article.content{width: 80%;margin: 0 auto;padding-top:40px;}

    .about-truck article {width: 80%;float:none;margin:0 auto;}
    .about-truck p {width: 100%;}
    .about-truck h2 {margin-top: 0;text-align: center;}

    .about-bottom form {width: 85%;}
    
    /*cookie policy*/
    .cookie-policy-page.page-title h1{margin-bottom: 15px;font-size: 40px!important;}
    .cookie-policy-page article.content {width: 100%;text-align: center;}
    .cookie-policy-page article.content ul{list-style: none;padding: 0;}
    .cookie-policy-page article.img {width: 100%;}

    /*documents page*/
    .document-list {padding: 0px 40px;}
    .document-list section h2{font-size:20px;}
    .document-list section .sub-cats h3 {font-size: 18px;}
    .document-list ul {padding: 0;}


    /*404 pages*/
    .uncured-list .category-blocks article {width:48.5%; min-height: 352px;}

   
    /*form response Page*/
    .response #messages_product_view article {text-align: center;}
    .response #messages_product_view article img {float: none;padding:0;}
    .response #messages_product_view article h1 {margin-top: 12px;}
    .response .bottom-section article {display:block;}
    .response .bottom-section article.social {width: 100%;}
    .response .bottom-section article.tech {width: 100%;}


}

@media screen and (max-width: 620px){

    /*how-to page*/
    .application-videos .vid {width: 96%;}

    /*support page*/
    .support-hero article {width: 98%;}
    .support-hero article img {float: none;padding-right: 0;width: 40%;margin: 0 auto;display: block;}
    .support-page h1 {text-align: center;}
    .support-page .support-hero p {width:100%;}
    .support-page div.col-2 div.widget {width: 100%;padding:20px;}
    .support-calculators article, .support-booklet article {width: 100%;padding:20px;float:none;text-align:center;}
    .support-booklet img{width:55%;}
    .support-page .support-calculators a.ghost-btn, .support-page .support-booklet a.ghost-btn{margin:0 auto;}

    
    /*support page tech form*/
    .support-ticket article {margin-top: -59px;}
    .form-pop .fieldset.contact-tech {width: 100%;border-bottom:thin solid #eeeeee;padding:20px;border-right:none;}
    .form-pop .fieldset.questions-tech {width: 92%;padding:20px 20px;}
    .form-pop .fieldset > .field:not(.choice) > .control {width: 100%;}
    .form-pop .consent {clear: both;width: 100%;float: none;padding: 10px !important;}
    .form-pop form ul li {width: 75%;margin-top:10px;margin-bottom:10px;}

    /*about-us page*/
    .about-bottom form .fieldset {width: 100%;}
    .about-bottom .fieldset > .field:not(.choice) > .control {width: 100% !important;}
    .about-bottom form input.input-text {width: 100%;}
    .about-bottom form ul li {width: 86%;}
    .about-bottom form .consent h4 {margin-bottom: 20px;}

    .about-bottom article.links div {width: 100%;}
    .about-bottom article.links{padding:30px 15px;}

    /*404 page*/
    .uncured-list .category-blocks article {min-height: 325px;}

    /*locations page*/
    .location-blocks .stores .location{

        display:block;
    }

    .location-blocks .location article{padding:0px;}


}

@media screen and (max-width: 480px){

    /*how-to page*/
    .how-to-page.top .page-title article.content {width: 90%;margin-top: 53%;float:left;padding-left:7%;}
    .how-to-page.top .page-title img {position: absolute;right: 0;top:0;}

    /*locations page*/
    .locations-hero article h1 {font-size: 44px;}
    .locations-hero article p {font-size: 16px;line-height: 26px;}
    .locations-hero article.img-video {width: 100%!important;}
    .locations-hero article.img-video iframe{width: 100%;}
    .location-blocks .widget {width: 96.5%;}

    /*seminars page*/
    .seminars-page div article h1 {font-size: 42px;}
    .seminars-page div.seminars-title-block article.text p {line-height: 26px;font-size: 16px;}
    .seminar-disclaimer .policy h4 {text-align: center;}
    .seminar-disclaimer {padding: 30px 30px;}
    .seminar-disclaimer .policy p {font-size: 16px;}

    .workshop {padding: 29px 25px;}
    .workshop article {width: 80%;}


    /*support page*/
    .support-page h1 {font-size: 42px;}
    .support-hero article img {width: 150px;}
    .support-page .support-hero p {font-size: 18px;}
    .support-page div.col-2 div.widget p {font-size: 18px;line-height: 25px;}
    .support-page article p {font-size: 18px;}
    .support-page .support-calculators a.ghost-btn, .support-page .support-booklet a.ghost-btn {width: 250px;}
    .support-page div.col-2 div.widget img {padding: 0px;width: 150px;}
    .support-booklet img, .support-calculators img, .support-ticket img {width: 150px;}


    /*catalogue page*/
    .catalogue .page-title h1 {font-size: 38px;}
    .catalogue .page-title p {font-size: 18px;}
    .catalogue article.links p {font-size: 18px;}
    .catalogue .content h2 {font-size: 28px;}
    .catalogue .links li {width: 200px;}

    .catalogue-request .fieldset .field {width: 99%;}
    .catalogue-request ul li {width: 70%;}
    .catalogue-bottom-content .catalogue-request .fieldset.consent {padding: 10px 10px !important;width:96%;}

    /*subscribe page*/
    .newsletter .page-title article.page-title-content img{width:200px;}
    .newsletter .page-title h1 {font-size: 34px;}
    .form-wrapper.newsletter .fields {width: 100%;}
    .form-wrapper.newsletter .fields input {width: 100%;}
    .form-wrapper.newsletter ul li {width: 100%;}

    /*about-us page*/
    .about-page .page-title p {font-size: 18px;line-height: 26px;}
    .about-truck {padding: 20px 0px;}
    .about-truck article {text-align: center;width:88%;}

    .about-bottom article div img {float: none;padding-right: 0;}
    .about-bottom article.links div {text-align: center;border-bottom: thin solid #e6e6e6;}
    .about-bottom article.links div:last-child {border-bottom: none;}

    /*documents page*/
    .documents-page .documents-hero {background-size: contain;}
    .documents-page .documents-hero .title-block {padding: 10px;}
    .documents-page h1 {font-size: 42px;}
    .documents-page p {font-size: 18px;line-height:26px;}
    .document-list {padding: 0px 20px;}
    .document-list section h2 {font-size: 16px;}
    .document-list section .sub-cats h3 {font-size: 14px;}
    .document-list section div h4 {font-size: 14px;}

    /*404 page*/
    .no-route .page-title h1 {font-size: 100px;}
    .no-route .page-title p {width: 84%;}
    .uncured-list .category-blocks article {min-height: 282px;}
    .no-route .page-title p {font-size: 18px;}


    /*form response page*/
    .response .bottom-section article {padding: 40px 40px;}
}


@media screen and (max-width: 320px){

    /*how-to page*/
    .how-to-page.top .page-title h1 {font-size: 38px;}
    .how-to-page.top .page-title p {font-size: 16px;margin-top: 15px;line-height: 26px;}

    /*support page*/
    .support-page h1 {font-size: 30px;}
    .support-page .support-hero p {font-size: 16px;}
    .support-page div.col-2 div.widget p {font-size: 16px;}
    .support-page article p {font-size: 16px;}


    /*support page tech form*/
    .tech-form .form-pop {width: 90%;padding:0;}

    /*catalogue page*/
    .catalogue .page-title article.content {padding: 20px;}
    .catalogue .page-title p {font-size: 16px;}
    .catalogue article.links p {font-size: 16px;}
    .catalogue .page-title article.content p strong {font-size: 16px;}

    .catalogue-request h1 {padding: 0px 20px;}
    .catalogue-request .fieldset {padding: 0px 10px;}


    /*cookie policy page*/
    .cookie-policy-page article.content {padding: 30px 20px;}
    .cookie-policy-page.page-title h1 {font-size: 30px !important;}
    #CookiePolicy, #privacy-policy, #terms-policy {padding: 0px 20px;}

    /*404 page*/
    .uncured-list .category-blocks article {width: 97.5%;}
}