body{
  font-family: 'Montserrat', sans-serif !important;
  font-size:16px;
  line-height: 1.5;
}

@font-face {
  font-family:multiicons;
  font-display:block;
  src:url(/catalog/view/template/multiIcons.woff) format("woff")
}
.multiTheme-icon {
  line-height:1
}
.multiTheme-icon:before {
  font-family:multiIcons!important;
  font-style:normal;
  font-weight:400!important;
  vertical-align:top
}
.multiTheme-icon-settings::before {

    content: "\f111";

}

элемент {
}
#cart-overlay-checkout {
  cursor: pointer;

}
.btn-success {
  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-image: linear-gradient(to bottom, #1cb751, #1cb751);

  background-repeat: repeat-x;

  border-color: #1cb751 #1cb751 #1cb751;

}
.MobileFiltersTrigger{
font-size: 18px;
color: #000;
}
*:focus {
    box-shadow: none !important;
}
.container-xxl{
  max-width: 1600px;
}

.sep{
  width:100%;
  height:1px;
  margin-top:55px;
}

@media(min-width:992px){
  .sep{margin-top:95px;}
}

a{
  color:#212121;
}
a:hover{
  color:#212121;
}
/*
box-shadow: rgba(28,183,81,0) 0px 25px 20px -20px;*/
#pintaajaxfilter_form{
  border-top:1px solid rgba(0,0,0,0.15);
}

.btn-buy{
    margin-top:20px;
    background: linear-gradient(90deg,#2FD769 30%,#1CB751 74%) #1CB751 !important;
    border-radius: .5rem  !important;

-webkit-box-shadow: rgba(47, 215, 105,0.75) 0px 25px 15px -20px;
box-shadow: rgba(47, 215, 105,0.75) 0px 25px 15px -20px;

height: 3.5rem !important;
min-height: 3.5rem !important;

font-size: 1.125rem !important;

position: relative;
border-color:transparent;
text-shadow:none;
 transition: 0.3s;
}


.btn-buy:hover {
transform: translateY(-2px);
color:#fff;
}

/*.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}*/
.accordion-button:not(.collapsed) {
  color: #212121;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

#logo a{
font-family: 'Cinzel', serif;
color: #212121;
text-transform: uppercase;
font-size: 2.2em;
text-decoration: none;
line-height: 2;
}
.me_category_wall .category-caption h4 a{
font-size: 18px;
letter-spacing: 3px;
font-weight: 600;
text-transform: uppercase;
margin:20px auto;
display:block;
}

.header_search{
border-radius: 0;
border: 0;

}
.card{
  border:none;
  border-radius:0;
}
#search{
  border-bottom:1px solid #e2e2e2;
}
#mega_menu{
  border:none;
}
.container-top{

}

@media(max-width:992px){
 .container-top{

 border-bottom: 1px solid #e2e2e2;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#mega_menu .btn-navbar {

width: 50px;
height: 37px;
padding: 0px !important;
}
#mega_menu .btn-megaMenuToggle{
 background-image:url(/catalog/view/template/menu.svg)  !important;
 -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
     transition-property: transform;
     background-size: 50px 37px;
     background-repeat:no-repeat  !important;
}
#mega_menu .btn-megaMenuToggle-active{
 -webkit-transform: scaley(-1) translateY(5px);
    -ms-transform: scaley(-1) translateY(5px);
     transform: scaley(-1) translateY(5px);
}

}

#mega_menu ul.megamenu > li.with-sub-menu{
    padding:10px 5px  !important
}
#mega_menu ul.megamenu > li.with-sub-menu a{
 /*line-height: 4;*/
 font-size: 14px;
 font-weight:400 !important;color: #FE0 !important;
}
#mega_menu ul.megamenu > li:first-child{
  padding:0 10px  !important
}
#mega_menu ul.megamenu > li:first-child > a{
 font-family: 'Cinzel', serif !important;
