:root {
  --color-primary: #F9B233;
  --color-secondary: #464B8F;
  --color-three: #1175C1;

  --bs-success: #59b15e;
  --bs-success-text-emphasis: #093310;
  --bs-success-rgb: 113, 197, 93;
  --bs-success-bg-subtle: #DBE7DD;
  --bs-success-border-subtle: #DBE7DD;

  --bs-danger: #eb5261;
  --bs-danger-text-emphasis: #330509; 
  --bs-danger-rgb: 235, 82, 97;
  --bs-danger-bg-subtle: #F9D7DA; 
  --bs-danger-border-subtle: #F9D7DA;

  --bs-warning: #eeca5e;
  --bs-warning-text-emphasis: #413308;
  --bs-warning-rgb: 238, 202, 94;
  --bs-warning-bg-subtle: #FFF3CD;
  --bs-warning-border-subtle: #FFF3CD;
}
.text-bg-success {
  color: var(--bs-success-text-emphasis) !important;
  background-color: var(--bs-success-bg-subtle) !important;
}
.text-bg-danger {
  color: var(--bs-danger-text-emphasis) !important;
  background-color: var(--bs-danger-bg-subtle) !important;
}
.text-bg-warning {
  color: var(--bs-warning-text-emphasis) !important;
  background-color: var(--bs-warning-bg-subtle) !important;
}
.form-check-input:checked { background-color: var(--color-secondary); border-color: var(--color-secondary); }
.blockquote-footer::before { content: ""; }
.placeholder-glow { box-shadow: none !important; }
.placeholder { background-image: none !important; }
.splide__arrow{ background: transparent !important; }
.splide__arrow svg{fill: var(--color-three) !important;}
*{margin: 0; padding: 0; box-sizing: border-box;}
body{font-family: "Barlow", sans-serif;}
a, a:hover{text-decoration: none; color: inherit;}
button, button:active, button:focus{border:none;  outline:none; background-color:inherit; text-decoration: none;}
html{scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;}
.transition-5{transition: .5s ease-in-out;}
.transition-3{transition: .3s ease-in-out;}
.transition-2{transition: .2s ease-in-out;}
.transition-1{transition: .1s ease-in-out;}
.pointer{cursor: pointer;}
.bg-image{background-position: center; background-repeat: no-repeat; background-size: cover;}
.set-front{position: relative;z-index: 10;}
.title{font-size: clamp(30px, 4vw, 46px); font-weight: 700;font-family: "Montserrat", sans-serif;}
.f-30{font-size: clamp(25px, 4vw, 30px);}
.font-montserrat{font-family: "Montserrat", sans-serif;}
.font-roboto,.modal-title{font-family: "Roboto", sans-serif;}
.color-primary{color: var(--color-primary)}
.color-secondary{color: var(--color-secondary)}
.color-three{color: var(--color-three)}
.color_box { width: 20px; height: 20px; display: inline-block; border-radius: 50%; border: 1px solid rgb(0 0 0 / 11%);}
/* Buttons */
.btn-primary,.btn-three:hover{
  background-color: var(--color-primary);
  color: var(--color-three);
  border: none;
  font-family: "Roboto", sans-serif;
}
.btn-two{
  background-color: #EBEAEA;
  color: var(--color-three);
  border: none;
  font-family: "Roboto", sans-serif;
}
.btn-three{
  background-color: #272A52;
  color: #FFFFFF;
  border: none;
  font-family: "Roboto", sans-serif;
}
.btn-three--border{
  border-radius: 25px;
  padding: 9px 48px;
}
.btn-primary:hover, .btn-two:hover, #toggle-menu.active{
  background-color: #212344;
  color: #FFFFFF;
}

