@font-face {
  font-family: 'GothamPro';
  font-style: normal;
  font-weight: 400;
  src: url("font/GothamPro.ttf");
}
@font-face {
  font-family: 'GothamProM';
  src: url(font/gothampro_medium.ttf);
}
@font-face {
  font-family: 'GothamProL';
  src: url(font/gothampro_light.ttf);
}
body ol li{
    margin-left: 0!important;
}
h1,h2,h3{
    font-size: 24px;
    padding:10px 0;
}
.small, small {
    font-size: 70%;
}
body .alert-success {
    background-color: #87aa2a;
    border-color: transparent;
}

body{
    font-family:GothamProM;
    background: #14151a;
    scrollbar-color: #404149 transparent;
	scrollbar-width: thin;
}
body .wrap-container{
    max-width:1000px;
    margin: 0 auto;
}
.no-scroll{
    overflow: hidden!important;
}
/** SCROLING **/
body::-webkit-scrollbar {
	border-radius: 10px;
	height: 100%;
	width: 10px
}
body::-webkit-scrollbar-thumb {
	background: #404149;
	border-radius: 10px
}
body::-webkit-scrollbar-track {
	border-radius: 10px
}
div{
    scrollbar-color: #404149 transparent;
	scrollbar-width: thin
}
div::-webkit-scrollbar {
	border-radius: 6px;
	height: 100%;
	width: 10px;
    background:#14151a;
}
div::-webkit-scrollbar-thumb {
	background: #404149;
	border-radius: 6px
}
div::-webkit-scrollbar-track {
	border-radius: 6px
}



/** BUTTON **/
body .btn--primary:hover,
body .btn---cart-add_pizza:hover,
body #ocmod-popup-okno .ocmod-popup-footer .btn:hover,
body .btn-primary:hover,
body .btn.active.focus,
body .btn:active.focus,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
    background-color: #FFF;
    color: #87aa2a;
    outline: none!important;
}
body #ocmod-popup-okno .ocmod-popup-footer .btn.btn--secondary:hover,
body .btn.btn--secondary:hover{
    background-color: #676a73;
    color: #1b1c21;
    outline: none!important;
}
.btn.focus, .btn:focus{
    color: #fff;
    outline: none!important;
    background-color: #87aa2a;
}
.btn{
    border: none;
    border-radius: 6px;
    background: #87aa2a;
    color: #fff;
    font-size: 16px;
    height: 34px;
    width: 100%;
    padding: 5px 10px;
    font-weight: normal;
}
body .btn--blocked{
    margin-top:20px;
    background: #1b1c21!important;
    pointer-events: none !important;
    color: #676a73!important;
}

