body {
    margin: 0;
}

@font-face {
    font-family: Gilroy Regular;
    src: url("../fonts/Gilroy-Regular.ttf");
}

@font-face {
    font-family: Gilroy Medium;
    src: url("../fonts/Gilroy-Medium.ttf");
}

@font-face {
    font-family: Gilroy Bold;
    src: url("../fonts/Gilroy-Bold.ttf");
}

@font-face {
    font-family: Gilroy Light;
    src: url("../fonts/Gilroy-Light.otf");
}

#main {
    background-image: url("../images/main_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#header {
    max-width: 1200px;
    padding-top: 18px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    width: 145px;
    height: 60px;
}

.adaptive_logo {
    display: none;
}

.header_menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 190px;
}

.header-link {
    text-decoration: none;
    font-size: 16px;
    font-family: Gilroy Regular, sans-serif;
    color: rgb(46, 50, 42);
}

.header-link:hover {
    cursor: pointer;
}

#choose {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 159px;
    padding-bottom: 445px;
}

.choose-title {
    margin: 0;
    font-size: 70px;
    font-family: Marker Felt, sans-serif;
    color: rgb(128, 165, 6);
    line-height: 1;
    max-width: 605px;
}

.choose-title span {
    font-size: 40px;
}

.choose-description {
    font-size: 22px;
    font-family: Gilroy Medium, sans-serif;
    color: rgb(46, 50, 42);
    line-height: 26px;
    margin: 41px 0 41px 0;
    max-width: 450px;
}

.choose_btn {
    width: 305px;
    height: 67px;
}

.button-mint {
    position: relative;
    display: inline-block;
}

.btn_mint {
    background-image: -moz-linear-gradient(90deg, rgb(206, 247, 72) 0%, rgb(175, 218, 85) 52%, rgb(143, 188, 98) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(206, 247, 72) 0%, rgb(175, 218, 85) 52%, rgb(143, 188, 98) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(206, 247, 72) 0%, rgb(175, 218, 85) 52%, rgb(143, 188, 98) 100%);
    box-shadow: 0 0 22.5px 2.5px rgba(143, 188, 98, 0.21);
    font-size: 22px;
    font-family: Gilroy Bold, sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
    outline: none;
    border: 0;
    border-radius: 50px;
}

.btn_mint:hover {
    background-image: -moz-linear-gradient(90deg, rgb(143, 188, 98) 0%, rgb(175, 218, 85) 48%, rgb(206, 247, 72) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(143, 188, 98) 0%, rgb(175, 218, 85) 48%, rgb(206, 247, 72) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(143, 188, 98) 0%, rgb(175, 218, 85) 48%, rgb(206, 247, 72) 100%);
    box-shadow: 0px 0px 22.5px 2.5px rgba(143, 188, 98, 0.21);
    cursor: pointer;
}

.little-mint {
    position: absolute;
    top: -22px;
    right: -45px;
    width: 114px;
    height: 110px;
}

#company-adv {
    position: relative;
    overflow: hidden;
    background-image: url("../images/advantages-leaves-left.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

#company-adv-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 160px;
    background-image: url("../images/adv-floating-leaves-right.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.second-title {
    font-size: 45px;
    font-family: Marker Felt, sans-serif;
    color: rgb(128, 165, 6);
    text-align: center;
    margin: 0;
}

.comp-advantages {
    margin-top: 65px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.comp-advantage span {
    font-size: 16px;
    font-family: Gilroy Regular, sans-serif;
    color: rgb(46, 50, 42);
    position: relative;
}

.outer-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 47.31px 9.69px rgba(143, 188, 98, 0.21);
    width: 215px;
    height: 215px;
    flex-shrink: 0;
}

.inner-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 47.31px 9.69px rgba(143, 188, 98, 0.21);
    width: 128px;
    height: 128px;
}

.advantage-text-top-truck,
.advantage-text-top-gift,
.advantage-text-top-jewel,
.advantage-text-top-cart,
.advantage-text-bottom-truck {
    margin-bottom: 6px;
}

.advantage-text-top-gift,
.advantage-text-bottom-truck,
.advantage-text-bottom-gift {
    letter-spacing: -1.5px;
}

.advantage-text-bottom-gift,
.advantage-text-bottom-truck,
.advantage-text-bottom-jewel,
.advantage-text-bottom-cart {
    margin-top: 10px;
}

.advantage-text-bottom-cart span:last-child {
    transform: translateX(-1px) translateY(-10px) rotate(-30deg) !important;
}

