@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&family=Lato:wght@300;400;700;900&display=swap');
@font-face {
    font-family: 'hps';
    src: url('fonts/hps.eot?17860752');
    src: url('fonts/hps.eot?17860752#iefix') format('embedded-opentype'), url('fonts/hps.woff2?17860752') format('woff2'), url('fonts/hps.woff?17860752') format('woff'), url('fonts/hps.ttf?17860752') format('truetype'), url('fonts/hps.svg?17860752#hps') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "hps";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-right-open:before { content: '\2713'; } /* '✓' */
.icon-left-open:before { content: '\e105'; } /* '' */
.icon-down-open-big:before { content: '\e800'; } /* '' */
.icon-up-open-big:before { content: '\e801'; } /* '' */
.icon-search:before { content: '\e802'; } /* '' */
.icon-down-open:before { content: '\e805'; } /* '' */
.icon-up-open:before { content: '\e806'; } /* '' */
.icon-left-open-big:before { content: '\e807'; } /* '' */
.icon-right-open-big:before { content: '\e808'; } /* '' */
.icon-cancel:before { content: '\e813'; } /* '' */
.icon-basket:before { content: '\e816'; } /* '' */
.icon-phone:before { content: '\e81b'; } /* '' */
.icon-menu-2:before { content: '\f0c9'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */

*, *::after, *::before {
    box-sizing: border-box;
}

html, body, form {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
}

body {
    text-align: center;
    font: 1em 'Lato', sans-serif;
    color: #333;
}

.lato {
    font-family: 'Lato', sans-serif;
}
.josefin {
    font-family: 'Josefin Sans', sans-serif;
}

a {
    text-decoration: none;
    color: #000000;
}

.nt {
    text-indent: -9999px;
}

.cb {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.flw {
    float: left;
    width: 100%;
}
.center {
    text-align: center;
}
.white {
    background-color: #fff;
}
.bg-img {
    background-repeat: no-repeat;
}
.sprite {
    background-image: url(sprite.png);
    background-repeat: no-repeat;
}

ul.links, ul.links li, nav ul, nav ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.wrapper {
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    text-align: left;
}
header {
    padding: 16px 0 16px;
}
.logo {
    width: 161px;
    height: 99px;
    margin-left: 25px;
    margin-top: -10px;
}
.header-middle {
    margin: 3px auto 0;
    width: -moz-calc(100% - 370px);
    width: -webkit-calc(100% - 370px);
    width: calc(100% - 370px);
    padding: 0 5%;
}
.slogan-shipping {
    color: #333;
    font-size: 0.9em;
}
.slogan {
    margin: 0 !important;
    display: inline;
}
.slogan span {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 15px;
}
.shipping {
    color: #666;
    text-transform: uppercase; 
    font-size: 0.95em;
    cursor: pointer;
}
.shipping::before {
    content: '';
    background-image: url(sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    width:20px;
    height: 18px;
    background-position: -155px -7px;
    margin:-2px 7px 0 0;
    vertical-align: bottom;
}
.shipping b {   
    font-weight: 600;
    font-size: 1.05em;
}
.infos {
    width: 128px;    
    text-align: right;
    margin-top: 3px;
}
.infos a{
    float: left;
    clear: both;
    width: 100%;
}
.infos .search-btn,.infos a.hamburger,.infos a i {
    display: none;
}
body[pageid='repair-service'] .contents {
    text-align: center;
    margin-bottom: 20px;
}
body[pageid='repair-service'] .list.columns5 {
    display: inline-block;
    margin: 0 auto;
}
body[pageid='repair-service'] .list.columns5 .column {
    width: 48%;
}

.cart:before {
    content: 'CART';
    background-image: url(sprite.png);
    background-repeat: no-repeat;
    padding: 7px 38px 7px 0;
    background-position: 42px 2px;
    font-size: 0.9em;
    margin-right: 5px;
}
.cart:after {
    content: attr(data-number);
    background-color: #DFCB90;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 10px;
    font-size: 0.9em;
    height: 25px;
}
.phone {
    font-size: 1.2em;
    margin: 20px 0;
}
.emailus-link {
    text-transform: uppercase;
    font-size: 0.9em;
}
.search {
    background-color: #eee;
    margin-top: 20px;
}
.search input[type='text'] {
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 10px 0 0 10px;
    padding: 10px;
    background-color: transparent;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
}
.search input:active,.search input:focus {
    border: 0;
    outline: none;
}
.search button {
    background-color: #159133;
    width: 53px;
    height: 53px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-position: 10px -198px;
}
nav {
    background-color: #13066C;
}
nav a {
    color: #fff;
}
nav .links {
    display: flex;
    justify-content: space-between;
}
nav .links > li {
    position: relative;        
    text-transform: uppercase;
    font-weight: 300;
    padding: 20px 1%;
}
nav .links > li:first-child {
    padding: 20px 1.5% 20px 2%;
}
nav .links > li:last-child {
    padding-right: 0;
}
nav .links > li.products {
    background-color: #159133;
}
nav .links > li.products::before {
    content: '';
    background-image: url(sprite.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 14px;
    display: inline-block;
    background-position: 0 -256px;
    margin-right: 10px;
}
    nav .links > li.dropdown {
        position:relative;
    }
    nav .links > li.dropdown:after {
        content: '';
        background-image: url(sprite.png);
        background-repeat: no-repeat;
        width: 11px;
        height: 8px;
        background-position: 0 -144px;
        margin-left: 7px;
        float: right;
        margin-top: 3px;
    }
    nav .dd, nav .dd.long {
        display: none;
    }
.banners .banner a > picture, .banners .banner a > picture img {
    display: inline-block;
    width: 100%;
    max-width: 1350px;
}
.banners .banner > a {
    display: block;
    text-align: center;
}
.banners .banner > a h2 {
    text-transform: uppercase;
    font-size: 4.5em;
    font-weight: 400;
    margin: 0 0 10px;
}
.banners .banner > a h3 {
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 400;
    margin: 0 0 30px;
}
.banners .banner > a p {
    font-size: 1.7em;
}
.banners .banner > a .button {
    display: inline-block;
    background-color: #159133;
    color:#fff;
    padding: 12px 20px;
    text-transform: uppercase;
    font-weight: 400;
}
.columns-cats {
    display: flex;
    justify-content: space-between;        
}
.columns-cats .columns{
    width:32%;    
    background-repeat: no-repeat;
    background-size: cover;
    padding: 17% 20px 15px;
}
.columns-cats .columns a {
    color: #fff;
}
.columns-cats .columns h3 {
    text-transform: uppercase;
    font-size: 2em;    
    margin: 0 0 10px;
    font-weight: 400;
}
.columns-cats .columns p {
    font-size: 1.1em;
    font-family: 'Lato', sans-serif;
    line-height: 1.35em;
}
.columns-cats .columns .link {
    text-transform: uppercase;
    color: #DFCB8F;
    font-size: 0.9em;
}
.columns-points {
    display: flex;
    justify-content: space-between;       
    margin: 10px 0;
}
.columns-points .columns {
    width:32%;    
    padding: 20px 20px 15px;
    text-align: center;
    color: #150278;    
}
.columns-points .columns h3 {
    font-size: 1.5em;    
    margin: 0 0 10px;
    font-weight: 400;
}
.columns-points .columns p {
    color: #353636;
    font-size: 1.1em;    
}
.columns-points .columns::before {
    content: '';
    background-image: url(sprite-home.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 140px;
    height: 140px;
}
.columns-points .columns.col1::before {
    background-position: 0 0;
}
.columns-points .columns.col2::before {
    background-position: -440px 0;
}
.columns-points .columns.col3::before {
    background-position: -907px 0;
}
h4.title {
    text-align: center;
    color: #150278;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.5em;    
    position:relative;
}
h4.title::before {
    content: '';
    position:absolute;
    height: 3px;
    width: 100px;
    background-color: #DFCB90;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.site-reivews h4.title {
    margin-bottom: 10px;
}
h5.subtitle {
    text-align: center;
    color: #159133;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1em;
    position: relative;
    font-weight: 500;
}

#breadcrumbs, #breadcrumbs li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

#breadcrumbs {
    margin: 15px 0;
}

    #breadcrumbs li {
        margin-right: 7px;
    }

        #breadcrumbs li.sep:last-child {
            display: none;
        }

        #breadcrumbs li.sep {
            color: #150278;
        }

        #breadcrumbs li a {
            color: #150278;
        }

        #breadcrumbs li a:hover {
            text-decoration:underline;
            color: #159133;
        }

    #breadcrumbs + .landing h1 {
        margin: 0 0 5px;
    }

