/* Fontface */
@font-face {font-display: swap; font-family: 'gotham_condensedbold_italic'; src: url('https://www.jobesports.com/include/fonts/gothamcond-bolditalic-webfont.eot'); src: url('https://www.jobesports.com/include/fonts/gothamcond-bolditalic-webfont-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/gothamcond-bolditalic-webfont.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/gothamcond-bolditalic-webfont.woff') format('woff'),url('https://www.jobesports.com/include/fonts/gothamcond-bolditalic-webfont.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/gothamcond-bolditalic-webfont.svg#gotham_condensedbold_italic') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_condensedbook_italic'; src: url('https://www.jobesports.com/include/fonts/gothamcond-bookitalic-webfont.eot'); src: url('https://www.jobesports.com/include/fonts/gothamcond-bookitalic-webfont-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/gothamcond-bookitalic-webfont.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/gothamcond-bookitalic-webfont.woff') format('woff'),url('https://www.jobesports.com/include/fonts/gothamcond-bookitalic-webfont.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/gothamcond-bookitalic-webfont.svg#gotham_condensedbook_italic') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_condensedlight_italic'; src: url('https://www.jobesports.com/include/fonts/gothamcond-lightitalic-webfont.eot'); src: url('https://www.jobesports.com/include/fonts/gothamcond-lightitalic-webfont-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/gothamcond-lightitalic-webfont.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/gothamcond-lightitalic-webfont.woff') format('woff'),url('https://www.jobesports.com/include/fonts/gothamcond-lightitalic-webfont.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/gothamcond-lightitalic-webfont.svg#gotham_condensedlight_italic') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_condensedthin_italic'; src: url('https://www.jobesports.com/include/fonts/gothamcond-thinitalic-webfont.eot'); src: url('https://www.jobesports.com/include/fonts/gothamcond-thinitalic-webfont-.eot#iefix') format('embedded-opentype'), url('https://www.jobesports.com/include/fonts/gothamcond-thinitalic-webfont.woff2') format('woff2'), url('https://www.jobesports.com/include/fonts/gothamcond-thinitalic-webfont.woff') format('woff'), url('https://www.jobesports.com/include/fonts/gothamcond-thinitalic-webfont.ttf') format('truetype'), url('https://www.jobesports.com/include/fonts/gothamcond-thinitalic-webfont.svg#gotham_condensedthin_italic') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_condensedmedium_italic'; src: url('https://www.jobesports.com/include/fonts/gothamcond-mediumitalic-webfont.eot'); src: url('https://www.jobesports.com/include/fonts/gothamcond-mediumitalic-webfont-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/gothamcond-mediumitalic-webfont.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/gothamcond-mediumitalic-webfont.woff') format('woff'),url('https://www.jobesports.com/include/fonts/gothamcond-mediumitalic-webfont.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/gothamcond-mediumitalic-webfont.svg#gotham_condensedmedium_italic') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_condensedlight'; src: url('https://www.jobesports.com/include/fonts/gothamcond-light-webfont.eot'); src: url('https://www.jobesports.com/include/fonts/gothamcond-light-webfont-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/gothamcond-light-webfont.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/gothamcond-light-webfont.woff') format('woff'),url('https://www.jobesports.com/include/fonts/gothamcond-light-webfont.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/gothamcond-light-webfont.svg#gotham_condensedlight') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_condensedbook'; src: url('https://www.jobesports.com/include/fonts/gothamcond-book-webfont.eot'); src: url('https://www.jobesports.com/include/fonts/gothamcond-book-webfont-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/gothamcond-book-webfont.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/gothamcond-book-webfont.woff') format('woff'),url('https://www.jobesports.com/include/fonts/gothamcond-book-webfont.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/gothamcond-book-webfont.svg#gotham_condensedbook') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_condensedbold'; src: url('https://www.jobesports.com/include/fonts/GothamCondensed-Bold.eot'); src: url('https://www.jobesports.com/include/fonts/GothamCondensed-Bold-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/GothamCondensed-Bold.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/GothamCondensed-Bold.woff') format('woff'),url('https://www.jobesports.com/include/fonts/GothamCondensed-Bold.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/GothamCondensed-Bold.svg#gotham_condensedlight') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_book'; src: url('https://www.jobesports.com/include/fonts/Gotham-Book.eot'); src: url('https://www.jobesports.com/include/fonts/Gotham-Book-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/Gotham-Book.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/Gotham-Book.woff') format('woff'),url('https://www.jobesports.com/include/fonts/Gotham-Book.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/Gotham-Book.svg#gotham_condensedlight') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'gotham_bold'; src: url('https://www.jobesports.com/include/fonts/GothamBold.eot'); src: url('https://www.jobesports.com/include/fonts/GothamBold-.eot#iefix') format('embedded-opentype'),url('https://www.jobesports.com/include/fonts/GothamBold.woff2') format('woff2'),url('https://www.jobesports.com/include/fonts/GothamBold.woff') format('woff'),url('https://www.jobesports.com/include/fonts/GothamBold.ttf') format('truetype'),url('https://www.jobesports.com/include/fonts/GothamBold.svg#gotham_condensedlight') format('svg'); font-weight: normal; font-style: normal;}


/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* POSITION CLASSES */
.wrapper {
    width: 1350px;
    margin: 0 auto;
    position: relative;
}
.wrapper.small {
    width: 700px;
}
.wrapper.medium {
    width: 900px;
}
.wrapper.big {
    width: 1400px;
}
.clear {
    clear: both;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.floatRightI {
    float: right!important;
}
.offsetTop {
    margin-top: 30px;
}
.offsetTopHalf {
    margin-top: 15px;
}
.offsetBottom {
    margin-bottom: 30px;
}
.offsetBottomHalf {
    margin-bottom: 15px;
}
.offsetLeft {
    margin-left: 30px;
}
.offsetLeftHalf {
    margin-left: 15px;
}
.offsetRight {
    margin-right: 30px;
}
.offsetRightHalf {
    margin-right: 15px;
}
.noOffset {
    margin: 0;
}
.p10 {
    padding: 10px;
}
.p30 {
    padding: 30px;
}
.p40 {
    padding: 40px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt25 {
    margin-top: 25px;
}
.mt30{
    margin-top: 30px;
}
.mt40{
    margin-top: 40px;
}
.mt50{
    margin-top: 50px;
}
.mb0 {
    margin-bottom: 0px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb40{
    margin-bottom: 40px;
}
.mb50{
    margin-bottom: 50px;
}
.mb10{
    margin-bottom: 10px;
}
.mt100 {
    margin-top: 150px;
}
.ml10{
    margin-left: 10px;
}
.ml20{
    margin-left: 20px;
}
.mr5{
    margin-right: 5px;
}
.mr30 {
    margin-right:30px;
}
.pl10{
    padding-left: 10px;
}
.pl20{
    padding-left: 20px;
}
.pl30{
    padding-left: 30px;
}
.pr10{
    padding-right: 10px;
}
.pt0{
    padding-top: 0px!important;
}
.pt15{
    padding-top: 15px;
}
.p15{
    padding: 15px;
}
.p15-30 {
    padding: 15px 30px;
}
.p30{
    padding: 30px;
}
.p0-30{
    padding: 0px 30px;
}
.p60-0{
    padding: 60px 0;
}
.p60-0-0{
    padding: 60px 0 0 0;
}
.p30-0-0{
    padding: 30px 0 0 0;
}
.npt {
    padding-top: 0px !important;
}
.np {
    padding: 0px !important;
}
.w20 {
    width: 20px;
}

/*
 * Cookie content
 */
.cookiePolicy {
    overflow: auto;
    max-height: 100vh;
    position: fixed;
    width: 600px;
    top: 50%;
    left: 50%;
    z-index:9999;
    background-color:white;
    -webkit-box-shadow: 0px -2px 5px -1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px -2px 5px -1px rgba(0,0,0,0.1);
    box-shadow: 0px -2px 5px -1px rgba(0,0,0,0.1);
    transform: translate(-50%, -50%);
    display: none;
}
.cookiePolicy.open{
    display: block;
}
.cookiePolicyClose{
    position: absolute;
    right: 0;
    top: 0px;
    width: 70px;
    height: 100%;
    border-left: 1px solid #eee;
    color: #000000;;
    text-align: center;
    line-height: 67px;
    font-size: 20px;
    cursor: pointer;
}
.cookiePolicyClose:hover{
    background-color: #000000;
    color: white;
}
.cookieOverlay{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    content: '';
    z-index: 999;
}
.cookiePolicyTitle{
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 80px 20px 20px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    line-height: 25px;
    font-family: 'gotham_bold';
    text-transform: none;
    letter-spacing: normal;
}
.cookiePolicyText {
    float:left;
    width: 100%;
    padding: 20px;
}
.cookiePolicyText p{
    font-size: 13px;
    line-height: 26px;
}
.cookiePolicyBottom{
    float: left;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #eee;
    font-size: 13px;
    line-height: 26px;
    color: #9a9a9a;
}
.cookiePolicyBottom a{
    color: black;
}
/*CONTENT*/
.contentPage {
    float: left;
    width: 100%;
    height: 100%;
    background-color: white;
    margin-top: 195px;
}
.contentPage.expo{
    margin-top: 112px;
}
.contentStorelocator{
    margin-top: 151px;
}
.career .header{
    background-color: black;
}
.career .header.scroll{
    border-bottom: 1px solid black;
}
.career .contentPage{
    margin-top: 100px;
}
.career .logo{
    margin: 15px 0px 12px 30px;
}
.career .menuItem{
    color: white;
}
.career .megaMenu.extra .leftMegaMenu li a{
    color: black;
}
.career .currentLanguage{
    color: white;
}
.career #toggle span, .career #toggle span:after, .career #toggle span:before {
    background-color: #ffffff;
}
.career .menuLabel{
    color: white;
}
.career .header .sub.smallList{
    width: 260px!important;
    background-color: #f9f9f9!important;
    left: auto!important;
    top: 80px!important;
    margin-left: 20px;
}

.mask {
    float: left;
    width: 100%;
    overflow: hidden;
}
.dpn {
    display:none !important;
}
.relative{
    position: relative;
}
.absolute{
    width:100%;
    position: absolute;
}
.absoluteHome{position: relative; float:left; width: 100%;}
table tr.vac td, table.vac tr td{
    vertical-align: middle;
}
table tr.vat td {
    vertical-align: top;
}
.header.scroll .usps{
    display: none;
}
.header.scroll .uspBar{
    display: none;
}
.header.scroll{
    border-bottom: 1px solid #E7E7E7;
}
.small-show, .small-block{
    display: none;
}
.small-hide{
    display: block;
}

/* FONT CLASSES */
.light {
    font-family: 'gotham_condensedlight';
}
.regular {
    font-family: 'gotham_condensedbook';
}
.mediumI {
    font-family: 'gotham_condensedmedium_italic';
}
.lightI {
    font-family: 'gotham_condensedlight_italic';
}
.regularI {
    font-family: 'gotham_condensedbook_italic';
}
.boldI {
    font-family: 'gotham_condensedbold_italic';
}
.uppercase {
    text-transform: uppercase;
}
.normal{
    text-transform: none!important;
}
.underline {
    text-decoration: underline;
}
.bold {
    font-weight: bold;
}
strong {
    font-family: 'gotham_bold';
}

.italic {
    font-style: italic;
}
em {
    font-style: italic;
}
.centerText {
    text-align: center;
}
.leftText {
    text-align: left !important;
}
.rightText {
    text-align: right !important;
}
.redcolor {
    color: #e30613;
}
.brandColor{
    color: #e30613!important;
}
h1, .blockText {
    float: left;
    width: 100%;
    height: 100%;
    color: black;
    font-size: 45px;
    font-family: 'gotham_condensedbook_italic';
    line-height: 50px;
    z-index: 120;
    position: relative;
}
h1.white, .blockText.white {
    color: white;
}
h1.red, .blockText.red {
    color: #e30613;
}
h1.small, .blockText.small {
    font-family: 'gotham_condensedbold';
    font-size: 25px;
    line-height: 30px;
    padding: 8px 0 3px 1px;
    height: auto;
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: black;
    position: relative;
    z-index: 99;
}
h1 span, .blockText span, .blockText h1 {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
h1.sub, .blockText.sub {
    width: auto;
}
h2, .blockTextSmall {
    float: left;
    width: 100%;
    height: 100%;
    color: black;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'gotham_condensedbold';
    z-index: 5;
    position: relative;
}
h2.white, .blockTextSmall.white {
    color: white;
}
h2.extraSmall{
    font-size: 25px;
    line-height: 1.5;
}
h2.red, .blockTextSmall.red {
    color: #e30613;
}
h2.small, .blockTextSmall.small {
    font-size: 25px;
    line-height: 30px;
    height: auto;
    font-family: 'gotham_condensedbold';
    text-transform: uppercase;
}
h2.smallFilter, .blockTextSmall.smallFilter {
    font-family: 'gotham_condensedbold';
    font-size: 25px;
    line-height: 30px;
    padding: 8px 0 3px 1px;
    height: auto;
    text-transform: uppercase;
}
h2.extrasmallFilter, .blockTextSmall.extrasmallFilter {
    font-family: 'gotham_condensedbook';
    font-size: 22px;
    line-height: 23px;
    padding: 8px 0 3px 1px;
    height: auto;
}
h2.smallFilterToggle {
    font-size: 22px;
    line-height: 23px;
    cursor:pointer;
}
h2.smallFilterToggle:after {
    content: '\f107';
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 15px;
    padding: 10px 10px 0 0;
}
h2.smallFilterToggleActive:after {
    content: '\f106';
}
h2.grey, .blockTextSmall.grey {
    padding: 10px 20px;
    font-size: 30px;
}
h2 span, .blockTextSmall span {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
h3 {
    float: left;
    font-family: 'gotham_condensedmedium_italic';
    font-size: 70px;
    color: black;
    line-height: 80px;
    text-transform: uppercase;
    width: 100%;
}
h3.white {
    color: white;
}
h3.red {
    color: #e30613;
}
h3.black {
    color: #000000;
}
h3.small {
    text-transform: none;
    font-size: 30px;
    line-height: 35px;
}
h4, span.update {
    float: left;
    font-family: 'gotham_condensedbold';
    font-size: 26px;
    color: black;
    line-height: 36px;
    text-transform: uppercase;
}
h4.white {
    color: white;
}
h4.black {
    color:#000000;
}
h4.red {
    color: #e30613;
}
h4.update, span.update {
    position: relative;
}
h4.update:after, span.update:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 1px;
    background-color: #E30613;
}
h4.small {
    text-transform: none;
    font-size: 18px;
    line-height: 31px;
}
h5 {
    width: 100%;
    position: relative;
    font-family: 'gotham_condensedmedium_italic';
    color: #282828;
    font-size: 25px;
    line-height: 1;
    padding: 0 0 7px 0;
    margin: 0;
    display: inline-block;
}
h6 {
    float: left;
    width: 100%;
    position: relative;
    font-family: 'gotham_condensedmedium_italic';
    color: #282828;
    font-size: 30px;
    line-height: 1;
    padding: 0 0 7px 0;
    margin: 0;
    display: inline-block;
    letter-spacing: 0.05em;
}
h6:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    height: 1px;
    width: 100%;
    background-color: #e30613;
}
.title-2{
    float: left;
    width: 100%;
    height: 100%;
    color: black;
    font-size: 23px;
    font-family: 'gotham_condensedmedium_italic';
    line-height: 40px;
    z-index: 5;
    position: relative;
    width: 100%;
}
.title-2.small{
    font-size: 18px;
}
.hAuto {
    height: auto !important;
}
.hContent {
    font-family: 'gotham_condensedbold';
    float: none;
    width: 100%;
    height: auto;
    color: black;
    font-size: 22px;
    line-height: 1.6;
    z-index: 120;
    position: relative;
    padding: 8px 0 3px 1px;
    text-transform:uppercase;
}
h1.newsDetail{
    font-family: 'gotham_condensedbold';
    font-size: 27px;
    line-height: 1.6;
    letter-spacing: 0!important;
    padding-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h2.hContent{
    text-transform:none;
    font-family: 'gotham_bold';
    font-size: 20px;
    letter-spacing: 0;
}
h3.hContent{
    text-transform:none;
    font-family: 'gotham_bold';
    font-size: 18px;
    letter-spacing: 0;
}
h4.hContent {
    text-transform:none;
    font-family: 'gotham_bold';
    font-size: 15px;
    letter-spacing: 0;
}
.rightColumn .topPageTitle{
    font-family: 'gotham_bold';
    font-size: 25px;
    line-height: 30px;
    text-transform: none!important;
    letter-spacing: 0!important;
}
.ls-0{
    letter-spacing: 0!important;
}
.smoothFont{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.rightColumn h2.hContent{
    text-transform:none;
    font-family: 'gotham_bold';
    font-size: 17px;
    letter-spacing: 0;
}
.rightColumn h3.hContent{
    text-transform:none;
    font-family: 'gotham_bold';
    font-size: 15px;
    letter-spacing: 0;
}
.rightColumn h4.hContent {
    text-transform:none;
    font-family: 'gotham_bold';
    font-size: 14px;
    letter-spacing: 0;
}

.title-menu {
    float: left;
    width: 100%;
    position: relative;
    font-family: 'gotham_condensedmedium_italic';
    color: #282828;
    font-size: 22px;
    line-height: 1;
    padding: 0 0 0px 0;
    margin: 0;
    display: inline-block;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
    margin-top: 10px;
    text-transform: uppercase;
}
.title-menu a {
    font-family: 'gotham_condensedbold'!important;
    color: #282828!important;
    font-size: 22px!important;
    line-height: 1!important;
    padding: 0 0 7px 0!important;
    display: inline-block;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    text-decoration: none;
    margin: 0!important;
}
.title-menu a:hover{
    color: #e30613!important;
}
.redColor{
    color: #e30613;
}
#product-filter-noresults {
    float: left;
    width: 100%;
    height: 100%;
    color: black;
    font-size: 22px;
    font-family: 'gotham_condensedbook_italic';
    letter-spacing: 1px;
    line-height: 47px;
    z-index: 120;
    position: relative;
    padding: 20px;
}
.w300{
    width: 300px;
}
.greyBack{
    background-color: #fbfbfb;
}
/* GENERAL STYLING CLASSES */
.backgroundCover {
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}
.clearFix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.btn {
    cursor: pointer;
}
.bgAquaBleu {
    background-color: #73acaf;
}
.bgGray {
    background-color: #253b3c;
}

/* GENERAL ELEMENTS */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-size: 12px;
    font-family: 'gotham_book';
    background-color: #f7f7f7;
    background-image: url("../png/logo-bw.png");
    background-position: center 300px;
    background-repeat: no-repeat;
    background-size: 300px;
    color:#000000;
}
a {
    color: inherit;
}
b {
    font-weight: bold;
}
.paragraph, p {
    float: left;
    color: black;
    font-size: 15px;
    line-height: 1.8;
    font-family: 'gotham_book';
    min-width:50%;
    letter-spacing: normal;
}
.paragraph img {
    max-width: 100%;
    height: auto !important;
}
.adyen-checkout__dropdown__button__icon{
    width: 38px!important;
}
#dropin-container{
    z-index: 30;
    position: relative;
}
.paragraph.white {
    color: white!important;
}
.paragraph.italic {
    font-style: italic;
}
.paragraph.small {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}
.paragraph.smallText, p.smallText{
    font-size: 16px;
}
.paragraph.medium{
    font-size: 18px;
    line-height: 1.5;
}
.paragraph.big{
    font-size: 24px;
    line-height: 1.5;
}
.paragraph a {
    color: black;
    text-decoration: underline;
}
.paragraph a:hover {
    color: black;
}
.paragraph a.redHover:hover {
    color: #e30613;
}

.paragraph iframe{
    max-width: 100%!important;
}
.paragraph ul {
    margin:0px 0px 0px 20px;
    list-style: disc;
}
.paragraph ol {
    margin:0px 0px 0px 20px;
    list-style: decimal;
}
#usbl-inpage-anchor{
    min-height: inherit!important;
}
.titleCenter {
    display: flex;
    align-items: center;
    text-align: left;
    height: 100%;
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    -webkit-justify-content: center;
}
.button {
    float: left;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'gotham_condensedbold';
    text-decoration: none;
    color: white;
    font-size: 25px;
    background: transparent;
    border: 1px solid white;
    padding: 10px 25px 10px 25px;
    background-size: 200% 100%;
    -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s;
    transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s;
    outline: none;
    line-height: 30px;
    text-align: center;
    text-decoration: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50px;
}
.newsLetterBtn{
    align-items: normal;
    user-select: none;
    white-space: inherit;
    color: black;
    border: 1px solid black;
    font-size: 18px;
    padding: 10px 20px;
    line-height: 20px;
    border-radius: 50px;
}
.button.newsLetterBtn:hover {
    background-image: linear-gradient(to right, transparent 50%, #131313 50%)!important;
    color: white!important;
}
.button.extrasmall {
    font-size: 16px;
    line-height: 1;
    padding: 10px;
    margin-top: 15px;
    text-decoration: none;
    border: 2px solid black;
}
.button.grey {
    color: black;
    border: 2px solid black;
}
.button.grey:hover {
    background-image: linear-gradient(to right, transparent 50%, #131313 50%);
    color: white;
}
.button.lightGrey {
    color: black;
    border: 2px solid #dedede;
}
.button.lightGrey:hover {
    background-image: linear-gradient(to right, transparent 50%, #dedede 50%);
    color: black;
}
.button.lightGrey-s {
    color: black;
    border: 1px solid #EEEEEE;
}
.button.lightGrey-s:hover {
    background-image: linear-gradient(to right, transparent 50%, black 50%);
    color: white;
}
.blackGhost{
    color: black;
    border: 2px solid black;
    float:left;
}
.blackGhost:hover{
    color: white;
    border: 2px solid black;
    background-color: black;
}
.button i {
    margin-left: 5px;
}
.button.small i {
    margin-left: 0px;
    width:20px;
    text-align: center;
}
.button.black {
    color: white;
    border: 3px solid black;
    background-color: black;
}
.button.black:hover {
    background-image: linear-gradient(to right, transparent 50%, #131313 50%);
    color: white;
    border: 3px solid black;
}
.button.redFull {
    color: white;
    background-color: #e30613;
    border: 3px solid #e30613;
}
.button.redFull:hover {
    background-image: linear-gradient(to right, transparent 50%, white 50%);
    color: #e30613;
}
.button.redFullClosed {
    color: white;
    background-color: #e30613;
    border: 3px solid #e30613;
    padding-left: 60px!important;
}
.button.redFullClosed:hover {
    background-color: #bf0612;
    border: 3px solid #bf0612;
    color: white;
}
.buttonImg{
    width: 30px;
    position: absolute;
    left: 15px;
    top: 8px;
}
.button.blackOpen {
    color: black;
    border: 2px solid black;
}
.button.blackOpen:hover {
    background-image: linear-gradient(to right, transparent 50%, black 50%);
    color: white;
}
.button.green {
    color: white;
    border: 2px solid #2c7311;
    background-color: #398f18;
}
.button.green:hover {
    background-image: linear-gradient(to right, transparent 50%, #2c7311 50%);
    color: white;
}
.button.red {
    color: white;
    border: 2px solid #e30613;
}
.button.red:hover {
    background-image: linear-gradient(to right, transparent 50%, #e30613 50%);
    color: white;
}
.button.red-gray {
    color: #404040;
    border: 2px solid #e30613;
}
.button.red-black {
    color: #000000;
    border: 2px solid #e30613;
}
.button.red-gray:hover {
    background-image: linear-gradient(to right, transparent 50%, #e30613 50%);
    color: white;
}
.button.white {
    color: white;
    border: 2px solid white;
}
.button.white:hover {
    background-image: linear-gradient(to right, transparent 50%, white 50%);
    color: black;
}
.button.whiteOpen {
    color: black;
    background-color: #ffffff;
}
.button.whiteOpen:hover {
    background-image:none;
    color:black;
}
.button.overlayBtn {
    padding: 15px 30px;
    float: none;
    font-size: 24px;
    line-height: 24px;
    display: table;
    text-align: center;
    margin: 0 auto;
    cursor: pointer!important;
}
.linkBtn .button.overlayBtn{
    top: 20px;
}
.button.lookbook {
    float: left;
    padding: 15px;
    font-size: 24px;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 15px;
    width: 100%;
    max-width: 200px;
}
.button.lookbook i {
    margin-right: 5px;
}
.button.narrow {
    font-size: 24px;
    line-height: 30px;
    padding: 5px 15px;
}
.button.small {
    font-size: 24px;
    line-height: 30px;
    padding: 7px;
}

.button.smaller {
    font-size: 18px;
    padding: 0 15px;
}


.button.footerBtn {
    color: black;
    border: 1px solid black;
    font-size: 18px;
    padding: 10px 20px;
}
.button.footerBtn:hover {
    background-image: linear-gradient(to right, transparent 50%, #131313 50%);
    color: white;
}
.button.redGhost {
    color: #e30613;
    border: 3px solid #e30613;
}
.button.redGhost:hover{
    background-image: linear-gradient(to right, transparent 50%, #e30613 49%);
    color: white;
}
.button.redGhostsmall {
    color: #e30613;
    border: 2px solid #e30613;
}
.button.redGhostsmall:hover{
    background-image: linear-gradient(to right, transparent 50%, #e30613 49%);
    color: white;
}

.footerSocial{
    float: left;
    color: #6e6e6e;
    border: none;
    font-size: 26px!important;
    text-align: center;
    display: block!important;
    cursor: pointer;
    margin-right: 15px!important;
    padding: 0!important;
}
.button.footerSocial i{
    float: left;
    width: 100%;
    text-align: center;
    margin-left: 0;
}
.button.centered {
    display: table;
    margin: auto;
    float: none;
}
.couponCheck{
    margin-top:0!important;
    height: 40px;
    font-size: 19px!important;
    padding: 2px 15px!important;
}
.button:hover {
    color: #f7f7f7;
    background-position: -100% 100%;
}
.inputbox, .inputbox_error {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    outline: none;
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
    padding: 10px;
    border: 2px solid #000000;
    font-size: 13px;
    font-family: 'gotham_book';
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inputbox.newsLetter{
    border-radius: 20px;
    padding: 10px 20px;
    margin-top: 0;
}
.inputbox.white{
    background-color: white;
    box-shadow: none;
    font-size: 15px;
    font-family: 'gotham_condensedbook';
    letter-spacing: 0;
}
.inputbox_darker {
    background: #e7e7e7;
}
.inputbox.dark{
    background-color: #cfcfcf;
    font-family: 'gotham_condensedbold';
    font-size: 17px;
    border: none;
}
.inputbox_error, .error {
    border: 1px solid red;
    background: #ffd0d0;
}
.saleCode{
    padding: 11px;
    margin-top: 5px;
}
#kortingscode_overlay{
    margin-top: 5px;
    height: 40px;
}
textarea.inputbox, textarea.inputbox_error {
    min-height: 100px;
}
div.inputbox_error {
    height: auto !important;
}
.message-ok {
    width: auto;
    float: left;
    font-size: 15px;
    line-height: 1.4;
    display: block;
    border:1px solid green;
    color:green;
    background-color:#cfffd4;
    border-radius:5px;
    padding:10px 20px;
    margin-bottom: 20px;
}
.message-error {
    width: auto;
    float: left;
    display: block;
    font-size: 15px;
    line-height: 1.4;
    border:1px solid red;
    color:red;
    background-color:#ffd0d0;
    border-radius:5px;
    padding:10px 20px;
    margin-bottom: 20px;
}
.td_error {
    border:1px solid red;
    color:red;
    background-color:#ffd0d0;
}
.contentText {
    float: left;
    width: 100%;
    padding: 60px 0 80px;
    background-color: white;
}
.contentSub {
    float: left;
    width: 100%;
    background-color: white;
    padding: 60px 0 70px;
}
.p20{
    padding: 20px;
}
.uspList{
    padding: 20px;
    width: 100%;
    float: left;
    line-height: 2;
    margin: 0!important;
    list-style: none;
}
.uspList.uspListCart {
    padding: 0px;
}
.uspList li{
    list-style: none;
    position: relative;
    padding-left: 30px;
    float: left;
    width: 100%;
    font-family: 'gotham_book';
    font-size: 14px;
}
.uspList li:before {
    position: absolute;
    float: left;
    left: 0px;
    content: '\f00c';
    font-family: "FontAwesome";
    font-size: 15px;
    color: green;
}
.payLogos{
    margin: 0!important;
    float:left;
    width: 100%;
    padding: 0 20px 20px 20px;
    list-style: none!important;
}

.payLogos li {
    float: left;
    height: 30px;
}

.payLogos li img {
    max-width: 100%;
    vertical-align: middle;
    max-height: 100%;
}

#betaalopties img{
    vertical-align: inherit;
    max-height: 30px;
}

/*COL-CONTENT*/
.col-1,
.col-7,
.col-2,
.col-2-5,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    float: left;
}
.col-1 {
    width: 8.333%;
}
.col-1-7 {
    width: 14.28%;
}
.col-2 {
    width: 16.666%;
}
.col-2-5 {
    width: 20%;
}
.col-3 {
    width: 25%;
}
.col-4 {
    width: 33.333%;
}
.col-5 {
    width: 41.666%;
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.333%;
}
.col-8 {
    width: 66.666%;
}
.col-9 {
    width: 75%;
}
.col-9-5 {
    width: 80%;
}
.col-10 {
    width: 83.333%;
}
.col-11 {
    width: 91.666%;
}
.col-12 {
    width: 100%;
}
.col-padding-text {
    padding: 20px;
}
.col-padding-left {
    padding-left: 20px;
}
.col-padding-left-big {
    padding-left: 50px;
}
.col-padding-right {
    padding-right: 20px;
}
.col-padding-right-big{
    padding-right: 50px;
}
.col-padding-right-medium{
    padding-right: 30px;
}
.col-padding-left-medium{
    padding-left: 30px;
}
.col-padding-small, table.col-padding-small td {
    padding: 5px;
}

.col-6-I{
    float: left;
    width: 50%!important;
}
.col-12-I {
    width:100% !important;
}
.m10{margin: 0 0 10px 10px;}
.relative{
    position: relative;
}

/*COLUMN GRID*/
.column-1,
.column-2,
.column-2-5,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9,
.column-10,
.column-11,
.column-12 {
    float: left;
    height: auto;
    position: relative;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center;
    overflow: hidden;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.column-1:hover .overlay,
.column-2:hover .overlay,
.column-2-5:hover .overlay,
.column-3:hover .overlay,
.column-4:hover .overlay,
.column-5:hover .overlay,
.column-6:hover .overlay,
.column-7:hover .overlay,
.column-8:hover .overlay,
.column-9:hover .overlay,
.column-10:hover .overlay,
.column-11:hover .overlay,
.column-12:hover .overlay {
    top: 0;
    opacity: 1;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.column-1:focus .overlay,
.column-2:focus .overlay,
.column-2-5:focus .overlay,
.column-3:focus .overlay,
.column-4:focus .overlay,
.column-5:focus .overlay,
.column-6:focus .overlay,
.column-7:focus .overlay,
.column-8:focus .overlay,
.column-9:focus .overlay,
.column-10:focus .overlay,
.column-11:focus .overlay,
.column-12:focus .overlay {
    top: 0;
    opacity: 1;
}
.touch .column-1 .overlay,
.touch .column-2 .overlay,
.touch .column-2-5 .overlay,
.touch .column-3 .overlay,
.touch .column-4 .overlay,
.touch .column-5 .overlay,
.touch .column-6 .overlay,
.touch .column-7 .overlay,
.touch .column-8 .overlay,
.touch .column-9 .overlay,
.touch .column-10 .overlay,
.touch .column-11 .overlay,
.touch .column-12 .overlay {
    top: 0;
    opacity: 1;
    background-color: rgba(19, 19, 19, 0);
}

.touch .column-1 .overlay .title-overlay,
.touch .column-2 .overlay .title-overlay,
.touch .column-2-5 .overlay .title-overlay,
.touch .column-3 .overlay .title-overlay,
.touch .column-4 .overlay .title-overlay,
.touch .column-5 .overlay .title-overlay,
.touch .column-6 .overlay .title-overlay,
.touch .column-7 .overlay .title-overlay,
.touch .column-8 .overlay .title-overlay,
.touch .column-9 .overlay .title-overlay,
.touch .column-10 .overlay .title-overlay,
.touch .column-11 .overlay .title-overlay,
.touch .column-12 .overlay .title-overlay{
    text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}



.column-1:hover .background,
.column-2:hover .background,
.column-2-5:hover .background,
.column-3:hover .background,
.column-4:hover .background,
.column-5:hover .background,
.column-6:hover .background,
.column-7:hover .background,
.column-8:hover .background,
.column-9:hover .background,
.column-10:hover .background,
.column-11:hover .background,
.column-12:hover .background {
    transform: scale(1.15) translate3d(0, 0, 0);
}
.column-1:hover h6,
.column-2:hover h6,
.column-2-5:hover h6,
.column-3:hover h6,
.column-4:hover h6,
.column-5:hover h6,
.column-6:hover h6,
.column-7:hover h6,
.column-8:hover h6,
.column-9:hover h6,
.column-10:hover h6,
.column-11:hover h6,
.column-12:hover h6 {
    opacity: 0;
}
.overlay.s-show{
    display: none !important;
}
.column-6 .wrapper{
    width: 100% !important;
    padding: 0 35px;
}
.productColumn {
    float: left;
    position: relative;
    margin-bottom: 1.5%;
    width: 30%;
    margin-left: 1.5%;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
}
.productColumn:hover{
    border: 2px solid #adadad;
}
.productColumn.full {
    width: 100%;
    height: 300px;
}
.productColumn.smaller {
    width: 32.33%;
    height: 300px;
    padding: 20px;
    background-color: white;
}
.productColumn.smaller.item {
    width: 100%;
    height: auto;
    padding: 10px;
    overflow: visible;
}
.productColumn.smaller .productImage {
    min-height: 170px;
}
.productColumn.doubleWidth {
    width: 50%;
}
.productColumn.doubleHeight {
    height: 600px;
}
.background, .backgroundNH {
    float: left;
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    overflow: hidden;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-position: center;
}
.background.homeItem{
    background-position: top!important;
}
.background.doubleHeight, .backgroundNH.doubleHeight {
    height: 800px;
}
.background:hover {
    transform: scale(1.05) translate3d(0, 0, 0);
    -webkit-transform: scale(1.05) translate3d(0, 0, 0);
}
.background.product, .backgroundNH.product {
    height: 300px;
}
.background.product.doubleHeight, .backgroundNH.product.doubleHeight {
    height: 600px;
}
.column-1 {
    width: 8.333%;
}
.column-2 {
    width: 16.666%;
}
.column-2-5 {
    width: 20%;
}
.column-3 {
    width: 25%;
}
.column-4 {
    width: 33.333%;
}
.column-5 {
    width: 41.666%;
}
.column-6 {
    width: 50%;
}
.column-7 {
    width: 58.333%;
}
.column-8 {
    width: 66.666%;
}
.column-9 {
    width: 75%;
}
.column-10 {
    width: 83.333%;
}
.column-11 {
    width: 91.666%;
}
.column-12 {
    width: 100%;
}
.singleColumn {
    float: left;
    width: 100%;
    height: auto;
    min-height: inherit;
}
.singleColumn .noBackground{
    display: flex;
}

.singleColumn .inner{
    float: left;
    width: 100%;
    position: relative;
}
.singleColumn.product {
    height:auto !important;
    padding-bottom: 40px;
}
.doubleColumn {
    float: left;
    width: 100%;
    height: auto;
}
.doubleColumn.product {
    height: 600px;
}
.halfHeight {
    height: 175px;
}

.readMore {
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.readMore.red:before {
    background-color: rgba(227, 6, 19, 0.31);
}
.readMore:hover span {
    opacity: 0;
}
.readMore:hover:before {
    opacity: 1;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
}
.readMore:before {
    content: attr(data-text);
    color: #DEEFF5;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(19, 19, 19, 0.73);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    -webkit-justify-content: center;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 19, 19, 0.59);
    top: 0;
    left: 0;
    padding: 40px;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
}
.noBackground .overlay{
    position: relative;
    float:left;
}
.noBackground{
    min-height: 400px!important;
}
.overlay.lessDark {
    background-color: rgba(19, 19, 19, 0.4);
}
.overlay.white {
    background-color: white;
}
.overlay.trans {
    background-color: transparent;
}
.overlay .title-overlay {
    float: left;
    position: relative;
    font-family: 'gotham_condensedbold';
    text-align: center;
    width: 100%;
    z-index: 5;
    color: black;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
}
.overlay .title-overlay.grey{
    color: black;
}
.overlay .title-overlay.white{
    color: white;
}
.overlay .title-overlay.mainTitle{
    font-size: 40px;
    line-height: 40px;
}
.overlay .title-overlay.subTitle{
    font-size: 25px;
    line-height: 25px;
    margin-top: 10px;
}
.overlay .paragraph{
    font-size: 18px;
    line-height: 1.5;
}
.overlay .title-overlay.white {
    color: white;
}
.noBackground .overlay .title-overlay {
    font-size: 40px;
    line-height: 40px;
}
.noBackground .linkBtn .button.overlayBtn{
    top: 0;
    margin-top: 20px;
}
/* HEADER */
.header {
    float: left;
    width: 100%;
    z-index: 200;
    position: fixed;
    background-color: white;
}
.topBar{
    background-color: white;
}
.slogan{
    float: left;
    color: #353535;
    font-family: 'gotham_book';
    font-size: 14px;
    letter-spacing: normal;
    padding: 10px;
    margin-left: 20px;
}

.expoLink{
    float: left;
    color: #353535;
    font-family: 'gotham_book';
    font-size: 14px;
    letter-spacing: normal;
    padding: 10px;
    margin-left: 20px;
    text-decoration: none;
}
.expoLink:hover{
    color: black;
}

.accountMenuCol {
    float:right;
    cursor: pointer;
    position: relative;
    margin: 0px;
}

.accountName {
    float: left;
    color: #353535;
    font-family: 'gotham_book';
    font-size: 14px;
    margin: 10px 15px;
    letter-spacing: normal;
}
.accountMenu {
    position: absolute;
    width: 200px;
    top: 50px;
    right: 0px;
    z-index: 103;
    background-color: white;
    display: none;
    box-shadow: 2px 2px 5px #F1F1F1;
}
.accountMenu li {
    float: left;
    width: 100%;
}
.accountMenu li a {
    float: left;
    padding: 10px;
    text-decoration: none;
    font-size: 14px;
    width: 100%;
    font-family: 'gotham_book';
    letter-spacing: normal;
}
.accountMenu li a:hover {
    background-color: #f6f6f6;
}
.accountMenuCol.on .accountMenu {
    display: block;
}

.languageCol, .languageCol_footer {
    float:right;
    cursor: pointer;
    position: relative;
    margin: 10px;
}
.languageCol_footer{
    margin: 0;
}

.currentLanguage {
    float: left;
    color: #353535;
    font-family: 'gotham_book';
    font-size: 14px;
    margin-right: 10px;
    letter-spacing: normal;
    text-decoration: none;
}
.currentLanguage img{
    float: left;
}
.languageMenu{
    position: absolute;
    width: 200px;
    top: 36px;
    right: 0px;
    z-index: 103;
    background-color: white;
    display: none;
    box-shadow: 2px 2px 5px #F1F1F1;
}
.languageMenu li{
    float: left;
    width: 100%;
}
.languageMenu li img{
    float: left;
}
.languageMenu li a {
    float: left;
    padding: 10px;
    text-decoration: none;
    font-size: 14px;
    width: 100%;
    font-family: 'gotham_book';
    letter-spacing: normal;
}
.languageMenu li a:hover {
    background-color: #f6f6f6;
}
.languageCol.on .languageMenu{
    display: block;
}
.languageMenu.footerLang{
    top: auto;
    bottom: 40px;
    left: 0;
    box-shadow: none;
}
.languageCol_footer.on .languageMenu{
    display: block;
}

.logo {
    float: left;
    width: 140px;
    height: auto;
    margin: 10px 0px 0px 30px;
}
.logo img {
    width: 100%;
    height: auto;
}
#menu {
    float: none;
    display: table;
    padding: 13px 0 0px;
    margin: auto;
}
#menu ul {
    float: left;
}
#menu li {
    float: left;
    width: auto;
    height: 57px;
}
#menu li:hover .sub {
    z-index: 100;
    height: auto;
    border-bottom: 1px solid #F0F0F0;
    padding: 20px 30px;
}
#menu li:hover .sub.small{
    padding: 30px 20px;
}

#menu li:hover a {
    position: relative;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}

#menu li a {
    float: left;
    font-family: 'gotham_condensedbold';
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    letter-spacing: 1.5px;
    color: black;
    font-size: 22px;
    padding: 10px 0px 6px;
    margin: 0 25px;
    text-transform: uppercase;
    cursor: pointer;
}

#menu li a.selected, #menu li a:hover {
    position: relative;
}
#subMenu a + i + ul{
    display: none;
}
#subMenu .has-subnav.selected + ul{
    display: block;
}
#subMenu a.selected + i + ul{
    display: block;
}
#subMenu .has-subnav.active ul {
    display: block;
}
#subMenu i.icon.fa-angle-down + ul.level-2{
    display: none;
}
#subMenu i.icon-2.fa-angle-down + ul.level-3{
    display: none;
}
#subMenu i.icon.fa-angle-up + ul.level-2{
    display: block;
}
#subMenu i.icon-2.fa-angle-up + ul.level-3{
    display: block;
}
#subMenu a.selected + ul.level-3{
    display: block;
}
#subMenu .has-subnav.active + ul.level-3{
    display: block;
}

