/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #header{ background: rgba(255, 0, 0, 0) !important; }


/* Подкории без навееи */
#subcategories ul li .subcategory-image a {
    display: block;
    padding: 9px;
    border: 1px solid white;
    box-shadow: 2px 5px 12px 1px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
  }

  /* Сам написал */
.subcategory-image a img:hover {
    transform: scale(1.1);
    transition: 0.5s all ease-in-out;
  }
    
#subcategories ul li:hover .subcategory-image a {
    padding: 9px;
    border: 1px solid #FADA5A
  }


.subcategory-name{
    color: black;
    
    }

#subcategories ul li .subcategory-name:hover{
    color: black;
    
    }

form#form_ets_onepagecheckout{
      margin: 0 auto;
      max-width: 1270px;
}
  
.block-onepagecheckout .title-heading,
.ets_pr_gift_products .card-block{
    color: #fff!important;
    background: #27375D;
    border-bottom: 0!important;
    
}
  
#checkout .block-onepagecheckout .title-heading svg{
    fill: #fff!important;
}
  
.onepagecheckout-footer .checkout.card-block .btn{
    display: block;
    max-width: 49%!important;
    margin-left: auto;
    margin-right: 0;
      height: 40px;
      font-family: "Roboto", sans-serif;
      text-transform: none;
      line-height: 1;
      font-size: 15px;
      font-weight: 500;
      padding: 12px 24px;
      border-radius: 3px;
    
}

#checkout #header + #wrapper .breadcrumb{
    margin-left: auto;
    margin-right: auto;
      max-width: 1270px;
}
  
@media (max-width: 768px){
  .onepagecheckout-footer .checkout.card-block .btn{   
      max-width: 100%!important;
  }
}