.product-slider {
    background-color: #eee;
    padding: 20px 0;
}
.product-slider .slick-slide a {    
    display: block;
    margin: 0 5px;
    padding: 10px;
}
.product-slider .slick-slide a .image {
    background-color: #fff;
    text-align: center;
}
.product-slider .slick-slide a .image img {
    max-width: 100%;
    height: auto;
}
.product-slider .slick-slide a p {
    color: #333333;
    font-weight: 600;
    font-size: 1.15em;
}

.product .product-slider {
    background-color:#fff;
}
.product .areas h4 {
    padding-top:0;
    color:#150278;
}
.item .pricing .price:before {
    content: 'List Price:';
    margin-right: 5px;
}
.item .pricing .sale-price:before{
    content: 'Sale Price:';
    margin-right: 5px;
}
.item .pricing .only-price:before {
    content: 'Price:';
    margin-right: 5px;
}
.item .pricing .price, .item .pricing .only-price, .item .pricing .sale-price {
    display: block;
}
.item .pricing .price {
    color:#666666;
    font-size: 0.9em;
}
.item .pricing .only-price {
    font-size: 1.1em;
    font-weight: 600;
}
.item .pricing .sale-price {
    color: #150278;
    font-size: 1.1em;
    font-weight: 600;
    margin: 5px 0;
}
.item .link {
    text-transform: uppercase;
    border:#159133 1px solid;
    color:#159133;
    padding: 10px 15px 8px;
    margin-top: 15px;
    display: inline-block;
    font-size: 0.9em;
    font-family: 'Josefin Sans', sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.cat-links {
    margin: 20px 0;
}
.cat-links .link2 {
    margin-top: 20px;
}
.cat-links .link1,.cat-links .link2  {
    width: 30%;
    padding-top: 15%;
}
.cat-links .link3 {
    width: 68%;
    padding-top: 7%;
    text-align: right;
}
.cat-links a {
    background-size: cover;
    padding: 20px;
}
.cat-links h3 {
    text-transform: uppercase;
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.3em;
    margin: 0 0 10px;
}
.cat-links .link3 h3 {
    color: #150278;    
    font-size: 3em;
    margin-bottom: 5.6em;
}
.cat-links a .link {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #159133;
}
.cat-links .link3 .link {
    background-color: #159133;
    color: #fff;
    padding: 20px 30px;
    font-size: 1.3em;
}
.cat-links .link3 p {
    font-size: 1.7em;
    margin-top: 4em;
}
.link-banner {
    text-align: center;
    color: #fff;
    background-size: cover;
    display: block;
    padding: 7% 0;
    margin: 20px 0 40px;
}
.link-banner h3 {
    font-size: 2.7em;
}
.link-banner .link {
    color: #DFCB8F;
    background-color: transparent;
    border:1px solid #DFCB8F;
    padding: 8px 17px;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
}
.our-story-link {
    color:#fff;    
    margin-top: 50px;
}
.our-story-link .wrapper {
    text-align: left;
    padding: 10% 10% 10% 30%;
}
.our-story-link h4.title {
    text-align: left;
    color: #fff;
    font-size: 4em;
    margin:0 0 0.5em;
}
.our-story-link h4.title:before {
    left: 10%;
}
.our-story-link p {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: 300;
    margin-bottom: 20px;
}
.our-story-link .link {
    color: #DFCB8F;
    background-color: transparent;
    border:1px solid #DFCB8F;
    padding: 8px 17px;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
    display: inline-block;
}

.itemtop {
    margin: 25px 0 60px;
}
.product-cats {
    float:left;
    width:250px;
}
    .product-cats .subtitle {
text-transform:uppercase;
color:#150278;
font-weight:600;
font-size:1.1em;
    }
    .product-cats a {
        color: #666666;
        font-size:0.9em;
    }
        .product-cats ul.links li {
margin:5px 0;
        }
        .product-cats + .product {
            float: right;
            width: -moz-calc(100% - 270px);
            width: -webkit-calc(100% - 270px);
            width: calc(100% - 270px);
        }
.product .image-name {
    float: left;
    width: 55%;
    margin-right: 2%;
}

.product .pit-name {
    float: right;
    width: 43%;
}

.product h1, .section h1 {
    font-size: 1.5em;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 1.25em;
}
    .product h1 {
clear:both;
    }
    .section h1 {
        margin: 15px 0;
        font-size: 2em;
    }
.product .tab p {
    line-height:1.65em;
}
.section.products h1 {
    margin-top: 0;
    font-size: 2em;
}

.product .image .gallery {
    margin: 25px 0 0 0;
}

    .product .image .gallery:not(.slick-slider) > div {
        display: inline-block;
        margin-left: 10px;
    }

    .product .image .gallery a:first-child {
        margin-left: 0px;
    }

    .product .image .gallery a {
        display: inline-block;
        text-align: center;
        margin: 0 5px;
        vertical-align: middle;
    }

    .product .image .gallery img {
        margin: 0 auto;
    }
.availability {
    text-transform:uppercase;
    margin-bottom:5px;
    padding-left:30px;
}
.product .image {
    float: left;
    max-width: 600px;
    text-align: center;
    position: relative;
    width: 100%;
}
.pit .free-shipping {
    background-color: #eee;
    padding: 20px 5px 20px 100px;
    font-family: 'Josefin Sans', sans-serif;
}
    .pit .free-shipping span:first-child {
        font-weight:600;
        font-size:1.5em;
        text-transform:uppercase;
        display:inline-block;
    }
    .pit .free-shipping a {
display:block;
    }
    .pit .free-shipping span:last-child {
        color: #159133;
        float: right;
        margin-top: 5px;
        margin-right:10px;
    }
    .pit .row {
        margin: 10px 0;
        clear: both;
        float: left;
        width: 100%;
    }

.pit-name .at-label {
    display:none !important;
}

.pit .code:before {
    content: 'Code:';
    margin-right: 5px;
    font-weight:600;
}

.pit .price .price {
    float: left;
    margin-top:14px;
    font-size:1.1em;
}
.pit .price .sale {
    color:#150278;
    font-weight:600;
    font-size:1.2em;
    float:right;
}
    .pit .price .sale span {
        font-size: 1.6em;
        margin-left:5px;
    }
.pit .price .price span {
    text-decoration: line-through;
    margin-left: 5px;
}
    .pit .price .sale span {

    }

    .pit .availability, .pit .code, .pit #cf-avail {
        font-size: 1.1em;
        font-weight: 500;
    }

    .pit .availability:before {
        content: 'Availability:';
        margin-right: 5px;
    }

