/* ------------------------------------------------------------------------------------------------ */
/* Core style */
/* ------------------------------------------------------------------------------------------------ */
/* Fonts */
@font-face { font-family: "Avenir LT Std"; font-display: swap; src: local("Avenir LT Std"); src: url("../fonts/AvenirLTStd-Book.eot"); src: url("../fonts/AvenirLTStd-Book.eot#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Book.woff2") format("woff2"), url("../fonts/AvenirLTStd-Book.woff") format("woff"), url("../fonts/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/AvenirLTStd-Book.svg") format("svg"); font-style: normal; font-weight: 350; }

@font-face { font-family: "Avenir LT Std Medium"; font-display: swap; src: local("Avenir LT Std Medium"); src: url("../fonts/AvenirLTStd-Roman.eot"); src: url("../fonts/AvenirLTStd-Roman.eot#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/AvenirLTStd-Roman.svg") format("svg"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Avenir LT Std Semibold"; font-display: swap; src: local("Avenir LT Std Semibold"); src: url("../fonts/AvenirLTStd-Roman.eot"); src: url("../fonts/AvenirLTStd-Roman.eot#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/AvenirLTStd-Roman.svg") format("svg"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Avenir LT Std Bold"; font-display: swap; src: local("Avenir LT Std Bold"); src: url("../fonts/AvenirLTStd-Black.eot"); src: url("../fonts/AvenirLTStd-Black.eot#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Black.woff2") format("woff2"), url("../fonts/AvenirLTStd-Black.woff") format("woff"), url("../fonts/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/AvenirLTStd-Black.svg") format("svg"); font-style: normal; font-weight: 700; }

/* Boostrap */
@media (min-width: 36rem) { .container, .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-hear .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .owl-nav { max-width: 33.75rem; } }

@media (min-width: 48rem) { .container, .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-hear .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .owl-nav { max-width: 45rem; } }

@media (min-width: 62rem) { .container, .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-hear .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .owl-nav { max-width: 60rem; } }

@media (min-width: 75rem) { .container, .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-hear .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .owl-nav { max-width: 78rem; } }

body { width: 100vw; overflow: auto; overflow-x: hidden; }

.container, .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-hear .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .owl-nav { width: 100%; padding-left: 1rem; padding-right: 1rem; margin-right: auto; margin-left: auto; }

.row { margin-left: -1rem; margin-right: -1rem; }

.row > .col, .row > [class*="col-"] { padding-left: 1rem; padding-right: 1rem; }

.row.no-gutter { margin-left: 0; margin-right: 0; }

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

.row.double-gutter { margin-left: -2rem; margin-right: -2rem; }

.row.double-gutter > .col, .row.double-gutter > [class*="col-"] { padding-left: 2rem; padding-right: 2rem; }

/* Typography */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; color: #231F20; margin-top: 0; margin-bottom: 1rem; }

h1, .h1 { font-size: 3rem; line-height: 1.1666666666666667em; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; }

@media (max-width: 991px) { h1, .h1 { font-size: 2rem; line-height: 1.250em; } }

h2, .h2 { font-size: 2.5rem; line-height: 1.2em; }

@media (max-width: 1400px) and (min-width: 1100px) { h2, .h2 { font-size: 2.25rem; } }

@media (max-width: 991px) { h2, .h2 { font-size: 2rem; line-height: 1.333em; } }

@media (max-width: 350px) { h2, .h2 { font-size: 21px; line-height: 1.2em; } }

h3, .h3 { font-size: 1.5rem; line-height: 1.333em; }

h4, .h4 { font-size: 1.25rem; line-height: 1.4em; }

h5, .h5 { font-size: 1rem; line-height: 1.5em; }

.large { font-size: 3.5rem; line-height: 1.1428571428571428em; }

@media (max-width: 767px) { .large { font-size: 2.2rem; line-height: 1.1428571428571428em; } }

.small { font-size: 0.875rem; line-height: 1.429em; }

button:hover, button:focus, button:active { outline: none !important; box-shadow: none !important; }

a { color: #ED3045; transition: color .3s ease-in-out; }

a.link { text-decoration: underline; }

a:hover { text-decoration: underline; color: #ef475a; }

p { margin: 0 0 1.5rem; }

p:last-child { margin-bottom: 0; }

ul, ol { margin: 0; padding: 0; }

ul:not(.static_list), ol:not(.static_list) { list-style: none; }

article h4 { font-size: 1.25rem; line-height: 1.6em; }

article p { word-break: keep-all; /* Non standard for webkit */ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

article p:last-child { margin-bottom: 0; }

article a:hover { text-decoration: underline; }

article li ul, article li ol { margin: 0 1.5rem; padding-top: 0.625rem; }

article ul, article ol { margin: 0 0 2rem; padding-left: 1.5rem; }

article ul:last-child, article ol:last-child { margin: 0; }

article ul li, article ol li { margin-bottom: .75rem; }

article ul li:last-child, article ol li:last-child { margin: 0; }

article ul { list-style-type: disc !important; }

article ol { list-style-type: decimal !important; }

article ol ol { list-style: lower-alpha; }

article ol ol ol { list-style: lower-roman; }

article ol ol ol ol { list-style: lower-alpha; }

article figure { max-width: 100%; }

article figure img { display: block; border-radius: 6px; margin-bottom: .5rem; }

article figure figcaption { text-align: center; font-size: 0.875rem; line-height: 1.4285714285714286em; color: #5A5252; }

article figure:has(figcaption) { margin-bottom: 2.5rem; }

/* Base */
*, *:after, *:before { box-sizing: border-box; }

img { max-width: 100%; }

hr { border: 0; border-top: 0.063rem solid #E6E6E6; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

@media (min-width: 75rem) { * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; -webkit-font-kerning: normal; font-kerning: normal; }
  *::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: #F4F6FB; }
  *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.188rem rgba(0, 0, 0, 0.2); background-color: #F5F5F5; }
  *::-webkit-scrollbar-thumb { background-color: #ED3045; border-radius: 0.625rem; border: 0.063rem solid #F4F6FB; } }

html, body { font-size: 16px; line-height: 1.5em; font-family: "Avenir LT Std", -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; padding: 0; margin: 0; background-color: #FFFFFF; color: #5A5252; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

@media (max-width: 767px) { html, body { font-size: 14px; line-height: 1.25em; } }

.web-wrapper { width: 100%; }

.mb-40 { margin-bottom: 2.5rem; }

/* ------------------------------------------------------------------------------------------------ */
/* Component style */
/* ------------------------------------------------------------------------------------------------ */
@-webkit-keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }
@keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@-webkit-keyframes bounceY { 0% { -webkit-transform: scale(1, 1) translateY(0) rotate(-90deg); transform: scale(1, 1) translateY(0) rotate(-90deg); }
  10% { -webkit-transform: scale(1.1, 0.9) translateY(0) rotate(-90deg); transform: scale(1.1, 0.9) translateY(0) rotate(-90deg); }
  30% { -webkit-transform: scale(0.9, 1.1) translateY(-4px) rotate(-90deg); transform: scale(0.9, 1.1) translateY(-4px) rotate(-90deg); }
  50% { -webkit-transform: scale(1.05, 0.95) translateY(6px) rotate(-90deg); transform: scale(1.05, 0.95) translateY(6px) rotate(-90deg); }
  57% { -webkit-transform: scale(1, 1) translateY(-2px) rotate(-90deg); transform: scale(1, 1) translateY(-2px) rotate(-90deg); }
  64% { -webkit-transform: scale(1, 1) translateY(0) rotate(-90deg); transform: scale(1, 1) translateY(0) rotate(-90deg); }
  100% { -webkit-transform: scale(1, 1) translateY(0) rotate(-90deg); transform: scale(1, 1) translateY(0) rotate(-90deg); } }

@keyframes bounceY { 0% { -webkit-transform: scale(1, 1) translateY(0) rotate(-90deg); transform: scale(1, 1) translateY(0) rotate(-90deg); }
  10% { -webkit-transform: scale(1.1, 0.9) translateY(0) rotate(-90deg); transform: scale(1.1, 0.9) translateY(0) rotate(-90deg); }
  30% { -webkit-transform: scale(0.9, 1.1) translateY(-4px) rotate(-90deg); transform: scale(0.9, 1.1) translateY(-4px) rotate(-90deg); }
  50% { -webkit-transform: scale(1.05, 0.95) translateY(6px) rotate(-90deg); transform: scale(1.05, 0.95) translateY(6px) rotate(-90deg); }
  57% { -webkit-transform: scale(1, 1) translateY(-2px) rotate(-90deg); transform: scale(1, 1) translateY(-2px) rotate(-90deg); }
  64% { -webkit-transform: scale(1, 1) translateY(0) rotate(-90deg); transform: scale(1, 1) translateY(0) rotate(-90deg); }
  100% { -webkit-transform: scale(1, 1) translateY(0) rotate(-90deg); transform: scale(1, 1) translateY(0) rotate(-90deg); } }

@-webkit-keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@-webkit-keyframes pulseSvg { 0% { r: 6;
    opacity: 0.3; }
  70% { r: 12;
    opacity: 0.3; }
  80% { r: 12;
    opacity: 0.2; }
  90% { r: 12;
    opacity: 0.1; }
  100% { r: 12;
    opacity: 0; } }

@keyframes pulseSvg { 0% { r: 6;
    opacity: 0.3; }
  70% { r: 12;
    opacity: 0.3; }
  80% { r: 12;
    opacity: 0.2; }
  90% { r: 12;
    opacity: 0.1; }
  100% { r: 12;
    opacity: 0; } }

@media (max-width: 991px) { @-webkit-keyframes pulseSvg { 0% { r: 12;
      opacity: 0.3; }
    70% { r: 18;
      opacity: 0.3; }
    80% { r: 18;
      opacity: 0.2; }
    90% { r: 18;
      opacity: 0.1; }
    100% { r: 18;
      opacity: 0; } } @keyframes pulseSvg { 0% { r: 12;
      opacity: 0.3; }
    70% { r: 18;
      opacity: 0.3; }
    80% { r: 18;
      opacity: 0.2; }
    90% { r: 18;
      opacity: 0.1; }
    100% { r: 18;
      opacity: 0; } } }

@-webkit-keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@-webkit-keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

@keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

@-webkit-keyframes hrloading { 0% { left: -100%; }
  100% { left: 0; } }

@keyframes hrloading { 0% { left: -100%; }
  100% { left: 0; } }

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

@-webkit-keyframes slideOutDown { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(1.25);
            transform: scale(1.25); } }

@keyframes slideOutDown { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(1.25);
            transform: scale(1.25); } }

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

@-webkit-keyframes comeOut { 0% { opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes comeOut { 0% { opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

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

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

.modal-open { overflow: hidden; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); }

.modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.modal-dialog-centered { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); }

.modal-content { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }

.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; }

.modal-footer > :not(:first-child) { margin-left: .25rem; }

.modal-footer > :not(:last-child) { margin-right: .25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 576px) { .modal-dialog { max-width: 600px; margin: 1.75rem auto; }
  .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); }
  .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg { max-width: 800px; } }

.modal-success { text-align: center; }

.modal-success .modal-body { padding: 2rem; }

@media (min-width: 768px) { .modal-success .modal-dialog { max-width: 40rem; } }

.input-group { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; width: 100%; border: 1px solid #E6E6E6; border-radius: 6px; }

.input-group > .form-control { position: relative; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; border: none; }

.input-group-prepend { margin-right: -1px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.input-group-prepend + .form-control { border-left: none; padding-left: 0; }

.input-group-text { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0.375rem 0.5rem 0.375rem 1rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; }

/* Form */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 60px white inset !important; }

.form-group { padding-bottom: 1.25rem; }

.form-group.error .form-control { border-color: #E94E4E; }

.form-group.error .error-message { font-size: 0.75rem; line-height: 1rem; color: #E94E4E; }

.form-group-hidden { opacity: 0; visibility: hidden; position: absolute; }

.form-action { padding-top: 1rem; }

.form-action.text-right { text-align: right; }

span.required { color: #D74022; }

.form-control { display: block; width: 100%; height: 3rem; padding: 0.5rem 0; font-size: 1rem; font-weight: normal; line-height: 1.5em; color: #5A5252; background-color: #FFF; border: 0; border-bottom: 1px solid #E6E6E6; transition: border-color 0.3s ease-in-out; }

.form-control:focus { border-color: #ED3045; outline: 0; }

.form-control::-webkit-input-placeholder { color: #AAA; opacity: 1; }

.form-control::-moz-placeholder { color: #AAA; opacity: 1; }

.form-control:-ms-input-placeholder { color: #AAA; opacity: 1; }

.form-control::placeholder { color: #AAA; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }

.form-control + .form-control, .bootstrap-select + .form-control { margin-top: 0.5rem; }

textarea.form-control { height: auto; }

label { color: #231F20; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; }

select { display: inline-block; width: 100%; border: 1px solid #E2E2E2; border-radius: 0.25rem; font-size: 0.875rem; line-height: 1.429em; padding: 0.5625rem 1rem; }

select:focus { box-shadow: none; outline: none; }

.select-control { display: inline-block; position: relative; width: 100%; background: #FFF; border: 1px solid #E2E2E2; border-radius: 0.25rem; font-size: 0.875rem; line-height: 1.429em; padding: 0.5625rem 1rem; font-family: "Avenir LT Std", sans-serif; font-weight: 400; }

.select-control:focus { box-shadow: none; outline: none !important; }

.select-control .filter-option:after { content: ""; display: block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background: red; position: absolute; top: calc(50% - 0.625rem); right: 0.625rem; background: url(../images/ic-carret-down.svg) no-repeat center; background-size: contain; }

/*.bootstrap-select position: relative & > .dropdown-toggle border: 1px solid $dark-100 padding: 0.4375rem 2.5rem 0.4375rem 0.75rem background: $white @include font-400() .dropdown-menu li a padding: 6px 12px */
/*.bootstrap-select > select.mobile-device:focus + .dropdown-toggle box-shadow: none outline: none !important */
/*.bootstrap-select .dropdown-toggle .filter-option-inner-inner text-overflow: ellipsis */
/*.bootstrap-select.show-tick .dropdown-menu .dropdown-menu li a padding-left: 40px li a span.text margin: 0 .bs-ok-default display: block position: absolute width: 16px height: 16px top: 8px left: 14px right: auto border: 1px solid $dark-100 border-radius: 4px transition: all .4s ease &::after position: absolute top: 0 left: 3.5px border-width: 0 2px 2px 0 border-color: $white opacity: 0 width: 6px height: 11px transform-origin: center transition: all .4s ease .selected span.check-mark, .bs-ok-default top: 8px right: auto background: $primary border-color: $primary &::after opacity: 1 */
.custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding: 0.5rem 0 0.5rem 2rem; color-adjust: exact; }

.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }

.custom-control-input:checked ~ .custom-control-label::before { color: #FFFFFF; border-color: #ED3045; background-color: #ED3045; }

.custom-control-input:focus ~ .custom-control-label::before { border-color: #ED3045; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #ED3045; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #FFFFFF; background-color: #ED3045; border-color: #ED3045; }

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #E6E6E6; }

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #E6E6E6; }

.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; cursor: pointer; }

.custom-control-label::before { position: absolute; top: 0.125rem; left: -2rem; display: block; width: 1.25rem; height: 1.25rem; pointer-events: none; content: ""; background-color: #FFFFFF; border: 1px solid #E6E6E6; }

.custom-control-label::after { position: absolute; top: 0.125rem; left: -2rem; display: block; width: 1.25rem; height: 1.25rem; content: ""; background-repeat: no-repeat; background-size: 0.75rem 0.75rem; background-position: center; }

.custom-control-inline { display: inline-block; }

.custom-control-inline + .custom-control-inline { margin-left: 1rem; }

/*.custom-checkbox .custom-control-label::before border-radius: 2px .custom-control-input:checked ~ .custom-control-label::after background-image: url(../images/ic-check.svg) .custom-control-input:disabled:checked ~ .custom-control-label::before opacity: 0.5 */
/*.custom-checkbox-alt .custom-control-label::before border-radius: 2px .custom-control-input:checked ~ .custom-control-label::after background-image: url(../images/ic-check-alt.svg) .custom-control-input:disabled:checked ~ .custom-control-label::before opacity: 0.5 */
/*.custom-radio .custom-control-label::before border-radius: 50% .custom-control-input:checked ~ .custom-control-label::after background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") .custom-control-input:disabled:checked ~ .custom-control-label::before opacity: 0.5 */
.form-range > .form-range__before { text-align: right; font-size: 0.875rem; line-height: 1.429rem; padding-right: 4px; }

.form-range > .form-range__input { position: relative; min-height: 1.5rem; }

.form-range > .form-range__after { text-align: left; font-size: 0.875rem; line-height: 1.429rem; padding-left: 4px; }

.form-range input[type=range] { -webkit-appearance: none; width: 100%; height: 4px; border-radius: 2px; background: transparent; position: relative; top: -4px; }

.form-range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; position: relative; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; border: 0; background-color: #ED3045; background-image: url(../images/ic-caret.svg); background-position: center; background-size: 0.75rem; background-repeat: no-repeat; top: 0; cursor: pointer; }

.form-range input[type=range]::-moz-range-thumb { -webkit-appearance: none; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; border: 0; background-color: #ED3045; background-image: url(../images/ic-caret.svg); background-position: center; background-size: 0.75rem; background-repeat: no-repeat; top: calc(-0.75rem + 2px); cursor: pointer; }

.form-range input[type=range]:focus { outline: none; }

.btn-group.btn-group-toggle { background-color: #FFF; border-radius: 1.25rem; border: 3px solid #FFF; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.btn-group.btn-group-toggle input { position: absolute; opacity: 0; visibility: hidden; z-index: -10; }

.btn-group.btn-group-toggle .btn { z-index: 1; display: block; position: relative; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 1; -ms-flex-preferred-size: 1; flex-basis: 1; font-size: 0.75rem; line-height: 1.429em; padding: 4px 15px; font-family: "Avenir LT Std Medium", sans-serif; font-weight: 500; margin: 0; border: 1.5px solid transparent; border-radius: 1rem; color: #545465; background: #FFFFFF; cursor: pointer; }

.btn-group.btn-group-toggle .btn:hover { background: #FFFFFF; color: #5A5252; border-color: #FFFFFF; }

.btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .btn-group.btn-group-toggle .btn.active { z-index: 2; border-color: #ED3045; background-color: #ED3045; color: #FFF; box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.3); }

.btn-group.btn-group--custom { margin-bottom: -1rem; }

.btn-group.btn-group--custom .row { margin: 0 -0.5rem; }

.btn-group.btn-group--custom .row > .col, .btn-group.btn-group--custom .row > [class*="col-"] { padding-left: 0.5rem; padding-right: 0.5rem; }

.btn-group.btn-group--custom .item { margin-bottom: 1rem; }

.btn-group.btn-group--custom input { position: absolute; opacity: 0; visibility: hidden; z-index: -10; }

.btn-group.btn-group--custom .btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; width: 100%; border: 1px solid #E6E6E6; border-radius: 0.25rem; padding: 24px 16px 20px; font-size: 0.75rem; line-height: 1.5em; margin: 0; cursor: pointer; }

.btn-group.btn-group--custom .btn .icon { display: block; height: 32px; width: 122px; object-fit: contain; object-position: 50% 50%; margin: 0 auto 12px; }

.btn-group.btn-group--custom .btn span { display: block; font-size: 12px; line-height: 16px; font-family: "Avenir LT Std", sans-serif; font-weight: 400; color: #000; }

.btn-group.btn-group--custom .btn:hover { color: #5A5252; border-color: #005FBF; }

.btn-group.btn-group--custom .btn.active { border-color: #005FBF; }

.btn-group.btn-group--custom .btn.active:after { content: ""; z-index: 1; display: block; width: 1.25rem; height: 1.25rem; background-image: url(../images/ic-check-blue.svg); background-color: #FFFFFF; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(-0.75rem + 1px); right: calc(-0.75rem + 1px); border-radius: 1.25rem; border: 2px solid #FFFFFF; }

.form-box { background: #FCFDFA; border: 1px solid #E9F0DB; border-radius: 6px; padding: 2rem; }

.form-footer { text-align: right; }

.form-footer.center { text-align: center; }

@media (max-width: 767px) { .form-box { padding: 1rem; } }

.radio-input { display: block; position: relative; border: 1px solid #E6E6E6; border-radius: 6px; }

.radio-input + .radio-input { margin-top: 1rem; }

.radio-input.selected { border-color: #ED3045; color: #ED3045; }

.radio-input div.radio-text { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; padding: 1rem; gap: 1rem; position: relative; cursor: pointer; }

.radio-input div.radio-text::before { content: ""; border-radius: 50%; width: 1.5rem; height: 1.5rem; -webkit-flex: 0 0 1.5rem; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem; border: 1px solid #E6E6E6; border-radius: 50%; }

.radio-input_link { margin-left: auto; text-decoration: underline; }

.radio-input input[type="radio"] { position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; }

.radio-input input[type="radio"]:checked + div { border-color: #ED3045; color: #ED3045; }

.radio-input input[type="radio"]:checked + div::before { border-color: #ED3045; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23024C4A'/%3e%3c/svg%3e") center no-repeat; }

.radio-input .fillform { padding: 0 1rem; max-height: 0; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; }

.radio-input .fillform label { font-weight: 400; }

.radio-input .fillform .form-group { padding-bottom: 0; }

.radio-input .fillform.show { max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; opacity: 1; visibility: visible; padding-bottom: 1rem; }

.dropdown.bootstrap-select { position: relative; color: inherit; }

.dropdown.bootstrap-select select { position: absolute; bottom: 0; left: 50%; display: block; width: 0.5px; height: 100%; padding: 0; opacity: 0; border: none; visibility: hidden; }

.dropdown.bootstrap-select .btn.dropdown-toggle { cursor: pointer; background: #fff; border: 1px solid #E2E2E2; border-radius: 4px; font-size: 14px; letter-spacing: -0.04px; line-height: 42px; font-weight: 200; width: 100%; text-align: left; padding: 0 23px 0 12px; outline: none !important; color: inherit; }

.dropdown.bootstrap-select .btn.dropdown-toggle:after { content: ""; background: url(../images/ic-carret-down.svg) no-repeat center; background-size: contain; width: 1.5rem; height: 1.5rem; top: calc(50% - 0.75rem); right: 10px; position: absolute; border: none; }

.dropdown.bootstrap-select div.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #AFAFAF; border-radius: 4px; margin: 2px 0 0; width: 100%; min-width: 100px; box-shadow: 0 16px 40px 0 rgba(0, 0, 0, 0.25); }

.dropdown.bootstrap-select div.dropdown-menu a { display: block; padding: 10px 12px; color: #485460; font-weight: 400; cursor: pointer; font-size: 14px; line-height: 20px; }

.dropdown.bootstrap-select div.dropdown-menu li { position: relative; }

.dropdown.bootstrap-select div.dropdown-menu li .fa { display: none; }

.dropdown.bootstrap-select div.dropdown-menu li:hover a { background: #F5F0F0; text-decoration: none; }

.dropdown.bootstrap-select div.dropdown-menu li.selected a, .dropdown.bootstrap-select div.dropdown-menu li.active a { background: #F5F0F0; }

.dropdown.bootstrap-select div.dropdown-menu.show { display: block; }

.dropdown.bootstrap-select.show .bttn { border-color: #1565BE; }

/* General */
.row { margin-left: -0.75rem; margin-right: -0.75rem; }

.row [class^="col-"], .row [class*=" col-"], .row [class^="col"] { padding-left: 0.75rem; padding-right: 0.75rem; }

main > div.for-brands, main > div.for-stores, main > div.blog, main > div.contact { padding-top: 13rem; }

@media (max-width: 767px) { main > div.for-brands, main > div.for-stores, main > div.blog, main > div.contact { padding-top: 9rem; } }

.bg-gray { background: #F9F9F9; }

.back-to-top { background: #FFF; border: 1px solid #F8504A; border-radius: 50px; padding: 4px 8px 2px; position: fixed; right: 2.5rem; bottom: 3.125rem; transition: all .3s ease-in-out; z-index: 99; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.back-to-top.hide { opacity: 0; visibility: hidden; }

.back-to-top.show { opacity: 1; visibility: visible; bottom: 5rem; }

.back-to-top:hover { cursor: pointer; }

.back-to-top:hover .ic { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceY; animation-name: bounceY; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.back-to-top .ic { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; background: url(../images/ic-btn-go.svg) no-repeat center; background-size: contain; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: -1px; margin-right: 6px; }

.back-to-top span { display: inline-block; vertical-align: middle; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; font-size: 0.875rem; line-height: 18px; color: #F8504A; text-transform: uppercase; }

@media (max-width: 767px) { .back-to-top { right: 1.25rem; }
  .back-to-top.show { bottom: 1.5rem; } }

.title { margin-bottom: 2.5rem; }

.title h1, .title h2, .title h3 { color: #F8504A; }

.title .pill { margin-bottom: 1rem; }

@media (max-width: 1366px) and (min-width: 1200px) { .title { margin-bottom: 1.25rem; } }

@media (max-width: 767px) { .title { margin-bottom: 24px; }
  .title h1 br, .title h2 br, .title h3 br, .title h4 br { display: none; } }

.pill { font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; padding: 0.5rem 1rem; border: 1px solid #231F20; color: #231F20; background: #FAFAFA; border-radius: 50px; text-decoration: none; display: block; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; text-align: center; transition: all .3s ease-in-out; line-height: 1.1em; }

.pill:hover, .pill.active { text-decoration: none; background: #231F20; color: #FFFFFF; }

.pill-small { font-size: 0.875rem; line-height: 1em; padding: 4px 0.75rem 2px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.pill-primary { border-color: #F8504A; color: #F8504A; }

.pill-primary:hover { background: #ED3045; }

.pill:not(a) { pointer-events: none; }

.btn { padding: 0.6875rem 1rem; border-radius: 50px; border: 1px solid transparent; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; position: relative; text-decoration: none; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; text-align: center; }

.btn:hover { text-decoration: none; }

.btn .ic { display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; background: url(../images/ic-btn-white.svg) no-repeat center; background-size: contain; margin-right: 0.5rem; border-radius: 50px; }

.btn span { display: inline-block; vertical-align: middle; }

.btn:hover .ic { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.btn-primary { background: #231F20; color: #FFFFFF; }

.btn-primary:hover { color: #FFF; }

.btn-secondary { background: #F8504A; color: #FFFFFF; }

.btn-secondary:hover { color: #FFFFFF; }

.btn-border { background: #FFF; border: 1px solid #231F20; color: #231F20; }

.btn-border:hover { color: #231F20; }

.btn-block { display: block; width: 100%; }

.text-center { text-align: center; }

article h1, article h2, article h3, article h4, article h5 { color: #ED3045; margin-bottom: 1rem; }

article p { color: #5A5252; }

article img { display: block; margin-bottom: 2.5rem; border-radius: 12px; }

.pagination { padding: 2.5rem 0; text-align: center; }

.pagination ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pagination .page-item:not(:last-child) { margin-right: 8px; }

.pagination .page-item.disable span { color: #918F90; }

.pagination .page-item.disable .icon { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .8; }

.pagination .page-number { width: 2.5rem; line-height: 2.5rem; border-radius: 50px; color: #5A5252; transition: all .3s ease-in-out; }

.pagination .page-number.active, .pagination .page-number:hover { color: #FFFFFF; background: #ED3045; }

.pagination .page-number.active .page-link, .pagination .page-number:hover .page-link { color: #FFF; }

.pagination .page-number:hover { cursor: pointer; }

.pagination .prev, .pagination .next { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 2.5rem; text-decoration: none; }

.pagination .prev span, .pagination .next span { font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; }

.pagination .prev .icon, .pagination .next .icon { width: 1.5rem; height: 1.5rem; }

.pagination .prev { margin-right: 1rem; }

.pagination .prev .icon { margin-right: 8px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.pagination .next { margin-left: 1rem; }

.pagination .next .icon { margin-left: 8px; }

.share-article { min-height: 11.25rem; }

.share-article > span { color: #918F90; display: block; margin-bottom: 1rem; }

.share-article .share-socmed { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.share-article .share-socmed a { display: block; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }

.share-article .share-socmed a:not(:last-child) { margin-right: 1rem; }

.share-article .share-socmed a img { width: 1.5rem; height: 1.5rem; object-fit: contain; }

@media (max-width: 991px) { .share-article { min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; margin-bottom: 2.625rem; } }

:root { --color-text: navy; --color-bg: papayawhip; --color-bg-accent: #ecdcc0; --size: clamp(10rem, 1rem (+40vmin), 30rem); --gap: calc(var(--size) / 14); --duration: 60s; --scroll-start: 0; --scroll-end: calc(-100% - var(--gap)); }

@-webkit-keyframes scroll-Y { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(calc(-100% - 32px)); transform: translateY(calc(-100% - 32px)); } }

@keyframes scroll-Y { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(calc(-100% - 32px)); transform: translateY(calc(-100% - 32px)); } }

.marquee { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; gap: var(--gap); -webkit-mask-image: linear-gradient(var(--mask-direction, to right), black 80%, rgba(0, 0, 0, 0)); mask-image: linear-gradient(var(--mask-direction, to right), black 80%, rgba(0, 0, 0, 0)); }

.marquee .item { display: -ms-grid; display: grid; border-radius: 6px; }

.marquee .item a { display: block; }

.marquee .item img { width: auto; max-height: 56px; }

.marquee .marquee__group { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; gap: 16px; min-width: 100%; -webkit-animation: scroll-Y 60s linear infinite; animation: scroll-Y 60s linear infinite; }

.marquee .marquee__group:not(:last-child) { margin-bottom: 1.5rem; }

.marquee.marquee--reverse .marquee__group { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-delay: -3s; animation-delay: -3s; }

@media (prefers-reduced-motion: reduce) { .marquee .marquee__group { -webkit-animation-play-state: paused; animation-play-state: paused; } }

.marqueeV .marquee__group { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; min-width: 100%; -webkit-animation: scroll-Y 60s linear infinite; animation: scroll-Y 60s linear infinite; }

.marqueeV .marquee__group:not(:last-child) { margin-bottom: 1.5rem; }

.marqueeV.marquee--reverse .marquee__group { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-delay: -3s; animation-delay: -3s; }

@media (prefers-reduced-motion: reduce) { .marqueeV .marquee__group { -webkit-animation-play-state: paused; animation-play-state: paused; } }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.otgs-development-site-front-end { display: none; }

.wpml-ls-statics-footer { position: absolute; left: 0; bottom: 0; }

.dropdown-nav { position: relative; }

.dropdown-nav button.btn.btn-border { width: 100%; max-width: 100%; display: block; text-align: left; border-radius: 6px; padding: 12px; background: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.dropdown-nav button.btn.btn-border:after { content: ""; width: 15px; height: 15px; border-style: solid; height: 0; width: 0; border-color: #231F20 transparent transparent; border-width: 10px 8px 0; }

.dropdown-nav .dropdown-menu.nav.show { width: 100%; padding: 16px; }

.dropdown-nav .dropdown-menu.nav.show a { margin: 0; line-height: 24px; }

.dropdown-nav .dropdown-menu.nav.show a.pill { display: block; width: 100%; max-width: 100%; border: 0; border-radius: 0; text-align: left; }

.dropdown-nav .dropdown-menu.nav.show a.pill:not(.active) { background: transparent; }

@media (min-width: 768px) { .dropdown-nav { display: none; } }

@media (max-width: 767px) { .select-mobile, .blog-categorize { display: none !important; } }

/* == WordPress WYSIWYG Editor Styles == */
.entry-content img { margin: 0 0 1.5em 0; }

.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }

@media (max-width: 767px) { .alignleft, img.alignleft { float: none; display: block; width: 100%; max-width: 100%; margin: 0; margin-bottom: 16px; object-fit: contain; } }

.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }

@media (max-width: 767px) { .alignright, img.alignright { float: none; display: block; width: 100%; max-width: 100%; margin: 0; margin-bottom: 16px; object-fit: contain; } }

.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

@media (max-width: 767px) { .aligncenter, img.aligncenter { float: none; display: block; width: 100%; max-width: 100%; margin: 0; margin-bottom: 16px; object-fit: contain; } }

.alignnone, img.alignnone { /* not sure about this one */ }

.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }

.wp-caption img { border: 0 none; padding: 0; margin: 0; }

.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }

.wp-smiley { margin: 0 !important; max-height: 1em; }

blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }

blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }

/* Header */
.header { position: fixed; top: 0; left: 0; width: 100%; padding: 1rem 2rem; z-index: 99; transition: all .3s ease-in-out; }

.header-wrap { padding: 1rem 5.75rem; border: 1px solid #F26B6B; border-radius: 16px; background: #fff; position: relative; transition: all .3s ease-in-out; }

.header-logo, .header .custom-logo-link { transition: all .3s ease-in-out; }

.header-logo img, .header .custom-logo-link img { height: 2.5rem; width: auto; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; object-fit: contain; transition: all .3s ease-in-out; display: block; }

.header-right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.header.fixed .header-wrap { padding-top: 0.625rem; padding-bottom: 0.625rem; }

.header.fixed .header-logo img { height: 2rem; }

.header.header-home { position: absolute; }

@media (max-width: 2000px) and (min-width: 1100px) { body.h-expand .header-xpand { position: absolute; top: calc(50% - 10px); right: 1rem; width: 1.5rem; height: 1.5rem; background: url(../images/ic-cevron-circle.png) no-repeat center; background-size: contain; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transition: all .3s ease-in-out; z-index: 10; }
  body.h-expand .header-xpand:hover { cursor: pointer; opacity: 0.8 !important; } }

body.hh-collapse .header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

body.hh-collapse .header-wrap { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; padding: 1rem; padding-right: 3.5rem; }

body.hh-collapse .header-wrap > .container, body.hh-collapse .for-brands .fb-deliver .slider-wrap .slider-deliver .header-wrap > .owl-nav, .for-brands .fb-deliver .slider-wrap .slider-deliver body.hh-collapse .header-wrap > .owl-nav, body.hh-collapse .for-brands .fb-hear .header-wrap > .owl-nav, .for-brands .fb-hear body.hh-collapse .header-wrap > .owl-nav, body.hh-collapse .for-stores .fs-hearfrom .hearfrom-slider .header-wrap > .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider body.hh-collapse .header-wrap > .owl-nav { width: auto; max-width: 12.5rem; padding: 0; }

body.hh-collapse .header-wrap .col-md-3 { -webkit-flex: 0 0 11.75rem; -ms-flex: 0 0 11.75rem; flex: 0 0 11.75rem; max-width: 11.75rem; }

body.hh-collapse .header-wrap .col-md-9 { display: none; }

body.hh-collapse .header .header-xpand { top: calc(50% - 7px); -webkit-transform: rotate(0); transform: rotate(0); }

.main-menu, .menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-right: 1px solid rgba(35, 31, 32, 0.1); }

.main-menu .menu-item, .menu .menu-item { color: #231F20; transition: all .3s ease-in-out; padding-right: 1.25rem; }

.main-menu .menu-item:hover, .main-menu .menu-item.active, .menu .menu-item:hover, .menu .menu-item.active { text-decoration: none; color: #F8504A; }

.lang { position: relative; margin-left: 1.5rem; }

.lang .btn-lang { padding: 0.25rem 0.75rem; padding-right: 2.1875rem; border: 1px solid #231F20; border-radius: 50px; color: #231F20; position: relative; }

.lang .btn-lang:after { content: ""; border-style: solid; height: 0; width: 0; border-color: #231F20 transparent transparent; border-width: 8px 5px 0; position: absolute; top: 0.75rem; right: 0.75rem; }

.lang .dropdown-menu { min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; }

.lang .dropdown-menu a:hover { text-decoration: none; }

.lang .wpml-ls-legacy-dropdown { width: 100%; text-transform: uppercase; }

.lang .wpml-ls-legacy-dropdown a { border: 1px solid #231F20; width: 100%; border-radius: 50px; padding: 6px 10px 3px; padding-right: calc(10px + 1.4em); }

.lang .wpml-ls-legacy-dropdown a:hover { text-decoration: none; }

@media (max-width: 1921px) and (min-width: 1650px) { .lang .wpml-ls-legacy-dropdown a { padding: 4px 10px 5px; padding-right: calc(10px + 1.4em); } }

.lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border: 0; }

.lang .wpml-ls-sub-menu { margin-top: 2px; }

.lang .wpml-ls-sub-menu:before { content: ""; width: 100%; height: 10px; position: absolute; left: 0; bottom: 100%; }

.lang .wpml-ls-legacy-dropdown .wpml-ls-flag { margin-top: -3px; }

.lang .wpml-ls-sub-menu .wpml-ls-link { padding-right: 0; }

.lang .wpml-ls-legacy-dropdown .wpml-ls-current-language > a { border: 1px solid #231F20; border-radius: 50px; }

.burger-menu { display: none; }

@media (max-width: 991px) { .burger-menu { z-index: 3; display: block; position: absolute; width: 1.375rem; height: 1.375rem; top: calc(16% - 7px); right: 0; text-align: right; margin-top: -6px; }
  .burger-menu span { display: block; position: absolute; height: 2px; width: 100%; right: 0; background: #ED3045; opacity: 1; -webkit-transform: none; transform: none; trnasfrom-origin: center; transition: all .4s ease; }
  .burger-menu span:nth-child(1) { top: 0; }
  .burger-menu span:nth-child(2) { top: 8px; }
  .burger-menu span:nth-child(3) { top: 16px; } }

@media (max-width: 1366px) { .header { padding: 0.5rem 1rem; }
  .header-wrap { padding: 0.75rem 5rem; } }

@media (max-width: 1181px) and (min-width: 769px) { .header-wrap { padding: 1rem; } }

@media (max-width: 991px) { .header { position: fixed !important; padding: 1rem; z-index: 101; }
  .header-wrap { padding: 1rem; }
  .header-right { z-index: 80; display: block; width: 100%; background: #FFF; padding: 0; opacity: 0; visibility: hidden; max-height: 0; transition: all .4s ease-in-out; } }

@media (max-width: 767px) { .header-logo img { max-height: 1.875rem; }
  .header .burger-menu { top: -1.3125rem; } }

body.menu-open .burger-menu span { background: #ED3045; }

body.menu-open .burger-menu span:nth-child(1) { top: 6px; width: 100%; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

body.menu-open .burger-menu span:nth-child(2) { top: 6px; width: 100%; opacity: 0; }

body.menu-open .burger-menu span:nth-child(3) { top: 6px; width: 100%; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

body.menu-open .header-wrap .row [class^="col-"], body.menu-open .header-wrap .row [class*=" col-"], body.menu-open .header-wrap .row [class^="col"] { padding-left: 0; padding-right: 0; }

body.menu-open .header-right { max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; opacity: 1; visibility: visible; top: 4.75rem; left: 0; padding: 16px; background: #FFE9E9; margin-top: 24px; border-radius: 12px; }

body.menu-open .header-right .main-menu, body.menu-open .header-right .menu { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 1.5rem; margin-bottom: 1.5rem; text-align: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-right: 0; border-radius: 12px; }

body.menu-open .header-right .main-menu .menu-item, body.menu-open .header-right .menu .menu-item { padding-right: 0; }

body.menu-open .header-right .main-menu .menu-item:not(:last-child), body.menu-open .header-right .menu .menu-item:not(:last-child) { margin-bottom: 1.25rem; }

body.menu-open .header-right .lang { margin-left: 0; text-align: left; }

body.menu-open .header-right .lang .btn-lang { min-width: 6.25rem; background: #FFF; }

@media (max-width: 991px) { body.menu-open .header.fixed .header-wrap { padding: 1rem !important; }
  body.menu-open .header.fixed .header-logo img { height: 2.5rem; }
  body.menu-open .header-right { top: 3.75rem; }
  body.menu-open .header-right .main-menu .menu-item { font-size: 18px; line-height: 1.3em; display: block; margin-bottom: 0 !important; padding: 16px 0; } }

@media (max-width: 767px) { body.menu-open .header-logo img { height: 2.5rem !important; max-height: 2.5rem !important; }
  body.menu-open .header-right { top: 3.375rem; }
  body.menu-open .header-right .main-menu { display: block; padding: 0; }
  body.menu-open .header-right .main-menu .menu { display: block; width: 100%; padding: 0 16px; }
  body.menu-open .header-right .lang { max-width: 90px; margin: 0 auto 24px; } }

.cta-block { max-width: calc(100% - 32px); padding: 11.875rem 14.0625rem; background: #F8504A; border-radius: 24px; text-align: center; margin: 0 auto; color: #FFFFFF; }

.cta-block .title { margin-bottom: 2.5rem; }

.cta-block .title .pill { background: #F8504A; margin: 0 auto 1rem; border-color: #fff; color: #FFF; }

.cta-block .title h2 { color: #FFFFFF; margin-bottom: 1rem; }

.cta-block .title p { max-width: 31rem; margin: 0 auto; }

.cta-block .form-action .btn-primary { max-width: 100%; }

@media (max-width: 767px) { .cta-block { padding: 5rem; } }

.cta-form .form-control { border: 0; background: transparent; border-bottom: 1px solid #FFFFFF; border-radius: 0; color: #FFFFFF; }

.cta-form .form-control::-webkit-input-placeholder { color: #FFFFFF; }

.cta-form .form-control::-moz-placeholder { color: #FFFFFF; }

.cta-form .form-control:-ms-input-placeholder { color: #FFFFFF; }

.cta-form .form-control::placeholder { color: #FFFFFF; }

.editor.editor--live { background: #F8504A; }

.footer { padding: 3rem 0; background: #FFF; }

.footer-logo { margin-bottom: 2.5rem; }

.footer-logo img { max-height: 3rem; }

.footer-socmed { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer-socmed a { display: block; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }

.footer-socmed a:not(:last-child) { margin-right: 1rem; }

.footer-socmed a img { width: 1.5rem; height: 1.5rem; object-fit: contain; }

.footer-contact .h3 { font-size: 1.4rem; margin-bottom: 1.5rem; display: block; }

.footer-contact .contact-list .contact-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer-contact .contact-list .contact-item:not(:last-child) { margin-bottom: 1rem; }

.footer-contact .contact-list .contact-item a { color: #5A5252; text-decoration: none; }

.footer-contact .contact-list .contact-item a:hover { text-decoration: none; color: #F8504A; }

.footer-contact .contact-list .icon { width: 1.5rem; height: 1.5rem; margin-right: 8px; }

.footer-contact .contact-list .icon img { width: 100%; height: 100%; object-fit: contain; }

.footer-bottom { padding-top: 1rem; margin-top: 2.5rem; border-top: 1px solid #E6E6E6; color: #5A5252; }

.footer-bottom .prvcyplcy { text-align: right; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.footer-bottom .prvcyplcy a { color: #5A5252; }

.footer-bottom .prvcyplcy a + a { padding-left: 1rem; }

@media (max-width: 1181px) { .cta-block { padding-left: 2rem; padding-right: 2rem; } }

@media (max-width: 767px) { .cta-block { max-width: 100%; border-radius: 0 !important; padding-left: 16px; padding-right: 16px; }
  .cta-block .title { text-align: left; }
  .cta-block .title .pill { margin: 0 !important; margin-bottom: 16px !important; }
  .cta-block .cta-form form .col { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .footer { padding-bottom: 5rem; }
  .footer-socmed { margin-bottom: 1.5rem; }
  .footer-contact .col-md-5 { margin-bottom: 1.5rem; }
  .footer-bottom { text-align: left; }
  .footer-bottom .col-md-6:nth-child(1) { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .footer-bottom .col-md-6:nth-child(2) { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .footer-bottom .prvcyplcy { margin-bottom: 16px; width: 100%; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } }

/* Content */
.home-page { max-height: 100vh; overflow: hidden; }

.home-page::-webkit-scrollbar, .home-page::-webkit-scrollbar-track, .home-page::-webkit-scrollbar-thumb { display: none; }

.home-page.showFooter { max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; overflow: auto; }

@media (max-width: 767px) { .home-page.showFooter .footer { margin-top: 0; } }

@media (max-width: 991px) { .home-page { max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; overflow: auto; } }

.home { width: 100%; height: 100vh; overflow: hidden; }

.home section { border-radius: 1.5rem; transition: all .3s ease-in-out; }

.home section:not(.home-masthead):not(.home-cta) { padding: 12.428977272727vh 0 0; }

.home section:not(.home-masthead) { overflow: hidden; }

.home section:not(.home-masthead) .container, .home section:not(.home-masthead) .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-deliver .slider-wrap .slider-deliver .home section:not(.home-masthead) .owl-nav, .home section:not(.home-masthead) .for-brands .fb-hear .owl-nav, .for-brands .fb-hear .home section:not(.home-masthead) .owl-nav, .home section:not(.home-masthead) .for-stores .fs-hearfrom .hearfrom-slider .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .home section:not(.home-masthead) .owl-nav { position: relative; -webkit-transform: translateY(50px); transform: translateY(50px); transition: all .5s ease-in-out; opacity: 0; }

.home section.active .container, .home section.active .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-deliver .slider-wrap .slider-deliver .home section.active .owl-nav, .home section.active .for-brands .fb-hear .owl-nav, .for-brands .fb-hear .home section.active .owl-nav, .home section.active .for-stores .fs-hearfrom .hearfrom-slider .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .home section.active .owl-nav { transition-delay: 1s; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.home section .btn { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }

.home .btn-wrap .btn-link { color: #F8504A; padding: 0; }

.home .btn-wrap .btn-link .ic { background: url(../images/ic-btn-go.svg) no-repeat center; background-size: contain; }

.home-intro .intro-graph img, .home-intro .intro-graph-mobile img { width: 100%; height: auto; object-fit: contain; }

.home-intro .intro-graph-mobile { display: none; }

.home-masthead { position: relative; }

.home-masthead .container, .home-masthead .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-deliver .slider-wrap .slider-deliver .home-masthead .owl-nav, .home-masthead .for-brands .fb-hear .owl-nav, .for-brands .fb-hear .home-masthead .owl-nav, .home-masthead .for-stores .fs-hearfrom .hearfrom-slider .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .home-masthead .owl-nav { position: absolute; left: 0; right: 0; bottom: 7.75rem; margin: 0 auto; }

.home-masthead .masthead-img { width: 100%; height: 100vh; }

.home-masthead .masthead-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.home-masthead .masthead-title .title { margin-bottom: 0; }

.home-masthead .masthead-title .title h1 { font-size: 3.5rem; line-height: 4rem; color: #FFF; margin-bottom: 1rem; }

.home-masthead .masthead-title .desc { color: #fff; margin-bottom: 2.5rem; }

.home-statistic { background: #F5F0F0; }

.home-statistic .desc { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

.home-statistic .statistic-bar { margin-bottom: 5rem; }

.home-statistic .statistic-bar .col:first-child { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }

.home-statistic .statistic-bar .col:last-child { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }

.home-statistic .statistic-bar strong { color: #231F20; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; }

.home-statistic .bar { display: block; width: 100%; padding: 1.375rem 1rem; margin-bottom: 1rem; }

.home-statistic .bar span { display: block; font-size: 2.5rem; line-height: 2.5rem; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; }

.home-statistic .bar.red { border-radius: 12px 0px 0px 12px; background: #F8504A; color: #FFFFFF; }

.home-statistic .bar.white { color: #F8504A; background: #FFFFFF; border-radius: 0 12px 12px 0; }

.home-value { background: #FFE9E9; }

.home-value-img { border-radius: 12px; overflow: hidden; width: 100%; padding: 26.25rem 0 0; position: relative; }

.home-value-img img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; }

.home-value hr { width: 100%; height: 4px; background: #f8504a; margin-top: 1rem; margin-bottom: 2.5rem; border-radius: 4px; transition: all .3s ease-in-out; }

.home-value hr.active { position: relative; overflow: hidden; }

.home-value hr.active:before { content: ""; width: 100%; height: 2px; position: absolute; top: 0; left: -100%; background: #F8504A; transition: all .3s ease-in-out; -webkit-animation: hrloading 5.8s linear infinite; animation: hrloading 5.8s linear infinite; }

.home-value .tab-value { max-width: 25.8125rem; list-style: none; counter-reset: tab-counter; }

.home-value .tab-value li a { counter-increment: tab-counter; position: relative; }

.home-value .tab-value li a::before { content: counter(tab-counter, decimal-leading-zero); font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; position: absolute; top: 0.75rem; left: 1rem; }

.home-value .tab-value li:not(:last-child) { margin-bottom: 0.75rem; }

.home-value .tab-value .nav-link { display: block; padding: 0.75rem; padding-left: 2.5rem; color: #F8504A; text-decoration: none; border-radius: 50px; border: 1px solid transparent; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; }

.home-value .tab-value .nav-link:before { color: #F8504A; }

.home-value .tab-value .nav-link.active { color: #FFFFFF; background: #F8504A; box-shadow: 0px 8px 20px rgba(35, 31, 32, 0.1); border-color: #F8504A; }

.home-value .tab-value .nav-link.active:before { color: #FFFFFF; }

.home-value .tab-content h2 { color: #F8504A; margin-bottom: 1.5rem; }

.home-network { background-color: #FAFAFA; background-repeat: no-repeat; background-size: auto 100%; background-position: 5vw center; }

.home-network .network-thumb { margin-bottom: 2.5rem; }

.home-network .network-thumb img { border-radius: 12px; display: block; width: 100%; height: auto; object-fit: cover; }

@media (min-width: 1601px) { .home-network .network-thumb img { max-height: 17.5rem; } }

.home-network .btn-wrap { margin-bottom: 1.5rem; }

.home-network .btn-wrap .btn { display: inline-block; text-align: center; min-width: 7.5rem; }

.home-network .btn-wrap .btn:hover { cursor: pointer; }

.home-network .btn-wrap .btn + .btn { margin-left: 1rem; }

.home-network .btn-wrap .btn:hover, .home-network .btn-wrap .btn.active { background: #231F20; color: #FFFFFF; }

.home-network .btn-wrap .btn:hover:hover, .home-network .btn-wrap .btn.active:hover { color: #FFF; }

.home-network .location .location-item { display: none; }

.home-network .location .location-item.active { display: block; }

.home-network .location h5 { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin-bottom: 1.25rem; position: relative; padding-right: 1.875rem; }

.home-network .location h5 .flag { position: absolute; top: -3px; right: 0; width: 1.3125rem; height: 1rem; }

.home-network .location h5 .flag img { width: 100%; height: 100%; object-fit: contain; }

.home-network .location address { max-width: 26.5rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.home-network .location address .icon { width: 1.5rem; height: 1.5rem; max-width: 1.5rem; -webkit-flex: 0 0 1.5rem; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem; }

.home-network .location address p { felx: 0 0 calc(100% - 24px); max-width: calc(100% - 24px); color: #5A5252; padding-left: 0.5rem; }

.home-network .show-sm { display: none; }

@media (max-width: 767px) { .home-network .show-sm { display: block; } }

.home-wehelp .wehelp-thumb { border-radius: 12px; width: 100%; padding: 14rem 0; position: relative; }

.home-wehelp .wehelp-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 12px; }

.home-wehelp .wehelp-text { padding: 1.5rem; border-radius: 24px; }

.home-wehelp .wehelp-text > .row { margin-top: 2.5rem; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.home-wehelp .wehelp-text h2 { margin-bottom: 0.5rem; }

.home-wehelp .wehelp-text.red { background: #F8504A; color: #FFFFFF; margin-top: 1.5rem; }

.home-wehelp .wehelp-text.red h2 { color: #FFFFFF; }

.home-wehelp .wehelp-text.red .btn-secondary { background: #FFFFFF; color: #F8504A; }

.home-wehelp .wehelp-text.red .btn-secondary .ic { background-image: url(../images/ic-btn-go.svg); }

.home-wehelp .wehelp-text.pale { background: #FFE9E9; margin-bottom: 1.5rem; color: #F8504A; }

.home-wehelp .wehelp-text.pale .pill { background: #FFE9E9; }

.home-wehelp .wehelp-text.pale h2 { color: #F8504A; }

@media (min-width: 1500px) { .home-wehelp .wehelp-thumb { padding: 10.9375rem 0; } }

.home-partners { background: #FFE9E9; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.home-partners .title .pill { background: #FFE9E9; }

.home-partners .title h2 { color: #F8504A; }

.home-partners .brands-wrap + .brands-wrap { margin-top: 1.5rem; }

.home-partners .brands-wrap .col-md-2 { margin-bottom: 2.5rem; }

.home-partners .brands-wrap .col-md-2:nth-child(5n) { margin-right: 16.666667%; }

@media (max-width: 991px) { .home-partners .brands-wrap .col-md-2:nth-child(5n) { margin-right: 0; } }

.home-partners .btn-wrap { margin-top: 5rem; }

.home-partners .btn-wrap .btn-link .ic { background-image: url(../images/ic-btn-go.svg); }

.home-cta { padding: 0; }

.home-cta .title .pill { background: #F8504A; border-color: #FFFFFF; color: #FFFFFF; margin: 0 auto 1rem; }

.home-cta .cta-block { min-height: calc(100% - 32px); margin-top: 1rem; padding-top: 7.5rem; padding-bottom: 7.5rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.home-cta iframe { overflow-y: auto; }

@media (max-width: 767px) { .home-cta .cta-block { margin-top: 0; } }

@media screen and (max-height: 800px) and (min-height: 650px) { .home section:not(.home-masthead):not(.home-cta) { padding: 3.75rem 0 0; }
  .home h2 { font-size: 2rem; }
  .home .title { margin-bottom: 1.75rem; }
  .home .home-intro .intro-graph img { max-height: 21.875rem; }
  .home .home-value-img { padding: 20rem 0 0; }
  .home .home-network .network-thumb { margin-bottom: 2rem; }
  .home .home-network .network-thumb img { max-height: 12.5rem; }
  .home .home-wehelp .wehelp-thumb { padding: 8.75rem 0; } }

@media (max-width: 1400px) and (min-width: 1200px) { .home section:not(.home-masthead):not(.home-cta) { padding: 2.5rem 0 0; }
  .home h2 { font-size: 1.75rem; }
  .home .title { margin-bottom: 1.5rem; }
  .home .home-intro .intro-graph img { max-height: 20rem; }
  .home .home-statistic .statistic-bar { margin-bottom: 2.5rem; }
  .home .home-statistic .bar { padding: 1rem; }
  .home .home-statistic .bar span { font-size: 2rem; line-height: 1.2em; }
  .home .home-value-img { padding: 17.5rem 0 0; }
  .home .home-network { padding: 12.152777777778vh 0 0; }
  .home .home-network .network-thumb { margin-bottom: 1.5rem; }
  .home .home-network .network-thumb img { max-height: 12.5rem; }
  .home .home-wehelp .wehelp-thumb { padding: 8.75rem 0; }
  .home .home-cta .cta-block { padding-bottom: 5rem; }
  .home .home-cta .cta-block .col-lg-6 { -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } }

@media (max-width: 991px) { .home { height: auto; overflow: auto; }
  .home section:not(.home-masthead) { overflow: auto; padding: 2.5rem 0 !important; }
  .home section:not(.home-masthead) .container, .home section:not(.home-masthead) .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-deliver .slider-wrap .slider-deliver .home section:not(.home-masthead) .owl-nav, .home section:not(.home-masthead) .for-brands .fb-hear .owl-nav, .for-brands .fb-hear .home section:not(.home-masthead) .owl-nav, .home section:not(.home-masthead) .for-stores .fs-hearfrom .hearfrom-slider .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .home section:not(.home-masthead) .owl-nav { position: relative; -webkit-transform: translateY(0); transform: translateY(0); transition: all .5s ease-in-out; opacity: 1; } }

@media (max-width: 767px) { .home section { border-radius: 0 !important; }
  .home .home-masthead .masthead-title .title h1 { font-size: 40px; line-height: 48px; }
  .home .home-intro .intro-graph { display: none; }
  .home .home-intro .intro-graph-mobile { display: block; }
  .home .home-statistic .row { margin-left: -4px; margin-right: -4px; }
  .home .home-statistic .row .col { padding-left: 4px; padding-right: 4px; }
  .home .home-statistic .desc { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .home .home-statistic .statistic-bar { margin-bottom: 32px; }
  .home .home-statistic .statistic-bar .bar { padding: 8px; }
  .home .home-statistic .statistic-bar span { font-size: 24px; line-height: 32px; }
  .home .home-statistic .statistic-bar strong { font-size: 12px; line-height: 16px; font-weight: 400; }
  .home .home-statistic .btn-link { display: block; position: relative; }
  .home .home-statistic .btn-link .ic { position: absolute; top: 0; left: 0; }
  .home .home-statistic .btn-link span { display: block; padding-left: 32px; }
  .home .home-value { background: #FFE9E9; }
  .home .home-value .col-md-5 { margin-bottom: 2rem; }
  .home .home-value .col-md-4 { display: none; }
  .home .home-value .tab-value { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow-x: auto; }
  .home .home-value .tab-value .nav-item { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin-bottom: 0; margin-right: 16px; }
  .home .home-network { background-image: none !important; background: #FAFAFA; }
  .home .home-network .network-thumb { display: none; }
  .home .home-wehelp .col-md-6:not(:last-child) { margin-bottom: 16px; }
  .home .home-wehelp .wehelp-thumb { display: none; }
  .home .home-wehelp .wehelp-text .col-md-8 { margin-bottom: 16px; }
  .home .home-wehelp .wehelp-text.red { margin-top: 0; }
  .home .home-wehelp .btn { display: block; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }
  .home .home-partners { display: block; }
  .home .home-partners .col-md-2 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .home .home-partners .btn-wrap { margin-top: 30px; }
  .home .home-partners .btn-link { display: block; position: relative; padding: 0; }
  .home .home-partners .btn-link .ic { position: absolute; top: 0; left: 0; }
  .home .home-partners .btn-link span { display: block; padding-left: 32px; } }

.total-hub, .total-provinces { padding: 0.5rem 0.75rem 0.25rem; background: #FFF; border-radius: 6px; border: 1px solid #e6e6e6; position: absolute; top: calc(50%); left: 5.75rem; }

@media (max-width: 767px) { .total-hub, .total-provinces { display: none; } }

.total-provinces { top: calc(50% + 3.25rem); }

.modalMaps .modal-dialog { margin: 0; }

.modalMaps .modal-dialog .modal-header { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; border-bottom: 0; }

.modalMaps .modal-dialog .modal-content { height: 100vh; }

.onepage-pagination { right: auto; left: 2rem; display: none; }

.onepage-pagination li { position: relative; }

.onepage-pagination li:first-child { display: none; }

.onepage-pagination li a:before { background: #231F20; z-index: 3; }

.onepage-pagination li a:hover { text-decoration: none; }

.onepage-pagination li a.active:before { width: 4px; height: 4px; border: 0; background: #FFF; }

.onepage-pagination li a.active span { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); }

.onepage-pagination li a span { position: absolute; top: 1px; left: 2px; font-size: 10px; line-height: 10px; padding: 3px 8px 2px; padding-left: 16px; background: #231F20; color: #fff; text-transform: uppercase; border-radius: 50px; display: block; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; white-space: nowrap; transition: all .5s ease-in-out; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50px); transform: translateX(-50px); }

@media (max-width: 767px) { .onepage-pagination { top: inherit; left: 0; right: 0; bottom: 16px; margin: 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .onepage-pagination li a { position: relative; } }

main:has(.about) { padding-top: 0; }

.about-masthead { position: relative; min-height: 66.667vw; }

.about-masthead:after { content: ""; width: 27.778vw; height: 27.778vw; background: #FFE9E9; border-radius: 12px 0px 0px 12px; position: absolute; right: 0; bottom: 2.5rem; z-index: 0; }

.about-masthead .box-img { position: absolute; top: 0; left: 0; width: 44.444vw; height: 66.667vw; max-height: 66.667vw; border-radius: 0px 0px 12px 0px; overflow: hidden; }

.about-masthead .box-img .img { width: 100%; height: 100%; }

.about-masthead .box-img .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.about-masthead .box-img .tagline { position: absolute; left: 1.5rem; bottom: 1.5rem; padding: 1.5rem 2rem; background: #FFE9E9; color: #F8504A; border-radius: 12px; width: 100%; max-width: calc(100% - 48px); text-align: center; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.about-masthead .box-img .tagline-item { display: block; vertical-align: middle; }

.about-masthead .box-img .tagline-item span { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; display: inline-block; vertical-align: middle; }

.about-masthead .box-img .tagline-item .ic { margin: 0 0.375rem; display: inline-block; vertical-align: middle; }

.about-masthead .box-img .tagline-item .ic img { height: 1.75rem; display: block; }

.about-masthead .container, .about-masthead .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-deliver .slider-wrap .slider-deliver .about-masthead .owl-nav, .about-masthead .for-brands .fb-hear .owl-nav, .for-brands .fb-hear .about-masthead .owl-nav, .about-masthead .for-stores .fs-hearfrom .hearfrom-slider .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .about-masthead .owl-nav { padding-top: 11rem; position: relative; z-index: 3; }

.about-masthead .desc { font-size: 1.25rem; line-height: 2rem; }

.about-stats { padding: 7.5rem 0; }

.about-stats .stats-card { padding: 1.5rem; border-radius: 12px; background: #F8504A; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; color: #FFFFFF; min-height: 20rem; position: relative; }

.about-stats .stats-card .icon { width: 3.5rem; height: 3.5rem; border-radius: 50px; position: absolute; top: 1.5rem; right: 1.5rem; }

.about-stats .stats-card .icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.about-stats .stats-card .numbers .num { font-size: 4rem; line-height: 4rem; display: block; margin-bottom: 0.5rem; font-weight: 700; }

.about-stats .stats-card .numbers .cate { font-size: 1.25rem; line-height: 2rem; }

.about-stats .notes-expand { padding-top: 1.5rem; text-align: right; color: #F8504A; font-weight: 700; }

.about-video .video-box { position: relative; }

.about-video .video-thumb { width: 100%; padding: 22.24% 0; position: relative; }

.about-video .video-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.about-video .video-title { position: absolute; left: 0; right: 0; bottom: 4rem; color: #FFFFFF; }

.about-video .video-title .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.about-video .video-title .duration { font-size: 1.25rem; line-height: 2rem; margin-bottom: 0.25rem; }

.about-video .video-title .name { font-size: 2.5rem; line-height: 3rem; font-weight: 800; color: #FFFFFF; }

.about-video .video-title .btn-play { padding: 0; font-size: 0; border: 0; line-height: 0; display: block; width: 5rem; height: 5rem; max-width: 5rem; margin: 0 auto; border-radius: 50px; background: url(../images/bg-btn-play.png) no-repeat center; background-size: contain; transition: all .3s ease-in-out; }

.about-video .video-title .btn-play:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); }

.about-mission { padding: 7.5rem 0; background: #F5F0F0; }

.about-mission .serving-item { list-style: none; }

.about-mission .serving-item li { padding: 0 1.5rem; padding-bottom: 2rem; border-left: 2px solid #F8504A; }

.about-mission .serving-item li:not(:last-child) { margin-bottom: 1.5rem; }

.about-mission .serving-item li b { font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 2rem; color: #231F20; }

.about-journey { padding: 7.5rem 0; }

.about-journey .journey-item .col-3 { position: relative; }

.about-journey .journey-item .col-3:before { content: ""; width: 8px; height: 8px; background: #F8504A; border-radius: 50px; position: absolute; top: calc(50% - 8px); right: 0; z-index: 2; }

.about-journey .journey-item:not(:last-child) { margin-bottom: 2.5rem; }

.about-journey .journey-item:not(:last-child) .col-3:after { content: ""; width: 1px; height: calc(100% * 2); background: #FFE9E9; position: absolute; top: 50%; right: 3px; }

.about-journey .journey-item:nth-last-of-type(2) .col-3:after { background: transparent; border-left: 1px dashed #FFE9E9; height: calc(80% * 2); }

.about-journey .journey-item .label { position: relative; padding: 0.5625rem 1.5rem; background: #F5F0F0; border: 1px solid #E6E6E6; border-radius: 50px; max-width: 12.5rem; }

.about-journey .journey-item .label .icon { width: 2.5rem; height: 2.5rem; border-radius: 50px; position: absolute; top: 0; right: 0; box-shadow: 0px 4px 10px rgba(35, 31, 32, 0.15); }

.about-journey .journey-item .label .icon img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.about-journey .journey-item .text { padding-left: 1.25rem; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 2rem; color: #231F20; }

@media (max-width: 1921px) and (min-width: 1601px) { .about-masthead { min-height: 60rem; }
  .about-masthead:after { width: 25rem; height: 25rem; }
  .about-masthead .box-img { max-height: 60rem; } }

@media (max-width: 1181px) and (min-width: 769px) { .about-masthead .box-img { height: 100%; max-height: 100%; }
  .about-masthead .box-img .tagline { display: block; padding: 1rem; }
  .about-masthead .box-img .tagline-item:not(:last-child) { margin-bottom: 1rem; }
  .about-masthead .col-md-6 .row.justify-content-end .col-lg-10 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .about-journey > .container > .row > .col-lg-10, .for-brands .fb-deliver .slider-wrap .slider-deliver .about-journey > .owl-nav > .row > .col-lg-10, .for-brands .fb-hear .about-journey > .owl-nav > .row > .col-lg-10, .for-stores .fs-hearfrom .hearfrom-slider .about-journey > .owl-nav > .row > .col-lg-10 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media (max-width: 991px) { .about section:not(.contact-map):not(.about-masthead):not(.about-video) { padding: 5rem 0; }
  .about-masthead { height: auto; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; }
  .about-masthead .box-img { position: relative; width: 100%; max-width: 100%; height: 70vh; max-height: 70vh; }
  .about-masthead .container, .about-masthead .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-deliver .slider-wrap .slider-deliver .about-masthead .owl-nav, .about-masthead .for-brands .fb-hear .owl-nav, .for-brands .fb-hear .about-masthead .owl-nav, .about-masthead .for-stores .fs-hearfrom .hearfrom-slider .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .about-masthead .owl-nav { padding-top: 5rem; }
  .about-masthead .container > .row.justify-content-end > .col-md-6, .about-masthead .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav > .row.justify-content-end > .col-md-6, .for-brands .fb-deliver .slider-wrap .slider-deliver .about-masthead .owl-nav > .row.justify-content-end > .col-md-6, .about-masthead .for-brands .fb-hear .owl-nav > .row.justify-content-end > .col-md-6, .for-brands .fb-hear .about-masthead .owl-nav > .row.justify-content-end > .col-md-6, .about-masthead .for-stores .fs-hearfrom .hearfrom-slider .owl-nav > .row.justify-content-end > .col-md-6, .for-stores .fs-hearfrom .hearfrom-slider .about-masthead .owl-nav > .row.justify-content-end > .col-md-6 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .about-stats .stats-card { min-height: 15rem; }
  .about-stats .stats-card .numbers .num { font-size: 2rem; line-height: 1.2em; }
  .about-video { padding-bottom: 0 !important; }
  .about-video .video-title { bottom: 2rem; }
  .about-video .video-title .name { font-size: 1.5rem; line-height: 1.2em; }
  .about-video .video-title .btn-play { position: absolute; right: 0; top: 100%; margin-top: -8px; }
  .about-mission { padding-top: 5rem !important; }
  .about-mission .serving-item li b { font-size: 1.25rem; line-height: 1.2em; }
  .about-journey { padding-top: 5rem !important; }
  .about-journey .journey-item .col-3 { -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .about-journey .journey-item .col-9 { -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } }

@media (max-width: 767px) { .about-masthead { height: auto; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; }
  .about-masthead .box-img { position: relative; width: 100%; max-width: 100%; height: 70vh; max-height: 70vh; }
  .about-masthead .box-img .tagline { padding: 0.5rem; display: block; }
  .about-masthead .box-img .tagline-item:not(:last-child) { margin-bottom: 1rem; }
  .about-masthead .container, .about-masthead .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav, .for-brands .fb-deliver .slider-wrap .slider-deliver .about-masthead .owl-nav, .about-masthead .for-brands .fb-hear .owl-nav, .for-brands .fb-hear .about-masthead .owl-nav, .about-masthead .for-stores .fs-hearfrom .hearfrom-slider .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .about-masthead .owl-nav { padding-top: 2.5rem; }
  .about-stats .container .row > .col-md-4:not(:last-child), .about-stats .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .row > .col-md-4:not(:last-child), .for-brands .fb-deliver .slider-wrap .slider-deliver .about-stats .owl-nav .row > .col-md-4:not(:last-child), .about-stats .for-brands .fb-hear .owl-nav .row > .col-md-4:not(:last-child), .for-brands .fb-hear .about-stats .owl-nav .row > .col-md-4:not(:last-child), .about-stats .for-stores .fs-hearfrom .hearfrom-slider .owl-nav .row > .col-md-4:not(:last-child), .for-stores .fs-hearfrom .hearfrom-slider .about-stats .owl-nav .row > .col-md-4:not(:last-child) { margin-bottom: 1.5rem; }
  .about-video .video-thumb { padding: 50% 0; }
  .about-mission .desc { margin-bottom: 2rem; }
  .about-mission .serving-item li { padding: 1rem; padding-top: 0; }
  .about-journey .journey-wrap { padding-left: 2rem; }
  .about-journey .journey-wrap .journey-item .col-3, .about-journey .journey-wrap .journey-item .col-9 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .about-journey .journey-wrap .journey-item .col-3 { margin-bottom: 0.75rem; }
  .about-journey .journey-wrap .journey-item .col-3:before, .about-journey .journey-wrap .journey-item .col-3:after { right: auto; }
  .about-journey .journey-wrap .journey-item .col-3:before { left: -19px; }
  .about-journey .journey-wrap .journey-item .col-3:after { left: -16px; }
  .about-journey .journey-wrap .journey-item:not(:last-child) .col-9 { position: relative; }
  .about-journey .journey-wrap .journey-item:not(:last-child) .col-9:after { content: ""; width: 1px; height: calc(100% * 2.3); background: #FFE9E9; position: absolute; top: calc(50% - 8px); left: -16px; }
  .about-journey .journey-wrap .journey-item .label { padding-left: 2rem; }
  .about-journey .journey-wrap .journey-item .label .icon { right: auto; left: -14px; }
  .about-journey .journey-wrap .journey-item .text { padding-left: 0; font-size: 1.125rem; line-height: 1.2em; } }

.blog:not(.blog-detail) { margin-bottom: 7.5rem; }

.blog-list_top { padding-bottom: 5rem; }

.blog-list_top .title .pill-primary { margin-bottom: 1rem; }

.blog-list_top .title h1 { max-width: 31rem; margin-bottom: 1.5rem; color: #ED3045; }

.blog-categorize { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.blog-categorize .pill:not(:last-child) { margin-right: 1rem; }

.blog-item { padding-bottom: 2.5rem; }

.blog-item:not(:last-child) { margin-bottom: 2.5rem; border-bottom: 1px solid #E6E6E6; }

.blog-item_thumbnail a { display: block; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }

.blog-item_thumbnail img { width: 100%; height: auto; max-height: 16.3125rem; border-radius: 12px; }

.blog-item_text { padding-left: 2.5rem; padding-right: 6.5rem; position: relative; }

.blog-item_text .meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }

.blog-item_text .meta span:not(:last-child) { margin-right: 1rem; }

.blog-item_text .meta .date { font-size: 0.75rem; line-height: 1rem; color: #5A5252; }

.blog-item_text .btn-go { position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; transition: all .3s ease-in-out; }

.blog-item_text .btn-go img { width: 100%; height: 100%; object-fit: contain; }

.blog-item_text .btn-go:hover { opacity: .8; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.blog-item_title { margin-bottom: 1rem; padding-right: 2.625rem; }

.blog-item_title h2 { margin-bottom: 0; }

.blog-item_title h2 a { text-decoration: none; }

.blog-item_title h2 a:hover { text-decoration: none; }

.blog-item_misc { color: #5A5252; margin-bottom: 1.5rem; }

.blog-item_company { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.blog-item_logocompany img { width: auto; height: 2.5rem; object-fit: contain; }

.blog-item_companyname .h5 { margin-bottom: 0; }

@media (max-width: 767px) { .blog-list_top { padding-bottom: 2rem; }
  .blog-list_top .title h1 br { display: block; }
  .blog-item_tumbnail { margin-bottom: 1.5rem; }
  .blog-item_text { padding-left: 0; padding-right: 0; }
  .blog-item_logocompany img { height: 3rem; } }

.blog-detail { padding-top: 0 !important; }

.blog-detail .masthead { margin-bottom: 5rem; }

.blog-detail .masthead img { width: 100%; height: auto; max-height: 44.444vw; object-fit: cover; }

.blog-detail_content { padding-bottom: 7.5rem; position: relative; }

.blog-detail_content .content-heading { padding-bottom: 2.5rem; border-bottom: 1px solid #E6E6E6; margin-bottom: 2.5rem; }

.blog-detail_content .content-breadcrumbs { margin-bottom: 1.5rem; }

.blog-detail_content .content-breadcrumbs > a + a, .blog-detail_content .content-breadcrumbs > a + span, .blog-detail_content .content-breadcrumbs > span + span { position: relative; }

.blog-detail_content .content-breadcrumbs > a + a:before, .blog-detail_content .content-breadcrumbs > a + span:before, .blog-detail_content .content-breadcrumbs > span + span:before { content: "/"; padding: 0 4px; color: #231F20; }

.blog-detail_content .content-breadcrumbs a { color: #231F20; }

.blog-detail_content .content-breadcrumbs a:hover { color: #F8504A; text-decoration: none; }

.blog-detail_content .content-breadcrumbs span { color: #918F90; }

.blog-detail_content .content-breadcrumbs .pill { font-size: 1rem; line-height: 1.5em; color: #231F20; background: transparent; border: none; pointer-events: inherit; display: inline-block; padding: 0; font-family: "Avenir LT Std", sans-serif; font-weight: 400; }

.blog-detail_content .content-breadcrumbs .pill:hover { color: #F8504A; text-decoration: none; }

.blog-detail_content .title-post { margin-bottom: 1.5rem; }

.blog-detail_content .title-post h1 { color: #ED3045; margin-bottom: 0; }

.blog-detail_content .meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.blog-detail_content .meta-item:not(:last-child) { margin-right: 5rem; }

.blog-detail_content .meta-item label { color: #918F90; display: block; font-family: "Avenir LT Std", sans-serif; font-weight: 400; margin-bottom: 0.5rem; }

@media (max-width: 767px) { .blog-detail .masthead { margin-bottom: 1.25rem; }
  .blog-detail .masthead img { display: block; height: 50vh; max-height: 70vh; }
  .blog-detail_content, .blog-detail .related-insight { padding: 2.5rem 0; } }

.related-insight { padding: 7.5rem 0; }

.related-card { border: 1px solid #FFAC92; border-radius: 12px; height: 100%; overflow: hidden; background: #FFFFFF; }

.related-card .thumbnail { width: 100%; }

.related-card .thumbnail a { display: block; width: 100%; }

.related-card .thumbnail img { display: block; width: 100%; height: auto; max-height: 18.056vw; border-radius: 12px 12px 0 0; }

.related-card .box-text { padding: 1.5rem; }

.related-card .meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }

.related-card .meta span + span { margin-left: 0.5rem; }

.related-card .meta span { font-size: 0.75rem; line-height: 1rem; }

.related-card .post-title { margin-bottom: 0.5rem; }

.related-card .post-title h3 { margin-bottom: 0; }

.related-card .post-title h3 a { text-decoration: none; }

.related-card .post-title h3 a:hover { text-decoration: none; color: #F8504A; }

.related-card .misc { width: 100%; max-width: 21.5rem; }

.related-card .misc p { color: #5A5252; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; }

.for-brands { position: relative; }

.for-brands:before { content: ""; width: 100%; height: 100%; max-height: 36.4375rem; background: #F5F0F0; position: absolute; top: 0; left: 0; }

.for-brands .fb-masthead > .container, .for-brands .fb-deliver .slider-wrap .slider-deliver .fb-masthead > .owl-nav, .for-brands .fb-hear .fb-masthead > .owl-nav, .for-brands .for-stores .fs-hearfrom .hearfrom-slider .fb-masthead > .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .for-brands .fb-masthead > .owl-nav { border-bottom: 1px solid #E6E6E6; }

.for-brands .fb-masthead article { padding: 3rem 0 7.5rem; }

.for-brands .fb-masthead .masthead-slider img { max-height: 20rem; border-radius: 12px; }

.for-brands .fb-platform { padding: 7.5rem 0; }

.for-brands .fb-platform .platforms-wrap > .row { margin-left: 0; margin-right: 0; }

.for-brands .fb-platform .platforms-wrap .col-md-4 { padding-left: 1.5rem; padding-right: 1.5rem; border-left: 1px solid #E6E6E6; }

.for-brands .fb-platform .platforms-wrap .col-md-4 .platform-card { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; }

.for-brands .fb-platform .platforms-wrap .col-md-4 .platform-card .thumbnail { margin-top: auto; border-radius: 12px; overflow: hidden; }

.for-brands .fb-platform .platforms-wrap .col-md-4 .platform-card .thumbnail img { border-radius: 12px; width: 100%; }

.for-brands .fb-platform .platforms-wrap .col-md-4 .platform-card .text { margin-bottom: 2.5rem; }

.for-brands .fb-deliver { padding: 7.5rem 0; background: #F5F0F0; width: 100vw; overflow: hidden; }

.for-brands .fb-deliver .col-md-4 { border-right: 1px solid #F8504A; }

.for-brands .fb-deliver .slider-wrap { position: relative; padding-left: 0.625rem; }

.for-brands .fb-deliver .slider-wrap .slider-deliver { width: 63vw; height: 100%; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .owl-stage-outer { width: 100%; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .item .thumb { border-radius: 12px; margin-bottom: 1.5rem; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .item .thumb img { border-radius: 12px; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .item .name { padding-left: 2rem; position: relative; font-weight: 700; color: #231F20; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .item .name:before { content: ""; width: 1.5rem; height: 1px; background: #F8504A; position: absolute; top: calc(50% - 1px); left: 0; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: calc(50% - 40px); left: 0; margin: 0 auto; padding: 0 2rem; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-prev, .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-next { width: 2.5rem; height: 2.5rem; background-color: #FFF; border-radius: 50px; border: 1px solid #F8504A; background-image: url(../images/arror-red-left.svg); background-repeat: no-repeat; background-size: 1.5rem; background-position: center; transition: all .3s ease-in-out; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-prev:hover, .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-next:hover { opacity: .8; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-prev.disabled, .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-next.disabled { opacity: 0; visibility: hidden; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-prev { opacity: 0; visibility: hidden; }

.for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-next { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); margin-right: 6.25rem; }

.for-brands .fb-casestudies { padding: 7.5rem 0; }

.for-brands .fb-casestudies .title { position: relative; }

.for-brands .fb-casestudies .title h2 { padding-right: 16.125rem; }

.for-brands .fb-casestudies .title .btn { position: absolute; top: 0; right: 0; background: #F8504A; color: #FFFFFF; }

.for-brands .fb-casestudies .title .btn:hover { color: #FFFFFF; }

.for-brands .fb-hear { padding: 7.5rem 0; background: #FFE9E9; }

.for-brands .fb-hear .hear-item { border: 1px solid #F26B6B; border-radius: 12px; background: #fff; max-width: 24.5rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.for-brands .fb-hear .hear-item_head { padding: 1rem 1.5rem; position: relative; }

.for-brands .fb-hear .hear-item_head:after { content: ""; width: 8px; height: 8px; border-radius: 50px; position: absolute; top: 1.5rem; right: 1.5rem; background: #F8504A; }

.for-brands .fb-hear .hear-item_head .logo-brands { height: 3rem; }

.for-brands .fb-hear .hear-item_head .logo-brands img { width: auto; height: 100%; object-fit: contain; object-position: center; }

.for-brands .fb-hear .hear-item_testi { padding: 1.5rem; border-top: 1px solid rgba(35, 31, 32, 0.1); }

.for-brands .fb-hear .hear-item_writer { margin-top: auto; border-top: 1px solid rgba(35, 31, 32, 0.1); padding: 1.5rem; }

.for-brands .fb-hear .hear-item_writer .name { font-weight: 700; color: #231F20; }

.for-brands .fb-hear .hear-slider .owl-stage { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.for-brands .fb-hear .hear-slider .owl-item { height: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.for-brands .fb-hear .owl-nav { height: 2.5rem; position: absolute; top: -5rem; left: 0; right: 0; margin: 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.for-brands .fb-hear .owl-nav .owl-prev, .for-brands .fb-hear .owl-nav .owl-next { border-radius: 50px; box-shadow: 0px 8px 20px rgba(2, 45, 44, 0.15); }

.for-brands .fb-hear .owl-nav .owl-prev span, .for-brands .fb-hear .owl-nav .owl-next span { width: 2.5rem; height: 2.5rem; background: #FFF; border: 1px solid #F8504A; display: block; border-radius: 50px; }

.for-brands .fb-hear .owl-nav .owl-prev span { background-image: url(../images/arror-red-left.svg); background-position: center; background-repeat: no-repeat; background-size: 1.5rem; }

.for-brands .fb-hear .owl-nav .owl-next { margin-left: 1rem; }

.for-brands .fb-hear .owl-nav .owl-next span { background-image: url(../images/arror-red-left.svg); background-position: center; background-repeat: no-repeat; background-size: 1.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); position: relative; }

@media (max-width: 1181px) { .for-brands section:not(.title.title-page):not(.fb-masthead) { padding: 5rem 0; }
  .for-brands .fb-masthead article { padding: 3rem 0; } }

@media (max-width: 991px) { .for-brands .fb-deliver > .container > .row > .col-md-4, .for-brands .fb-deliver .slider-wrap .slider-deliver .fb-deliver > .owl-nav > .row > .col-md-4, .for-brands .fb-hear .fb-deliver > .owl-nav > .row > .col-md-4, .for-brands .for-stores .fs-hearfrom .hearfrom-slider .fb-deliver > .owl-nav > .row > .col-md-4, .for-stores .fs-hearfrom .hearfrom-slider .for-brands .fb-deliver > .owl-nav > .row > .col-md-4 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-right: 0; margin-bottom: 1.5rem; }
  .for-brands .fb-deliver > .container > .row > .col-md-8, .for-brands .fb-deliver .slider-wrap .slider-deliver .fb-deliver > .owl-nav > .row > .col-md-8, .for-brands .fb-hear .fb-deliver > .owl-nav > .row > .col-md-8, .for-brands .for-stores .fs-hearfrom .hearfrom-slider .fb-deliver > .owl-nav > .row > .col-md-8, .for-stores .fs-hearfrom .hearfrom-slider .for-brands .fb-deliver > .owl-nav > .row > .col-md-8 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .for-brands .fb-deliver .slider-wrap .slider-deliver { width: 100%; }
  .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav { padding: 0 1rem; }
  .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-next { margin-right: 0; }
  .for-brands .fb-deliver .slider-wrap .slider-deliver .owl-nav .owl-prev { opacity: 1; visibility: visible; } }

@media (max-width: 767px) { .for-brands { padding-top: 8rem; }
  .for-brands:before { max-height: 30rem; }
  .for-brands .fb-masthead .masthead-slider .item img { width: 100%; height: auto; }
  .for-brands .fb-platform .platforms-wrap > .row > .col-md-4 { padding-left: 0; padding-right: 0; padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-left: 0; border-bottom: 1px solid #E6E6E6; }
  .for-brands .fb-platform .platform-card .thumbnail { max-height: 264px; }
  .for-brands .fb-platform .platform-card .thumbnail img { width: 100%; max-height: 100%; max-height: 264px; object-fit: cover; object-position: center; }
  .for-brands .fb-hear .title { margin-bottom: 64px; }
  .for-brands .fb-hear .owl-nav { top: -48px; }
  .for-brands .fb-deliver .slider-wrap { padding-left: 0; }
  .for-brands .fb-deliver .slider-wrap .item { max-width: calc(100vw - 32px); } }

.for-stores .fs-masthead { position: relative; }

.for-stores .fs-masthead:before { content: ""; width: 100vw; max-width: 92.500vw; height: calc(100% - 12.014vw); background: #FFE9E9; border-radius: 0px 0px 24px 0px; position: absolute; bottom: 0; left: 0; }

.for-stores .fs-masthead article { padding: 3rem 0 7.5rem; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; color: #5A5252; }

.for-stores .fs-masthead .msthd-slider .item img { max-height: 20rem; border-radius: 12px; }

.for-stores .fs-providing { padding: 7.5rem 0; }

.for-stores .fs-providing .providing-card { padding-right: 5rem; position: relative; }

.for-stores .fs-providing .providing-card:not(:last-child) { margin-bottom: 1.25rem; }

.for-stores .fs-providing .providing-card:before { content: ""; width: 100%; height: calc(100% - 20px); background: #F5F0F0; border: 1px solid #E0D1D1; border-radius: 0px 6px 6px 0px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.for-stores .fs-providing .providing-card .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.for-stores .fs-providing .providing-card .thumbnail { width: 100%; height: auto; position: relative; border-radius: 12px; box-shadow: 0px 8px 20px rgba(35, 31, 32, 0.15); }

.for-stores .fs-providing .providing-card .thumbnail img { width: 100%; height: auto; max-height: 17.5rem; border-radius: 12px; }

.for-stores .fs-providing .providing-card .box-text { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 3.125rem; }

.for-stores .fs-providing .providing-card .box-text h3 { max-width: 18rem; }

.for-stores .fs-providing .providing-card .box-text p { max-width: 16rem; color: #5A5252; }

.for-stores .fs-hearfrom { background: #F5F0F0; padding: 7.5rem 0; }

.for-stores .fs-hearfrom .hearfrom-slider { position: relative; }

.for-stores .fs-hearfrom .hearfrom-slider .hearfrom-item { max-width: 37.5rem; text-align: center; }

.for-stores .fs-hearfrom .hearfrom-slider .hearfrom-item .thumbnail { max-width: 100%; margin-bottom: 1.5rem; border-radius: 12px; position: relative; opacity: .2; }

.for-stores .fs-hearfrom .hearfrom-slider .hearfrom-item .thumbnail img { width: 100%; height: 100%; border-radius: 12px; }

.for-stores .fs-hearfrom .hearfrom-slider .hearfrom-item .thumbnail:after { content: ""; width: 100%; height: 100%; border-radius: 12px; position: absolute; top: 0; left: 0; background: #D9D9D9; opacity: 0.2; transition: all .3s ease-in-ou; }

.for-stores .fs-hearfrom .hearfrom-slider .hearfrom-item .testi { opacity: 0; visibility: hidden; transition: all .3s ease-in-out; color: #231F20; }

.for-stores .fs-hearfrom .hearfrom-slider .hearfrom-item .testi .author .name { font-weight: 700; }

.for-stores .fs-hearfrom .hearfrom-slider .owl-item.center .thumbnail { opacity: 1; }

.for-stores .fs-hearfrom .hearfrom-slider .owl-item.center .thumbnail:after { opacity: 0; visibility: hidden; }

.for-stores .fs-hearfrom .hearfrom-slider .owl-item.center .hearfrom-item .testi { opacity: 1; visibility: visible; }

.for-stores .fs-hearfrom .hearfrom-slider .owl-nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 10.25rem; left: 0; right: 0; margin: 0 auto; }

.for-stores .fs-hearfrom .hearfrom-slider .owl-nav .owl-prev, .for-stores .fs-hearfrom .hearfrom-slider .owl-nav .owl-next { width: 2.5rem; height: 2.5rem; background-color: #FFF; border-radius: 50px; border: 1px solid #F8504A; background-image: url(../images/arror-red-left.svg); background-repeat: no-repeat; background-size: 1.5rem; background-position: center; transition: all .3s ease-in-out; }

.for-stores .fs-hearfrom .hearfrom-slider .owl-nav .owl-prev:hover, .for-stores .fs-hearfrom .hearfrom-slider .owl-nav .owl-next:hover { opacity: .8; }

.for-stores .fs-hearfrom .hearfrom-slider .owl-nav .owl-next { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

@media (max-width: 991px) { .for-stores section:not(.title.title-page):not(.fs-masthead) { padding: 5rem 0; } }

@media (max-width: 767px) { .for-stores { padding-top: 8rem; }
  .for-stores .fs-masthead:before { height: calc(100% - 40vw); max-width: 100%; border-radius: 0; }
  .for-stores .fs-masthead article { padding-bottom: 3.75rem; -webkit-columns: 1; -moz-columns: 1; columns: 1; }
  .for-stores .fs-providing .providing-card { padding-right: 0; padding: 16px; background: #F5F0F0; border-radius: 6px; border: 1px solid #E0D1D1; }
  .for-stores .fs-providing .providing-card:before { display: none; }
  .for-stores .fs-providing .providing-card .box-text { padding-left: 0; display: block; }
  .for-stores .fs-providing .providing-card .col-md-5 { margin-bottom: 16px; }
  .for-stores .fs-providing .providing-card .col-md-5 h3, .for-stores .fs-providing .providing-card .col-md-5 .desc { max-width: 100%; }
  .for-stores .fs-hearfrom .hearfrom-slider .hearfrom-item { max-width: calc(100vw - 32px); }
  .for-stores .fs-hearfrom .hearfrom-slider .owl-nav { top: 6.25rem; }
  .for-stores .fs-hearfrom .hearfrom-slider .owl-nav .owl-prev { margin-left: 1rem; }
  .for-stores .fs-hearfrom .hearfrom-slider .owl-nav .owl-next { margin-right: 1rem; } }

.contact > .container, .for-brands .fb-deliver .slider-wrap .slider-deliver .contact > .owl-nav, .for-brands .fb-hear .contact > .owl-nav, .for-stores .fs-hearfrom .hearfrom-slider .contact > .owl-nav { padding-bottom: 7.5rem; }

.contact .title { margin-bottom: 5rem; }

.contact .title .pill { margin-bottom: 1rem; }

.contact-form { max-width: 37.5rem; }

.contact-form ol { list-style: none; counter-reset: conform-counter; }

.contact-form ol li { counter-increment: conform-counter; position: relative; padding-left: 3.625rem; }

.contact-form ol li:before { content: "0" counter(conform-counter); position: absolute; top: 0.0625rem; left: 0; font-size: 0.875rem; line-height: 1.25rem; font-family: "Avenir LT Std Bold", sans-serif; font-weight: 700; padding: 0 0.75rem; border: 1px solid #ED3045; color: #ED3045; border-radius: 50px; }

.contact-form .notes { padding-left: 3.5625rem; font-size: 0.75rem; line-height: 1.125rem; color: #918F90; }

.contact-info > ul > li > b { color: #231F20; display: block; margin-bottom: 1rem; font-weight: 700; }

.contact-info .cif-box { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.contact-info .cif-box .icon { -webkit-flex: 0 0 1.5rem; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem; max-width: 1.5rem; margin-right: 0.5rem; }

.contact-info .cif-box .text { margin-bottom: 1.5rem; }

.contact-info .cif-box .text li:not(:last-child) { margin-bottom: 0.5rem; }

.contact-info .cif-box .text li a { text-decoration: none; color: #5A5252; }

.contact-info .cif-box .text li a:hover { color: #ED3045; }

.contact-info .socmed-box { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.contact-info .socmed-box a { transition: all .3s ease-in-out; }

.contact-info .socmed-box a img { max-height: 1.5rem; }

.contact-info .socmed-box a:not(:last-child) { margin-right: 1rem; }

.contact-info .socmed-box a:hover { -webkit-transform: translateY(-0.25rem); transform: translateY(-0.25rem); }

.contact-map { position: relative; width: 100%; min-height: 40rem; }

.contact-map .mapbox { width: 100%; height: 100%; }

.contact-map .mapbox img { width: 100%; height: 100%; max-height: 40rem; object-fit: cover; object-position: center; display: none; }

.contact-map .mapbox img.active { display: block; }

.contact-map .legend { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; margin: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.contact-map .legend h2 { margin-bottom: 1.5rem; }

.contact-map .legend .btn-box { display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.contact-map .legend .btn-box .btn { text-align: center; width: 11.5rem; max-width: 11.5rem; }

.contact-map .legend .btn-box .btn + .btn { margin-top: 1rem; }

.contact-map .legend .btn-box .btn.active { background: #231F20; color: #FFFFFF; }

.contact-map .legend .btn-box .btn.active:hover { color: #FFF; }

.contact-map .marker { position: absolute; bottom: 13.944vw; left: 52.708vw; }

.contact-map .marker .dots { width: 1.5rem; height: 1.5rem; border-radius: 50px; border: 1px solid #231F20; box-shadow: 0px 8px 20px rgba(2, 45, 44, 0.15); background: #FFF; position: absolute; top: 4.861vw; left: -2.778vw; }

.contact-map .marker .dots:after { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50px; background: #231F20; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.contact-map .marker .box-text { padding: 1.5rem; background: #FFF; border: 1px solid rgba(35, 31, 32, 0.1); box-shadow: 0px 8px 20px rgba(2, 45, 44, 0.15); border-radius: 12px 4px; max-width: 29.5rem; }

.contact-map .marker .box-text h4 { position: relative; padding-right: 2.5rem; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }

.contact-map .marker .box-text h4 .flag { width: 2rem; height: 1.5rem; position: absolute; top: 2px; right: 0; }

.contact-map .marker .box-text h4 .flag img { width: 100%; height: 100%; object-fit: contain; display: block; }

.contact-map .marker .box-text address { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.contact-map .marker .box-text address .icon { width: 1.5rem; height: 1.5rem; max-width: 1.5rem; -webkit-flex: 0 0 1.5rem; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem; }

.contact-map .marker .box-text address p { felx: 0 0 calc(100% - 24px); max-width: calc(100% - 24px); color: #5A5252; padding-left: 0.5rem; }

.contact-map .marker .box-text:not(.active) { display: none; }

@media (max-width: 1181px) { .contact-map { min-height: auto; }
  .contact-map .mapbox img { max-height: 100%; } }

@media (max-width: 767px) { .contact .title { margin-bottom: 2.5rem; }
  .contact-map { min-height: 60vh; }
  .contact-map .mapbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .contact-map .mapbox img { object-position: 55% center; }
  .contact-map .legend { top: 2rem; bottom: auto; text-align: center; }
  .contact-map .legend .btn-box { display: block; width: 100%; max-width: 100%; }
  .contact-map .legend .btn-box .btn { display: block; width: 100%; }
  .contact-map .marker { width: 80%; left: 0; right: 0; margin: 0 auto; bottom: 2rem; }
  .contact-map .marker .dots { top: -24px; left: 0; right: 0; margin: 0 auto; } }

main:has(.thankyou-page) { padding-top: 0; }

.thankyou-page { height: 100vh; overflow: hidden; position: relative; }

.thankyou-page .thank-wrapp { height: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.thankyou-page .header { position: relative; padding: 2rem 0; }

.thankyou-page .thanks-text { max-width: 37.5rem; }

.thankyou-page .thanks-text h1 { color: #ED3045; font-size: 3.5rem; line-height: 4rem; }

.thankyou-page .thanks-text p { font-size: 1.25rem; line-height: 2rem; }

.thankyou-page .thanks-text .btn .ic { position: relative; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.thankyou-page .thanks-marquee { position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; top: 0; right: 0; }

.thankyou-page .thanks-marquee .marqueeV + .marqueeV { margin-left: 1.5rem; }

.thankyou-page .thanks-marquee .item { width: 23.750vw; height: 29.167vw; }

.thankyou-page .thanks-marquee .item img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; }

.thankyou-page .thanks-marquee .item + .item { margin-top: 1.5rem; }

@media (max-width: 991px) { .thankyou-page .thanks-text { max-width: 100%; } }

@media (max-width: 767px) { .thankyou-page { padding-top: 8.125rem; height: 100vh; }
  .thankyou-page .header { padding-left: 16px; padding-right: 16px; }
  .thankyou-page .thank-wrapp { height: calc(100vh - 130px); -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .thankyou-page .thanks-text { margin-top: auto; margin-bottom: auto; text-align: center; }
  .thankyou-page .thanks-text h1 { font-size: 3rem; line-height: 1.2em; }
  .thankyou-page .copyright { text-align: center; }
  .thankyou-page .thanks-marquee { display: none; } }

.privacy-policy { padding: 10rem 0; }

@media (max-width: 767px) { .privacy-policy { padding: 7.5rem 16px; } }

/*# sourceMappingURL=main.css.map */