#subMenu ul li{
    float: left;
    width: 100%;
}
#subMenu ul li.active ul{
}
.has-subnav.active span{
    color: #e30613;
}
#menu li a.selected:after, #menu li a:hover:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #e30613;
    left: 0;
    bottom: 0;
}
#menu .sub {
    position: absolute;
    height: 0;
    overflow: hidden;
    width: 100%;
    left: 0px;
    top: 100px;
    background-color: white;
    border-bottom: none;
    margin-top: 0px;
    z-index: -20;
    padding: 0px;

}
.sub-wrapper{
    margin: auto;
    width: 1200px;
}
.sub-wrapper-sub{
    margin: auto;
    width: 1200px;
}
.sub-wrapper ul {
    min-height:270px;
}
#menu div.col-1-7 {
    float:left;
    min-height: 450px;
}
#menu .sub.small {
    width: 240px;
    left: auto;
    top: 115px!important;
}
.sub.open{
    z-index: 100!important;
    top: 151px!important;
    height: auto!important;
    border-bottom: 1px solid #F0F0F0!important;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
#menu .sub ul:after {
    width: 1px;
    height: 100%;
}
#menu .sub li {
    float: left;
    width: 100%;
    border-right: none;
    height: auto;
}
#menu .sub li:first-child {
    border-left: none;
}
#menu .sub li:last-child {
    border-bottom: none;
}
#menu .sub li:hover a {
    text-decoration: none;
    color: #e30613;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