div.validation-error{font-size: 12px; color: #ff4d4d; position: absolute; bottom: -16px;}
input.validation-error,textarea.validation-error,select.validation-error{border: solid 1px #ff4d4d;font-size: inherit;color: inherit;}
.modal-header{border: 0; padding: 1.5rem 3rem 0;}
.modal-body{padding: 1.5rem 3rem;}
.modal-footer{border: 0; padding: 0 3rem 1.5rem;}
.modal-title{color: rgb(134, 134, 134);}
/* HEADER */
.header{ padding: 12px 0px; background: #F7F7F7;font-size: 15px; color: var(--color-secondary);}
.header.transparent{background-color: transparent;color: #FFFFFF;}
.header.transparent-grey:not(.scroll){background-color: transparent;}
.header__btn{font-size: 14.5px;padding: 10px 12px; }

.header.scroll {background-color: #F7F7F7; color: var(--color-secondary); box-shadow: 0px -5px 10px 1px rgb(0 0 0 / 40%);}
.header.scroll .header__btn:not(:hover){color: var(--color-secondary);}
.header__menu_user {
  background-color: #464b8f;
  border: 0;
  padding: 0;
  border-radius: 7px;
  overflow: hidden;
}
.header__menu_user .dropdown-item, .header__menu_user .dropdown-item:focus, .header__menu_user .dropdown-item:hover{
  color: #FFFFFF !important;
  background-color: var(--color-secondary);
  padding: 8px 15px;
}
.header__menu_user i{ color: var(--color-primary);margin-right: 8px; }
.header__menu_user .dropdown-divider { margin: 0 !important; border-top: 1px solid rgb(255 255 255 / 18%) !important; }
/* Menu mobile */
.menu.mobile{
  position: fixed;
  top: 66px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 25px;
  font-weight: 500;
  padding: 50px 30px 30px;
  text-align: right;
  background: var(--color-three);
  background: -webkit-linear-gradient(180deg, rgba(17 87 158) 60%, rgba(254, 235, 194, 0) 100%);
  background: -moz-linear-gradient(180deg, rgba(17 87 158) 60%, rgba(254, 235, 194, 0) 100%);
  background: linear-gradient(180deg, rgba(17 87 158) 60%, rgba(254, 235, 194, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1175C1", endColorstr="#FEEBC2", GradientType=0);
  transform: translateX(100vw);
  visibility: hidden;
  z-index: -1;
}
.menu.mobile.open{transition: .2s ease-in-out;transform: translateX(0); visibility: visible; z-index: 1;}
.menu.mobile .menu__item{margin-bottom: 10px; color: #FFFFFF;text-shadow: 4px 3px 6px rgb(0 0 0 / 58%);}
/* FOOTER */
.footer__top {
  font-family: "Roboto", sans-serif;
  background-color: #FDBD2E;
  color: #0D0C23; 
  font-size: 0.95rem;
  padding: 60px 0;
}
.footer__bottom{
  font-family: "Roboto", sans-serif;
  background-color: #212345;
  color: #FFFFFF;
  padding: 20px 0;
}
.footer__top a.footer-link {
  color: #0D0C23;
  text-decoration: none;
}

/* HOME */
.hero__products,.page_banner{
  background: #1D78C5;
  background: -webkit-linear-gradient(0deg, rgba(29, 120, 197, 1) 70%, rgba(14, 78, 147, 1) 100%);
  background: -moz-linear-gradient(0deg, rgba(29, 120, 197, 1) 70%, rgba(14, 78, 147, 1) 100%);
  background: linear-gradient(0deg, rgba(29, 120, 197, 1) 70%, rgba(14, 78, 147, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1D78C5", endColorstr="#0E4E93", GradientType=0);
  overflow: hidden;
}
.page_banner{
  padding: 90px 0 25px;
  border-radius: 0 0 25px 25px;
  margin-bottom: 20px;
}
/* --- PREVIEW PRODUCT --- */
.pvw__product_box{
  transition: all .2s ease-in;
  background: #FEEBC2;
  background: -webkit-linear-gradient(0deg, rgba(254, 235, 194, 1) 49%, rgba(254, 235, 194, 0) 100%);
  background: -moz-linear-gradient(0deg, rgba(254, 235, 194, 1) 49%, rgba(254, 235, 194, 0) 100%);
  background: linear-gradient(0deg, rgba(254, 235, 194, 1) 49%, rgba(254, 235, 194, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FEEBC2", endColorstr="#FEEBC2", GradientType=0);
  border-radius: 20px;
  overflow: hidden;
  color: var(--color-three);
}
.pvw__product_img,.pvw__product__img_box--loading {
  width: 100%;
  min-height: 250px;
  aspect-ratio: 1 / 1.3;
  object-fit: cover;
}
.pvw__product_img--custom{ object-fit: contain;}
.pvw__product_img--hover{position: absolute; opacity: 0; visibility: hidden;}
.pvw__product_main_box {
  padding: 8px 20px 20px;
  margin-top: 10px;
}
.pvw__product_name {
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 4px;
}
.pvw__product_sizes{ font-size: 15px;line-height: 17px; }
.pvw__product_hover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
.pvw__product_cart {
  display: inline-block;
  padding: 11px;
  border-radius: 50%;
  background-color: #FCD37E;
  color: var(--color-secondary);
  line-height: 0;
  font-size: 28px;
  position: relative;
  top: 15px;
}
.pvw__product_cart::after{
  content: '';
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: 14px;
  right: 9px;
  border-radius: 50%;
  background-color: #AC4C55;
}
.pvw__product_cart__text{
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  top: -14px;
  left: -2px;
  opacity: 0;
  color: var(--color-three);
}
.pvw__product_cart:hover, .pvw__product_box--no-ecommerce .pvw__product_cart:hover{ background-color: var(--color-three); color: #FFFFFF; }
.pvw__product_cart:hover::after{ background-color: #3DC90A; }
.color_box--preview{ width: 20px; height: 20px; }
/* Hover */
.pvw__product_box:hover{
  background: #FEEBC2;
  background: -webkit-linear-gradient(0deg, rgba(254, 235, 194, 1) 100%, rgba(254, 235, 194, 0) 100%);
  background: -moz-linear-gradient(0deg, rgba(254, 235, 194, 1) 100%, rgba(254, 235, 194, 0) 100%);
  background: linear-gradient(0deg, rgba(254, 235, 194, 1) 100%, rgba(254, 235, 194, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FEEBC2", endColorstr="#FEEBC2", GradientType=0);
}
.pvw__product_box:hover .pvw__product_cart__text{ opacity: 1; }
.pvw__product_box:hover .pvw__product_data{ transform: translateY(-15px); }
.pvw__product_box:hover .pvw__product_hover{ opacity: 1; visibility: visible; }
.pvw__product_box:hover .pvw__product_img--hover{
  opacity: 1;
  visibility: visible;
  left: 0;
}
.pvw__product_box:hover .pvw__product_img--default{
  opacity: 0;
  visibility: hidden;
}
/* No ecommerce */
.pvw__product_box--no-ecommerce{
  background: var(--color-three);
  background: -webkit-linear-gradient(0deg, rgba(17, 117, 193, 1) 49%, rgba(254, 235, 194, 0) 100%);
  background: -moz-linear-gradient(0deg, rgba(17, 117, 193, 1) 49%, rgba(254, 235, 194, 0) 100%);
  background: linear-gradient(0deg, rgba(17, 117, 193, 1) 49%, rgba(254, 235, 194, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1175C1", endColorstr="#FEEBC2", GradientType=0);
  color: #FFF7E9;
}
.pvw__product_box--no-ecommerce .pvw__product_cart{ background-color: #FEEBC2; }
.pvw__product_box--no-ecommerce:hover{
  background: #0D477E;
  background: -webkit-linear-gradient(0deg, rgba(13, 71, 126, 1) 49%, rgba(17, 116, 191, 1) 100%);
  background: -moz-linear-gradient(0deg, rgba(13, 71, 126, 1) 49%, rgba(17, 116, 191, 1) 100%);
  background: linear-gradient(0deg, rgba(13, 71, 126, 1) 49%, rgba(17, 116, 191, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0D477E", endColorstr="#1174BF", GradientType=0);
  color: #78DAF5;
}
.pvw__product_box--no-ecommerce:hover .pvw__product_data{ opacity: 0; }
.pvw__product_box--no-ecommerce:hover .pvw__product_cart__text{ color: #78DAF5; }
/* --- CART & DETAIL PRODUCT --- */
.form-label--detail{
  color: var(--color-secondary);
  font-weight: 500;
  margin: 0;
}
.form-input--detail{
  border-radius: 0;
  background-color: #F7F7F7;
}
input[type="number"].form-input--detail::-webkit-inner-spin-button,
input[type="number"].form-input--detail::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"].form-input--detail { -moz-appearance: textfield; }
.input-group-text--qty{
  background-color: transparent;
  color: var(--color-secondary);
  font-weight: 500;
  border: 0;
  padding: 0;
}
.btn-minus,.btn-plus{
  background-color: var(--color-three) !important;
  color: #FFFFFF !important;
  border: 0;
  border-radius: 0;
  font-size: 25px;
  line-height: 13px;
}

@media screen and (min-width: 992px) {

}