*, *:before, *:after { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {
    font-family: "AktivGrotesk";
    src: url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.woff2") format("woff2"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.woff") format("woff"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.otf") format("otf");
    font-weight: 400;
}
@font-face {
    font-family: "AktivGrotesk";
    src: url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Medium.woff2") format("woff2"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Medium.woff") format("woff"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Medium.otf") format("otf");
    font-weight: 500;
}

@font-face {
    font-family: "AktivGrotesk";
    src: url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Bold.woff2") format("woff2"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Bold.woff") format("woff"),
    url("../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Bold.otf") format("otf");
    font-weight: 700;
}


:root {
    --primary-red: #C8102E;
    --primary-brown: #CE754F;
    --primary-yellow: #F8BA17;
}

body { background: white; color: black; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; font-weight: 400; margin: 0; overflow-wrap: break-word;}
a { color: var(--primary-red); text-decoration: underline; transition: background-color 0.3s, color 0.3s; }
a:hover { text-decoration: none; }

#main { margin: 0 auto; max-width: 1200px; max-width: 100%; }

#header_text { display: flex; flex-direction:column; align-items: center; justify-content: space-between; padding: 0; position: relative; }
.flex_content { display: flex; align-items: center; justify-content: space-between; padding: 50px 0; position: relative; }

.flex_content .title { display: flex; flex-direction: column; align-items: center; width: 40%; }
.flex_content .title .lemois { position: absolute; top: 40px; right: 0; }
.flex_content h1 em { font-family: "TungstenReveal", Arial, sans-serif; font-weight: normal; font-style: normal; }
.flex_content h1 { font-family: 'Tungsten', Arial, sans-serif; font-size: 96px; font-weight: bold; line-height: 0.9; text-transform: uppercase; position: relative; }
.flex_content h1:before { background: var(--primary-red); border-radius: 4px; content: ''; display: block; height: calc(100% + 35px); width: 4px; position: absolute; top: -15px; left: 14px; transform: rotate(-15deg); }
/* .flex_content h1:after { background: black; content: ''; display: block; height: 100%; width: 10px; position: absolute; top: 0; right: calc(100% - 12px); transform: rotate(-15deg); } */
.flex_content h1 .line2 { display: inline-block; margin-left: 23px; }
.flex_content h2 { font-size: 22px; margin: 0 0 15px 30px; font-weight: 100; }
.flex_content h2 .line2 { display: block; margin-left: 8px; }

.flex_content p { margin-left: 35px; }

#arch { margin: 0 auto; max-width: 653px; width: 100%; }
.p_110 #arch { margin: 0 auto; max-width: 1200px; }


#header_text .button1 { display: inline-block; color: #BF0C3F; margin: 0 0 15px 0; font-size: 16px; text-decoration: none; position: relative; padding-top: 60px; }
/* #header_text { padding-left: 24px; } */
#header_text .button1:before { content:''; background: url(../images/toggle.svg) 0 0 no-repeat; border: 0; height: 60px; width: 85px; position: absolute; left: 50%; transform: translateX(-50%); top: -10px; }
#header_text .button1.active:before { display: none; } 
#header_text .button1.active {display: inline-block; color: #BF0C3F; margin: 0 0 15px 0; font-size: 16px; text-decoration: none; position: relative; padding-top: 60px;}
#header_text .button1.active:after { content:''; background: url(../images/toggle.svg) 0 -69px no-repeat; border: 0; height: 60px; width: 85px; position: absolute; left: 50%; transform: translateX(-50%); top: -10px;  }

#content { background: white; color: black; padding: 60px; }
#content h1 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; text-align: center; }
#content p,
#content ul { margin: 0 0 15px 0; }
#content table { background: #eee; margin: 0 0 15px 0; width: 100%; }
#content td { border: 1px solid #ddd; padding: 10px; }
#content td p { margin: 0; }
.tc-box .tc-box-textarea td { font-size: 15px; }

