﻿/* TakeOf */

#header2 #header-left img { width: auto; max-height: 140px; }
#header2 .header-top { display: none; }
#header-left a { margin-top: -10px; margin-bottom: -50px; }
#header2 ul.menu, #header2 .menu-nav { margin: 0; }
#header2 { background: #232323; }
#header2 ul.menu>li:before { content: unset; }
#header2 ul.menu li:hover, #header2 ul.menu li.active { color: #fff; }
#header2 ul.menu li a:hover::before, #header2 ul.menu li a:focus::before, #header2 ul.menu li.active a::before { width: 100%; }
#header2 ul.menu li a:hover::after, #header2 ul.menu li a:focus::after, #header2 ul.menu li.active a::after { width: 100%; }
#home-gallery .gallery-caption .gallery-text { font-size: 350%; text-align: center; }
#home-gallery .gallery-caption .gallery-text div { font-size: 150%; }
#home-gallery .flex-control-paging li a { background: #000; }
#home-gallery .flex-control-paging li a.flex-active { background: #ED1D24; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 10%; }
.grid-boxes .grid-box-title h3 { font-size: 190%; }
.grid-boxes .grid-box-subtitle { font-size: 80%; }
.grid-boxes .grid-box-title h3 a { color: #232323; }
.sections .grid-content-section { padding: 100px 15px 20px 15px; }
#GridPage { padding-top: 100px; }
#MenuModule .menuModuleNav { background: #232323; padding: 0; }
#MenuModule .menuModuleNav a { color: #fff; font-size: 100%; margin-bottom: 0; padding: 7px 10px; border-radius: 0; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { color: #fff; background: #ED1D24; }
.menuModuleContentPart { border: 3px solid #232323; border-top: unset; }
.menuModuleContentPart:after { content: unset; }
.menuModuleTextItemSubjectTitle { font-size: 200%; }
.menuModuleTextItemSubjectDescription { background: #f3f3f3; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #000; }
.gallery-page div#GridPromo { display: none; }
.gallery-page .GridBottomGallery { padding-top: 5px; }
.gallery-cubes > div { padding: 5px; }
.gallery-cubes .image-link-inner { background: #ED1D24; color: #fff; }
.contact-page #contactform h3 { font-size: 140%; color: #fff; }
#contactform, #DynamicFormObject { background: #232323; }
.normal-form input, .normal-form textarea { border: unset; border-radius: 0; background: #fff; font-size: 65%; }
.normal-form input[type=submit], #DynamicFormObject input[type=submit] { background: #ED1D24; font-size: 110%; border-radius: 0; }
.normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus { background: #fff; border: unset; }
#contactform .contact-form-comment { color: #fff; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 4px; }
#header2 ul.menu li a:focus { opacity: 1; border: unset; }
.must:before { font-size: 80%; }
#contactform .contact-form-comment { font-size: 80%; }
.section-title.homepage-delivery { margin-bottom: 2%; }
.section-title h1::after, .section-title h2::after, #headline h1::after { content: ""; background: url(/warehouse/temp/takeof/splitter.png); display: block; width: 156px; height: 29px; margin: 0 auto; margin-top: 30px; }
.grid-boxes .grid-box-image { margin-bottom: 0; }
#home-gallery .slider-bg.stellar-bg::after { content: ""; display: block; height: 100vh; width: 100vw; background: #000; opacity: 0.2; }
#headline { margin-bottom: 40px; }
.normal-form { border: unset; }
.normal-form:after { content: unset; }
li.menuModuleTextItemSubject h2 + .menuModuleTextItemSubjectDescription { background: none; }
#home-gallery .flex-control-paging li a { border-radius: unset; border: 1px solid #ff000073; }
#DynamicFormObject { color: #fff; border: none; }
#DynamicFormObject::after { content: unset; }
.normal-form textarea { width: 100%; }
.must:before { color: #000; }
.normal-form input, .normal-form textarea { padding-right: 20px; }
.normal-form input { width: 100%; }
#DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 140%; }
.normal-form textarea { max-width: 100%; }
.textarea-wrapper.must:before { top: 5%;  }
.site-credit.alternative { padding: 10px 0; }
.footer-text-divided { background: #000; border-bottom: 1px solid #2d2929; color: #fff; display: flex; justify-content: space-between; align-items: center; }
.footer-text-right ul { list-style: none; margin: 0; }
#SiteFooter a:hover, #SiteFooter a:focus { color: #fff; text-decoration: underline; }
.footer-text-right { font-size: 70%; }
.contact-page #contact-boxes { display: none; }

@media (min-width: 1025px) { #header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border: none; }
    #header2 ul.menu li a:focus { border: none; opacity: 1; color: #fff; outline: none; }
    #header2 ul.menu li a::before { content: ""; display: block; width: 0; height: 2px; background: #ED1D24; position: absolute; top: -5px; transition: all 450ms ease-in-out; left: 50%; transform: translateX(-50%); }
    #header2 ul.menu li a::after { content: ""; display: block; width: 0; height: 2px; background: #ED1D24; position: absolute; bottom: -5px; transition: all 450ms ease-in-out; left: 50%; transform: translateX(-50%); }
}

@media (max-width: 1024px) {
    #header2 .menu-nav .closed { display: none; }
    .header-right-section { background: transparent; }
    #header2 ul.menu li.active { background: transparent; }
    #header2 ul.menu { background: #232323; }
    #header2 ul.menu li a::before { content: ""; display: block; width: 0; height: 2px; background: #ED1D24; position: absolute; top: 2px; transition: all .15s ease-in-out; transition: all 450ms ease-in-out; left: 50%; transform: translateX(-50%); }
    #header2 ul.menu li a::after { content: ""; display: block; width: 0; height: 2px; background: #ED1D24; position: absolute; bottom: 2px; transition: all .15s ease-in-out; transition: all 450ms ease-in-out; left: 50%; transform: translateX(-50%); }
    #header2 ul.menu li a:hover::before, #header2 ul.menu li a:focus::before, #header2 ul.menu li.active a::before { width: 30%; }
    #header2 ul.menu li a:hover::after, #header2 ul.menu li a:focus::after, #header2 ul.menu li.active a::after { width: 30%; }
    #header2 ul.menu li a { font-size: 130%; }
}

@media (max-width: 991px) {
    #DynamicFormObject .dynamicFormObjectFields fieldset { margin-top: 20px; }
    .contact-container .col-sm-6 { width: 100%; }
    .normal-form input { max-width: 100%; }
}

@media (min-width: 992px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.33%; }
    .form-container-wide #DynamicFormObject { padding: 3% 17.8%; }
}

@media (max-width: 767px) {
    #contactform .must:before { right: 12px; }
    #SiteFooter { padding-bottom: 0; }
    #GridPromo #DynamicFormObject { margin-top: 20px; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: block; }
    .footer-text-right ul { padding: 0; }
    .footer-text-right { font-size: 88%; }
    #home-gallery .gallery-caption .gallery-text { font-size: 240%; }
}

@media (min-width: 767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
    .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
    #DynamicFormObject input[type=submit] { width: 33.33%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 103%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
}

@media (max-width: 550px) {
    #header2 { padding-bottom: 2%; }
    #header2 ul.menu { position: fixed; width: 100vw; height: 100vh; top: 0; right: 0; }
    #header2.open .menu-nav.pull-right { position: fixed; }
    #header2 ul.menu li > a { font-size: 150%; }
}