@import '../css/vendors/bootstrap.css';
@import '../css/vendors/font-awesome.css';
@import '../css/vendors/feather-icon.css';
@import '../css/vendors/animate.css';
@import '../css/vendors/slick/slick.css';
@import '../css/vendors/slick/slick-theme.css';
@import 'demo1.css';



.slick-slider .slick-list .slick-slide > div {
    margin: 0 12px;
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}

.product-box .img-wrapper {
    padding:15px;
}

.brand-image {
    padding:15px;
}

@font-face {
    font-family: 'FiraGO';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fonts.woff) format('woff');
}

header .category-menu .btn {
    font-family:FiraGO;
    font-feature-settings: 'case' on;
}
.btn-solid-default {
    font-family:FiraGO;
}
.service-icon img {
    height: 40px;
    margin-right: 10px;
    filter: invert(19%) sepia(90%) saturate(3279%) hue-rotate(202deg) brightness(96%) contrast(99%);


}

.main-header {
    background-color: #f0f3f8; 
    margin-bottom: 20px;
}

.portfolio .parent-container:hover .overlay-color .overlay-icon {
    opacity:1!important;
}

.portfolio .parent-container .overlay-color {
    opacity:1!important;
    top:0;
}
.portfolio .parent-container .overlay-color .overlay-icon {
    opacity:1!important;
    background-color: #0163d29c;
}

.portfolio .parent-container .overlay-color .overlay-icon h3 {
    font-size: 13px;
    color:#fff;
}


.ratio_asos .bg-size:before {
    padding-top: 87.7777778%;
}


.breadcrumb-section h3{
font-size:25px;
}


.spoiler-text {
    background: black;
    color: transparent;
    cursor: help;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: background 0.3s ease 0.2s, color 0.2s ease 0.25s;
  }
  
  .spoiler-text:hover,
  .spoiler-text:focus {
    background: #e8e8e8;
    color: inherit;
  }
  
  .spoiler-details {
    border-bottom: 1px solid #bbbbbb4a;
    border-radius: 0;
    padding: 0.5rem;
    margin: 0.5rem;
    max-width: 50%;
    min-width: 300px;
}
  
  .spoiler-details summary {
    cursor: pointer;
    font-weight: bold;
    list-style: none;
    padding: 0.25rem;
  }
  
  .spoiler-details[open] summary {
    border-bottom: 1px solid #bbb;
  }
  
  .spoiler-details.animated[open] {
    -webkit-animation: flash 0.5s ease-in-out;
            animation: flash 0.5s ease-in-out;
  }
  
  .spoiler-details.animated[open] .content {
    opacity: 0;
    -webkit-animation: slide 0.5s 1s ease-in-out;
            animation: slide 0.5s 1s ease-in-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes flash {
    0% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes flash {
    0% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes slide {
    0% {
      margin-left: -50%;
      opacity: 0;
    }
    100% {
      margin-left: inherit;
      opacity: 1;
    }
  }
  @keyframes slide {
    0% {
      margin-left: -50%;
      opacity: 0;
    }
    100% {
      margin-left: inherit;
      opacity: 1;
    }
  }
  .js-spoiler {
    background: #e8e8e8;
  }
  
  .js-spoiler.hidden {
    background: black;
    cursor: pointer;
    border-radius: 3px;
  }
  
  .js-spoiler.hidden span {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .spoiler-details summary {
    font-feature-settings: 'case' on;
  }
  .aside-menus li a {
    text-align: center;
    color:#000;
    font-weight: bold;
  }
  .aside-menus li {
    display: block;
    
  }

  .category-option {
    position: sticky;
    top: 10px;
    z-index: 1;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 10px;
}
  

.aside-menus li {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #44444424;
}

.spoiler-details summary {
    font-size:15px;
}

.aside-menus {
    padding-top: 10px;
    padding-bottom: 10px;
}

.serv-a {
  font-feature-settings: 'case' on;
  color:#000;
}