#menu .sub li:hover a:after {
    display: none;
}
#menu .sub li a {
    float: left;
    width: auto;
    font-family: 'gotham_book';
    font-size: 13px;
    padding: 0px;
    color: black;
    border: none;
    text-shadow: none;
    text-transform: none;
    margin: 0;
    line-height: 1.8;
    letter-spacing: normal;
}
.career #menu .sub.smallList li a {
    font-family: 'gotham_condensedbold';
    font-size: 22px;
    color:black;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
#menu .sub li a:after {
    display: none;
}
#menu .sub li a:hover{
    color: #e30613!important;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.redLine{
    height: 30px;
    margin: 5px 0;
    width: 1px;
    background-color: #e30613;
    float: left;
}
.greyLine{
    height: 1px;
    background: #f0f0f0;
}
#product {
    cursor: default!important;
}
.searchBox {
    float: right;
    position: relative;
    width: 220px;
    height: 40px;
    margin: 15px 20px 15px 0;
}
.searchBoxinput {
    float: left;
    border-radius: 20px;
    height: 40px;
    width: 100%;
    font-family: 'gotham_book';
    border: 1px solid #e7e7e7;
    padding: 10px 20px;
    outline: none;
    font-size: 12px;
    background-color: #e7e7e7;
}
.searchBoxinput:focus {
    border: 1px solid #c0c0c0;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.searchBoxbutton {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    font-size: 18px;
    color: #c0c0c0;
    padding: 9px 12px;
    outline: none;
}
.searchBoxbutton:hover {
    color: #868686;
    cursor: pointer;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.cartBtn {
    cursor:pointer;
    float: right;
    position: relative;
    padding: 10px 15px 10px 15px;
    height: 34px;
    font-size: 20px;
    font-family: 'gotham_condensedmedium_italic';
    color: black;
    text-transform: uppercase;
    text-decoration: none;
}
.cartBtn img{
    float: left;
    width: 25px;
    margin-top: -3px;
}
.cartBtn i {
    margin-right: 10px;
}
.cartBtn:hover {
    background-color: #ececec;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.usps {
    width: 100%;
    float: left;
    background-color: #e7e7e7;
    position: relative;
    z-index: 10;
    overflow: hidden;
    border-bottom: 1px solid #E7E7E7;
    max-height: 50px;
}
.usps .inner {
    margin: auto;
    width: 700px;
}
.fullSlider {
    float: left;
    width: 100%;
    position: relative;
}
.fullSliderHalf {
    float: left;
    width: 100%;
    height: 400px;
}
.fullSlider.sub{
    height: 400px!important;
}
.fullSlider.sub .slideImage{
    height: 400px!important;
}
.fullSlider.sub .slideImage img{
    bottom: auto!important;
    width: 100%;
    height: auto!important;
}
.slider.products{
    background-color: white;
}


/*INSTAGRAM*/
.instagramImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    transition: all 0.15s ease-in-out;
}
.content ul {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
    display: flex;
    justify-content: space-around;
    transform: translateY(100%);
    transition: all 0.15s ease-in-out;
    color: #FFF;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
.content ul li {
    text-align: center;
    list-style: none;
    background-color: rgba(19, 19, 19, 0.73);
    padding: 20px;
    font-size: 1.2em;
}
.content:hover .instagramImage {
    transform: scale(1.15) translate3d(0, 0, 0);
}
.content:hover ul {
    opacity: 1;
}
.content li i {
    color: #e30613;
}

/*SHARE*/
.share {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 60px;
    background-color: #e30613;
    z-index: 100;
}
.share ul {
    float: left;
    width: 100%;
}
.share li {
    float: left;
    border-right: 1px solid #bf0610;
}
.share li:first-child {
    padding: 20px;
}
.share li:last-child {
    border-right: none;
}
.share i {
    color: white;
    font-size: 20px;
    height: 15px;
    width: 15px;
}
.share a {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px;
    cursor: pointer;
}
.share a:hover {
    background-color: white;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.share a:hover i {
    color: #e30613;
}

/*VIDEO*/
.playButton {
    font-size: 90px;
    color: white;
}
#video {
    min-width: 125%;
    height: auto;
    overflow: hidden;
    min-height: 400px;
    top: 50%;
    position: absolute;
    bottom: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

/*PRODUCTS*/
.topImage {
    overflow: hidden;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center;
    background-repeat: no-repeat;
}
.topImage.big{
    padding: 100px 40px;
}

#fullPage {
    z-index: 100;
    display: inline-block;
    position: absolute;
    left: 25%;
    padding: 10px;
    font-family: sans-serif;
    font-size: 2em;
    font-weight: bold;
    text-decoration: none;
    background-color: #e30613;
    color: white;
    width: 45px;
    text-align: center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .20s ease;
    -moz-transition: all .20s ease;
    -o-transition: all .20s ease;
    transition: all .20s ease;
}
#fullPage.full-page {
    position: absolute;
    left: 0;
}

.contentPage.small{


}

.leftColumn {
    float: left;
    background-color: white;
    border-bottom: 1px solid #E7E7E7;
    width: 300px;
}
.leftColumn.full-page{
    margin-left: -33.33%;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.leftColumn .productColumn {
    border-bottom: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    overflow: hidden;
}
.leftColumn .productColumn a {
    float: left;
    width: 100%;
    text-decoration: none;
}
.rightColumn{
    border-bottom: 1px solid #E7E7E7;
    background-color: white;
    width: calc(100% - 300px);
}
.rightColumn.full-page{
    width: 100%;
}
.rightColumn.fullRight{
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;
}
.productLabel {
    position:absolute;
    top: 20px;
    right: 11%;
    background-color:#e30613;
    padding: 5px 10px;
    font-size: 20px;
    font-family: 'gotham_condensedmedium_italic';
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 20;
}
.productImage {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    display: block;
    padding-bottom: 100%;
    overflow: hidden;
}
.productImage img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}
.productImage.bottom img{
    bottom: 0;
    top: auto;
    transform: translateX(-50%);
}
.productImage:after{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.04);
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
}
.productVariant{
    margin-right: 10px!important;
}
.productVariant a{
    position: relative;
}
.productVariant a:after{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.04);
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
}
.productColumn.smaller .productImage, .productColumn.smaller .productImage img {
    max-height: 169px;
}
.productInfo {
    position: relative;
    z-index: 10;
    float: left;
    padding: 20px;
    text-align: left;
    width: 100%;
}

.labelNew {
    position: absolute;
    top: -40px;
    right: 20px;
    color: #e30b16;
    font-size: 15px;
    line-height: 25px;
    font-family: 'gotham_condensedbold';
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ranking{
    position: relative;
    float:left;
    width: 100%;
    color: black;
    letter-spacing: 3px;
    font-size: 10px;
    margin: 8px 0 3px 0!important;
}
.ranking li{
    float:left;
}
.ranking li, .ranking a{
    color: black;
}
.ranking a:hover{
    color: black;
}
.productInfo.photo {
    bottom: 20px;
    left: 20px;
    position: absolute;
    text-align: left;
}
.productInfo.white .productName {
    color: white;
}
.productInfo.white .productCode {
    color: white;
}
.productInfo.white .productPrice {
    color: white;
}
.productPrice small{
    font-size: 10px;
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
}
.productName {
    font-size: 17px;
    line-height: 25px;
    font-family: 'gotham_bold';
    text-transform: none;
    letter-spacing: normal;
    width: 100%;
}
.productColumn.smaller .productName, .productName.smaller {
    font-size: 16px;
}
.subFilter .redColor{
    color: black!important;
}
.productSubName {
    font-size: 12px;
    line-height: 1.4;
    font-family: 'gotham_book';
    text-transform: none;
    color:#373737;
    width: 100%;
    float:left;
    letter-spacing: 0;
}
.productStocks {
    font-size: 12px;
    line-height: 20px;
    font-family: 'gotham_book';
    text-transform: none;
    color: #373737;
    float: left;
    width: auto;
    margin-top: 10px;
}
.orangeColor{
    color: orange;
}
.redColor{
    color: #e30613;
}
.productCode {
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: 'gotham_condensedbook_italic';
    text-transform: uppercase;
}
.productPrice {
    float: left;
    font-family: 'gotham_book';
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
    margin-right: 10px;
}
.orderForm {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 15;
    width: 35px;
    height: 35px;
}
.addCart {
    background-color: transparent;
    border: none;
    outline: none;
    position: absolute;
    text-decoration: initial;
    cursor: pointer;
    right: 30px;
    padding: 0;
    top: 8px;
    width: 30px;
    z-index: 99;
}
.addCart img{
    float:left;
    width: 100%;
}
.addCart .plus {
    position: absolute;
    top: -10px;
    color: #c2c2c2;
}
.addCart.white i {
    color: white;
}
.addCart.white .plus {
    color: white;
}
.addCart:hover i {
    color: black;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.addCart:hover .plus {
    color: black;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}

/*CART*/
.cartOverlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.71);
    z-index: 999;
}
.cart {
    right: 0;
    top: 0;
    width: 430px;
    position: absolute;
    background-color: white;
    z-index: 152;
    height: 100%;
    overflow-y: scroll;
}
.cartMenu {
    float: left;
    font-family: 'gotham_condensedbold';
    width: 100%;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.cartMenu li {
    float: left;
    font-size: 20px;
}
.cartMenu li a {
    float: left;
    text-decoration: none;
    padding: 20px;
    border-right: 1px solid #E7E7E7;
}
.cartMenu li a:hover {
    background-color: #E7E7E7;
}
.cartMenu li.account {
    background-color: #f8f8f8;
}
.cartMenu li:last-child {
    border: none;
}
.cartMenu li.Close {
    cursor: pointer;
    padding: 20px;
}
.cartMenu li.Close:hover .close:before,
.cartMenu li.Close:hover .close:after {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.cartProducts {
    float: left;
    width: 100%;
}
.cartProducts li {
    float: left;
    padding: 20px;
    border-bottom: 1px solid #E7E7E7;
    width:100%;
}
.cartProducts li.smallerPadding {
    padding: 10px 20px;
}
.cartImage {
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 10px;
}
.cartImage img {
    width: auto;
    height: 100%;
    float:left;
    max-width: 100%;
}
.cartInfo {
    float: left;
    width: 200px;
}
.cart .productName {
    float: left;
    width: 100%;
    font-family: 'gotham_condensedbold';
    font-size: 25px;
    line-height: 34px;
}
.cart .productCategorie {
    float: left;
    width: 100%;
    font-family: 'gotham_condensedbook';
    font-size: 18px;
    line-height: 24px;
}
.cart .productPrice {
    float: left;
    width: 100%;
    font-family: 'gotham_condensedbold';
    font-size: 25px;
    line-height: 34px;
    margin: 10px 0;
}
.cart .productAmount {
    float: left;
    width: 50px;
    line-height: 27px;
    font-family: 'gotham_condensedbook';
    font-size: 16px;
}
#productsOverlay .productName{
    font-size: 17px;
    line-height: 24px;
}
#productsOverlay .productPrice{
    float: left;
    width: 50%;
    font-family: 'gotham_condensedbold';
    font-size: 25px;
    line-height: 34px;
    margin: 0 0 10px 0;
}
#productsOverlay .productCategorie{
    float: right;
    width: 50%;
    margin-top: 5px;
}
#productsOverlay .cartInfo{
    width: 260px;
}
#productsOverlay .productDelete{
    float:left;
    width: 100%;
}
.inputAmount {
    float: left;
    padding: 2px;
    width: 30px;
    outline: none;
    font-family: 'gotham_condensedbook';
    font-size: 16px;
    text-align: center;
}
.totalPrice {
    float: left;
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
    padding: 15px 30px;
    text-align: right;
    font-family: 'gotham_condensedbold';
    font-size: 25px;
}
.subtotalPriceOverlay {
    float: left;
    width: 100%;
    padding: 0px 30px;
    text-align: right;
    font-family: 'gotham_condensedbook';
    font-size: 18px;
}
.buttonCol {
    padding: 30px;
}
.payImage {
    margin-right: 5px;
    display: inline-block;
    top: 8px;
    position: relative;
}
.breadCrumbsCart {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.breadCrumbsCart li {
    float: left;
    width: 20%;
    padding: 15px 0px 15px 0px;
    color: #000000;
    position: relative;
    font-size: 22px;
    font-family: "gotham_condensedbold";
    letter-spacing: 1px;
    text-transform: uppercase;
}
.breadCrumbsCart li a{
    text-decoration: none;
}

.breadCrumbsCart li.selected {
    color: #e30b16;
}

.breadCrumbsCart li.done {
    color: #e30b16;
}


/*CLOSE*/
.close {
    height: 20px;
    width: 20px;
    position: absolute;
    box-sizing: border-box;
    line-height: 50px;
    display: inline-block;
    float: right;
    margin: 25px 10px 0 0;
    cursor: pointer;
    right: 0;
    top: 0;
}
.close:before,
.close:after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -25px;
    display: block;
    height: 3px;
    width: 30px;
    background-color: black;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}
.close:after {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.close:hover:before,
.close:hover:after {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

/*FILTER*/
.filter {
    float: left;
    background-color: white;
    height: 100%;
    padding: 20px 20px;
    min-height: 800px;
    display: inline-block;
    z-index: 2;
    position: relative;
}
.filterForm {
    float: left;
    width: 100%;
}
.innerColumn {
    width: 1400px;
    margin: auto;
    background-color: white;
}
.subFilter{
    float: left;
    width: 100%;
    display: block;
}
.navFilter, .navFilter-3 {
    display: none;
    cursor: pointer;
}
.filterForm{
    display: block;
}
.subFilter{
    display: block;
}
.active-filters-inner {
    background-color:#e9e9e9;
}
.option{
    margin-bottom: 20px;
    float:left;
}
.radioBtn{
    float:left;
}
.option img{
    float: left;
    margin-left: 45px;
    width: 80%;
}
.deliveryRight{
    padding-left: 20px;
}
.checkList {
    float: left;
    width: 100%;
}
.checkList li {
    position: relative;
    margin-left: 30px;
    margin-bottom: 5px;
    font-family: 'gotham_condensedlight_italic';
    font-size: 18px;
    padding: 2px 0;
    color: black;
}
.checkListSmall{
    list-style: none !important;
}
.checkListSmall li{
    position: relative;
    margin-left: 35px;
    margin-bottom: 0px;
}
.checkListSmall li:before {
    left: -25px;
}
.checkList li:before, .checkListSmall li:before {
    position: absolute;
    content: '\f00c';
    font-family: "FontAwesome";
    color: #398f18;
    font-size: 14px;
    top: 0px;
    left: -31px;
    font-style: normal;
    font-weight: normal;
}
.checkListSmall.blackCheck li{
    margin-left: 15px;
}
.checkListSmall.blackCheck li:before{
    color: black;
}
.checkList li.productManual:before, .checkListSmall li.productManual:before {
    content: '\f1c1' !important;
}
.autoColumn {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px;}

.tooltip {position: relative; margin-bottom: 30px;}
.tooltip:hover {cursor: pointer;}
.tooltipcnt {position: absolute; top: -40px; left: 30px; z-index: 10; background-color: #f0f0f0; border: 1px solid #999; padding: 10px; width: 100px;}
.extraProducts {
    float: left;
    width: 100%;
    margin: 20px 0;
}
.extraProduct {
    float: left;
    width: 16.66%;
    padding: 15px;
    min-height: 380px;
    margin-right: 20px;
}
.extraProductSUP {
    min-height: 330px;
}
.extraProduct:hover {
    box-shadow: 0 0 0 1px #eee;
}
.extraProduct.selected {
    box-shadow: 0 0 0 1px #e30613;
}
.extraProduct a {
    float: left;
    width: 100%;
    height: auto;
}
.extraProduct .image {
    float: left;
    width: 100%;
}
.extraProduct img {
    width: 100%;
    padding: 10px;
}
.extraProduct .title {
    float: left;
    width: 100%;
    font-family: 'gotham_condensedbook_italic';
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.extraProductSUP .title {
    display: block;
    min-height: 60px;
}
.priceOrder{
    font-family: 'gotham_condensedmedium_italic';
    font-size: 22px;
    margin-top: -5px;
    float: left;
    width: 100%;
}
.price{
    font-family: 'gotham_book';
    font-size: 15px;
}
.price small{
    font-size: 11px;
    vertical-align: top;
    margin-top: 1px;
    display: inline-block;
}
.productColumnRight .price small{
    margin-top: 3px;
}
.oldPrice{
    color: #e30613;
    margin-right: 10px;
    position: relative;
}
.oldPrice:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);}

.oldPrice.detailPrice:before{
    border-top: 2px solid;
}
.productPriceShow {
    float:left;
    text-decoration: none;
    font-size: 20px;
    font-family: 'gotham_condensedbold_italic';
    text-align: center;
    width: 100%;
}
.sizeItemContainer{
    float: left;
    width: 100%;
    height: 80px;
}
.sizeItem {
    float: left;
    color: #404040;
    margin-right: 10px;
    font-family: 'gotham_condensedlight_italic';
    font-size: 19px;
    padding: 0px 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    cursor: pointer;
}
.sizeItem:hover{
    border: 1px solid #404040;
}
.sizeItem.selected{
    border: 1px solid #e30613;
    background-color: #e30613;
    color: white;
}
.sizeItem.selected:hover{
    border: 1px solid #e30613;
}
.subAdditional {
    display: block;
}
.size{
    float: left;
    width: auto;
}
ul.size {
    margin:0px 0px 0px 0px;
    list-style:none;
}
.size li{
    float: left;
    padding: 10px 0;
    border: 1px solid black;
    height: 40px;
    font-size: 18px;
    font-family: 'gotham_condensedlight';
    margin-right: 10px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 1;
    list-style: none;
}
.size li:last-child{
    margin-right: 0px;
}
.size li:hover{
    background-color: #eee;
}
.size li.selected{
    background-color: black;
    color: white;
}

/*SLICK*/
.productThumbSlide {
    float:left;
    width: 115px;
    margin-top: -18px;
}
.slideNav {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
}
.slideNav .item {
    margin: 0 0 15px 0;
    width: 100% !important;
}

.zoomContainer {
    z-index: 9000;
}

.productThumbSlide .next, .productThumbSlide .prev{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 36px;
    cursor: pointer;
    position: relative;
    z-index: 99;
}
.productThumbSlide .prev{
    color: white;
    background-color: rgba(0,0,0,0.3);
    margin-top: 8px;
    position: absolute;
}
.productThumbSlide .next{
    margin-top: 0px;
}
.slick-disabled{
    color: #eee;
}
.productThumbSlide .prev.slick-disabled{
    opacity: 0;
}
.detailImage {
    width: calc(100% - 110px);
    float: left;
    margin-left: 15px;
    position: relative;
    padding-top: calc(100% - 110px);
    overflow: hidden;
}
.detailImage.full{
    width: 100%;
    margin-left: 0;
    padding-top: 100%;
}
.detailImage .detailAfter:after{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.04);
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
}
.detailImage img{
    padding: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    float: left;
    max-height: 100%;
    width: auto;
}
.productThumbSlide{
    width: 95px;
    float: left;
    margin-top: -8px;
    position: relative;
}
.productThumbSlide img{
    float: left;
    width: 100%;
}
.slideNav .item{
    position: relative;
}
.afterImage{
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    float: left;
    overflow: hidden;
}
.afterImage img{
    padding: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
}
.afterImage:after{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.04);
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
}
#slides-product .afterImage img{
    max-height: 100%;
}
a{
    outline: none;
}
.zi80{
    z-index: 80;
}
.zi80Thumb{
    z-index: 80;
    position: absolute;
    width: 100%;
    height: 100%;
}
.sizeSelect{
    position: relative;
}

