/**
	VARIABLES
 */
 
.btn { border-width: 2px !important; text-transform: uppercase; font-size: 14px; padding: 10px 25px; font-weight: bold; font-family: "Roboto Condensed"}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 255,255,255;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: #ffffff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0);
}

.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 255,255,255;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #000000;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0);
}

.btn-success {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #80C971;
  --bs-btn-border-color: #80C971;
  --bs-btn-hover-color: #80C971;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #80C971;
  --bs-btn-focus-shadow-rgb: 255,255,255;
  --bs-btn-active-color: #80C971;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: #80C971;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #80C971;
  --bs-btn-disabled-border-color: #80C971;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0);  
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0093AB;
  --bs-btn-border-color: #0093AB;
  --bs-btn-hover-color: #0093AB;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #0093AB;
  --bs-btn-focus-shadow-rgb: 255,255,255;
  --bs-btn-active-color: #0093AB;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: #0093AB;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0093AB;
  --bs-btn-disabled-border-color: #0093AB;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0);  
}

:root {
  --bs-btn-font-family: "Roboto";
  --bs-font-sans-serif: "Roboto";
  --bs-body-font-family: "Roboto";
  --bs-body-font-size: 16px;
  
  --bs-link-color: #666;  
  --bs-link-hover-color: #000;  
  --bs-dark-rgb: 0,0,0;
  
  --bs-success: #80C971;
  --bs-success-rgb: 128,201,113  
  /*
  --bs-body-color: #8b2c20;  
  --bs-danger-rgb: 255, 32, 64;*/
}

.modal{ 
  --bs-modal-border-radius: 0px;
}
/**
	BS OVERRIDE
 */

.container { position: relative; }
.cursor-pointer { cursor: pointer; }

/**
	CUSTOM ELEMENTS
 */