.floating-leaves {
    position: absolute;
    z-index: -10;
}

.floating-leaves.left {
    right: calc(60%);
    top: -105px;
    z-index: -10;
}

.floating-leaves.right {
    top: -140px;
    right: -170px;
    z-index: -10;
    overflow: hidden;
}

/* #company-products {
    position: relative;
    overflow: hidden;
} */

#company-products {
    position: relative;
    overflow: hidden;
    background-image: url("../images/products-leaves-right.png");
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
}

#company-products-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 160px;
}

.company-products-title {
    margin-bottom: 65px;
}

.product:first-child,
.product:nth-child(2) {
    margin-bottom: 80px;
}

.products .product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.products-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.products-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.teamix-product {
    margin-right: 140px;
}

.product:nth-child(2) {
    position: relative;
}

.product .product-text {
    max-width: 350px;
}

.product:first-child .product-text {
    max-width: 300px;
}

.teamix-product .product-text {
    width: 220px;
}

.product:last-child .tea-mix-text {
    max-width: 250px;
}

.product-circle {
    position: relative;
}

.product .product-text .product-text-title {
    font-size: 22px;
    font-family: Gilroy Bold, sans-serif;
    color: rgb(90, 124, 55);
    margin-bottom: 30px;
}

.product .product-text-desc {
    font-size: 16px;
    font-family: Gilroy Regular, sans-serif;
    color: rgb(46, 50, 42);
    line-height: 1.375;
}

.product .product-text-desc.tea-mix-text {
    max-width: 220px;
}

.product-circle:first-child {
    margin-right: 30px;
}

.product-circle:last-child {
    margin-left: 30px;
}

.accessory-product .accessory-desc-text {
    width: 220px;
}

.product-img {
    width: 191px;
    height: 127px;
    z-index: 2;
}

.product-leaf-in {
    bottom: calc(50% - 65px);
    right: calc(68%);
}

.product-leaf-under {
    position: absolute;
    z-index: 2;
    bottom: 40px;
    left: 46px;
}

.product-leaf-leftout {
    top: calc(46%);
    left: -200px;
}

.product-leaves-right {
    bottom: 0;
    right: calc(-8%);
}


#tea-collection {
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    /*overflow: hidden;*/
    padding-bottom: 150px;
    /*width: 1200px;*/
}

#tea-sorts {
    margin: 50px 0 10px 0;
    text-align: center;
}

#tea-sorts .tea-sort {
    margin: 0 15px;
    font-size: 18px;
    font-family: Gilroy Regular, sans-serif;
    color: rgb(46, 50, 42);
    border-bottom: 1px solid transparent;
}

#tea-sorts .tea-sort:hover {
    cursor: pointer;
    color: #5a7c37;
}

#tea-sorts .tea-sort.active {
    color: rgb(128, 165, 6);
    border-bottom: 1px solid rgb(90, 124, 55);
}

#teas-white, #teas-black, #teas-green, #teas-ulun {
    display: none;
}