/*CUSTOM SELECT*/
.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}
.select {
    float: left;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #3f3f3d;
    width: 100%;
}
.select-styled {
    font-family: 'gotham_condensedbook_italic';
    font-size: 20px;
    color: black;
    background-color: #F4F4F4;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    padding: 15px 15px;
    border: 1px solid #E7E7E7;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.select-styled.activeRed{
    border: 1px solid rgb(178, 12, 22);
    background-color: #E30613;
    color: white;
}
.select-styled:after {
    content: "\f107";
    font-family: FontAwesome;
    width: 0;
    height: 0;
    position: absolute;
    top: 16px;
    right: 30px;
}
.select-styled:active:after,
.select-styled.active:after {
    top: 14px;
    content: "\f106";
    font-family: FontAwesome;
}
.select-options {
    display: none;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #FAFAFA;
}
.select-options li {
    font-family: 'gotham_condensedbook_italic';
    font-size: 18px;
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-bottom: 1px solid #eeeeee;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    list-style: none;
}
.select-options li:hover {
    color: white;
    background: black;
}
.select-options li[rel="hide"] {
    display: none;
}
.select-options li:last-child {
    border-bottom: none;
}

/*CUSTOM RADIOBUTTONS*/
.filterForm [type="radio"]:not(:checked), .filterForm [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}
.filterForm [type="radio"]:not(:checked) + label,
.filterForm [type="radio"]:checked + label {
    position: relative;
    cursor: pointer;
    float:left;
}
/* checkbox aspect */
.filterForm [type="radio"]:not(:checked) + label:before,
.filterForm [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 30px;
    height: 30px;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    background-color: white;
}
/* checked mark aspect */
.filterForm [type="radio"]:not(:checked) + label:after,
.filterForm [type="radio"]:checked + label:after {
    content: '\f00c';
    font-family: "FontAwesome";
    font-size: 15px;
    position: absolute;
    top: 10px;
    left: 8px;
    color: #e30613;
    transition: all .1s;
}
/* checked mark aspect changes */
.filterForm [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.filterForm [type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.filterForm [type="radio"]:disabled:not(:checked) + label:before,
.filterForm [type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.filterForm [type="radio"]:disabled:checked + label:after {
    color: #999;
}
.filterForm [type="radio"]:disabled + label {
    color: white;
}
.optionSmall{
    float:left;
    margin-right: 10px;
}
.radioBtn:before{
    left: 0px;
    top: 2px;
}
.radioBtn:after{
    top: 10px;
    left: 8px;
}
.smallOption:before{
    left: 8px!important;
    top: 8px!important;
}
.smallOption:after{
    top: 16px!important;
    left: 17px!important;
}
.saveContainer{
    border-left: 1px solid #e1e1e1;
}
.optionSmall [type="radio"]:not(:checked) + label:before{
    display: none;
}


/*PRODUCT DETAIL*/
.productColumnLeft {
    float: left;
    position: relative;
    width: 56%;
    padding-right: 15px;
}
.productColumnLeft .productColumn {
    width: 50%;
    list-style: none;
}
.productImageDetail {
    float: left;
    width: 100%;
    padding: 30px;
    background-color: white;
}
.productImageDetail img {
    float: none;
    width: auto;
    height: auto;
    max-height: 475px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.zoomWindowContainer div{
    background-color: #fbfbfb!important;
}
.productColumnRight {
    float: right;
    width: 40%;
}
.productColumnRight.sub {
    padding: 0;
}
.productColumnRight .paragraph{
    width: 100%;
}
.productColumnRight h1{
    font-size: 30px;
}

.available {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 1.6;
    text-transform: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: -4px;
}
.stock{
    float: left;
    width: auto;
    padding-left: 5px;
    position: relative;
    font-size: 14px;
    margin-top: 10px;
}
#cart-detail .stock span, #productsOverlay .stock span{
    float: left;
}
.stock:after {
    float: left;
    position: relative;
    top: 6px;
    left: -19px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    transform: translateY(-50%);
}
#cart-detail .stock:after, #productsOverlay .stock:after{
    transform: none;
    position: absolute!important;
}
.data-table .stock {
    margin:8px 8px 0px 0px;
}
.stock.in:after {
    content: '\f00c';
    position: relative;
    font-family: "FontAwesome";
    color: #398f18;
    font-size: 14px;
    top: 5px;
    left: -20px;
    font-style: normal;
    font-weight: normal;
}
#cart-detail .stock.in:after #productsOverlay .stock.in:after{
    transform: none!important;
    top: 2px;
    left: -14px;
    position: absolute;
}
.stock.soon:after {
    background-color: orange;
}
#cart-detail .stock.soon:after{
    top: 8px;
    left: -17px;
}
#productsOverlay .stock.soon:after{
    top: 10px;
    left: -17px;
}

.stock.out:after {
    background-color: #a4a4a4;
}
.sizeList .stock, .sizeColumnSelected .stock{
    margin-top: 0;
}
.sizeList .stock:after, .sizeColumnSelected .stock:after{
    top: 5px;
    left: -11px;
}
.sizeList .stock.soon:after, .sizeColumnSelected .stock.soon:after {
    top: 14px;
}
.sizeList .stock.out:after, .sizeColumnSelected .stock.out:after {
    top: 14px;
}
.available .stock span{
    float:left;
    padding-left: 10px;
}
.available .stock.in:after{
    position: absolute;
    top: 0;
    left: -15px;
}
.available .stock:after{
    transform: none!important;
    position: absolute;
    left: -15px;
}
.alternative {
    float: left;
    min-width: 340px;
    padding: 20px;
    background-color: #f8f8f8;
    border: 1px solid #e3e3e3;
    margin-bottom: 30px!important;
}
.alternative .product {
    float: left;
    width: 135px;
    height: auto;
    margin-top: 20px;
    margin-right: 20px;
}
.alternative .product:last-child {
    margin-right: 0px;
}
.alternative .product:hover {
    background-color: #f2f2f2;
    border: 1px solid #E7E7E7;
}
.alternative .product img {
    float: left;
    width: 100%;
    height: auto;
}
.specifications {
    float: left;
    width: 100%;
}
.specifications .icon {
    float: left;
    background-color: white;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: default;
}
.specifications .icon:hover {
    box-shadow: 0 0 0 2px #e30613;
}
.specifications .icon:last-child {
    margin-right: 0;
}
#specsDescription {
    float: left;
    width: 100%;
    margin-top: 20px;
    height: 70px;
    font-family: 'gotham_condensedbook';
    font-size: 16px;
    line-height: 20px;
}
.specs{
    float: left;
    width: 100%;
}
.specs ul{
    float: left;
    width: 100%;
}
.specs .specsIcon{
    width: 33%;
    float: left;
    margin-bottom: 25px;
}
.specs .specsIcon img{
    width: 100%;
    max-width: 150px;
    margin: auto;
    float: none;
    display: block;
}
#actionshots {
    float: left;
    width: 100%;
}
.actionshot {
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.actionshot img {
    display: block;
    margin: auto;
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 300px;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    max-width: inherit!important;
}
#slides-productmovies{
    float: left;
    width: 100%;
    height: 300px;
}
#slides-product{
    height: auto;
}

.movie {
    float: left;
    width: 100%;
    height: 300px;
    background-color: #f8f8f8;
}
.movie iframe {
    float: left;
    width: 100%;
    height: 300px;
}
#completeGear, .completeGearSlider{
    float: left;
    width: 100%;
}
.owl-stage-outer{
    float: left;
    width: 100%;
}
.completeGearSliderPopup, .addonDiscountPopup{
    float: left;
    max-width: 650px;
}
.completeGearSliderPopup .productColumn{
    margin: 0!important;
    padding: 0!important;
}
.actionShots{
    float: left;
    width: 50%;
}
.productVideos{
    float:left;
    width: 49%;
    padding-left:1%;
}
.completeGear{
    width: 1120px;
    float:left;
}
.alternativeProduct{
    float: left;
    width: 280px;
}

.centerNav{
    float: none;
    display: table;
    margin: auto;
}
.navMenu li{
    float:left;
}
.navMenu li a{
    padding:10px;
    float:left;
    text-decoration: none;
    font-size: 20px;
    font-family: 'gotham_condensedbook';
    letter-spacing: 1.5px;
    cursor: pointer;
    text-transform: uppercase;
}
.navMenu li a:hover{
    color: #e30613;
}
.navMenu li a.selected{
    color: #e30613;
}
.blogArticle{
    max-width: 1200px;
    display: table;
    background-color: white;
    padding: 50px 200px;
    margin: auto;
}
.iconArrow {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: transparent;
    padding: 13px;
    color: white;
    z-index: 100;
    color: #e30613;
    font-size: 16px;
}
.iconArrow.subArrow{
    display: none;
}

/*BRANDS*/
.parallaxbox {
    float: left;
    position: relative;
    width: 100%;
    background: #eee;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9;
}
.parallaxbox:hover .overlayBrand {
    opacity: 1;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.logoBrand {
    width: 400px;
    height: auto;
    margin: 120px auto;
    z-index: 6;
    position: relative;
}
.logoBrand img {
    width: 100%;
    height: auto;
}
.overlayBrand {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(227, 6, 19, 0.6);
    z-index: 5;
    opacity: 0;
}
.categorieTitle {
    position: absolute;
    left: 40px;
    bottom: 40px;
    background-color: white;
    z-index: 100;
    font-family: 'gotham_condensedmedium_italic';
    padding: 20px;
    font-size: 40px;
    text-transform: uppercase;
}
.updateItem {
    float: left;
    background-color: #fbfbfb;
    border: 1px solid #dadada;
    position: relative;
    margin: 1.5%;
    width: 30%;
    height:400px;
    overflow:hidden;
}
.updateItem:hover .overlayUpdate {
    opacity: 1;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.updateItem.slideItem {
    width: calc(100% - 20px);
    margin: 10px;
}
.overlayUpdate .button{
    width: 160px;
    left: 50%;
    margin-left: -80px;
    top: 20%;
}
img.button{
    border-radius: 0!important;
}
.updateImage {
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.updateImage img {
    max-width: 100%;
    float: left;
    height: auto;
    min-height: 200px;
}
.textUpdate {
    float: left;
    padding: 20px;
    width: 100%;
}
.overlayUpdate {
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    padding: 28%;
    opacity: 0;
    left: 0;
    top: 0;
}
.updateDate {
    position: absolute;
    color:#040404;
    font-size:14px;
    right:10px;
    bottom:10px;
}
.athleteName {
    position: absolute;
    z-index: 100;
    left: 40px;
    bottom: 40px;
}
.athleteName .name {
    float: left;
    background-color: white;
    font-family: 'gotham_condensedmedium_italic';
    padding: 20px;
    font-size: 40px;
    text-transform: uppercase;
}
.athleteName .nickname {
    float: left;
    background-color: black;
    color: white;
    font-family: 'gotham_condensedmedium_italic';
    padding: 20px;
    font-size: 30px;
    text-transform: uppercase;
}
.innerButtons {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.athletesContainer .background, .athletesContainer .backgroundNH {
    background-position: center;
}
.athletesContainer .background{
    height: 100%;
    z-index: 1;
}

/*ATHLETES*/
.actionshot-athletes{
    float: left;
    width: 100%;
    padding: 40px 0 0 0;
}
.results{
    float: left;
    width: 100%;
}
.results i{
    float: left;
    font-size: 50px;
    width: 20%;
}
.results li{
    background-color: #E7E7E7;
    padding: 20px;
    border-right: 1px solid #DBDBDB;
}
.results li:nth-child(3n){
    border-right: 0;
}
.results .text{
    float: left;
    width: 80%;
}
.profilePic{
    float: none;
    width: 500px;
    height: auto;
    margin: auto;
    display: block;
}
.profilePic img{
    width: 100%;
}
.athleteVideoSlider{
    padding-bottom: 0;
}

/*NEW*/
.menu {
    float: left;
    width: 100%;

}
.experiences{
    float: left;
    width: 100%;
}
.menu-link {
    display: block;
    border: none;
    padding: 10px;
    width: 100%;
}
.menu,
.menu > ul ul {
    clear: both;
}
.menu .level-2 li a {
    padding-left: 10px;
    font-size: 12px;
    line-height: 1.6;
}
.menu .level-3 li a {
    padding-left: 40px;
}
.menu li a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 8px 0px;
    position: relative;
    font-family: 'gotham_book';
    text-transform: none;
    font-size: 14px;
    color: #404040;
    letter-spacing: normal;
}
.has-subnav{
    position: relative;
}
.has-subnav .icon, .has-subnav .icon-2{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    font-size: 20px;
    z-index: 100;
    cursor: pointer;
}
.has-subnav .icon:hover, .has-subnav .icon-2:hover{
    color: #E30613;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.has-subnav .level-2{
    display: none;
}
.has-subnav .level-3{
    display: none;
}
.has-subnav.active + a.selected{
    color: #E30613;
}

.menu li span {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 9px 0px;
    position: relative;
    font-family: 'gotham_book';
    font-size: 14px;
    color: #404040;
}
/*
.menu li.has-subnav > span:after {
    content: '\f107';
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 15px;
    padding: 10px 10px 0 0;
}

.menu li.has-subnav > span.active:after {
    content: '\f106';
}
*/
.genderSpan{
    width: 100%;
    text-align: right;
}
.subBorder {
    border-bottom: 1px solid #ECECEC;
}
#subMenu a.selected{
    font-family: 'gotham_bold';
}
#subMenu a:hover{
    color: #E30613;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.menu ul{
    margin-bottom: 0px;
    float: left;
    width: 100%;
}
.bigTitle{
    font-family: 'gotham_condensedbold';
    font-size: 30px!important;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/*FOOTER*/
footer {
    float: left;
    width: 100%;
}
#footer {
    float: left;
    width: 100%;
    background: #3c3c3b;
    padding: 50px 0 50px 0;
    position: relative;
    z-index: 15;
}
#footer ul {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0;
    margin-top: 5px;
}
#footer li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
#footer a, #footer span {
    float: left;
    color: white;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    font-family: 'gotham_book';
    letter-spacing: normal;
    cursor:pointer;
}
#footer a:hover, #footer span:hover {
    color: #e30613;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
#bottom-footer {
    float: left;
    position: relative;
    width: 100%;
    background: #ededed;
    padding: 0 20px;
}
#bottom-footer:before {
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    content: "";
    display: block;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #ededed;
}
.socialFooter{
    float: left;
    width: 100%;
}
.socialFooter li{
    float: left;
    margin-right: 5px!important;
    width: auto!important;
}
#product-filter-loading, #cart-loading {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
    background-color:#cccccc;
    opacity:0.5;
    z-index: 9999;
}
#product-filter-loading img, #cart-loading img {
    position:absolute;
    left:45%;
    top:45%;
}
.footerNewsLetter{
    position: relative;
}
.newsLetterSubscribe{
    position: absolute;
    font-size: 22px;
    color: black;
    padding: 6px;
    background-color: transparent;
    right: 10px;
    top: 0px;
    border: none;
    cursor: pointer;
}
.newsLetterSubscribe:hover{
    color: #e30613;
}

