@charset "UTF-8";
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, footer, header, nav, section { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

figcaption, figure, main { display: block; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { display: inline-block; vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details, menu { display: block; }

summary { display: list-item; }

canvas { display: inline-block; }

template { display: none; }

[hidden] { display: none; }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { text-decoration: none; }

img { vertical-align: middle; }

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

input { border: 0 none; outline: none; -webkit-box-shadow: none; box-shadow: none; }

button { background: none; cursor: pointer; }

button, fieldset, iframe { border: 0; }

fieldset, ul, ol, button, menu { padding: 0; }

ol, ul { list-style: none; }

textarea { resize: vertical; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

td { padding: 0; }

svg { width: 1em; height: 1em; }

button { outline: 0; }

.icon { font-size: 18px; color: currentColor; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

.container { width: 100%; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }

@media (max-width: 479px) { .container { max-width: 390px; } }

@media (min-width: 480px) { .container { max-width: 600px; } }

@media (min-width: 768px) { .container { max-width: 768px; } }

@media (min-width: 992px) { .container { max-width: 992px; } }

@media (min-width: 1200px) { .container { max-width: 1230px; } }

@media (min-width: 1750px) { .container { max-width: 1230px; } }

.container-fluid { width: 100%; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }

@media (min-width: 1400px) { .container-fluid { padding-left: 60px; padding-right: 60px; } }

@media (min-width: 1750px) { .container-fluid { padding-left: 120px; padding-right: 120px; } }

@media (min-width: 2020px) { .container-fluid { max-width: 2000px; } }

@media (min-width: 992px) and (max-width: 1199px) { .container-fluid { max-width: 992px; } }

@media (min-width: 768px) and (max-width: 991px) { .container-fluid { max-width: 768px; } }

@media (min-width: 480px) and (max-width: 767px) { .container-fluid { max-width: 600px; } }

@media (max-width: 479px) { .container-fluid { max-width: 390px; } }

.row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }

.no-gutters { margin-left: 0; margin-right: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-left: 0; padding-right: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-left: 10px; padding-right: 10px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }

.col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }

.col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }

.col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }

.col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }

.col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

.col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }

.col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }

.col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }

.col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }

.col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }

.col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 480px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }

.d-none { display: none !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }

.d-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; }

@media (max-width: 479px) { .d-sm-none { display: none !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }
  .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }

@media (max-width: 767px) { .d-md-none { display: none !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }
  .d-md-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }

@media (max-width: 991px) { .d-lg-none { display: none !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }
  .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }

@media (max-width: 1199px) { .d-xl-none { display: none !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }
  .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }

@media print { .d-print-none { display: none !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }
  .d-print-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }

@media (min-width: 1200px) { .gutter { margin-left: -20px; margin-right: -20px; }
  .gutter > .col, .gutter > [class*="col-"] { padding-left: 20px; padding-right: 20px; }
  .gutter-15 { margin-left: -15px; margin-right: -15px; }
  .gutter-15 > .col, .gutter-15 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
  .gutter-30 { margin-left: -30px; margin-right: -30px; }
  .gutter-30 > .col, .gutter-30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }
  .gutter-40 { margin-left: -40px; margin-right: -40px; }
  .gutter-40 > .col, .gutter-40 > [class*="col-"] { padding-left: 40px; padding-right: 40px; }
  .gutter-large { margin-left: -60px; margin-right: -60px; }
  .gutter-large > .col, .gutter-large > [class*="col-"] { padding-left: 60px; padding-right: 60px; } }

.gutter-5 { margin-left: -5px !important; margin-right: -5px !important; }

.gutter-5 > .col, .gutter-5 > [class*="col-"] { padding-left: 5px !important; padding-right: 5px !important; }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); }
  40% { -webkit-transform: translateY(-30px) translateX(-50%); transform: translateY(-30px) translateX(-50%); }
  60% { -webkit-transform: translateY(-15px) translateX(-50%); transform: translateY(-15px) translateX(-50%); } }

@keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); }
  40% { -webkit-transform: translateY(-30px) translateX(-50%); transform: translateY(-30px) translateX(-50%); }
  60% { -webkit-transform: translateY(-15px) translateX(-50%); transform: translateY(-15px) translateX(-50%); } }

.bounceArrow { -webkit-animation-name: bounceArrow; animation-name: bounceArrow; }

@-webkit-keyframes swing { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  to { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }

@keyframes swing { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  to { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }

@-webkit-keyframes swingMouse { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }

@keyframes swingMouse { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }

@-webkit-keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes pulsateVideoBtn { 0% { -webkit-transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1); transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
    opacity: 0; }
  50% { opacity: 1; }
  100% { -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2); transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
    opacity: 0; } }

@keyframes pulsateVideoBtn { 0% { -webkit-transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1); transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
    opacity: 0; }
  50% { opacity: 1; }
  100% { -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2); transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
    opacity: 0; } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .97; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; -o-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; -o-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-infobar { height: auto; left: 42px; top: auto; bottom: 180px; padding: 0; font-family: "Bebas Neue", cursive; font-size: 7.4rem; line-height: 1; letter-spacing: -.1em; color: #fff; mix-blend-mode: normal; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-toolbar button:not(:last-child) { display: none !important; }

.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */
.fancybox-button { border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button--close { position: fixed; display: block !important; width: 60px; height: 60px; right: 50px !important; top: 50px !important; padding: 0 !important; font-size: 40px; color: #fff !important; background: none; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */
.fancybox-navigation { position: absolute; right: 50px; bottom: 70px; }

.fancybox-navigation .fancybox-button { background-clip: content-box; height: 65px; opacity: 0; position: relative; cursor: pointer; width: 50px; }

.fancybox-navigation .fancybox-button:not(:last-child) { margin-right: 20px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; }

.fancybox-navigation .fancybox-button--arrow_right { right: 0; }

/* Caption */
.fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 16px; font-weight: 700; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

/*@supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } }*/
.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #fff; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */
.fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; }
  .fancybox-slide--image { padding: 6px 0; }
  .fancybox-close-small { right: -6px; }
  .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; }
  .fancybox-caption { padding-left: 12px; padding-right: 12px; }
  /*@supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } }*/ }

/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }

/* Thumbs */
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus::before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; }
  .fancybox-show-thumbs .fancybox-inner { right: 110px; }
  .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ }

.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }

.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; -o-transition: transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/* Default theme - Owl Carousel CSS File */
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: rgba(255, 255, 255, 0.1); display: inline-block; cursor: pointer; border-radius: 3p x; }