color: transparent !important;
text-transform: uppercase !important;
font-size: 1.4em !important;
text-decoration: none !important;
line-height: 3.2 !important;
font-weight:200 !important;
/*background: url(./fresh_squad_logo.svg) !important;*/
background: url(./Sneaker-Box-logo.svg) !important;
  background-position-x: 0% !important;
  background-position-y: 0% !important;
  background-repeat: repeat !important;
  background-size: auto !important;
background-size: contain !important;
background-position: center left !important;
background-repeat: no-repeat !important;
}
#mega_menu ul.megamenu > li:first-child > a:hover{color: transparent !important;}
.category-thumb {
  border: 1px solid #fff;
  background-color: #fff;
}
h3.modtitle:before{
  content:"";
  display:block;
  width:100px;
  height:2px;
  background: #212121;
  margin-bottom: 10px;
}
h3.modtitle{
  margin-top:100px !important; margin-bottom:50px !important;
font-size: 1.3rem;
letter-spacing: .2rem;
font-weight: 600;
line-height: 1;
margin: 0 0 20px;
text-transform: uppercase;
text-align: left;
text-decoration: none;
color: #212121 !important;
}


h3.modtitlehomeblock{
  margin-top:50px;
font-size: 1.3rem;
letter-spacing: .2rem;
font-weight: 600;
line-height: 1;
margin: 0 0 20px;
text-transform: uppercase;
text-align: left;
text-decoration: none;
color: #212121 !important;
}

h3.modtitlehomeblock:before{
  content:"";
  display:block;
  width:100px;
  height:2px;
  background: #212121;
  margin:0 auto 10px auto;
}



.carousel {
  border: none;
  border-radius: 0;
  box-shadow: none;}

#header-cart .btn:hover {
  color: #000;
}

.breadcrumb > li.breadcrumb-item::after {
  content: "\f0da";
  display: block;
  position: absolute;
  top: 2px;
  right: -12px;
  width: 16px;
  height: 16px;
  border-right: none;
  border-bottom: none;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  font-size: 15px;

}

.breadcrumb {
  margin: 0 0 20px 0;
  padding: 8px 0;
  border: none;
  background-color: #fff;
}
.breadcrumb > li.breadcrumb-item {
  text-shadow: none;
  padding: 0 10px;}

.page-link {

  font-size: 18px;
  color: #777;
  text-decoration: none;
  background-color: transparent;
  border: none;
  transition: none;
}

.page-link.active, .active > .page-link,.page-item:first-child .page-link,.page-link:hover {
  z-index: 3;
  color: #000;
  background-color: transparent !important;
  border-color: transparent  !important;
  font-weight:600;

}


.page-item{
 border: 1px solid #ddd;
border-radius: 50px;
width: 40px;
height: 40px;
}

@media(max-width:992px){
.topicons-mob {
  left: 100%;
  transform: translateX(-100%);
  position: fixed;
top: 14px;
right: 0;

z-index: 1030;
}

.offcanvas {
width: 90vw  !important;
  max-width: 90vw;
  height: 100vh;
/*  border: 1px solid #e2e2e2 !important;*/

}
.offcanvas.show{
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.75) !important;
}
  #header-cart .dropdown-menu li {
  min-width: 100vw;
  padding: 0 10px;
}
.logo-mob{
/* float:left;
margin-top: 13px;*/
}

/*.logo-mob-link{
transform: translate(80px,-38px);
display: block;display: block;
width: 200px;
height: 30px;
}*/
.logo-mob-link {
transform: translatey(-45px);
    width: 110px;
    height: 0;
    margin: 0 auto 0 50%;
}

#mega_menu ul.megamenu > li:first-child > a{
background-position: center left !important;}

  #mega_menu ul.megamenu > li:first-child > a{
  display: block;
width: 50%;
margin: 0 auto;}
.logo-mob{
  width:100%;height: 60px;
}
#mega_menu ul.megamenu > li:first-child {

  display: none;
}
.megamenu {
width: 95vw;
}
#header-cart .header-cart-dropdown{
  width:100vw !important;
}

}
.carousel .carousel-control-next {
  opacity: 0;
  right: 20px;
}
.carousel .carousel-control-prev {
  opacity: 0;
  left: 20px;
}
#header-cart .dropdown-menu {
  background: #fff;
  -webkit-box-shadow: inset -1px 3px 8px 5px #f4f4f4, 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: inset -1px 3px 8px 5px #f4f4f4, 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0,0,0,0);border-radius: 0;

}
#header-cart .header-cart-dropdown{
  width:500px;
}
/*#cookie {
  height: 200px  !important;}
*/