.teas {
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.teas .tea {
    border-radius: 33px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 26.39px 2.61px rgba(180, 179, 171, 0.19);
    display: flex !important;
    display: -moz-flex;
    padding: 40px 50px 40px 40px;
    margin: 0 30px;
    align-items: center;
    opacity: 0.7;
    width: fit-content !important;
    width: -moz-fit-content !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*width: 636px;*/
    /*width: 527px !important;*/
}

.tea .tea-image {
    margin-right: 40px;
}

.tea .tea-image img {
    width: 300px;
}

.tea-description {
    width: 204px;
}

.tea-description .tea-title {
    font-size: 22px;
    font-family: Gilroy Bold, sans-serif;
    color: rgb(90, 124, 55);
    font-weight: bold;
    margin-bottom: 40px;
}

.tea-description .tea-text {
    font-size: 14px;
    font-family: Gilroy Regular, sans-serif;
    color: rgb(46, 50, 42);
    line-height: 1.429;
}

.tea-description .tea-price {
    font-size: 18px;
    font-family: Gilroy Bold, sans-serif;
    color: rgb(90, 124, 55);
    margin: 30px 0;
}

.tea-button {
    width: 197px;
    padding: 17px 0;
    font-size: 13px;
}

.tea-description .button-mint .little-mint {
    width: 82px;
    height: 80px;
    right: -20px;
    top: -20px;
}

.buy-btn {
    font-size: 18px;
}


.slick-prev {
    left: 20%;
    z-index: 10;
}

.slick-prev:hover {
    cursor: pointer;
}

.slick-prev:before {
    content: url("../images/left-arrow.png");
    position: absolute;
}

.slick-prev:hover:before {
    content: url("../images/left hover.png");
    cursor: pointer;
}

.slick-next:hover:before {
    content: url("../images/right HOVER.png");
    cursor: pointer;
}

.slick-next {
    right: 22%;
    z-index: 10;
}

.slick-next:hover {
    cursor: pointer;
}

.slick-next:before {
    content: url("../images/right-arrow.png");
    position: absolute;
}

.slick-next:before:hover {
    cursor: pointer;
}

.slick-initialized .slick-slide {
    display: flex;
    outline: none;
}

.slick-slide {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
}

.slick-active {
    transform: scale(1.0);
    -moz-transform: scale(1.0);
}

.slick-active .tea {
    opacity: 1;
}

.slick-list {
    padding: 40px 50px 20px 50px !important;
}

.slick-dots {
    margin-top: 37px;
}

.slick-dots li {
    padding: 0 5px;
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    color: #8fbc62;
    background-color: #8fbc62;
}


.slick-dots li button:before {
    content: "";
    width: 30px;
    height: 5px;
    border-radius: 40px;
    background-color: rgb(225, 224, 223);
}

#discount {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 160px;
    display: flex;
    display: -moz-flex;
    justify-content: center;
    position: relative;

    background-image: url("../images/discount-floatingleaves.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#discount-box {
    display: flex;
    justify-content: center;
    border-radius: 33px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 26.39px 2.61px rgba(180, 179, 171, 0.19);
    text-align: center;
    position: relative;
}

#discount-box-content {
    display: flex;
    align-items: flex-end;
    padding: 57px 37px 78px 74px;
}

#discount-box .discount-box-image img {
    width: 340px;
    margin-right: 17px;
}


#discount-box .discount-info .discount-info-title {
    margin-bottom: 20px;
    width: 564px;
}

#discount-box .discount-info .discount-info-desc {
    font-size: 18px;
    font-family: Gilroy Medium, sans-serif;
    color: rgb(46, 50, 42);
    padding: 20px 0;
}

#discount-box .discount-info .discount-info-desc span {
    color: #80a506;
    font-size: 20px;
    font-weight: bold;
}


#discount-box .discount-info .discount-form-input {
    margin: 20px 0 36px 0;
}

#discount-box .discount-info .discount-form-input input {
    border-width: 1px;
    border-color: rgb(143, 188, 98);
    border-style: solid;
    box-shadow: 0px 0px 23px 2px rgba(31, 168, 37, 0.13);
    padding: 23px 0;
    width: 406px;
    border-radius: 33.5px;
    text-align: center;
    outline: none;
    font-size: 20px;
    font-family: Gilroy Medium, sans-serif;
}

#discount-box .discount-info .discount-form-btn {
    width: 407px;
    padding: 23px 0;
}

.discount-mint {
    position: absolute;
    top: -45px;
    left: -30px;
}

.discount-floating-leaves {
    position: absolute;
    z-index: -10;
    bottom: 50px;
    left: -300px;
}


#benefits {
    /* max-width: 1200px;*/
    margin: 0 auto;
    padding-bottom: 170px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#benefits h2 {
    margin-bottom: 65px;
}

#circle-benefit {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 47.31px 9.69px rgba(143, 188, 98, 0.21);
    width: 542px;
    height: 542px;
    margin: 0 auto;
    position: relative;
    z-index: -20;
    background-repeat: no-repeat;
    background-position: center;
}

.benefit-tea {
    position: absolute;
    z-index: 3;
    transition: transform 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}

.benefit-tea img {
    margin-right: 40px;
}

.benefit:hover {
    cursor: pointer;
    /*transform: scale(1.1);*/
    transition: transform 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}

.benefit:hover .benefit-outer-circle {
    cursor: pointer;
    box-shadow: 0 0 47.31px 9.69px rgba(143, 188, 98, 1);
}

.benefit-inner-circle {
    transition: transform 0.5s cubic-bezier(0.12, 0, 0.39, 0);
}


.benefit:hover .benefit-inner-circle {
    transform: scale(1.25);
    transition: transform 0.5s cubic-bezier(0.12, 0, 0.39, 0);
}

div.benefit-tea:hover {
    cursor: pointer;
    transform: scale(1.2);
    transition: transform 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}


.benefit svg {
    z-index: 2;
}