/*STORE LOCATOR*/
.storeBanner{
    float: left;
    width: 100%;
    padding: 100px 0;
    background-color: #E7E7E7;
    background-image: url("../png/worldmap.png");
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}
.storeBanner.small{
    padding: 0px 0;
    background-image: none;
    background-color: #e7e7e7;
}
.store-search{
    width: 510px;
    margin: auto;
}
.store-locator{
    float: left;
    width: 100%;
    padding-bottom: 40px;
}
.search-store {
    height: 65px;
    width: 340px;
    border: 2px solid #fff;
    font-family: 'gotham_condensedbold_italic';
    color: #000;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    padding: 10px;
    margin-right: 6px;
    background: rgba(255, 255, 255, 0.4);
    outline: none;
}
.search-submit-store {
    height: 65px;
    text-align: center;
    width: 150px;
    background-color: #fff;
    padding: 0 20px;
    border: none;
    font-family: 'gotham_condensedbold_italic';
    color: #000;
    cursor: pointer;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
}
.search-submit-store:hover {
    border: 2px solid #fff;
    background-color: #000;
    color: #fff;
}
.world-map {
    float: left;
    position: relative;
}
.world-map img {
    float: left;
    display: block;
    width: 100%;
}
.world-map a {
    display: table;
    position: absolute;
    border: 1px solid #f9d012;
    text-align: center;
    background: transparent;
    text-decoration: none;
}
.world-map a:hover {
    background: rgba(249, 208, 18, 0.4);
}
.world-map a .map-middle {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.6em;
    letter-spacing: 0.05em;
    font-family: 'gotham_condensedbold_italic';
    color: #000;
}
.africa {
    height: 290px;
    width: 300px;
    left: 440px;
    top: 200px;
}
.asia-and-mid-east {
    height: 200px;
    width: 290px;
    left: 760px;
    top: 150px;
}
.australia {
    height: 190px;
    width: 230px;
    left: 935px;
    top: 370px;
}
.europe {
    height: 170px;
    width: 300px;
    left: 440px;
    top: 10px;
}
.north-america {
    height: 280px;
    width: 400px;
    left: 20px;
    top: 10px;
}
.south-america {
    height: 250px;
    width: 260px;
    left: 160px;
    top: 310px;
}
#maps{
    height: 650px;
}
#map_overlays {
    z-index: 2;
}
#map_overlays {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 650px;
    overflow: hidden;
}
.maps-detail {
    height: 300px !important;
    width:100%;
}
.legend {
    position: absolute;
    z-index: 10;
    bottom: 25px;
    left: 50px;
    -webkit-background-clip: content;
    background-clip: content-box;
    padding: 0px;
    background-color: rgba(255, 255, 255, 0.87);
    border: 3px solid rgba(0, 0, 0, 0.15);
    width: 300px;
}
.legend-inner {
    padding: 20px;
    float: left;
    width: 100%;
}
.legend ul {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.legend li {
    float: left;
    width: 100%;
    margin: 0;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 35px;
    background-image: url(../png/markers-n.png);
    background-size: 22px;
    background-repeat: no-repeat;
    font-family: 'gotham_condensedbold_italic';
    font-size: 1.2em;
    letter-spacing: 0.05em;
}
.info-dealer {
    margin-top: 10px;
    position: relative;
    background-color: #f4f4f4;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-decoration: none;
    display: inline-block;
    display: none;
    float: right;
    font-size: 0.8em;
    text-align: center;
    color: #666666;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}
.info-dealer span {
    position: absolute;
    top: -15px;
    left: 70px;
    z-index: 20;
    background-color: #fff;
    width: 400px;
    height: auto;
    display: none;
    color: #000;
    padding: 15px;
    text-align: left;
}
.info-dealer span:after {
    right: 100%;
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 8px;
    margin-top: -8px;
}
.medal{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 60px;
}
.medal img{
    float: left;
    width: 100%;
}
.dealer1 {
    background-position: 0px 8px;
}
.dealer2 {
    background-position: 0px -36px;
}
.dealer3 {
    background-position: 0px -80px;
}
.dealer4 {
    background-position: 0px -124px;
}
.dealer5 {
    background-position: 0px -168px;
}
.dealer6 {
    background-position: 0px -212px;
}
.dealer7 {
    background-position: 0px -262px;
}
.dealer8 {
    background-position: 0px -304px;
}
.dealer-shop, .dealer-fshop, .dealer-dist, .dealer-fdist, .dealer-rental {
    background-size: 22px;
    background-repeat: no-repeat;
}
.dealer-shop span, .dealer-fshop span, .dealer-dist span, .dealer-fdist span, .dealer-rental span {
    float:left;
    display:block;
    margin-top:-8px;
}
.dealer-shop {
    background-image: url(../png/marker_dealer.png) !important;
}
.dealer-fshop {
    background-image: url(../png/marker_dealer-flagship.png) !important;
}
.dealer-dist {
    background-image: url(../png/marker_distributor.png) !important;
}
.dealer-fdist {
    background-image: url(../png/marker_distributor-flagship.png) !important;
}
.dealer-rental {
    background-image: url(../png/marker_rental.png) !important;
}

.country-overview {
    position: absolute;
    cursor: pointer;
    background-image: url("../png/findastore_country.png");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 9px 2px 0px 0px;
    cursor: pointer;
    font-family: gotham_condensedbold_italic, sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #000000;
    z-index: 2;
}
.country-overview-title {
    position: absolute;
    background-color: #dd042b;
    color: #ffffff;
    width: 80px;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 12px;
    z-index: 3;
}
.info-dealer:hover > span, .info-dealer:focus > span {
    display: block;
}
.btn--huge {
    float: left;
    width: 100%;
    display: block;
    height: 65px;
    line-height: 65px;
    color: #000;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    background-color: #f4f4f4;
    text-decoration: none;
    font-family: 'gotham_condensedbold_italic';
}
.btn--huge:hover{
    background-color: #dd042b;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    color: white;
}
.btn--list {
    position: absolute;
    background: #fff;
    bottom: 30px;
    right: 30px;
    z-index: 20;
    width: 140px;
    text-align: center;
    border: 3px solid rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-family: 'gotham_condensedbold_italic';
    padding: 10px;
}
.btn--list:hover{
    background-color: #dd042b;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    color: white;
}
.bebas{
    font-family: 'gotham_condensedbook';
    font-weight: bold;
}
.brandMenu li{
    border-bottom: none;
}
.brandMenu .menu{
    margin-top: 0px;
}
.brandMenu{
    display: none;
}
/*STORE LIST*/
.store-list, .store-list--title {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    font-family: 'gotham_condensedbook';
}
.store-list--title {
    font-family: 'gotham_condensedbold_italic';
    border-bottom: 1px solid #000;
    float: left;
    width: 100%;
}
.link, .link--s {
    position: relative;
    font-family: 'gotham_condensedbold_italic';
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0;
}
.store-list .col-3, .store-list--title .col-3{
    padding: 0 10px
}
.fancybox-inner{
    height: auto!important;
    min-height: 100px;
}
#add-cart-box{
    padding: 30px;
    font-size: 23px;
    line-height: 1.3;
    max-width: 600px;
}
#add-cart-box .productColumn{
    border: none!important;
}

.filterTitle, .filterTitlePrice{
    cursor: pointer;
    text-decoration: none;
    color: black;
    display: block;
    padding: 11px 0px;
    position: relative;
    font-family: 'gotham_bold';
    letter-spacing: normal;
    font-size: 14px;
    text-transform: none;
    border-top: 1px solid #d2d2d2;
    width: 100%;
    float: left;
}
.filterTitle:last-child{
    border-top: none;
}
.filterTitle:focus, .filterTitlePrice:focus{
    outline: none;
}
.filterTitlePrice{
    border-bottom:none;
}
.filterTitle .icon {
    font-size:15px;
}
.iconThemp{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    z-index: 100;
    cursor: pointer;
    font-size: 14px;
}
.filterForm{
    margin-top: 10px;
}
#filter-box-brand{
    margin-top: 20px;
}
.centerColumn{
    width: 1400px;
    margin: auto;
    background-color: white;
    height: 100%;
    display: block;
}
.show-mobile{
    display: none;
}
.noDeco{
    text-decoration: none!important;
}

.h350{
    height: 347px;
}
.moodPhoto{
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    float: left;
    width: 100%;
    height: 350px;
}
.borderLeft{
    border-left: 1px solid #e2e2e2;
}
.borderRight{
    border-right: 1px solid #e2e2e2;
}
.plusPackage{
    left: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    color: #e2e2e2;
    font-size: 90px;
}
.prices{
    float:left;
    width: 100%;
    font-size: 20px;
}
.prices li{
    float:left;
    width: 50%;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
}
.textRight{
    text-align: right;
}
.bigText{
    font-size: 25px;
}
.greenColor{
    color: green;
}


/*FAQ*/
.faq{
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0;
}
.faq ul{
    list-style: none;
}
.faq_title{
    font-family: "gotham_condensedmedium_italic";
    float: left;
    width: 100%;
    font-size: 20px;
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 15px 15px 15px 30px;
}
.faq_content{
    float: left;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 0 0 20px 0;
}
.faq_title_selected{
    border-bottom: none;
}
.leadgen-banner3-submit{
    border-radius: 50px!important;
}

/*SELECT*/
.select-style {
    float: left;
    padding: 0;
    border: 1px solid #b4b4b4;
    width: 100%;
    overflow: hidden;
    background: white url("../png/arrowicon.png") no-repeat 100% 50%;
    outline: none;
}
.select-style select {
    font-family: "gotham_condensedmedium_italic";
    outline: none;
    padding: 10px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
}

/*TOGGLE*/
.showMore {
    color: #e30613;
    display: block;
    cursor: pointer;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'gotham_condensedlight';
    margin-bottom: 20px;
}
.showMore:hover {
    color: #aa050e;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.moreText{
    display: none;
}

.faq_title:before{
    content: '\f067';
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #e30613;
    left: 0px;
}
.faq_title_selected:before{
    content: '\f068';
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #e30613;
    left: 0px;
}

.faq_title_selected:before .faq_title:before{
    display: none;
}
.blogImage{
    width: 100%;
    min-height: 200px;
    margin: auto;
    display: block;
    float: none;
    background-position: center;
    background-size: cover;
    padding: 20px;
}
#leftMenuOuterContainer{
    position: relative;
    padding: 0px 20px;
}
#leftMenuContainer{
    position: absolute;
    width: 90%;
    margin-top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*PRICESLIDER*/
.ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: none;
}
.ui-slider-horizontal {
    height: 5px;
    border: 0;
    margin: 0 10px;
    background-color: #eeeeee;
}
.priceText {
    text-align: left;
    display: block;
    color: #3b3b3b;
    border-radius: 3px;
    min-width: 200px;
    transition: all .3s;
    font-size: 15px;
    font-family: 'gotham_book';
    font-style: normal;
    margin-top: 20px;
    margin-left: 10px;
    letter-spacing: normal;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active {
    border-color: #cb0511;
    border-width: 3px;
    background-color: #e30613;
}
.ui-state-hover:hover,
.ui-widget-content .ui-state-hover:hover,
.ui-widget-header .ui-state-hover:hover,
.ui-state-focus:hover,
.ui-widget-content .ui-state-focus:hover,
.ui-widget-header .ui-state-focus:hover,
.ui-state-active:hover,
.ui-state-hover:focus,
.ui-widget-content .ui-state-hover:focus,
.ui-widget-header .ui-state-hover:focus,
.ui-state-focus:focus,
.ui-widget-content .ui-state-focus:focus,
.ui-widget-header .ui-state-focus:focus,
.ui-state-active:focus,
.ui-state-hover:active,
.ui-widget-content .ui-state-hover:active,
.ui-widget-header .ui-state-hover:active,
.ui-state-focus:active,
.ui-widget-content .ui-state-focus:active,
.ui-widget-header .ui-state-focus:active,
.ui-state-active:active {
    background-color: #e30613!important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #e30613 !important;
    outline: 0;
    border: none;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-state-default:focus,
.ui-widget-content .ui-state-default:focus,
.ui-widget-header .ui-state-default:focus,
.ui-state-default:active,
.ui-widget-content .ui-state-default:active,
.ui-widget-header .ui-state-default:active {
    outline: 0;
    background-color: #e30613!important;
    border-color: white;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    background-color: #c70a20!important;
    border: none;
}
.ui-state-default:hover:active,
.ui-widget-content .ui-state-default:hover:active,
.ui-widget-header .ui-state-default:hover:active {
    background-color: #c70a20!important;
}
.ui-widget-header {
    background-color: #e30613;
}
.priceSlider .ui-state-hover:hover{
    background-color: #c70a20;
}

/*SELECT*/
.button, button, .inputbox{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.button.redFull.withBasket{
    font-family: 'gotham_bold';
    text-transform: none;
    font-size: 15px;
    letter-spacing: 0;
    padding: 8px 25px 6px!important;
}
.button.redFull.withBasket:before{
    display: none;
}

select{
    background-image: url('../png/arrowselect.png')!important;
    background-position: right!important;
    background-repeat: no-repeat!important;
    background-size: 20px!important;
}

.title-menu-sub{
    float: left;
    width: 100%;
    position: relative;
    font-family: 'gotham_condensedmedium_italic';
    color: #282828;
    font-size: 22px;
    line-height: 1;
    padding: 0 0 7px 0;
    margin: 0;
    display: inline-block;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
    margin-top: 10px;
    text-transform: uppercase;
}
.searchSubmitStore {
    cursor: pointer;
    float: left;
    position: relative;
    padding: 22px 15px 22px 15px;
    font-size: 20px;
    font-family: 'gotham_condensedmedium_italic';
    color: white;
    background-color: #e30613;
    text-transform: uppercase;
    text-decoration: none;
    width: 25%;
    height: 65px;
    text-align: center;
    cursor:pointer;
}
.searchSubmitStore:hover{
    background-color: #c50611;
}
.searchStoreInput {
    height: 65px;
    float:left;
    width: 75%;
    border: 2px solid #fff;
    font-family: 'gotham_condensedbold_italic';
    color: #000;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    padding: 10px;
    background: rgba(255, 255, 255, 0.4);
    outline: none;
}
.legenda-overzicht-holder{
    width: 250px;
    margin: auto;
}
.storeBanner .legenda-overzicht-holder{
    width: 510px;
    margin: auto;
}
#legenda-overzicht{
    float: left;
    width: 100%;
}
#legenda-overzicht .fa-info-circle{
    color: #696969;
    margin-left: 5px;
}
.autoWidth{
    width: auto;
}


/*CHECK + RADIO */
#store-form input[type="checkbox"]:not(:checked), #store-form  input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

#store-form input[type="checkbox"]:not(:checked) + label, #store-form input[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 31px;
    cursor: pointer;
    padding-top: 0px;
    letter-spacing: 0;
    line-height: 25px;
}

#store-form input[type="checkbox"]:not(:checked) + label:before, #store-form input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: white;
}

#store-form input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

#store-form input[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

#store-form input[type="checkbox"]:not(:checked) + label:after, #store-form input[type="checkbox"]:checked + label:after {
    content: '\f00c';
    font-family: "FontAwesome";
    position: absolute;
    top: 4px;
    left: 5px;
    font-size: 13px;
    line-height: 0.8;
    color: #da1720;
    transition: all .2s;
}


#store-form input[type="radio"]:not(:checked), #store-form input[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

#store-form input[type="radio"]:not(:checked) + label, #store-form input[type="radio"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    margin-left: 4px;
    padding-top: 0px;
    letter-spacing: 0;
    line-height: 25px;
}

#store-form input[type="radio"]:not(:checked) + label:before, #store-form input[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #aaa;
    background: white;
}

#store-form input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

#store-form input[type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

#store-form input[type="radio"]:not(:checked) + label:after, #store-form input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 2px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #da1720;
    transition: all .2s;
}
#dealerinfo{
    margin: auto;
    width: 1200px;
}
.dealerItem {
    background-color: #fdfdfd;
    border: 1px solid #e7e7e7;
    padding:30px;
    width: 48%;
    margin: 1%;
    min-height: 400px;
    float:left;
}

.image{
    float:left;
    width: 100%;
}
.image img{
    float:left;
    max-width: 100%;
}
.fullImage img{
    width: 100%;
}

.submenu{
    display: none;
}
.subMenuItem{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    font-family: 'gotham_book';
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: normal;
}
.subItem .submenu{
    min-height: inherit;
    margin-bottom: 20px;
}
.subMenuItem i{
    font-size: 13px;
    margin-left: 5px;
}
.bottomFooterText{
    text-align: center;
    padding: 14px 0 10px;
    font-family: 'gotham_condensedmedium_italic';
    color: #515151;
    font-size: 21px;
    letter-spacing: 0.5px;
    position: relative;
    width: 100%;
    z-index: 0;
}
.borderTop{
    border-top: 1px solid #a5a5a5;
}
.borderTopLight{
    border-top: 1px solid #d2d2d2;
}
.backBlack{
    background-color: #2d2d2d;
}
.flex{
    display: flex;
}
.flexCenter{
    align-items: center;
}
.bottom-footerLeft{
    float:left;
}
.bottom-footerCenter{
    float:left;
    flex: 1;
    margin-left: 150px;
}
.bottom-footerRight{
    float:left;
}

.bottomFooterMenu{
    float: right;
    padding: 18px 0;
    max-width: 400px;
}
.bottomFooterMenu li{
    float: right;
    margin-right: 15px;
}
.bottomFooterMenu a, .bottomFooterMenu span{
    color: #282828;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
    width: 100%;
    text-align: right;
    line-height: 1.5;
    float: left;
}
.bottomFooterMenu a:hover, .bottomFooterMenu span:hover{
    color: #da1720;
}
.bottomFooterLanguage {
    float: left;
    background-color: #e5e5e5;
    border-radius: 50px!important;
    padding: 5px 20px;
}
.flagIcon{
    float:left;
    padding: 4px 0;
}
.flagIcon img{
    float:left;
    max-width: 30px;
}
.flagText{
    float: left;
    color: #282828;
    text-decoration: none;
    font-size: 14px;
    padding: 7px 0;
    margin-left: 10px;
}

/*Newsletter popup*/
#subscribe-newsletter {
    background-image: url('../jpg/popup_newsletter_bg.jpg');
    width: 700px;
    height: 450px;
    padding: 0px;
}
.newsletter-popup-inner {
    width:315px;
    padding:140px 0px 0px 20px;
    text-align: center;
}
.newsletter-popup-inner-text {
    font-family: 'gotham_condensedbook_italic';
    font-size: 30px;
    color: black;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform:uppercase;
}
.newsletter-popup-inner-text span {
    font-family: 'gotham_condensedbold_italic';
    font-size: 40px;
    line-height: 40px;
}
.newsletter-popup-inner a {
    float:none;
}
.zi20{
    z-index: 20;
}
.noMargin{
    margin: 0!important;
}
.homeImage{
    float:left;
    width: 100%;
}
.hAuto{
    height:auto!important;
}
#langselect {
    width: 300px;
}

/*TRANSITIONS*/
.transparency {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100;
    margin-top: 0;
}
.trans-1-in {
    -webkit-animation: trans-19-in 0.5s forwards;
    -moz-animation: trans-19-in 0.5s forwards;
    -o-animation: trans-19-in 0.5s forwards;
    animation: trans-19-in 0.5s forwards;
}
.trans-1-out {
    -webkit-animation: trans-19-out 0.5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-animation: trans-19-out 0.5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-animation: trans-19-out 0.5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: trans-19-out 0.5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}
.trans-1-in .transparency {
    -webkit-animation: trans-19-in 0.5s forwards;
    -moz-animation: trans-19-in 0.5s forwards;
    -o-animation: trans-19-in 0.5s forwards;
    animation: trans-19-in 0.5s forwards;
}
.trans-1-out .transparency {
    -webkit-animation: trans-19-out 0.5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-animation: trans-19-out 0.5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-animation: trans-19-out 0.5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: trans-19-out 0.5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}
@-webkit-keyframes trans-1-in {
    from {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 0;
    }
    to {
        -webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: -150%;
    }
}
@-o-keyframes trans-1-in {
    from {
        -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 0;
    }
    to {
        -o-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: -150%;
    }
}
@-moz-keyframes trans-1-in {
    from {
        -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 0;
    }
    to {
        -moz-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: -150%;
    }
}
@keyframes trans-19-in {
    from {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 0;
    }
    to {
        transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: -150%;
    }
}
@-webkit-keyframes trans-19-out {
    from {
        -webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 150%;
    }
    to {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 0;
    }
}
@-o-keyframes trans-19-out {
    from {
        -o-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 150%;
    }
    to {
        -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 0;
    }
}
@-moz-keyframes trans-19-out {
    from {
        -moz-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 150%;
    }
    to {
        -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 0;
    }
}
@keyframes trans-19-out {
    from {
        transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 150%;
    }
    to {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        margin-top: 0;
    }
}

/* SCROLL */
@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