/** SLIDESHOW **/
body .slideshow-module{
    margin:10px 0 80px 0;
}
body .owl-carousel .owl-nav button.owl-prev,
body .owl-carousel .owl-nav button.owl-next {
    bottom: calc(50% - 19px);
    height:38px;
    width:38px;
    border-radius:50%;
    background: #222328;
    display: flex;
    align-items:center;
    justify-content:center;
}
body .owl-carousel .owl-nav button.owl-prev{
    left:-15px;
    background: url(img/arrow-carousel.png);
}
body .owl-carousel .owl-nav button.owl-next{
    right:-15px;
    background: url(img/arrow-carousel.png);
    transform: rotate(180deg);
}
body .owl-carousel .owl-nav button.owl-prev .fa,
body .owl-carousel .owl-nav button.owl-next .fa{
    font-size:12px;
}
body .owl-carousel .owl-stage-outer{
    border-radius: 10px;
}
/** HEADER **/
body .mobile-bar{
    display:none;
}
body header.header{
    background: #14151a;
    box-shadow: none;
}
body header .header-top{
    width: 100%;
    background: #1b1c21;
    border-radius: 0 0 30px 30px;
    margin-top: 15px;
    height:90px;
    position: relative;
    z-index: 2;
}
body header .header-top a:hover{
    color:#87aa2a;
}
body header .header-top .wrap-container{    
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 350px 1fr;
}
body header .header-logo{
    background: #14151a;
    border-radius: 0 0 30px 30px;
    text-align:center;
    height:80px;
}
body header .header-left{
    display:flex;
    align-items: center;
}
body header .header-top .icon-pin{
    background: url(img/pin.png);
    margin-right:30px;
}
body header .link-modal,
body header .header-phone a{
    font-size:16px;
    color:#676a73;
}
body header .link-modal{
    margin-right:10px;
    cursor: pointer;
}
body header .header-top .icon-user{
    height: 28px;
    width: 28px;
    background: url(img/user.png);
}
body header .header-top .icon{
    display: block;
    height: 28px;
    width: 28px;
    float: left;
    cursor: pointer;
}
body header .header-top .icon-cart{
    background: url(img/cart.png) no-repeat 0 0;
    padding-left: 28px;
    position: relative;
}
body header .header-top .icon-cart:hover{
    background-position: 0 -27px;
}
body header .header-top .icon-user{
    background: url(img/user.png) no-repeat 0 0;
    margin-right:20px;
}
body header .header-top .icon-user:hover{
    background-position: 0 -27px;
}
body header .header-top #cart-total{
    position: relative;
    top:60%;
    left:0;
    bottom:0;
    display: block;
    background: none;
    min-height:14px;
    min-width:14px;
    height: 14px;
    width: 14px;
    font-size: 16px;
    line-height: 14px;
    padding:0;
    color:#87aa2a;
}
body header .header-right{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
body header .header-right .header-phone{
    text-align:center;
}
body header .header-nav{
    width:100%;
    height:60px;
}
body header .header-nav .wrap-container{
    position: relative;
}
body header .header-nav nav{
    background: #222328;
    margin:0 auto;
    border-radius:0 0 20px 20px;
    padding:20px 50px;
    display:flex;    
    justify-content: space-between;
}
body header .header-nav img{
    display:block;
    margin:0 auto 10px auto;
    padding:0;
}
body header .header-nav a{
    font-size:16px;
    color:#676a73;
    padding: 0;
    margin: 0;
}
body header .topnav__link:hover {
    color: #fff;
}
body header .topnav__link:hover img{
    filter: brightness(10);
}
body header nav.topnav {
    position: absolute;
    z-index: 1;
    top:-50px;
    transition: 0.5s;
    width:100%;
}
body header nav.topnav:hover {
    top:0;
}
body .usermenu {
    display:none;
    box-shadow:none;
}
/** FRONT bullets **/
body .block-bullets{
    color:#fff;
    text-transform: uppercase;
    margin-bottom:80px;
}
body .block-bullets .heading-bullets,
body .heading-block{
    font-size: 17px;
    margin-bottom:50px;
    text-align: center;
}
body .block-bullets ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
    padding: 0;
    list-style: none;
}
body .block-bullets li{
    background: #222328;
    border-radius:20px;
    padding:20px;
    font-size: 14px;
    display: flex;
    justify-content:space-between;
    align-items:center;
    height:60px;
}
body .block-bullets li .green{
    color:#87aa2a;
}
/** FRONT product carousel **/
body .product-carousel{
    margin-bottom: 80px;
}
body .product-carousel .module-title__text {
    font-size: 34px;
    padding-left: 20px;
}
body .product-carousel .module-title{    
    margin-bottom: 45px;
    justify-content: flex-start;
}
body .product-carousel .productcarusel-box{
    margin-top:120px;
}
body .product-carousel .swiper-button-next, 
body .product-carousel .swiper-button-prev {
    position: absolute;
    top: -80px;
    width: 14px;
    height: 18px;
    background: url(img/arrow.png) center center no-repeat;
    left: 0;
    
    margin:0;
    display: block;
}
body .product-carousel .swiper-button-next{
    left:30px;
}
body .product-carousel .swiper-button-prev{
    transform: rotate(180deg);
}
body .product-carousel .swiper-button-next:after, 
body .product-carousel .swiper-button-prev:after {
    display:none;
}
body .product-carousel .product-carousel-img__link {
    border: none;
    height:auto;
    margin-bottom: -60px;
    text-align: center;
}
body .product-carousel-img__link .product-carousel__image {
    transform: scale3d(0.9, 0.9, 0.9);
}
body .product-carousel-img__link:hover .product-carousel__image {
    transform: scale3d(1, 1, 1);
    transition: 0.3s transform;
}
body .product-carousel .product-carousel-img__link:hover {
    box-shadow: none;
    transition: 0.3s box-shadow;
}
body .product-carousel .product-carousel__item{
    padding: 0;
}
body .product-carousel .product-carousel__text{
    display:block;
    background: #222328;
    border-radius:10px;
    padding: 60px 15px 15px 15px;
}
body .product-carousel .product-carousel__title{
    font-size:17px;
    text-align:center;
    margin-bottom:15px;
    height: 35px;
}
body .product-carousel .product-carousel__title:hover {
    color: #87aa2a;
}
body .product-carousel  .product-carousel__desc{
    color:#676a73;
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 10px;
    margin-bottom: 30px;  
}
body .product-carousel  .product-carousel__desc p{
    margin:0;
}
body .product-carousel .product-carousel__price{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body .product-carousel .product-carousel__price .product-category__price{
    font-size:16px;
}
body .product-carousel .product-carousel__price .price-old{
    color: #676a73;
    font-size: 12px;
}
body .product-carousel .product-carousel__price .price-new{
    color: #87aa2a;
    margin-left:5px;
}
body .product-carousel .product-carousel__price .weight{
    font-size:12px;
    color:#676a73;
}
body .product-carousel button{
    border:none;
    border-radius: 6px;
    background: #87aa2a;
    color:#fff;
    font-size:16px;
    height:34px;
    width:100%;
    padding:0;
    font-weight: normal;
}
body .product-carousel .quantity{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    padding: 15px 0;
    width: 80px;
    margin: 0 auto;
}
body .product-carousel .quantity input{
    height:20px;
    color:#fff;
    width:40px;
    background: #676a73;
    border:none;
    padding: 0;
    line-height: normal;
    text-align: center;
}
body .product-carousel .quantity span{
    font-size:16px;
    cursor:pointer;
}
/** FRONT news blog **/
body .newsblog_articles_title a {    
    font-size: 17px;
    background: #222328;
    border-radius: 6px;
    border: 1px solid #5c7224;
    padding: 10px 20px;
}
body .newsblog_items{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    margin:50px 0 80px 0;
}
body .newsblog_items .transition img{
    border-radius:0;
}
body .newsblog_items .product-thumb .caption {
    padding: 20px 0 0 0;
}
body .newsblog_items .product-thumb h4 {
    padding: 0;
    margin:0;
    text-align: center;
}
body .newsblog_items .product-thumb h4 a{
    color:#676a73;
    text-transform: none;
    font-size:13px; 
        font-family: "GothamProL";   
}
/** FRONT html **/
body .html-block h1,
body .html-block h2{
    font-size: 17px;
    margin-bottom: 50px;
    text-align: center;
    color:#fff;
    text-transform: uppercase;
}
body .html-block h2{
    margin: 20px 0;
    text-transform: none;
}
body .html-block{
    color:#676a73;
    text-transform: none;
    font-size:13px; 
}
body .html-block p{
    margin:0 0 10px 0!important; 
}
body .button-more-read{
    padding: 15px 0;
}
body .button-more-read span{
    color: #676a73;
    text-transform: none;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
body .button-more-read span:after{
    content:url("img/arrow-more.png");
    display: block;
    height: 15px;
    margin-left: 10px;
}
body .block-more-read{
    height:100px;
    overflow: hidden; 
}
/** FOOTER **/
body .footer .wrap{
    background: #1b1c21;
    border-radius:30px 30px 0 0;
    border:none;
}
body .footer .wrap-container{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    width: 100%;
    align-items: flex-start;
}
body .footer .footer_title{
    margin:50px 0 30px 0;
    color:#fff;
}
body .footer .footer_phone{
    margin-bottom:30px;
}
body .footer .footer_phone a{
    color:#fff;
}
body .footer p{
    font-size:17px;
    color:#fff;
}
body .footer a,
body .footer p span{
    color:#676a73;
    padding:0 0 10px 0;
    font-size: 17px;
}
body .footer .footer_info{
    text-align:center;
    display: grid;
}
body .footer .footer_info img{
    margin: 0 auto 10px auto;    
}
body .footer .footer_info .follow-us{
    display: grid;
    grid-template-columns: 32px 32px;
    justify-content: center;
    grid-column-gap: 30px;
    margin:10px 0 20px 0;
}
body .footer .footer_info .follow-us a {
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    padding: 0;
}
body .footer .footer_info .follow-us a i {
    color:#fff;
}
body .footer .footer_link{
    display: grid;
    justify-content: flex-end;
}
/** INFO CONTENT **/
body .info-content{
    background:#1b1c21;
    border-radius:10px;
    padding:15px;
    color:#676a73;
    font-size: 17px;
    margin:0;
}
body .info-content h1{
    color:#676a73;
    font-size:17px;
    text-transform: uppercase;
    margin:20px 0 30px 0;
}
body .info-content h2{
    font-size:17px;
}
body .info-content .gallery-img{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 45px;   
    margin-bottom:50px; 
}
body .info-content img {
    display: block;
    border-radius: 0;
    max-width: 100%;
    margin: 0;
    width:100%;
}
/** BREADCRUMB **/
body .breadcrumb {
    margin: 15px 0 30px 0;
    padding: 0;
    display: flex;
    border: none;
}
body .breadcrumb .icon-home{
    display: block;
    height: 24px;
    width:17px;
    background: url(img/home.png) center center no-repeat;
}
body .breadcrumb a{
    padding: 0 18px 0 10px;
    color:#676a73;
    font-size:13px;
    text-transform: lowercase;
}
body .breadcrumb a:after {
    top: 50%;
    width: 8px;
    height: 8px;
    content: '';
    background: #87aa2a;
    border-radius: 50%;
    display: block;
    right: 0;
    margin-top: -4px;
}
body .breadcrumb a:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/** CATEGORY **/
body .category__title_pizza,
body .category__title{
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom:50px;
}

body .sort a {
    color: #676a73;
    font-size: 16px;
    margin: 0 20px 20px;
    text-transform: lowercase;
    display: flex;
    align-items: center;
    padding: 0;
}
body .sort a img{
    margin:0 10px;
    float:left;
}
body .sort a:before{
    width: 12px;
    height: 12px;
    content: '';
    border:1px solid #676a73;
    border-radius: 50%;
    display: block;
    float:left;
}
body .sort a.active,
body .sort a:hover{
    color: #87aa2a;
}
body .sort a:hover:before,
body .sort a.active:before{
    background: #87aa2a;
    border:1px solid #87aa2a;
}
body .additional,
body .product-category{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 50px;     
    margin-bottom:80px;  
}
body .additional__item ,
body .product-category__item {
    width: 100%;
    margin:0!important;
    padding:0;
}
body .additional .additional-img__link,
body .product-category .product-category-img__link {
    border: none;
    height:auto;
    margin-bottom: -60px;
    position: relative;
    z-index: 3;
    text-align: center;
}
body .additional-img__link .additional__image,
body .product-category-img__link .product-category__image {
    transform: scale3d(0.9, 0.9, 0.9);
}
body .additional-img__link:hover .additional__image,
body .product-category-img__link:hover .product-category__image {
    transform: scale3d(1, 1, 1);
    transition: 0.3s transform;
}

body .additional .additional-img__link:hover,
body .product-category .product-category-img__link:hover {
    box-shadow: none;
    transition: 0.3s box-shadow;
}
body .additional .additional__text,
body .product-category .product-category__text{
    display:block;
    background: #222328;
    border-radius:10px;
    padding: 60px 15px 15px 15px;
}
body .additional .additional__title,
body .product-category .product-category__title{
    font-size:17px;
    text-align:center;
    margin-bottom:15px;
    height: 35px;
}
body .additional .additional__title:hover,
body .product-category .product-category__title:hover {
    color: #87aa2a;
}
body .additional .additional__desc,
body .product-category  .product-category__desc{
    color:#676a73;
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 45px;
    min-height:45px;
    margin-bottom: 30px;    
}
body .additional .additional__desc p,
body .product-category  .product-category__desc p{
    margin:0;
}
body .additional .additional__price,
body .product-category .product-category__price{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:16px;
}
body .additional .additional__price .price-old,
body .product-category .product-category__price .price-old{
    color: #676a73;
    font-size: 12px;
}
body .additional .additional__price .price-new,
body .product-category .product-category__price .price-new{
    color: #87aa2a;
    margin-left:5px;
}
body .additional .additional__price .weight,
body .product-category .product-category__price .weight{
    font-size:12px;
    color:#676a73;
}
body .additional button,
body .product-category button{
    border:none;
    border-radius: 6px;
    background: #87aa2a;
    color:#fff;
    font-size:16px;
    height:34px;
    width:100%;
    padding:0;
    font-weight: normal;
}
body .additional .quantity,
body .product-category .quantity{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    padding: 15px 0;
    width: 80px;
    margin: 0 auto;
}
body .additional .quantity input,
body .product-category .quantity input{
    height:20px;
    color:#fff;
    width:40px;
    background: #676a73;
    border:none;
    padding: 0;
    line-height: normal;
    text-align: center;
}
body .additional .quantity span,
body .product-category .quantity span{
    font-size:16px;
    cursor:pointer;
}
body .html-category .block-more-read {
    height: 250px;
}
/** PRODUCT **/
body #product{
    background:#222328;
    border-radius: 10px;
    padding:40px 30px;
}
body .product__title,
body .product__title_pizza{
    color:#87aa2a;
    font-size:20px;
    text-transform: uppercase;
}
body #product{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 40px;
}
body #product > div{
    width:100%;
    max-width:100%;
}
body #product .product__img .product__desc,
body #product .product__img .product__title,
body #product .product__img .product__weight{
    display:none;
}
body #product .product__desc,
body #product .product__weight{
    color:#676a73;
    font-size: 13px;
}
body #product .product__price{
    color:#fff;
    font-size:17px;
}
body #product .price-old{
    font-size:14px;
    color:#fff;
}
body #product .price-new{
    color:#87aa2a;
    font-size:17px;
}
body #product .quantity-buttons{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    padding: 0;
    width: 80px;
    margin: 30px auto;
}
body #product .quantity-buttons .addquantity{
    height:20px;
    color:#fff;
    width:40px;
    background: #676a73;
    border:none;
    padding: 0;
    line-height: normal;
    text-align: center;
    font-size: 14px;
}
body #product .quantity-buttons .plus,
body #product .quantity-buttons .minus{
    font-size:16px;
    cursor:pointer;
    background: none;
    width: auto;
}
body .product-buttons{
    display: flex;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
body .product-buttons > a{
    width:100%;
}
body #button-cart,
body #button-additive{
    border: none;
    border-radius: 6px;
    background: #87aa2a;
    color: #fff;
    font-size: 16px;
    height: 34px;
    width: 100%;
    padding: 0;
    font-weight: normal;
}
body #button-additive{
    background: #676a73;
}
body #product .form-group{
    margin:0;
}
body .customer__title{
    color:#fff;
    text-transform: uppercase;
    font-size:17px;
    margin:40px 0;
    text-align: center;
}
body .popup-table > .cell {
    display: flex;
}
body .popup-content{
    border-radius:6px;
    background: #1b1c21;
    max-width: 850px;
    padding:40px 20px;
}
body .additive-one__row {
    display: grid;
    grid-template-columns:repeat(4,1fr);
    margin: 0;
    grid-gap:20px;
    max-height:400px;
    overflow: auto;
}
body .popup-form{
    background: none;
}
body .popup-table .popup-close {
    top: 10px;
    right: 10px;    
    display: block;
    height: 10px;
    width:10px;
    background: url("img/close.png") no-repeat center;
}
body .popup-content .quantity-buttons{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    padding: 0;
    width: 80px;
    margin:10px auto 20px auto;
}
body .popup-content .quantity-buttons .additive-addquantity{
    height:20px;
    color:#fff;
    width:40px;
    background: #676a73;
    border:none;
    padding: 0;
    line-height: normal;
    text-align: center;
    font-size: 14px;
}
body .popup-content .quantity-buttons .additive-plus,
body .popup-content .quantity-buttons .additive-minus{
    font-size:16px;
    cursor:pointer;
    background: none;
    width: auto;
    height:20px;
}
body .popup-content .additive-info__text{
    font-size:13px;
    color:#676a73;
    margin-bottom:10px;
    height: 45px;
    display: flex;
    align-items:center;
    width: 100%;
    flex-direction: column;
    padding: 0 10px;
}
body .popup-content .additive-info__price{
    color:#fff;
    font-size:13px;
}
body .additive-one__col {
    padding: 0;
    margin:0;
    flex: none;
}