.tabs_menu { background: white; height: 50px; margin: 0; }
.tabs_menu:after { clear: both; content: ''; display: block; height: 1px; width: 1px; }
.tabs_menu li { border-right: 2px solid #CFD1D2; padding-right: 35px; margin-right: 35px;}
.tabs_menu li:last-child{border: none; margin: 0;}
.tabs_menu li:first-child { margin-left: 15px; }
.tabs_menu li a { border: 0; border-radius: 0; color: #BFBFBF; display: inline-block; font-size: 18px; font-weight: 500; text-decoration: none; height: 50px; line-height: 50px;}
.tabs_menu li.active a { background: transparent; color: black; position: relative; }

.tabed_pane { background: #FAFAFA; font-size: 15px; padding: 60px; max-width: 655px; width: 100%; margin-bottom: 100px; padding-bottom:0; }
.p_110 .tabed_pane { padding-bottom:60px; }

.p_110 .tabed_pane { max-width: 1200px; }
.tabed_pane form { margin: 35px 0;}
.table-cell input[type="text"], 
.table-cell select { border: 1px solid #B6B9B9;      border-radius: 2px;
 padding: 10px; width: 100%; }
.table-cell select { padding: 10px 5px; }

#r_button_subscribe .no_label { display: flex;justify-content: center; }
.SubmitButt {  background: var(--primary-yellow); border-radius: 60px; color: #1B2021; cursor: pointer; font: 500 18px/normal "AktivGrotesk", sans-serif; margin: 0; width: 120px; height: 53px; padding: 10px; transition: background-color 0.3s; outline: none; border: none; }
.SubmitButt:hover { background: black; color: white; }
#apply_form_box label {font: 400 16px / normal "AktivGrotesk", sans-serif;}

.required { color: var(--primary-yellow); }
div.required { color: black; font-size: 18px; margin: 0 0 15px 0; }
div.required span { color: var(--primary-red); }
#arch .field-row .inputfile.inputfile__btn + label { background: var(--primary-brown); font-family: 'Montserrat', Arial, sans-serif; font-size: 16px; width: 100%; transition: background-color 0.3s; }
.field-row .inputfile.inputfile__btn + label span { display: block; font-size: 12px; }
#arch .field-row .inputfile.inputfile__btn + label:hover { background: black; }
#r_answer_53119 { margin: 0 0 15px 0; }
#r_answer_53119 .table-cell { position: relative; }
.ui-datepicker-trigger { position: absolute; top: 47px; right: 8px; }
#tc-box-checkbox,
#r_subscribe { font-size: 15px; }
.terms-link { background: white; padding: 0 40px; }
.terms-link a { color: black; }
#tabs div.inlineBlock { display: none; background: white; padding: 20px 40px 0 40px; text-align: right; width: 100%; }
#tabs div.inlineBlock + br,
#tabs div.inlineBlock + br + br { display: none; }
.page_navigation { margin: 0 0 15px 0; }
.tc-box .tc-box-checkbox .label_r_field { vertical-align: top; }
#r_subscribe { padding-left: 20px; position: relative; }
#r_subscribe input { position: absolute; top: 0; left: 0; }
#alertBox { color: black; }
.dynamic_info_logo { top: 6px; right: 0; }
#r_answer_53119 .dynamic_info_logo { right: 40px; }
.no_script { background: var(--primary-red); color: white; font-size: 24px; margin: 0 auto; max-width: 945px; padding: 10px; text-align: center; }
#lightbox-image-details-caption a { display: none; }
#lightbox-secNav-btnClose { margin-top: 10px!important; }

#gallery ul {     list-style: none; margin: 0; overflow: hidden; padding: 0; display: inline-flex
; gap: 11px; flex-wrap: wrap; }
#gallery ul li {     width: 125px; height: 100px; overflow: hidden; border-radius: 5px; }
#gallery ul a { display: block; margin: 0;  }
#gallery ul a img { box-shadow: 0 0 10px rgba(0,0,0,0.25); display: block; width: 125px; height:100px; }

#footer { background: white; color: #6E7276; margin: 0 auto; max-width: 100%; padding: 0 40px; height: 137px; background: #1b2021; display: flex; justify-content: center; align-items: center; }

#footer a { color: black; }
#footer ul { list-style: none; margin: 0; overflow: hidden; padding: 0; display: inline-flex; flex-wrap: wrap; width: 100%; justify-content: center; text-align: center; gap: 20px;}

div#block-info-container1 { width: 100%; }

#terms_page_content{ background: #FAFAFA;  margin :0 0 50px 0; max-height: unset;}
#terms_page_content #content { background:none; }

#footer ul li a { color: #CFD1D2; text-decoration:none; font-size: 14px;   font: 400 14px/normal "AktivGrotesk", sans-serif; }
#footer ul li:last-child{width: 100%; border-top: 1px solid #6B6B6B; padding-top: 20px; font-size: 10px;}
#footer ul li:last-child a { font-size: 10px; }
#footer .block2 { padding: 20px 0; }

#enable-cookies { padding: 15px; background-color: var(--primary-red); color: white; }

#main.ty .form_holder { font-size: 18px; line-height: 1.5; padding-top: 50px; padding-bottom: 50px; text-align: center; }
#main.ty #tabs + .inlineBlock { display: none; }

#r_prommq_answers { margin-bottom: 20px; }
#terms_page_main { overflow: hidden; }


div#tabwrapper { display: flex; justify-content: center; align-items: center; height: 150px; }

div#form_intro { text-align: center; }
div#apply_form_box { display: flex; flex-direction: column; gap: 35px; }

.first_row { display: flex; flex-direction: column; gap: 15px; }
.field-row.err_msg_valid { overflow: visible !important; position: relative; display: flex; flex-direction: column; gap: 15px; }

#input_block_photo_description textarea{ min-height:126px; width:100%; border: 1px solid #B6B9B9; border-radius: 2px;}
#r_button_subscribe {gap:0; margin:0; height:53px; }

div#tabs { display: flex; flex-direction: column; align-items: center; }
#header_text .block1 { background: #2C2E31; color: #b6b9b9; font-size: 11px; padding: 40px 25px; text-align: right; width: 100%; }
.hero { position: relative; max-width: 1200px; width: 100%;  height: 701px; display: flex; flex-direction: column; justify-content: center;     padding: 0 0 0 70px; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 11%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 27%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 100%); }
.capture-wrapper { position: relative; max-width: 456px; height: 298px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 40px; gap: 30px; }
.hero img{position :absolute; z-index: -1; top: 0;}
.capture-wrapper .corner { display: flex; text-indent: -9999px; position: absolute; top: 0; min-width: 35px; min-height: 35px; border: 1px solid #6B6B6B; }

.corner-top-right{right:0;}
.corner.corner-top-left { border-bottom: none; border-right: none; left:0; }
.corner.corner-top-right { border-bottom: none; border-left: none; }
.corner.corner-bottom-right { bottom: 0; top: auto; right: 0;     border-top: none; border-left: none; }
.corner.corner-bottom-left { bottom: 0; top: auto; border-top: none; border-right: none; left:0;  }

.capture-wrapper h1,
.capture-wrapper h3 {margin: 0;}

.appl_alert { overflow-wrap: break-word; }
div#version_content { color: #CFD1D2; font-size: 12px; }
h1 { font: 600 62px/72px "AktivGrotesk", sans-serif; }
h3 { font: 400 22px/normal "AktivGrotesk", sans-serif;}
.tabs_menu li a { font: 500 18px/50px "AktivGrotesk", sans-serif; }
div.required, .apply_form_box label { font: 400 16px/normal "AktivGrotesk", sans-serif;  }

.fileinputs .inputfile.inputfile__icon + label .icon { background-color: unset; font-size: 100px; color: #000; margin: 0 0 10px 0 ; }

@media (max-width: 1200px) {
    .flex_content .title { padding: 0 30px; }
}
@media (max-width: 1000px) {
    .flex_content .title { padding: 0 30px; }
    
}
@media (max-width: 960px){
    .hero { background: none; }
}
@media (max-width: 800px) {
    .flex_content { flex-direction: column; padding: 0 0 30px 0; position: static; }
    .flex_content .hero,
    .flex_content .title { width: 100%; position: relative; }
    .flex_content .title .lemois { top: 0; right: 15px; }
    .tabed_pane, 
    .terms-link, 
    #footer,
    #main.ty .terms-link + .inlineBlock { padding-left: 20px; padding-right: 20px; }
    .tabs_menu li a { font-size: 30px; }

    .hero h1 {font: 600 45px/55px "AktivGrotesk", sans-serif;}
    .hero h3 { font: 400 18px/normal "AktivGrotesk", sans-serif;}

    #lightbox-container-image-data-box { width: 100%!important; }
    #lightbox-container-image-box { width: 100%!important; height: 100%!important; }

    .tabs_menu li { margin: 0; padding-left: 34px; }
    .tabs_menu li:first-child { margin-left: 0; }
    .capture-wrapper {    box-shadow: 0 0 60px 20px rgba(255, 255, 255, 0.8); background: white; margin: 330px 30px 0; }


    .hero { align-items: center; height: auto; padding: 0; }
    .hero img{ right: 0; width: 600px; max-width: unset; }
     div#tabs { margin: 0 30px; }
    .tabs_menu {background: white; height: 50px; margin: 0; width: 100%; justify-content: space-between;display: flex;}

    div#tabwrapper {width:100%; }
    .tabed_pane { padding-bottom:0 ; margin-bottom: 70px; }
    #terms_page_content { background: #FAFAFA; margin: 50px 30px; max-height: max-content; }
}
@media (max-width: 515px) {
    #gallery ul li{  width: 48% ; height: auto; }
    #gallery ul a img { width:100%; }
    #gallery ul a { font-size: 24px; border-radius: 5px; overflow: hidden; width:100%; overflow:hidden;  }
    .tabs_menu li { padding-left: 15px; }
    .tabs_menu li  a { font-size:18px; }
    #content { padding:20px;}
    #content h1 { font-size: 32px; line-height:normal; margin: 50px 0 0 0;}
}
@media (max-width: 480px) {


    #gallery ul a img { width: auto; height:auto; }
    .flex_content .title .lemois img { max-width: 80px; }
}