.pit .stockinfo:before {
    content: 'Stock Status:';
    margin-right: 5px;
}

.pit .qty:before {
    content: 'Quantity:';
    margin-right: 5px;
    font-weight: 600;
    font-size: 1.1em;
    position:absolute;
    left:0;
    top:-35px;
}

.pit .pricing {
    margin: 0 0 10px;
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 20px;
}
.pit .pricing + .atc {
    border-top: 0;
}
.pit .only-price {  
    color: #150278;
    font-size: 1.1em;
    font-weight: 600;
}

.pit .pricing span {
    margin-left: 5px;
}

.pit .atc {
    border-top: 1px solid #D7D7D7;
    padding: 20px 0;
    position: relative;
}

.pit .option span {
    text-align: left;
    position: absolute;
    left: 15px;
    top: 11px;
    z-index: 10;
}

.pit .option.with-value span {
    color: #555;
}

.pit .option .options-links span {
    display: block;
    position: static;
    color: #000;
    font-weight: 600;
    margin-bottom: 3px;
    font-size: 1.2em;
}

.pit .option.dropdown span {
    display: block;
    position: static;
    color: #000;
    font-weight: 600;
    margin-bottom: 3px;
    font-size: 1.2em;
}

.options-links a {
    background-color: #ededed;
    padding: 4px 10px;
    margin: 5px 10px 5px 0px;
    display: inline-block;
}

    .options-links a.selected {
        font-weight: 500;
        background-color: #737373;
        padding: 4px 9px;
        color: #fff;
    }

    .options-links a.oos-link {
        background-color: #f8c7c7;
        cursor: default;
    }

        .options-links a.oos-link.selected {
            color: #000;
            background-color: #e07777;
        }