/** CONTACT **/
body #contact-page{
    display: block;
    max-width:500px;
    border-radius: 20px;
    margin: 0 auto;
    background: #1b1c21;
    padding:20px 50px 0 50px;
}
body #contact-page .contact__title{
    font-size:17px;
    text-transform: uppercase;
    color:#676a73;
    margin: 0 0 40px 60px;
}
body #contact-page .contact__title.normal{
    text-transform: none;
}
body #contact-page .contact__cont{
    display: block;
    padding-bottom: 5px;
    padding-left: 60px;
}
body #contact-page .contact__cont span{
    display: block;
    color:#676a73;
    font-size:17px;
    margin-bottom: 30px;
}
body #contact-page .contact__cont a{
    display: block;
    color:#fff;
    font-size:17px;
    margin-bottom: 30px;
}
body #contact-page .contact__delivery{
    color:#90b62a;
    font-size:12px;
    margin-top: -35px;
}
body #contact-page .contact__phone{
    background: url("img/contact-phone.png") no-repeat 0 40px;
}
body #contact-page .contact__email{
    background: url("img/contact-email.png") no-repeat 0 50px;
}
body #contact-page .contact__work{
    background: url("img/contact-work.png") no-repeat 0 50%;
    color:#fff;
    font-size:17px;
    line-height: 25px;
}

