body { background: #FFF; }

a p { text-transform: none; text-transform: none; font-size: 18px; line-height: 26px; }
a p.small-p { font-size: 14px; line-height: 18px; margin: 0 auto 1em; padding-left: 1em; padding-right: 1em; }
.roma { font-family: "HelveticaNeueW02-55Roma"; }
.blcd { font-family: "HelveticaNeueW02-77BdCn_694066"; }
.bold { font-weight: bold; }
.uppercase { text-transform: uppercase; }
.white { color: #fff; }
.black { color: #000; }
.darkglow { text-shadow: 2px 1px 8px #000; }
.title { font-size: 36px; line-height: 36px; color: black; letter-spacing: 4px; text-align: center; float: left; width: 100%; font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; margin: 14px 0 35px 0; }
.row.full-width-row { max-width: 100%; background: white; }
.row.full-width-row.stockfiller-margin { padding-left: 0.5em; padding-right: 0.5em; }
.row.full-width-row .columns { padding-left: 0; padding-right: 0; }
.row.full-width-row.stockfiller-margin .columns { padding-top: 1em; padding: 0px 11px; }

.button { margin-top: 0.5em; margin-bottom: 0px; float: none; width: 100%; max-width: 245px; font-size: 16px; height: 50px; border: none; background: #fff; color: #000; letter-spacing: inherit; text-align: center; line-height: 50px; padding-top: 0; padding-bottom: 0; transition: background ease-in .25s; -webkit-transition: background ease-in .25s; z-index: 99; }
.button.border { border: 1px solid #ccc; }
.button.center { margin-left: auto; margin-right: auto; }

button.primary { border-style: none; border-width: 0; cursor: pointer; font-family: "HelveticaNeueW02-77BdCn_694066",Helvetica,sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.53846em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: .77778em; padding-right: 1.55556em; padding-bottom: .8547em; padding-left: 1.55556em; font-size: 1.38462em; background-color: #e72b1e; border-color: #be1f14; color: #fff; }

h1.blcd.white { font-size: 48px; letter-spacing: 2px; line-height: 55px; margin-bottom: 0.5em; }
h1.blcd.white.multiline { line-height: 48px; }
.row.full-width-row.stockfiller-margin .columns h2 { font-size: 24px; letter-spacing: 1px; }

.fullSlideLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }

.garnish-full-width.top-pad-default-med { padding-top: 0px; }
.garnish-full-width.bottom-pad-default-med { padding-bottom: 0px; }

.row.full-width-row.stockfiller-margin .media { text-align: center; }
.row.full-width-row.stockfiller-margin img { width: 100%; max-height: none !important; }
.device .row.full-width-row.stockfiller-margin img { width: auto; }

.thermoball .top-cont, .thermoball .bottom-cont { z-index: 99; margin-top: 30px; }
.thermoball .tnf-cont { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
.thermoball .logo { max-width: 200px; margin-bottom: 20px; }
.thermoball .button { display: inline-block; }
.thermoball .bottom-cont p { margin-bottom: 20px; }
.thermoball .bottom-cont .button { background: transparent; border: 1px solid #fff; color: #fff; }
.thermoball .bottom-cont .button.withplay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.thermoball .bottom-cont .button.withplay .fa { font-size: 2em; margin-left: 10px; }
.thermoball .bottom-cont .button:hover { background: #fff; color: #000; }
.thermoball .bottom-cont .button:hover .fa { color: #000; }
.videoPlay { position: absolute; margin: 0 auto; left: 0; right: 0; height: 72px; width: 72px; top: 50%; display: block; z-index: 999; }
.videoPlay:hover img { cursor: pointer; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
#videoDiv { width: 500px; height: 510px; margin: 0 auto; }
#videoDiv video { max-width: 100%; height: 500px; }
.show-xs { display: none; }
.hide-xs { display: block; }
/* HOMEPAGE BANNER */
.nospacing { letter-spacing: 0 !important; }
.medium { font-weight: 500 !important; }
.semibold { font-weight: 600 !important; }
.bold { font-weight: 700 !important; }
.size16 { line-height: 16px !important; font-size: 16px !important; margin-bottom: 20px !important; }
.size18 { line-height: 18px !important; font-size: 18px !important; margin-bottom: 20px !important; }
.size20 { line-height: 20px !important; font-size: 20px !important; margin-bottom: 20px !important; }
.size22 { line-height: 22px !important; font-size: 22px !important; margin-bottom: 20px !important; }
.size24 { line-height: 24px !important; font-size: 24px !important; margin-bottom: 20px !important; }
.size26 { line-height: 26px !important; font-size: 26px !important; margin-bottom: 20px !important; }
.size28 { }
.size30 { line-height: 30px !important; font-size: 30px !important; margin-bottom: 20px !important; }
.size35 { line-height: 35px !important; font-size: 35px !important; margin-bottom: 20px !important; }
.size40 { line-height: 40px !important; font-size: 40px !important; margin-bottom: 20px !important; }
.size45 { line-height: 45px !important; font-size: 45px !important; margin-bottom: 20px !important; }
.size50 { line-height: 50px !important; font-size: 50px !important; margin-bottom: 20px !important; }
.size55 { line-height: 55px !important; font-size: 55px !important; margin-bottom: 20px !important; }
.size65 { line-height: 65px !important; font-size: 65px !important; margin-bottom: 20px !important; }
.fontregular { font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; }
.fontcondregular { font-family: "Neue Helvetica VFDP Cond",helvetica,sans-serif !important; }
.textcenter { text-align: center !important; }




@media only screen and (max-width: 1200px) {
    h1.blcd.white.multiline { line-height: 44px; margin-bottom: 0.2em; }
    h1.blcd.white { font-size: 44px; letter-spacing: 2px; line-height: 50px; margin-bottom: 0.5em; }
    a p { text-transform: none; text-transform: none; font-size: 16px; line-height: 20px; }
    a p.small-p { font-size: 14px; line-height: 16px; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; margin: -10px auto 10px; }
}

@media only screen and (max-width: 1024px) {
    .button { height: 35px; line-height: 35px; max-width: 170px; font-size: 14px; }
    h1.blcd.white { font-size: 30px; line-height: 35px; }
    h1.blcd.white.multiline { line-height: 33px; }
    a p { text-transform: none; text-transform: none; font-size: 14px; line-height: 18px; }
    img.logo-series { max-width: 140px; }
    a p.small-p { font-size: 10px; line-height: 13px; padding-left: 1em; padding-right: 1em; margin-top: -5px; margin-bottom: 5px; }
    .stock-filler .button { max-width: 100%; text-decoration: underline; font-size: 13px; font-weight: 500; }
}

@media only screen and (max-width: 800px) {
    h1.blcd.white { font-size: 24px; line-height: 28px; }
    h1.blcd.white.multiline { line-height: 24px; }
    a p { margin-bottom: 0.5em; }
    a p.small-p { font-size: 7px; line-height: 10px; padding-left: 0.5em; padding-right: 0.5em; margin-top: -10px; }
}

@media screen and (max-width:639px) {
    .onlymob-left { text-align: left !important; }
    .onlymob-left .button { left: 0px; }
    .onlymob-right { text-align: right !important; }
    .onlymob-right .button { right: 0px; }
    .onlymob-black { color: #000; }
    .marginbottom { margin-bottom: 1em; }
    .image_with_overlay2 .overlay-content.full-width-block-padding-mob { padding-left: 0px; padding-right: 0px; }
    /*--------------------------- FIREFOX ---------------------------- */
    .row.overlay-content { padding-top: 0.7em; padding-bottom: 0.7em; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; }
    .image_with_overlay2 .overlay-content, .row.overlay-content .columns { height: 100%; }
    .vertical-center.image_with_overlay2 .overlay-content, .vertical-center.row.overlay-content .columns { height: inherit; }
    .vertical-center.image_with_overlay2 .overlay-content.full-width-block-padding-mob { padding-left: 0.5em; padding-right: 0.5em; }
    .button { position: absolute; bottom: 0px; height: 32px; line-height: 32px; max-width: 130px; font-size: 14px; }
    .button.topbtn { bottom: 34px; }
    .vertical-center .button { position: relative; }
    h1.blcd.white { font-size: 24px; line-height: 28px; }
    h1.blcd.white.multiline { line-height: 46px; font-size: 48px; margin-bottom: 0.2em; }
    a p { margin-bottom: 0.5em; }
    a p.small-p { font-size: 12px; line-height: 14px; padding-left: 0; padding-right: 1em; margin-top: 0px; }
    #videoDiv { width: 100%; height: auto; margin: 0 auto; }
    #videoDiv video { max-width: 100%; height: auto; }
    .videoPlay { top: 30%; }
    .tnf-banner.big-banner .tnf-cont,
    .tnf-banner.small-banner .tnf-cont { padding: 6vw 0.7em !important; }
    h2.size16 { letter-spacing: 0.52px !important; color: #000 !important; }
    .size28 { line-height: 28px !important; font-size: 19px !important; }
    .size65 { line-height: 19px !important; font-size: 19px !important; }
    .tnf-banner .button-cont { width: 90% !important; padding-top: 0 !important; margin-right: 5% !important; margin-left: 5% !important; }
    .tnf-banner .button-cont a { padding-left: 0 !important; }
    #body-container .tnf-banner .button-cont .button { margin: 0px auto; border-radius: 0!important; font-size: 14px!important; float: none; /*padding-left: 3rem;*/ }
    .device .tnf-banner .button-cont { display: block !important; }
    .device .tnf-banner .button-cont a,
    .device .tnf-banner .button-cont a span { width: 100% !important; display: block !important; max-width: 100% !important; text-align: center; float: left; width: 100%; }
    #out-of-office-banner br { display: none !important; }
    #tomorrowland-logo + h1 { margin-bottom: 20px !important; }
    .tnf-banner .mobile-slider-content { top: 70px !important; padding: 0 !important; }
    .tnf-banner.main-sale.homepage.en h1 { font-size: 35px !important; font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; margin-bottom: 20px !important; }
    .tnf-banner.main-sale.homepage h2 { line-height: 19px !important; font-size: 16px !important; font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; padding: 0 30px !important; }
}

@media screen and (max-width:400px) {
    h1.blcd.white { font-size: 20px; line-height: 20px; }
    h1.blcd.white.multiline { line-height: 33px; font-size: 36px; margin-bottom: 0.2em; }
    a p.small-p { font-size: 10px; line-height: 11px; padding-left: 0; padding-right: 1em; margin-top: -3px; }
}

/* NOMOB / ONLYMOB */

@media only screen and (min-width: 640px) {
    .nomob { display: block; }
    .onlymob { display: none; }
}

@media only screen and (max-width: 639px) {
    .nomob { display: none; }
    .onlymob { display: block; }
}

#tnf-8-1 { display: none; }

@media (min-width: 560px) and (max-width: 639px) {
    #tnf-8-1 { }
}

@media (min-width: 380px) and (max-width: 559px) {
    #tnf-8-1 { }
}

@media (max-width: 379px) {
    #tnf-8-1 { }
}

@media (max-width: 639px) {
    .playground-slider .bx-wrapper { margin: 0px; }
    #tnf-8-1 { display: block; z-index: 100; border-top: 5px solid white; position: relative; background: white; }
    .tnf-8-1-accordion { width: 100%; list-style-type: none; margin-bottom: 1em; }
    .tnf-8-1-title { background: #FFFFFF; text-transform: uppercase; padding-left: 25px; padding-right: 25px; color: black; border-top: 1px solid #333333; border-bottom: 1px solid transparent; font-family: "HelveticaNeueW02-77BdCn_694066",Helvetica,sans-serif; font-size: 18px; font-weight: normal; letter-spacing: .12em; line-height: 50px; height: 50px; cursor: pointer; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; position: relative; }
    .tnf-8-1-accordion li:first-child .tnf-8-1-title { border-top: 1px solid #333333; }
    .tnf-8-1-accordion li:last-child .tnf-8-1-title { border-bottom: 1px solid #333333; }
    /*
  .tnf-8-1-title:hover {
    color: #d52b1e;
  }
  */

    /* Open */
    .tnf-8-1-title.tnf-8-1-open { color: #d52b1e; border-bottom: 1px solid black; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
    .tnf-8-1-title.tnf-8-1-open .tnf-8-1-chevron::after { content: "\f077"; }

    .tnf-8-1-chevron { font-family: FontAwesome; float: right; clear: both; display: block; height: 50px; position: relative; }
    .tnf-8-1-chevron::after { content: "\f078"; clear: both; display: block; float: left; }
    .tnf-8-1-content { list-style-type: none; margin: 0px; display: none; background: white; width: 100%; }
    .tnf-8-1-content li { border-bottom: 1px solid #cccccc; font-family: "HelveticaNeueW02-77BdCn_694066",Helvetica,sans-serif; font-size: 15px; letter-spacing: .12em; width: 100%; }
    .tnf-8-1-content li:last-child { border-bottom: none; }
    .tnf-8-1-accordion li:last-child .tnf-8-1-content li:last-child { border-bottom: 1px solid #cccccc; }
    .tnf-8-1-content li a { padding-left: 25px; padding-right: 25px; color: #333333; width: 100%; height: 50px; line-height: 50px; display: block; text-transform: capitalize; }
    /*
    .tnf-8-1-content li a:hover {
      color: #d52b1e;
    }
    */

    .bl-padding-l-r { padding-left: 25px; padding-right: 25px; }
}

.icon-plusMinus { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; width: 24px; height: 24px; -webkit-transform: rotate(180deg); transform: rotate(180deg); position: relative; }
.icon-plusMinus.active { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.icon-plusMinus::before { content: ''; display: block; width: 24px; height: 0px; border-bottom: solid 2px #a1a1a1; position: absolute; bottom: 11px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: width 0.3s; transition: width 0.3s; }
.icon-plusMinus.active::before { content: ''; display: block; width: 0px; height: 0px; border-bottom: solid 2px #a1a1a1; position: absolute; bottom: 11px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.icon-plusMinus::after { content: ''; display: block; width: 24px; height: 0px; border-bottom: solid 2px #a1a1a1; position: absolute; bottom: 11px; }
.cq-Overlay--component-name { color: #000; }

/*
 * CSS
 */

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; color: #fff; background: #fff; }
#body-container .button { z-index: 9; }
.garnish-full-width { background-color: transparent !important; }
.media.image-overlay .overlay .wrapper { padding: 0 !important; }
.basecomponent.section.grid_row { background: #fff; }
.garnish-wrapper { background: #fff; }
.customhtml2 .garnish-full-width .row .row { margin-left: 0; margin-right: 0; }
.customhtml2 .garnish-full-width { margin: 0; padding: 0; background: #fff; }
.row.expanded { max-width: none; }
.row .column,
.row .columns { /* padding-left: 0; */ /* padding-right: 0; */ }
.row.full-width-row { max-width: unset !important; }
.spacer10 { min-height: 10px; }
.spacer20 { min-height: 20px; }
.spacer30 { min-height: 30px; }
.spacer40 { min-height: 40px; }
.spacer50 { min-height: 50px; }
.spacer60 { min-height: 60px; }
.spacer70 { min-height: 70px; }
.spacer80 { min-height: 80px; }
.spacer90 { min-height: 90px; }
.spacer100 { min-height: 100px; }
.anchorpoint { cursor: pointer; }
.white { color: #fff !important; }
.black { color: #000 !important; }
.red { color: #dc241f !important; }
.uppercase { text-transform: uppercase; }
.noUppercase { text-transform: none; }
.underline { text-decoration: underline; }
.roma { font-family: "HelveticaNeueW02-55Roma", Helvetica, sans-serif; }
.blcd { font-family: "HelveticaNeueW02-77BdCn_694066", Helvetica, sans-serif; }
.roma-med { font-family: "HelvMed", Helvetica, sans-serif; }
.roma-extra { font-family: "Neue Helvetica VFDP", Helvetica, sans-serif; font-weight: 700; }
.italic { font-style: italic; }
.bold { font-weight: 700; }
.onlymob,
.onlytab { display: none; }
.maxCont1920 { width: 100%; max-width: 1920px; margin: 0 auto; position: relative; }
.maxCont1440 { width: 100%; max-width: 1440px; margin: 0 auto; position: relative; }
.maxCont1180 { width: 100%; max-width: 1180px; margin: 0 auto; position: relative; }
.maxCont1108 { width: 100%; max-width: 1108px; margin: 0 auto; position: relative; }
.maxCont700 { width: 100%; max-width: 700px; margin: 0 auto; position: relative; }
.fullLink { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; cursor: pointer; }
.plg .button,
.tnf-banner .button { margin: 0; float: none; font-size: 16px; height: 40px; border: 1px solid #fff; background: #fff; color: #000; letter-spacing: 1px; text-align: center; line-height: 40px; transition: all .3s; -webkit-transition: all .3s; font-family: "HelveticaNeueW02-77BdCn_694066", Helvetica, sans-serif; padding: 0; min-width: 245px; }
.plg .button.button-black,
.tnf-banner .button.button-black { border: 1px solid #000; background: #000; color: #fff; }
.plg .button:hover,
.tnf-banner .button:hover { border: 1px solid #000; background: #000; color: #fff; }
.tnf-banner .button.dark { color: #fff; background: #2a2a2a; border: 1px solid #2a2a2a; }
.owl-carousel .button,
.owl-carousel button { outline: none !important; }
.owl-carousel .owl-item img { width: auto; margin: 0 auto; }


/*
 * HOME PAGE & LANDING
 */
.grid_row.highlight { margin-top: 20px; display: block; }
.tnf-banner { position: relative; }
.tnf-banner h1 { font-weight: 700; margin-bottom: 30px; }
.tnf-banner p { font-size: 16px; line-height: 21px; margin-bottom: 30px; font-weight: 400; }
.tnf-banner.big-banner h1 { font-size: 45px; line-height: 1; }
.tnf-banner.big-banner.homepage h1 { font-size: 65px; line-height: 1; }
.tnf-banner.small-banner h1 { }
.tnf-banner .button { display: block; margin-bottom: 5px; }
.tnf-banner.stock-filler { margin-bottom: 20px; }
.tnf-banner.stock-filler .button { background-color: #fff; color: #000000; border: 1px solid #000000; margin: 20px auto 0; padding-left: 2.5rem; padding-right: 2.5rem; height: 36px; line-height: 36px; font-weight: 500; font-family: "Neue Helvetica VFDP Cond", helvetica, sans-serif; font-size: 14px; }
.tnf-banner.stock-filler .button:hover { border: 1px solid #000; background: #000; color: #fff; }
.stock-filler-container .swiper-slide img { -o-object-fit: cover; object-fit: cover; }
.swiper-stock-filler-pagination .swiper-pagination-bullet { background: #000; margin: 0 5px; outline: none !important; }
.swiper-pagination.swiper-stock-filler-pagination { left: 0; right: 0; }
.stock-filler-container.swiper-container { padding: 0px 20px; }
.tnf-banner .button-cont { z-index: 9; }
.tnf-banner picture img { width: 100%; }
.tnf-banner.big-banner .tnf-cont { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1.5em; }
.tnf-banner.big-banner .tnf-cont.relative { position: relative; }
.tnf-banner.big-banner .tnf-cont.align-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.tnf-banner.big-banner .tnf-cont.align-left h1 { text-align: left; }
.tnf-banner.big-banner .tnf-cont.align-left p { text-align: left; }
.tnf-banner.big-banner .tnf-cont.align-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.tnf-banner.big-banner .tnf-cont.align-right h1 { text-align: right; }
.tnf-banner.big-banner .tnf-cont.align-right p { text-align: right; }
.tnf-banner.big-banner .tnf-cont.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tnf-banner.big-banner .tnf-cont.align-center h1 { text-align: center; }
.tnf-banner.big-banner .tnf-cont.align-center p { text-align: center; }
.tnf-banner.big-banner .tnf-cont.pull-right { margin-left: 50%; }
.tnf-banner.small-banner .tnf-cont { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0.7em; }
.tnf-banner.small-banner .tnf-cont.relative { position: relative; }
.tnf-banner.small-banner .tnf-cont.align-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.tnf-banner.small-banner .tnf-cont.align-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.tnf-banner.small-banner .tnf-cont.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tnf-banner.small-banner .tnf-cont.align-center h1 { }
.tnf-banner.small-banner .tnf-cont.align-center p { text-align: center; }
.tnf-banner.main-sale.homepage h1 { font-size: 188px; line-height: 0.9; margin: 0; letter-spacing: 8px; }
.tnf-banner.main-sale.homepage h2 { font-size: 57px; line-height: 1.5; margin: 0; letter-spacing: 8px; }
.tnf-banner.main-sale.homepage h3 { font-size: 30px; line-height: 1; margin: 0; text-transform: none; }
.tnf-banner.main-sale.homepage .maxCont { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; width: 70%; max-width: 1108px; }
.tnf-banner.main-sale.homepage .maxCont .product-cont { -ms-flex-preferred-size: 20%; flex-basis: 20%; text-align: center; z-index: 10; }
.tnf-banner.main-sale.homepage .maxCont .product-cont img { margin: 0 auto 30px; opacity: 0.4; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
.tnf-banner.main-sale.homepage .maxCont .product-cont img.highlight { opacity: 1; }
.tnf-banner.main-sale.homepage .maxCont .product-cont .button { border: 1px solid #fff; background: transparent; color: #fff; width: 90%; margin: 0 auto; padding: 0; white-space: nowrap; }
.tnf-banner.main-sale.homepage .maxCont .product-cont .button:hover { background: #fff; color: #000; }
.tnf-banner.main-sale.homepage:not(.en) .maxCont { width: 80%; max-width: 1280px; }
.tnf-banner.main-sale.homepage:not(.en) .maxCont .product-cont img { max-width: 90%; }
.tnf-banner.main-sale.homepage:not(.en) .maxCont .product-cont .button { width: 95%; }
.tnf-banner.main-sale.landing h1 { font-size: 100px; line-height: 0.9; margin: 0; letter-spacing: 10px; }
.tnf-banner.main-sale.landing h2 { font-size: 50px; line-height: 1.5; margin: 0; letter-spacing: 10px; }
.tnf-banner.main-sale.landing h3 { font-size: 30px; line-height: 1; margin: 0; text-transform: none; }
.tnf-banner.main-sale.landing .maxCont { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; width: 70%; max-width: 1108px; }
.tnf-banner.main-sale.landing .maxCont .product-cont { -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; text-align: center; z-index: 10; }
.tnf-banner.main-sale.landing .maxCont .product-cont img { margin: 0 auto 30px; opacity: 0.4; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
.tnf-banner.main-sale.landing .maxCont .product-cont img.highlight { opacity: 1; }
.tnf-banner.main-sale.landing .button-cont .button { border: 1px solid #fff; background: transparent; color: #fff; margin: 0 auto; padding: 0 20px; white-space: nowrap; }
.tnf-banner.main-sale.landing .button-cont .button:hover { background: #fff; color: #000; }
.tnf-banner.main-sale.landing:not(.en) .maxCont { width: 80%; max-width: 1280px; }
.tnf-banner.main-sale.landing:not(.en) .maxCont .product-cont img { max-width: 90%; }
.tnf-banner.main-sale.landing:not(.en) .maxCont .product-cont .button { width: 95%; }
.tnf-banner.small-sale.en h1 { font-size: 100px; line-height: 1; margin: 0; letter-spacing: 6px; }
.tnf-banner.small-sale:not(.en) h1 { font-size: 80px; line-height: 1; margin: 0; letter-spacing: 4px; }
.tnf-banner.small-sale h2 { font-size: 50px; line-height: 1.7; margin: 0; letter-spacing: 10px; }
.tnf-banner.small-sale h3 { font-size: 30px; line-height: 1.7; margin: 0 0 50px; text-transform: none; }
.tnf-banner.small-sale .button { border: 1px solid #fff; background: transparent; color: #fff; margin: 0 auto; padding: 0 20px; white-space: nowrap; }
.tnf-banner.small-sale .button:hover { background: #fff; color: #000; }
.tnf-banner.small-banner.mountain-festival-small h1 { font-size: 54px; margin-bottom: 20px; line-height: 1.2; letter-spacing: 0; }
.tnf-banner.small-banner.mountain-festival-small h2 { font-size: 30px; line-height: 1.2; letter-spacing: 1px; }
.tnf-banner.small-banner.mountain-festival-small h3 { font-size: 18px; margin-bottom: 30px; line-height: 1.2; letter-spacing: 1px; }
.tnf-banner.small-banner.mountain-festival-small .tnf-cont { margin-left: 6%; margin-top: 17%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.tnf-banner.small-banner.mountain-festival-small:not(.en) .tnf-cont { margin-left: 3%; }
.tnf-banner.small-banner.duffels .tnf-cont { padding: 1.5em; }
.tnf-banner.lavaredo img.logo { margin-bottom: 2%; width: 15%; height: auto; }
.tnf-banner.lavaredo p.bodycopy { margin-bottom: 2%; }
.tnf-banner.lavaredo .button-cont .button { margin: 0 auto 5px; letter-spacing: 0; }
.tnf-banner.lavaredo .countdown-cont { width: 100%; }
.tnf-banner.lavaredo .countdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0 auto 30px; }
.tnf-banner.lavaredo .countdown div { text-align: center; }
.tnf-banner.lavaredo .countdown div span.number { font-size: 65px; line-height: 1; color: #fff; }
.tnf-banner.lavaredo .countdown div span.label { font-size: 16px; line-height: 1; color: #fff; }
.tnf-banner.lang.de .button-cont .button { font-size: 15px; }
.tnf-banner .mobile-slider-content { display: none; position: absolute; top: 110px; left: 0; right: 0; padding: 0 15%; text-align: center; }
.tnf-banner .mobile-slider-content h2 { font-weight: 700!important; letter-spacing: 2px!important; font-size: 22px!important; line-height: 2!important; }
.tnf-banner .mobile-slider-content span { font-weight: 700; letter-spacing: 2px; font-size: 35px; line-height: 2; }
#ikili-sag-banner { padding-right: 10%; }
#ikili-sag-banner .button { min-width: 150px !important; }


.climate-content { display: flex; justify-content: center; align-items: center; background: #000; height: 600px; }
.climate-content .climate-content__text { max-width: 40%; }
.climate-content .climate-content__text h2 { color: #fff; font-size: 65px; letter-spacing: 1px; font-weight: bold; line-height: 70px; margin-bottom: 20px; }
.climate-content .climate-content__text p { font-size: 20px; color: #fff; font-weight: 600; line-height: 27px; letter-spacing: 1px; margin-bottom: 0; }
.climate-content .climate-content__text a { display: inline-block; color: unset; text-decoration: underline; font-size: unset; font-weight: unset; text-transform: none; }


@media screen and (max-width: 1900px) {
    .tnf-banner.main-sale.homepage.en h1,
    .tnf-banner.main-sale.homepage.pt h1 { font-size: 65px; line-height: 1; }
    .tnf-banner.main-sale.homepage.en h2,
    .tnf-banner.main-sale.homepage.pt h2 { font-size: 2.7vw; }
    .tnf-banner.main-sale.homepage.en h3,
    .tnf-banner.main-sale.homepage.pt h3 { font-size: 1.5vw; }
    .tnf-banner.main-sale.homepage h1 { font-size: 7vw; }
    .tnf-banner.main-sale.homepage h2 { font-size: 2.7vw; }
    .tnf-banner.main-sale.homepage h3 { font-size: 1.5vw; }
    .tnf-banner.main-sale.homepage .maxCont .product-cont img { margin: 0 auto 10px; }
    .tnf-banner.main-sale.landing.en h1 { font-size: 5vw; }
    .tnf-banner.main-sale.landing:not(.en) h1 { font-size: 4.5vw; letter-spacing: 5px; }
    .tnf-banner.main-sale.landing h2 { font-size: 2vw; }
    .tnf-banner.main-sale.landing h3 { font-size: 1.5vw; }
    .tnf-banner.main-sale.landing .maxCont .product-cont img { margin: 0 auto 10px; }
    .tnf-banner.small-sale.en h1 { font-size: 5vw; }
    .tnf-banner.small-sale:not(.en) h1 { font-size: 4vw; }
    .tnf-banner.small-sale h2 { font-size: 2vw; }
    .tnf-banner.small-sale h3 { font-size: 1.5vw; }
}

@media screen and (max-width: 1680px) {
    .tnf-banner.small-banner.mountain-festival-small h1 { font-size: 44px; margin-bottom: 10px; line-height: 1; }
    .tnf-banner.small-banner.mountain-festival-small h2 { font-size: 25px; }
    .tnf-banner.small-banner.mountain-festival-small h3 { font-size: 16px; margin-bottom: 20px; }
    .tnf-banner.small-banner.mountain-festival-small:not(.en) h1 { font-size: 40px; }
}

@media screen and (max-width: 1500px) {
    .tnf-banner.lavaredo img.logo { width: 10%; }
    .tnf-banner.lavaredo p { margin-bottom: 1%; }
    .tnf-banner.lavaredo .countdown { margin-bottom: 20px; }
    .tnf-banner.lavaredo .countdown div span.number { font-size: 50px; }
    .tnf-banner.lavaredo .countdown div span.label { font-size: 14px; }
    .climate-content .climate-content__text { max-width: 50%; }
}

@media screen and (max-width: 1280px) {
    .tnf-banner.small-banner.mountain-festival-small h1 { font-size: 35px; }
    .tnf-banner.small-banner.mountain-festival-small h2 { font-size: 22px; }
    .tnf-banner.small-banner.mountain-festival-small h3 { font-size: 14px; }
    .tnf-banner.small-banner.mountain-festival-small:not(.en) h1 { font-size: 30px; }
    .tnf-banner.lavaredo .countdown div span.number { font-size: 40px; }
    .climate-content .climate-content__text { max-width: 55%; }
}

@media screen and (max-width: 1108px) {
    .tnf-banner.main-sale.homepage .tnf-cont { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .tnf-banner.main-sale.homepage .maxCont { width: 95%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .tnf-banner.main-sale.homepage .maxCont .product-cont { margin: 5px 0; -ms-flex-preferred-size: 33%; flex-basis: 33%; }
    .tnf-banner.main-sale.homepage .maxCont .product-cont img { display: none; }
}

@media screen and (max-width: 1025px) {
    .tnf-banner.main-sale.landing.en .tnf-cont,
    .tnf-banner.main-sale.landing:not(.en) .tnf-cont { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .tnf-banner.main-sale.landing.en .maxCont,
    .tnf-banner.main-sale.landing:not(.en) .maxCont { width: 95%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .tnf-banner.main-sale.landing.en .maxCont .product-cont,
    .tnf-banner.main-sale.landing:not(.en) .maxCont .product-cont { margin: 5px 0; -ms-flex-preferred-size: 33%; flex-basis: 33%; }
    .tnf-banner.main-sale.landing.en .maxCont .product-cont img,
    .tnf-banner.main-sale.landing:not(.en) .maxCont .product-cont img { max-width: 50%; }
}

@media screen and (max-width: 1023px) {
    .tnf-banner.small-banner.mountain-festival-small h1 { font-size: 25px; }
    .tnf-banner.small-banner.mountain-festival-small h2 { font-size: 18px; }
    .tnf-banner.small-banner.mountain-festival-small h3 { font-size: 12px; }
    .tnf-banner.small-banner.mountain-festival-small:not(.en) h1 { font-size: 20px; }
    .tnf-banner.small-banner.mountain-festival-small:not(.en) h2 { font-size: 16px; }
    .tnf-banner.small-banner.mountain-festival-small .tnf-cont { margin-left: 3%; margin-top: 15%; }
    .climate-content .climate-content__text { max-width: 91%; }
}

@media screen and (max-width: 800px) {
    .tnf-banner.lavaredo img.logo { width: 8%; margin-bottom: 2%; }
    .tnf-banner.lavaredo p { margin-bottom: 2%; font-size: 14px; }
    .tnf-banner.lavaredo .countdown { margin-bottom: 2%; }
    .tnf-banner.lavaredo .countdown div span.number { font-size: 30px; }
    .tnf-banner.lavaredo .countdown div span.label { font-size: 12px; }
}

@media screen and (max-width: 639px) {
    .device .tnf-banner .mobile-slider-content { display: block; }
    .topnav-mainnav h3 a { display: block; padding: 10px 15px 10px 13.5px; line-height: 20px; border-top: 1px solid #dbddda; color: #000; }
    .onlymob { display: block; }
    .nomob { display: none; }
    .mob-white { color: #fff !important; }
    .mob-black { color: #000 !important; }
    .tnf-banner { margin-bottom: 10px; }
    .tnf-banner .tnf-cont.mob-align-left { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
    .tnf-banner .tnf-cont.mob-align-left h1 { text-align: left !important; }
    .tnf-banner .tnf-cont.mob-align-right { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
    .tnf-banner .tnf-cont.mob-align-right h1 { text-align: right !important; }
    .tnf-banner .tnf-cont.mob-align-top { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
    .thermoball .logo { max-width: 150px; margin-bottom: 0; }
    .thermoball .top-cont, .thermoball .bottom-cont { margin-top: 0; }
    .tnf-banner.big-banner h1 { font-size: 9vw; }
    .tnf-banner.big-banner p { font-size: 4.5vw; }
    .tnf-banner.big-banner .tnf-cont.pull-right { margin-left: 0; }
    .tnf-banner.small-banner h1,
    .tnf-banner.as-small-banner h1 { font-size: 6vw!important; margin-bottom: 0; }
    .tnf-banner.small-banner p,
    .tnf-banner.as-small-banner p { margin-bottom: 20px; }
    .tnf-banner.small-banner .tnf-cont,
    .tnf-banner.as-small-banner .tnf-cont { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.7em; }
    .tnf-banner .button { height: 10vw; line-height: 10vw; font-size: 3.5vw; margin: 0; max-width: fit-content; min-width: 120px; float: left; position: relative; }
    .tnf-banner .button-cont a:nth-child(2) .button { margin-top: 2px; position: relative; max-width: fit-content; }
    .tnf-banner.main-sale.homepage.en h1,
    .tnf-banner.main-sale.homepage.pt h1 { font-size: 5vw; line-height: 1.2; }
    .tnf-banner .button-cont a { display: block; margin-bottom: 5px; float: left; clear: both; }
    .tnf-banner.main-sale.homepage.en h2,
    .tnf-banner.main-sale.homepage.pt h2 { font-size: 8vw; }
    .tnf-banner.main-sale.homepage.en h3,
    .tnf-banner.main-sale.homepage.pt h3 { font-size: 4vw; }
    .tnf-banner.main-sale.homepage h1 { font-size: 11.5vw; letter-spacing: 2px; }
    .tnf-banner.main-sale.homepage h2 { font-size: 6vw; letter-spacing: 5px; }
    .tnf-banner.main-sale.homepage h3 { font-size: 4vw; }
    .tnf-banner.main-sale.homepage .tnf-cont { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
    .tnf-banner.main-sale.homepage .tnf-cont .maxCont { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .tnf-banner.main-sale.homepage .tnf-cont .maxCont .product-cont { margin: 5px 0; -ms-flex-preferred-size: 50%; flex-basis: 44%; float: left; }
    .tnf-banner.main-sale.homepage .tnf-cont .maxCont .product-cont .button { width: 95%; float: left; position: relative; }
    .tnf-banner.main-sale.landing.en h1 { font-size: 10vw; letter-spacing: 3px; }
    .tnf-banner.main-sale.landing.en h2 { font-size: 6vw; letter-spacing: 3px; }
    .tnf-banner.main-sale.landing:not(.en) h1 { font-size: 10vw; letter-spacing: 3px; }
    .tnf-banner.main-sale.landing:not(.en) h2 { font-size: 6vw; letter-spacing: 3px; }
    .tnf-banner.main-sale.landing h3 { font-size: 3vw; }
    .tnf-banner.main-sale.landing .tnf-cont { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; }
    .tnf-banner.main-sale.landing .tnf-cont .maxCont { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .tnf-banner.main-sale.landing .tnf-cont .maxCont .product-cont { margin: 5px 0; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
    .tnf-banner.main-sale.landing .tnf-cont .maxCont .product-cont .button { width: 95%; }
    .tnf-banner.main-sale.landing .tnf-cont .maxCont .product-cont img { display: none; }
    .tnf-banner.small-sale.en h1 { font-size: 8vw; letter-spacing: 2px; }
    .tnf-banner.small-sale:not(.en) h1 { font-size: 8vw; letter-spacing: 2px; }
    .tnf-banner.small-sale h2 { font-size: 4.5vw; letter-spacing: 2px; }
    .tnf-banner.small-sale h3 { font-size: 3vw; margin-bottom: 20px; }
    .tnf-banner.small-banner.mountain-festival-small h1 { font-size: 5vw; line-height: 1.2; }
    .tnf-banner.small-banner.mountain-festival-small h2 { font-size: 4vw; }
    .tnf-banner.small-banner.mountain-festival-small h3 { font-size: 3vw; }
    .tnf-banner.small-banner.mountain-festival-small:not(.en) h1 { font-size: 4.5vw; }
    .tnf-banner.small-banner.mountain-festival-small:not(.en) h2 { font-size: 4vw; }
    .tnf-banner.small-banner.mountain-festival-small:not(.en) h3 { margin-bottom: 10px; }
    .tnf-banner.small-banner.mountain-festival-small:not(.en) .tnf-cont { margin-left: 0; }
    .tnf-banner.small-banner.mountain-festival-small.nl h1 { font-size: 4vw; }
    .tnf-banner.small-banner.mountain-festival-small .tnf-cont { margin-left: 0; margin-top: 7%; }
    .tnf-banner.small-banner.duffels .tnf-cont { padding: 0.7em; }
    .tnf-banner.big-banner.lang.fr h1 { font-size: 6.5vw; }
    .tnf-banner.big-banner.lang.nl h1 { font-size: 5.5vw; }
    .tnf-banner.lavaredo.no-margin-mob { margin-bottom: 0; }
    .tnf-banner.lavaredo h1 { margin-bottom: 0 !important; }
    .tnf-banner.lavaredo img.logo { width: 10vw; margin-bottom: 0; }
    .tnf-banner.lavaredo .button-cont .button { width: unset; }
    .tnf-banner.lavaredo .button-cont .button.nomob { display: none; }
    .tnf-banner.lavaredo .countdown { margin-bottom: 10px; padding: 10px; -ms-flex-pack: distribute; justify-content: space-around; }
    .tnf-banner.lavaredo .countdown div { padding-right: 0; }
    .tnf-banner.lavaredo .countdown div span.number { font-size: 7vw; }
    .tnf-banner.lavaredo .countdown div span.label { font-size: 3vw; }
    .desk { margin-bottom: 0 !important; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tnf-banner.big-banner.homepage h1 { font-size: 4vw!important; }
    /*.tnf-banner.main-sale.homepage.en h1, .tnf-banner.main-sale.homepage.pt h1{font-size: 22px!important;}*/
    .tnf-banner.small-banner h1 { font-size: 22px; font-weight: 600!important; margin-bottom: 10px; line-height: 49px; }
    .thermoball .logo { max-width: 100px; margin-bottom: 5px; }
    .tnf-banner .button-cont { margin-top: 5px; }
    .tnf-banner .button-cont a span { min-width: 220px!important; display: block; }
    .thermoball .top-cont, .thermoball .bottom-cont { margin: 0; }
    .thermoball .bottom-cont p { margin-bottom: 5px; }
}

@media screen and (max-width: 400px) {
    .tnf-banner.main-sale.homepage .tnf-cont { padding-left: 5px; padding-right: 5px; margin-top: 30px; }
    .tnf-banner.main-sale.landing .tnf-cont { padding-left: 5px; padding-right: 5px; }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .onlytab { display: block; }
    .notab { display: none; }
    .tnf-banner h1 { font-size: 24px; }
    .plg .button,
    .tnf-banner .button { height: 35px; line-height: 35px; font-size: 14px; }
    .device .stock-filler .button { font-size: 13px; font-weight: 500!important; text-decoration: underline; padding: 0; margin: 0; text-align: center; width: 100%; display: block; min-width: 100%; }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .tnf-banner h1 { font-size: 30px; }
    .tnf-banner p { font-size: 14px; }
}

@media screen and (min-width: 639px) and (max-width: 1024px) {
    .tnf-banner.lang.de .button-cont .button { font-size: 13px; }
}

.black-friday-slider { width: 100%; position: relative; cursor: pointer; }
.black-friday-slider .bf-slider-text { position: absolute; top: 26%; width: 49%; left: 26%; text-align: center; }
.black-friday-slider .bf-slider-text p { letter-spacing: 1.5px; font-size: 35px; font-weight: 600; padding: 35px 0; }
.black-friday-slider .bf-slider-text h2 { color: #fff; font-size: 125px; line-height: 100px; letter-spacing: 2px; font-family: "Neue Helvetica VFDP Cond",helvetica,sans-serif; font-weight: 500; }
.bf-slider-btn { margin-top: 60px; }
.bf-slider-btn .button { width: 23%; border-radius: 0; background: #fff; color: #000; font-size: 24px; padding: 3px; margin: 0 10px; }

@media only screen and (min-width : 1025px) and (max-width : 1440px) {
    .black-friday-slider .bf-slider-text { top: 15%; }
    .black-friday-slider .bf-slider-text h2 { font-size: 75px; }
	.custom-thermoball { margin-top: 40px !important;    margin-bottom: 30px; }
    .black-friday-slider .bf-slider-text p { font-size: 25px; }
    .bf-slider-btn { margin-top: 30px; }
}

@media only screen and (min-width : 960px) and (max-width : 1024px) {
    .black-friday-slider .bf-slider-text { top: 15%; left: 25%; }
    .black-friday-slider .bf-slider-text h2 { font-size: 65px; }
    .black-friday-slider .bf-slider-text p { padding: 5px 0; font-size: 18px; }
    .bf-slider-btn .button { width: 21%; font-size: 16px; }
    .bf-slider-btn { margin-top: 30px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .black-friday-slider .bf-slider-text { top: 15%; left: 25%; }
    .black-friday-slider .bf-slider-text h2 { font-size: 45px; }
    .black-friday-slider .bf-slider-text p { padding: 0; font-size: 13px; margin-top: -15px; }
    .bf-slider-btn .button { width: 21%; font-size: 16px; }
    .bf-slider-btn { margin-top: 30px; }
}    

@media (max-width: 767px) {
 
    .black-friday-slider .bf-slider-text { top: 35%; left: 17%; width: 70%; }
    .black-friday-slider .bf-slider-text h2 { font-size: 45px; line-height: 48px; }
    .black-friday-slider .bf-slider-text p { padding: 20px 0; font-size: 14px; }
    .bf-slider-btn .button { width: 37%; font-size: 16px; position: relative; }
    .bf-slider-btn { margin-top: 30px; }
    .bf-slider-btn a:last-child .button { display: none !important; }

    .topnav-accordion-shopall { padding-right: 0 !important; padding-left: 0 !important; }
    .topnav-accordion-shopall .columns.desktop { display: block !important; }


    .climate-content .climate-content__text h2 { font-size: 30px; line-height: 35px; }
    .climate-content .climate-content__text p { font-size: 15px; line-height: 20px; }
    .climate-content .climate-content__text { max-width: 90%; }

    /* Tnf Banner Top Class'ına sahipse */
    .customhtml2 .garnish-wrapper .tnf-banner.top { display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
    .customhtml2 .garnish-wrapper .tnf-banner.top picture { order: 2; }
    .customhtml2 .garnish-wrapper .tnf-banner.top picture img { }
    .customhtml2 .garnish-wrapper .tnf-banner.top .tnf-cont { order: 1; }
    .customhtml2 .garnish-wrapper .tnf-banner.top .tnf-cont img { width: 55%; }
    /* Tnf Banner Center Class'ına sahipse */
    .customhtml2 .garnish-wrapper .tnf-banner.center .tnf-cont { position: absolute !important; }
    .customhtml2 .garnish-wrapper .tnf-banner.center .tnf-cont img { width: 55%; }
    .customhtml2 .garnish-wrapper .tnf-banner.center .tnf-cont .button-cont { width: auto !important; margin: 0 auto!important; max-width: 170px; }
}

@media screen and (orientation: landscape) and (max-width: 767px) {            
    h1 span { display: block; }
    h1 + h2.white { color: #000 !important; }
    .device .tnf-banner .button-cont { display: block !important; }
    .device .tnf-banner .button-cont a { min-width: 100% !important; display: block !important; }
    .device .tnf-banner .button-cont a .button,
    #ikili-sag-banner .button { min-width: 100% !important; display: block !important; margin-top: 3px !important; margin-bottom: 3px !important; }
}

@media (max-width: 375px) {
    .black-friday-slider .bf-slider-text { top: 20%; }
}

.maxCont1800 { max-width: 1800px; }
.right-content .tnf-inner { max-width: 377px; }
.tnf-cont.right-content.align-right.maxCont1800 h1 { text-align: left; font-size: 65px; letter-spacing: 0; line-height: 65px; font-weight: 700; margin-bottom: 20px; font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; color: #2a2a2a !important; }


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .right-content .tnf-inner { max-width: 175px; }
    .tnf-cont.right-content.align-right.maxCont1800 h1 { font-size: 30px!important; line-height: 30px; }
    .tnf-cont.right-content.align-right.maxCont1800 h2 { font-size: 11px!important; margin: 0!important; padding: 0!important; line-height: 13px!important; }
    .tnf-cont.right-content.align-right.maxCont1800 .button-cont span { width: 100%; display: block; max-width: 100%; }
}


.right-content .tnf-inner { max-width: 377px; }
.tnf-cont.right-content.align-right.maxCont1800 h1 { text-align: left; font-size: 65px; letter-spacing: 0; line-height: 65px; font-weight: 700; margin-bottom: 20px; font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; color: #2a2a2a !important; }
.tnf-cont.right-content.align-right.maxCont1800 h2 { line-height: 1.5!important; letter-spacing: .04rem!important; }
.tnf-cont.right-content.align-right.maxCont1800 .button-cont span { width: 100%; display: block; max-width: 100%; background: black; border: 1px solid black; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .right-content .tnf-inner { max-width: 175px; }
    .tnf-cont.right-content.align-right.maxCont1800 h1 { font-size: 30px!important; line-height: 30px; }
    .tnf-cont.right-content.align-right.maxCont1800 h2 { font-size: 11px!important; margin: 0!important; padding: 0!important; line-height: 13px!important; }
    .tnf-cont.right-content.align-right.maxCont1800 .button-cont span { width: 100%; display: block; max-width: 100%; }
    #home-discount-banner h1 { margin-bottom: 0 !important; }
    #home-discount-banner p { margin-bottom: 0; margin-top: 10px; }
    #home-discount-banner .button-cont span { margin-bottom: -7px !important; }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .right-content .tnf-inner { max-width: 175px; }
    .tnf-cont.right-content.align-right.maxCont1800 h1 { font-size: 30px!important; line-height: 30px; }
    .tnf-cont.right-content.align-right.maxCont1800 h2 { margin: 0 0 13px 0!important; padding: 0!important; font-size: 1.13rem!important; line-height: 1.5!important; }
    .tnf-cont.right-content.align-right.maxCont1800 .button-cont span { width: 100%; display: block; max-width: 100%; }
}




.tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two { }
.tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two { max-width: 347px; }
.tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two h1 { text-align: left; color: #2a2a2a !important; letter-spacing: normal!important; font-weight: bold; }
.tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two h2 { color: #2a2a2a!important; line-height: 1.5!important; letter-spacing: .04rem!important; }
.tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two .button-cont span { width: 100%; display: block; background: black; border: 1px solid black; }



@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two { max-width: 244px; }
    .tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two h1 { font-size: 30px!important; line-height: 35px!important; }
    .tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two h2 { font-size: 11px!important; margin: 0!important; padding: 0!important; line-height: 13px!important; }
    .tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two .button-cont span { width: 100%; display: block; max-width: 100%; }
}


.tnf-cont.align-left.maxCont1108 h1 { font-weight: 600; margin-bottom: 10px; line-height: 49px; }

@media screen and (min-width: 0px) and (max-width: 767px) {
    .tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two { max-width: 100%; }
    .tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two h1 { font-size: 30px!important; line-height: 35px!important; }
    .tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two h2 { margin: 0 0 13px 0!important; padding: 0!important; font-size: 1.13rem!important; line-height: 1.5!important; }
    .tnf-cont.left-content.align-left.maxCont1108 .tnf-inner.two .button-cont span { width: 100%; display: block; max-width: 100%; }
    .tnf-cont.align-left.maxCont1108 h1 { line-height: 35px; }
    .show-xs { display: block; }
    .hide-xs { display: none; }
    .garnish-wrapper.video .tnf-cont { position: absolute !important; top: 0%; }
    .device .garnish-wrapper.video .thermoball .tnf-cont > div > h1 { color: white !important; width: 60%; margin: 0 auto; line-height: 40px !important; }
    .device .garnish-wrapper.video .button { background: white; max-width: max-content !important; color: black; width: auto !important; }
    .device .garnish-wrapper.video .button-cont > a { display: flex !important; justify-content: center; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tnf-cont.align-center.content-align-left.mob-align-left.maxCont1108 { }
    .tnf-cont.align-center.content-align-left.mob-align-left.maxCont1108 h1 { font-size: 30px!important; line-height: 35px!important; }
    .tnf-cont.align-center.content-align-left.mob-align-left.maxCont1108 h2 { font-size: 14px!important; line-height: 15px!important; margin-bottom: 0!important; }
    .tnf-cont.align-center.content-align-left.mob-align-left.maxCont1108 .button-cont { }
    .tnf-cont.align-center.content-align-left.mob-align-left.maxCont1108 .button-cont a { display: block; width: 100%; padding-left: 0!important; }
    .tnf-cont.align-left.maxCont1108 h1 { line-height: 35px !important; }
}

@media (max-width:1108px) {
    [tabindex~="4043"] { margin-bottom: 20px; margin-top: 0!important; }
    [tabindex~="4043"] button { border-left: none!important; border-right: none!important; border-top: none!important; padding: 0!important; border-bottom: 1px solid #000!important; width: auto!important; min-width: auto!important; border-radius: 0!important; line-height: 12px!important; margin: 17px auto!important; height: auto!important; background: none!important; color: black!important; font-size: 16px!important; }
    [tabindex~="4043"] .title { font-size: 26px; margin-bottom: 22px; }
}
/*
@media screen and (min-width: 0px) and (max-width: 639px) {
 .one-con { }
 .one-con .grid_column:first-child picture { display: none; }
 .one-con .grid_column:first-child .garnish-wrapper { background: url(https://st-thenorthface.mncdn.com/Content/img/f18-sale/f18-sale-mobile.jpg) no-repeat left 0 top -79px; background-size: 108%; }
 .one-con .grid_column:first-child .tnf-banner.small-banner .tnf-cont h1 { color: white!important; }
 .one-con .grid_column:first-child .tnf-banner.small-banner .tnf-cont h2 { color: white!important; width: 100%; }
 .one-con .grid_column:first-child .button-cont { margin-left: 0!important; }
 .one-con .grid_column:first-child .button-cont a span { background: white; color: #000; }
}
 */

@media (max-width: 767px) {
    .device [tabindex="4039"] h2.size12.fontregular.nospacing.white { color: black!important; }
    .device [tabindex="4039"] .tnf-banner.big-banner.uk.homepage .thermoball .button-cont a .button { margin-bottom: 0; }
    .device [tabindex="4042"] .tnf-cont.align-center.content-align-left.mob-align-left.maxCont1108 h2 { color: black!important; text-align: center!important; width: 100%; margin-bottom: 25px!important; }
    .device [tabindex="4040"] .tnf-cont.align-center.content-align-left.mob-align-left.maxCont1108 h2 { color: black!important; text-align: center!important; width: 100%; }
    .device [tabindex="4040"] .tnf-banner .button-cont a { margin: 0 0 5px 0px!important; }
    .device [tabindex="4040"] .tnf-banner .button-cont .button { margin: 0!important; }
    .device [tabindex="4043"] .tnf-banner .button-cont .button { margin: 15px 0px 20px 0!important; }
    .device [tabindex="4043"] .tnf-banner.stock-filler { margin-bottom: 6px!important; }
}