.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 50px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot { display: inline-block; outline: 0; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { width: 5px; height: 5px; margin: 5px 9px; background: rgba(255, 255, 255, 0.1); display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-backface-visibility: visible; border-radius: 50%; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: rgba(255, 255, 255, 0.3); }

.owl-theme .owl-dots .owl-dot.active span { -webkit-transform: scale(2.4); -ms-transform: scale(2.4); transform: scale(2.4); background: none; border: 1px solid #fff; }

.owl-nav-style .owl-theme .owl-nav { position: absolute; top: 50%; right: 0; left: 0; margin-top: -50px; }

.owl-nav-style .owl-theme .owl-nav [class*="owl-"] { position: absolute; width: 45px; height: 45px; font-size: 16px; padding-top: 3px !important; background: none; border: 2px solid #df4231; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.owl-nav-style .owl-theme .owl-nav [class*="owl-"]:hover { background: #df4231; }

.owl-nav-style .owl-theme .owl-nav [class*="owl-"]:hover svg path { stroke: #fff !important; }

@media (max-width: 1199px) { .owl-nav-style .owl-theme .owl-nav [class*="owl-"] { width: 40px; height: 40px; } }

.owl-nav-style .owl-theme .owl-nav [class*="owl-"] svg path { stroke: #df4231 !important; }

.owl-nav-style .owl-theme .owl-nav button.owl-prev { left: -60px; padding-right: 2px !important; }

@media (max-width: 1199px) { .owl-nav-style .owl-theme .owl-nav button.owl-prev { left: 25px !important; } }

.owl-nav-style .owl-theme .owl-nav button.owl-next { right: -60px; padding-left: 2px !important; }

@media (max-width: 1199px) { .owl-nav-style .owl-theme .owl-nav button.owl-next { right: 25px !important; } }

@media (max-width: 767px) { .owl-nav-style.cards .owl-theme .owl-nav [class*="owl-"] { border: 2px solid #fff; } }

@media (max-width: 767px) { .owl-nav-style.cards .owl-theme .owl-nav [class*="owl-"] svg path { stroke: #fff !important; } }

.owl-nav-style.news .owl-theme .owl-nav { margin-top: -112px; }

.owl-nav-style.section-products__carousel .owl-theme .owl-nav { margin-top: 20px; }

@media (max-width: 1199px) { .owl-nav-style.section-products__carousel .owl-theme .owl-nav button.owl-prev { left: 0 !important; } }

.owl-nav-style.nav-light .owl-theme .owl-nav [class*="owl-"] { border: 2px solid #fff; }

.owl-nav-style.nav-light .owl-theme .owl-nav [class*="owl-"]:hover { background: #ffae00; border: 2px solid #ffae00; }

.owl-nav-style.nav-light .owl-theme .owl-nav [class*="owl-"]:hover svg path { stroke: #fff !important; }

.owl-nav-style.nav-light .owl-theme .owl-nav [class*="owl-"] svg path { stroke: #fff !important; }

.owl-nav-style.no-circle .owl-theme .owl-nav { top: 50%; margin-top: -25px; }

.owl-nav-style.no-circle .owl-theme .owl-nav [class*="owl-"] { background: none; width: 25px; height: 25px; }

.owl-nav-style.no-circle .owl-theme .owl-nav [class*="owl-"] svg { font-size: 24px; }

@media (max-width: 479px) { .owl-nav-style.no-circle .owl-theme .owl-nav [class*="owl-"] svg { font-size: 20px; } }

.owl-nav-style.no-circle .owl-theme .owl-nav [class*="owl-"] svg path { stroke: #17317b !important; stroke-width: 2px !important; }

.owl-nav-style.no-circle .owl-theme .owl-nav button.owl-prev { left: -50px; }

@media (max-width: 1199px) { .owl-nav-style.no-circle .owl-theme .owl-nav button.owl-prev { left: 0; } }

.owl-nav-style.no-circle .owl-theme .owl-nav button.owl-next { right: -50px; }

@media (max-width: 1199px) { .owl-nav-style.no-circle .owl-theme .owl-nav button.owl-next { right: 0; } }

.owl-nav-style.bottom-right .owl-theme .owl-nav { top: inherit; right: 0; bottom: 0; left: inherit; position: relative; text-align: right; }

.owl-nav-style.bottom-right .owl-theme .owl-nav [class*="owl-"] { position: relative; }

.owl-nav-style.bottom-right .owl-theme .owl-nav button { left: inherit; right: inherit; }

.owl-nav-style.bottom-center .owl-theme .owl-nav { position: relative; top: inherit; bottom: inherit; }

.owl-nav-style.bottom-center .owl-theme .owl-nav [class*="owl-"] { position: relative; }

.owl-nav-style.bottom-center .owl-theme .owl-nav button { left: inherit; right: inherit; }

.owl-nav-style.top-right .owl-theme .owl-nav { top: -50px; right: -5px; bottom: inherit; left: inherit; }

.owl-nav-style.top-right .owl-theme .owl-nav [class*="owl-"] { position: relative; }

.owl-nav-style.top-right .owl-theme .owl-nav button { left: inherit; right: inherit; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }

/* ------------------------------------------------- Datepicker cells ------------------------------------------------- */
.datepicker--cells { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.datepicker--cell { border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -ms-flexbox; display: -webkit-box; display: flex; position: relative; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 32px; z-index: 1; }

.datepicker--cell.-focus- { background: #f0f0f0; }

.datepicker--cell.-current- { color: #ffae00; }

.datepicker--cell.-current-.-focus- { color: #4a4a4a; }

.datepicker--cell.-current-.-in-range- { color: #ffae00; }

.datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #4a4a4a; border-radius: 0; }

.datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell.-disabled- { cursor: default; color: #aeaeae; }

.datepicker--cell.-disabled-.-focus- { color: #aeaeae; }

.datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; }

.datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; }

.datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; }

.datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; }

.datepicker--cell.-range-from-.-range-to- { border-radius: 4px; }

.datepicker--cell.-selected- { color: #fff; border: none; background: #ffae00; }

.datepicker--cell.-selected-.-current- { color: #fff; background: #17317b; }

.datepicker--cell.-selected-.-focus- { background: #3aae2a; }

.datepicker--cell:empty { cursor: default; }

.datepicker--days-names { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px; }

.datepicker--day-name { color: #0c4a9b; display: -ms-flexbox; display: -webkit-box; display: flex; font-weight: 600; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em; }

.datepicker--cell-day { width: 14.28571%; }

.datepicker--cells-months { height: 170px; }

.datepicker--cell-month { width: 33.33%; height: 25%; }

.datepicker--years { height: 170px; }

.datepicker--cells-years { height: 170px; }

.datepicker--cell-year { width: 25%; height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }

/* ------------------------------------------------- Datepicker ------------------------------------------------- */
.datepickers-container { position: absolute; left: 0; top: 0; }

@media print { .datepickers-container { display: none; } }

.datepicker { background: #fff; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); border-radius: 4px; -webkit-box-sizing: content-box; box-sizing: content-box; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; -o-transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; z-index: 100; }

.datepicker.-from-top- { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }

.datepicker.-from-right- { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); }

.datepicker.-from-bottom- { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); }

.datepicker.-from-left- { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); }

.datepicker.active { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; -o-transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }

.datepicker-inline .datepicker { border-color: #d7d7d7; -webkit-box-shadow: none; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }

.datepicker-inline .datepicker--pointer { display: none; }

.datepicker--content { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 4px; }

.-only-timepicker- .datepicker--content { display: none; }

.datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; }

.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }

.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); }

.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { left: 10px; }

.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { right: 10px; }

.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { left: calc(50% - 10px / 2); }

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; }

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; }

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); }

.datepicker--body { display: none; }

.datepicker--body.active { display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }

/* ------------------------------------------------- Navigation ------------------------------------------------- */
.datepicker--nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; }

.-only-timepicker- .datepicker--nav { display: none; }

.datepicker--nav-title, .datepicker--nav-action { display: -ms-flexbox; display: -webkit-box; display: flex; cursor: pointer; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }

.datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.datepicker--nav-action:hover { background: #f0f0f0; }

.datepicker--nav-action.-disabled- { visibility: hidden; }

.datepicker--nav-action svg { width: 32px !important; height: 32px !important; }

.datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px; }

.datepicker--nav-title { border-radius: 4px; padding: 0 8px; }

.datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px; }

.datepicker--nav-title:hover { background: #f0f0f0; }

.datepicker--nav-title.-disabled- { cursor: default; background: none; }

.datepicker--buttons { display: -ms-flexbox; display: -webkit-box; display: flex; padding: 4px; border-top: 1px solid #efefef; }

.datepicker--button { color: #17317b; cursor: pointer; border-radius: 4px; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; height: 32px; }

.datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }

/* ------------------------------------------------- Timepicker ------------------------------------------------- */
.datepicker--time { border-top: 1px solid #efefef; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: 4px; position: relative; }

.datepicker--time.-am-pm- .datepicker--time-sliders { -ms-flex: 0 1 138px; -webkit-box-flex: 0; flex: 0 1 138px; max-width: 138px; }

.-only-timepicker- .datepicker--time { border-top: none; }

.datepicker--time-sliders { -ms-flex: 0 1 153px; -webkit-box-flex: 0; flex: 0 1 153px; margin-right: 10px; max-width: 153px; }

.datepicker--time-label { display: none; font-size: 12px; }

.datepicker--time-current { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; }

.datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; }

.datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; }

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; }

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; }

.datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px; }

.datepicker--time-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 11px; height: 17px; background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat; background: -o-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px no-repeat; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }

.datepicker--time-row:first-child { margin-bottom: 4px; }

.datepicker--time-row input[type='range'] { background: none; cursor: pointer; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; }

.datepicker--time-row input[type='range']::-ms-tooltip { display: none; }

.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb { border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:hover::-moz-range-thumb { border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:hover::-ms-thumb { border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:focus { outline: none; }

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb { background: #17317b; border-color: #17317b; }

.datepicker--time-row input[type='range']:focus::-moz-range-thumb { background: #17317b; border-color: #17317b; }

.datepicker--time-row input[type='range']:focus::-ms-thumb { background: #17317b; border-color: #17317b; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-box-sizing: border-box; box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background .2s; transition: background .2s; }

.datepicker--time-row input[type='range']::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -moz-transition: background .2s; transition: background .2s; }

.datepicker--time-row input[type='range']::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -ms-transition: background .2s; transition: background .2s; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb { margin-top: -6px; }

.datepicker--time-row input[type='range']::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; }

.datepicker--time-row input[type='range']::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; }

.datepicker--time-row input[type='range']::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; }

.datepicker--time-row input[type='range']::-ms-fill-lower { background: transparent; }

.datepicker--time-row input[type='range']::-ms-fill-upper { background: transparent; }

.datepicker--time-row span { padding: 0 12px; }

.datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; }

.datepicker--time-icon:after, .datepicker--time-icon:before { content: ''; background: currentColor; position: absolute; }

.datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }

body { font-family: "Exo", sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #585858; overflow-x: hidden; }

body.bg { background: #f9f9f9; }

body.is-scroll { overflow: hidden; }

.c-rounded { position: absolute; width: 100%; left: 0; top: -32px; z-index: 12; line-height: 0; pointer-events: none; }

.c-rounded svg { width: 100%; min-height: 33px; }

.c-rounded._products { color: #fff; }

.c-rounded._recipes { color: #f8ecce; }

.c-rounded._recipes-other { color: #fff; }

.c-rounded._taste { color: #0c4a9b; }

.c-rounded._taste-bottom { color: #e0eede; bottom: -1px; top: initial; }

.c-rounded._blog { top: -54px; }

@media (max-width: 479px) { .c-rounded._blog { top: -22px; } }

@media (min-width: 480px) and (max-width: 767px) { .c-rounded._blog { top: -25px; } }

@media (min-width: 768px) and (max-width: 991px) { .c-rounded._blog { top: -31px; } }

@media (min-width: 992px) and (max-width: 1199px) { .c-rounded._blog { top: -37px; } }

@media (min-width: 1750px) { .c-rounded._blog { top: -67px; } }

.c-rounded._blog svg { height: auto; fill: #005230; }

.c-rounded._footer { top: -54px; }

@media (max-width: 479px) { .c-rounded._footer { top: -22px; } }

@media (min-width: 480px) and (max-width: 767px) { .c-rounded._footer { top: -25px; } }

@media (min-width: 768px) and (max-width: 991px) { .c-rounded._footer { top: -31px; } }

@media (min-width: 992px) and (max-width: 1199px) { .c-rounded._footer { top: -37px; } }

@media (min-width: 1750px) { .c-rounded._footer { top: -67px; } }

.c-rounded._footer svg { height: auto; fill: #e8eaf2; }

.c-rounded._content-rounded { color: #fff; top: initial; bottom: -1px; }

.c-rounded._content-rounded.rounded-x { top: -1px; bottom: initial; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); }

.c-rounded._counter { color: #a62227; }

.c-rounded._contact-form { color: #a62227; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); top: -1px; }

.c-rounded._recipe-rounded { color: #f7e9ea; top: initial; bottom: -1px; }

.c-rounded._content-wave { top: initial; bottom: -1px; }

@media (max-width: 479px) { .c-rounded._content-wave { bottom: -12px; } }

@media (min-width: 480px) and (max-width: 767px) { .c-rounded._content-wave { bottom: -8px; } }

@media (min-width: 768px) and (max-width: 991px) { .c-rounded._content-wave { bottom: -2px; } }

.c-rounded._content-wave svg { height: auto; fill: #fff; }

.c-rounded._protip-wave { top: -53px; }

@media (max-width: 479px) { .c-rounded._protip-wave { top: -21px; } }

@media (min-width: 480px) and (max-width: 767px) { .c-rounded._protip-wave { top: -25px; } }

@media (min-width: 768px) and (max-width: 991px) { .c-rounded._protip-wave { top: -30px; } }

@media (min-width: 992px) and (max-width: 1199px) { .c-rounded._protip-wave { top: -36px; } }

.c-rounded._protip-wave svg { height: auto; fill: #fff; }

.component-header._recipes { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { .component-header._recipes { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.component-header._recipes .title { text-align: right; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media (max-width: 767px) { .component-header._recipes .title { text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.component-header._sustainability .title, .component-header._sustainability .text { color: #434f41; }

.component-header._sustainability .text { margin-top: 20px; }

@media (min-width: 768px) and (max-width: 991px) { .component-header._sustainability .text { max-width: inherit; } }

.component-header .title, .component-header .text { color: #5c5f69; }

.component-header .text { font-size: 18px; font-weight: 300; }

@media (min-width: 768px) { .component-header .text { max-width: 370px; } }

@media (max-width: 479px) { .component-header .text { margin-top: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .component-header .text { font-size: 16px; } }

@media (min-width: 992px) and (max-width: 1199px) { .component-header .text { font-size: 16px; } }

.component-header .text strong { font-weight: 700; }

.component-header .btn { margin-top: 30px; }

.component-header .title { font-size: 72px; font-weight: 800; letter-spacing: -1px; line-height: 1.1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 479px) { .component-header .title { font-size: 42px; } }

@media (min-width: 480px) and (max-width: 767px) { .component-header .title { font-size: 66px; } }

@media (min-width: 768px) and (max-width: 991px) { .component-header .title { font-size: 48px; } }

@media (min-width: 992px) and (max-width: 1199px) { .component-header .title { font-size: 54px; } }

.component-header .title > div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.component-header .title > div .icon { font-size: 32px; top: 5px; position: relative; }

@media (max-width: 767px) { .component-header .title > div .icon { display: none; } }

.component-header .title > div .icon._left { margin-right: 10px; }

.component-header .title > div .icon._right { margin-left: 10px; }

.small-title:not(.not) { position: relative; display: block; font-size: 12px; line-height: 1.3; color: #17317b; font-weight: 600; letter-spacing: 4px; }

.small-title.color-1 { color: #0c4a9b; }

.slide, .slide-material, .hero { height: 95vh; }

@media (min-width: 480px) and (max-width: 767px) { .slide, .slide-material, .hero { height: 680px; } }

@media (max-width: 479px) { .slide, .slide-material, .hero { height: 100vh; } }

.slide { z-index: 1; position: relative; }

.slide::before { content: ""; position: absolute; left: 0; right: 0; top: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000)); background-image: -o-linear-gradient(bottom, transparent, #000); background-image: linear-gradient(to top, transparent, #000); height: 300px; z-index: 1; opacity: .5; }

.slide-list { position: relative; top: 0; left: 0; }

.slide-list li { display: none; }

.slide-material { overflow: hidden; position: relative; }

.slide-material img, .slide-material video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.slide-photo > div { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; -webkit-transition: -webkit-transform 1.5s ease 0s, -webkit-filter .5s ease 0s; transition: -webkit-transform 1.5s ease 0s, -webkit-filter .5s ease 0s; -o-transition: transform 1.5s ease 0s, filter .5s ease 0s; transition: transform 1.5s ease 0s, filter .5s ease 0s; transition: transform 1.5s ease 0s, filter .5s ease 0s, -webkit-transform 1.5s ease 0s, -webkit-filter .5s ease 0s; }

.slide-video { z-index: 1; }

.slide-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.slide-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 80px; padding-bottom: 110px; }

@media (max-width: 479px) { .slide-container { padding-top: 100px; } }

@media (min-width: 480px) and (max-width: 767px) { .slide-container { padding-top: 120px; } }

@media (max-width: 767px) { .slide-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 0; } }

.slide-content { width: 27%; position: relative; z-index: 2; padding-left: 40px; }

@media (max-width: 767px) { .slide-content { width: 100%; text-align: center; } }

.slide-content .heading { color: #fff; font-size: 48px; font-weight: 800; letter-spacing: -1px; line-height: 1.2; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

@media (max-width: 767px) { .slide-content .heading { font-size: 32px; } }

@media (min-width: 480px) and (max-width: 767px) { .slide-content .heading { font-size: 36px; } }

@media (min-width: 768px) and (max-width: 991px) { .slide-content .heading { font-size: 28px; letter-spacing: -0.5px; } }

.slide-content .text { color: #fff; font-size: 14px; font-weight: 300; margin-top: 15px; width: 100%; max-width: 371px; }

@media (max-width: 479px) { .slide-content .text { font-size: 13px; } }

@media (max-width: 767px) { .slide-content .text { margin: 10px auto 0; } }

@media (min-width: 768px) and (max-width: 991px) { .slide-content .text { font-size: 12px; } }

.slide-content .btn { padding-left: 35px; padding-right: 35px; border: 2px solid #fff; border-radius: 40px; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 16px; font-weight: 700; margin-top: 20px; }

@media (max-width: 767px) { .slide-content .btn { margin-top: 10px; } }

.slide-content .btn:hover { background: #fff; color: #222; }

.slide-pagination { position: absolute; right: 0; bottom: 30px; left: 0; margin: 0 auto; max-width: 1230px; width: 100%; z-index: 2; text-align: center; display: none; }

.slide-pagination li { display: inline-block; }

.slide-pagination li a { width: 18px; height: 18px; cursor: pointer; display: inline-block; font-size: 0; position: relative; margin: 0 5px; border-radius: 50%; background: #fff; }

.slide-pagination li.is-active a { background: #17317b; }

.slide-arrows { position: absolute; top: 50%; right: 0; left: 0; display: block; width: 100%; margin: -30px auto 0; }

.slide-arrows a { position: absolute; z-index: 2; border-radius: 999px; font-size: 42px; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.slide-arrows a svg path { stroke-width: 1px !important; }

.slide-arrows a.prev { left: 20px; padding-right: 2px; }

.slide-arrows a.next { right: 20px; padding-left: 2px; }

.slide-thumb { background: rgba(0, 0, 0, 0.2); height: 110px; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; }

@media (max-width: 767px) { .slide-thumb { display: none; } }

.slide-thumb__list { position: relative; top: -125px; }

@media (min-width: 768px) and (max-width: 991px) { .slide-thumb__list { top: -105px; } }

.slide-thumb__list ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.slide-thumb__list ul li:not(:last-child) { margin-right: 10px; }

@media (min-width: 768px) and (max-width: 991px) { .slide-thumb__list ul li:not(:last-child) { margin-right: 0; } }

.slide-thumb__list ul li.is-active a::before { background: rgba(0, 0, 0, 0.3); }

.slide-thumb__list ul li a { display: block; position: relative; z-index: 1; width: 185px; text-align: center; }

@media (min-width: 768px) and (max-width: 991px) { .slide-thumb__list ul li a { width: 130px; } }

@media (min-width: 992px) and (max-width: 1199px) { .slide-thumb__list ul li a { width: 170px; } }

.slide-thumb__list ul li a::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.2); height: 125px; border-radius: 20px 20px 0 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media (min-width: 768px) and (max-width: 991px) { .slide-thumb__list ul li a::before { height: 105px; } }

.slide-thumb__list .photo { padding-left: 15px; padding-right: 15px; padding-top: 25px; height: 135px; }

@media (min-width: 768px) and (max-width: 991px) { .slide-thumb__list .photo { height: 115px; } }

.slide-thumb__list .photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom center; object-position: bottom center; }

.slide-thumb__list .title { font-size: 14px; font-weight: 700; color: #fff; margin-top: 15px; padding-left: 35px; padding-right: 35px; line-height: 1.3; max-height: 36px; overflow: hidden; }

.slide-wrapper.ui-video { background: rgba(0, 0, 0, 0.3); z-index: 2; }

.slide-wrapper.ui-video .slide-content { width: 32%; }

.slide-wrapper.ui-01 { background: #0c4a9b; }

.slide-wrapper.ui-02 { background: #ec960b; }

.slide-wrapper.ui-03 { background: #d7b736; }

.slide-wrapper.ui-04 { background: #8c3c0d; }

.slide-wrapper.ui-05 { background: #508b13; }

.slide-product { position: absolute; z-index: 2; top: calc( 80px + 40px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; }

@media (max-width: 767px) { .slide-product { bottom: 50px; top: inherit; width: 100%; padding-left: 10px; padding-right: 10px; } }

.slide-product .title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 32px; font-weight: 800; color: #fff; letter-spacing: -0.5px; line-height: 1; position: relative; top: 30px; }

@media (max-width: 479px) { .slide-product .title { font-size: 24px; } }

.slide-product .title .icon._left { margin-right: 8px; }

.slide-product .title .icon._right { margin-left: 8px; }

.slide-product .photo { height: calc( 95vh - 80px - 210px); width: 100%; padding-bottom: 40px; position: relative; margin-left: auto; margin-right: auto; width: 85%; }

@media (max-width: 479px) { .slide-product .photo { padding-bottom: 10px; } }

@media (min-width: 480px) and (max-width: 767px) { .slide-product .photo { height: calc( 95vh - 80px - 320px); } }

.slide-product .photo::after { content: ""; position: absolute; right: 10px; bottom: -20px; left: 10px; background-image: url(../img/shadow.png); background-position: center center; background-size: contain; background-repeat: no-repeat; height: 45px; opacity: .3; }

@media (max-width: 479px) { .slide-product .photo::after { height: 25px; } }

.slide-product .photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom center; object-position: bottom center; }

.slide-objects { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; pointer-events: none; }

.slide-objects > div { height: 100%; right: 0; bottom: 0; }

.slide-objects .object { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.slide-objects .object img { width: auto; height: auto; }

@media (max-width: 479px) { .slide-objects .object img { width: 100%; height: 100%; } }

.slide-objects .object._1 { right: 20px; }

@media (min-width: 1750px) { .slide-objects .object._1 { right: 100px; } }

.slide-objects .object._2 { right: 30px; }

@media (min-width: 1750px) { .slide-objects .object._2 { right: 90px; } }

.slide-objects .object._3 { left: -50px; }

@media (min-width: 1750px) { .slide-objects .object._3 { left: 30px; } }

.slide-list li.is-active .slide-container .heading, .slide-list li.is-active .slide-container .text, .slide-list li.is-active .slide-container .btn { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }

.slide-list li.is-active .slide-product { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }

.slide-list li.is-active .slide-objects .object { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.slide-container .heading, .slide-container .text, .slide-container .btn { opacity: 0; visibility: hidden; }

.slide-container .heading { -webkit-transform: translateY(-130px); -ms-transform: translateY(-130px); transform: translateY(-130px); -webkit-transition: 1s .1s; -o-transition: 1s .1s; transition: 1s .1s; }

.slide-container .text { -webkit-transform: translateY(-160px); -ms-transform: translateY(-160px); transform: translateY(-160px); -webkit-transition: 1s .2s; -o-transition: 1s .2s; transition: 1s .2s; }

.slide-container .btn { -webkit-transform: translateY(-190px); -ms-transform: translateY(-190px); transform: translateY(-190px); -webkit-transition: opacity 1s .3s, visibility 1s .3s, background .3s, -webkit-transform 1s .3s; transition: opacity 1s .3s, visibility 1s .3s, background .3s, -webkit-transform 1s .3s; -o-transition: opacity 1s .3s, visibility 1s .3s, transform 1s .3s, background .3s; transition: opacity 1s .3s, visibility 1s .3s, transform 1s .3s, background .3s; transition: opacity 1s .3s, visibility 1s .3s, transform 1s .3s, background .3s, -webkit-transform 1s .3s; }

.slide-product { -webkit-transform: translateX(-50%) translateY(-130vh); -ms-transform: translateX(-50%) translateY(-130vh); transform: translateX(-50%) translateY(-130vh); -webkit-transition: all 1.5s cubic-bezier(0.62, 0.07, 0.02, 1.1); -o-transition: all 1.5s cubic-bezier(0.62, 0.07, 0.02, 1.1); transition: all 1.5s cubic-bezier(0.62, 0.07, 0.02, 1.1); }

.slide-objects .object { -webkit-transform: translateY(-150vh); -ms-transform: translateY(-150vh); transform: translateY(-150vh); }

.slide-objects .object._1 { -webkit-transition: all 2s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; -o-transition: all 2s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; transition: all 2s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; }

.slide-objects .object._2 { -webkit-transition: all 2.2s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; -o-transition: all 2.2s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; transition: all 2.2s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; }

.slide-objects .object._3 { -webkit-transition: all 2.4s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; -o-transition: all 2.4s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; transition: all 2.4s cubic-bezier(0.2, 0.7, 0.44, 0.97) 0s; }

.header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 70px; margin-left: -18px; margin-right: -18px; }

@media (max-width: 991px) { .header-nav { display: none; } }

@media (min-width: 1750px) { .header-nav { margin-left: -20px; margin-right: -20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .header-nav { margin-left: -12px; margin-right: -12px; } }

.header-nav__item { padding-left: 18px; padding-right: 18px; }

@media (min-width: 1750px) { .header-nav__item { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .header-nav__item { padding-left: 12px; padding-right: 12px; } }

.header-nav__item.is-active > a::after { display: block; }

.header-nav__item > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; font-size: 14px; letter-spacing: -0.5px; text-transform: uppercase; height: 80px; line-height: 1.2; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media (min-width: 992px) and (max-width: 1199px) { .header-nav__item > a { font-size: 14px; } }

.header-nav__item > a span { display: block; color: rgba(255, 255, 255, 0.7); font-size: 12px; font-weight: 600; letter-spacing: 0; margin-top: 1px; display: none; text-transform: capitalize; }

.header-nav__item > a::before { content: ""; position: absolute; z-index: -1; right: 0; bottom: 25px; left: 0; height: 2px; width: 0; margin: 0 auto; background: #0c4a9b; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; will-change: width; }

.header-nav__item > a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: 0; height: 0; z-index: 2; margin: 0 auto; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #fff; opacity: 0; visibility: hidden; display: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.header-nav__item:hover > a { color: #0471ff; }

.header-nav__item:hover > a::before { width: 100%; }

.header-nav__item:hover > a::after { opacity: 1; visibility: visible; }

.header-nav__item:hover > .header-nav__links { opacity: 1; visibility: visible; }

.header-nav__links { position: absolute; background: #fff; border-radius: 11px; min-width: 230px; padding-top: 15px; padding-bottom: 15px; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.header-nav__links > li { display: block; }

.header-nav__links > li > a { display: block; font-size: 16px; font-weight: 700; letter-spacing: -0.3px; padding: 12px 30px; color: #0c4a9b; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.header-nav__links > li > a:hover { color: #fff; background: #0c4a9b; }

.sidebar-nav { position: fixed; z-index: 1004; background-color: #fff; top: 0; left: 0; display: block; overflow: hidden; width: 970px; height: 100%; -webkit-transition: all 0.65s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.65s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.65s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.sidebar-nav::after, .sidebar-nav::before { content: ""; position: absolute; background-repeat: no-repeat; z-index: -1; }

.sidebar-nav::after { top: 0; right: 0; left: 0; height: 440px; opacity: .8; background-image: url(../img/pattern-dot.png); background-position: right 50px; }

.sidebar-nav::before { right: 0; bottom: 0; left: 0; height: 90%; opacity: .6; background-image: url(../img/detail-section-bg-4.png); background-size: auto 100%; }

.sidebar-nav.is-active { -webkit-transform: translateZ(0); transform: translateZ(0); }

.sidebar-nav__wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.sidebar-nav__header, .sidebar-nav__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 40px; padding-right: 40px; }

.sidebar-nav__header .close, .sidebar-nav__footer .close { color: #0c4a9b; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.sidebar-nav__header .close .icon, .sidebar-nav__footer .close .icon { font-size: 48px; }

.sidebar-nav__header { height: 120px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.sidebar-nav__body { padding: 0 30px 50px 80px; }

.sidebar-nav__body > .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sidebar-nav__footer { height: 80px; position: relative; z-index: 2; }

.sidebar-nav__footer-list ul li:not(:last-child) { margin-right: 25px; }

.sidebar-nav__footer-list ul li a { font-size: 14px; color: #999; font-weight: 600; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.sidebar-nav__footer-list ul li a:hover { color: #222; }

.sidebar-nav__list ul li { padding-top: 20px; padding-bottom: 20px; }

.sidebar-nav__list ul li.is-current a, .sidebar-nav__list ul li:hover a { color: #ffae00 !important; }

.sidebar-nav__list ul li.is-current a::before { display: block; }

.sidebar-nav__list ul li a { color: #0c4a9b; display: block; font-size: 32px; font-weight: 600; letter-spacing: -0.5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; }

.sidebar-nav__list ul li a::before { content: ""; display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); left: -40px; background: currentColor; opacity: .3; width: 18px; height: 18px; }

.sidebar-nav__details { position: inherit; }

.sidebar-nav__details-list { padding-left: 40px; opacity: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.sidebar-nav__details-list > div:not(:last-child) { margin-bottom: 30px; }

.sidebar-nav__details-list .heading { color: #0c4a9b; font-size: 16px; font-weight: 700; letter-spacing: .3px; display: block; }

.sidebar-nav__details-list .heading:not(:last-child) { margin-bottom: 7px; }

.sidebar-nav__details-list a.heading:hover { color: #ffae00; }

.sidebar-nav__details-list:not(:last-child) { margin-bottom: 30px; }

.sidebar-nav__details-list ul li a { color: #703f2a; font-size: 14px; font-weight: 500; max-width: 175px; display: block; padding-top: 3px; padding-bottom: 3px; }

.sidebar-nav__details-list ul li a:hover { color: #ffae00; font-weight: 600; }

.sidebar-nav__details-row { padding-left: 35px; }

.sidebar-nav__content.is-active .sidebar-nav__content-wrapper .heading, .sidebar-nav__content.is-active .sidebar-nav__content-wrapper .desc, .sidebar-nav__content.is-active .sidebar-nav__content-wrapper .btn { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.sidebar-nav__content.is-active .sidebar-nav__content-cover { opacity: 1; -webkit-transform: translateY(0) rotate(15deg); -ms-transform: translateY(0) rotate(15deg); transform: translateY(0) rotate(15deg); }

.sidebar-nav__content.is-active .sidebar-nav__details-list { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.sidebar-nav__content-wrapper { padding-left: 50px; position: relative; z-index: 1; }

.sidebar-nav__content-wrapper._recipes .heading { color: rgba(40, 152, 72, 0.2); }

.sidebar-nav__content-wrapper._recipes .desc { color: #289848; }

.sidebar-nav__content-wrapper._recipes .btn { color: #289848; border: 2px solid #289848; }

.sidebar-nav__content-wrapper._blog .heading { color: rgba(245, 19, 116, 0.2); }

.sidebar-nav__content-wrapper._blog .desc { color: #f51374; }

.sidebar-nav__content-wrapper._blog .btn { color: #f51374; border: 2px solid #f51374; }

.sidebar-nav__content-wrapper._sustainability .heading { color: rgba(56, 169, 225, 0.2); line-height: .9; font-size: 156px; margin-top: -105px; }

.sidebar-nav__content-wrapper._sustainability .heading span { letter-spacing: -3px; font-size: 96px; }

.sidebar-nav__content-wrapper._sustainability .desc { color: #38a9e1; }

.sidebar-nav__content-wrapper._sustainability .btn { color: #38a9e1; border: 2px solid #38a9e1; }

.sidebar-nav__content-wrapper .heading, .sidebar-nav__content-wrapper .desc, .sidebar-nav__content-wrapper .btn { opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.sidebar-nav__content-wrapper .heading { color: rgba(255, 174, 0, 0.2); font-size: 132px; font-weight: 900; text-transform: uppercase; line-height: 1.05; letter-spacing: -5px; margin-left: -50px; }

.sidebar-nav__content-wrapper .heading span { font-size: 84px; }

.sidebar-nav__content-wrapper .desc { color: #ffae00; font-size: 20px; line-height: 1.7; font-weight: 600; margin-top: -47px; }

@media (min-width: 1200px) { .sidebar-nav__content-wrapper .desc { padding-right: 80px; } }

.sidebar-nav__content-wrapper .btn { margin-top: 40px; 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; color: #ffae00; border: 2px solid #ffae00; padding-left: 50px; padding-right: 50px; font-family: "Bebas Neue", cursive; text-align: center; line-height: 1.2; font-size: 20px; letter-spacing: .5px; border-radius: 99px; height: 45px; }

.sidebar-nav__content-cover { position: absolute; right: -70px; bottom: 0; padding: 20px; opacity: 0; -webkit-transform: translateY(100%) rotate(5deg); -ms-transform: translateY(100%) rotate(5deg); transform: translateY(100%) rotate(5deg); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.sidebar-nav__content-cover._recipes { background: rgba(40, 152, 72, 0.2); }

.sidebar-nav__content-cover._blog { background: rgba(245, 19, 116, 0.2); }

.sidebar-nav__content-cover._sustainability { background: rgba(56, 169, 225, 0.2); }

.sidebar-nav__content-cover img { width: 400px; height: 275px; -o-object-fit: cover; object-fit: cover; }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

.form-custom.no-icon ul li input { padding-left: 20px !important; }

.form-custom > form > ul > li { margin-bottom: 20px; position: relative; }

.form-custom ul li .heading { color: #df4231; font-size: 12px; font-weight: 700; }

.form-custom ul li.is-error input, .form-custom ul li.is-error textarea, .form-custom ul li.is-error label, .form-custom ul li.is-error select { border: 2px solid red !important; }

.form-custom ul li.is-error .icon, .form-custom ul li.is-error label, .form-custom ul li.is-error .heading { color: red !important; }

.form-custom ul li.is-active .selectbox { border: 2px solid rgba(0, 0, 0, 0.15) !important; color: #222 !important; background-color: rgba(0, 0, 0, 0.03); }

.form-custom ul li input, .form-custom ul li textarea { width: 100%; height: 65px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 8px; font-family: inherit; padding-left: 25px; padding-right: 25px; color: #999; font-size: 14px; font-weight: 600; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.form-custom ul li input:hover, .form-custom ul li textarea:hover { border: 1px solid rgba(0, 0, 0, 0.2); }

.form-custom ul li input:focus, .form-custom ul li textarea:focus { outline: 0; border: 1px solid #ffae00; }

@media (max-width: 479px) { .form-custom ul li input, .form-custom ul li textarea { height: 55px; padding-right: 15px; font-size: 14px; } }

.form-custom ul li input::-webkit-input-placeholder, .form-custom ul li textarea::-webkit-input-placeholder { /* Edge */ color: #999; }

.form-custom ul li input:-ms-input-placeholder, .form-custom ul li textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }

.form-custom ul li input::-moz-placeholder, .form-custom ul li textarea::-moz-placeholder { color: #999; }

.form-custom ul li input::-ms-input-placeholder, .form-custom ul li textarea::-ms-input-placeholder { color: #999; }

.form-custom ul li input::placeholder, .form-custom ul li textarea::placeholder { color: #999; }

.form-custom ul li input { padding-left: 60px; }

@media (max-width: 767px) { .form-custom ul li input { font-size: 14px; } }

.form-custom ul li select { padding-left: 65px; }

.form-custom ul li textarea { padding-top: 20px; height: 140px; }

.form-custom ul li .icon:not(.arrow):not(.not) { width: 65px; height: 65px; position: absolute; left: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0c4a9b; font-size: 18px; z-index: 1; }

.form-custom ul li .icon.arrow { position: absolute; pointer-events: none; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; opacity: .5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.form-custom ul li .icon.arrow + .form-error { right: 50px; }

.form-custom .send { padding-left: 10px; padding-right: 10px; }

.form-custom .send > input { background: #ffae00; height: 60px; min-width: 250px; border: 0 none; text-align: center; border-radius: 8px; padding-left: 20px; padding-right: 20px; color: #fff; font-size: 16px; font-weight: 800; font-family: inherit; cursor: pointer; border: 2px solid transparent; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; will-change: transform; }

.form-custom .send > input:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

@media (max-width: 479px) { .form-custom .send > input { min-width: 230px; height: 70px; font-size: 16px; } }

.form-custom._career ul li input, .form-custom._career ul li select { padding-left: 25px !important; padding-right: 25px !important; }

.form-custom._career ul li .icon:not(.arrow):not(.not) { left: initial; right: 0; color: #df4231; }

.form-custom._career .form-kvk { margin-top: 10px; padding-left: 10px; padding-right: 10px; }

.form-custom._career .send { margin-top: 25px; position: relative; }

.form-custom._contact ul li .icon:not(.arrow):not(.not) { left: 0; }

.form-custom._contact .form-messages { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.form-custom._contact .form-messages .item { max-width: 100%; padding: 0; }

.form-error { position: absolute; top: 50%; right: 25px; color: red; font-size: 12px; font-weight: 500; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.form-messages.style-1 { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; padding: 25px 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 700; line-height: 1.3; }

.form-messages.style-1.success { color: #3c763d; background-color: #dff0d8; border: 1px solid #d6e9c6; }

.form-messages.style-1.error { color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1; }

.form-messages .item { text-align: center; border: 1px solid rgba(0, 0, 0, 0.08); max-width: 400px; margin: 0 auto; border-radius: 20px; padding: 50px; }

.form-messages .item.is-success .icon { background: #dff0d8; color: #3c763d; }

.form-messages .item.is-success .btn { color: #3c763d; }

.form-messages .item.is-fail .icon { background: #f2dede; color: #a94442; }

.form-messages .item.is-fail .btn { color: #a94442; }

.form-messages .item.no-border { border: 0 none; }

.form-messages .item .icon { width: 120px; height: 120px; font-size: 54px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; }

.form-messages .item .heading { color: #222; font-size: 24px; font-weight: 700; letter-spacing: -0.5px; margin-top: 20px; }

.form-messages .item .text { font-size: 16px; font-weight: 300; max-width: 400px; width: 100%; margin: 10px auto 0; }

.form-messages .item .btn { font-weight: 800; margin-top: 20px; display: inline-block; position: relative; }

.form-messages .item .btn:hover::after { width: 100%; }

.form-messages .item .btn::after { content: ""; position: absolute; right: 0; bottom: -5px; left: 0; height: 2px; background: #3c763d; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

.popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(23, 49, 123, 0.9); z-index: 2000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.popup.is-visible { opacity: 1; visibility: visible; }

.popup-wrapper { width: 100%; height: 100%; max-height: 100%; padding: 55px; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }

@media (max-width: 767px) { .popup-wrapper { padding: 0; } }

.popup-wrapper.is-visible { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.popup-wrapper .cover { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }

.popup-wrapper .cover a { max-width: 90%; text-align: center; padding: 3px; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }

.popup-wrapper .cover img { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; }

.popup-close { position: absolute; top: 30px; right: 0; width: 1em; height: 1em; font-size: 28px; z-index: 12; 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; }

.popup-close:before, .popup-close:after { content: ""; position: absolute; background: #fff; height: 2px; width: 100%; }

.popup-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.popup-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.buttons-container.center { text-align: center; width: 100%; }

.button { 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; padding-left: 40px; padding-right: 40px; font-family: inherit; text-align: center; line-height: 1.2; outline: 0; font-size: 16px; font-weight: 600; border-radius: 999px; height: 45px; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border: 2px solid transparent; background: #0c4a9b; }

.button:not(:last-child) { margin-right: 0; }

.button .icon { margin-left: 15px; font-size: 24px; }

.button.min-width { min-width: 200px; }

.button.full-width { width: 100%; }

.button.small { height: 55px; font-size: 14px; padding-left: 25px; padding-right: 25px; }

.button:not(.color-1):not(.hvr-border-light):hover { background: none; border: 2px solid #0c4a9b; color: #0c4a9b; }

.button.color-1 { background: #3aae2a; }

.button.color-1:not(.hvr-border-light):hover { background: none; border: 2px solid #3aae2a; color: #3aae2a; }

.button.color-2 { background: #a62227; }

.button.color-2:not(.hvr-border-light):hover { background: none; border: 2px solid #a62227; color: #a62227; }

.button.hvr-border-light:hover { background: none; border: 2px solid #fff; color: #fff; }

.button-border { 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; padding-left: 40px; padding-right: 40px; font-family: inherit; text-align: center; line-height: 1.2; outline: 0; font-size: 16px; font-weight: 600; border-radius: 999px; height: 45px; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border: 2px solid white; }

.button-border:not(:last-child) { margin-right: 0; }

.button-border .icon { margin-left: 15px; font-size: 24px; }

.button-border.min-width { min-width: 200px; }

.button-border.full-width { width: 100%; }

.button-border.small { height: 55px; font-size: 14px; padding-left: 25px; padding-right: 25px; }

.button-border:not(.b-dark):not(.color-1):not(.color-2):not(.color-3):not(.color-4):hover { background: #fff; color: #585858; }

.button-border.b-dark { border: 2px solid rgba(88, 88, 88, 0.3); color: #585858; }

.button-border.b-dark:hover { border: 2px solid rgba(88, 88, 88, 0.7); }

.button-border.color-1 { border: 2px solid #0c4a9b; color: #0c4a9b; }

.button-border.color-1:hover { background: #0c4a9b; color: #fff; }

.button-border.color-2 { border: 2px solid #3aae2a; color: #3aae2a; }

.button-border.color-2:hover { background: #3aae2a; color: #fff; }

.button-border.color-3 { border: 2px solid #ffae00; color: #ffae00; }

.button-border.color-3:hover { background: #ffae00; color: #fff; }

.button-border.color-4 { border: 2px solid #df4231; color: #df4231; }

.button-border.color-4:hover { background: #df4231; color: #fff; }

.button-line { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; border-bottom: 2px solid rgba(0, 0, 0, 0.08); color: #222; font-size: 18px; font-weight: 800; letter-spacing: .3px; position: relative; }

@media (max-width: 479px) { .button-line { font-size: 16px; } }

.button-line.light { border-bottom: 2px solid rgba(255, 255, 255, 0.4); color: #fff; }

.button-line.light .icon { color: #fff; }

.button-line.light:before { background: #fff; }

.button-line .icon { margin-left: 15px; color: #0c4a9b; font-size: 18px; }

.button-line:before { content: ""; position: absolute; right: 0; bottom: -2px; left: 0; background: #0c4a9b; height: 2px; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.button-line:hover:before { width: 100%; }

.app-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.app-overlay.is-visible { opacity: .7; visibility: visible; }

.app-overlay.is-visible.z-index-1003 { z-index: 1003; }

.app-scroll { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; right: 35px; bottom: 70px; background: #fff; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); width: 60px; height: 60px; border-radius: 15px; text-align: center; color: #222; z-index: 2002; opacity: 0; visibility: hidden; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media (max-width: 767px) { .app-scroll { width: 50px; height: 50px; right: 15px; bottom: 70px; } }

.app-scroll .icon { font-size: 20px; }

@media (max-width: 767px) { .app-scroll .icon { font-size: 16px; } }

.app-scroll.is-visible { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.app-loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; 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; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background: rgba(255, 255, 255, 0.7); }

.app-loading.small { background: rgba(255, 255, 255, 0.3); }

.app-loading.small::before { width: 50px; height: 50px; border: 3px solid #fff; border-top: 3px solid #0c4a9b; }

.app-loading.is-visible { opacity: 1; visibility: visible; }

.app-loading::before { content: ""; position: absolute; border: 5px solid #fff; border-top: 5px solid #0c4a9b; border-radius: 50%; width: 100px; height: 100px; -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite; }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

@media (max-width: 767px) { .breadcrumb { display: none; } }

.breadcrumb.light ul li a { color: #fff; }

.breadcrumb.pos-bottom { position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; width: calc( 1230px - 20px); }

.breadcrumb.pos-bottom ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.breadcrumb.pos-bottom ul li a { height: 75px; }

.breadcrumb:not(.pos-bottom) { margin-top: 10px; }

.breadcrumb ul li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.breadcrumb ul li a { font-size: 18px; color: #4c432e; font-family: "Bebas Neue", cursive; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.breadcrumb ul li a::after { content: ""; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: 15px; margin-right: 17px; margin-top: -3px; }

.breadcrumb ul li a::before { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; background: currentColor; height: 1px; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.breadcrumb ul li a .icon { font-size: 20px; margin-top: -5px; }

.breadcrumb ul li a:not([href]) { opacity: .6; }

.breadcrumb ul li a[href]:not(.not-item):hover::before { width: calc(100% - 40px); }

.breadcrumb ul li:last-child a:after { display: none; }

select.selectbox { width: 100%; height: 65px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 8px; font-family: inherit; padding-left: 25px; padding-right: 25px; color: rgba(34, 34, 34, 0.5); font-size: 14px; font-weight: 600; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; }

select.selectbox:hover { border: 1px solid rgba(0, 0, 0, 0.2); }

select.selectbox:focus { outline: 0; border: 1px solid #ffae00; }

@media (max-width: 479px) { select.selectbox { height: 55px; padding-right: 15px; font-size: 14px; } }

select.selectbox::-webkit-input-placeholder { /* Edge */ color: rgba(34, 34, 34, 0.5); }

select.selectbox:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(34, 34, 34, 0.5); }

select.selectbox::-moz-placeholder { color: rgba(34, 34, 34, 0.5); }

select.selectbox::-ms-input-placeholder { color: rgba(34, 34, 34, 0.5); }

select.selectbox::placeholder { color: rgba(34, 34, 34, 0.5); }

select.selectbox:before { content: ""; }

select.selectbox:focus + .icon.arrow { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }

label.checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

label.checkbox:not(:last-child) { margin-bottom: 10px; }

label.checkbox input { position: absolute; left: -9999px; }

label.checkbox.is-error .checkbox { border: 2px solid red; }

label.checkbox.is-error .text { color: red; }

label.checkbox.is-error .text a { color: red; }

label.checkbox .checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 23px; height: 23px; background: none; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 5px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; position: relative; }

label.checkbox .checkbox:before { content: "✓"; position: absolute; top: -3px; left: 3px; line-height: 0.7; font-size: 26px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); color: #0c4a9b; opacity: 0; visibility: hidden; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }

label.checkbox .text { color: #585858; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; font-weight: 600; line-height: 1.3; padding-left: 10px; }

label.checkbox .text span { color: rgba(153, 153, 153, 0.7); margin-left: 5px; }

label.checkbox .text a { font-weight: 700; color: #0c4a9b; }

label.checkbox input:checked + .checkbox:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

label.radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

label.radio input { position: absolute; left: -9999px; }

label.radio .radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 24px; height: 24px; background: #fff; border: 2px solid rgba(0, 0, 0, 0.08); border-radius: 50%; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; position: relative; }

label.radio .radio:before { content: ""; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background: #17317b; border-radius: 50%; opacity: 0; visibility: hidden; }

label.radio .text { color: #585858; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; line-height: 1.2; padding-left: 10px; }

label.radio .text span { color: rgba(153, 153, 153, 0.7); margin-left: 5px; }

label.radio input:checked + .radio:before { opacity: 1; visibility: visible; }

.section-header.txt-center { text-align: center; }

.section-header.txt-large .title { font-size: 48px; }

@media (min-width: 768px) and (max-width: 991px) { .section-header.txt-large .title { font-size: 36px; } }

.section-header.txt-light .title { color: #fff; }

.section-header.txt-light .text { color: rgba(255, 255, 255, 0.8); }

.section-header .title { color: #222; font-size: 36px; letter-spacing: -1px; font-weight: 700; line-height: 1.3; margin-top: 10px; }

@media (max-width: 479px) { .section-header .title { font-size: 28px !important; } }

@media (min-width: 768px) and (max-width: 991px) { .section-header .title { font-size: 32px; } }

.section-header .title span.color-1 { color: #0c4a9b; }

.section-header .text { font-size: 16px; line-height: 1.6; color: #999; }

@media (min-width: 1200px) { .section-header._contact-form { margin-top: -100px; } }

.section-header._contact-form .small-title { font-size: 18px; color: #222; margin-bottom: 15px; }

.section-header._contact-form .number { font-weight: 800; letter-spacing: -1px; font-size: 42px; color: #0c4a9b; display: inline-block; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.section-header._contact-form .number::after { content: ""; position: absolute; right: 0; bottom: 5px; left: 0; height: 2px; background: currentColor; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.section-header._contact-form .number:hover { -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px); }

.section-header._contact-form .number:hover::after { width: 100%; }

.section-header._contact-form .text { font-size: 16px; color: #585858; }

.section-header._contact-form .location-btn { margin-top: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-header._contact-form .location-btn:hover .text::after { width: 100%; }

.section-header._contact-form .location-btn .icon { width: 55px; height: 55px; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f9f9f9; color: #0c4a9b; border-radius: 50%; }

.section-header._contact-form .location-btn .text { color: #0c4a9b; font-size: 14px; font-weight: 600; margin-left: 15px; position: relative; }

.section-header._contact-form .location-btn .text::after { content: ""; position: absolute; right: 0; bottom: -2px; left: 0; background-color: currentColor; height: 2px; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.section-header._processes .text { font-size: 14px; color: #fff; max-width: 850px; margin: 20px auto 0; width: 100%; line-height: 1.8; }

.icon-play { width: 72px; height: 72px; border: 1px solid #585858; color: #585858; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 28px; padding-top: 4px; padding-left: 4px; position: relative; z-index: 1; }

.icon-play::before, .icon-play::after { content: ""; position: absolute; top: 50%; left: 50%; z-index: -1; border-radius: 50%; opacity: 0; }

.icon-play::before { width: calc(72px + 20px); height: calc(72px + 20px); border: 1px solid rgba(88, 88, 88, 0.6); }

.icon-play::after { width: calc(72px + 40px); height: calc(72px + 40px); border: 1px solid rgba(88, 88, 88, 0.3); }

.icon-play.no-hover::before, .icon-play.no-hover::after { -webkit-animation: pulsateVideoBtn 1.5s ease-out infinite; animation: pulsateVideoBtn 1.5s ease-out infinite; }

.common-detail__card { position: relative; max-width: 1110px; margin: -225px auto 0; z-index: 1000; height: 600px; overflow: hidden; border-radius: 20px; -webkit-box-shadow: 0 10px 51px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 10px 51px 0 rgba(0, 0, 0, 0.5); }

@media (max-width: 479px) { .common-detail__card { height: 430px; margin: -180px 10px 0; max-width: 370px; } }

@media (min-width: 390px) and (max-width: 479px) { .common-detail__card { margin-left: auto; margin-right: auto; } }

@media (min-width: 480px) and (max-width: 767px) { .common-detail__card { max-width: 580px; margin: -275px 10px 0; } }

@media (min-width: 600px) and (max-width: 767px) { .common-detail__card { margin-left: auto; margin-right: auto; } }

@media (min-width: 768px) and (max-width: 991px) { .common-detail__card { max-width: 748px; } }

@media (min-width: 992px) and (max-width: 1199px) { .common-detail__card { max-width: 972px; } }

.common-detail__card-cover { height: 100%; }

.common-detail__card-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.common-detail__card-body { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: -o-linear-gradient(40deg, rgba(0, 0, 0, 0.8) 0, transparent 100%); background-image: linear-gradient(50deg, rgba(0, 0, 0, 0.8) 0, transparent 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 60px 30px 60px; }

@media (max-width: 479px) { .common-detail__card-body { padding: 35px 30px 20px 30px; } }

.common-detail__card-header .tags h6 { background: rgba(255, 255, 255, 0.4); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #fff; padding: 10px 30px; font-size: 16px; font-weight: 700; letter-spacing: -0.5px; border-radius: 5px; }

.common-detail__card-header .tags h6:not(:last-child) { margin-right: 10px; }

@media (max-width: 479px) { .common-detail__card-header .tags h6 { padding: 7px 20px; font-size: 14px; } }

.common-detail__card-footer .heading { font-size: 32px; color: #fff; font-weight: 800; line-height: 1.4; overflow: hidden; max-height: 87px; }

@media (min-width: 1200px) { .common-detail__card-footer .heading { padding-right: 100px; } }

@media (max-width: 479px) { .common-detail__card-footer .heading { font-size: 24px; max-height: 63px; } }

.common-detail__card-footer .desc { font-size: 14px; line-height: 1.6; font-weight: 500; color: #fff; margin-top: 15px; max-height: 66px; overflow: hidden; }

@media (min-width: 1200px) { .common-detail__card-footer .desc { padding-right: 100px; } }

@media (max-width: 479px) { .common-detail__card-footer .desc { font-size: 13px; max-height: 39px; } }

.common-detail__card-footer .sub { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 20px; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 479px) { .common-detail__card-footer .sub { margin-top: 15px; padding-top: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.common-detail__card-footer .sub .date { color: #fff; font-size: 13px; font-weight: 600; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 479px) { .common-detail__card-footer .sub .date { font-size: 12px; } }

.common-detail__card-footer .sub .date .icon { font-size: 16px; margin-right: 10px; }

@media (max-width: 479px) { .common-detail__card-footer .sub .date .icon { font-size: 14px; } }

.common-detail__card-footer .sub .actions .item { color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: inherit; padding: 13px 15px; border-radius: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media (max-width: 479px) { .common-detail__card-footer .sub .actions .item { padding: 13px 0; }
  .common-detail__card-footer .sub .actions .item:not(:last-child) { margin-right: 7px; } }

.common-detail__card-footer .sub .actions .item .icon { font-size: 16px; margin-right: 7px; }

@media (max-width: 479px) { .common-detail__card-footer .sub .actions .item .icon { font-size: 14px; } }

.common-detail__card-footer .sub .actions .item .text { font-size: 13px; font-weight: 600; line-height: 1; }

@media (max-width: 479px) { .common-detail__card-footer .sub .actions .item .text { font-size: 12px; } }

.common-detail__card-footer .sub .actions button.item:hover { background: rgba(255, 255, 255, 0.4); }

.steps-header { height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #222; border-bottom: 1px solid rgba(0, 0, 0, 0.08); position: relative; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.steps-header::before { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; background: #0c4a9b; height: 2px; width: 0; -webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.335, 1); -o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.335, 1); transition: width 0.6s cubic-bezier(0.215, 0.61, 0.335, 1); }

.steps-header .icon { font-size: 32px; width: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.steps-header .heading { padding-left: 30px; font-size: 24px; font-weight: 700; letter-spacing: -0.5px; }

.steps-edit { color: #0c4a9b; font-weight: 600; font-size: 14px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; }

.steps-edit:hover::before { width: 100%; }

.steps-edit:before { content: ""; position: absolute; right: 0; bottom: -4px; left: 0; height: 2px; width: 100%; background: currentColor; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.steps-content { display: none; }

.steps-content > div:first-child { margin-top: 40px; }

.steps-content > .row, .steps-content > .form-custom { margin-bottom: 40px; }

.steps-content .form-custom > ul > li { margin-bottom: 25px; }

.steps-item:hover .steps-header, .steps-item.is-open .steps-header { color: #df4231; }

.steps-item.is-open .steps-header::before { width: 100%; }

.steps-item._work .form-custom ul li textarea { height: 300px; }

.steps-item .form-custom ul li .form-error { display: none; }

.cards.gap-1 ul li { margin-bottom: 30px; }

.cards.style-products .card a { background: rgba(255, 255, 255, 0.08); }

.cards.style-products .cards-photo { padding: 25px; height: 275px; }

@media (min-width: 480px) and (max-width: 767px) { .cards.style-products .cards-photo { height: 250px; } }

.cards.style-products .cards-photo img { -o-object-fit: contain; object-fit: contain; }

.cards.style-products .cards-footer .tags h6 { background: #ffae00; }

.cards.style-products .cards-footer .title { color: #fff; }

@media (min-width: 1200px) { .cards.style-products .cards-footer .title { padding-right: 50px; } }

.cards.style-products .cards-footer .sub { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.cards.style-products .cards-footer .sub .more { color: #ffae00; }

@media (max-width: 479px) { .cards.style-recipes ul { margin-left: -5px; margin-right: -5px; } }

@media (max-width: 479px) { .cards.style-recipes ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 5px; padding-right: 5px; } }

.cards.style-recipes .card a { background: rgba(248, 236, 206, 0.4); }

@media (max-width: 479px) { .cards.style-recipes .cards-photo { height: 175px; } }

@media (max-width: 479px) { .cards.style-recipes .cards-footer { height: 125px; } }

@media (max-width: 479px) { .cards.style-recipes .cards-footer .tags h6 { padding: 2px 8px; border-radius: 5px; font-size: 10px; } }

@media (max-width: 479px) { .cards.style-recipes .cards-footer .title { font-size: 14px; margin-top: 10px; } }

@media (max-width: 479px) { .cards.style-recipes .cards-footer .sub .time { font-size: 11px; } }

@media (max-width: 479px) { .cards.style-recipes .cards-footer .sub .time .icon { display: none; } }

@media (max-width: 479px) { .cards.style-recipes .cards-footer .sub .more { font-size: 11px; } }

.cards:not(.style-products) .card a:hover { background: #fff; }

.cards .card a { display: block; position: relative; background: #fff; padding: 12px; border-radius: 11px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.cards .card a:hover { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); }

.cards .card a:hover .cards-photo:not(.no-hover) img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }

.cards .card a:hover .cards-footer .sub .more::after { width: 100%; }

.cards-photo { height: 300px; overflow: hidden; border-radius: 8px; }

@media (min-width: 480px) and (max-width: 767px) { .cards-photo { height: 270px; } }

@media (min-width: 768px) and (max-width: 991px) { .cards-photo { height: 270px; } }

@media (min-width: 992px) and (max-width: 1199px) { .cards-photo { height: 270px; } }

.cards-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }

.cards-footer { padding-top: 10px; height: 150px; position: relative; }

.cards-footer .tags h6 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: #0c4a9b; padding: 4px 12px; border-radius: 8px; color: #fff; font-size: 11px; }

.cards-footer .tags h6:not(:last-child) { margin-right: 5px; }

.cards-footer .title { color: #4c432e; font-size: 18px; font-weight: 700; letter-spacing: -0.3px; margin-top: 15px; line-height: 1.4; max-height: 48px; overflow: hidden; }

@media (min-width: 1200px) { .cards-footer .title { padding-right: 70px; } }

.cards-footer .sub { position: absolute; right: 0; bottom: 0; left: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.cards-footer .sub .time { font-size: 12px; color: rgba(76, 67, 46, 0.5); }

.cards-footer .sub .time .icon { font-size: 12px; margin-right: 5px; }

.cards-footer .sub .more { font-size: 12px; font-weight: 700; color: #0c4a9b; position: relative; }

.cards-footer .sub .more::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: currentColor; height: 1px; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.products.gap-1 ul li { margin-bottom: 10px; }

.products-card a { display: block; position: relative; }

.products-card a:hover .item-bg { opacity: 1; visibility: visible; border-radius: 8px; }

.products-card a:hover .products-cover img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }

.products-card a:hover .products-photo img { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }

.products-card a:hover .products-body .more .text::after { width: 100%; }

.products-card a:hover .products-footer .title { color: #fff; }

.products-card .item { padding: 30px; position: relative; z-index: 13; background: #fff; }

.products-card .item::before, .products-card .item::after { content: ""; position: absolute; background-color: #cde0ec; }

.products-card .item::before { right: -1px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 80%; }

@media (max-width: 479px) { .products-card .item::before { display: none; } }

.products-card .item:not(.ui-no-border-bottom)::after { bottom: 0; width: 80%; left: 50%; height: 1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.products-card .item-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: 15px; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.products-cover { height: 250px; overflow: hidden; }

@media (min-width: 480px) and (max-width: 767px) { .products-cover { height: 200px; } }

@media (min-width: 768px) and (max-width: 991px) { .products-cover { height: 200px; } }

.products-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }

.products-body { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); padding: 35px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 480px) and (max-width: 767px) { .products-body { padding: 25px 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .products-body { padding: 25px 30px; } }

.products-body__header { color: #fff; }

.products-body__header .small-title { font-family: "Bebas Neue", cursive; font-size: 16px; letter-spacing: 2px; }

@media (min-width: 480px) and (max-width: 767px) { .products-body__header .small-title { font-size: 14px; } }

@media (min-width: 768px) and (max-width: 991px) { .products-body__header .small-title { font-size: 14px; } }

.products-body__header .title { color: #fff; font-size: 24px; font-weight: 700; line-height: 1.3; }

@media (min-width: 480px) and (max-width: 767px) { .products-body__header .title { font-size: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .products-body__header .title { font-size: 20px; } }

.products-body .more .text { color: #fff; font-size: 13px; font-weight: 700; position: relative; }

.products-body .more .text::after { content: ""; position: absolute; right: 0; bottom: -4px; left: 0; height: 1px; background: #fff; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.products-body .more .icon { width: 40px; height: 40px; background: rgba(223, 66, 49, 0.9); border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 14px; margin-left: 10px; }

.products-photo { height: 140px; overflow: hidden; }

.products-photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.products-footer { text-align: center; padding: 20px 30px; }

.products-footer .title { color: #222; font-size: 16px; font-weight: 700; line-height: 1.4; }

.news.gap-1 ul li { margin-bottom: 40px; }

.news.style-1 .news-footer .title { color: #4c432e; }

.news.style-1 .news-footer .sub .date { color: rgba(76, 67, 46, 0.5); }

.news-card a { display: block; position: relative; }

.news-card a:hover .news-photo img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }

.news-card a:hover .news-footer .sub .more::after { width: 100%; }

.news-photo { height: 230px; overflow: hidden; border-radius: 15px; }

@media (min-width: 480px) and (max-width: 767px) { .news-photo { height: 175px; } }

.news-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }

.news-footer { padding-top: 25px; padding-left: 25px; padding-right: 25px; height: 190px; position: relative; }

@media (min-width: 480px) and (max-width: 767px) { .news-footer { padding-left: 15px; padding-right: 15px; padding-top: 20px; } }

.news-footer .tags h6 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: #ffae00; padding: 4px 12px; border-radius: 8px; color: #fff; font-size: 11px; margin-bottom: 10px; }

.news-footer .tags h6:not(:last-child) { margin-right: 5px; }

.news-footer .title { color: #222; font-size: 18px; font-weight: 700; line-height: 1.4; overflow: hidden; max-height: 75px; }

@media (min-width: 480px) and (max-width: 767px) { .news-footer .title { font-size: 16px; max-height: 64px; } }

.news-footer .sub { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; right: 25px; bottom: 0; left: 25px; }

@media (min-width: 480px) and (max-width: 767px) { .news-footer .sub { left: 15px; right: 15px; } }

.news-footer .sub .date { color: #999; font-size: 13px; font-weight: 600; }

@media (min-width: 480px) and (max-width: 767px) { .news-footer .sub .date { font-size: 11px; } }

.news-footer .sub .date .icon { font-size: 13px; margin-right: 7px; }

@media (min-width: 480px) and (max-width: 767px) { .news-footer .sub .date .icon { display: none; } }

.news-footer .sub .more { font-size: 12px; font-weight: 700; color: #ffae00; position: relative; }

@media (min-width: 480px) and (max-width: 767px) { .news-footer .sub .more { font-size: 11px; } }

.news-footer .sub .more::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: currentColor; height: 1px; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.gallery.list.gap-1 ul li { margin-bottom: 40px; }

.gallery.list.gap-2 ul li { margin-bottom: 20px; }

.gallery._category .gallery-card a { overflow: hidden; border-radius: 20px; }

.gallery-card a { display: block; position: relative; }

.gallery-card a:hover .gallery-photo img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }

.gallery-card a:hover .gallery-cover img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }

.gallery-cover { height: 375px; overflow: hidden; }

.gallery-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }

.gallery-body { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 1; }

.gallery-body::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, black)); background: -o-linear-gradient(transparent, black 70%); background: linear-gradient(transparent, black 70%); opacity: .6; z-index: -1; }

.gallery-body .content { padding: 40px 50px; }

@media (max-width: 479px) { .gallery-body .content { padding: 35px 40px; } }

.gallery-body .content .tag { color: #fff; font-size: 16px; margin-bottom: 5px; opacity: .8; }

.gallery-body .content .title { color: #fff; font-size: 32px; font-weight: 700; letter-spacing: -1px; line-height: 1.3; max-height: 151px; overflow: hidden; }

@media (min-width: 1200px) { .gallery-body .content .title { width: 50%; } }

@media (max-width: 479px) { .gallery-body .content .title { font-size: 24px; letter-spacing: -0.5px; max-height: 154px; } }

.gallery-body .icon { position: absolute; top: 35px; right: 35px; width: 75px; height: 75px; border: 1px solid #fff; 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; border-radius: 50%; font-size: 24px; color: #fff; }

.gallery-body .icon::before, .gallery-body .icon::after { content: ""; position: absolute; top: 50%; left: 50%; z-index: -1; border-radius: 50%; opacity: 0; -webkit-animation: pulsateVideoBtn 1.5s ease-out infinite; animation: pulsateVideoBtn 1.5s ease-out infinite; }

.gallery-body .icon::before { border: 1px solid rgba(255, 255, 255, 0.6); width: calc(75px + 20px); height: calc(75px + 20px); }

.gallery-body .icon::after { border: 1px solid rgba(255, 255, 255, 0.3); width: calc(75px + 40px); height: calc(75px + 40px); }

.gallery-photo { overflow: hidden; height: 130px; border-radius: 8px; }

.gallery-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }

.counter-card { color: #fff; text-align: center; }

.counter-card .info { font-weight: 700; }

.counter-card .info .number { font-size: 42px; letter-spacing: -1px; line-height: 1; margin-right: 10px; }

.counter-card .text { font-size: 14px; font-weight: 600; max-width: 250px; margin: 15px auto 0; }

.documents.gap-1 { margin-top: 50px; }

.documents.gap-1 ul li { margin-bottom: 30px; }

@media (max-width: 479px) { .documents ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

.documents-card a { display: block; position: relative; }

.documents-card a:hover .documents-photo { border: 1px solid #0c4a9b; }

.documents-photo { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 11px; overflow: hidden; padding: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.documents-photo img { width: 100%; }

.dealers.gap-1 ul li { margin-bottom: 40px; }

@media (max-width: 479px) { .dealers._contact ul li:not(:last-child) { margin-bottom: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .dealers._contact ul li:nth-child(-n+2) { margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .dealers._contact ul li:nth-child(-n+2) { margin-bottom: 30px; } }

.dealers._contact .dealers-card { padding: 25px; }

.dealers._contact .dealers-header .icon { width: 70px; height: 70px; font-size: 32px; }

.dealers._contact .dealers-header .title { padding-right: 0; font-size: 16px; padding-left: 20px; }

.dealers._contact .dealers-footer .item:not(:last-child) { margin-bottom: 10px; }

.dealers._contact .dealers-footer .item .icon { width: 20px; margin-right: 15px; font-size: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.dealers._contact .dealers-footer .item .text { font-size: 12px; }

.dealers-card { background: rgba(12, 74, 155, 0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 280px; padding: 35px; border-radius: 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.dealers-card:hover { background: #0c4a9b; }

.dealers-card:hover .dealers-header .title { color: #fff; }

.dealers-card:hover .dealers-footer .item .icon { color: rgba(255, 255, 255, 0.5); }

.dealers-card:hover .dealers-footer .item .text { color: #fff; }

.dealers-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.dealers-header .icon { background: #fff; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); border-radius: 11px; color: #0c4a9b; font-size: 36px; width: 80px; height: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.dealers-header .title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 30px; color: #222; font-size: 18px; font-weight: 700; }

@media (min-width: 1200px) { .dealers-header .title { padding-right: 50px; } }

.dealers-footer .item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.dealers-footer .item:not(:last-child) { margin-bottom: 15px; }

.dealers-footer .item .icon { width: 40px; color: #0c4a9b; font-size: 20px; }

.dealers-footer .item .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #585858; font-size: 13px; font-weight: 500; }

.header { position: absolute; top: 0; right: 0; left: 0; z-index: 1001; }

.header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; }

.header-dark .header-hamburger .bar { background: #4c432e; }

.header-dark .header-hamburger .bar::before, .header-dark .header-hamburger .bar::after { background: #4c432e; }

.header-dark .header-hamburger .text { color: #4c432e; }

.header-dark .header-social a { border: 2px solid #4c432e; color: #4c432e; }

.header-dark .header-social a:hover { background: #4c432e; color: #fff; }

.header-container { height: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 479px) { .header-container { height: 90px; } }

.header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; }

.header-hamburger { font-family: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; cursor: pointer; margin-left: 30px; }

@media (max-width: 479px) { .header-hamburger { height: 40px; } }

.header-hamburger .bar { width: 45px; background: #fff; height: 3px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; }

@media (max-width: 479px) { .header-hamburger .bar { width: 40px; } }

.header-hamburger .bar::before, .header-hamburger .bar::after { content: ""; position: absolute; width: 45px; background: #fff; height: 3px; }

@media (max-width: 479px) { .header-hamburger .bar::before, .header-hamburger .bar::after { width: 40px; } }

.header-hamburger .bar::before { top: -13px; }

.header-hamburger .bar::after { bottom: -13px; }

.header-hamburger .text { color: #fff; margin-left: 8px; }

.header-logo { position: relative; }

.header-logo h1 { margin: 0; font-size: 0; }

.header-logo a { display: block; position: relative; }

.header-logo img { width: 120px; }

@media (max-width: 479px) { .header-logo img { width: 130px; } }

.header-social { display: -webkit-box; display: -ms-flexbox; display: flex; }

.header-social a { 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; border: 1px solid #fff; color: #fff; width: 35px; height: 35px; border-radius: 50%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; font-size: 14px; }

.header-social a:not(:last-child) { margin-right: 7px; }

@media (max-width: 479px) { .header-social a { width: 30px; height: 30px; font-size: 13px; border-width: 1px; } }

.header-social a:hover { background: #17317b; color: #fff; }

.header-social a:not(:last-child) { margin-bottom: 7px; }

@media (max-width: 479px) { .header-social a:not(:last-child) { margin-right: 5px; } }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

.footer { background: #e8eaf2; position: relative; padding-top: 20px; z-index: 1; }

@media (max-width: 479px) { .footer { padding-top: 50px; } }

.footer-logo h1 { font-size: 0; margin: 0; }

.footer-logo a { display: block; position: relative; }

.footer-logo img { width: 200px; }

.footer-content { padding-top: 80px; padding-bottom: 60px; }

@media (max-width: 479px) { .footer-content { padding-top: 50px; text-align: center; } }

@media (max-width: 479px) { .footer-content .row > div:not(:last-child) { margin-bottom: 40px; } }

.footer-heading { font-weight: 800; font-size: 18px; color: #0c4a9b; text-transform: uppercase; }

.footer-heading.small { font-size: 14px; text-transform: capitalize; }

.footer-text { font-size: 16px; font-weight: 300; line-height: 1.3; color: #222; margin-top: 5px; }

.footer-contact a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.footer-contact a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #0c4a9b; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.footer-contact a:hover { -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px); }

.footer-contact a:hover::after { width: 100%; }

.footer-contact .number { font-weight: 900; color: #0c4a9b; font-size: 32px; }

@media (min-width: 480px) and (max-width: 767px) { .footer-contact .number { font-size: 28px; } }

.footer-contact .mail { color: #222; font-size: 16px; font-weight: 300; }

.footer-contact .mail::after { right: 0; bottom: -5px; left: 0; }

.footer-link ul li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-top: 4px; padding-bottom: 4px; position: relative; font-size: 16px; font-weight: 300; color: #222; text-transform: uppercase; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.footer-link ul li a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #222; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.footer-link ul li a:hover { -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px); }

.footer-link ul li a:hover::after { width: 100%; }

.footer-social { margin-top: 10px; }

@media (max-width: 479px) { .footer-social { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.footer-social a { 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; border: 2px solid #222; color: #222; width: 42px; height: 42px; border-radius: 50%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.footer-social a:not(:last-child) { margin-right: 10px; }

.footer-social a:hover { background: #222; color: #fff; }

.footer-bottom { background: rgba(0, 0, 0, 0.15); }

.footer-bottom .container { padding-top: 30px; padding-bottom: 30px; 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; }

@media (max-width: 479px) { .footer-bottom .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.footer-bottom .text { font-size: 14px; font-weight: 300; color: #222; }

@media (max-width: 479px) { .footer-bottom .text:not(:last-child) { margin-bottom: 10px; } }

.footer-bottom .text strong { font-weight: 800; }

.footer-siluet { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; width: 750px; }

@media (max-width: 767px) { .footer-siluet { left: 10px; right: 10px; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; bottom: 120px; } }

.footer-siluet img { opacity: .05; width: 100%; }

@media (max-width: 767px) { .footer-siluet img { width: 100%; } }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

.hero { position: relative; overflow: hidden; }

.hero-siluet { position: absolute; right: 0; bottom: 10px; z-index: 0; opacity: .12; pointer-events: none; width: 700px; }

@media (max-width: 479px) { .hero-siluet { bottom: 0; } }

.hero-siluet img { width: 100%; }

.hero-light { position: absolute; top: 100px; right: 0; left: 0; width: 100%; margin: 0 auto; height: 100%; background-image: -o-radial-gradient(circle closest-side, rgba(255, 255, 255, 0.2), transparent); background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.2), transparent); pointer-events: none; }

.hero-anchor { position: absolute; right: 0; bottom: 0; left: 0; text-align: center; }

.hero-anchor .btn { position: relative; z-index: 13; font-family: "Bebas Neue", cursive; color: #fff; font-size: 16px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; }

.hero-anchor .btn::after { content: ""; display: inline-block; width: 1px; height: 50px; background-color: #fff; margin-top: 7px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.hero-anchor .btn:hover::after { height: 40px; }

.section.bg-1 { background: rgba(23, 49, 123, 0.1); }

.section.bg-2 { background: #0c4a9b; }

.section.bg-3 { background: #e0eede; }

.section.bg-4 { background: #005230; }

.section.bg-cover { position: relative; z-index: 1; }

.section.bg-cover:before { content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; }

.section.cover-1 { height: 845px; }

.section.cover-1:before { background-image: url(../img/bg.png); }

.section.cover-2 { background: black; overflow: hidden; }

.section.cover-2:before { background-image: url(../img/slide/5.jpg); background-attachment: fixed; opacity: .5; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.section-products .container-fluid { padding-top: 50px; padding-bottom: 60px; }

.section-products__nav { margin-top: 30px; }

.section-products__nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .section-products__nav ul { overflow-x: scroll; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media (max-width: 767px) { .section-products__nav ul li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: auto; } }

.section-products__nav ul li:not(:last-child) { margin-right: 40px; }

.section-products__nav ul li.is-current a, .section-products__nav ul li:hover a { color: #0c4a9b; }

.section-products__nav ul li.is-current a::after { width: 100%; }

.section-products__nav ul li a { color: #222; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: -0.2px; text-transform: uppercase; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.section-products__nav ul li a::after { content: ""; position: absolute; right: 0; bottom: -3px; left: 0; height: 1px; background-color: #0c4a9b; width: 0; margin-left: auto; margin-right: auto; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.section-products__carousel { margin-top: 45px; }

.section-recipes { margin-top: 0; }

.section-recipes .container { padding-top: 80px; padding-bottom: 100px; }

@media (max-width: 479px) { .section-recipes .container { padding-top: 60px; padding-bottom: 130px; } }

.section-recipes ._recipes { color: #e8eaf2; }

.section-recipes .cards { margin-top: 60px; }

@media (max-width: 479px) { .section-recipes .cards { margin-top: 40px; } }

.section-recipes .cards .owl-item { margin-top: 10px; margin-bottom: 10px; }

.section-recipes .buttons-container { margin-top: 40px; }

@media (max-width: 479px) { .section-recipes .buttons-container { margin-top: 20px; } }

.section-news-other { margin-top: 0; }

.section-news-other .container { padding-top: 80px; padding-bottom: 100px; }

.section-news-other .news { margin-top: 60px; }

.section-news-other .news .owl-item { margin-top: 10px; margin-bottom: 10px; }

.section-news-other .buttons-container { margin-top: 40px; }

.section-taste { margin-top: -50px; }

@media (max-width: 991px) { .section-taste:not(._mobile) { display: none; } }

.section-taste:not(._mobile)::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); height: 120px; }

.section-taste._mobile { display: none; }

@media (max-width: 991px) { .section-taste._mobile { display: block; } }

.section-taste._mobile .container { padding-bottom: 50px; padding-top: 80px; }

.section-taste .container { padding-top: 50px; }

.section-sustainability .container { padding-top: 90px; padding-bottom: 130px; }

@media (max-width: 479px) { .section-sustainability .container { padding-top: 70px; padding-bottom: 80px; } }

@media (min-width: 1200px) { .section-sustainability .sustainability { padding-left: 100px; } }

.section-blog.ui-style { height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { .section-blog.ui-style { height: inherit; } }

.section-blog.ui-style .blog-weather { top: -70px; }

.section-blog.ui-style .container { padding-bottom: 70px; }

.section-blog::before { content: ""; position: absolute; top: 20px; right: 250px; left: 250px; bottom: 20px; background-image: -o-radial-gradient(closest-side, #007745, transparent); background-image: radial-gradient(closest-side, #007745, transparent); }

@media (max-width: 767px) { .section-blog::before { left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.section-blog ._blog svg { fill: #005230; }

.section-blog .container { padding-top: 20px; }

@media (max-width: 991px) { .section-blog .container { padding-top: 70px; padding-bottom: 70px; } }

.section-blog .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

@media (min-width: 480px) and (max-width: 767px) { .section-blog .row > div:not(:nth-child(2)) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .section-blog .row > div:not(:nth-child(2)) .blog-item { max-width: 48%; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; } }

.taste-wrapper { overflow: hidden; position: relative; }

.taste-wrapper::before { content: ""; position: absolute; top: -90px; right: 250px; left: 250px; bottom: 120px; background-image: -o-radial-gradient(closest-side, #2b84f9, transparent); background-image: radial-gradient(closest-side, #2b84f9, transparent); }

@media (max-width: 767px) { .taste-wrapper::before { right: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.taste-content { position: relative; }

.taste-breads:not(._mobile) { margin: 0 auto; }

.taste-breads:not(._mobile) img { -o-object-fit: cover; object-fit: cover; }

.taste-breads._mobile > div:not(:last-child) { margin-bottom: 20px; }

.taste-breads._mobile .item { position: relative; }

.taste-breads._mobile .item .heading { position: absolute; top: -20px; }

.taste-breads._mobile .item .heading._sur { left: 0; text-align: left; }

.taste-breads._mobile .item .heading._kes { right: 0; text-align: right; }

.taste-breads._mobile .item .heading img { width: 50%; }

.taste-breads._mobile .item .bread img { width: 100%; }

.taste-arrow { position: absolute; top: 60px; }

.taste-arrow img { width: 350px; }

.taste-arrow._1 { left: 30px; }

.taste-arrow._2 { right: 30px; }

.taste-footer { margin-top: 40px; height: 120px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; }

@media (min-width: 1200px) { .taste-footer { padding-left: 55px; padding-right: 55px; } }

.taste-footer .heading { color: #fff; font-size: 36px; font-weight: 900; letter-spacing: -1px; position: relative; }

@media (min-width: 992px) and (max-width: 1199px) { .taste-footer .heading { font-size: 32px; } }

.taste-footer .heading span { color: rgba(0, 0, 0, 0.55); }

.taste-footer .product { position: relative; top: -50px; }

.taste-footer .product img { width: 200px; height: 150px; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom center; object-position: bottom center; }

@media (max-width: 991px) { .sustainability { margin-top: 40px; } }

.sustainability > div:not(:last-child) { margin-bottom: 30px; }

@media (min-width: 480px) and (max-width: 767px) { .sustainability > div:not(:last-child) { margin-bottom: 20px; } }

@media (max-width: 767px) { .sustainability > div:last-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.sustainability-group { width: 510px; margin-left: -190px; margin-right: 26px; }

@media (min-width: 768px) and (max-width: 991px) { .sustainability-group { margin-left: 0; width: 75%; } }

@media (max-width: 767px) { .sustainability-group { margin-right: 0; width: 100%; margin-left: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .sustainability-group { width: 100%; margin-left: 0; margin-right: 15px; } }

@media (max-width: 479px) { .sustainability-group > div { margin-bottom: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .sustainability-group > div { margin-bottom: 15px; } }

.sustainability-item { position: relative; }

@media (max-width: 767px) { .sustainability-item { width: 100% !important; } }

.sustainability-item:not(:last-child) { margin-bottom: 30px; }

@media (min-width: 480px) and (max-width: 767px) { .sustainability-item:not(:last-child) { margin-bottom: 20px; } }

.sustainability-item:hover .content::before { width: 100% !important; height: 100% !important; }

.sustainability-item:hover .photo img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }

.sustainability-item._toprak .content { background: #d1a551; }

.sustainability-item._sut .content { background: #dd554a; height: 170px; }

.sustainability-item._uretim { width: 260px; }

@media (min-width: 992px) and (max-width: 1199px) { .sustainability-item._uretim { width: 320px; } }

.sustainability-item._uretim .content { height: 200px; background: #319227; border-radius: 11px 11px 0 0; }

@media (min-width: 480px) and (max-width: 767px) { .sustainability-item._uretim .content { border-radius: 11px 0 0 11px; } }

.sustainability-item._uretim .content::before { width: 100%; height: 0; top: initial; -webkit-transition: height .3s; -o-transition: height .3s; transition: height .3s; }

.sustainability-item._uretim .photo { height: 185px; }

@media (min-width: 480px) and (max-width: 767px) { .sustainability-item._uretim .photo { height: 100%; } }

@media (min-width: 1200px) { .sustainability-item._hasat { padding-left: 80px; } }

.sustainability-item._hasat .content { background: #38a9e1; height: 170px; }

.sustainability-item .content { height: 230px; padding: 20px 30px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 11px 0 0 11px; position: relative; z-index: 1; }

@media (max-width: 479px) { .sustainability-item .content { border-radius: 11px 11px 0 0 !important; } }

@media (min-width: 480px) and (max-width: 767px) { .sustainability-item .content { height: 100% !important; } }

@media (min-width: 768px) and (max-width: 991px) { .sustainability-item .content { height: 100% !important; padding: 30px; } }

.sustainability-item .content::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; width: 0; background: rgba(255, 255, 255, 0.1); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.sustainability-item .content .title { font-size: 36px; font-weight: 900; line-height: 1; letter-spacing: -0.5px; }

@media (min-width: 480px) and (max-width: 767px) { .sustainability-item .content .title { font-size: 24px; } }

@media (min-width: 992px) and (max-width: 1199px) { .sustainability-item .content .title { font-size: 24px; } }

.sustainability-item .content .text { font-size: 14px; margin-top: 10px; }

@media (min-width: 480px) and (max-width: 767px) { .sustainability-item .content .text { font-size: 13px; } }

@media (min-width: 992px) and (max-width: 1199px) { .sustainability-item .content .text { font-size: 12px; } }

.sustainability-item .photo { height: 100%; overflow: hidden; }

.sustainability-item .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }

.blog-header { text-align: center; }

@media (max-width: 767px) { .blog-header { margin-top: 40px; } }

.blog-header .title._1 { margin-bottom: 12px; }

.blog-header .title._1 img { width: 275px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.blog-header .title._2 { color: #fff; font-size: 48px; font-family: "Bebas Neue", cursive; line-height: 0.9; letter-spacing: 1.5px; }

.blog-header .title._2 span { font-size: 36px; letter-spacing: 5px; }

.blog-isometric { margin-top: -30px; position: relative; z-index: 1; left: -150px; width: 900px; }

@media (max-width: 767px) { .blog-isometric { margin-top: 40px; width: inherit; left: inherit; } }

.blog-isometric img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.blog-weather { position: absolute; top: 170px; right: 20px; left: 20px; }

@media (max-width: 767px) { .blog-weather { display: none; } }

.blog-weather img { width: 100%; }

.blog-item:not(:last-child) { margin-bottom: 50px; }

@media (max-width: 767px) { .blog-item:not(:last-child) { margin-bottom: 25px; } }

.blog-item._reverse a { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.blog-item._reverse .description { border-radius: 11px 0 0 11px; }

.blog-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.blog-item a:hover .description { background: rgba(0, 0, 0, 0.3); }

.blog-item a:hover .description .title, .blog-item a:hover .description .text { color: #fff; }

.blog-item .photo { width: 125px; height: 130px; overflow: hidden; border-radius: 11px; }

@media (min-width: 480px) and (max-width: 767px) { .blog-item .photo { width: 90px; height: 100px; } }

@media (min-width: 768px) and (max-width: 991px) { .blog-item .photo { width: 100%; height: auto; border-radius: 11px 11px 0 0 !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .blog-item .photo { width: 95px; height: 105px; } }

.blog-item .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.blog-item .description { height: 85px; background: #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 0 11px 11px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 15px; padding-right: 15px; padding-top: 7px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media (min-width: 768px) and (max-width: 991px) { .blog-item .description { border-radius: 0 0 11px 11px !important; } }

.blog-item .description .title { color: #df4231; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 1.2; }

@media (min-width: 480px) and (max-width: 767px) { .blog-item .description .title { font-size: 13px; } }

.blog-item .description .text { color: #585858; font-size: 13px; line-height: 1.3; margin-top: 2px; }

@media (min-width: 480px) and (max-width: 767px) { .blog-item .description .text { font-size: 12px; } }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE { -webkit-box-sizing: inherit; box-sizing: inherit; }

.inner-page__header { position: relative; overflow: hidden; }

.inner-page__photo { height: 550px; background: black; }

@media (max-width: 479px) { .inner-page__photo { height: 350px; } }

.inner-page__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: .7; }

.inner-page__heading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.inner-page__heading.style-block { height: 470px; position: relative; background: #f8ecce; z-index: 1; }

@media (max-width: 479px) { .inner-page__heading.style-block { height: 320px; } }

.inner-page__heading.style-block.color-1 { background: #69b33a; }

.inner-page__heading.style-block.color-2 { background: #38a9e1; }

.inner-page__heading.style-block.color-3 { background: #17317b; }

.inner-page__heading.style-block.color-4 { background: #a62227; }

.inner-page__heading.style-block.page-news-detail .container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 130px; }

.inner-page__heading.style-block::after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-repeat: repeat-y; background-position: 100% 100%; background-image: url(../img/heading-bg.webp); }

.inner-page__heading.light .container .title { color: #fff; }

.inner-page__heading.light .container .text { color: #fff; }

.inner-page__heading .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding-top: 80px; z-index: 3; }

.inner-page__heading .title { color: #4c432e; font-size: 60px; font-weight: 800; letter-spacing: -2px; line-height: 1; margin-bottom: 10px; }

@media (max-width: 767px) { .inner-page__heading .title { letter-spacing: -1px; } }

@media (max-width: 479px) { .inner-page__heading .title { font-size: 36px; } }

@media (min-width: 480px) and (max-width: 767px) { .inner-page__heading .title { font-size: 48px; } }

.inner-page__heading .text { color: #4c432e; font-size: 18px; font-weight: 300; line-height: 1.6; max-width: 700px; width: 100%; margin: 10px auto 30px; }

.inner-page__heading .text strong { font-weight: 700; }

@media (max-width: 479px) { .inner-page__heading .text { font-size: 14px; } }

@media (min-width: 480px) and (max-width: 767px) { .inner-page__heading .text { font-size: 16px; } }

.inner-page__nav { border-bottom: 1px solid rgba(0, 0, 0, 0.08); background: #fff; }

.inner-page__nav.pos-sticky { z-index: 50; top: 0; }

.inner-page__nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .inner-page__nav ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-y: auto; } }

@media (min-width: 600px) and (max-width: 767px) { .inner-page__nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.inner-page__nav ul li { padding-left: 20px; padding-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }

.inner-page__nav ul li.heading a { font-weight: 800; color: #222; }

.inner-page__nav ul li:not(.heading):hover a, .inner-page__nav ul li:not(.heading).is-current a { color: #585858; }

.inner-page__nav ul li:not(.heading):hover a::after, .inner-page__nav ul li:not(.heading).is-current a::after { width: 100%; }

.inner-page__nav ul li a { height: 80px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Bebas Neue", cursive; color: rgba(88, 88, 88, 0.6); font-size: 24px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.inner-page__nav ul li a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: #df4231; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.inner-page__wrapper { margin-top: 50px; margin-bottom: 150px; }

.inner-page__wrapper.mb-0 { margin-bottom: 0; }

.inner-page__wrapper.mt-0 { margin-top: 0; }

.inner-page__wrapper.mv-0 { margin-top: 0; margin-bottom: 0; }

.inner-page__wrapper.style-rounded { position: relative; margin-top: 0; }

.inner-page__row { padding-top: 50px; }

@media (min-width: 1200px) { .inner-page__row > div { padding-left: 30px; padding-right: 30px; } }

@media (max-width: 1199px) { .inner-page__row > div { padding-left: 10px; padding-right: 10px; } }

.inner-page__article { -webkit-box-flex: 0; -ms-flex: 0 0 71%; flex: 0 0 71%; max-width: 71%; }

@media (max-width: 767px) { .inner-page__article { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) { .inner-page__article { -webkit-box-flex: 0; -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; } }

@media (min-width: 992px) and (max-width: 1199px) { .inner-page__article { -webkit-box-flex: 0; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; } }

.inner-page__sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 71%); flex: 0 0 calc(100% - 71%); max-width: calc(100% - 71%); }

@media (max-width: 767px) { .inner-page__sidebar { margin-top: 40px; } }

@media (max-width: 767px) { .inner-page__sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) { .inner-page__sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 62%); flex: 0 0 calc(100% - 62%); max-width: calc(100% - 62%); } }

@media (min-width: 992px) and (max-width: 1199px) { .inner-page__sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 67%); flex: 0 0 calc(100% - 67%); max-width: calc(100% - 67%); } }

.inner-page__sidebar > div:not(:last-child) { margin-bottom: 35px; }

.inner-page__content { min-height: 700px; padding-top: 30px; }

.inner-page__content.page-product { padding-left: 20px; padding-right: 20px; }

.inner-page__content.page-news-detail { padding-top: 70px; }

@media (min-width: 1200px) { .inner-page__content.page-news-detail { padding-left: 120px; padding-right: 120px; } }

@media (max-width: 479px) { .inner-page__content.page-news-detail { padding-top: 50px; } }

.page-content__header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }

@media (max-width: 991px) { .page-content__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.page-content__header .title { color: #17317b; font-size: 24px; letter-spacing: -0.5px; font-weight: 700; line-height: 1.3; }

.page-content__header .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #585858; font-size: 14px; font-weight: 700; margin-left: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }

@media (max-width: 991px) { .page-content__header .date { margin-top: 10px; margin-left: 0; } }

.page-content__header .date .icon { margin-right: 10px; font-size: 13px; 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; color: #999; width: 30px; height: 30px; align-items: center; font-size: 18px; }

.page-content__heading { color: #585858; font-weight: 800; font-size: 16px; margin-bottom: 5px; }

.page-content__heading.color-1 { color: #ffae00; }

.page-content__photo { overflow: hidden; height: 300px; float: right; margin-left: 30px; margin-bottom: 30px; width: 50%; position: relative; border-radius: 11px; }

.page-content__photo._recipes { border-radius: 15px; }

.page-content__photo._recipes.large { height: 375px; }

@media (min-width: 768px) and (max-width: 991px) { .page-content__photo { margin-left: 0; width: 100%; float: none; } }

@media (max-width: 767px) { .page-content__photo { height: auto !important; margin-left: 0; float: none; width: 100%; margin-bottom: 30px; } }

.page-content__photo.small, .page-content__photo.large { width: 100%; float: inherit; margin-left: 0; }

.page-content__photo.small { height: 175px; margin-bottom: 0; }

.page-content__photo.large { height: 450px; }

@media (min-width: 768px) and (max-width: 991px) { .page-content__photo.large { height: 250px; } }

.page-content__photo.auto { height: auto; }

.page-content__photo img { width: 100%; height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; }

.page-content__photo-wrapper { position: relative; }

.page-content__photo-body { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 40px 45px; z-index: 1; }

.page-content__photo-body::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 15px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)); background: -o-linear-gradient(transparent, black); background: linear-gradient(transparent, black); opacity: .5; z-index: -1; }

@media (max-width: 479px) { .page-content__photo-body { padding: 15px 20px; } }

@media (min-width: 480px) and (max-width: 767px) { .page-content__photo-body { padding: 25px 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-content__photo-body { padding: 25px 30px; } }

.page-content__photo-body > .icon { position: absolute; top: 40px; right: 40px; color: #fff; font-size: 28px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media (max-width: 479px) { .page-content__photo-body > .icon { top: 20px; right: 20px; font-size: 16px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-content__photo-body > .icon { top: 20px; right: 20px; } }

.page-content__photo-body .title { font-size: 24px; font-weight: 700; letter-spacing: -0.3px; color: #fff; line-height: 1.4; position: relative; padding-left: 30px; }

@media (min-width: 1200px) { .page-content__photo-body .title { padding-right: 90px; } }

@media (max-width: 479px) { .page-content__photo-body .title { font-size: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-content__photo-body .title { font-size: 28px; } }

.page-content__photo-body .title:before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 0; width: 5px; background: #0c4a9b; }

.page-content__photo-body .text { padding-left: 20px; font-size: 16px; color: #fff; font-weight: 300; margin-top: 10px; }

@media (max-width: 991px) { .page-content__photo-body .text { display: none; } }

.page-content__photo-body .sub { margin-left: 20px; border-top: 1px solid rgba(255, 255, 255, 0.5); margin-top: 20px; padding-top: 20px; }

@media (max-width: 479px) { .page-content__photo-body .sub { margin-top: 15px; padding-top: 15px; } }

.page-content__photo-body .sub .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 13px; }

@media (max-width: 479px) { .page-content__photo-body .sub .date { font-size: 11px; } }

.page-content__photo-body .sub .date .icon { font-size: 13px; margin-top: -3px; margin-right: 8px; }

.page-content__spot { margin-bottom: 20px; font-size: 18px; color: #222; font-weight: 700; }

.page-content__description { color: #585858 !important; font-size: 16px; line-height: 1.7; font-weight: 300; font-family: "Exo", sans-serif !important; }

.page-content__description.txt-center { text-align: center; }

.page-content__description._recipe { font-size: 20px; color: #a62227 !important; }

.page-content__description._recipe ul { padding-left: 0; }

.page-content__description._recipe ul li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(166, 34, 39, 0.3); }

.page-content__description._recipe ul li .heading { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; font-weight: 800; font-size: 18px; }

@media (max-width: 479px) { .page-content__description._recipe ul li .heading { -webkit-box-flex: 0; -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; } }

.page-content__description._recipe ul li .text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 20%); flex: 0 0 calc(100% - 20%); max-width: calc(100% - 20%); font-size: 16px; }

@media (max-width: 479px) { .page-content__description._recipe ul li .text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 27%); flex: 0 0 calc(100% - 27%); max-width: calc(100% - 27%); } }

.page-content__description._news-detail h3 { font-size: 32px; color: #ffae00; }

.page-content__description._career { font-size: 18px; text-align: center; }

@media (min-width: 1200px) { .page-content__description._career { padding-left: 150px; padding-right: 150px; } }

.page-content__description h3 { font-weight: 800; font-size: 24px; line-height: 1.3; }

.page-content__description h5 { font-weight: 700; font-size: 14px; }

.page-content__description > p { margin-bottom: 30px; }

.page-content__description a { color: #55acef; font-weight: 600; }

.page-content__description a:hover { text-decoration: underline; }

.page-content__description strong { font-weight: 800; }

.page-content__description img { max-width: 100%; }

.page-content__description ul, .page-content__description ol { padding-left: 20px; }

.page-content__description ul li { list-style: disc; }

.page-content__description ol li { list-style: decimal; }

.page-content__description table { width: 100% !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; }

.page-content__description table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; }

.page-content__description table tbody tr td, .page-content__description table tbody tr th { padding: 10px 20px !important; border-right: 1px solid rgba(0, 0, 0, 0.08) !important; line-height: 1.5; }

.page-content__description table tbody tr td:last-child, .page-content__description table tbody tr th:last-child { border-right: 0 none !important; }

@media (max-width: 479px) { .page-content__gallery ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

.page-content__actions { position: relative; bottom: 0; margin-top: 75px; }

.page-content__actions-content { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.page-content__actions-part { padding: 12px 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 479px) { .page-content__actions-part { padding: 12px 0; } }

.page-content__actions-part._border-r { border-right: 1px solid rgba(0, 0, 0, 0.08); }

@media (max-width: 767px) { .page-content__actions-part._border-r { border-right: 0 none; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } }

.page-content__actions-part .item { color: #999; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: inherit; padding: 13px 15px; border-radius: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.page-content__actions-part .item .icon { font-size: 16px; margin-right: 7px; }

@media (max-width: 479px) { .page-content__actions-part .item .icon { font-size: 14px; } }

.page-content__actions-part .item .text { font-size: 13px; font-weight: 600; line-height: 1; }

@media (max-width: 479px) { .page-content__actions-part .item .text { font-size: 12px; } }

.page-content__actions-part button.item:hover { background: rgba(0, 0, 0, 0.15); color: #fff; }

.page-content__photos { margin-top: 50px; }

@media (max-width: 991px) { .page-content__photos { margin-bottom: 30px; } }

@media (max-width: 767px) { .page-content__photos ul li:first-child .photo { margin-bottom: 15px; } }

@media (min-width: 768px) { .page-content__photos ul li:last-child .row > div:nth-child(-n+2) { margin-bottom: 20px; } }

@media (max-width: 767px) { .page-content__photos ul li:last-child .row > div:not(:last-child) { margin-bottom: 10px; } }

.page-content__photos .row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.page-content__photos .photo { height: 500px; overflow: hidden; border-radius: 11px; }

@media (min-width: 768px) and (max-width: 991px) { .page-content__photos .photo { height: 350px; } }

.page-content__photos .photo:not(:last-child) { margin-bottom: 20px; }

.page-content__photos .photo.small { height: calc( (500px / 2) - ( 20px / 2 )); }

@media (min-width: 768px) and (max-width: 991px) { .page-content__photos .photo.small { height: calc( (350px / 2) - ( 20px / 2 )); } }

@media (max-width: 767px) { .page-content__photos .photo { height: auto !important; } }

.page-content__photos .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.page-content__cards.v-contact { margin-bottom: 0; }

.page-content__cards.v-contact .card { height: 385px; }

.page-content__cards.v-contact .card .text { height: 70px; }

@media (max-width: 767px) { .page-content__cards ul li { margin-bottom: 30px; } }

.page-content__cards ul li:not(:last-child) .card { padding-bottom: 0; }

.page-content__cards .card { height: 410px; border-radius: 8px; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; }

@media (max-width: 479px) { .page-content__cards .card { padding-left: 30px; padding-right: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .page-content__cards .card { height: 250px !important; padding-left: 20px; padding-right: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-content__cards .card { padding-left: 25px; padding-right: 25px; height: 350px; } }

@media (min-width: 992px) and (max-width: 1199px) { .page-content__cards .card { padding-left: 30px; padding-right: 30px; } }

.page-content__cards .card:hover > .icon { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

.page-content__cards .card:hover > .icon::after { -webkit-transform: translateY(10px) scale(0.75); -ms-transform: translateY(10px) scale(0.75); transform: translateY(10px) scale(0.75); }

.page-content__cards .card .title { color: #222; font-size: 20px; font-weight: 700; line-height: 1.4; }

@media (min-width: 768px) and (max-width: 991px) { .page-content__cards .card .title { font-size: 16px; } }

@media (min-width: 480px) and (max-width: 767px) { .page-content__cards .card .title { font-size: 18px; } }

.page-content__cards .card > .icon { color: #0c4a9b; font-size: 72px; margin-top: 25px; margin-bottom: 50px; position: relative; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); -o-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); }

@media (min-width: 480px) and (max-width: 767px) { .page-content__cards .card > .icon { font-size: 54px; margin-bottom: 35px; margin-top: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-content__cards .card > .icon { font-size: 54px; } }

.page-content__cards .card > .icon::after { position: absolute; height: 8px; width: 66px; content: ""; bottom: -25px; left: 50%; margin-left: -33px; background: rgba(0, 0, 0, 0.06); z-index: -1; border-radius: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; -webkit-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); -o-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); }

.page-content__cards .card .text { font-size: 16px; font-weight: 600; color: #999; line-height: 1.5; }

@media (min-width: 480px) and (max-width: 767px) { .page-content__cards .card .text { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-content__cards .card .text { font-size: 13px; } }

.page-content__cards .card .text.size-1 { font-size: 14px; }

.page-content__cards .card .text.style-1 { height: auto; }

.page-content__cards .card .text.style-1:not(:last-child) { margin-bottom: 10px; }

.page-content__cards .card .text.style-1 strong  { font-weight: 700; }

.page-content__cards .card .btn-wrapper { position: absolute; right: 0; bottom: 40px; left: 0; }

@media (min-width: 480px) and (max-width: 767px) { .page-content__cards .card .btn-wrapper { bottom: 25px; } }

.page-content__cards .card .btn-wrapper a { color: #0c4a9b; font-size: 16px; font-weight: 600; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; }

@media (min-width: 480px) and (max-width: 767px) { .page-content__cards .card .btn-wrapper a { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-content__cards .card .btn-wrapper a { font-size: 13px; } }

.page-content__cards .card .btn-wrapper a::after { content: ""; position: absolute; right: -10px; bottom: 0; left: -10px; background: #0c4a9b; z-index: -1; height: 0; -webkit-transition: height .3s; -o-transition: height .3s; transition: height .3s; }

.page-content__cards .card .btn-wrapper a:hover { color: #fff; }

.page-content__cards .card .btn-wrapper a:hover::after { height: 100%; }

.page-content__cards .card .btn-wrapper a .icon { font-size: 14px; margin-left: 10px; }

@media (min-width: 480px) and (max-width: 767px) { .page-content__cards .card .btn-wrapper a .icon { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-content__cards .card .btn-wrapper a .icon { font-size: 13px; } }

.page-content__information .item:nth-child(even) { background: #f9f9f9; }

@media (min-width: 992px) { .page-content__information:not(.not-container) .container { max-width: 800px; } }

.page-content__information .container { padding-top: 60px; padding-bottom: 60px; }

.page-content__information .heading { color: #17317b; font-size: 20px; font-weight: 800; line-height: 1.4; }

.page-content__information .text { font-size: 16px; font-weight: 600; color: #999; line-height: 1.8; }

.page-content__information .text ul, .page-content__information .text ol { padding-left: 20px; }

.page-content__information .text ul li { list-style: disc; }

.page-content__information .text ol li { list-style: decimal; }

.page-content__information .text.style-1 { color: #222; font-weight: 400; }

.page-content__information .text.style-1 strong { color: #222; font-weight: 800; }

.page-content__information .text:not(.style-1) strong { font-weight: 800; line-height: 1.3; font-size: 24px; }

.page-sidebar__nav { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 11px; }

@media (max-width: 479px) { .page-sidebar__nav { margin-top: 20px; } }

.page-sidebar__nav ul li:first-child a { border-radius: 8px 8px 0 0; }

.page-sidebar__nav ul li:last-child a { border-radius: 0 0 8px 8px; }

.page-sidebar__nav ul li:hover a, .page-sidebar__nav ul li.is-current a { color: #fff; background: #0c4a9b; }

.page-sidebar__nav ul li:hover a .icon, .page-sidebar__nav ul li.is-current a .icon { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }

.page-sidebar__nav ul li a { color: #222; font-size: 16px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 18px 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.page-sidebar__nav ul li a .icon { position: absolute; right: 25px; color: #fff; opacity: 0; visibility: hidden; -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; will-change: transform; }

.page-sidebar__info { background: #fff; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); padding: 30px 35px; border-radius: 11px; }

@media (max-width: 479px) { .page-sidebar__info { padding: 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-sidebar__info { padding: 30px; } }

.page-sidebar__info-text { color: #222; font-size: 18px; font-weight: 700; letter-spacing: -0.3px; line-height: 1.5; }

.page-sidebar__info-contact { margin-top: 20px; margin-left: -15px; }

.page-sidebar__info-contact a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0c4a9b; font-weight: 700; font-size: 14px; }

@media (max-width: 479px) { .page-sidebar__info-contact a { font-size: 12px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-sidebar__info-contact a { font-size: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) { .page-sidebar__info-contact a { font-size: 13px; } }

.page-sidebar__info-contact a:not(:last-child) { margin-bottom: 10px; }

.page-sidebar__info-contact a:hover .text:before { width: 100%; }

.page-sidebar__info-contact a.phone { letter-spacing: -1px; font-size: 24px; }

@media (max-width: 479px) { .page-sidebar__info-contact a.phone { font-size: 20px; letter-spacing: -0.5px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-sidebar__info-contact a.phone { font-size: 20px; letter-spacing: -0.5px; } }

.page-sidebar__info-contact a.phone .icon { font-size: 28px; }

@media (max-width: 479px) { .page-sidebar__info-contact a.phone .icon { font-size: 24px; } }

@media (min-width: 768px) and (max-width: 991px) { .page-sidebar__info-contact a.phone .icon { font-size: 24px; } }

.page-sidebar__info-contact a.phone .text:before { right: 0; bottom: 3px; left: 0; }

.page-sidebar__info-contact a .icon { font-size: 18px; width: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.page-sidebar__info-contact a .text { position: relative; }

.page-sidebar__info-contact a .text:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #0c4a9b; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.page-about._1 { background-repeat: no-repeat; background-image: url(../img/detail-section-bg.webp); }

@media (min-width: 1200px) { .page-about._1 .container { padding-left: 100px; padding-right: 100px; } }

.page-about._1 .row { margin-top: 70px; }

@media (max-width: 479px) { .page-about._1 .section-header .title { font-size: 28px; } }

@media (max-width: 479px) { .page-about._2 .section-header .title { font-size: 36px; } }

.page-about._3 .container { padding-bottom: 100px; }

@media (min-width: 1200px) { .page-about._3 .page-content__description { padding-left: 100px; padding-right: 100px; padding-top: 50px; } }

.page-about._counter { background: #a62227; }

.page-about._counter .container { padding-top: 60px; padding-bottom: 60px; }

.page-about._contact-form { background-repeat: no-repeat; background-image: url(../img/detail-section-bg-2.png); }

.page-about._contact-form .form-custom { margin-top: 30px; }

@media (max-width: 767px) { .page-about._contact-form .form-custom { margin-bottom: 30px; } }

.page-about .container { padding-top: 80px; }

@media (min-width: 1200px) { .page-about__experience { padding-right: 50px; } }

.page-about__experience > div:not(.page-content__spot) { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 15px; }

.page-about__experience > div:not(.page-content__spot) .number { font-size: 180px; line-height: .8; font-weight: 900; letter-spacing: -8px; color: #0c4a9b; }

@media (max-width: 479px) { .page-about__experience > div:not(.page-content__spot) .number { font-size: 180px; } }

.page-about__experience > div:not(.page-content__spot) .text { padding-left: 30px; padding-bottom: 5px; width: 100px; font-size: 13px; color: #999; font-weight: 700; letter-spacing: .2em; position: relative; text-transform: uppercase; }

.dealers-map { padding-top: 30px; }

@media (min-width: 1200px) { .dealers-map { padding-left: 50px; padding-right: 50px; } }

.dealers-map svg { width: 100%; height: auto; stroke-width: 5px; }

.dealers-map g.is-active path { fill: #ffae00; }

.dealers-map path { cursor: pointer; fill: #d8d8d8; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }

.dealers-map path:hover { fill: #0c4a9b !important; }

.dealers-map__name { position: absolute; z-index: 2; }

.dealers-map__name div { display: inline-block; background: #fff; color: #222; font-size: 13px; font-weight: 600; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); padding: 6px 15px; border-radius: 5px; }

.dealers-list__header { margin-bottom: 10px; }

.dealers-list__header .heading { color: #222; font-size: 18px; font-weight: 700; }

.dealers-list__header .heading span { color: #0c4a9b; }

.dealers-list ul li:not(:last-child) { margin-bottom: 20px; }

.dealers-list__item { background: #fff; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); border-radius: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; }

.dealers-list__part { padding-left: 10px; padding-right: 10px; }

@media (max-width: 767px) { .dealers-list__part:not(:last-child) { margin-bottom: 20px; } }

.dealers-list__part._address { -webkit-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; }

@media (max-width: 767px) { .dealers-list__part._address { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.dealers-list__part._btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }

@media (max-width: 767px) { .dealers-list__part._btn { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.dealers-list__part:not(._address):not(._btn) { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.dealers-list__part .heading { color: #0c4a9b; font-size: 12px; font-weight: 600; }

.dealers-list__part .text { display: block; color: #222; font-size: 16px; font-weight: 600; }

.dealers-list__part .text.style-1 { text-transform: uppercase; font-size: 28px; font-weight: 900; color: rgba(0, 0, 0, 0.1); line-height: 1.1; letter-spacing: -1px; }

.dealers-list__part .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.08); padding: 6px 20px; border-radius: 30px; font-size: 13px; color: #222; font-weight: 700; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.career._general .buttons-container { margin-top: 40px; }

.career._general .container { padding-top: 60px; padding-bottom: 60px; }

.career._processes .container { padding-top: 90px; padding-bottom: 90px; }

@media (max-width: 479px) { .career._processes .container { padding-top: 60px; padding-bottom: 60px; } }

.career-processes { margin-top: 50px; }

.career-processes ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 479px) { .career-processes ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.career-processes ul li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 7); flex: 0 0 calc(100% / 7); max-width: calc(100% / 7); }

@media (max-width: 479px) { .career-processes ul li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); margin-bottom: 25px; } }

.career-processes .item { text-align: center; color: #fff; padding-left: 20px; padding-right: 20px; }

.career-processes .item .number { font-size: 24px; font-weight: 700; }

.career-processes .item .text { font-size: 13px; }

.contact-item .container { padding-top: 80px; }

.contact-form__left .photo { height: 700px; border-radius: 11px 0 0 11px; overflow: hidden; }

@media (max-width: 767px) { .contact-form__left .photo { height: auto; } }

.contact-form__left .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.contact-form__right { background: #fff; -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1); border-radius: 0 11px 11px 0; height: 100%; padding: 50px 65px; }

@media (max-width: 767px) { .contact-form__right { padding: 30px; } }

.detail-product__fancybox .fancybox-image { background: #fff; padding: 100px; }

@media (max-width: 479px) { .detail-product__fancybox .fancybox-image { padding: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .detail-product__fancybox .fancybox-image { padding: 30px; } }

.detail-product__header { height: 550px; position: relative; padding-top: calc( 80px + 50px); }

@media (max-width: 479px) { .detail-product__header { padding-top: calc( 90px + 50px); } }

@media (max-width: 991px) { .detail-product__header { height: auto; padding-bottom: 50px; text-align: center; } }

.detail-product__header::before { content: ""; position: absolute; top: 0; right: 50px; left: 50px; bottom: 0; background-image: -o-radial-gradient(closest-side, rgba(255, 255, 255, 0.15), transparent); background-image: radial-gradient(closest-side, rgba(255, 255, 255, 0.15), transparent); }

.detail-product__header-siluet { position: absolute; right: 0; bottom: 0; pointer-events: none; }

@media (max-width: 767px) { .detail-product__header-siluet { left: 10px; right: 10px; } }

.detail-product__header-siluet img { opacity: .12; }

@media (max-width: 767px) { .detail-product__header-siluet img { width: 100%; } }

.detail-product__photo { height: 300px; position: relative; z-index: 2; margin-top: 120px; }

@media (max-width: 767px) { .detail-product__photo { height: auto; } }

@media (max-width: 991px) { .detail-product__photo { margin-top: 40px; margin-bottom: 10px; } }

@media (min-width: 480px) and (max-width: 767px) { .detail-product__photo { padding-left: 60px; padding-right: 60px; } }

.detail-product__photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-fit: bottom center; object-fit: bottom center; }

.detail-product__information { position: relative; z-index: 2; }

.detail-product__information._right { margin-top: 40px; }

.detail-product__information._right .title { text-align: center; font-size: 24px; color: #ffae00; }

.detail-product__information > .title { color: #fff; font-size: 32px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.3; }

@media (max-width: 767px) { .detail-product__information > .title { font-size: 28px; } }

@media (min-width: 992px) and (max-width: 1199px) { .detail-product__information > .title { font-size: 24px; } }

.detail-product__information .heading { color: #ffae00; font-size: 18px; font-family: "Bebas Neue", cursive; line-height: 1; }

@media (max-width: 767px) { .detail-product__information .heading { font-size: 16px; } }

@media (min-width: 992px) and (max-width: 1199px) { .detail-product__information .heading { font-size: 16px; } }

.detail-product__information .sizes { margin-top: 30px; }

.detail-product__information .sizes .text { color: #fff; font-weight: 800; letter-spacing: -0.3px; font-size: 18px; }

@media (min-width: 992px) and (max-width: 1199px) { .detail-product__information .sizes .text { font-size: 16px; } }

.detail-product__information .photos { margin-top: 15px; }

.detail-product__information .photos ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.detail-product__information .photos ul li:not(:last-child) { margin-right: 7px; }

.detail-product__information .photos ul li a { width: 65px; height: 65px; background: #fff; display: block; padding: 10px; border-radius: 11px; }

.detail-product__information .photos ul li a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.detail-product__information .values { margin-top: 25px; }

.detail-product__information .values ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -5px; margin-right: -5px; }

@media (max-width: 991px) { .detail-product__information .values ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.detail-product__information .values ul li { padding-left: 5px; padding-right: 5px; margin-top: 13px; }

.detail-product__information .values .item { text-align: center; }

.detail-product__information .values .item .number { 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; border: 3px solid #fff; width: 50px; height: 50px; border-radius: 50%; font-size: 16px; color: #fff; font-weight: 800; letter-spacing: -0.5px; }

@media (max-width: 479px) { .detail-product__information .values .item .number { font-size: 13px; width: 37px; height: 37px; border: 2px solid #fff; } }

@media (min-width: 992px) and (max-width: 1199px) { .detail-product__information .values .item .number { font-size: 13px; width: 37px; height: 37px; border: 2px solid #fff; } }

.detail-product__information .values .item .title { font-family: "Bebas Neue", cursive; color: #fff; text-align: center; line-height: 1; font-size: 13px; margin-top: 8px; }

@media (max-width: 479px) { .detail-product__information .values .item .title { font-size: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) { .detail-product__information .values .item .title { font-size: 12px; } }

.detail-product__information .values .item .title span { display: block; font-size: 10px; }

.detail-product__information .action { margin-top: 30px; }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__information .action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.detail-product__information .action .btn { width: 100%; height: 55px; border: 3px solid #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Bebas Neue", cursive; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 20px; padding-right: 20px; font-size: 28px; color: #fff; border-radius: 999px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__information .action .btn { width: auto; padding-left: 40px; padding-right: 40px; }
  .detail-product__information .action .btn:not(:last-child) { margin-right: 20px; } }

@media (min-width: 992px) { .detail-product__information .action .btn:not(:last-child) { margin-bottom: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .detail-product__information .action .btn { font-size: 24px; } }

.detail-product__information .action .btn:hover { background: #fff; color: #222; }

.detail-product__section { background-repeat: no-repeat; }

@media (min-width: 1200px) { .detail-product__section .container:not(.not-container) { padding-top: 50px; padding-bottom: 0; max-width: 1150px; } }

.detail-product__section._first { background-image: url(../img/detail-section-bg.webp); }

.detail-product__section._first .container { padding-top: 130px; }

@media (max-width: 767px) { .detail-product__section._first .container { padding-top: 80px; } }

.detail-product__section._first .row { margin-top: 80px; }

@media (max-width: 479px) { .detail-product__section._first .row { margin-top: 60px; } }

.detail-product__section._second { background-image: url(../img/detail-section-bg-2.png); }

.detail-product__section._third { background-image: url(../img/detail-section-bg-4.png); background-size: auto 100%; padding: 9rem 0 5rem; min-height: 710px; }

@media (max-width: 479px) { .detail-product__section._third { padding: 6rem 0 5rem; } }

.detail-product__section .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.detail-product__section .row._reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 767px) { .detail-product__section-content { padding-top: 50px; } }

.detail-product__section-header._center { text-align: center; margin: 0 auto; max-width: 600px; }

.detail-product__section-header._light .text { color: #fff; }

@media (min-width: 768px) { .detail-product__section-header.txt-large .title { font-size: 84px; }
  .detail-product__section-header.txt-large .text { font-size: 18px; } }

.detail-product__section-header .title { color: #ffae00; font-family: "Bebas Neue", cursive; line-height: 1; font-size: 54px; letter-spacing: 1.5px; }

.detail-product__section-header .text { font-size: 16px; margin-top: 15px; line-height: 1.7; }

.detail-product__section-left { position: relative; }

.detail-product__section-left .photo { width: 550px; height: 550px; margin: 0 auto; position: relative; padding: 30px; z-index: 1; }

@media (max-width: 479px) { .detail-product__section-left .photo { padding: 15px; } }

@media (max-width: 767px) { .detail-product__section-left .photo { width: 100%; height: 100%; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__section-left .photo { width: 350px; height: 350px; padding: 15px; } }

@media (min-width: 992px) and (max-width: 1199px) { .detail-product__section-left .photo { width: 450px; height: 450px; } }

.detail-product__section-left .photo::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../img/bg-dotted-circle.png); opacity: .2; }

.detail-product__section-left .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 100px; }

@media (max-width: 479px) { .detail-product__section-left .photo img { border-radius: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .detail-product__section-left .photo img { border-radius: 60px; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__section-left .photo img { border-radius: 60px; } }

.detail-product__section-left .figure { z-index: 2; position: absolute; right: -40px; bottom: -20px; 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; width: 150px; height: 150px; background: #fff; border-radius: 100%; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 479px) { .detail-product__section-left .figure { width: 80px; height: 80px; } }

@media (min-width: 480px) and (max-width: 767px) { .detail-product__section-left .figure { width: 120px; height: 120px; } }

@media (max-width: 1199px) { .detail-product__section-left .figure { right: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__section-left .figure { width: 120px; height: 120px; } }

.detail-product__section-left .figure .icon { color: #ffae00; font-size: 72px; }

@media (max-width: 479px) { .detail-product__section-left .figure .icon { font-size: 42px; } }

@media (min-width: 480px) and (max-width: 767px) { .detail-product__section-left .figure .icon { font-size: 60px; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__section-left .figure .icon { font-size: 60px; } }

@media (max-width: 767px) { .detail-product__why-list { margin-top: 30px; } }

.detail-product__why-list ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.detail-product__why-list ul li { text-align: center; margin-bottom: 40px; }

@media (max-width: 479px) { .detail-product__why-list ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px; } }

.detail-product__why-list .figure .icon { width: 120px; height: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 5px solid #ffae00; border-radius: 999px; color: #ffae00; font-size: 60px; }

.detail-product__why-list .figure svg { fill: #ffae00; }

.detail-product__why-list .heading { font-family: "Bebas Neue", cursive; color: #ffae00; font-size: 24px; line-height: 1.25; margin-top: 13px; max-width: 110px; min-height: 60px; margin: 13px auto 0; }

.detail-product__protip > .container { padding-top: 60px; padding-bottom: 100px; }

.detail-product__protip-cover { background: rgba(255, 174, 0, 0.15); padding: 1.875rem 1.875rem 1.875rem 20px; }

@media (min-width: 768px) { .detail-product__protip-cover { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } }

@media (max-width: 767px) { .detail-product__protip-cover { margin-top: 30px; } }

.detail-product__protip-cover img { width: 100%; }

.detail-product__other { min-height: 600px; }

.detail-product__other .container { padding-top: 70px; padding-bottom: 120px; }

@media (max-width: 479px) { .detail-product__other .container { padding-bottom: 80px; } }

.detail-product__other .cards { margin-top: 60px; }

@media (max-width: 479px) { .detail-product__other .cards { margin-top: 40px; } }

.detail-product__other .cards .owl-item { margin-top: 10px; margin-bottom: 10px; }

.detail-product__why > div > .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.detail-product__why .title { font-size: 120px; text-transform: uppercase; letter-spacing: -2px; color: #ffae00; font-weight: 800; line-height: 1; position: relative; }

@media (max-width: 479px) { .detail-product__why .title { font-size: 84px; } }

@media (max-width: 767px) { .detail-product__why .title { text-align: center; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__why .title { font-size: 84px; } }

.detail-product__why .title span._otat { font-size: 160px; letter-spacing: -3px; }

@media (max-width: 479px) { .detail-product__why .title span._otat { font-size: 120px; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__why .title span._otat { font-size: 120px; } }

.detail-product__why .title span._mark { position: absolute; bottom: 170px; right: -100px; font-size: 250px; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }

@media (max-width: 767px) { .detail-product__why .title span._mark { display: none; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-product__why .title span._mark { bottom: -40px; right: -70px; font-size: 160px; } }

@media (min-width: 992px) and (max-width: 1199px) { .detail-product__why .title span._mark { right: -120px; } }

.detail-recipe__header { position: relative; }

.detail-recipe__header::before { content: ""; position: absolute; top: 0; right: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent)); background: -o-linear-gradient(black, transparent); background: linear-gradient(black, transparent); opacity: .6; height: 300px; z-index: 1; pointer-events: none; }

.detail-recipe__header, .detail-recipe__cover { height: 105vh; }

@media (max-width: 767px) { .detail-recipe__header { height: auto; background: rgba(166, 34, 39, 0.1); } }

@media (max-width: 767px) { .detail-recipe__header .c-rounded { display: none; } }

.detail-recipe__cover { background: black; }

@media (max-width: 479px) { .detail-recipe__cover { height: 400px; } }

@media (min-width: 480px) and (max-width: 767px) { .detail-recipe__cover { height: 500px; } }

.detail-recipe__cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: .9; }

.detail-recipe__body { position: absolute; right: 0; bottom: 80px; left: 0; }

@media (max-width: 767px) { .detail-recipe__body { position: relative; bottom: inherit; margin-top: -60px; } }

.detail-recipe__body.style-block { position: relative; bottom: 0; margin-top: 75px; }

.detail-recipe__body.style-block .detail-recipe__body-content { background: #a62227; border-radius: 15px; }

.detail-recipe__body-content { background: rgba(166, 34, 39, 0.85); border-radius: 20px; }

@media (max-width: 767px) { .detail-recipe__body-content { background: #a62227; border-radius: 15px; } }

.detail-recipe__body-heading { padding: 33px 45px; border-bottom: 1px solid #c95155; text-align: center; }

@media (max-width: 479px) { .detail-recipe__body-heading { padding: 20px 25px; } }

.detail-recipe__body-heading .title { font-size: 36px; line-height: 1.25; font-weight: 700; color: #fff; letter-spacing: -0.7px; max-width: 700px; width: 100%; margin: 0 auto; }

@media (max-width: 479px) { .detail-recipe__body-heading .title { font-size: 24px; } }

.detail-recipe__body-part { padding: 12px 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 479px) { .detail-recipe__body-part { padding: 10px 17px; } }

@media (min-width: 480px) and (max-width: 767px) { .detail-recipe__body-part { padding: 12px 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-recipe__body-part { padding: 12px 20px; } }

.detail-recipe__body-part._border-r { border-right: 1px solid #c95155; }

@media (max-width: 767px) { .detail-recipe__body-part._border-r { border-right: 0 none; border-bottom: 1px solid #c95155; } }

.detail-recipe__body-part .item { color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: inherit; padding: 13px 15px; border-radius: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

@media (max-width: 479px) { .detail-recipe__body-part .item { padding: 9px 3px; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-recipe__body-part .item { padding: 9px 5px; } }

.detail-recipe__body-part .item .icon { font-size: 16px; margin-right: 7px; }

@media (max-width: 479px) { .detail-recipe__body-part .item .icon { font-size: 11px; margin-right: 5px; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-recipe__body-part .item .icon { font-size: 14px; } }

.detail-recipe__body-part .item .text { font-size: 13px; font-weight: 600; line-height: 1; }

@media (max-width: 479px) { .detail-recipe__body-part .item .text { font-size: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .detail-recipe__body-part .item .text { font-size: 12px; } }

.detail-recipe__body-part button.item:hover { background: rgba(0, 0, 0, 0.15); }

.detail-recipe__video { position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; margin-top: -55px; text-align: center; z-index: 2; }

@media (max-width: 479px) { .detail-recipe__video { top: 180px; } }

@media (min-width: 480px) and (max-width: 767px) { .detail-recipe__video { top: 160px; } }

@media (max-width: 767px) { .detail-recipe__video { width: 100%; margin-top: 0; -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } }

.detail-recipe__video .title { font-size: 54px; color: #fff; font-weight: 700; letter-spacing: -0.7px; line-height: 1.25; text-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }

@media (max-width: 479px) { .detail-recipe__video .title { font-size: 32px; } }

.detail-recipe__video .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); color: #fff; margin-top: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.detail-recipe__video .btn:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.detail-recipe__video .btn:hover .text::after { width: 100%; }

.detail-recipe__video .btn .icon { font-size: 14px; margin-right: 8px; }

.detail-recipe__video .btn .text { text-transform: uppercase; font-weight: 600; font-size: 13px; position: relative; }

.detail-recipe__video .btn .text::after { content: ""; position: absolute; right: 0; bottom: -2px; left: 0; background: #fff; height: 1px; width: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.detail-recipe__wrapper { min-height: 700px; background: rgba(166, 34, 39, 0.1); position: relative; padding-top: 60px; padding-bottom: 100px; }

@media (max-width: 479px) { .detail-recipe__wrapper { padding-top: 40px; } }

.detail-recipe__sidebar { background: #a62227; border-radius: 20px; padding: 40px 50px; }

@media (max-width: 479px) { .detail-recipe__sidebar { padding: 25px 35px; } }

@media (max-width: 767px) { .detail-recipe__sidebar { margin-top: 30px; } }

.detail-recipe__sidebar .heading { font-size: 24px; font-weight: 700; color: #ffae00; margin-bottom: 10px; }

.detail-recipe__material ul li { color: #fff; font-size: 14px; border-bottom: 1px solid; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #c95155; }

.detail-recipe__material ul li strong { font-weight: 800; margin-right: 10px; display: inline-block; min-width: 80px; }

.detail-recipe__chefnote { background: rgba(201, 81, 85, 0.5); border-radius: 15px; position: relative; margin-top: 60px; padding: 40px; }

@media (max-width: 479px) { .detail-recipe__chefnote { padding: 30px; } }

.detail-recipe__chefnote::before { content: ""; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%) rotate(1deg); -ms-transform: translate(-50%, -50%) rotate(1deg); transform: translate(-50%, -50%) rotate(1deg); width: 132px; height: 37px; background-color: #fff; opacity: .8; }

.detail-recipe__chefnote .text { font-size: 20px; color: #fff; font-weight: 300; line-height: 1.5; }

@media (max-width: 479px) { .detail-recipe__chefnote .text { font-size: 16px; } }

.detail-recipe__chefnote .text strong { font-weight: 800; }

.no-scroll { overflow: hidden; }

.no-scroll-y { overflow-y: hidden; }

.no-scroll-x { overflow-x: hidden; }

.pos-relative { position: relative; }

.pos-inherit { position: inherit; }

.pos-sticky { position: sticky; top: 20px; }

.text-center { text-align: center; }

.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.align-between { -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; }

.z-index { position: relative; z-index: 9; }

.hidden { display: none; }

@media (max-width: 479px) { .xs-hidden { display: none; } }

@media (max-width: 767px) { .sm-hidden { display: none; } }

@media (max-width: 991px) { .md-hidden { display: none; } }

.pv-5px { margin-top: 5px; margin-bottom: 5px; }

.pv-10px { margin-top: 10px; margin-bottom: 10px; }

.pv-15px { margin-top: 15px; margin-bottom: 15px; }

.pv-20px { margin-top: 20px; margin-bottom: 20px; }

.pv-25px { margin-top: 25px; margin-bottom: 25px; }

.pv-30px { margin-top: 30px; margin-bottom: 30px; }

.pv-40px { margin-top: 40px; margin-bottom: 40px; }

.pv-50px { margin-top: 50px; margin-bottom: 50px; }

.pv-60px { margin-top: 60px; margin-bottom: 60px; }

.pv-70px { margin-top: 70px; margin-bottom: 70px; }

.pv-80px { margin-top: 80px; margin-bottom: 80px; }

.pv-90px { margin-top: 90px; margin-bottom: 90px; }

.pv-100px { margin-top: 100px; margin-bottom: 100px; }

.py-0 { padding-top: 0; padding-bottom: 0; }

.pt-0 { padding-top: 0 !important; }

.pb-0 { padding-bottom: 0 !important; }

.pt-5px { padding-top: 5px; }

.pt-10px { padding-top: 10px; }

.pt-15px { padding-top: 15px; }

.pt-20px { padding-top: 20px; }

.pt-25px { padding-top: 25px; }

.pt-30px { padding-top: 30px; }

.pt-40px { padding-top: 40px; }

.pt-50px { padding-top: 50px; }

.pt-60px { padding-top: 60px; }

.pt-70px { padding-top: 70px; }

.pt-80px { padding-top: 80px; }

.pt-90px { padding-top: 90px; }

.pt-100px { padding-top: 100px; }

.pb-5px { padding-bottom: 5px; }

.pb-10px { padding-bottom: 10px; }

.pb-15px { padding-bottom: 15px; }

.pb-20px { padding-bottom: 20px; }

.pb-25px { padding-bottom: 25px; }

.pb-30px { padding-bottom: 30px; }

.pb-40px { padding-bottom: 40px; }

.pb-50px { padding-bottom: 50px; }

.pb-60px { padding-bottom: 60px; }

.pb-70px { padding-bottom: 70px; }

.pb-80px { padding-bottom: 80px; }

.pb-90px { padding-bottom: 90px; }

.pb-100px { padding-bottom: 100px; }

.mv-5px { margin-top: 5px; margin-bottom: 5px; }

.mv-10px { margin-top: 10px; margin-bottom: 10px; }

.mv-15px { margin-top: 15px; margin-bottom: 15px; }

.mv-20px { margin-top: 20px; margin-bottom: 20px; }

.mv-25px { margin-top: 25px; margin-bottom: 25px; }

.mv-30px { margin-top: 30px; margin-bottom: 30px; }

.mv-40px { margin-top: 40px; margin-bottom: 40px; }

.mv-50px { margin-top: 50px; margin-bottom: 50px; }

.mv-60px { margin-top: 60px; margin-bottom: 60px; }

.mv-70px { margin-top: 70px; margin-bottom: 70px; }

.mv-80px { margin-top: 80px; margin-bottom: 80px; }

.mv-90px { margin-top: 90px; margin-bottom: 90px; }

.mv-100px { margin-top: 100px; margin-bottom: 100px; }

.my-0 { margin-top: 0; margin-bottom: 0; }

.mt-0 { margin-top: 0 !important; }

.mb-0 { margin-bottom: 0 !important; }

.ml-0 { margin-left: 0 !important; }

.mr-0 { margin-right: 0 !important; }

.mt-5px { margin-top: 5px; }

.mt-10px { margin-top: 10px; }

.mt-15px { margin-top: 15px; }

.mt-20px { margin-top: 20px; }

.mt-25px { margin-top: 25px; }

.mt-30px { margin-top: 30px; }

.mt-40px { margin-top: 40px; }

.mt-50px { margin-top: 50px; }

.mt-60px { margin-top: 60px; }

.mt-70px { margin-top: 70px; }

.mt-80px { margin-top: 80px; }

.mt-90px { margin-top: 90px; }

.mt-100px { margin-top: 100px; }

.mb-5px { margin-bottom: 5px; }

.mb-10px { margin-bottom: 10px; }

.mb-15px { margin-bottom: 15px; }

.mb-20px { margin-bottom: 20px; }

.mb-25px { margin-bottom: 25px; }

.mb-30px { margin-bottom: 30px; }

.mb-40px { margin-bottom: 40px; }

.mb-50px { margin-bottom: 50px; }

.mb-60px { margin-bottom: 60px; }

.mb-70px { margin-bottom: 70px; }

.mb-80px { margin-bottom: 80px; }

.mb-90px { margin-bottom: 90px; }

.mb-100px { margin-bottom: 100px; }