.pit .atc .btn {
    width: 250px;
margin-top:15px;
clear:both;
}

    .pit .atc .btn input {
        border: 1px solid #159133;
        background-color: #159133;
        color: #fff;
        font-size: 1.1em;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        padding: 11px 10px 11px;
        outline: 0;
        cursor: pointer;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        vertical-align: top;
        width: 100%;
        text-align: center;
    }
.tabs {
    margin: 20px 0;
}

    .tabs h3 {
        float: left;
        background-color: #DFCB90;
        border-right: 1px solid #fff;
        border-top: 1px solid #DFCB90;
        border-left: 1px solid #DFCB90;
        color: #fff;
        text-transform: uppercase;
        padding: 15px 25px;
        margin:0;
    }
        .tabs h3 a {
            margin: 0;
            display: block;
            font-weight: 600;
            color: #fff;
        }
        .tabs h3.opened {
background-color:#fff;
        }
        .tabs h3.opened {
            border-right: 1px solid #DFCB90;
        }
            .tabs h3.opened a {
                color: #004878;
            }

.areas h4 {
    font-size: 1.6em;
    padding: 20px 0 0;
    margin: 0;
    display: block;
    width: 100%;
    font-weight: 700;
    color: #2D2D2D;
}


.tabs .tab {
    display: none;
    border: 1px solid #DFCB8F;
    clear: both;
    padding: 20px;
}

    .tabs .tab.opened {
        display: block;
    }