/** MODAL **/
body .modal-dialog {
    height: 100vh !important;
    display: flex;
    margin: 0 auto;
}
body .modal-content {
    margin: auto !important;
    height: fit-content !important;
}
body .modal-content{
    max-width:500px;
    border-radius:20px;
    background: #1b1c21;
}
body .modal-content .close{
    display: block;
    height: 10px;
    width:10px;
    background: url("img/close.png") no-repeat center;
    margin: 10px;
    position: relative;
    z-index: 1;
    opacity: 1;
}
body .modal-header,
body .modal-body{
    padding: 0;
    border:none;
}
/** SUCCESS */
body #success_page{
    background:#222328;
    border-radius:20px;
    padding: 60px 0;
    margin:100px 0;
    text-align:center;
}
body #success_page h1,
body #success_page p{
    color:#fff;
    font-size:17px;
    text-transform: uppercase;  
}
body #success_page img{
    margin:20px 0 40px 0;
}
body #success_page p{
    color:#676a73;
}
body #success_page .btn{
    background: #2f2f37;
    text-transform: uppercase;
    font-size:17px;
    border-radius:6px;
    border:1px solid #43454c;
    padding:5px 10px;
    width: auto;
}
body #success_page .btn:hover{
    color:#43454c;
    background:#fff;
    transition: all 1s;
}
/** CART **/
body #ocmod-popup-okno{
    background: none;
}
body #ocmod-popup-okno #ocmod-popup-okno-inner{
    border-radius:20px;
    background: #222328;
    padding: 40px 40px 0 40px;
}
body #ocmod-popup-okno .mfp-close{
    display: block;
    height: 10px;
    width:10px;
    background: url("img/close.png") no-repeat center;
    margin: 10px;
    z-index: 1;
    opacity: 1;
    top:10px;
    right:10px;
    font-size: 0;
}
/** CART empty **/
body #ocmod-popup-okno .empty-img{
    background:url("img/empty-cart-bg.png") no-repeat center bottom;
    background-size:contain;
    text-align: center;
    padding:0;
}
body #ocmod-popup-okno .empty-cart{
    color:#676a73;
    font-size:17px;
    line-height: 33px;
    margin-bottom: 20px;
}
body #ocmod-popup-okno .empty-img .btn{
    background: #2f2f37;
    text-transform: uppercase;
    font-size:17px;
    border-radius:6px;
    border:1px solid #43454c;
    padding:5px 10px;
    font-weight: normal;
    width:auto;
}
body #ocmod-popup-okno .empty-img .btn:hover{
    color:#43454c;
    background:#fff;
    transition: all 1s;
}
body #ocmod-popup-okno .empty-img img{
    margin:60px auto;
    display: block;
    width: 110px;
}
/** CART full **/
body #ocmod-popup-okno .body-cart .display-products-cart{
    background: #1b1c21;
    margin-bottom: 15px;
}
body #ocmod-popup-okno .body-cart .display-products-cart tr{
    background: none;
    position:relative;
    border-bottom:10px solid #222328;
}
body #ocmod-popup-okno .body-cart .display-products-cart tr td{
    padding:5px;
}
body #ocmod-popup-okno .body-cart .display-products-cart tr td.image {
    min-width: 75px;
}
body #ocmod-popup-okno .body-cart .display-products-cart tr td.name{
    text-align:left;
    width:100%;    
    font-size: 12px;
    color:#676a73;
}
body #ocmod-popup-okno .body-cart .display-products-cart tr td.name a{
    font-size:17px;
    color:#fff;
    text-transform: uppercase;
}
body #ocmod-popup-okno .body-cart .display-products-cart .image a{
    max-height: inherit;
}
body #ocmod-popup-okno .body-cart .display-products-cart tr td.remove button{
    display: block;
    height: 10px;
    width:10px;
    background: url("img/close.png") no-repeat center;
    margin: 10px;
    position: absolute;
    z-index: 1;
    opacity: 1;
    top:0;
    right:0;
}
body #ocmod-popup-okno .body-cart .display-products-cart tr td.remove button i{
    display: none;
}
body #ocmod-popup-okno .body-cart .display-products-cart .number{
    border: none;
}
body #ocmod-popup-okno .body-cart .display-products-cart .frame-change-count{
    width:100px;
}
body #ocmod-popup-okno .body-cart .display-products-cart tr td.qt input[name=quantity]{
    height:24px;
    color:#fff;
    width:40px;
    background: #676a73;
    border:none;
    padding: 0;
    line-height: normal;
    text-align: center;
    font-size: 14px;
}
body #ocmod-popup-okno .body-cart .mobile-products-cart .btn-minus button,
body #ocmod-popup-okno .body-cart .display-products-cart .btn-minus button,
body #ocmod-popup-okno .body-cart .mobile-products-cart .btn-plus button,
body #ocmod-popup-okno .body-cart .display-products-cart .btn-plus button{
    background: none;  
    font-size:16px;
    height: 24px;
}
body #ocmod-popup-okno .ocmod-popup-footer{
    display: grid;
    max-width: 280px;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin: 0 auto;
    padding:0 0 40px 0;
}
body #ocmod-popup-okno .body-cart .all-total {
    float: none;
    max-width: 280px;
    margin: 0 auto;
    padding:0 0 35px 0;
}
body #ocmod-popup-okno .body-cart .all-total .totals-left{
    float:left;
    color:#676a73;
}
body #ocmod-popup-okno .ocmod-popup-footer .btn{
    border: none;
    border-radius: 6px;
    background: #87aa2a;
    color: #fff;
    font-size: 16px;
    height: 34px;
    width: 100%;
    padding: 0;
    font-weight: normal;
    margin: 0;
    line-height: 34px;
}
body #ocmod-popup-okno .ocmod-popup-footer .btn.btn--secondary{
    background: #1b1c21;
    color:#676a73;
}
body #ocmod-popup-okno .ocmod-popup-footer a.btn--secondary{
    display:none;
}
/** LOGIN **/
body #modal-poppup{
    display: block;
    max-width:450px;
    border-radius: 20px;
    margin: 0 auto;
    background: #1b1c21;
    padding:20px 50px;
}
body .modal-heading{
    font-size:16px;
    text-align: center;
    color:#676a73;
    margin-bottom:30px;
}
body form input[type=text],
body form input[type=password]{
    background: #14151a;
    border-radius:6px;
    width:100%;
    color:#fff;
    border:none;
    height: 34px;
    padding: 10px;
    box-shadow: none;
}
body .in-el{
    margin-bottom:25px;
}
body form label{
    color:#676a73;
    font-size:13px;
}
body form label sup{
    color:#eb6003;
    font-size:16px;
    top: 0;
    margin-left:5px;
}
body form .error_text,
body .simplecheckout-error-text{
    color:#eb6003;
    font-size: 12px;
}
body form .flex_row{
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap:20px 10px;
    text-align: right;
}
body .form-checkbox span{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
body .form-checkbox input{
    display: none;
}
body .form-checkbox span:before{
    width: 12px;
    height: 12px;
    content: '';
    border: 1px solid #676a73;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right:10px;
}
body .form-checkbox input[type="checkbox"]:checked + span:before{
    background:#87aa2a;
    border-color:#87aa2a;
}
body .modal-toggle{
    text-align:center;
}
body .modal-subtitle{
    color:#676a73;
    padding:15px 0 5px 0;
}
body .modal-link{
    color:#fff;
    text-transform: uppercase;
    font-size:16px;
    cursor:pointer;    
}
body .modal-link:hover{
    text-decoration: underline;    
}
body #account-register .address-heading{
    text-transform: uppercase;
    padding: 0 0 20px 0;
}
body #account-register .in-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
/** ACCOUNT **/
/** ACCOUNT info **/
body .account-info{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:20px;
    color:#fff;
    font-size:17px;
    margin:70px 0;
}
body .account-info > div:last-child{
    text-align:right;
}
body .account-info > div a{
    font-size:14px;
    cursor:pointer;
    color:#676a73;
    margin-left:10px;
}
/** ACCOUNT address **/
body .account-address{
    border-radius:6px;
    background: #222328 url("img/account-address.png") no-repeat 10px 50%;
    padding: 10px 30px;
    margin-bottom:40px;
}
body .account-address .address-heading{
    color:#676a73;
    font-size:17px;
    margin-bottom:30px;
}
body .account-address .address-heading button{
    font-size:14px;
    float:right;
    cursor:pointer;
    color:#87aa2a;
    border:none;
    background: none;
}
body .account-address .in-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-column-gap:30px;
    margin-left:80px;
}
/** ACCOUNT cart **/
body .cart-heading{
    display:none;
}
body .account-cart  #ocmod-popup-okno{
    width:100%;
    max-width:100%;
    margin-bottom:40px;
}
body .account-cart #ocmod-popup-okno #ocmod-popup-okno-inner {
    border-radius: 6px;
    padding:30px 40px;
}
body .account-cart .cart-heading{
    display: block;
    color:#fff;
    font-size:17px;
    text-transform: uppercase;
    margin-bottom:30px;
    text-align:center;
}
body .account-cart .btn--account{
    display: inline;
}
body .account-cart #ocmod-popup-okno .ocmod-popup-center,
body .account-cart #ocmod-popup-okno .ocmod-popup-footer{
    padding: 0;
}
body .account-cart #ocmod-popup-okno .ocmod-popup-footer a.btn--secondary{
    display:block;
}
body .account-cart #ocmod-popup-okno .ocmod-popup-footer button.btn--secondary{
    display:none;
}
/** ACCOUNT order **/
body .account-orders{
    border-radius:6px;
    background: #222328;
    padding:30px 40px;
    margin-bottom:40px;
}
body .account-orders .orders-body{
    overflow: auto;
    height: 300px;
    padding-right: 20px;
}
body .account-orders .orders-heading{
    color:#fff;
    font-size:17px;
    text-transform: uppercase;
    margin-bottom:30px;
    text-align:center;
}
body .account-orders .orders-item{
    background: #14151a;
    padding: 10px 10px 30px 10px;
    font-size: 17px;
    color:#676a73;
    text-transform: uppercase;
    margin-bottom:30px;
}
body .account-orders .orders-item:last-child{
    margin-bottom:0;
}
body .account-orders .orders-item .orders-item--heading{
    color:#fff;
    margin-bottom: 40px;
}
body .account-orders .orders-item >div{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:10px;
}
body .account-orders .orders-item >div > div:nth-child(2n){
    text-align:right;
    text-transform: none;
}
/** SHOPRATING **/
body .shop-rating{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    background: none;
    padding:0;
}
body .shop-rating > div{
    background: #222328;
    padding:25px;
    min-height: 200px;
}
body #ratingModalTitle{
    color:#fff;
    font-size:17px;
    text-transform: uppercase;
    text-align:center;
}
body #ratingModalDesc .rating-box label{
    font-size:13px;
    color:#676a73;
    margin:0 0 10px 0;
}
body #ratingModalDesc .rating-box {
    margin: 0 0 25px;
}
body #ratingModalDesc .rating-box .grid-2{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 20px;
    margin-bottom: 10px;
}
body .newShopRatingForm .field_desc {
    margin:5px 0 10px 0;
}
body .newShopRatingForm .rating-box textarea,
body .newShopRatingForm .rating-box textarea:focus {
    background:#1b1c21;
    border:none;
    outline:none;
    padding:10px;
}
body .newShopRatingForm .rating-box input {
    border:none;
    outline:none;
    box-shadow: none;
}
body #ratingModalDesc .rating-box label.text-success{
    color: #3c763d;
}
body #ratingModalDesc .rating-box #input-good{
    height: 100px;
    margin-bottom:25px;
}
body #ratingModalDesc .rating-box #input-bad{
    height:100px;
}
body #ratingModalDesc .text-danger{
    font-size:13px;
}
body #ratingModalDesc .rating-box label.text-danger {
    color: #a94442;
}
body .shop_summary_rating{
    margin: 0;
}
body .shop_rates_list{
    height: 200px;
    overflow: auto;
}
body .ratings-item {
    border-radius: 0;
    background: #1b1c21;
    margin: 0 10px 20px 0;
    padding: 15px;
}
body .ratings-item .ratings-item-header{
    color:#fff;
    font-size:17px;
    padding:0 0 20px 0;
}
body .ratings-item .ratings-item-header .rating-sender,
body .ratings-item .ratings-item-header .rating-date{
    font-size:17px;
}
body .ratings-item .ratings-item-rates .ratings-item-rates-item.custom-rate{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 20px;
    margin-bottom: 10px;
    padding:0 0 10px 0;
    margin:0;
}
body .ratings-item .ratings-item-rates .ratings-item-rates-item.custom-rate .rates-title {
    width: auto;
    color: #676a73;
    text-align: left;
    padding: 0;
    font-weight: normal;
    font-size:13px;
}
body .ratings-item .ratings-item-comment {
    padding:20px 0;
    font-size: 16px;
}
body .ratings-item .ratings-item-answer{
    background:#222328;
}
body .ratings-item .ratings-item-answer p {
    margin: 0;
}
body .ratings-item .ratings-item-answer .ratings-item-answer-title {
    font-weight: normal;
    color: #fff;
    padding: 5px 0;
}
body .shop_rates_pagination .pagination{
    margin:0;
    padding:0;
}
body .shop_rates_pagination .pagination li{
    margin:0 0 5px 0;
}
body .shop_rates_pagination .pagination>li>a, 
body .shop_rates_pagination .pagination>li>span {
    font-size: 14px;
    padding:6px 10px;
}
body .rate-star,
body .rate-star-show {
    background: url(../image/shop_rate/rate-stars-green.png) top center no-repeat;
    background-size: 100% auto;
}
body .rate-star-show.small-stars{
    height:14px;
    width: 15px;
}
/** CHECKOUT **/
body .simple-content .simplecheckout-step{
    margin-top:40px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:50px;
}
body .simple-content .simplecheckout-step > div{
    width:100%!important;
    background: #222328;
    border-radius:10px;
}
body .simple-content #simplecheckout_customer{
    padding:0;
    background: #14151a;
}
body .simple-content #simplecheckout_customer .checkout-heading{
    background: #222328;
    border-radius:10px 10px 0 0;
    padding-top:15px;
}
body .simple-content #simplecheckout_customer .simplecheckout-block-content{
    padding:0 40px;
    border-radius:0 0 10px 10px;
    background: #222328;
}
body .simple-content #simplecheckout_customer:after{
    content:'';
    display: block;
    height:15px;
    background:#14151a;
}
body .simple-content  #simplecheckout_cart{
    position:relative;
    padding-bottom:15px;
}
body .simple-content  #simplecheckout_cart .checkout-heading{
    padding:15px 40px;
    color:#fff;
}
body .simple-content #simplecheckout_cart:before{
    background: #222328;
    content:'';
    display: block;
    height:10px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    top:0;
    left:0;
    right:0;
    z-index: 2;
}
body .simple-content #simplecheckout_cart:after{
    background: #14151a;
    content:'';
    display: block;
    height:10px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    z-index: 1;
}
body .simple-content #simplecheckout_cart> div{
    padding:5px 40px 0 40px;
}
body .simplecheckout-left-column{
    padding:15px 40px;
}
body .simplecheckout-left-column .simplecheckout-block{
    margin-bottom:30px;
}
body #simplecheckout_shipping .checkout-heading{
    text-transform:uppercase;
    color:#fff;
}
body #simplecheckout_shipping .simplecheckout-block-content{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:15px;
}
body #simplecheckout_shipping .simplecheckout-block-content{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:15px;
    align-items: baseline;
}
body #simplecheckout_shipping .simplecheckout-block-content .form-select{
    order:1;
    grid-column:1/span 2;
}
body .simple-content #simplecheckout_cart .row-shipping_address_type_promotion{
    min-width: 100%;
    padding: 20px 40px;
}
.row-shipping_address_type_promotion>label{
    float: none;
    font-size:17px;
    text-align: center;
    margin-bottom: 15px;
}
.row-shipping_address_type_promotion>div{
    float:none;
}

