.shop-announces{position:relative; display:flex; flex-direction:column; justify-content:center; margin:0 10px; align-items:center}
.shop-announce{position:relative; margin-top:10px; width:100%; max-width:100%; height:250px; background-size:cover; background-repeat:no-repeat; background-position:center left} 
.shop-announce-counter-subname{position:absolute; font-size:24px; font-weight:600; color:white}
.shop-announce-timer{position:absolute; font-size:20px; color:white; text-align:center}
   
.shop-banner-settings{position:absolute; top:0; right:0}
.shop-banner-settings > a{display:inline-block; padding:10px}
.shop-banner-settings > a:first-of-type{background-color:#008000; color:white}
.shop-banner-settings > a:last-of-type{background-color:var(--primary); color:white}
  
.shop-about-course{position:absolute; display:inline-block; padding:15px 25px; background-color:black; color:white; font-weight:600; border-radius:35px; font-size:18px}
  
.shop-courses{display:flex; justify-content:center; margin:50px 10px}
.shop-courses > a{margin:0 5px; padding:10px 15px; border-radius:25px; border:1px solid; border-color:var(--secondary); color:#4b4b4b}
.shop-courses > a:hover{background-color:var(--secondary); color:white; transition: 0.3s}
  
.shop-container{display:flex; margin:0 10px}
 
.shop-course-list{width:80%}
 
.shop-tags-container{position:relative; display:flex; flex-direction:column; width:20%}
.shop-tags-items{position:sticky; top:0}
.shop-tags-items > a{display:flex; align-items:center; margin:15px 0; color:var(--menuhover); font-size:18px}
.shop-tags-items > a:hover{color:var(--secondary); transition: 0.1s}
.shop-tags-items > a > i{font-size:24px; font-weight:600}
.shop-tags-items > a > span{margin-left:10px}
  
.shop-tag-selected{color:var(--secondary) !important}  
.shop-sales-banner{position:relative; margin:25px 0; width:100%; max-width:100%; height:533px; background-size:cover; background-repeat:no-repeat; background-position:center left}  
.shop-ssb-empty{display:flex; justify-content:center; align-items:center; border:1px solid; border-color:var(--menuhover); color:var(--menuhover); box-sizing:border-box}
  
.shop-universal-counter-sub{font-size:16px; text-align:center}
  
.shop-sales-timer{position:absolute; padding:10px 25px; background-color:white; color:#4f5a6e; border-radius:5px; text-align:center}
  
.shop-sales-buttons{position:absolute}
.shop-sales-buttons > a{display:inline-block; margin:0 10px; padding:10px 25px; color:white; border-radius:25px; font-size:24px; box-shadow: 0px 0px 17px 1px rgba(255, 255, 255, 1.0)}
.shop-sales-buttons > a:first-of-type{background-color: #4f5a6e}
.shop-sales-buttons > a:last-of-type{background-color: var(--secondary)}
 
.shop-sales-container{display:flex; align-items:center}
.shop-sales-container > a{font-size:50px}
.shop-sales-container-1-color{color:var(--primary)}
.shop-sales-container-2-color{color:var(--secondary)}
  
.shop-sales{display:flex; margin:0 25px; overflow-x:auto; width:100%; max-width:100%}
  
.shop-product-item{position:relative; margin:10px; padding:10px; width:275px; height:350px; background-color:#ebebeb; box-shadow: 5px 5px 10px 0px rgba(166,166,166,1); text-align:center; border-radius:5px}
.shop-product-item > a:first-of-type{display:block; width:250px; height:250px}
.shop-product-item > a:first-of-type > img{display:block; width:100%; height:100%}
.shop-product-item > a:last-of-type{display:inline-block; margin-top:25px; padding:15px 75px; color:white; border-radius:15px; font-size:20px; font-weght:600}

.shop-product-item-big{position:relative; display:inline-flex; flex-direction:column; margin:10px; padding:10px; width:275px; height:750px; background-color:#ebebeb; box-shadow: 5px 5px 10px 0px rgba(166,166,166,1); text-align:center; border-radius:5px}
.shop-product-item-big-imgcontainer{position:relative; margin:0 auto}
.shop-product-item-big-imgcontainer > a:first-of-type{display:block; width:250px; height:250px}
.shop-product-item-big-imgcontainer > a:first-of-type > img{display:block; width:100%; height:100%}
.shop-product-item-big-buy-2{display:block; margin-top:25px; padding:15px 0; color:white; border-radius:15px; font-size:20px; font-weght:600}
.shop-product-item-big-product-name{height:150px; font-size:1.25rem !important; font-weight:500; letter-spacing:.0125em !important; line-height:1.55; text-align:center; text-transform:uppercase}
  
.shop-product-item-label{position:absolute; top:0; left:0; padding:10px 25px; color:white; border-radius:5px}
.shop-product-item-label-1{background-color:var(--primary)}
.shop-product-item-label-2{background-color:var(--secondary)}
  
.shop-product-item-buy-1{background-color:var(--primary)}
.shop-product-item-buy-2{background-color:var(--secondary)}
  
.shop-sales-progressbar{position:absolute; padding:10px 0; width:500px; background-color:white; color:black; border-radius:10px; text-align:center}
.shop-sales-progressbar{box-shadow:0px 0px 17px 1px rgba(255, 255, 255, 1.0)}
.shop-sales-progressbar-done{position:absolute; top:0; left:0; bottom:0; background-color:var(--secondary); border-top-left-radius:10px; border-bottom-left-radius:10px; z-index:1}
.shop-sales-progressbar-done-100{border-top-right-radius:10px; border-bottom-right-radius:10px}
.shop-sales-progressbar-text{position:sticky; z-index:2}

.shop-course-products{text-align:center}

.shop-sales-subname{position:absolute; font-size:24px; font-weight:600; color:white}
.shop-products-title{margin-bottom:25px; font-size:24px; font-weight:600}

.shop-product-in-course-subname{margin-top:25px; text-align:center}
.shop-product-in-course-subname > .counter{justify-content:center; color:gray; font-size:90%}
.shop-product-in-course-subname > .counter > .sec {width:40px; text-align:center}
.shop-product-in-course-subname > .counter > .sec > div, .product .counter > .div {color:var(--rose); text-align:center; font-size:20px}
      
@media (max-width:1233px) {
 body, .content-center{background-color:white}
 .content-center{padding:10px 0}
 .shop-ssb-empty{align-items:baseline; padding-top:100px}
      
 .shop-sales-progressbar{padding:5px 0; width:250px}  
 .shop-sales{position:relative; display:block; overflow-x:scroll; overflow-y:hidden; margin:0; width:66vw; white-space:nowrap}
 .shop-sales-banner{background-size:contain; width:100%; max-width:360px; height:400px}        
                 
 .shop-announce{margin-top:10px; width:100%; max-width:360px; height:180px}
 .shop-announce-timer{position:absolute; font-size:16px; color:white}
    
 .shop-tags-container{position:static; align-items:center}
 .shop-tags-items{top:unset}   
   
 .shop-about-course{font-size:14px}
   
 .shop-courses{flex-direction:column; margin:0 auto; padding:10px; width:100%; max-width:360px; box-sizing:border-box}
 .shop-courses > a{margin:15px 0; text-align:center}
 
 .shop-container{display:block; margin:0 10px}
 .shop-container > div:first-of-type, .shop-container > div:last-of-type{width:100%}      
   
 .shop-sales-buttons{text-align:center}
 .shop-sales-buttons > a{display:block; margin:10px 0; font-size:14px}   
   
 .shop-course-list{display:flex; flex-direction:column; align-items:center}
 
 .shop-product-item{display:inline-block; list-style:none; margin-right:10px; max-width:200px; width:200px; height:275px}
 .shop-product-item > a:first-of-type{display:block; width:200px; height:200px}   
 .shop-product-item > a:last-of-type{padding:15px 0; width:100%; border-radius:5px}
 .shop-product-item-label{padding:5px 10px}
 
 .shop-sales-subname{font-size:16px}
 .shop-products-title{margin-bottom:35px}
 
 .shop-sales-timer{font-size:12px}
}