.benefit-text {
    font-size: 18px;
    font-family: Gilroy Regular, sans-serif;
    color: rgb(46, 50, 42);
    line-height: 1.389;
    text-align: left;
    position: absolute;
}

.benefit-line.line {
    width: 300px;
}

.left-benefits {
    position: relative;
    z-index: 3;
}

.benefit {
    position: absolute;
    display: flex;
    align-items: flex-end;
}


.left-benefit-top {
    top: -200px;
    right: 110px;
}

.benefit-text-left-top {
    width: 192px;
}

.left-middle-benefit {
    right: 210px;
}

.benefit-text-left-middle {
    width: 253px;
}

.left-bottom-benefit {
    top: 227px;
    left: -500px;
}

.benefit-text-left-bottom {
    width: 280px;
}

.benefit-outer-circle {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 47.31px 9.69px rgba(143, 188, 98, 0.21);
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.benefit-outer-circle {
    z-index: 1;
}

.left-benefits .benefit-outer-circle {
    top: -30px;
    right: 32px;
}

.benefit-inner-circle {
    border-radius: 50%;
    background-color: rgb(128, 165, 6);
    box-shadow: 0px 0px 47.31px 9.69px rgba(143, 188, 98, 0.21);
    width: 31px;
    height: 31px;
    z-index: 1;
}

.right-benefits {
    position: relative;
    z-index: 3;
}

.right-benefit-top {
    bottom: 175px;
    right: -481px;
}

.benefit-text-right-top {
    width: 215px;
    padding-left: 80px;
}

.right-benefits .benefit-text {
    padding-left: 80px;
}

.right-benefits .benefit-outer-circle {
    right: 313px;
    top: -25px;
}

.right-benefit-middle {
    left: 240px;
}

.right-benefit-middle .benefit-outer-circle {
    right: 345px;
    top: -25px;
}

.benefit-text-right-middle {
    width: 252px;
}

.right-benefit-bottom {
    top: 200px;
    left: 178px;
}

.right-benefit-bottom .benefit-outer-circle {
    right: 441px;
    top: -36px;
}

.benefit-text-right-bottom {
    width: 330px;
}

.benefits-floating-leaves {
    position: absolute;
    z-index: -3;
    right: 0;
}


#pick-tea {
    position: relative;
    padding-bottom: 260px;
    max-width: 1200px;
    margin: 0 auto;
}

#tea-description {
    position: relative;
    overflow: hidden;
}

.benefits-floating-leaves {
    position: absolute;
    z-index: -1;
    top: calc(50% - 400px);
    right: -200px;
}

#pick-tea h2 {
    margin-bottom: 62px;
    text-align: center;
}

#pick-tea-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.pick-tea-circle {
    position: absolute;
    z-index: -1;
}

.pick-tea-circle-outer {
    position: absolute;
    width: 288px;
    height: 288px;
    z-index: -1;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 47.31px 9.69px rgba(143, 188, 98, 0.21);
    top: calc(50%);
    left: calc(50% - 60px);
}

.pick-tea-circle-inner {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 47.31px 9.69px rgba(143, 188, 98, 0.21);
    width: 196px;
    height: 196px;
}

.pick-tea-circle-inner img {
    width: 124px;
}

.pick-tea-mint {
    width: 124px;
    position: absolute;
    z-index: 4;
    top: calc(50% + 84px);
    left: calc(50% + 24px);
}

#pick-tea-content .pick-tea-text {
    max-width: 401px;
    font-size: 16px;
    font-family: Gilroy Regular, sans-serif;
    color: rgb(46, 50, 42);
    line-height: 1.375;
    text-align: left;
}

#pick-tea-content .pick-tea-text span {
    color: #5a7c37;
    font-weight: bold;
}

#pick-tea-content .pick-tea-video {
    border-radius: 35px;
    z-index: 3;
    position: relative;
}

#footer {
    background-image: url("../images/фон футер.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.footer-plant {
    position: absolute;
    right: 77px;
    top: -77px;
}

#footer-container {
    max-width: 1200px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    padding: 157px 0 40px 0;
    /*flex-wrap: wrap;*/
}

#footer-container .logo {
    margin-right: 80px;

}

#footer-container h3 {
    font-size: 18px;
    font-family: Gilroy Bold, sans-serif;
    color: rgb(90, 124, 55);
    margin: 0 0 25px 0;

}

#footer-container p {
    font-size: 14px;
    font-family: Gilroy Regular, sans-serif;
    color: rgb(46, 50, 42);
}

