@font-face { font-family: 'bold'; src: url('../fonts/refrigerator_deluxe_bold.woff2') format('woff2'), url('../fonts/refrigerator_deluxe_bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'regular'; src: url('../fonts/refrigerator_deluxe.woff2') format('woff2'), url('../fonts/refrigerator_deluxe.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
/* @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500&display=swap'); */

/*------------------------*/
/*  RESET STYLES          */
/*------------------------*/
html { overflow-y: scroll; }
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,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
body * { -webkit-text-size-adjust: none; outline: none; }
.clear { clear: both; overflow: hidden; height: 0px; font-size: 0px; display: block; }
input:focus,
select:focus,
textarea:focus,
button:focus { outline: none; }
input,
textarea,
select { font-weight: 400; border-radius: 0; background: none; border: none; margin: 0; width: 100%; font-family: 'Work Sans', sans-serif; }
textarea { display: block; resize: none; overflow: auto; }
select::-ms-expand { display: none; }
.button input[type="submit"],
input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border: none; cursor: pointer; z-index: 1; }
a,
a:link,
a:visited,
a:active,
a:hover { cursor: pointer; text-decoration: none; outline: none; }
ul, ol { list-style: none; }
a { color: inherit; }
html:not(.mobile)::-webkit-scrollbar,
html:not(.mobile) *::-webkit-scrollbar { width: 6px; height: 6px; }
html:not(.mobile)::-webkit-scrollbar-track,
html:not(.mobile) *::-webkit-scrollbar-track { background: rgba(0, 0, 0, .15); }
html:not(.mobile)::-webkit-scrollbar-thumb,
html:not(.mobile) *::-webkit-scrollbar-thumb { background: #f26424; border-radius: 3px; }

/*------------------------*/
/*  GLOBAL SETTINGS       */
/*------------------------*/
/*main*/
/* #content-block { position: relative; overflow: hidden; left: 0; } */
#content-block { overflow: hidden; position: relative; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.overflow-hidden { overflow: hidden; }
footer { margin-top: auto; }
html.overflow-hidden body { overflow: hidden; }
html:not(.loaded) *, .no-transition * { transition: none !important; -webkit-transition: none !important; }
/*table*/
.table-view { height: 100%; width: 100%; display: table; }
.row-view { display: table-row; }
.cell-view { display: table-cell; vertical-align: middle; width: 10000px; }
/*body selection*/
body ::selection { color: #fff; background: #000; }
body ::-moz-selection { color: #fff; background: #000; }
/*helper classes*/
.line-through { display: inline-block; position: relative; }
.line-through:after { position: absolute; width: 100%; height: 1px; left: 0; top: 50%; background: currentColor; content: ""; }
.clearfix:after { content: ""; display: block; clear: both; }
.valign-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
.valign-middle-content { width: 100%; position: relative; }
.full-size { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.fixed-background { background-size: cover; background-position: center top; background-attachment: fixed; }
body.mobile .fixed-background { background-attachment: scroll; }
.floatfix { float: left; width: 100%; }
.content-vertical { font-size: 0; white-space: nowrap; }
.content-vertical>* { display: inline-block; vertical-align: middle; white-space: normal; width: 100%; }
.content-vertical:after { display: inline-block; vertical-align: middle; height: 100%; content: ""; }
.block-entry { position: relative; background: #fff; }
.block-entry.padding { padding: 110px 0; }
.block-entry.padding-small { padding: 65px 0; }
.header-padding { padding-top: 150px !important; }
.bg-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.mobile .bg-wrapper { transform: none !important; -webkit-transform: none !important; opacity: 1 !important; position: absolute !important; }
video { left: 50%; top: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); }
.video-wrapper video { -webkit-filter: sepia(100%); filter: sepia(100%); }
.video-wrapper, .video-wrapper:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video-wrapper:after { content: ""; background: rgba(0, 0, 0, .5); }
.banner-container { max-width: 1030px; margin: 0 auto; position: relative; padding: 0 15px; }
.banner-text { max-width: 600px; display: inline-block; vertical-align: top; }
@-webkit-keyframes spinner {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinner {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.spinner { display: none; }
.spinner.active { display: block; }
.spinner:before { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #333; -webkit-animation: spinner .6s linear infinite; animation: spinner .6s linear infinite; }

@media (min-width: 768px) and (max-width: 1500px) {
.bg-wrapper {background-position: right;}
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
.block-entry.padding { padding: 65px 0; }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
.block-entry.padding, .block-entry.padding-small { padding: 45px 0; }
}

/*loader*/
#loader-wrapper { position: fixed; left: 0; top: -100px; right: 0; bottom: -100px; background: #fff; z-index: 12; }
#loader-wrapper .spinner { display: block; }
#loader-wrapper .spinner:before { width: 50px; height: 50px; margin: -25px 0 0 -25px; }

/**/
body { font-weight: 400; font-size: 17px; line-height: 32px; font-family: 'Work Sans', sans-serif; -webkit-text-size-adjust: none; color: #4a4a4a; }
b, strong { font-weight: 700; }
.sa { font-size: 17px; line-height: 32px; }
.sa.lg { font-size: 20px; line-height: 32px; }
.sa.sm { font-size: 15px; line-height: 24px; }
.sa p, .sa ul, .sa ol, .sa img, .sa *[class*="col-"], .sa h1, .sa h2, .sa h3, .sa h4, .sa h5, .sa .embed-responsive, .sa .swiper-container { margin-bottom: 22px; }
.sa *:last-child { margin-bottom: 0; }
.sa img { max-width: 100%; height: auto; display: block; }
.sa ol { counter-reset: number; }
.sa ol li { padding-left: 0; margin-bottom: 8px; }
.sa ol li:before { counter-increment: number; content: "#" counter(number); color: #b8cd06; margin-right: 5px; }
.sa ul li { padding-bottom: 4px; padding-top: 4px; position: relative; }
.sa ul li:before { content: ""; width: 17px; height: 13px; display: inline-block; vertical-align: middle; background: url(../img/icon-20.png); position: relative; margin-right: 12px; }
.sa h1, .h1, .sa h2, .h2, .sa h3, .h3, .sa h4, .h4, .sa h5, .h5, .sa h6, .h6 { color: inherit; font-family: 'bold'; text-transform: uppercase; }
.sa h1 a, .h1 a, .sa h2 a, .h2 a, .sa h3 a, .h3 a, .sa h4 a, .h4 a, .sa h5 a, .h5 a, .sa h6 a, .h6 a { color: inherit; transition: .15s; -webkit-transition: .15s; }

@media (min-width: 1200px) { .sa h1 a:hover, .h1 a:hover, .sa h2 a:hover, .h2 a:hover, .sa h3 a:hover, .h3 a:hover, .sa h4 a:hover, .h4 a:hover, .sa h5 a:hover, .h5 a:hover, .sa h6 a:hover, .h6 a:hover { color: #fbb040; }
}

.sa h1, .h1 { font-size: 120px; line-height: 96px; letter-spacing: 1px; }
.sa h2, .h2 { font-size: 90px; line-height: 105px; letter-spacing: 2px; }
.sa h3, .h3 { font-size: 72px; line-height: 72px; letter-spacing: 2px; }
.sa h4, .h4 { font-size: 60px; line-height: 60px; letter-spacing: 3px; }
.sa h5, .h5 { font-size: 46px; line-height: 46px; letter-spacing: 2px; }
.h5.small { font-size: 36px; line-height: 36px; letter-spacing: 1px; }
.sa h6, .h6 { font-size: 27px; line-height: 32px; letter-spacing: 1px; }
.sa .table { width: 100%; border: 1px #ddd solid; }
.sa .table th,
.sa .table td { font-size: inherit !important; line-height: 1.5em !important; padding: 15px !important; white-space: normal !important; }
.sa .table th { background: #efefef; color: #444; font-weight: 500; border: 1px #ddd solid !important; text-align: center; }
.sa .table td { border: 1px #ddd solid !important; }
.sa .table tbody tr { background: #fff; }
.sa .table tbody tr:nth-child(2n) { background: #f7f7f7; }
.sa.ba a:not(.button) { color: #F26424; transition: .25s; -webkit-transition: .25s; }

@media (min-width: 1200px) {
.sa.ba a:not(.button):hover { color: #f0b040; }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
.sa h1, .h1 { font-size: 60px; line-height: 60px; }
.sa h2, .h2 { font-size: 50px; line-height: 50px; }
.sa h3, .h3 { font-size: 50px; line-height: 50px; }
.sa h4, .h4 { font-size: 45px; line-height: 45px; letter-spacing: 1px; }
.sa h5, .h5 { font-size: 40px; line-height: 42px; letter-spacing: 1px; }
.h5.small { font-size: 27px; line-height: 32px; }
}

/**/
.button { display: inline-block; vertical-align: bottom; text-align: center; position: relative; cursor: pointer; border: 1px solid; text-transform: uppercase; border-radius: 4px; transition: .25s; -webkit-transition: .25s; }
.button.size-1 { font-size: 27px; letter-spacing: 2px; line-height: 32px; font-family: 'bold'; padding: 25px 60px; border-radius: 0; }
.button.size-2 { font-size: 18px; letter-spacing: 2px; line-height: 22px; font-family: 'bold'; padding: 20px; min-width: 160px; }
.button.size-3 { font-size: 16px; letter-spacing: 2px; line-height: 16px; font-family: 'bold'; padding: 15px 30px; }
.button.size-4 { font-size: 16px; letter-spacing: 2px; line-height: 16px; font-family: 'bold'; padding: 11px 25px; }
.button.size-5 { font-size: 14px; letter-spacing: 1px; line-height: 16px; font-family: 'bold'; padding: 7px 25px; }
.button.size-6 { font-size: 18px; letter-spacing: 2.4px; line-height: 20px; font-family: 'bold'; padding: 17px 20px; min-width: 185px; }
.button.style-1 { background: #fbb040; border-color: #fbb040; color: #fff; }
.button.style-2 { background: #f26424; border-color: #f26424; color: #fff; }
.button.style-3 { background: #414042; border-color: #414042; color: #fff; }
.button.style-4 { border-color: #fff; color: #fff; }
.button.style-5 { border-color: #f26424; color: #f26424; }
.button.style-6 { border-color: #4A4A4A; color: #4A4A4A; }
.button-close { width: 32px; height: 32px; color: currentColor; position: relative; display: inline-block; vertical-align: top; cursor: pointer; transition: all .15s; -webkit-transition: all .15s; border: 2px currentColor solid; border-radius: 7px; }
.button-close:before,
.button-close:after { position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -1px; height: 2px; width: 18px; content: ""; background: currentColor; border-radius: 1px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.button-close:after { width: 2px; height: 18px; margin: -9px 0 0 -1px; }
.arrow { display: inline-block; vertical-align: middle; position: relative; width: 47px; cursor: pointer; }
.arrow:before { display: block; content: ""; padding-bottom: 100%; }
.arrow svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; fill: currentColor; }
.buttons-wrapper { font-size: 0; margin: 0 -10px -10px -10px; }
.buttons-wrapper .button { margin: 0 10px 10px 10px; }
.button-play { width: 64px; display: inline-block; vertical-align: top; cursor: pointer; }
.button-play img { display: block; width: 100%; height: auto; }

@media (min-width: 1200px) {
.button.style-1:hover { background: #fff; color: #fbb040; }
.button.style-2:hover { background: #fff; color: #f26424; }
.button.style-3:hover { background: #fff; color: #414042; }
.button.style-4:hover { background: #fff; color: #f26424; }
.button.style-5:hover { background: #f26424; color: #fff; }
.button.style-6:hover { background: #4A4A4A; color: #fff; }
.button-close:hover { color: #fbb040; }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
.button { display: block; }
}

/**/
.input { transition: .25s; -webkit-transition: .25s; }
.input.size-1 { height: 64px; line-height: 58px; padding: 0 25px; font-size: 15px; border-radius: 4px; }
.input.size-2 { height: 40px; line-height: 38px; padding: 0 15px; font-size: 15px; border-radius: 4px; }
textarea.input.size-2 { height: 120px; line-height: 24px; padding-top: 12px; padding-bottom: 12px; }
.input.style-1 { border: 1px solid rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.2); color: #fff; }
.input.style-1:focus { border-color: #fff; }
.input.style-1::-webkit-input-placeholder { color: rgba(255, 255, 255, .5); opacity: 1; }
.input.style-1:-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1; }
.input.style-1::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1; }
.input.style-1:-ms-input-placeholder { color: rgba(255, 255, 255, .5); opacity: 1; }
.input.style-2 { border: 1px solid rgba(167, 169, 172, 0.42); background-color: rgba(255, 255, 255, 0.4); color: #4a4a4a; }
.input.style-2:focus { border-color: #F26424; }
.input.style-2::-webkit-input-placeholder { color: rgba(74, 74, 74, .25); opacity: 1; }
.input.style-2:-moz-placeholder { color: rgba(74, 74, 74, .25); opacity: 1; }
.input.style-2::-moz-placeholder { color: rgba(74, 74, 74, .25); opacity: 1; }
.input.style-2:-ms-input-placeholder { color: rgba(74, 74, 74, .25); opacity: 1; }
.input.style-3 { border: 1px solid rgba(167, 169, 172, 0.42); background-color: rgba(255, 255, 255, 0.1); color: #FFF; }
.input.style-3:focus { border-color: #F26424; }
.input.style-3::-webkit-input-placeholder { color: rgba(74, 74, 74, .25); opacity: 1; }
.input.style-3:-moz-placeholder { color: rgba(74, 74, 74, .25); opacity: 1; }
.input.style-3::-moz-placeholder { color: rgba(74, 74, 74, .25); opacity: 1; }
.input.style-3:-ms-input-placeholder { color: rgba(74, 74, 74, .25); opacity: 1; }
.input-inline { position: relative; }
.input-inline .button { position: absolute; right: 0; top: 0; }
.input-inline .input { padding-right: 185px; }
.input-inline .input.style-2 { border: 1px solid rgba(74, 74, 74, 0.4); }
.input-inline .input:not(:focus)+.button { background: #A7A9AC; border-color: #A7A9AC; color: #fff; }
.search .input-inline .input:not(:focus)+.button { background: #F26424; border-color: #F26424; color: #fff; }
.search .input-inline .input:not(:focus)+.button:hover { background: #FFF; color: #F26424; }
.checkbox { display: inline-block; vertical-align: top; color: #4A4A4A; font-size: 13px; line-height: 16px; cursor: pointer; }
.checkbox input { display: none; }
.checkbox span { display: block; padding-left: 28px; position: relative; }
.checkbox span:before { position: absolute; left: 0; top: 1px; width: 14px; height: 14px; border: 1px solid #A7A9AC; content: ""; }
.checkbox span:after { width: 8px; height: 8px; background-color: #FBB040; position: absolute; left: 3px; top: 4px; content: ""; opacity: 0; transition: .25s; -webkit-transition: .25s; }
.checkbox input:checked+span:after { opacity: 1; }
.sl { color: #4A4A4A; font-size: 13px; line-height: 24px; display: block; }
.invalid { border-color: red !important; }
select { cursor: pointer; background: url(../img/mbs-yellow.png) right 14px center no-repeat; padding-right: 40px !important; }
select::-ms-expand { display: none; }
select { -moz-appearance: none; -webkit-appearance: none; appearance: none; text-indent: .01px; text-overflow: ""; }

/*Phones (<768px)*/
@media (max-width: 767px) {
.input-inline .input { padding-right: 15px; }
.input-inline .button { min-width: 0; }
}

/*------------------------*/
/*  HEADER                */
/*------------------------*/
header { position: fixed; z-index: 11; left: 0; top: 0; width: 100%; top: 40px; transition: .15s; -webkit-transition: .15s; }
.header-wrapper { position: absolute; left: 40px; right: 40px; height: 64px; }
.header-wrapper:before { position: absolute; left: 135px; right: 0; height: 100%; content: ""; background: rgba(0, 0, 0, .2); transition: .15s; -webkit-transition: .15s; }
.header-container { position: absolute; left: 135px; right: 0; height: 100%; }
header.scrolled .header-wrapper:before { background: rgba(0, 0, 0, .8); left: -5px; border-radius: 32px 0 0 32px; }
#logo { height: 64px; position: absolute; left: 0; top: 0; }
#logo img { display: block; height: 100%; width: auto; }
#logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.header-right { position: absolute; right: 0; top: 0; width: 440px; height: 100%; font-size: 0; height: 64px; text-align: right; }
.header-phone { /*width: 241px;*/ display: inline-block; vertical-align: top; line-height: 64px; font-size: 16px; color: #A7A9AC; font-family: 'regular'; text-align: right; padding-right: 20px; transition: .25s; -webkit-transition: .25s; }
nav .header-phone { display: none; width: auto; }
.header-phone.active { opacity: 0; }
.header-phone a { color: #fff; transition: .25s; -webkit-transition: .25s; }

.header-search { display: inline-block; vertical-align: top; width: 64px; height: inherit; position: relative; text-align: left; }
.header-search .content { position: absolute; z-index: 10; right: 100%; top: 0; width: 0; background: rgba(0, 0, 0, .6); height: inherit; border-left: 1px rgba(255, 255, 255, .4) solid; overflow: hidden; transition: .25s; -webkit-transition: .25s; }
.header-search.active .content { width: 241px; }
.header-search .content input { position: absolute; right: 0; top: 0; height: inherit; width: 241px; line-height: 1.3em; font-size: 15px; color: #fff; padding: 0 20px; }
.header-search ::selection { color: #fff; background: #f26424!important; }
.header-search ::-moz-selection { color: #fff; background: #f26424!important; }
.header-search .content input::-webkit-input-placeholder { color: rgba(255, 255, 255, .5); opacity: 1; }
.header-search .content input:-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1; }
.header-search .content input::-moz-placeholder { color: rgba(255, 255, 255, .5); opacity: 1; }
.header-search .content input:-ms-input-placeholder { color: rgba(255, 255, 255, .5); opacity: 1; }
.header-search .icon, .header-search .icon input[type="submit"], .header-search .icon .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.header-search .icon input[type="submit"] { opacity: 0; left: 10000px; transition: 0s .25s; -webkit-transition: 0s .25s; }
.header-search.active .icon input[type="submit"] { left: 0; transition: 0s; -webkit-transition: 0s; }
.header-search .icon .image { cursor: pointer; transition: .25s; -webkit-transition: .25s; }
.header-search.active .icon .image { background: #f26424; }
.header-search svg { fill: #fff; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; }
.header-quote { width: 100px; background: #212121; height: inherit; display: inline-block; vertical-align: top; text-align: left; }
.header-quote .text { color: #FFF; font-family: 'Work Sans', sans-serif; font-size: 14px; font-weight: 500;line-height: 16px; width: 90px; padding-left: 20px; float: left; margin-top: 15px; display: none; }
.header-quote .quote { /*width: 32px; height: 32px;*/ line-height: 14px; text-align: center; color: #FFF; font-size: 14px; font-weight: 400; /*background: #FBB040; border-radius: 50%;*/ float: left; font-family: Arial; margin-top: 15px; }
.menu-icon { width: 20px; height: 40px; position: relative; display: inline-block; vertical-align: top; position: relative; top: 11px; margin-left: 10px; transition: .25s; -webkit-transition: .25s; }
.menu-icon:before { width: 10px; height: 10px; border-left: 2px #ffb341 solid; border-bottom: 2px #ffb341 solid; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.menu-icon:before { margin-top: -8px; }

@media (min-width: 1200px) {
nav { position: absolute; left: 0; right: 0; padding-right: 530px; font-size: 0; }
.panel[data-panel="0"] li { display: inline-block; vertical-align: top; padding: 0 15px; }
.panel[data-panel="0"] li>a { display: inline-block; vertical-align: top; line-height: 64px; color: #FFF; font-family: 'bold'; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; position: relative; }
.panel[data-panel="0"] li>a:before {position: absolute; width: 0; height: 3px; background: #ffb341; left: 50%; margin-left: 0; bottom: 0; content: ""; transition: .25s; -webkit-transition: .25s; }
.panel[data-panel="0"] li.active>a:before, .panel[data-panel="0"] li>a:hover:before { width: 40px; margin-left: -20px; }
#open-megamenu.active+.menu-icon { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.megamenu { position: absolute; left: 0; width: 100%; top: 100%; overflow: auto; -webkit-overflow-scrolling: touch; height: 600px; left: -10000px; transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; transition: opacity .25s, transform .25s, left 0s .25s; -webkit-transition: opacity .25s, transform .25s, left 0s .25s; }
.megamenu.active { left: 0; transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: opacity .25s, transform .25s, left 0s; -webkit-transition: opacity .25s, transform .25s, left 0s; }
.megamenu-align { display: -webkit-flex; display: flex; }
.megamenu-align:after { clear: both; content: ""; display: block; }
.megamenu-align>.right { flex-basis: 440px; flex-shrink: 0; background: #414042; opacity: 0; position: relative; }
.megamenu-align>.right.active { opacity: 1; }
.megamenu-align>.left { flex-grow: 1; }
.megamenu-align>.left .left-align { display: -webkit-flex; display: flex; height: 100%; }
.panel[data-panel="1"] { width: 33.333333%; background: url(../img/pattern-3.jpg); padding: 25px 0; }
.panel[data-panel="1"] li { position: relative; }
.panel[data-panel="1"] a { font-size: 16px; font-family: 'bold'; color: #fff; text-transform: uppercase; display: block; line-height: 22px; padding: 10px 40px; position: relative; margin-bottom: 2px; transition: .25s; -webkit-transition: .25s; letter-spacing: 2px; }
.panel[data-panel="1"] .menu-icon { position: absolute; right: 25px; top: 50%; margin-top: -20px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.panel[data-panel="1"] .menu-icon:before { border-color: #fff; }
.panel[data-panel="1"] li.active a, .panel[data-panel="1"] a.hover { background: #f26424; }
.megamenu .submenu { width: 66.666666%; background: #212121; display: none; }
.megamenu .submenu.active { display: block; }
.megamenu .submenu-align { display: -webkit-flex; display: flex; }
.megamenu .submenu ul { width: 50%; padding: 25px 15px 25px 45px; }
.megamenu .submenu ul li { max-width: 280px; }
.megamenu .submenu ul a { font-size: 14px; line-height: 16px; color: #a7a9ac; display: block; padding: 10px 0; transition: .25s; -webkit-transition: .25s; }
.megamenu .submenu ul a.color { color: #f26424; }
.megamenu .submenu ul li.active a, .megamenu .submenu ul a:hover { color: #fff; }
.megamenu .submenu ul li.active a.color, .megamenu .submenu ul a.color:hover { color: #fbb040; }
.panel .panel-back { display: none; }
.nav-layer { display: none; }
header.style-1 .panel[data-panel="0"] a { color: #4A4A4A; }
}

@media (min-width: 1470px) {
.panel[data-panel="0"] li {padding: 0 25px;}
}

.header-ajax-entry { padding: 40px 15px 40px 50px; overflow: hidden; }
.header-ajax-entry .image { float: right; width: 100px; height: 100px; position: relative; margin-right: 20px; }
.header-ajax-entry .image img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); }
.header-ajax-entry .content { margin-right: 150px; }
.header-ajax-entry .title-1 { color: #A7A9AC; font-family: 'regular'; font-size: 16px; letter-spacing: 2px; line-height: 24px; margin-bottom: 10px; }
.header-ajax-entry .title-2 { color: #FFF; font-size: 20px; line-height: 24px; transition: .15s; -webkit-transition: .15s; margin-bottom: 10px; display: block; }
.header-ajax-entry .title-3 { color: #FFF; font-family: 'regular'; font-size: 16px; letter-spacing: 2px; }
.header-ajax-entry .title-3 a { transition: .15s; -webkit-transition: .15s; }
.header-ajax-entry-line { background: #5d5c5e; height: 1px; margin: 30px -40px 30px 0; }
.header-ajax-entry .logos-wrapper { margin-left: -5px; margin-right: 15px; }
.header-ajax-entry .logos-wrapper .logo-entry { padding: 5px; }
#hamburger { width: 40px; height: 41px;  top: -1px; transition: .5s; -webkit-transition: .5s; display: block; position: absolute; display: none; left: 15px; top: 50%; margin-top: -20px; }
#hamburger span { width: 30px; height: 3px; background: #fff; position: absolute; left: 50%; margin-left: -13px; transition: inherit; -webkit-transition: inherit; }
#hamburger span:nth-child(1) { top: 11px; }
#hamburger span:nth-child(2) { top: 19px; }
#hamburger span:nth-child(3) { bottom: 11px; }
#hamburger.active { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); background: none; }
#hamburger.active span { background: #ffb040; }
#hamburger.active span:nth-child(1) { top: 19px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#hamburger.active span:nth-child(2) { opacity: 0; }
#hamburger.active span:nth-child(3) { bottom: 19px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
header.style-1 .header-wrapper:before { background: rgba(230, 231, 232, .4); }
header.style-1 .header-search .content { border-color: transparent; }
header.style-1 .header-search:not(.active) svg { fill: #4a4a4a; }
header.style-1 #logo img:nth-child(1) { opacity: 0; }
header.style-1 #logo img:nth-child(2) { opacity: 1; }
/* header.style-1.scrolled .header-wrapper:before { background: rgba(230, 231, 232, .9); } */
header.style-1.scrolled .header-wrapper:before { background:#F5F5F6; }
header.style-1 #hamburger span { background: #4a4a4a; }
header.style-1 .header-phone a { color: #4A4A4A; }
header.style-1 nav .header-phone a { color: #fff; }
.breadcrumbs { position: absolute; right: 40px; top: 80px; color: #A7A9AC; font-family: 'regular'; font-size: 14px; letter-spacing: 2px; line-height: 16px; text-align: right; z-index: 10; transition: .25s; -webkit-transition: .25s; opacity: 1; }
.breadcrumbs a { transition: .25s; -webkit-transition: .25s; white-space: nowrap; }
.breadcrumbs a:last-child { color: #4a4a4a; }
header.scrolled .breadcrumbs { opacity: 0; }

@media (min-width: 1200px) {
.header-ajax-entry .title-2:hover { color: #fbb040; }
.header-ajax-entry .title-3 a:hover { color: #fbb040; }
.header-phone a:hover, header.style-1 .header-phone a:hover { color: #fbb040; }
.breadcrumbs a:hover { color: #f0b040; }
}

@media (max-width: 1199px) {
#hamburger { display: block; }
.panel { position: fixed; left: 0; top: -100px; bottom: -100px; width: 400px; max-width: 80%; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: .5s; -webkit-transition: .5s; z-index: 2; }
.panel[data-panel="0"] { background: #414042; }
.panel[data-panel="1"] { background: #555; }
.panel[data-panel="2"] { background: #6a6a6a; }
.panel.open { transform: translateX(0%); -webkit-transform: translateX(0%); }
.panel li { position: relative; padding-right: 40px; border-bottom: 1px rgba(255, 255, 255, .2) solid; }
.panel li a { color: #fff; font-size: 16px; line-height: 20px; padding: 15px 0 15px 15px; display: block; letter-spacing: 1px; }
.panel .menu-icon { position: absolute; width: 40px; right: 5px; top: 5px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background: rgba(0, 0, 0, .5); cursor: pointer; }
.header-ajax-entry-wrapper { display: none; }
.panel .panel-back { position: absolute; right: 0; top: 100px; height: 60px; width: 100%; display: block; border-bottom: 1px rgba(255, 255, 255, .2) solid; background: #000; }
.panel .panel-back+* { position: absolute; left: 0; top: 160px; width: 100%; bottom: 100px; overflow: auto; -webkit-overflow-scrolling: touch; }
.panel .panel-back .title { color: #fff; line-height: 60px; text-transform: uppercase; position: absolute; left: 0; top: 0; width: 100%; padding: 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: 'regular'; font-size: 22px; cursor: pointer; padding-left: 60px; }
.panel .panel-back .menu-icon { position: absolute; right: auto; left: 0; top: 10px; transform: rotate(-270deg); -webkit-transform: rotate(-270deg); }
.nav-layer { position: fixed; left: 0; top: -100px; width: 100%; bottom: -100px; background: rgba(0, 0, 0, .9); z-index: 1; left: -10000px; opacity: 0; transition: opacity .25s, left 0s .25s; -webkit-transition: opacity .25s, left 0s .25s; display: block; }
.nav-layer .button-close { position: absolute; right: 15px; top: 115px; }
nav.active .nav-layer { left: 0; opacity: 1; transition: opacity .25s, left 0s; -webkit-transition: opacity .25s, left 0s; }
nav .header-phone { display: block; text-align: left; padding: 15px; line-height: 20px; }
}

@media (max-width: 1199px) {
#hamburger { left: auto; right: 15px; }
.header-right { right: 70px; }
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
.header-wrapper { left: 15px; right: 15px; }
.breadcrumbs { right: 15px; }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
.header-right { width: auto; border-right: 1px solid rgba(255, 255, 255, .4); }
.header-right .header-phone { display: none; }
.header-quote { width: auto; padding: 0 10px; background: transparent; }
.header-quote:before { content: "Q:"; color: #fff; font-size: 14px; line-height: 64px; display: inline-block; vertical-align: top; float: left; margin-right: 5px; font-weight: 500; }
header.style-1 .header-quote:before { color: #4a4a4a; }
.header-search .content { background: #000; text-align: left; border: none; }
.header-search.active .content, .header-search .content input { width: calc(100vw - 210px); }
/* .header-search{float: right;} */
.header-quote .text { display: none; }
header { position: absolute; }
header.scrolled { position: fixed; top: 0; }
.header-wrapper:before { background: rgba(0, 0, 0, .8); left: -5px; border-radius: 32px 0 0 32px; }
.breadcrumbs { font-size: 12px; }
header.scrolled .breadcrumbs { display: none; }
}

@media (max-width: 575px) {
.header-search.active .content, .header-search .content input { width: calc(100vw - 150px); }
}

/* @media (max-width: 360px) {
.header-search { display: none; }
} */

/*------------------------*/
/*  HOMEPAGE TOP          */
/*------------------------*/
.block-entry.type-1 { background: #000; }
.block-entry.type-1 .bg-wrapper { position: fixed; }
.block-entry.type-1>.align { display: table-cell; vertical-align: middle; width: 10000px; padding-bottom: 220px; padding-top: 20px; }
.block-entry.type-1 .title-1 { border-bottom: 4px solid rgba(230, 231, 232, .25); padding-bottom: 25px; margin-bottom: 20px; }
.text-label { color: #414042; font-family: 'bold'; font-size: 24px; line-height: 40px; background: #FBB040; padding: 0 12px; display: inline-block; vertical-align: bottom; position: relative; }
.block-entry.type-1 .title-1 .text-label { top: -20px; }
.block-entry.type-1 .search-wrapper { position: absolute; left: 0; bottom: 0; width: 100%; height: 165px; }
.search-wrapper-subtitle { color: #A7A9AC; font-family: 'Work Sans', sans-serif; font-size: 17px; line-height: 27px; }
.search-wrapper-title { color: #FFF; font-family: 'bold'; font-size: 36px; letter-spacing: 1px; line-height: 36px; text-transform: uppercase; }
.search-wrapper-left { float: left; width: 180px; padding-left: 30px; position: relative; }
.search-wrapper-left:before { width: 8px; position: absolute; left: 0; top: 0; background: #f26424; content: ""; height: 305px; z-index: 2; }
.search-wrapper-right { margin-left: 180px; margin-right: 90px; }

@media (max-width: 991px) {
.search-wrapper-right {margin-right: 0}
.search-wrapper-right .input-inline .input,
.recently-viewed-align form .input-inline .input { padding-right: 160px }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
.search-wrapper-left { float: none; padding: 0 0 10px 0; }
.search-wrapper-right { margin: 0; }
.search-wrapper-left:before { left: -15px; width: 6px; }
.block-entry.type-1>.align { padding-bottom: 180px; }
.recently-viewed-align form .input-inline .input { padding-right: 15px }
}

@media (max-width: 575px) {
.search-wrapper-right .input.style-1::-webkit-input-placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.search-wrapper-right .input.style-1::-moz-placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.search-wrapper-right .input.style-1:-ms-input-placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.search-wrapper-right .input.style-1::-ms-input-placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.search-wrapper-right .input.style-1::placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.recently-viewed-align form .input-inline .input::-webkit-input-placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.recently-viewed-align form .input-inline .input::-moz-placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.recently-viewed-align form .input-inline .input:-ms-input-placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.recently-viewed-align form .input-inline .input::-ms-input-placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
.recently-viewed-align form .input-inline .input::placeholder { text-overflow: ellipsis; overflow: hidden; width: 170px; }
}

@media (max-width: 475px) {
.ios .search-wrapper-right .input-inline .input,
.ios .recently-viewed-align form .input-inline .input { padding-right: 145px }
}


/* banner-login */
.banner-login-block-wrapper{position: relative;}
.banner-login-wrap{position: absolute;right: 0;bottom: 0;width: 330px;}
.banner-login.form-login-wrapper{background: #414042;padding: 40px;width: 100%;}
.banner-login .sl, .banner-login .h5{color: #FFF;}
.banner-login .woocommerce-form-row{position: relative;}
.banner-login .woocommerce-form-login .lost_password{margin-top: 0;}
.banner-login .show-password-input::before { background-image: url(../img/eye-closed-white.svg); }
.banner-login .show-password-input.display-password::before { background-image: url(../img/eye-white.svg); }
.banner-login .woocommerce-form-login .button{display: block;padding-top: 10px;padding-bottom: 10px;width: 100%;margin-top: 5px;}
.banner-login .woocommerce-form-login ul.woocommerce-error{font-size: 12px;margin-top: 15px;}
@media (max-width:991px) {
  .banner-login-wrap{position: relative;width: 100%;}
  .banner-login-mob-btn{display: block;width: 100%;}
  .banner-login.form-login-wrapper{padding: 65px 0;}
  .banner-login-wrap{display: none;}
  .banner-login-block-wrapper_active .banner-login-wrap{display: block;}
  .banner-login-block-wrapper_active .banner-login-mob-btn-wrap{display: none;}
}
@media (max-width:767px) {
  .banner-login.form-login-wrapper{padding: 45px 0;}
}
/*-------------------*/
/*  NEW STYLES       */
/*-------------------*/
/*HEADER*/
.header-right { width: 520px; }
.header-quote { position: relative; width: 100px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s; transition: .3s; gap: 5px; padding: 15px 20px; }
.header-quote:before { content: none; }
.header-quote .icon { display: inline-block; width: 28px; height: 28px; -ms-flex-negative: 0; flex-shrink: 0; }
.header-quote .icon img { max-width: 100%; height: auto;  }
.header-quote .icon img:nth-child(2) { opacity: 0; visibility: hidden; height: 0; }
.header-quote .text { float: initial; padding-left: 0; letter-spacing: -0.44px; width: auto; margin: 0 12px 0 8px; }
.header-quote .quote { font-family: 'Work Sans', sans-serif; -ms-flex-negative: 0; flex-shrink: 0; float: initial; margin-top: 0; }
.header-login-wrap{position: relative;display: inline-block;font-family: "bold"; font-size: 16px; line-height: 18px; font-weight: 700; letter-spacing: 2px; color: #FFF;  text-transform: uppercase;white-space: nowrap;}
.header-login { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 64px; height: 64px; background-color: #F26424; -webkit-transition: .3s; transition: .3s; font-family: "bold"; font-size: 16px; line-height: 18px; font-weight: 700; letter-spacing: 2px; color: #FFF; text-align: center; text-transform: uppercase; padding: 12px; }
.header-login .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 31px; height: 31px; }
.header-login .icon img { max-width: 100%; height: auto; }
.header-login.mobile { display: none; }
.quote_items { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; -webkit-transition: .3s; transition: .3s; background: #212121; border-right: 1px solid #4A4A4A; height: inherit; text-align: left; gap: 3px; padding: 15px 20px; }
.quote_items .text, .quote_count { font-family: 'Work Sans', sans-serif; font-size: 14px; line-height: 16px; font-weight: 400; letter-spacing: -0.44px; color: #FFF; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; }
.header-quote.active { background: #F26424; }
.quote_items.active { background: #F26424; }
.header-login__menu{position: absolute;right: 0;top: 100%;padding: 35px 40px 35px 70px;background: url(../img/pattern-3.jpg);background-size: fill;opacity: 0;visibility: hidden;}
.header-login__menu ul{display: flex;flex-direction: column;text-align: right;color: #FFF;gap: 20px;}
.header-login-wrap:hover .header-login__menu{opacity: 1;visibility: visible;}
@media (min-width: 1200px) {
  .header-login__menu a:hover{color: #F26424;}
.header-quote:hover { background: #F26424; }
.quote_items:hover { background: #F26424; }
.header-login:hover { background-color: #212121; }
nav { padding-right: 460px; }
.header-right { width: 460px; }
}

@media (min-width: 1471px) {
nav { padding-right: 530px; }
.header-right { width: 520px; }
}

@media (max-width: 991px) {
.header-quote { width: auto; padding: 10px; }
.header-quote .icon { margin-right: 10px; }
.header-quote .text { display: none; }
.header-login { padding: 10px; }
.header-login .icon { width: 27px; height: 27px; }
.quote_items { padding: 10px; order: 1; }
}

@media (max-width: 767px) {
#logo { height: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#hamburger { right: 5px; }
.header-right { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; border-right: none; right: 50px; }
.header-quote .icon { width: 20px; height: 20px; margin-right: 0; }
.header-login-wrap { display: none; }
.header-login.mobile { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: calc(100% - 30px); height: 48px; margin: 15px 15px 30px 15px; }
.header-login.mobile .icon { margin-right: 10px; }
.header-right > * { border-right: 1px solid #4A4A4A; }
.quote_items { background: transparent; }
header.style-1 .header-wrapper:before, header.style-1.scrolled .header-wrapper:before { background: rgba(0, 0, 0, .8); }
header.style-1 #logo img:nth-child(1) { opacity: 1; }
header.style-1 #logo img:nth-child(2) { opacity: 0; }
header.style-1 .header-search:not(.active) svg { fill: #FFF; }
header.style-1 #hamburger span { background: #FFF; }
}

@media (max-width: 575px) {
.header-search { width: 40px; padding: 0 10px; }
}

/*OPEN MENU NEW STYLES*/
header { top: 10px; }
header.scrolled { top: 0; }
header.scrolled .header-wrapper:before { left: -40px; right: -40px; border-radius: 0; }
@media (max-width: 1199px) {
html.overflow-menu, html.overflow-menu body{overflow: hidden;}
header { position: fixed; top: 0; }
.header-wrapper { left: 0; right: 0; }
.header-wrapper:before { left: 0; border-radius: 0; }
header.scrolled .header-wrapper:before { left: 0; border-radius: 0; }
#hamburger span { width: 27px; }
#hamburger.active span { background: #fff; }
#logo { left: 15px; }
.nav-layer { top: 64px; bottom: 0; }
.nav-layer .button-close {display: none;}
.panel { top: 64px; bottom: 0; max-width: 85%; transform: translateX(-101%); -webkit-transform: translateX(-101%); }
.panel .panel-back {top: 0; display: none;}
.panel .panel-back+* {top: 0;}
.panel .menu-icon { background: transparent; }
.megamenu .panel .panel-back {display: block;}
.megamenu .panel .panel-back+* {top: 60px;}
}


.d-inline-block {display: inline-block !important;}
.d-block {display: block !important;}
.d-flex {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.d-inline-flex {display: -webkit-inline-box !important;display: -ms-inline-flexbox !important;display: inline-flex !important;}
.d-none {display: none !important;}
@media (min-width: 768px) {
.d-sm-inline-block {display: inline-block !important;}
.d-sm-block {display: block !important;}
.d-sm-flex {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.d-sm-inline-flex {display: -webkit-inline-box !important;display: -ms-inline-flexbox !important;display: inline-flex !important;}
.d-sm-none {display: none !important;}
}
@media (min-width: 992px) {
.d-md-inline-block {display: inline-block !important;}
.d-md-block {display: block !important;}
.d-md-flex {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.d-md-inline-flex {display: -webkit-inline-box !important;display: -ms-inline-flexbox !important;display: inline-flex !important;}
.d-md-none {display: none !important;}
}
@media (min-width: 1200px) {
.d-lg-inline-block {display: inline-block !important;}
.d-lg-block {display: block !important;}
.d-lg-flex {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.d-lg-inline-flex {display: -webkit-inline-box !important;display: -ms-inline-flexbox !important;display: inline-flex !important;}
.d-lg-none {display: none !important;}
}
@media (min-width: 1471px) {
.d-xl-inline-block {display: inline-block !important;}
.d-xl-block {display: block !important;}
.d-xl-flex {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.d-xl-inline-flex {display: -webkit-inline-box !important;display: -ms-inline-flexbox !important;display: inline-flex !important;}
.d-xl-none {display: none !important;}
}