body { background-color: rgb(248, 248, 248); color: #666; }
*, *:before, *:after { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.nowrap { white-space: nowrap; }
.header { position: relative; }
.header > .container { z-index: 1; }
.nav-wrapper { z-index: 1; background: rgba(255,255,255,.8); position: relative; }
.header-inner { display: flex; padding: 1rem 1rem; position: relative; justify-content: space-between; min-height: 81px; }
.header-logo { align-self: center; margin: -5px 0 0 0; }
.header-logo img { height: 44px; }
.header-nav { align-self: center; } 
.header-nav .fontawesome-icons:before { color: #000; font-size: 1.5rem; }
.header-nav a { text-decoration: none; padding: 0; position: relative; top: -1px; }
.header-nav a + a { margin-left: 20px; } 
.header video { position: absolute; object-fit: cover; width: 100%; min-height: 100%; /* top: 50vh; left: 50vw; transform: translate(-50%, -50%);  bottom: 0; min-width: 100vw; min-height: 100vh;  */ opacity: 0.85;}
.video-wrapper { overflow: hidden; position: relative; min-height: 100vh; width: 100vw; background: black; top: -80px; margin-bottom: -80px;  }


.header-home { min-height: 100vh; }
.home-wrapper { z-index: 2; position: relative; }
.home-content { min-height: calc(100vh); padding-top: 120px; padding-bottom: 60px; }
.home-content h1 { font-family: Anton; text-transform: uppercase; font-size: 80px; color: white; padding-bottom: 20px; }
.home-content .lead { font-family: Montserrat; color: white; line-height: 30px; font-weight: 500; font-size: 25px; padding-bottom: 20px;  }

.btn-rounded { border-radius: 100px; }
.btn .material-icons { line-height: 0; top: 5px; position: relative; }

.offer { padding-top: 4rem; }
.offer h2 { font-family: "Roboto Condensed"; font-size: 2rem; margin-bottom: 1rem; text-transform: uppercase; margin-top: 0rem; font-weight: 700; color: black; }
.offer .desc { color: #666; margin-bottom: 4rem; }

.product { cursor: pointer; padding-left: 1rem; padding-right: 1rem; color: black; }
.product img { max-width: 100%;  }
.product .product-title { font-family: "Roboto Condensed"; margin-bottom: 3px; font-weight: 700; text-transform: uppercase; }
.product .product-price { margin-bottom: 10px; }
.product .product-opts { margin-bottom: 2rem; }
.product .product-opts .btn { width: calc(100%); }
[data-toggle="product-name"] { text-transform: uppercase; }

.promo { padding-top: 3rem; padding-bottom: 3rem; }
.promo h2 { margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700; color: #000; }
.promo p { color: #666; }
.promo img { max-width: 100%; }

.footer { padding-top: 4rem; padding-bottom: 4rem; background: white; }
.stat-1 { color: #52CC9C; }
.stat-2 { color: #CCBF4A; }
.stat-3 { color: #C971B2; }
.stat-line-1 { font-size: 4rem; line-height: 5rem;  margin-top: 0; margin-bottom: 0.5rem; font-weight: 700;  font-family: "Roboto Condensed"; }
.stat-line-2 { font-size: 1.5rem; line-height: 1.5rem; font-family: "Roboto Condensed"; font-weight: 700; text-transform: uppercase; margin-bottom: 1.25rem; }
.stat-line-3 { font-size: 16px; }

.block-interdiction { margin-top: 4rem; padding: 2rem; border: 1rem solid #333; text-align: center; }
.block-interdiction img { width: 50px; margin-bottom: 1rem; }
.block-interdiction .title { display: block; font-size: 1.5rem; font-weight: 700; color: #000; margin-bottom: 1rem; font-size: 24px; }
.block-interdiction p { margin-bottom: 1rem; }
.block-interdiction .legend { display: block; font-size: .8rem; text-transform: uppercase; margin-bottom: 1rem; }
.block-interdiction .penalty { display: block; font-size: 1rem; font-weight: 700; color: #000; }

.footer-links { margin-top: 4rem; }
.footer-links .group-title .label { display: block; font-family: "Roboto Condensed"; font-weight: 700; line-height: 30px; margin-bottom: 16px; font-size: 20px; color: black; margin-bottom: 1rem; }
.footer-links ul { margin-bottom: 2rem; padding-left: 0; list-style: none; }
.footer-links li { margin-bottom: 0.5rem; }
.footer-links li a { color: #666; text-decoration: none; }
.footer-links li a:hover { color: black; }

.footer-links .group-title[data-bs-toggle="collapse"] { width: 100%; cursor: pointer; position: relative; }
.footer-links .group-title:not([aria-expanded="true"]) .up { display: none; }
.footer-links .group-title[aria-expanded="true"] .down { display: none; }
.collapse-icons { position: absolute; right: 5px; top: 5px; }

.footer-links .social { display: inline-block; }
.footer-links .social a:before {
    font-family: 'Font Awesome Brands';
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 20px;
}
li.instagram a:before {
    content: "\f16d";
}
li.snapchat a:before {
    content: "\f2ab";
}
li.tiktok a:before {
    content: "\e07b";
}

.footer-copy img  { height: 44px; margin-bottom: 2rem; margin-top: 1rem; }
.footer-copy .copyright  { line-height: 18px; font-size: 12px; color: black; }

.detail { padding-top: 4rem; padding-bottom: 4rem; }
.detail h1 { font-family: "Roboto Condensed"; font-size: 2rem; margin-bottom: 2rem; text-transform: uppercase; margin-top: 0rem; font-weight: 700; color: black; }
.detail .detail-img { max-width: 452px; text-align: center; text-decoration: none; outline: none; }
.detail .detail-img img { max-width: 100%; height: auto; }
.detail .detail-desc { font-size: 15px; margin-bottom: 1.5rem; }
.detail .detail-price { color: black; margin-bottom: 1.5rem; }
.detail .detail-cart { margin-bottom: 2rem; }
.detail .detail-offer { background: #C971B2; border-radius: 1rem; color: white; padding: 1rem; font-size: 15px; text-align: center; margin-bottom: 2rem; }
.detail .detail-offer .offer-title { font-size: 15px; font-family: "Roboto Condensed"; text-transform: uppercase; font-weight: 700; }
.detail .detail-features { background: white; padding: 1rem; border-radius: 0.5rem!important; box-shadow: 0 0 1rem #eee; font-size: 15px; }
.detail .detail-features strong { color: black; }
.detail .features-title { font-size: 1.25rem;  font-family: "Roboto Condensed"; font-weight: 700; color: black; }
.detail-offer-shipping { background: #fff !important; color: #C971B2 !important; box-shadow: 0 0 1rem #eee; }

.input-amount { position: relative; padding-right: 0px; width: calc(4rem + 24px); height: 2.75rem; }
.input-amount > a { background: white; color: black; width: 24px; height: 23px; position: absolute; font-size: 20px; text-align: center; border: 1px solid rgba(0,0,0,.25); }
.input-amount > a[data-toggle="add"] { top: 0; right: 0; border-top-right-radius: 5px; }
.input-amount > a[data-toggle="remove"] { bottom: 0; right: 0; border-bottom-right-radius: 5px; }
.input-amount input { border: 1px solid rgba(0,0,0,.25) !important;  border-right: none !important; padding: .175rem .5rem; font-size: 16px; border-radius: 5px; width: 4rem; height: 2.75rem; border-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.input-amount input:focus { box-shadow: none !important; }
.input-amount > a .material-icons { font-size: 16px; position: relative; top: -4px; }

.fancybox-bg { background: white !important; }
.fancybox-navigation .fancybox-button { display: none !important;}

.page-wrapper { background: white; padding: 1rem; border-radius: 0.5rem!important; box-shadow: 0 0 1rem #eee; font-size: 15px; }
.page-wrapper a:not(.btn) { text-decoration: none; }
.page-wrapper .form-check-label a { color: #666; text-decoration: underline; }
.page-wrapper .form-check-label a:hover { text-decoration: none;  color: black;}

.page-wrapper h2 { font-size: 2rem; font-size: 1.5rem; margin-bottom: 1.5rem; font-family: "Roboto Condensed"; font-weight: 700; color: #000;}
.page-wrapper p { margin-bottom: .5rem; font-size: 16px; }
page-wrapper li { font-size: 16px; }

.page-wrapper h2 {font-size: 1.5rem; margin-bottom: 1.5rem; margin-top: 1.5rem; line-height: 1.1;}
.page-wrapper .page-start + h2, .page-wrapper .page-start + h3 { margin-top: 0px; }
.page-wrapper p + .page-end { margin-top: -0.5rem; }
.page-wrapper h2 + .page-end { margin-top: -1.5rem; }
.page-wrapper a:not(.btn) { color: black;  }
.page-wrapper a:not(.btn):hover { color: #666; }

.page-wrapper h3 { font-family: "Roboto Condensed"; font-weight: 700; color: #000; font-size: 1.25rem; line-height: 1.1; font-size: 1.25rem; margin-top: 1.5rem;  margin-bottom: 1.5rem; }

.faq-wrapper { background: white; padding: 1rem; border-radius: 0.5rem!important; box-shadow: 0 0 1rem #eee; font-size: 16px; padding-bottom: 1px; }
.faq-wrapper + .faq-wrapper { margin-top: 1rem; }
.faq-wrapper .faq-title { position: relative; }
.faq-wrapper .faq-title .label { font-weight: 700; color: black; }

.faq-wrapper .faq-title[data-bs-toggle="collapse"] { width: 100%; cursor: pointer; position: relative; }
.faq-wrapper .faq-title:not([aria-expanded="true"]) .up { display: none; }
.faq-wrapper .faq-title[aria-expanded="true"] .down { display: none }
.faq-wrapper .faq-title .collapse-icons { position: absolute; right: 0px !important; top: 0px;   }
.faq-wrapper .faq-title .collapse-icons .material-icons { font-size: 24px; color: black; }
.faq-wrapper p { font-size: 16px; }
.faq-wrapper .faq-title { margin-bottom: 1rem !important; }

.order-item {  box-shadow: 0 0 1rem #eee; font-size: 16px; padding: 1rem; background: white;border-radius: 0.5rem!important; }
.order-item .item-title { color: black; font-family: "Roboto Condensed"; font-weight: 700; text-decoration: none; }
.order-item .item-total { font-weight: 700; color: black; }
.order-item a .material-icons { color: black; }
.order-item .item-control { margin-top: 13px; display: inline-block; }
.order-item .item-total { margin-top: 13px;  }
.order-item + .order-item { margin-top: 1rem; }

.subtotal {  box-shadow: 0 0 1rem #eee; font-size: 16px; padding: 1rem; background: white;border-radius: 0.5rem!important; }
.subtotal .product-name { font-family: "Roboto Condensed"; margin-top: 0.25rem; display: block; }

.cart .cart-back { margin-top: 2rem;  }
.cart .cart-back + .detail-offer { margin-top: 2rem; }
.cart .subtotal { margin-top: 2rem; color: black; }
.text-discount { color: #f49d6e; }
.subtotal-delimiter  { border-bottom: 1px solid #CCC !important;}
.discount-label, .discount-close { text-decoration: none; color: black; height: 20px; transition: height 0.2s; }
.discount-label[aria-expanded="true"] { height: 0px; overflow: hidden;  }

.std-form {  font-size: 16px; }
.std-form textarea, .std-form select, .std-form input[type="text"], .std-form input[type="password"] { border: #CCC 1px solid; background: #F8F8F8; }
.std-form textarea.is-invalid, .std-form select.is-invalid, .std-form input[type="text"].is-invalid, .std-form input[type="password"].is-invalid { border: 1px solid #dc3545; }
.form-label { display: inline-block; width: 100%; margin-top: 9px; line-height: 1.25rem;}
.std-form textarea:focus, .std-form select:focus, .std-form input[type="text"]:focus, .std-form input[type="password"]:focus { background: #F8F8F8; box-shadow: 0 0 0 0.25rem rgba(128,128,128,.1); border: #CCC 1px solid;  }
.std-form textarea.is-invalid:focus, .std-form select.is-invalid:focus, .std-form input[type="text"].is-invalid:focus, .std-form input[type="password"].is-invalid:focus { background: #F8F8F8; box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%); border: #dc3545 1px solid;  }


.form-reg {  margin-top: 9px; color: #000; line-height: 1.25rem; }

.std-form select, .std-form select:focus { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="40"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>'); background-repeat: no-repeat; background-position-x: right; background-position-y: center; }

.form-check-input:checked {
    background-color: #000;
    border-color: #000 !important;
}
.form-check-input:focus { box-shadow: 0 0 0 0.25rem rgba(128,128,128,.1); }
.form-check-input:not(.is-invalid) { border: #CCC 1px solid; }
.form-check-input:focus:not(.is-invalid) border: #CCC 1px solid;

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

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

.btn .ico-loading { 
	display: none;
	position: absolute; left: calc(50% - 7.5px); top: 28px;
	-webkit-animation: loadform 1.1s infinite linear;
	animation: loadform 1.1s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	width: 30px; height: 30px;
	text-align: center;
	line-height: 0;
	height: 0px;
	top: 20px;
	left: calc(50% - 12px);
}
.btn.btn-loading .ico-loading { display: block; }
.btn-link.btn-loading { color: #666 !important; cursor: default; }
.btn.btn-loading { opacity: 0.75; position: relative; }
.btn.btn-loading *:not(.ico-loading) { visibility: hidden; }
.form-check-label { color: #000 !important; padding-left: 5px; }

.is-invalid + .invalid-feedback, .is-invalid + .form-check-label .invalid-feedback {
    display: inline-block;
}

.is-invalid + .form-check-label .invalid-feedback {
    transform: translateY(-5px);
}

.order-step {  box-shadow: 0 0 1rem #eee; font-size: 16px; padding: 1rem; background: white;border-radius: 0.5rem!important; }
.order-step .step-content { height: 0; overflow: hidden; }
.order-step-active .step-content { height: auto; overflow: inherit; }
.order-step h2, .order-step .h2 { display: block; text-decoration: none; color: #999; font-size: 20px; font-weight: 700; line-height: 1.2; font-family: "Roboto Condensed"; position: relative; padding: 5px 0 0 45px; margin-bottom: 0; }
.step-number { background: #999; color: white; width: 33px; height: 33px; display: inline-block; text-align: center; border-radius: 33px; padding-top: 6px; font-size: 1rem; position: absolute; top: 0; left: 0; }
.order-step-active .step-number { background: #80C971; }
.order-step-active h2, .order-step-active .h2 {  color: #80C971; }
.order-step-done:not(.order-step-active) .step-number { background: #000; }
.order-step-done:not(.order-step-active) .step-number > span { display: none; }
.order-step:not(.order-step-done) .step-number > .material-icons { display: none; }
.order-step-active .step-number > .material-icons { display: none !important; }
.order-step-done:not(.order-step-active) h2 {  color: #000; }
.cart-tab { text-decoration: none; color: black; }

.order-step:not(.order-step-done) a { cursor: default !important; }
.shipping-item {  background-color: rgb(248, 248, 248); border-radius: 0.5rem !important;  border: #CCC 1px solid; cursor: pointer; }
.shipping-item + .shipping-item { margin-top: 1rem; }

input[type="checkbox"], input[type="radio"] { transform: scale(1.25) translateX(1.25px) !important; }
.w-checkbox { width: 30px; }
.modal-title { font-size: 28px; font-family: 'Roboto Condensed'; font-weight: 700; color: #000; line-height: 2rem; }
.modal-header .modal-title { font-size: 1.25rem !important; }
.modal-header { border-bottom: 1px solid #ccc; }

.modal img.product-img { max-width: 100%; margin: 0 0 0 auto; max-height: 400px; }

.status-enabled .btn.disabled { display: none; }
.status-disabled .btn:not(.disabled) { display: none; }

.cart-summary-products { cursor: pointer; }
.cart-summary-products .material-icons { font-size: 18px; line-height: 0; position: relative; top: 3px;}
.cart-summary-products .material-icons.up { display: none; }
.cart-summary-products[aria-expanded="true"] .material-icons.up { display: inline; }
.cart-summary-products[aria-expanded="true"] .material-icons.down { display: none; }

.cookies-table { border-collapse: collapse; width: 100%; table-layout: fixed ; margin-bottom: 1.5rem; }
.cookies-table td, .cookies-table th { border: 1px solid #eee; padding: 5px 10px; }
.cookies-table th { text-transform: uppercase; color: black; font-family: "Roboto Condensed"; background: #eee; }

.page-wrapper p.page-promo-lead { font-size: 18px; font-weight: bold; }

.btn-flag-dropdown { display: inline-block; width: 60px; position: relative; top: -5px; margin-right: 15px; }
.btn-flag-dropdown .flag { height: 24px; background: none; }
.btn-flag-dropdown .btn-flag { background: none; border: none; display: inline-block; padding: 4px 20px 4px 12px; outline: none !important; }
.btn-flag-dropdown .flag-dd { position: absolute; right: -7px; top: 7px; z-index: -1; }
.btn-flag-dropdown .dropdown-menu { border: none; padding: 5px 0 3px 0; min-width: 0px; }
.header-nav .btn-flag-dropdown a.dropdown-item { margin: 0 !important; display: inline-block; line-height: 24px; font-weight: bold; padding: 8px 12px ; }
.header-nav .btn-flag-dropdown a .flag { margin-right: 5px; position: relative; top: -1px; }
.header-nav .btn-flag-dropdown a:hover { background: none; color: #666; }

.b2b-page .page-promo-lead { text-align: center; margin-bottom: 2rem; max-width: 800px; margin-left: auto; margin-right: auto; font-weight: normal !important; }
.b2b-page h2 { text-align: center; }
.b2b-page .b2b_forms { max-width: 600px; margin: 0 auto; }
.b2b-page .b2b_forms .row { margin-bottom: 1rem; }
.b2b-page .b2b_form_divider { position: relative; text-align: center; margin: 3rem -3rem;  }
.b2b-page .b2b_form_divider span { position: relative; z-index: 2; background: #fff; padding: 15px; font-size: 1.25rem; color: #C971B2; }
.b2b-page .b2b_form_divider:after { border-top: 1px solid #C971B2; content: ""; display: block; width: 100%; position: absolute; z-index: 1; top: 16px; }

.b2b-page .b2b_order_form .product_title  { display: block; margin-bottom: 0.5rem; }
.b2b-page .b2b_order_form table td { vertical-align: middle; text-align: left; }
.b2b-page .b2b_order_form table tfoot td { border: 0; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 1rem; }
.b2b-page .b2b_order_form table tfoot tr:first-child td { padding-top: 1rem; }
.b2b-page .b2b_order_form table tfoot tr:last-child td { font-weight: bold; }

/**
	MESSAGE BOX
*/

.messages-box {
  position: fixed;
  top: 15px;
  left: 40px;
  right: 40px;
  height: 0;
  overflow: visible;
  text-align: center;
  z-index: 51;
  margin: 0 auto; }

.messages-box {
  max-width: 100% !important \9; }

.messages-box .message { font-family: "Roboto Condensed"; margin-bottom: 5px; }

.messages-box .message span {
  display: inline-block;
  z-index: 9999;
  padding: 20px 25px;
  padding-right: 50px;
  position: relative;
  border-radius: 10px;
  line-height: 1.4em;
  font-weight: 600;
  box-shadow: 4px 4px 10px 5px rgb(0 0 0 / 12%);
  font-size: 18px;  
}

.messages-box .message-close {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 20px;
  height: 20px;
  padding-top: 2px;
  text-decoration: none;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = $opacity*100);
  filter: alpha(opacity=60); }

.messages-box .message-close:hover {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = $opacity*100);
  filter: alpha(opacity=100); 
  color: white;
}

.messages-box .message-close i {
  font-size: 24px;
    line-height: 0;
    display: block;
    top: 13px;
    position: relative;
    left: -7px; }

.messages-box 
{
  top: 20px;
  z-index: 1051;  
}

.messages-box .message-close
{
  top: 17px;
  right: 15px;
}

.messages-box a {
  color: white;
  font-weight: 600;
}

.messages-box .message .bg-danger, .messages-box .message .bg-success
{
  color: #FFFFFF
}

.branches { display: flex; justify-content: center; margin: -0.5rem ; flex-wrap: wrap; }
.branch {
	display: block;
	box-shadow: 0 0 1rem #eee;
	background: white;
	padding: 2rem; 
	border-radius: 0.5rem; text-align: center;
	max-width: calc(100% - 4rem);
	width: 300px;
	margin: .5rem;
	padding-bottom: 90px;
	position: relative;
}
.branch h2 { color: black; font-size: 24px; text-transform: uppercase; margin-bottom: 1.5rem; font-weight: bold; font-family: "Roboto Condensed"; }

.branch .branch-btn { position: absolute; left: 0; bottom: 2rem; width: 100%; text-align: center; }

/**
	SCREEN SIZES
 */
 
@media (min-width: 576px)
{
	.home-content h1 { font-size: 100px; }		
	.input-amount { width: calc(3rem + 24px); }
	.input-amount input	{ width: 3rem; }	
}

@media (min-width: 768px)
{
	.offer { padding-top: 8rem; }
	.detail { padding-top: 8rem; padding-bottom: 8rem;  }	
	.home-content h1 { font-size: 150px; }	
	.product .product-opts .btn { width: auto; }
	.home-content .lead { line-height: 40px; font-size: 30px;  }
	.promo { padding-bottom: 8rem; padding-top: 6rem;  }
	.promo .d-sm-table-cell, .promo .d-md-table-cell { width: 50%; }	
	.footer { padding-top: 8rem; }	
	.footer-links { margin-top: 8rem; }
	.block-interdiction { margin-top: 8rem; }
	.detail .detail-offer { margin-bottom: 4rem; }	
	.page-wrapper { padding: 2rem; }
	.faq-wrapper + .faq-wrapper { margin-top: 2rem; }	
	.form-label { text-align: right; }	
}

@media (max-width: 768px)
{
	.b2b-page .b2b_forms button { width: 100%; }
}

@media (min-width: 992px)
{
	.align-md-middle { vertical-align: middle !important; }
	.modal .divide-right { border-right: 1px solid #ccc; }
	.cart .subtotal { margin-top: 0; }
}

@media (max-width: 992px)
{
	.b2b-page .b2b_form_divider { margin: 3rem 0; }
}

@media (min-width: 1200px)
{

}

@media (min-width: 1400px)
{
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; }
}