body #simplecheckout_shipping .radio label{
    background: #14151a;
    color:#676a73;
    font-size:14px;
    text-transform: uppercase;
    align-items: baseline;
    padding:10px;
    text-align:center;
    border-radius:10px;
    display: block;
}
body #simplecheckout_shipping .radio label input{
    display:none;
    background: #87aa2a;
}
body #simplecheckout_shipping .radio label span,
body #simplecheckout_shipping .radio label span:before,
body #simplecheckout_shipping .radio label span:after,
body .row-shipping_address_field22 > label{
    display:none;    
}
body #simplecheckout_shipping .radio label input[type="radio"]:checked + span{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: #87aa2a;
    border-radius:10px;
    z-index: 0;
    color:#fff;
    display: flex;
    align-items:center;
    justify-content: center;
}
body #simplecheckout_payment .radio label{
    border:1px solid #676a73;
    border-radius:10px;
    padding:10px;
    color:#676a73;
    font-size:17px;
    margin-bottom:20px;
}
body #simplecheckout_payment .radio label span,
body #simplecheckout_shipping_address .radio label span{
    font-size:0;
    height:14px;
}
body #simplecheckout_shipping_address{
    margin:0
}
body #simplecheckout_shipping_address .form-horizontal{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:0 20px;
    align-items: center;
}
body #simplecheckout_comment .checkout-heading{
    color: #676a73;
    font-size: 13px;
    padding: 5px 0;
    text-align: left;
}
body #simplecheckout_comment textarea{
    background: #14151a;
    border-radius: 6px;
    width: 100%;
    color: #fff;
    border: none;
    height: 34px;
    padding: 10px;
    box-shadow: none;
    max-width:100%;
    min-height:50px;
}
body .simple-content .checkout-heading{
    color:#676a73;
    font-size:17px;
    padding:0 0 15px 0;
    margin:0;
    text-align: center;
}
body .simple-content .checkout-heading span{
    float:none;
}
body .simple-content .col-sm-4,
body .simple-content .col-sm-8 {
    width:100%!important;
    padding:0;
}
body .simple-content .form-horizontal .control-label {
    color:#676a73;
    font-size:13px;
    padding:5px 0;
    text-align:left;
}
body .simple-content .form-horizontal .form-group {
    max-width:100%;
}
body .simple-content .form-horizontal input[type=text],
body .simple-content .form-horizontal input[type=tel],
body .simple-content .form-horizontal input[type=email],
body .simple-content .form-horizontal select,
body .simple-content .row-shipping_address_type_promotion select{
    background: #14151a;
    border-radius:6px;
    width:100%;
    color:#fff;
    border:none;
    height: 34px;
    padding: 0 10px;
    box-shadow: none;
    font-size:13px;
}
body .select2{
    width:100%!important;
}
body .select2-container--bootstrap .select2-results__option {
    color: #676a73;
}
body .select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
    background: #87aa2a;
}
body .select2-container--bootstrap .select2-dropdown {
    box-shadow: none!important;
    border: none!important;
}
body .select2-container--bootstrap .select2-selection{
    background: #14151a;
    border-radius:6px;
    width:100%;
    border:none;
    box-shadow: none!important;
}
body .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
}
body .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
body .simple-content div.required .control-label:before {
    display:none;
}
body .simple-content div.required .control-label:after {
    content: '* ';
    color: #eb6003;
    font-weight: normal;
    font-size:16px;
    margin-left:5px;
}
body .simple-content .checkbox label,
body .simple-content .radio label{
    display: flex;
    align-items: center;
    color:#676a73;
    font-size:13px;
    padding:0;
}
body .simple-content .checkbox input,
body .simple-content .radio input{
    display: none;
}
body .simple-content .checkbox span:before,
body .simple-content .radio span:before{
    width: 14px;
    height: 14px;
    content: '';
    border: 1px solid #676a73;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right:10px;
}
body label[for="customer_register"]{
    display:none;
}
body .simple-content .checkbox input[type="checkbox"]:checked + span:after,
body .simple-content .radio input[type="radio"]:checked + span:after{
    background: #87aa2a;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 50%;
    display: block;
    float: left;
    margin: 3px 0 0px -21px;
}