.social-contact{
  position:fixed;
  bottom:20px;
  right:20px;z-index: 10000;
}
.social-contact .navigation
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-contact .menuToggle
{
    position: relative;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 70px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 15px 25px rgba(0,0,0,0.15);
}
.social-contact .menuToggle::before
{
/*    content: '';
    position: absolute;
    font-size: 3em;
    font-weight: 200;
    color: #ff216d;
    transition: 1.5s;*/
}
.social-contact .menuToggle.active::before
{
   /* transform: rotate(225deg);*/
}
.social-contact .menu
{
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 70px;
    z-index: -1;
    transition: transform 0.5s, width 0.5s, height 0.5s;
    transition-delay: 1s, 0.5s, 0.5s;
    transition-timing-function: cubic-bezier(0.075,0.82, 0.165, 1);
}
.social-contact .menuToggle.active ~ .menu
{/*border: 1px solid red;*/
   width: 60px;
height: 180px;
    z-index: 1;
    transform: translateY(-145px);
    transition-delay: 0s, 0.5s, 0.5s;
    box-shadow: 0 15px 25px rgba(0,0,0,0.1);
}
.social-contact .menu::before
{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    left: calc(50% - 8px);
    bottom: 4px;
    transform: rotate(45deg);
    border-radius: 2px;
    transition: 0.5s;
}
.social-contact .menuToggle.active ~ .menu::before
{
    transition-delay: 0.5s;
    bottom: -6px;
}
.social-contact .menu ul
{
    position: relative;
    display: flex;
justify-content: center;
align-items: center;
height: 180px;
   /* gap: 40px;*/
    padding: 0;
    flex-direction: column;
}
.social-contact .menu ul li
{
    list-style: none;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    transition: 0.25s;
    transition-delay: calc(0s + var(--i));
}
.social-contact .menuToggle.active ~ .menu ul li
{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition-delay: calc(0.75s + var(--i));
}
.social-contact .menu ul li a
{
    display: block;
    font-size: 2em;
    text-decoration: none;
    color: #555;
}
.social-contact .menu ul li a:hover
{
    color: #ff216d !important;
    cursor: pointer;
}



.offcanvas{ border-color:transparent !important;
  }
@media (min-width: 992px) {
  .offcanvas-collapse {
    display: block;
    position: static;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    /*height: auto !important;*/
    transform: none !important;
    background-color: transparent;
    border-color:transparent !important;
  }
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 21rem !important;
  border-right: 0 solid transparent;
  transform: translateX(-100%);
}

.offcanvas {
  will-change: transform, box-shadow;
  transition: transform .4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow .3s ease;
  box-shadow: none;
  visibility: visible !important;
}

.breadcrumb > li.breadcrumb-item {
  /*text-shadow: 0 1px 0 #FFF;*/
  white-space: normal;
}

@media(min-width:992px){
  .dropdown-user{
position: relative;
top: 5px;
}
#header-cart {
  position: relative;
top: -7px;
}
#search{
position: relative;
top: 15px !important;}}

#header-cart {
  margin-bottom: 0px;
}

#input-quantity{
  width:50px
}
.catemenu a{
  font-size:18px !important;
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #212529, #212529);
  background-repeat: repeat-x;
  border-color: #212529 #212529 #212529;
}

.megamenu.slide li:first-child{
  border-top:1px solid transparent !important
}
.dropdown-toggle {
  white-space: nowrap;
  font-size: 16px;
  padding: 3px;
}
#form-product input[type="radio"] {
      display: none;
    }

#form-product .form-check label:before {
      content: " ";
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      border: 1px solid;
      text-align: center;

      margin-right: 20px;
     /*position: relative;
  top: 0px;*/line-height:12px;
    }
#form-product .form-check:hover{
/*  background-color: #1cb75154;
      border-color:#1cb751;*/
