@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');

body{
    direction: ltr;
    font-family: 'KoHo', sans-serif !important;
    font-size: 15px;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
}


.market-menu {
            display: flex;
            flex-direction: row;
            gap: 40px;
            padding: 12px 0;
        }

        .market-logo {
            display: flex;
            flex-direction: row;
            gap: 8px;
            align-items: center;
        }
        
        .market-logo-link {
            text-decoration: none;
            color: inherit;
        }

        .market-logo-img {
            width: 45px;
            height: auto;
        }

        .market-logo-txt {
            font-size: 33px;
            color: black;
            margin: 0;
        }

        .nav-bar-link {
            text-decoration: none;
            font-size: 18px;
            color: black;
        }

        .market-{rclass_basket} .buy-btn {
            margin-top: 12px;
        }
        .goods-buy div {
            display: flex;
            gap: 12px;
        }
        .menu-bar {
            flex: 1;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 22px;
        }
        
        .menu-bar a {
            float: left;
            font-size: 18px;
            color: black;
            text-align: center;
            text-decoration: none;
            transition: all .4s ease;
        }
        
        .dropdown {
            float: left;
        }
        
        .dropdown .dropbtn {
            font-size: 18px;    
            border: none;
            outline: none;
            color: black;
            background-color: inherit;
            font-family: inherit;
            margin: 0;
            transition: all .4s ease;
        }
        
        .menu-bar a:hover, .dropdown:hover .dropbtn {
            color: #00ADB5;
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 150px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 3;
            transform: translate(-53px, 0px);
        }
        
        .dropdown-content a {
            float: none;
            color: black;
            padding: 12px 20px;
            text-decoration: none;
            display: block;
            text-align: left;
            width: 443px;
        }
        
        .dropdown-content a:hover {
            background-color: #ddd;
        }
        
        .dropdown:hover .dropdown-content {
            display: block;
        }

        .main-banner-bg {
            width: 100%;
            overflow: hidden;
            background-size: cover;
            background-position: center;
            background-image: url(image/illustration_header_6859009c93ec83.80467708.jpg);
        }

        .main-banner-op {
            margin: 100px 0 120px;
            background: rgba(0,0,0,0.5); color: #fff;
            padding: 30px 0;
        }

        .main-banner {
            display: flex;
            flex-direction: row-reverse;
            gap: 34px;
        }

        .main-banner-content {
            width: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .m-b-title {
            font-size: 27px;
            text-transform: inherit;
            text-align: center;
            font-weight:  500;
        }
 
        .main-banner-img {
            position: relative;
            width: 50%;
            height: 252px;
        }

        .top-image, .bottom-image {
            position: absolute;
            width: 50%;
            height: 50%;
            object-fit: cover;
          }

          .top-image {
            z-index: 1;
            top: 0;
            left: 0;
          }
      
          .bottom-image {
            z-index: 2;
            bottom: 15%;
            right: 15%;
          }

          .about-us {
            position: relative;
            height: 502px;
            margin: 90px auto;
          }

          .about-us-block {
            position: absolute;
            top: -30pxpx;
            left: 50%;
            transform: translate(-50%, 0%);
            width: 70%;
            box-shadow: 5px 12px 20px 0px rgba(210, 210, 210, 0.5);
            background: #fff;
            padding: 34px 53px;
            background: rgba(255,255,255,0.9); color: #222;
            display: flex;
            flex-direction: column-reverse;
            gap: 30px;
            align-items: center;
            justify-content: center;
          }

          .about-us-txt {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.4;
            margin: 0;
          }

          .about-us-block img {
            max-width: 20%;
            max-height: 20%;
            display: flex;
            margin: 0 auto;
          }


        .dlya-zakazov-bg {
            background-image: url(image/view_header_6859009c942942.21530748.jpg);
            width: 100%;
            height: 475px;
            background-position: center;
            background-size: cover;
            overflow: hidden;
            position: relative;
            z-index: -2;
        }

        .dlya-zakazov-op {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(225, 225, 225, 0.5);
            transform: skewY(13deg);
            transform-origin: top;
            z-index: -1;
        }

        .dlya-zakazov-title {
            font-size: 44px;
            font-weight: 500;
            letter-spacing:  1px;
            text-transform: inherit;
        }


        .dlya-zakazov-block {
            width: 80%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding:  34px 0;  

        }

        .order-step-wrapper {
            display: flex;
            flex-direction: row;
        }

        .order-step {
            padding: 21px 30px;
            display: flex; 
            flex-direction: row;
            gap: 20px;
            transition: transform 0.3s ease;
        }

        .order-step:hover {
            transform: translateY(-12px);
        }

        .order-step i {
            font-size: 44px;
        }

        .order-step p {
            font-weight: 800;
            font-size: 18px;
            align-self: center; 
            margin: 0;
        }

         .list-of-goods-section {
            padding: 95px 0;
        }

        .list-of-goods-title {
            font-size: 44px;
            font-weight: 500;
            letter-spacing: 1px;
            margin-bottom: 34px;
            text-transform: inherit;
        }

        .list-of-goods-wrapper {
            display: flex;
            flex-direction:  row;
            gap: 30px;
        }

        .list-of-goods {
            width: 50%;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .offer-card {
            width: 100%;
            border: 1px solid #c6c0c0;
            border-radius: 6px;
            overflow: hidden;
            transition: 0.5s;
            box-shadow: 0 20px 12px rgba(0,0,0,0.2);
            display: flex;
            flex-direction: row;
            position: relative;
            transition: all 400ms ease-in-out 0s;
            overflow: hidden;
        }

        .offer-card:hover {
            box-shadow: 0 12px 20px rgba(0,0,0,0.4);
            transform: translateY(-15px);
        }
   
        .goods-link {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 30%;
        }

        .goods-img {
            width: 100%;
            height: 324px;
            object-fit: contain;
        }

        .goods-text {
            padding: 20px 20px;
            background: #fff;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .goods-text a {
            text-decoration: none;
        }

        .g-title {
            font-size: 18px;
            font-weight: 500;
            color: #222;
            text-align: center;
            margin-bottom: 20px;
        }

        .offer-price {
            text-align: center;
            color: #00C9B1;
            font-weight: 800;
        }

        .goods-txt {
            color: #748182;
            border-bottom: 1px solid #616566;
            padding-bottom: 22px;
            margin-bottom: 12px;
            text-align: center;
        }

        .cssbuttons-io-button {
            background: #A370F0;
            color: white;
            font-family: inherit;
            padding: 8px;
            padding-left: 20px;
            font-size: 18px;
            font-weight: {rand_weight};
            border-radius: 20px;
            border: none;
            letter-spacing: 0.05em;
            display: flex;
            align-items: center;
            box-shadow: inset 0 0 1.6em -0.6em #714da6;
            overflow: hidden;
            position: relative;
            height: 40px;
            padding-right: 30px;
        }
          
        .cssbuttons-io-button .icon {
            background: white;
            margin-left: 20px;
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 30px;
            width: 30px;
            border-radius: 21px;
            box-shadow: 0.1em 0.1em 0.6em 0.2em #7b52b9;
            right: 8px;
            transition: all 0.3s;
        }
          
        .cssbuttons-io-button:hover .icon {
            width: calc(100% - 0.6em);
        }
          
        .cssbuttons-io-button .icon svg {
            width: 20px;
            transition: transform 0.3s;
            color: #7b52b9;
        }
          
        .cssbuttons-io-button:hover .icon svg {
            transform: translateX(0.1em);
        }
          
        .cssbuttons-io-button:active .icon {
            transform: scale(0.95);
        }

        :root {
            --star-size: 33px;
            --star-color: rgb(226, 226, 226);
            --star-background: #00ADB5;
        }
        .Stars {
            --percent: calc(var(--rating) / 5 * 100%);
            font-size: 26px;
            font-family: Times;
            line-height: 1.4;
            position: absolute;
            padding: 12px 20px;
            background: bisque;
            border-radius:  30px;
            left: -50px;
            right: auto;
            top: 12px;
            bottom: auto;
            transition: all 400ms ease-in-out 0s;
            transform: translateX(-100px);
        }

        .Stars::before {
            content: '✦✦✦✦✦';
            letter-spacing: 3px;
            background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .offer-card:hover .Stars  {
            transform: translateX(100px);
        }   
          
        .customer-rev-bg {
            background-image: url(image/view_header_6859009c943360.59970069.jpg);
            width: 100%;
            height: auto;
            background-position: center;
            background-size: cover;
            overflow: hidden;
        }

        .customer-rev-op {
            background: rgba(0,0,0,0.5); color: #fff;
            padding: 34px 0;
        }

        .customer-rev-title {
            font-size: 44px;
            font-weight: 500;
            letter-spacing: 1px;   
            text-transform: inherit;
        }

        .customer-rev-area {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            gap: 0;
            padding: 22px;
        }

        .input-btn-layout--element{
            display: block;
            width: 100%;
            padding: 20px  30px;
            margin: 12px 0px;
            font-size: 18px;
            font-weight: {rand_weight};
            line-height: 1.4;
            color: #212529;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 20px;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }
        .textarea-btn-layout--element{
            border: 1px solid #ced4da;
            border-radius: 20px;
            padding: 20px  30px;
            width: 100%;
        }

        .rev-person {
            display: flex;
            justify-content: center;
            text-align: center;
            padding: 30px 0 0;
        }

        .rev-img {
            border-radius: 50%;
            border: 2px solid #fff;
            width: 159px;
            box-shadow: 0 3px 20px rgba(218, 225, 232, 0.85);
            position: relative;
            margin: -30px;
        }

        .rev-name  {
            text-align: center;
            font-style: italic;
            color: #000;
            font-size: 18px;
            margin: 0;
            padding-top: 20px;
        }

        .rev-txt {
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
            justify-content: center;
            background: #ffffff;
            border-radius: 2pxpx;
            padding: 30px  40px;
            text-align: center;
        }

        .rev-text {
            font-size: 18px;
            color: #000;
            font-weight: {rand_weight};
            text-align: center;        
        }

        .rev-txt i {
            font-size: 33px;
            text-align: center;
            color: #000;
        }
       
        .slick-slider {
            height: fit-content;
        }

        .slick-list {
            overflow-x: clip;
            overflow-y: inherit;
        }

        .slick-dots {
            bottom: -40px;
        }

        .slick-dots li {
            width: 22px;
            height: 22px;
        }

        .slick-dots li button:before {
            font-size: 18px;
        }

        .buy-section {
            padding: 34px 0;
            display: flex;
            flex-direction: row-reverse;
            gap: 30px;
        }
        .kont-block a {
            color: white;
            word-break: break-all;
        }
        .buy-block {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap:  22px;
            flex: 1;
        }

        .buy-block img {
            max-width: 50%;
            max-height: 50%;
            display: flex;
            margin: 0 auto;
        }

        .link-btn {
            text-decoration: none;
        }

        .m-b-btn {
            width: 100%;
            font-size: 18px;
            margin: 0;
        }


        .form {
            display: flex;
            flex-direction: column;
            gap: 12px;
            max-width: 443px;
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            position: relative;
          }
          
          .message {
            color: rgba(88, 87, 87, 0.822);
            font-size: 15px;
          }
          
          .flex {
            display: flex;
            width: 100%;
            gap: 8px;
          }
          
          .form label {
            position: relative;
          }
          
          .form label .input {
            width: 100%;
            padding: 12px 12px 30px 12px;
            outline: 0;
            border: 1px solid rgba(105, 105, 105, 0.397);
            border-radius: 8px;
          }
          
          .form label .input + span {
            position: absolute;
            left: 12px;
            top: 20px;
            color: grey;
            font-size: 16px;
            cursor: text;
            transition: 0.3s ease;
          }
          
          .form label .input:placeholder-shown + span {
            top: 20px;
            font-size: 16px;
          }
          
          .form label .input:focus + span,.form label .input:valid + span {
            top: 30px;
            font-size: 15px;
            font-weight: {rand_weight};
          }
          
          .form label .input:valid + span {
            color: green;
          }
          
          .input01 {
            width: 100%;
            padding: 12px 12px 30px 12px;
            outline: 0;
            border: 1px solid rgba(105, 105, 105, 0.397);
            border-radius: 8px;
          }
          
          .form label .input01 + span {
            position: absolute;
            left: 12px;
            top: 46px;
            color: grey;
            font-size: 16px;
            cursor: text;
            transition: 0.3s ease;
          }
          
          .form label .input01:placeholder-shown + span {
            top: 30px;
            font-size: 16px;
          }
          
          .form label .input01:focus + span,.form label .input01:valid + span {
            top: 46px;
            font-size: 15px;
            font-weight: {rand_weight};
          }
          
          .form label .input01:valid + span {
            color: green;
          }

        .market-form {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .market-form-title, .buy-title , .questions-title {
            margin-bottom: 20px;
            font-size: 18px;
            color: #000;
            text-transform: uppercase;
            text-align: center;
            font-weight: 800;
        }
          
        .form-card {
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 324px;
            width: 70%;
            flex-direction: column;
            gap: 8px;
            background: #e3e3e3;
            box-shadow: 12px 12px 30px #c8c8c8, -12px -12px 30px #fefefe;
            border-radius: 6px;
            padding: 34px 22px;
        }
        .form-check {
            width: 100%;
        }
        .form-check .form-check-input {
            width: 12px;
            height: 12px;
            padding: 12px;
            margin-right: 12px;
        }
        
        .field {
            height: 40px;
            width: 100%;
            display: flex;
            position: relative;
            margin-bottom: 22px;
        }
          
        .field .input {
            height: 100%;
            width: 100%;
            padding-left: 34px;
            outline: none;
            border: none;
            font-size: 18px;
            background: #dde1e7;
            color: #595959;
            border-radius: 30px;
            box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #ffffff73;
        }
          
        .field .input:focus {
            box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #ffffff73;
        }
          
        .field .span {
            position: absolute;
            color: #595959;
            width: 40px;
            line-height: 1.4;
        }
          
        .field .label {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 40px;
            pointer-events: none;
            color: #666666;
        }
          
        .field .input:valid ~ label {
            opacity: 0;
        }
          
        .form-button {
            margin: 12px 0;
            width: 100%;
            font-size: 15px;
            line-height: 40px;
            font-weight: {rand_weight};
            background: #dde1e7;
            border-radius: 30px;
            border: none;
            outline: none;
            cursor: pointer;
            color: #595959;
            box-shadow: 2px 2px 5px #BABECC, -5px -5px 10px #ffffff73;
        }
          
        .form-button:focus {
            color: #3498db;
            box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #ffffff73;
        }

        .questions-accordion {
           flex: 1;
            align-self: center;
        }

        .footer-bg {
            background-color: #222831;
            padding: 34px;
        }

        .footer-area {
            display: flex;
            flex-direction: row;
            gap: 8px;
            justify-content: space-between;
            align-items: center;
        }

        .footer-market-links {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .footer-market-logo {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
            margin-bottom: 20px;
        }

        .polit-link {
            display: flex;
            flex-direction: column-reverse;
            gap: 12px;
        }

        .p-link {
            color: inherit;
            text-decoration: none;
            font-size: 18px;
        }

        .p-link:hover {
            text-decoration: underline;
        }

        .footer-gallery {
            display: none;
            flex-direction: row-reverse;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .footer-gallery img {
            display: block;
            height: 122px;
            width: 122px;
            object-fit: cover;
        }

        .spec-img {
            width: 159px;
        }

        .spec-img img {
            width: 159px;
            height: auto;
        }
        
        .work-hours-block {
            display: flex;
            gap: 22px;
            justify-content: center;
            align-items: center;
        }

        .work-hours-txt {
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            margin: 0;
        }

        .clock-img {
            background-color: #00ADB5;
            display: inline-block;
            padding: 2px;
            border-radius: 50%;
        }

        .clock-pic {
            min-width: 40px;
            background-color: #00ADB5;
            border-radius: 50%;
            padding: 22px;
            transition: .2s;
        }

        .clock-pic i {
            font-size: 26px;
            background: #fff;
            -webkit-background-clip: text!important;
            -webkit-text-fill-color: transparent;
        }

        .offer-page {
            padding: 53px 0;
            display: flex;
            flex-direction: column;
            gap:  20px;
        }

        .offer-page-title {
            display: block;
            color: inherit;
            font-size: 44px;
            font-weight: 500;
            letter-spacing: 1px;   
            margin-bottom: 34px;
            text-transform: inherit;
            padding-bottom: 40px;
            border-bottom: 1px solid rgb(129, 132, 134);
        }

        .offer-page-title-dubl {
            display: none;
            color: inherit;
            font-size: 44px;
            font-weight: 500;
            letter-spacing: 1px;   
            margin-bottom: 34px;
            text-transform: inherit;
            padding-bottom: 40px;
            border-bottom: 1px solid rgb(129, 132, 134);
        }

        .offer-page-image {
            width: 270px;
            height: auto;
            margin: 0 auto;
            object-fit: contain;
            padding: 0 30px 30px;
        }

        .image img {
            width: 100%;
            height: auto;
            object-fit: contain;
            display: flex;
            margin: 0 auto;
        }

        @media (min-width: 576px){
            .offer-page-image {
                width: 300px;
                height: 300px;
            }
        }
        @media (min-width: 768px){
            .offer-page-image {
                width: 350px;
                height: 350px;
            }
        }
        @media (min-width: 992px){
            .offer-page-image {
                width: 500px;
                height: 500px;
            }
        }
        @media (min-width: 1200px){
            .offer-page-image {
                width: 650px;
                height: 650px;
            }
        }
        .info-n-buy {
            padding: 30px;
        }

        .goods-info {
            display: flex;
            flex-direction: column;
            gap: 22px; 
        }

        .goods-info-wrapper {
          display: flex;
          flex-direction: row-reverse;
          gap: 22px;
          flex-wrap: wrap;  
        }

        .goods-info-item {
            padding: 20px;
            display: flex;
            flex-direction: row;
            box-shadow: 0 3px 4px rgba(0,0,0,0.1);
            gap: 12px;
            align-items: center;
            border-radius: 15px;
            background-color: rgba(0,0,0,0.5);
            border: 1px solid #00C9B1;
        }

        .goods-info-item i {
            color: #000;
            font-size: 27px;
        }

        .goods-info-item p {
            margin: 0;
            text-align: center;
            color: #000;
            font-size: 18px;
            letter-spacing: 1px;
        }

        .goods-buy {
            display: flex;
            flex-direction: column;;
            gap: 30px;
            justify-content: center;
            align-items: center;
            margin-top: 30px;
            flex-wrap: wrap;
        }

        .goods-buy p {
            margin: 0;
            font-size: 28px;
            font-weight: 800;
            color: #00ADB5;
        }

        .goods-buy a {
            text-decoration: none;
            font-size: 18px;
            min-width: 200px;
        }

        .buy-btn {
            min-width: 200px;
        }

        .feed-form {
            justify-content: center;
            margin-top: 8px;
            display: flex;
            flex-direction: row;
            gap: 20px;
            flex-wrap: wrap;
        }

        .feed-form input {
            height: 40px;
            border-radius: 8px;
            background: white;
            margin-bottom: 20px;
            border: none;
            padding: 0 20px;
            font-weight: {rand_weight};
            font-size: 15px;
            color: #4B4B4B;
            box-shadow: 0px 0px 0px #0e0e0e, 0px 0px 0px rgb(95 94 94 / 25%), inset 1.5px 1.5px 3px #0e0e0e, inset -1.5px -1.5px 3px #5f5e5e;
        }

        .descrip-title {
            color: inherit;
            font-size: 26px;
            font-weight: {rand_weight};
            letter-spacing: 1px;
            margin-bottom: 22px;
        }

        .descrip-prod {
            font-size: 18px;                
        }

        .related {
            padding:  34px 0;
        }

        .related-title {
            font-size: 27px;
            font-weight: 500;
            text-align: center;
            margin-bottom: 34px;
        }

        .related-prod-block {
            display: flex;
            flex-direction: row-reverse;
            gap: 30px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .r-p-card {
            width: calc((100% / 3) - 40px );
            box-shadow: 0px 0px 9px 0px rgba(0,0,0,.08);
            border-radius: 6px;
            background: #f9f9f9;
            height: auto;
            display: flex;
            flex-direction: column;
        }

        .r-p-card:nth-child(odd) {
            display: flex;
            flex-direction: column-reverse;
        }

        .r-p-img img {
            object-fit: contain; 
            display: block;
            border-radius: 2px;
            width: 100%;
        }

        .r-p-text {
            padding: 12px;
        }

        .r-p-text a {
            color: #000;
            text-decoration: none;
            transition: 3ms;
        }

        .r-p-title {
            font-size: 18px;
        }

        .related-btn {
            align-items: center;
            background-color: transparent;
            color: #000;
            cursor: pointer;
            display: flex;
            font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
            font-size: 18px;
            font-weight: 800;
            line-height: 1.4;
            text-decoration: none;
            text-transform: uppercase;
            outline: 0;
            border: 0;
            padding: 1rem;
          }
          
          .related-btn:before {
            background-color: #000;
            content: "";
            display: inline-block;
            height: 1px;
            margin-right: 12px;
            transition: all .42s cubic-bezier(.25,.8,.25,1);
            width: 0;
          }
          
          .related-btn:hover:before {
            background-color: #000;
            width: 40px;
          }

        .r-p-text a:hover {
            color: #000;
           text-decoration: underline;
        }

        .kontact-bg {
            padding: 34px 0;
            color: #fff;
            background-color: #00ADB5;
        }

        .kontact-title {
            font-size: 44px;
            font-weight: 500;
            letter-spacing: 1px;   
            text-transform: inherit;
        }

        .kont-block {
            display: flex;
            flex-direction: row-reverse;
        }

        .kont-adress, .kont-phone, .kont-email  {
            width: 33%;
            padding: 20px  22px;
            margin-top:  22px;
            border-left: 1px solid rgb(121, 122, 123);
            border-right: 1px solid rgb(121, 122, 123);
        }

        .kont-adress i, .kont-phone i, .kont-email i {
            font-size: 44px;
            text-align: center;
            margin: 0 auto;
            display: block;
            margin-bottom: 22px;
        }

        .kont-adress h4, .kont-phone h4, .kont-email h4 {
            font-size: 18px;
            text-align: center;
        }
        
        .kont-adress p, .kont-phone p, .kont-email p {
            text-align: center;
            font-size: 18px;
        }

        .map-n-work {
            padding: 34px;
            display: flex;
            flex-direction: row-reverse;
            gap: 22px;
        }

        .map {
            width: 50%;
            align-self: center;
        }

        .schedule {
            width: 50%;
            display: flex;
            flex-direction: column-reverse;
            gap: 30px;
        }

        .schedule-img img {
            width: 100%;
            object-fit: contain;
            height: 100%;
        }

        .deliv-img {
            background-color: #00ADB5;
            display: inline-block;
            padding: 2px;
            border-radius: 50%;
        }

        .deliv-pic {
            min-width: 30px;
            background-color: #00ADB5;
            border-radius: 50%;
            padding: 22px;
            transition: .2s;
        }

        .deliv-pic i {
            font-size: 26px;
            background: #fff;
            -webkit-background-clip: text!important;
            -webkit-text-fill-color: transparent;
        }


        @media (max-width: 556px) {
            .m-b-title {
                font-size: 18px;
            }
            .menu-bar {
                flex-direction: column !important;
            }
            .dropdown {
                padding-top: 0 !important;
            }
        }


@media (max-width: 991px){
    .menu-bar {
        position: relative;
    } 

    .menu-bar-link {
        padding-top: 46px;
    }

    .dropdown {
        float: left;
        padding-top: 46px;
    }

    .market-logo-link {
        position: absolute;
        top: -5px;
    }

    .main-banner {
        flex-direction: column;
    }

    .main-banner-content {
        width: 100%;
    }

    .main-banner-img {
        width: 100%;
    }

    .about-us-block img {
        max-width: 35%;
        max-height: 35%;
    }

    .order-step-wrapper {
        flex-direction: column !important;
    }

    .buy-section {
        flex-direction: column;
    }

    .buy-block {
        width: 100%;
    }

    .questions-accordion {
        width: 100%;
    }

    .market-form {
        width: 100%;
    }

    .form-card {
        width: 95%;
    }

    .list-of-goods-wrapper {
        flex-direction: column !important;
    }

    .list-of-goods {
        width: 100% !important;
        flex-direction: column !important;
    }

    .offer-card {
        width: 100% !important;
        flex-direction: row !important;
    }

    .goods-link {
        width: 50% !important;
    }

    .goods-text {
        width: 50% !important;
    }

    .footer-area {
        flex-direction: column;
    }

    .polit-link {
        align-items: center;
    }

    .about-us-block {
        width: 95%;
    }

    .offer-page { 
        flex-direction: column !important;
    }
    
    .offer-page-title {
        font-size: 26px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .goods-info {
        gap: 20px;
    }

    .goods-info-item {
        padding: 8px;
    }

    .goods-info-wrapper {
        gap: 12px;
    }

    .offer-page-image {
        float: none !important;
    }

    .goods-image-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .goods-info-wrapper {
        justify-content: center;
    }

    .feed-form {
        flex-direction: column;
        width: 90%;
    }

    .goods-buy {
        width: 100%;
    }


    .related-prod-block {
        flex-direction: column;
    }

    .r-p-card {
        width: 100%;
    }

    .kont-block {
        flex-direction: column;
    }

    .kont-adress, .kont-phone, .kont-email {
        width: 100%;
        border-left: 0px solid rgb(121, 122, 123);
        border-right: 0px solid rgb(121, 122, 123);
        border-top: 1px solid rgb(121, 122, 123);
        border-bottom: 1px solid rgb(121, 122, 123);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .kont-adress i, .kont-phone i, .kont-email i  {
        margin: 0;
    }

    .map-n-work {
        flex-direction: column;
    }

    .map {
        width: 100%;
    }

    .schedule {
        width: 100%;
    }

    .order-step{
        width: 100%;
    }
}


@media(max-width: 767px){
    .offer-page-image {
        float: none !important;
    }

    .goods-image-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .goods-info-wrapper {
        justify-content: center;
    }

    .feed-form {
        flex-direction: column;
        width: 90%;
    }

    .goods-buy {
        width: 100%;
    }
}


@media(max-width: 576px){
    .container {
        padding-left: 22px;
        padding-right: 22px;
    }

    .dropdown-content a {
        width: 230px;
    }

    .offer-card {
        flex-direction: column !important;
    }

    .menu-bar-link {
        font-size: 20px !important;
    }

    .dropdown .dropbtn {
        font-size: 15px;
    }

    .goods-link {
        width: 100% !important;
    }

    .goods-text {
        width: 100% !important;
    }

    .order-steps-block {
        width: 95%;
    }

    .about-us-txt {
        font-size: 15px;
    }

    .about-us-block {    
        padding: 30px 40px;
    }

    .order-step {
        padding: 12px 12px;
    }

    .market-logo-txt {
        font-size: 26px;
    }

    .menu-bar {
        gap: 8px;
    }

    .customer-rev-area {
        flex-direction: column-reverse;
    }

    .work-hours-block {
        flex-direction: column;
    }

    .p-link {
        font-size: 15px;
    }
}


.button-1 {
  background: linear-gradient(-45deg, #3f00b5, #9f69fe, #27c8b7, #3f00b5);
  background-size: 800% 400%;
  padding: 20px 30px;
  display: inline-block;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 800;
  color: white;
  transition: all .5s ease-in-out;
  animation: gradient 10s infinite cubic-bezier(.62, .28, .23, .99) both;
}

.button-1:hover {
  animation: gradient 3s infinite;
  transform: scale(1.05);
}

.button-1:active {
  animation: gradient 3s infinite;
  transform: scale(0.8);
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.button-2 {
  border-radius: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: {rand_weight};
  padding-left:  30px;
  padding-right:  30px;
  color: #fff;
  -webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);
  clip-path: polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);
  height: 45px;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 1.2px;
  transition: .2s .1s;
  background-image: linear-gradient(90deg,#1c1c1c,#6220fb);
  border: 0 solid;
  overflow: hidden;
}

.button-2:hover {
  cursor: pointer;
  transition: all .3s ease-in;
  padding-right: 30px;
  padding-left: 30px;
}

.button-3 {
  width: 130px;
  height: auto;
  color: #fff;
  border-radius: 8px;
  padding: 12px 20px;
  font-weight: {rand_weight};
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
 }
 
 .button-3 {
  background: rgb(96,9,240);
  background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);
  border: none;
 }
 
 .button-3:before {
  height: 0%;
  width: 2px;
 }
 
 .button-3:hover {
  box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
 }

 .button-4 {
  position: relative;
  width: 159px;
  height: 50px;
  padding: 30px;
  border-radius: 40px;
  border: none;
  background-color: rgb(151, 95, 255);
  color: white;
  box-shadow: 0px 12px 12px rgb(210, 187, 253) inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px rgb(124, 54, 255) inset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-4::before {
  width: 70%;
  height: 2px;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.678);
  content: "";
  filter: blur(1px);
  top: 8px;
  border-radius: 50%;
}

.button-4::after {
  width: 70%;
  height: 2px;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.137);
  content: "";
  filter: blur(1px);
  bottom: 8px;
  border-radius: 50%;
}

.button-4:hover {
  animation: jello-horizontal 0.9s both;
}

@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

.button-5 {
  background-color: #00BFA6;
  padding: 12px 30px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  border-radius: 8px;
  border: 2px dashed #00BFA6;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  transition: .4s;
 }
 
 .button-5:hover {
  transition: .4s;
  border: 2px dashed #00BFA6;
  background-color: #fff;
  color: #00BFA6;
 }
 
 .button-5:active {
  background-color: #87dbd0;
 }
 
.market-{rclass_basket} .buy-btn {
    margin-top: 12px;
}

.goods-buy div {
    display: flex;
    gap: 12px;
}

.basket-container{
    padding-top: 46px;
} 

.privacy-container{
    padding: 95px 20px; 
    overflow: hidden;

    h1{
        margin-bottom: 30px;
    }
}

.map iframe{
    border: none;
}