.pit .option {
    position: relative;
}

    .pit .option.error select {
        border: 1px solid #f00;
    }

    .pit .option.with-value span {
        top: 0;
        font-size: 0.9em;
        display: block;
    }

    .pit .option.with-value input {
        color: #000;
        padding: 19px 15px 5px 15px;
    }

    .pit .option.with-value select {
        padding: 19px 0 5px 15px;
        color: #000;
    }

    .pit .option input {
        padding: 12px 15px 12px 15px;
        width: -moz-calc(100% - 34px);
        width: -webkit-calc(100% - 34px);
        width: calc(100% - 34px);
    }

        .pit .option input[type='checkbox'] {
            float: left;
            width: auto;
            border: 1px solid rgb(169, 169, 169);
            width: 20px;
            height: 30px;
            margin: -5px 10px 0 0;
            appearance: none;
            -moz-appearance: none; /* Firefox */
            -webkit-appearance: none; /* Safari and Chrome */
        }

            .pit .option input[type='checkbox'].checked {
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAgMAAABGuH3ZAAAADFBMVEUAAABGRkZGRkZGRkatDngfAAAAA3RSTlMAoNzbFObIAAAAPUlEQVQI1x2MsQ0AIAzDzIA4o6/0s57GCz2mAwsUKVuUxGYyHPOVRFoRFYW9Tla3M/oC+6CkTqt+IsTK8gFPwR2cphX+ywAAAABJRU5ErkJggg==') no-repeat center center;
            }

            .pit .option input[type='checkbox'].error {
                border-color: #c00;
            }

    .pit .option input, .pit .option select {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: solid 1px #1f1f1f;
        display: block;
        font-size: 1em;
    }