border-color:#1cb751;
}
#form-product .form-check:hover label {
  border-color:#1cb751;color:#1cb751;
}
#form-product .form-check:hover label:before {
  content: "✔";font-size:12px;
line-height:13px;/*position: relative;
  top: 2px;*/
  color:#1cb751;
  border-color:#1cb751;
}


#form-product .form-check input[type="radio"]:checked ~ label {
border-color:#1cb751;color:#1cb751;
    }

#form-product .form-check input[type="radio"]:checked ~ label:before {
  content: "✔";font-size:12px;
line-height:13px;/*position: relative;
  top: 2px;*/
  color:#1cb751;
  border-color:#1cb751;

    }
#form-product .form-check label {
      display: flex;
      cursor: pointer;font-weight: 600;
font-size:14px;
line-height:1;
      padding: 10px;
     /* margin-bottom: 10px;*/
      background-color: white;
      border: 1px solid #777;
      /*border-radius: 15px;*/border-radius: 50px;
    }
.form-check{padding: 0;
     /* background-color: #f4f4f4;
      padding: 5px;*/
    }



#button-cart.btn-buy{
  width:100%
}
@media(min-width:992px){
#button-cart.btn-buy{
  width:25%
}}

/*
.item-menu16:before,
.item-menu17:before,
.item-menu1:before,
.item-menu5:before,
.item-menu13:before{
content: "";
width: 50px;
height: 50px;
display: inline-block;
position: relative;
top: 15px;
left: 10px;
}
.item-117865479:before,
.item-117865474:before,
.item-117865471:before,
  .item-117865465:before,
  .item-117865473:before,
.item-58961459:before,
.item-46042083:before,
.item-117865460:before,
.item-117865461:before,
.item-117865462:before,
.item-117865470:before,
.item-info5:before,
.item-info4:before,
.item-info1:before,
.item-info6:before,
.item-info7:before{
content: "";
width: 50px;
height: 50px;
display: inline-block;
position: relative;
top: 15px;
left: 0px;
}




.item-menu5:before,.item-117865479:before{
content: "";
background: url(/image/menu-icon.svg);
background-position: center 0px;
}

.item-117865474:before,.item-117865474:before{
content: "";
background: url(/image/menu-icon.svg);
background-position: center -50px;
}

.item-menu17:before,.item-46042083:before{
content: "";
background: url(/image/menu-icon.svg);
background-position: center -100px;
}

.item-menu16:before,.item-117865460:before{
content: "";
background: url(/image/menu-icon.svg);
background-position: center -150px;
}

.item-menu13:before,.item-117865462:before,.item-info5:before,.item-info4:before,.item-info1:before,.item-info6:before,.item-info7:before{
content: "";
background: url(/image/menu-icon.svg);
background-position: center -200px;
}

.item-117865471:before,.item-117865470:before{
content: "";
background: url(/image/menu-icon.svg);
background-position: center -250px;
}

.item-58961459:before{
content: "";
background: url(/image/menu-icon.svg);
background-position: center -300px;
}


.item-menu1:before,.item-117865461:before,.item-117865465:before,.item-117865473:before{
content: "";
background: url(/image/menu-icon.svg);
background-position: center -350px;
}



*/
.menutitle:before{
 content: "";
width: 22px;
height: 22px;
display: inline-block;
position: relative;
top: 5px;
left: 0px;
content: "";
/*background-image: url(/image/dot.svg);*/
background-position: center center;background-size: 5px;  background-repeat: no-repeat;
}
.catemenu .subtitle a:before,.catemenu .producthover a:before{
 content: "";
width: 20px;
height: 22px;
display: inline-block;
position: relative;
top: 5px;
left: 0px;
content: "";
/*background-image: url(/image/dot.svg);*/
  background-position: left center;
  background-repeat: no-repeat;
background-size: 5px;
  padding-right: 10px;
}