.scroll-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
}
.scroll-btn > * {
    display: inline-block;
    line-height: 24px;
    font-size: 19px;
    font-weight: normal;
    color: #ffffff;
    letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
    color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.scroll-btn.scroll-dark > *, .scroll-btn.scroll-dark > *:hover, .scroll-btn.scroll-dark > *:focus, .scroll-btn.scroll-dark > *.active {
    color:#000000;
}
.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 35px;
    height: 55px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid white;
    border-radius: 23px;
}
.scroll-btn.scroll-dark .mouse {
    border: 3px solid black;
}
.scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: white;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}
.scroll-btn.scroll-dark .mouse > * {
    background: black;
}
.scrollDown{
    float: left;
    width: 100%;
    cursor: default;
}
#scrollToDiv {
    margin-left:-1px;
    overflow: hidden;
}
/*TABLE*/
table {
    float:left;
    border-collapse: collapse;
    width: 100%;
}
thead{background-color: transparent;}
thead th{vertical-align: bottom; padding: 5px; }
td{
    padding: 5px;
}
tbody{background-color: white;}
th,
td{
    vertical-align: top;
    line-height: 1.5;
    padding: 10px;
    text-align: left;
}
.centerDiv{
    float:none;
    width: auto;
    margin: auto;
    display: table;
}
.starBack{
    background-image: url("../png/review.png");
    background-repeat: repeat-x;
    height: 20px;
    width: 100px;
    position: relative;
    background-position: bottom left;
    float:left;
}
.score{
    background-image: url("../png/review.png");
    position: absolute;
    height: 20px;
    background-repeat: repeat-x;
    left: 0;
    background-position: top left;
    z-index: 5;
}
.scoreText{
    float:left;
    font-size: 25px;
    margin-left: 10px;
}
.review{
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0;
    position: relative;
}
.reviewDetail{
    position: relative;
    float:left;
}
.reviewDetail .scoreText{
    font-size: 24px;
}
.readreviews {
    position: relative;
    text-align: right;
    font-size: 12px;
    text-decoration: none!important;
    margin-left: 8px;
    margin-top: 8px;
    float: left;
    color: #717171;
}
.readreviews:hover{
    color: #e30613!important;
}
.date{
    float: right;
    margin-left: 10px;
    font-size: 17px
}
.otherLanguage {
    background-color:#f3f3f3;
    margin:5px 0px -5px 0px;
    padding:5px 0px 5px 5px;
}
.reviewTitle{
    font-weight: bold;
    font-size: 25px;
    margin-top: 5px;
}
.reviewForm{
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #eeeeee;
    margin-top: 20px;
}

.inputTitle{
    float:left;
    width: 100%;
    font-family: 'gotham_condensedbook';
    font-size: 18px;
    line-height: 18px;
    color: #404040;
}

.input{
    float:left;
    width: 100%;
    background-color: white;
    padding: 10px;
    border: 1px solid #ededed;
    outline: none;
    font-family: 'gotham_condensedbook';
    font-size: 16px;
    max-width: 100%;
}
.starList{
    float: left;
    width: 100%;
    margin: 10px 0;
}
.starList.detail{
    margin: 0;
    width: auto;
}
.starList li{
    float:left;
    list-style: none;
    margin-right: 3px;
}
.starList i{
    font-size: 25px;
    float:left;
    cursor: pointer;
}
.starList.detail i{
    font-size: 20px;
}

.starList i.fa-star, .starList i.fa-star-half-o {
    color: #da1720;
}

.starList i.fa-star-o{
    color: #c5c5c5;
}


/* CUSTOM */
input[type="checkbox"].custom:not(:checked), input[type="checkbox"].custom:checked {
    position: absolute;
    left: -9999px;
}

input[type="checkbox"].custom:not(:checked) + label, input[type="checkbox"].custom:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    padding-top: 0px;
    letter-spacing: 0;
    line-height: 25px;
    margin-right: 8px;
    font-size: 14px;
    float: left;
}

input[type="checkbox"].custom:not(:checked) + label:before, input[type="checkbox"].custom:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: white;
    border-radius: 4px;
}

input[type="checkbox"].custom.cookie:not(:checked) + label:before, input[type="checkbox"].custom.cookie:checked + label:before{
    top: 4px;
}
input[type="checkbox"].custom.cookie:not(:checked) + label:after, input[type="checkbox"].custom.cookie:checked + label:after{
    top: 10px;
}
.cookieList{
    float: left;
    width: 100%;
}
.cookieList li{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

input[type="checkbox"].custom:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

input[type="checkbox"].custom:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

input[type="checkbox"].custom:not(:checked) + label:after, input[type="checkbox"].custom:checked + label:after {
    content: '\f00c';
    font-family: "FontAwesome";
    position: absolute;
    top: 4px;
    left: 5px;
    font-size: 13px;
    line-height: 0.8;
    color: black;
    transition: all .2s;
}


input[type="radio"].custom:not(:checked), input[type="radio"].custom:checked {
    position: absolute;
    left: -9999px;
}

input[type="radio"].custom:not(:checked) + label, input[type="radio"].custom:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    margin-right: 8px;
    padding-top: 0px;
    letter-spacing: 0;
    line-height: 25px;
    font-size: 15px;
}

input[type="radio"].custom:not(:checked) + label:before, input[type="radio"].custom:checked + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #aaa;
    background: white;
}

input[type="radio"].custom:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

input[type="radio"].custom:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

input[type="radio"].custom:not(:checked) + label:after, input[type="radio"].custom:checked + label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #da1720;
    transition: all .2s;
}
.homeImage{float:left; width: 100%; height: auto;}

.innerBlock {
    max-width: 700px;
    margin: auto;
}
.innerBlock .title-overlay{
    text-align: center;
}

.contentBlockPic{
    float:left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    text-align: center;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: opacity,min-height,min-width;
    transition-property: opacity,min-height,min-width;
    -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
    transition-timing-function: cubic-bezier(.25,.8,.25,1);
    position: relative;
}
.contentBlockPic source{
    float: left;
    width: 100%;
}
.contentBlockPicIMG {
    float:left;
    width: 100%;
}
.slider .contentBlockPic{
    width: 100%;
}
.slideImage img {
    width: 100%!important;
    max-width: inherit!important;
    height: auto!important;
    min-height: auto!important;
}
.slideImage{
    height: auto!important;
}
.imageSlider{
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
}

.contentBlockPic{
    width: 100%;
}

/*NEW HOME*/

.withZoom{
    overflow: hidden;
}
.withZoom:hover img {
    transform: scale(1.1);
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.withZoomText{
    position: relative;
}
.withZoomText:hover img {
    transform: scale(1.1);
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.blockTextSmall{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(43, 43, 43, 0.38)!important;
    color: white;
}
.alwaysVisable{
    top: 0!important;
    opacity: 1!important;
}
.athletesContainer .column-1, .athletesContainer .column-2, .athletesContainer .column-2-5, .athletesContainer .column-3, .athletesContainer .column-4, .athletesContainer .column-5, .athletesContainer .column-6, .athletesContainer .column-7, .athletesContainer .column-8, .athletesContainer .column-9, .athletesContainer .column-10, .athletesContainer .column-11, .athletesContainer .column-12{
    position: relative;
    height: 400px;
}
/* VIDEO */
.videojs-background-wrap {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -998;
}
.video_img_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*opacity: 0.4;
    background-color: #09033A;
    z-index: 21!important;*/
    display: block;
}
.background-video {
    position: absolute;
    top: -40px;
    left: 0;
    min-width: 100%;
    min-height: 110%;
    width: auto;
    z-index: 100;
    display: block;
}
.background-video .background{
    height: 100%;
}
.background, .backgroundNH {
    height: 950px;
    z-index: -200;
}
.textInfo {
    z-index: 150;
    height: auto;
    transform: translateY(-50%);
    top: 50%;
}
.textInfo.empty{
    display: none!important;
}
.textInfo.left{
    width: 600px;
}
.textInfo.left .col-6{
    width: 100%;
}
.textInfo .wrapper{
    width: 100%;
}
/*2018 edit*/
.parallax {
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.downLink{
    position: absolute;
    z-index: 40;
    color: black;
    bottom: 20px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    font-size: 40px;
    text-align: center;
    cursor: pointer;
}
.downLink.white{
    color: white;
}
.padding{
    padding-top: 100px;
    padding-bottom: 100px;
}

.vCenterOuter{
    display: table;
}
.vCenter{
    display: table-cell;
    vertical-align: middle;
    cursor: auto;
}

/*TITLES*/
.title-1{
    float: left;
    font-family: 'gotham_condensedbold';
    font-size: 100px;
    color: black;
    line-height: 100px;
    text-transform: uppercase;
    width: 100%;
    height: auto;
}

.title-3{
    float: left;
    font-family: 'gotham_condensedmedium';
    font-size: 32px!important;
    color: black;
    line-height: 1.4!important;
    text-transform: uppercase;
    width: 100%;
}
.title-3.big{
    font-size: 50px!important;
    letter-spacing: 3px!important;
}
.title-3.small{
    font-size: 30px!important;
    letter-spacing: 1.5px!important;
}
.title-3.extraSmall{
    font-size: 20px!important;
    letter-spacing: 1.5px!important;
}

.title-5{
    float: left;
    font-family: 'gotham_condensedmedium_italic';
    font-size: 30px!important;
    color: black;
    line-height: 1.4!important;
    text-transform: uppercase;
    width: 100%;
}
.title-5.small{
    font-size: 22px!important;
    letter-spacing: 1.5px;
}

.wauto{
    float: left;
    width: auto;
    padding: 5px 10px;
    margin-right: 0;
    border: 1px solid transparent;
    cursor: pointer;
}
.wauto:hover{
    border: 1px solid #cfcfcf;
}
.wauto.selected{
    border: 1px solid #000;
}
.viewSize{
    position: absolute;
    right: 0;
    top: 25px;
    color: #a8a8a8;
    z-index: 20;
    letter-spacing: normal;
}
.viewSize:hover{
    color: #da1720!important;
}

/*CART 2018*/

.middleCart {
    display: table-cell;
    vertical-align: middle;
}

.innerCart {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.middleCart.innerCart .boldTitleFont.borderBottomThick{
    line-height: 1.2;
}
.maincart{
    padding-bottom: 60px;
}
.subtotal, .subtotalPrice{
    font-family: 'gotham_book';
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.maincart .stock{
    margin: 0px 14px!important;
    position: relative;
}
.maincart .paragraph {
    font-family: 'gotham_book';
    font-size: 13px;
}
.imageSliderVideo{
    position: absolute;
}
#amountSmall{
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: #e30714;
    font-size: 9px;
    line-height: 14px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    color: white;
    text-align: center;
    font-family: 'gotham_condensedbook';
}
.middleCart .fs16{
    font-size: 11px;
}

/*MENU 2018*/
.leftMenuCol{
    border-left: 2px solid #e30613;
    width: 33%;
    float: right;
    padding-left: 20px;
    margin-top: 10px;
}
.leftMenu{
    float:left;
    width: 100%;
}
.rightMenuCol{
    float: left;
    width: 67%;
}
.leftMenu li{
    float:left;
    width: 100%;
}
.leftMenu li a{
    font-family: 'gotham_condensedbold'!important;
    color: black!important;
    font-size: 22px!important;
    line-height: 1!important;
    padding: 0 0 7px 0!important;
    display: inline-block;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
.equalHeight-menuitem{
    display: block;
    min-height: 50%;
}
.withBasket{
    padding-left: 60px!important;
    position: relative;

}
.withBasket:before{
    content:url('../png/basket-2018-white.png');
    width: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    left: 15px;
}
.withBasket:hover:before{
    content:url('../png/basket-2018-red.png');
}

.sortFilterCol{
    width: 200px;
    margin-right: 4%;
}

.sortFilter select{
    font-family: 'gotham_book';
    font-size: 12px;
    letter-spacing: normal;
}

.textWidth{
    float:left;
    width: 61.5%;
    margin-left: 1.5%;
}



.overlay {
    display: table;
    position: absolute;
    height: 101%;
    width: 101%;
}

.p20 .overlay{
    display: table;
    position: absolute;
    top: 20px!important;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
.p40 .overlay{
    display: table;
    position: absolute;
    top: 40px!important;
    left: 40px;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
}

.overlayInner{
    left: auto;
    right: auto;
    width: auto;
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    height: auto;
    margin-left: 0;
    top: 0;
    position: relative;
}

.alignRight{
    width: 40%;
    margin-right: 0%;
    float: right;
    position: relative;
}
.alignLeft{
    margin-left: 0%;
    width: 40%;
    float: left;
    position: relative;
}
.alignMiddle{
    width: 85%;
    float: none;
    margin: auto;
    max-width: 700px;
}

.linkBtn .regularFont{
    font-family: 'gotham_condensedbold'!important;
    letter-spacing: 1.5px;
    font-size: 25px;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 2px solid black;
}
.linkBtn .regularFont.whiteColor{
    border-bottom: 2px solid white;
}
.linkBtn .regularFont:hover{
    color: #e30613;
    border-bottom: 2px solid #e30613;
}
.mainTitle.regularFont{
    font-family: 'gotham_condensedbold'!important;
    text-transform: uppercase;
    font-size: 30px!important;
    letter-spacing: 1.5px!important;
    line-height: 1.2!important;
}
.subTitle.regularFont {
    font-family: 'gotham_condensedlight'!important;
    text-transform: uppercase;
    font-size: 50px!important;
    letter-spacing: 1.5px!important;
    line-height: 1.2!important;
}
.warranty{
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 20;
    width: 100px;
}
.warranty.small{
    width: 75px;
    right: 0;
}
.warranty img{
    float: left;
    width: 100%;
}
.video{
    height: 200px;
    width: 200px;
    position: absolute;
    margin-left: -100px;
    margin-top: -100px;
    top: 50%;
    left: 50%;
    background-color: transparent;
    z-index: 20;
}
.video img{
    width: 100%;
    float: left;
}

.iconRed{
    float: none;
    display: table;
    margin: -43px auto 0 auto;
    border: 2px solid white;
    background-color: #e30613;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: white;
    font-size: 20px;
}
.iconRed i{
    margin: 0 0 0 3px;
    padding: 10px 0;
    text-align: center;
}
.lineColumn{
    float: left;
    width: 100%;
    padding: 20px;
    border: 2px solid #3c3c3b;
    cursor: pointer;
}
.lineColumn:hover{
    background-color: #f8f8f8;
}
.threeColumn{
    float: left;
    width: 33%;
}
.threeColumn:nth-child(2){
    margin: 0 0.5% 0 0.5%;
}
.fourColumn{
    float: left;
    width: 24%;
}
.fourColumn:nth-child(2){
    margin: 0 0.5% 0 1%;
}
.fourColumn:nth-child(3){
    margin: 0 1% 0 0.5%;
}
/*LANDINGS*/
.menuOuter{
    margin: auto;
    display: table;
}

.landingsOuter{
    max-width: 100%;
    height: auto;
    padding: 0 30px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
}
.landingMenu{
    height: 100%;
    overflow: auto;
    white-space: normal;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
.landingMenu::-webkit-scrollbar{
    display: none;
}
.landingMenu a{
    display: inline-block;
    height: 100%;
    text-decoration: none;
    font-family: 'gotham_bold';
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    letter-spacing: 0px;
    color: black;
    font-size: 12px;
    padding: 10px 0px 6px;
    margin: 0 15px;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}
.landingMenu li:hover a, .landingMenu li.selected a{
    border-bottom: 2px solid #e30613;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.landingsOuter .pointer {
    height: 40px;
    width: 30px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    top: -3px;
}

.landingsOuter .pointer i {
    color: #333;
    cursor: pointer;
}

.landingsOuter .left-pointer {
    left: 0;
    display: none;
}
.landingsOuter .right-pointer {
    right: 0;
    display: none;
}
.landingsOuter .dis i {
    color: #ccc;
}

.owl-productpage .item{
    width:100%;
    float: left;
    border: 2px solid transparent;
    padding: 20px;
}
.owl-productpage .item:hover{
    border: 2px solid #adadad;
}
.owl-productpage .productImage{
    min-height: inherit;
}
.owl-dots{
    position: absolute;
    bottom: 20px;
    z-index: 9;
    gap: 5px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.owl-carousel button.owl-dot{
    width: 5px;
    height: 5px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
}
.owl-carousel button.owl-dot.active{
    background-color: white;
}
.owl-nav{
    font-family: "FontAwesome";
    font-size: 14px;
    color: white;
    width: 100%;
    top: 50%;
    margin-top: 0px;
    position: absolute;
}
.owl-nav span {
    display: none;
}
.owl-nav .owl-prev:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    position: relative;
    font-family: "FontAwesome";
    font-size: 30px;
}
.owl-nav .owl-next:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    position: relative;
    font-family: "FontAwesome";
    font-size: 30px;
}
.owl-nav .owl-prev{
    left: 0px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    font-size: 30px;
    width: 45px;
    height: 55px;
    margin-top: -27px;
    border: 0!important;
}
.owl-nav .owl-next{
    right: 0px;
    left: auto;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    width: 45px;
    height: 55px;
    font-size: 30px;
    margin-top: -27px;
    border: 0!important;
}
.owl-nav .owl-next.disabled, .owl-nav .owl-prev.disabled{
    display: none;
}
.owl-productpage .owl-nav button.owl-next, .owl-productpage .owl-nav button.owl-prev {
    color: #000000;
}
.owl-productpage .owl-nav .owl-next{
    right: -40px;
}
.owl-productpage .owl-nav .owl-prev{
    left: -40px;
}


@media only screen and (min-width: 1200px)  {
    .owl-productpage.lessItems .owl-wrapper{
        width: auto!important;
        display: table !important;
        margin: 0 auto;
    }
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    width: 100%;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.withAfter{
    position: relative;
    float: left;
    width: 100%;
}
.swiper-slide:hover .withAfter:after{
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 1;
}
.swiper-slide .withButtonHover{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.swiper-slide:hover .withButtonHover{
    display: block;
}

/*GENERAL CLASSES*/
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.p20-0{padding: 20px 0;}
.p50-0{padding: 50px 0;}
.p100-0{padding: 100px 0;}
.p30-0-100{padding: 30px 0 100px;}
.pb100{padding-bottom: 100px;}
.p10-20{padding: 10px 20px;}

.borderBottom{border-bottom: 2px solid black;}
.borderBottomThick{border-bottom: 3px solid black;}
.borderBottomSmall{border-bottom: 1px solid #757575;}
.borderTopSmall{border-top: 1px solid #757575;}

.noListStyle{list-style: none!important;}

.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-3{letter-spacing: 3px;}

.maincart .ls-1{letter-spacing: normal;}
.maincart .ls-2{letter-spacing: normal;}

.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}
.fs21{font-size: 21px;}
.fs22{font-size: 22px;}
.fs23{font-size: 23px;}
.fs24{font-size: 24px!important;}
.fs30{font-size: 30px;}
.fs40{font-size: 40px;}
.fs50{font-size: 50px;}
.fs60{font-size: 60px;}

.widthauto{width: auto;}
.overHide{overflow: hidden;}

.h400{height: 400px;}
.h500{height: 500px;}
.h800{height: 800px;}
.h100{height: 100%;}

/*GENERAL*/
.whiteColor,a.whiteColor{color: white;!important;}
.blackColor,a.blackColor{color: black!important;}
.greyColor,a.greyColor{color: #b4b4b4;!important;}
.darkGreyColor,a.darkGreyColor{color: #040404;!important;}

.whiteBack{background-color: white;}
.blackBack{background-color: black;}
.greyBack{background-color: #f5f5f5;}
.greyBackLight{background-color: #f4f3f4;}

.greyBorder{border: 1px solid #f5f5f5;}
.smallCart{font-size: 24px; padding: 5px 20px;}

.clearFilter{
    border-bottom: 1px solid;
}

/*GENERAL TITLE*/
.boldTitleFont{font-family: 'gotham_condensedbold'!important; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.titleFont{font-family: 'gotham_condensedbook'!important; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-3{letter-spacing: 3px;}

/*EXTRA*/
#slides-product{
    display: none!important;
}
.s-show,
.s-show-block {
    display: none;
}

/*
 * Autocomplete
 */
/*AUTOCOMPLETE*/
.ui-autocomplete {
    z-index: 99999;
    min-width: 600px;
    right: 0px;
    min-height: 414px;
    max-width: 700px;
}
.autocompleteMain{
    left: auto!important;
}
.ui-autocomplete .autocompleteLeft, .ui-autocomplete .autocompleteRight, .ui-autocomplete .rating {
    display:block !important;
}
.ui-autocomplete .col-6 {
    display:block !important;
    padding:0px !important;
}
.ui-autocomplete .autocompleteLeft, .ui-autocomplete .autocompleteRight {
    border: none !important;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    outline: none;
    border: 1px solid #eee;
}
.ui-menu .ui-menu{
    position: relative;
    left: 0 !important;
    top: 0 !important;
}
.autocompleteMainTitle{
    float: left;
    width: 100%;
    padding: 10px;
    font-family: 'gotham_condensedbold';
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.5px;
    display: block;
}
.autocompleteLeftLi .autocompleteMainTitle{
    background-color: #f8f8f8 !important;
    border-bottom: 1px solid #eee;
}
/*AUTOCOMPLETE LEFT*/
.autocompleteLeft{
    float: left;
    width: 100%;
    height: 415px;
    overflow-y: scroll;
    position: relative;
    left: 0 !important;
    background-color: #f8f8f8;
}

.autocompleteLeftItem{
    background-color: #f8f8f8;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0!important;
}
.autocompleteLeft a{
    text-decoration: none;
    float: left;
    width: 100%;
    padding: 10px!important;
    line-height: 1.4;
}
.autocompleteLeft a:hover{
    color: white;
    background-color: #e30613;
}

/*AUTOCOMPLETE RIGHT*/
.autocompleteRight{
    float: left;
    width: 100%;
    max-height: 416px;
    overflow-y: scroll;
    right: 0;
}
.ui-state-active{
    border: 1px solid transparent!important;
}
.autocompleteRight .ui-menu-item:hover{
    background-color: white;
}
.autocompleteRight tbody{
    background-color: transparent;
}

/*AUTOCOMPLETE GENERAL*/
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px;
}
.ui-helper-hidden-accessible{
    margin: -1px;
}
.autocompleteRightItem .ui-state-focus,.autocompleteRightItem .ui-state-active{
    min-height: 90px!important;
}
.ui-state-hover:hover, .ui-widget-content .ui-state-hover:hover, .ui-widget-header .ui-state-hover:hover, .ui-state-focus:hover, .ui-widget-content .ui-state-focus:hover, .ui-widget-header .ui-state-focus:hover, .ui-state-active:hover, .ui-state-hover:focus, .ui-widget-content .ui-state-hover:focus, .ui-widget-header .ui-state-hover:focus, .ui-state-focus:focus, .ui-widget-content .ui-state-focus:focus, .ui-widget-header .ui-state-focus:focus, .ui-state-active:focus, .ui-state-hover:active, .ui-widget-content .ui-state-hover:active, .ui-widget-header .ui-state-hover:active, .ui-state-focus:active, .ui-widget-content .ui-state-focus:active, .ui-widget-header .ui-state-focus:active, .ui-state-active:active{
    background-color: transparent;
}
.autocompleteRightItem{
    min-height: 88px !important;
    border-bottom: 1px solid #eee;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background-color: white;
}
.ui-widget-content{
    border: 0;
}
.autocompleteMain{
    border: 1px solid #eee;
}
.noSelect{
    padding: 10px!important;
    cursor: pointer!important;
}
.autocompleteSingleList .autocompleteLeftLi{
    padding: 0;
}
.autocompleteTitle{
    font-family: 'gotham_condensedbold';
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.autocompleteSubTitle{
    font-size: 12px;
}
.autocompletePrice{
    font-family: 'gotham_condensedbold';
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.autocompleteRightLi{
    position: relative;
}
.autocompleteRightLastItem {
    float: left;
    min-height: inherit !important;
    width: 100%;
    text-align: center;
    padding: 0 !important;
    bottom:0;
    position: sticky !important;
}
.autocompleteRightLastItem a{
    padding: 10px;
    float: left;
    width: 100%;
    text-decoration: none;
    font-family: 'gotham_condensedbold';
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
    background-color: #eee;
}
.autocompleteRightLastItem a:hover{
    color:white;
    background-color: #e30613;
}

.autocompleteRightLastItem .ui-state-focus, .autocompleteRightLastItem .ui-state-active {
    min-height: inherit!important;
}
/*SPAREPARTS*/
#spareparts_search{
    float:left;
    width: 800px;
    max-width: 100%;
    padding: 25px;
    font-size: 22px;
    font-family: 'gotham_condensedbook';
    color: black;
    border: 1px solid #e7e7e7;
    border-radius: 60px;
    outline: none;
    position: relative;
    background-color: #e8e7e8;
}
#spareparts_container{
    float:left;
    width: auto;
    position: relative;
}
#spareparts_container:after{
    position: absolute;
    color: #c0c0c0;
    top: 50%;
    margin-top: -25px;
    font-size: 20px;
    right: 40px;
    content: '\f002';
    font-family: "FontAwesome";
}
.leftColumn #spareparts_container:after{
    margin-top: -15px;
    font-size: 16px;
    right: 20px;
}
.leftColumn #spareparts_container{
    width: 100%;
}
#spareparts_search::-webkit-input-placeholder {
    color: black;
}
#spareparts_search::-moz-placeholder {
    color: black;
}
#spareparts_search:-ms-input-placeholder {
    color: black;
}
#spareparts_search:-moz-placeholder {
    color: black;
}
.leftColumn #spareparts_search{
    padding: 15px 20px;
    font-size: 14px;
    width: 100%;
    position: relative;
}
.autocompleteSpareparts{
    margin-top: 10px;
    max-width: 800px;
    right: auto;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    min-height: 50px;
    max-height: 300px;
    overflow-y:scroll;
    min-width: inherit;
}
.ui-menu-item:hover{
    background-color: #f7f7f7;
}
.ui-menu-item:hover table tbody{
    background-color: #f7f7f7;
}

/*SEARCHBOX*/
.searchBoxSub{
    width: 100%;
    margin: 20px 0;
    float: left;
}
.videoSlide{
    position: relative;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    float: left;
}
#bgndVideo{
    float:left;
    width: 100%;
    height: 100%!important;
}
.inline-YTPlayer{
    height: 100%;
}
.ytp-title-text, .ytp-pause-overlay{
    display: none!important;
}
.inline-YTPlayer{
    min-width: 100%;
}
.line14{
    line-height: 1.4;
}
.whatsnew{
    line-height: 1.8;
    font-size: 14px!important;
    text-transform: none;
    font-family: 'gotham_bold'!important;
    letter-spacing: 0.4px;
}

/* SIZE GUIDES */
table.size_guide {
    width:100%;
}
table.size_guide thead {
    font-weight: bold;
}
table.size_guide tbody tr:nth-child(odd) {
    background-color: #f1f1f1
}
table.size_guide tr:hover {
    background-color: #e30714 !important;
    color: white;
}
table.size_guide th, table.size_guide td {
    text-align: center;
}
.sizeTableButton{
    position: relative;
    top: -6px;
    margin-left: 10px;
    right: 0;
    padding: 4px 6px 8px 6px!important;
    font-size: 14px!important;
    z-index: 98;
    border: 1px solid black!important;
}
.sizeTableButton span{
    margin-top: 4px;
    float: left;
}
.ruler{
    width: 20px;
    margin-right: 10px;
    margin-top: 3px;
    float: left;
}
.sizeTableButton:hover .ruler {
    filter: invert(1) sepia(0) saturate(100) hue-rotate(0deg);
}
.sizeTableBtn{
    float: right;
    width: auto;
    font-size: 15px;
    font-family: 'gotham_book';
    letter-spacing: 0;
    text-transform: none;
    margin-left: 5px;
    border-bottom: 1px solid black;
    text-decoration: none!important;
    line-height: 1.3;
    margin-top: 11px;
}
.sizeTableBtn:hover{
    color: #404040!important;
    border-bottom: 1px solid #404040;
}
#size_guide{
    max-width: 600px;
}
.size_guide{
    font-size: 13px;
}
.sizeTableButton.noSizeSelection{
    position: absolute;
    right: 0;
    top: -6px;
}
.switch {
    position: relative;
    float: right;
    height: 26px;
    width: 120px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    font-family: 'gotham_condensedbook';
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 60px;
    line-height: 26px;
    font-size: 15px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
    cursor: pointer;
}

.switch-label:active {
    font-weight: normal;
}

.switch-label-off {
    padding-left: 2px;
}

.switch-label-on {
    padding-right: 0px;
}

.switch-input {
    display: none;
}

.switch-input:checked + .switch-label {
    font-weight: normal;
    color: white;
    text-shadow: 0 1px rgba(255, 255, 255, 0.25);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.switch-selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 58px;
    height: 22px;
    background: #e30714;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #e30714, #bb0713);
    background-image: -moz-linear-gradient(top, #e30714, #bb0713);
    background-image: -o-linear-gradient(top, #e30714, #bb0713);
    background-image: linear-gradient(to bottom, #e30714, #bb0713);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 60px;
}

.productStock{
    position: relative;
    float: left;
    width: 100%;
    line-height: 2.1;
    padding-left: 17px;
    margin-bottom: 10px;
    margin-top: -10px;
}
.uspBar{
    width: 100%;
    float: left;
    background-color: #e7e7e7;
    position: relative;
    z-index: 10;
    overflow: hidden;
    border-bottom: 1px solid #E7E7E7;
    padding: 12px 0;
}
.uspItems{
    float: left;
    margin: auto;
    display: block;
    list-style-type: none;
    text-align: center;
    height: 20px;
    max-height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
}
.uspItems li{
    width: auto;
    margin-right: 20px;
    float: none!important;
    display: inline-block;
    text-align: center;
}
.uspItems li:last-child{
    margin-right: 0;
}
.uspItems li .icon{
    float:left;
    margin-right: 10px;
}
.mobileToggleLegend{
    display: none;
}
.searchInput{
    float: left;
    width: calc(100% - 80px);
    padding: 5px 10px;
    font-size: 16px;
    font-family: 'gotham_condensedbook';
    height: 40px;
    outline: none;
    border: none;
}
.searchButton{
    float: left;
    width: 80px;
    padding: 10px;
    background-color: #e30714;
    color: white;
    font-size: 16px;
    font-family: 'gotham_condensedbook';
    outline: none;
    border: none;
    height: 40px;
}
#blogSlider{
    float:left;
    width: calc(100% + 20px);
    margin-left: -10px;
    position: relative;
}
#blogSlidernoSlider{
    float: none;
    margin: auto;
    width: auto;
    display: table;
}
#blogSlidernoSlider .item{
    width: 400px;
    float:left;
}
.productVariant {
    border:1px solid white;
    width: 10%!important;
    min-width: 60px;
    margin: 0 0 10px 0;
}
.productVariant.productVariantSelected {
    border:1px solid black!important;
}
.productVariant.productVariantSelected a{
    color: black;
}
.productVariant a{
    text-align: center;
    width: 100%;
    text-decoration: none;
    float:left;
}
.productVariant:hover{
    background-color: white;
    color: black;
    border:1px solid #cfcfcf;
}
.productVariant:hover a{
    background-color: white;
    color: black;
}
.productVariant.productVariantSelected{
    color: black;
}
.grecaptcha-badge{
    display: none !important;
}
.pointer{
    cursor: pointer!important;
}
.inCenter{
    float: none;
    margin: auto;
}
.productVideos.inCenter {
    width:50%;
    padding-left:0;
}
.discountBtn{
    float: left;
    width: 100%;
    margin: 10px 0;
    line-height: 1;
}
.discountBtn .btn{
    float: right;
    color: red;
}
.discountBtn .btn:hover{
    color: #c10000;
}
.labelMobileMenu{
    display: none;
}

#fancyboxMaps{
    display: none;
    max-width: 800px;
    padding: 0!important;
}

#pickup_current_location{
    width: 50% !important;
}

#pickup_current_location_search{
    font-size: 21px;
    line-height: 18px;
    padding: 7px;
    margin-left: 5px;
}