.footer-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pick-up {
    margin-right: 30px;
}

.phones {
    margin-right: 30px;
}

/*.rights {
    margin-top: 45px;
}

.designer {
    margin-top: 77px;
}*/

.rights, .designer {
    font-size: 11px;
    font-family: Gilroy Light, sans-serif;
    color: rgb(130, 155, 100);
}

.designer {
    margin-left: 171px;
}

.instagram, .facebook {
    margin-right: 50px;
}

.instagram,
.facebook,
.youtube {
    opacity: 0.5;
}

.instagram:hover,
.facebook:hover,
.youtube:hover {
    opacity: 0.9;
}

#order-container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

#order {
    background-image: url("../images/order-bg.png");
    background-position: center;
    background-size: 115%;
    border-radius: 33px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 30.45px 4.55px rgba(161, 160, 154, 0.19);
    padding: 60px 76px 84px 426px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

#order #order-form {
    display: flex;
    display: -moz-flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

#order-form .order-inputs {
    display: flex;
    display: -moz-flex;
    flex-wrap: wrap;
    width: 492px;
    align-items: center;
    justify-content: space-between;
    margin: 35px 0;
}

.order-plant {
    position: absolute;
    left: calc(23.5%);
    top: calc(50% - 104px);
}

.close-order {
    position: absolute;
    cursor: pointer;
    top: 35px;
    right: 35px;
    z-index: 999;
}

.close-order:hover {
   cursor: pointer;
}

.close:hover {
    cursor: pointer;
}

#close-cancel:hover {
    cursor: pointer;
}

.close-thanks {
    cursor: pointer;
    right: 26px;
    top: 30px;
    position: absolute;
    display: inline;
}

#order-form .order-input input {
    border-width: 1px;
    border-color: rgb(143, 188, 98);
    border-style: solid;
    box-shadow: 0px 0px 23px 2px rgba(31, 168, 37, 0.13);
    outline: none;
    padding: 18px 0 18px 30px;
    border-radius: 33px;
    font-size: 14px;
    font-family: Gilroy Regular, sans-serif;
    margin: 15px;
    z-index: 2;
    position: relative;
}

#order-form .order-input {
    text-align: center;
    z-index: 3;
}

#order-form .tea-input input {
    width: 228px;
}

#order-form .gram-input input {
    width: 140px;
}

#order-form .name-input input {
    width: 170px;;
}

#order-form .phone-input input {
    width: 170px;
}

#thanks-container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

#thanks {
    background-image: url("../images/bambuk-i-belyj-chaj.png");
    background-position: center;
    width: 996px;
    height: 503px;
    border-radius: 33px;
    position: relative;
}

#thanks .thanks-text {
    display: flex;
    width: 260px;
    flex-wrap: wrap;
    position: absolute;
    top: calc(15%);
    right: calc(20%);
    font-size: 16px;
    font-family: Gilroy Medium, sans-serif;
    color: rgb(46, 50, 42);
    line-height: 1.25;
    z-index: 4;
}

#close-thanks {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 5;
}

#close-thanks:hover {
    cursor: pointer;
}

#burger_menu {
    display: none;
    fill: rgb(143, 188, 98);
    width: 45px;
}

#burger_menu:hover {
    cursor: pointer;
    outline: none;
    transform: scale(1.1);
}

.error_input {
    margin-top: 10px;
    font-family: Gilroy Regular, sans-serif;
}

.order_error_input {
    font-family: Gilroy Regular, sans-serif;
    font-size: 12px;
    display: none;
}

.order-confirm {
    font-size: 18px;
    font-family: Gilroy Medium, sans-serif;
    color: rgb(46, 50, 42);
    padding: 20px 0;
}

.close-header-menu {
    fill: #80a506;
    display: none;
}

#top-anchor {
    display: none;
    position: fixed;
    right: 9%;
    bottom: 9%;
    padding: 10px;
    background: #80a5067d;
    border-radius: 11px;
    border-color: black;
    border-width: 10px;
    -webkit-animation: spin 0.4s linear;
    -moz-animation: spin 0.4s linear;
    animation: spin 0.4s linear;
}

@keyframes spin {
    from {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    } to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes spin {
    from {
        transform: rotate(-180deg);
    } to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes spin {
    from {
        transform: rotate(-180deg);
    } to {
        transform: rotate(0deg);
    }
}

#top-anchor div.anchor-wrapper {
    width: 30px;
    height: 30px;
}

#top-anchor .anchor-wrapper svg {
    fill: #fff;
}