body .simplecheckout-cart{
    width:100%;
}
body .simplecheckout-cart colgroup,
body .simplecheckout-cart thead,
body .simplecheckout-cart .quantity .btn-danger i,
body .simplecheckout-cart  td.price,
body .simplecheckout-cart  td.total,
body .simplecheckout-cart  td.name .image{
    display:none;
}
body .simplecheckout-cart .quantity input{
    height:24px;
    color:#fff;
    width:40px;
    background: #676a73;
    border:none;
    padding: 0;
    line-height: normal;
    text-align: center;
    font-size: 14px;
}
body .simplecheckout-cart  td.name{
    width:100%;
}
body .simplecheckout-cart  td.name a{
    text-transform: uppercase;
    color:#fff;
    font-size:14px;
}
body .simplecheckout-cart .quantity button,
body .simplecheckout-cart .quantity button{
    background: none!important;  
    font-size:16px;
    height: 24px;
    align-items: center;
    display: flex;
}
body .simplecheckout-cart tr{
    background: #1b1c21;
    position:relative;
    border-bottom:10px solid #222328;
    display: block;
}
body .simplecheckout-cart tr td{
    padding:10px;
}
body .simplecheckout-cart .quantity .btn-danger{
    display: block;
    height: 10px;
    width:10px;
    background: url("img/close.png") no-repeat center!important;
    margin: 10px;
    position: absolute;
    z-index: 1;
    opacity: 1;
    top:0;
    right:0;
}
body .simplecheckout-cart .quantity .input-group{
    width: 100px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    margin:0 auto;
}
body .simplecheckout-cart .quantity .input-group-btn,
body .simplecheckout-cart .quantity .input-group{
    position: inherit;
}
body .simple-content .simplecheckout-cart-total{
    background: none;
    font-size: 17px;
    margin: 0;
    padding: 10px 0 0 0;
    color: #fff;
    display: grid;
    grid-template-columns: auto 1fr;
}
body .simple-content .simplecheckout-cart-total b{
    font-weight:normal;
}
body .simple-content .simplecheckout-cart-total-value{
    color:#fff;    
    font-weight:normal;
    font-size:17px;
    text-align: right;
}
body #buttons{
    margin-top:20px;
}
body label[for="liqpay_checkout"]{
    background: url(img/visa.png) no-repeat 95% 50%;
    background-size: auto 21px;
}
/** SLEEP NOTIFICATION **/
.sleep__notification{
    position: fixed;
    z-index: 8;
    bottom: 0;
    width: calc(100% - 20px);
    max-width: 540px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 20px 20px 0 0;
    background: #FF3D3D;
    padding: 15px;
    text-align: center;
    font-size: 16px;
}