#pickup_point_list{
    overflow-y: scroll;
    max-height: 400px;
    overflow-x: hidden;
}
.imagesList{
    width: calc(20% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    float:left;
    margin-bottom: 10px;
}
.imagesList a{
    float: left;
    width: 100%;
}
.imagesList img{
    float: left;
    width: 100%;
}
.cartItem{
    position: relative;
}
.deleteTrashIcon{
    font-size: 20px;
    color: #676767!important;
    left: 140px;
    top: 0;
    position: absolute;
}
.deleteTrashIcon:hover{
    color: black!important;
}
.both{
    clear: both;
}
/*SELECTCOL*/
.selectBoxCol {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid black;
    -webkit-appearance: none;
    height: 32px;
    padding-right: 30px;
    background-color: transparent;
}
.selectBoxCol:after {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 14px;
    color: #4e4f4f;
    content: '\f107';
    font-family: "FontAwesome";
    z-index: 0;
    transform: translateY(-50%);
}
.selectBox {
    width: 100%;
    cursor: auto;
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-family: 'gotham_book';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    overflow: hidden;
    color: #2d2d2d;
    float: left;
    height: 32px;
    padding: 0px 10px;
    border: none;
    -webkit-appearance: none;
    background-color: white;
}
option{
    color: black;
}
.cartScroll{
    display: none;
}
.socialMenu{
    float:left;
    width: 100%;
    margin-top: 10px;
}

.socialMenu li{
    float: left;
    width: 100%;
}

.socialMenu li a{
    float: left;
    color: black;
    text-decoration: none;
    display: inline-block;
    font-size: 14.5px;
    line-height: 1.8;
    margin: 0;
    font-family: 'gotham_book';
    letter-spacing: normal;
}

.socialMenu li a:hover {
    color: #e30613;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.storeFinder, .dealerLink{
    float: right;
    color: #353535;
    font-family: 'gotham_book';
    font-size: 14px;
    margin-right: 10px;
    letter-spacing: normal;
    cursor: pointer;
    position: relative;
    margin: 10px 10px;
}
.storeFinderLink, .dealerLink a{
    text-decoration: none;
}

.storeFinderLink{
    text-decoration: none;
}
.expoHeader{
    float: left;
    width: 100%;
    background-color: #181818;
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.expoLogo{
    float: left;
    width: 180px;
}
.expoLogo img{
    float: left;
    width: 100%;
}
.expoMenuCol {
    float: left;
    width: calc(100% - 350px);
    margin-top: 15px;
}
.expoMenu{
    float: none;
    margin: auto;
    display: table;
}
.expoMenu li{
    float: left;
    margin-right: 300px;
    position: relative;
}
.expoMenu li:last-child{
    margin-right: 0;
}
.expoMenu li a{
    float: left;
    padding: 10px 5px;
    color: white;
    text-decoration: none;
    font-family: 'gotham_condensedbold';
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}
.expoMenu li a:hover{
    border-bottom: 2px solid white;
}
.expoMenu li:hover .sub {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.expoMenu .sub {
    z-index: 99;
    position: absolute;
    width: 300px;
    top: 44px;
    border-top: 32px solid #181818;
    background-color: black;
    -webkit-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.09);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    font-family: 'gotham_book';
}
.expoMenu .sub li {
    float: left;
    width: 100%;
    margin: 0!important;
    border-bottom: 1px solid #404040;
    position: relative;
}

.expoMenu .sub li a{
    float: left;
    font-size: 15px;
    padding: 10px;
    width: 100%;
    font-family: 'gotham_book';
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
}
.expoMenu .sub .sub{
    background-color: #131313;
    border-top: 0px solid #181818!important;
    top: 0;
    left: 300px;
    -webkit-transform: scaleY(0)!important;
    -ms-transform: scaleY(0)!important;
    transform: scaleY(0)!important;
    -webkit-transform-origin: 0 0!important;
    -ms-transform-origin: 0 0!important;
    transform-origin: 0 0!important;
}
.expoMenu .sub li:hover .sub{
    -webkit-transform: scaleY(1)!important;
    -ms-transform: scaleY(1)!important;
    transform: scaleY(1)!important;
}
.expoMenu .sub li a{
    border-bottom: none!important;
}
.expoMenu .sub li:hover a{
    border-bottom: 0!important;
    background-color: #1f1f1f;
}
.expoMenu .sub .sub li a{
    background-color: #111111;
}
.expoMenu .sub .sub li a:hover{
    background-color: #2a2a2a;
}
.expoHeader .languageCol{
    position: relative;
}
.expoHeader .languageCol .currentLanguage:after{
    position: absolute;
    content: '\f0d7';
    font-family: "FontAwesome";
    color: white;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.expoHeader .languageCol .currentLanguage{
    padding: 10px;
    border: 1px solid white;
    color: white;
    width: 150px;
    margin-top: 10px;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
}
.expoFooter{
    background-color: #181818;
    float: left;
    width: 100%;
    padding: 50px 0;
}
.topMenu{
    float: left;
}
.topMenu li{
    float: left;
    padding: 0 10px;
    border-right: 1px solid white;
}
.topMenu li a{
    color: white;
    font-size: 14px;
    line-height: 1.8;
    font-family: 'gotham_book';
    letter-spacing: normal;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding: 3px 0;
}
.topMenu li:last-child{
    border-right: none;
}
.topMenu li a:hover{
    border-bottom: 1px solid white;
}
.socialMenuFooter{
    float: left;
}
.socialMenuFooter li{
    float: left;
    margin-right: 30px;
}
.socialMenuFooter li:last-child{
    margin-right: 0;
}
.socialMenuFooter li a{
    float: left;
    color: white;
    font-size: 23px;
}
.socialMenuFooter li a:hover{
    color: #e30613;
}
.expoFooter .footerLandingsMenu {
    float: left;
    margin-top: 10px;
}
.expoFooter .footerLandingsMenu li {
    float: left;
}
.footerLandingsMenu li a {
    color: #1287ba;
    font-size: 14px;
    line-height: 1.8;
    font-family: 'gotham_book';
    letter-spacing: normal;
    text-decoration: none;
    padding: 0 10px;
    border-right: 1px solid #1287ba;
}
.expoFooter .footerLandingsMenu li:last-child a{
    border-right: none;
}
.expoFooter .footerLandingsMenu li a:hover {
    color: #e30613;
}
.buttonsExpo{
    float:left;
    width: 100%;
}
.buttonsExpo li{
    float:left;
    margin-right: 20px;
}
.buttonsExpo li:last-child{
    margin-right: 0;
}
.salesrep_link_col{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}
#salesrep_link{
    background-color: #e30714;
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    font-family: 'gotham_condensedbold';
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    float: left;
    width: 50px;
    height: 200px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#salesrep_link:hover{
    background-color: #d00310;
}
#salesrep_link span{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    width: 200px;
    display: block;
    margin-left: -89px;
    margin-top: 80px;
    text-align: center;
}
#salesrep{
    max-width: 700px;
}
.chatButton i{
    font-size: 12px;
    vertical-align: middle;
}
.iframeMovie{
    float: left;
    width: 100%;
}
.iframeMovie iframe{
    float: left;
    width: 100%!important;
    height: auto!important;
    min-height: 300px;
}
.expoDefaultInfo{
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.expoDefaultInfo li{
    display: inline-block;
    float: none;
    margin-right: 10px;
    margin-bottom: 10px;
}

.expoDefaultInfo li:last-child{
    margin-right: 0px;
}
.redGhostLink{
    float:left;
    border: 2px solid #e30714;
    padding: 10px 15px;
    font-size: 20px;
    font-family: 'gotham_condensedbold';
    color: #e30714;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
}

.redGhostLink:hover{
    background-color: #e30714;
    color: white;
}
.blackGhostBack{
    float: left;
    width: auto;
    padding: 10px;
    border: 1px solid black;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    margin-top: -30px;
    border-radius: 5px;
}
.blackGhostBack:hover{
    background-color: black;
    color: white;
}
.leftForm{
    float: left;
    width: 120px;
    line-height: 36px;
}
.rightForm{
    padding-left: 15px;
    float: left;
    width: calc(100% - 120px);
}
.rightForm .inputbox{
    border: 1px solid #818181;
    border-radius: 3px;
}
.countries{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.countryLink{
    float: left;
    width: 33.33%;
    padding: 10px;
}
.countryLink a{
    float: left;
    width: 100%;
    border: 1px solid transparent;
}
.countryLink a:hover{
    border: 1px solid #cecece;
}
.vimeoSlider video::-webkit-media-controls {
    display: none;
}

.vimeoSlider {
    pointer-events: none;
    overflow: hidden;
    z-index: 20;
    background-color: black;
    position: relative;
    width: 100%;
    padding-top: 34.5%;
}
.vimeoSlider video {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
}

.megaMenuOuter{
    float: left;
    width: calc(100% - 450px);
    margin-top: 13px;
    margin-left: 20px;
    position: relative;
}
.menuItem{
    float: left;
    font-family: 'gotham_bold'!important;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0;
    font-size: 14px;
    color: black;
    padding: 14px 15px;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    cursor: pointer;
}
.menuItem.extra{
    position: relative;
}
.menuItem a{
    text-decoration: none;
}
.menuItem:last-child{
    margin-right: 0;
}
.menuItem:hover{
    border-bottom: 2px solid transparent;
}



.megaMenu{
    top: 40px;
    padding: 0px;
    position: absolute;
    width: 100%;
    z-index: 100;
    display: none;
    left: 0;
}
.megaMenu.extra{
    width: 250px;
}
.megaMenu.extra .leftMegaMenu{
    padding: 20px;
}
.megaMenu.extra .leftMegaMenu li a{
    text-transform: none;
    font-family: 'gotham_bold'!important;
    letter-spacing: 0.5px;
    padding: 5px;
    float: left;
    width: 100%;
}
.megaMenu.extra .leftMegaMenu li a:hover{
    background-color: black;
    color: white;
}
.underMenu{
    top: 40px;
    position: absolute;
    background-color: white;
    padding: 30px;
    width: 100%;
    z-index: 100;
    display: none;
    left: 0;
}
.underMenu a{
    text-decoration: none!important;
}
.menuItem:hover .megaMenu, .menuItem:hover .underMenu{
    display: block;
}
.leftMegaMenu{
    float: left;
    width: 250px;
    padding: 20px 0px 20px 20px;
    background-color: white;
}
.leftMegaMenu li{
    text-decoration: none;
}
.leftMegaMenuSub{
    float:left;
    width: 100%;
}
.leftMegaMenuSub li{
    float: left;
    width: 100%;
}
.leftMegaMenuSub li:hover .rightMegaMenu{
    display: block;
}
.rightMegaMenu{
    width: calc(100% - 250px);
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    display: none;
    background-color: white;
    height: 100%;
}
.categorieItem{
    float:left;
    width: 100%;
    text-decoration: none;
    padding: 5px 10px;
    text-transform: none;
    cursor: pointer;
    line-height: 1.8;
    letter-spacing: 0.4px;
    font-size: 14px!important;
    font-family: 'gotham_bold'!important;
}
.leftMegaMenuSub li:hover .categorieItem{
    background-color: black;
    color: white;
}
.rightMegaMenu a{
    text-decoration: none;
}
.categorieMenu{
    float:left;
    width: 100%;
}
.categorieMenu li{
    float:left;
    width: 100%;
}
.categorieMenu li a{
    float:left;
    width: 100%;
    line-height: 1.8;
    text-transform: none;
    font-size: 13px;
    font-family: 'gotham_book';
    letter-spacing: 0.4px;
}
.categorieMenu li.categorieMain a{
    font-size: 14px!important;
    text-transform: none;
    font-family: 'gotham_bold'!important;
}
.categorieMenu li a:hover{
    color: #e30613;
}
.fourColumnMenu{
    float: left;
    width: 25%!important;
    padding-left: 10px;
    padding-right: 10px;
}
.fiveColumnMenu{
    float: left;
    width: 20%!important;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.overlayMenu{
    display: none;
    position: fixed;
    z-index: 30;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,0.6);
}
.overlayMenu.open{
    display: block;
}

.qty_select{
    border: 1px solid #757575;
    height: 50px;
    width: 50px;
    margin-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'gotham_book';
}

.sortText{
    padding-top: 5px;
}
.breadCrumbs{
    float: left;
    color: black;
    font-size: 12px;
    line-height: 1.4;
    font-family: 'gotham_book';
    letter-spacing: normal;
    width: 100%;
}
.breadCrumbs li{
    float:left;
    width: auto;
    position: relative;
}
.breadCrumbs li:after{
    position: relative;
    content: '-';
    padding: 0 7px;
    float: right;
}
.breadCrumbs li:last-child:after{
    display: none;
}
.breadCrumbs li a{
    text-decoration: none;
}
.breadCrumbs li a:hover{
    text-decoration: underline;
}

.productTitle{
    float: left;
    width: 100%;
    letter-spacing: 0.2px!important;
    font-family: 'gotham_bold';
    font-size: 23.5px!important;
    line-height: 1.3!important;
}
.productSubTitle{
    float: left;
    width: auto;
    letter-spacing: 0.2px!important;
    font-family: 'gotham_bold';
    font-size: 20px!important;
    line-height: 1.3!important;
    text-transform: none!important;
    padding-top: 10px!important;
}
.productSubTitle i{
    font-size: 14px;
    letter-spacing: 0;
    font-family: 'gotham_book';
    vertical-align: middle;
}
.fs25{
    font-size: 25px!important;
}
.detailRanking .ranking{
    font-size: 12px;
    width: auto;
}
.detailRanking .ranking li {
    color: #e30813;
}
.kioskLeft{
    float:left;
    width: calc(75% - 60px);
    margin-right: 40px;
}
.kioskRight{
    float:left;
    width: calc(25% - 20px);
    margin-left: 40px;
}
.popUpItem{
    max-width: 700px;
}
.productColumn .addCart{
    top: 25px;
}

/*CHECK + RADIO*/
.customFilter{padding: 0px 0px 15px; margin-top: -5px;}
#add-cart-box .button{
    font-family: 'gotham_bold';
    letter-spacing: 0;
    font-size: 14px;
    text-transform: none;
    padding: 16px 19px;
    line-height: 1;
}

.custom input[type="checkbox"]:not(:checked), .custom input[type="checkbox"]:checked {position: absolute; left: -9999px;}
.custom input[type="checkbox"]:not(:checked) + label, .custom input[type="checkbox"]:checked + label {float: left; position: relative; padding-left: 30px; cursor: pointer; padding-top: 0px; line-height: 1.7; color: black; font-family: 'gotham_book'; font-size: 12px; width: 100%;}
.custom input[type="checkbox"]:not(:checked) + label:before, .custom input[type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid #909090; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: white;}
.custom input[type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.custom input[type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1);}
.custom input[type="checkbox"]:not(:checked) + label:after, .custom input[type="checkbox"]:checked + label:after {content: ''; position: absolute; top: 1px; left: 1px; border-radius: 3px; background-color: #000000; width:17px; height: 17px; transition: all .2s;}

.custom input[type="radio"]:not(:checked), .custom input[type="radio"]:checked {position: absolute; left: -9999px;}
.custom input[type="radio"]:not(:checked) + label,
.custom input[type="radio"]:checked + label {position: relative; padding-left: 30px; cursor: pointer; padding-top: 0px; letter-spacing: 0; color: #636466; font-family: 'gotham_book'; font-size: 14px; line-height: 19px; width: 100%;}
.custom input[type="radio"]:not(:checked) + label:before, .custom input[type="radio"]:checked + label:before {content: ''; position: absolute; left: 0px; top: 1px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #263232;}
.custom input[type="radio"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.custom input[type="radio"]:checked + label:after {opacity: 1; transform: scale(1);}
.custom input[type="radio"]:not(:checked) + label:after, .custom input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 4px; left: 3px; height: 12px; width: 12px; border-radius: 50%; background-color: #263232; transition: all .2s;}

.stores{float:left; width: 100%; display: flex; align-items: center; margin-top: 20px; cursor: pointer;}
.stores:hover .storeText{color: #e30813;}
.stores img{float: left; width: 25px;}
.storeText{float: left; width: calc(100% - 25px); padding-left: 10px; color: black; font-size: 13px; line-height: 1.6;text-decoration: underline;}

#storelocator{min-width: 900px; padding: 0;}
.storeLocatorMaps{float:left; width: 550px; height: 600px;}
#storeLocatorIframe{float:left; width: 100%; height: 600px;}
.storeLocatorList{float:left; width: 350px; max-height: 600px; overflow: auto;}

.storeLocatorProduct{float:left; width: 100%; border-bottom: 1px solid #eee; padding: 10px; display: flex; align-items: center;}
.imageProduct{float:left; width: 80px;}
.imageProduct img{float:left; width: 100%;}
.textProduct{float:left; width: calc(100% - 80px); padding-left: 20px;}
.storeLocatorListItem{float:left; width: 100%; border-bottom: 1px solid #eee; padding: 10px;}
.storeLocatorListItem:hover{background-color: #e6e6e6;}

.boldFont{font-family: 'gotham_bold';}
#resellercontent{float: left;width: 100%;}
.moreInfoBtn{padding: 5px 14px; float: left; border-radius: 4px; background-color: #e30613; color:white!important; margin-top: 5px; text-decoration: none!important;}
.moreInfoBtn i{margin-right: 5px; color: white;}
.moreInfoBtn:hover{background-color: #cd0612;}
.noTransform{text-transform: none!important;}

.tableBorder tr td{
    border-bottom: 1px solid #d0d0d0;
    padding: 5px 0;
}
.responsiveTablesShow tr td{
    border-bottom: none;
    padding: 0;
}
.viewmore{
    float: left;
    color: black;
    font-size: 18px;
    line-height: 1.6;
    font-family: 'gotham_book';
    border-bottom: 1px solid black;
    text-decoration: none;
    padding-bottom: 5px;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.viewmore:hover{
    padding-bottom: 2px;
    margin-bottom: 3px;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.gridItem{
    float:left;
    width: 100%;
}
.gridLeft{
    float:left;
    width: calc(50% - 20px);
    height: 1000px;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center;
    position: relative;
}
.gridRight{
    float:right;
    width: calc(50% - 20px);
}
.gridRightItem{
    float: left;
    width: 100%;
    height: 480px;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center;
    position: relative;
}
.gridRightItem:nth-child(2n){
    margin-top: 40px;
}
.gridText{
    position: absolute;
    color: white;
    font-size: 18px;
    line-height: 1.6;
    font-family: 'gotham_book';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.gridText.top{
    top: 30px;
}
.gridText.bottom{
    bottom: 30px;
}
.gridText.left{
    left: 30px;
}
.gridText.right{
    right: 30px;
}
.grid{
    display: grid;
}
.grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-flow-col{
    grid-auto-flow: column;
}
.gap-20{
    gap: 20px;
}
.gap-40{
    gap: 40px;
}
.gap-60{
    gap: 60px;
}
.row-span-3{
    grid-row: span 3 / span 3;
}
.row-span-2{
    grid-row: span 2 / span 2;
}
.row-span-1{
    grid-row: span 1 / span 1;
}
.col-span-1{
    grid-column: span 1 / span 1;
}
.col-span-2{
    grid-column: span 2 / span 2;
}
.col-span-3{
    grid-column: span 3 / span 3;
}
.grid-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.progressItem{
    float:left;
    width: 100%;
    height: 10px;
    background-color: white;
    border: 1px solid black;
    position: relative;
}
.progressItem span{
    position: absolute;
    height: 10px;
    background-color: black;
    top: 0px;
    left: 0px;
}
.min100{
    min-height:100%;
}
.min100 img{
    opacity: 0;
}
.centerBack{
    background-position: center;
}
.bottomImage{
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
}
.bottomImage .viewmore{
    border-bottom: 1px solid white;
}
.bottomImage .blackColor.viewmore{
    border-bottom: 1px solid black;
}
.bottomImage .greyColor.viewmore{
    border-bottom: 1px solid #b4b4b4;
}
.leftText{
    text-align: left!important;
}
.sizeColumn{
    float:left;
    width: 100%;
    position: relative;
    margin-top: 10px;
    font-size: 14px;
}
.sizeColumn.active .sizeList{
    display: block;
}
.sizeColumnSelected{
    float:left;
    width: 100%;
    position: relative;
    border: 1px solid black;
    padding: 10px 30px 10px 10px;
    border-radius: 3px;
    cursor: pointer;
}
.sizeColumnSelected:after{
    position: absolute;
    content: '\f107';
    font-family: 'FontAwesome';
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: black;
}
.sizeColumn.active .sizeColumnSelected:after{
    content: '\f106';
}
.sizeList{
    float:left;
    width: 100%;
    position: absolute;
    top: 50px;
    background-color: white;
    border-radius: 3px;
    z-index: 80;
    border: 1px solid black;
    margin: 0!important;
    padding:0!important;
    display: none;
}
.sizeList li{
    float:left;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    list-style: none;
    cursor: pointer;
    position: relative;
}
.sizeList li:hover{
    background-color: #f6f6f6;
}
.sizeList li.notAvailable{
    background-color: #e6e6e6!important;
    cursor: not-allowed;
}
.sizeList .floatRightI{
    position: relative;
    min-width: 20px;
}
.sizeListLoading {
    float: left;
    width: 20px;
}
.sizeListLoading img {
    width: 100%;
    margin-top: 7px;
    float: left;
}
.grid-2{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fullimage{
    float:left;
    width: 100%;
}
.fullimage img{
    float: left;
    min-width: 100%;
    width: 100%;
}
.marketingTextPostion0{
    position: absolute;
    padding: 50px;
    max-width: 500px;
    top: 0;
    left: 0;
    z-index: 9;
}
.marketingTextPostion1{
    position: absolute;
    padding: 50px;
    max-width: 500px;
    top: 0;
    right: 0;
    z-index: 9;
}
.marketingTextPostion2{
    position: absolute;
    padding: 50px;
    max-width: 500px;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.marketingTextPostion3{
    position: absolute;
    padding: 50px;
    max-width: 500px;
    bottom: 0;
    right: 0;
    z-index: 9;
}
.s-showI{
    display: none!important;
}
.faqItem{
    float: left;
    width: 100%;
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #acacac;
    transition: all 200ms ease-in-out;
}
.faqItem:last-child{
    border-bottom: none;
}
.faqTitle{
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer !important;
}
.faqImage{
    float:left;
    width: 100px;
}
.faqImage img{
    float:left;
    width: 100%;
}
.faqMainTitle{
    display: flex;
    flex: 1;
    padding-left: 15px!important;
}
.faqIcon{
    position: relative;
    width: 16px;
    height: 16px;
}
.faqIcon:before{
    top: 50%;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: black;
    transform: translateY(-50%);
    content: '';
    position: absolute;
}
.faqIcon:after{
    top: 0;
    left: 50%;
    height: 100%;
    width: 2px;
    background-color: black;
    transform: translateX(-50%);
    content: '';
    position: absolute;
}
.faqItem.active .faqIcon:after{
    display: none;
}
.faqDetail{
    height: 0;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 115px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}
.faqItem.active .faqDetail{
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}
.faqDetailMobile{
    display: none;
    width: calc(100vw - 85px)!important;
    padding: 20px 0;
    background-color: white;
}
.sm_amount {
    font-size: 10px;
}

.pickup_point_item{
    padding: 10px;
    background-color: white;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    line-height: 1.5;
}
.pickup_point_item:nth-child(odd){
    background-color: #f2f2f2;
}
.pickup_point_item .location_name{
    font-family: 'gotham_condensedbold';
    font-size: 20px;
    text-transform: uppercase;
}
.pickup_point_item a{
    font-family: 'gotham_condensedbold';
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 2px 10px;
    background-color: #e30813;
    color: white;
    border-radius: 4px;
    margin-top: 5px;
    float: left;
}
.pickup_point_item a:hover{
    background-color: #d0040f;
}
#pickup_point_maps {
    min-height: 160px;
}
.linkBtn.leftDiv{
    float:left;
}
.linkBtn.rightDiv{
    float: right;
}
.linkBtn.rightDiv{
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.linkBtn.rightDiv a:first-child{
    margin-left: 0;
}
.linkBtn.leftDiv a{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.linkBtn.leftDiv a:last-child{
    margin-right: 0;
}
.linkBtn.centerDiv a{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.linkBtn.centerDiv a:last-child{
    margin-right: 0;
}
.makeFontBigger .fs40, .makeFontBigger .paragraph, .makeFontBigger a span {
    transform: scale(1.05);
    transform-origin: left;
}
.makeFontSmaller .fs40, .makeFontSmaller .paragraph, .makeFontSmaller a span {
    transform: scale(0.95);
    transform-origin: left;
}
.overlayText{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    margin: 0;
}
/*ACCOUNT*/
.iconList{
    float:left;
    width: 100%;
    padding: 20px 0;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    font-size: 15px;
}
.iconList li{
    float: left;
}
.iconList li a:hover{
    background-color: #f3f3f3;
    border-radius: 4px;
}
.iconList li a{
    padding: 10px 25px;
    float: left;
    width: 100%;
}
.iconList li .svgIcon, .iconList li .svgIcon svg{
    float:left;
    width: 24px;
}
.iconList li .textIcon{
    float: left;
    width: calc(100% - 24px);
    padding-left: 15px;
    line-height: 24px;
}

.swiper-button-next:after, .swiper-button-prev:after{
    display: none!important;
}
.swiper-button-next{
    position: absolute;
    top: calc(50%);
    transform: translate(0%, -50%);
    right: 0px;
    color: black;
    width: 33px;
    background-color: #ffffffb0;
    margin-top: 0;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
}
.swiper-button-prev{
    position: absolute;
    top: calc(50%);
    transform: translate(0%, -50%);
    left: 0px;
    color: black;
    width: 33px;
    background-color: #ffffffb0;
    margin-top: 0;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
}
.swiper-button-disabled{
    display: none!important;
}
.bzfy-gate-product-buy-button, .sqzly-btn {
    border-radius: 50px !important;
}
.bzfy-o-context{
    float:left;
}

.warningMessageMobile{
    display: none;
}

.gallery-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.gallery-main {
    width: calc(100% - 130px);
}
.gallery-main .swiper-button-prev, .gallery-main .swiper-button-next {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 50%;
    left: auto;
    height: 75px;
    width: 40px;
    color: black;
    background: transparent;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.gallery-main .swiper-button-prev{
    right: auto;
    left: 0;
}
.swiper-button-prev.swiper-button-disabled{
    opacity: 0!important;
}

.gallery-thumbs{
    position: relative;
    padding-bottom: 30px;
    overflow: hidden;
}
.gallery-thumbs .swiper-button-prev-thumb, .gallery-thumbs .swiper-button-next-thumb {
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    height: 40px;
    width: 120px;
    color: black;
    background: transparent;
    transform: translateX(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.gallery-thumbs .swiper-button-next-thumb{
    top: auto;
    bottom: -2px;
    width: 122px;
    background: white;
    height: 30px;
}
.swiper-button-disabled{
    opacity: 0!important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000000;
}

.gallery-main .swiper-button-prev::after, .gallery-main .swiper-button-next::after {
    font-size: 12px;
}
.gallery-main .swiper-button-prev {
    right: 40px;
}
.gallery-thumbs {
    order: -1;
    width: 130px;
    height: 580px;
}
.gallery-thumbs .swiper-slide {
    width: calc(100% - 5px)!important;
}
.gallery-thumbs .swiper-wrapper {
    height: calc(100% + 25px);
}
.gallery-thumbs .swiper-slide img
{
    border: 4px solid transparent;
    transition: 0.3s;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 0.9;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 1px solid black;
}
.gallery-thumbs .swiper-slide-thumb-active img {
    border: 4px solid transparent;
}
.swiper-pagination-bullet {
    width: 5px!important;
    height: 5px!important;
}
.tiktok{
    width: 12px;
    margin-right: 7px;
}
.preOrderButton{
    font-family: 'gotham_bold'!important;
    font-size: 12px!important;
    line-height: 1.5 !important;
    padding: 5px 10px 3px!important;
}