@media(max-width:992px){
li .menutitle:after {
content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 10px;
  background-image: url(/image/chevron.svg);
  background-position: center right;
  background-size: 10px;
  background-repeat: no-repeat;
}
li.active .menutitle:after {
content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 10px;
  background-image: url(/image/chevron.svg);
  background-position: center right;
  background-size: 10px;
  background-repeat: no-repeat;transform: rotate(90deg);
}

}
.form-switch .form-check-input {
  margin-left: 0em;
  margin-right: 0.5em;
}
.form-check .form-check-input {
   margin-right: 0.5em;
  margin-left: 0em;
}
@media(min-width:992px){
#mega_menu ul.megamenu > li.with-sub-menu a
{
  line-height: 1;display: flex;align-items: baseline;}
}

#mega_menu ul.megamenu > li.with-sub-menu .catemenu  a{color:#333 !important}

@media(max-width:992px){
.main_link h3 {
text-align: left;
padding: 10px 0 0 40px !important;}

}
div.required .col-form-label::before, div.required .form-label::before {
  content: "";
  color: #F00;
  font-weight: bold;
}


#carouselProductControls .carousel-control-next {
  opacity: 1;
  right: 20px;
}

#carouselProductControls .carousel-control-prev {
  opacity: 1;
  left: 20px;
}


#carouselProductControls .carousel-indicators {
  bottom: 5px;
}
#carouselProductControls .carousel-indicators [data-bs-target]{
background-color:#fff;
/*height:7px;*/
}
@media(max-width:992px){
#form-product .form-check label {
  font-size: 12px;
  padding: 8px;}

#form-product .form-check label::before {
  content: " ";
  margin-right: 10px;}}



li.with-sub-menu .menutitle{
  pointer-events:none;

}
li.with-sub-menu:first-child .menutitle{
  pointer-events:auto;

}


li.with-sub-menu:hover{
cursor:pointer;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-img {
 cursor: pointer;
}
.mfp-force-scrollbars {
  &.mfp-wrap {
      overflow-y: auto !important;
      overflow-x: auto !important;
  }
  .mfp-img {
    max-width: none;
  }
  .mfp-close {
   position: fixed;
  }

}

.navbar-nav-scroll {
  max-height: 60vh;}
#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
/* min-height: 80px;*/
 height: auto;
  z-index: 99999;
  opacity: 0.95;
  color: #333;
  background: #fff;
}
#cookie div {
  font-size: 16px;
  color: #333;
}
#cookie a,#cookie a:hover{
  color:#0c2d48 !important
}
#cookie {
box-shadow: 0 -1px 10px 0 #acabab4d;}
.ve-text-danger {
  color: #f96f66;
  font-weight: bold;
  font-size: 14px;}

/*.ve-checkbox i::after, .ve-checkbox i::before {
  content: '';
  width: calc(1em + 5px);
  height: calc(1em + 5px);
  display: block;
  box-sizing: border-box;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0.1em;
  background-color: #fff;
  border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
    border-right-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 #e6ebf1;
  border-radius: 3px;
  transition: .4s;
}*/
label.ve-checkbox {font-weight: bold !important;
  font-size: 14px !important;}
 .ve-checkbox i::before {
  content: '';
  width: calc(1em + 5px);
  height: calc(1em + 5px);
  border: 3px solid rgb(0, 0, 0);
  box-shadow: 0 1px 3px 0 #737373;
  border-radius: 2px;
transform: none;
}
.ve-checkbox [type="checkbox"]:checked + i::after {

  border-width: 0 0.2em 0.2em 0;width: 0.5em;}
  .qc .ve-checkbox [type="checkbox"]:checked + i::before {
  border: 1px solid #1cb751 !important;
  background-color: #1cb751 !important;
}
#search .form-control{
  background:#28292d;
  color:#FFEE00;
}

#search .form-control::placeholder{
  color:#FFEE00;
}
#search {
  border-bottom: 1px solid #707070;
}
#search .btn{
  color: #FFEE00
}

header a{
  color: #FFEE00
}
header a:hover{
  color: #b4a800
}
#header-cart .btn{
  color: #FFEE00!important
}
#header-cart .btn:hover{
  color: #b4a800 !important
}
.header-cart-dropdown,.header-cart-dropdown p{
  color:#333 !important
}