.pit .qty select, .pit .option select {
    width: 100%;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background: url('data:image/gif;base64,R0lGODlhCwAHANUAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vHx8fDw8O7u7t3d3dfX17y8vLe3t7KysrGxsa6urqysrIuLi4CAgGhoaGJiYlZWVlNTU1BQUE1NTUlJSTc3NyYmJiEhIR0dHRwcHA8PDw0NDQsLCwkJCQUFBQMDAwEBAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACsALAAAAAALAAcAAAZAwEloUwgEEgbI6JIBADQFQoBiAoAcnhKAg4iQUqdJgMFxfkQAVCWgCDQ6qjhpLRgEDAuPyiQJHIyADxgWBkcBQQA7') no-repeat 96% center;
}

.pit .option select {
    padding: 12px 0 12px 15px;
}

.pit .qty select, .pit .qty.more input {
    padding: 17px 5px 17px 12px;
    background-position: 88% center;
    display: inline-block;
    vertical-align: middle;
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    border: 1px solid #b6b6b6;
}

.pit .qty.more input {
    width: -moz-calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
    padding: 12px 5px 12px 5px;
}

.pit .qty {
    position:relative;
    width: 147px;
    margin: 25px 0 0 0;
    border: 1px solid #D7D7D7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
    .pit .qty a {
        position: absolute;
        top: 10px;
        width: 15px;
        height: 12px;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAJCAMAAAAy0TNOAAAAZlBMVEUAAAD////7+/vk5OTZ2dmYmJhgYGDg4OB3d3f4+PiRkZGLi4uEhIR7e3toaGju7u7r6+vV1dXMzMzBwcGioqJeXl709fXy8vLl5eXOzs7Nzc3FxcW8vLytra2Tk5OSkpJzc3NXV1c/TuZqAAAAAXRSTlMAQObYZgAAAJNJREFUOMu1kzcCxCAMBI3I0Qmc4/8/eUDt8rSNpGmmWTXkI81fQr7TEEqnskyUYhvnbq7G26zlXM2NbNRjHHUxOmEZALPC4Rph88lvkI39JayUVlw9qhEGH1TwA2S+8OBc4Atqc9pdibM/hdoLp/x9OcXt6qBSbEkbk6pcGiORv2N8eJdHx5/KNWMa2SgPBnkAO37C+gb+7zpXCgAAAABJRU5ErkJggg==);
    }
    .pit .qty a.minus {
        left: 10px;
    }
        .pit .qty a.plus {
            right: 10px;
            top: 8px;
            background-position: -101px center;
        }
    .pit .qty input {
        padding: 5px;
        text-align: center;
        font-size: 1.1em;
        border: 0;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 75px;
        border-left: 1px solid #D7D7D7;
        border-right: 1px solid #D7D7D7;
        margin-left:35px;
    }
.shop-approved-container {
    position: absolute;
    right: 0;
    top: 7px;
}
    
.list .column {
    float: left;
}

    .list .column.invisible {
        display: none;
    }

.list.columns2 .column {
    width: 50%;
    padding: 10px 5%;
}

.landing .list.columns2 .column {
    width: 40%;
    margin: 10px 5%;
    padding: 10px;
}

.list.columns3 .column {
    width: 33.333%;
    padding: 10px 1.75%;
}

.landing .list.columns3 .column {
    width: 29%;
    padding: 10px;
    margin: 10px 1.75%;
}

.list.columns4 .column {
    width: 25%;
    padding: 10px 1%;
}

.list.columns5 .column {
    width: 18%;
    padding: 10px 1%;
    margin: 1%;
}

.products .list.columns5 .column, .landing .list.columns5 .column, .custom.list.columns5 .column {
    border:1px solid #e0e6ea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 2px rgba(158,158,158,0.25);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(158,158,158,0.25);
    -moz-box-shadow: 0px 0px 10px 2px rgba(158,158,158,0.25);
    transition: box-shadow 0.3s ease-in-out;
}
.products .list.columns5 .column:hover, .landing .list.columns5 .column:hover, .custom.list.columns5 .column:hover {
    box-shadow: 0 0 15px 5px rgba(158,158,158,0.65);
}

.custom.list.columns5 .column img {
    max-height: 190px;
}

.list.columns2 .column:nth-child(2n+1),
.list.columns3 .column:nth-child(3n+1),
.list.columns4 .column:nth-child(4n+1),
.list.columns5 .column:nth-child(5n+1) {
    margin-left: 0;
}

.list.columns2 .column:nth-child(2n),
.list.columns3 .column:nth-child(3n),
.list.columns4 .column:nth-child(4n),
.list.columns5 .column:nth-child(5n) {
    margin-right: 0;
}

.list.columns2 .column:nth-child(2n+1),
.list.columns3 .column:nth-child(3n+1),
.list.columns4 .column:nth-child(4n+1) {
    clear: left;
}

.list .column a {
    display: block;
    margin: 5px 0px 10px;
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 1em;
}

.list .column .abstract {
    padding: 5px 10px;
    background-color: #ededed;
    font-size: 0.9em;
}

.list .column a span, .list .column img {
    display: block;
    margin: 0 auto;
    font-weight: 600;
}

.list .column img {
    max-width: 100%;
    height: auto;
    max-height: 350px;
}

.list .column a span {
    margin: 10px auto 0;
}

.internal main {
    padding: 0 15px;
}
.product h1.mob, .product .availability.mob {
    display: none;
}

@media (max-width: 1360px) {
    .wrapper {
        max-width: 100%;
    }
    nav {
        padding-right: 15px;
    }
    header {
        padding: 16px 15px 16px 0;
    }
    .brand-slider {
        margin: 0;
    }
    nav .links > li {
        padding: 20px 0;
    }
}
@media (max-width: 1305px) {
    .header-middle {
        width: -moz-calc(100% - 315px);
        width: -webkit-calc(100% - 315px);
        width: calc(100% - 315px);
        padding: 0 4%;
    }
}
@media (max-width: 1200px) {
    .slogan {
        text-align: left;
    }
    .slogan span {
        display: block;
        margin-right: 0;
        margin-bottom: 7px;
        text-align: left;
    }
    .products .list.columns5 .column, .landing .list.columns5 .column, .custom.list.columns5 .column {
        width: 22%;
    }
    .list.columns5 .column:nth-child(5n+1) {
        margin-left: 1%;
    }
    .list.columns5 .column:nth-child(5n) {
        margin-right: 1%;
    }
    .list.columns5 .column:nth-child(4n+1) {
        margin-left: 0%;
    }
}
@media (max-width: 1150px) {
    nav .links > li.lev2 {
        display: none;
    }
    .columns-cats .columns h3 {
        font-size: 1.75em;
    }
    .columns-cats .columns p {
        font-size: 1em;
    }
}
@media (max-width: 1000px) {
    .cat-links h3  {
        font-size: 1.5em;
    }
    .cat-links .link3 h3 {
        font-size: 2em;
    }
    .link-banner h3 {
        font-size: 2em;
    }
    .our-story-link h4.title {
        font-size: 2.5em;
    }
    .our-story-link .wrapper {
        padding: 5%;
    }
    .cat-links .link3 .link {
        font-size: 1.1em;
        padding: 15px 20px;
    }
    .shop-approved-container {
        scale: 80%;
    }
}

@media (max-width: 940px) {
    nav .links > li span.desktop {
        display: none;
    }
    .shipping {
        text-align: right;
    }
    .shipping::before {
        display: none;
    }
    .shipping b {
        display: block;
        margin-bottom: 7px;
    }
    .columns-points .columns h3 {
        font-size: 1.3em;
    }
    .product h1 {
        font-size: 1.3em;
    }
    .product-cats {
        display: none;
    }
    .product-cats + .product {
        width: 100%;
    }
    .pit .free-shipping span:first-child {
        font-size: 1.2em;
    }
}
@media (max-width: 840px) {
    .header-middle {
        padding: 0 2%;
    }
}
@media (max-width: 768px) {
    header {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    nav,.slogan-shipping,.infos a span,.cart:before,.cart:after,.search,.product .pit-name > h1, .product .pit-name > .availability {
        display: none;
    }    
    .product h1.mob, .product .availability.mob {
        display: block;
    }
    .infos .search-btn, .infos a.hamburger, .infos a i {
        display:inline-block;
    }
    .log {
        margin-top: 0;
    }
    .phone {
        margin: 0;
        font-size: 1em;
    }
    .infos {
        width: 315px;
        margin-top: 22px;
    }
    .infos a {
        width: auto;
        background-color: #13066C;
        color: #fff;
        text-align: center;
        clear: none;
        font-size: 32px;
        margin-right: 10px;
        padding: 8px 5px;
    }
    .infos a:last-child {
        margin-right: 0px;
    }
    .search {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .columns-cats {
        display: block;
    }
    .columns-cats .columns {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px 20px 15px;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .columns-points .columns {
        padding: 0 0 15px;
    }
    .columns-points .columns::before {
        height: 107px;
        scale: 40%;
    }
    .columns-points .columns.col1::before {
        background-position: 0px -20px;
    }
    .columns-points .columns.col2::before {
        background-position: -440px -20px;
    }
    .columns-points .columns.col3::before {
        background-position: -907px -20px;
    }
    .columns-points .columns h3 {
        font-size: 1.1em;
    }
    .columns-points .columns p {
        font-size: 1em;
        margin-top: 7px;
    }
    .cat-links .link3 {
        width: 100%;
        padding-top: 20px;
    }
    .cat-links .link3 h3 {
        margin-bottom: 1.5em;
    }
    .cat-links .link3 p {
        margin-top: 1.5em;
    }
    .cat-links .link1, .cat-links .link2 {
        width:49%;
        margin-top: 20px;
    }
    .cat-links .link2 {
        margin-left: 2%;
    }
    .link-banner {
        padding: 4% 0;
    }
    .cat-links .link1, .cat-links .link2, .columns-cats .columns.col2 {
        position: relative;
    }
    .cat-links .link1::before, .cat-links .link2::before, .columns-cats .columns.col2:before {
        content: '';
        background-color: #fff;
        position: absolute;
        left: 0;
        top:0;
        width:100%;
        height: 100%;
        opacity: 0.5;
    }
    .columns-cats .columns.col2:before {
        background-color: #353636;
    }
    .cat-links a > h3, .cat-links a > span, .columns-cats .columns.col2 > a {
        position: relative;
    }
    .our-story-link p {
        font-size: 1.1em;
    }
    .our-story-link .link {
        color: #fff;
        background-color: #DFCB8F;
    }
    .products .list.columns5 .column, .landing .list.columns5 .column, .custom.list.columns5 .column {
        width: 31%;
    }
    .list.columns5 .column:nth-child(4n+1) {
        margin-left: 1%;
    }
    .list.columns5 .column:nth-child(4n) {
        margin-right: 1%;
    }
    .list.columns5 .column:nth-child(3n+1) {
        margin-left: 0%;
    }
    .section.products h1 {
        font-size: 1.75em;
    }
    .product .pit-name {
        width:100%;
    }
    .product .image-name {
        margin-right: 0;
    }
}
@media (max-width: 580px) {
    
    .cat-links h3 {
        font-size: 1.2em;
    }
    .cat-links .link3 h3 {
        font-size: 1.7em;
    }
    .cat-links .link3 p {
        font-size: 1.2em;
    }
    .link-banner h3 {
        font-size: 1.6em;
    }
    .infos {
        width: 216px;
    }
    .infos a {
        font-size: 18px;
    }
    .logo {
        background-size: contain;
        background-repeat: no-repeat;
        width: 125px;
        height: 86px;
        margin-left: 15px;
        margin-top: 0;
    }
    .products .list.columns5 .column, .landing .list.columns5 .column, .custom.list.columns5 .column {
        width: 48%;
    }
    .list.columns5 .column:nth-child(3n+1) {
        margin-left: 1%;
    }
    .list.columns5 .column:nth-child(3n) {
        margin-right: 1%;
    }
    .list.columns5 .column:nth-child(2n+1) {
        margin-left: 0%;
    }
}
@media (max-width: 420px) {
    .infos {
        width: 176px;
    }
    .infos a {
        margin-right: 5px;
        padding: 5px 3px;
    }
}
@media (max-width: 360px) {
    .cat-links h3 {
        font-size: 1em;
    }
    header {
        padding: 10px 5px 5px 0;
    }
    .logo {
        margin-left: 10px;
    }
}