* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;-webkit-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
input,button,textarea{font-family: "Inter", sans-serif;}
ul {display: block; padding: 0;margin: 0;}
:root{
    --main:#393939;
    --yellow:#FFCC00;
    --yellow-dark:#FEB70B;
    --white:#FAF9F9;
    --white-2:#FFFEFD;
    --red:#E50000;
    

}

html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: #f3f3f3;
}

.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto; z-index: 1;}
a {-webkit-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out; text-decoration: none; outline: none;color:var(--main);}
a:focus{outline:none;}
/* a:visited {color: inherit;} */
a:hover{text-decoration: none;}
.white {color:var(--white)}
input.wrong {border-color: var(--red) !important;}
svg path {-webkit-transition: fill .3s ease-in-out;-o-transition: fill .3s ease-in-out;transition: fill .3s ease-in-out;}
p {margin: 0 0 8px;}
input, textarea {outline: none; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;}
.content {width: 1280px; position: relative; margin: 0 auto; padding: 0 16px; z-index: 1; }
.center {text-align: center;}
.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}
input, select {-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}
.d-flex {display: flex !important;}
.f-wrap {flex-wrap: wrap;}
.f-center {align-items: center;}
.f-sb {justify-content: space-between;}


.site-header {}
.site-header .top-row {padding: 20px 0; }
.site-header .top-row .home-icon {width: 200px;}
.site-header .top-row .home-icon a,
.site-header .top-row .home-icon img {display: block; width: 100%; object-fit: contain;}
.site-header .top-row .city-icon {width: 170px;}
.site-header .top-row .city-icon img {width: 100%;}

.site-header .top-row .phone-mode-w .phone-w {text-align: center; margin-bottom: 4px; line-height: 1;}
.site-header .top-row .phone-mode-w .phone-w a {font-weight: 600;}
.site-header .top-row .phone-mode-w .phone-w a:hover {color: var(--yellow-dark);}
.m-phone-mode-w .mode {display: flex; align-items: center; justify-content: center;}
.phone-mode-w .mode {font-size: 12px; display: flex; align-items: center; margin-right: 6px;}
.m-phone-mode-w .mode::before {content: ''; display: block; margin-right: 6px; width: 8px; height: 8px; border-radius: 50%; background-color: transparent;}
.phone-mode-w .mode::before {content: ''; display: block; margin-right: 6px; width: 8px; height: 8px; border-radius: 50%; background-color: transparent;}
.m-phone-mode-w .mode.active::before {animation: dot-color 1.5s infinite; background-color: #15C644;}
.phone-mode-w .mode.active::before {animation: dot-color 1.5s infinite; background-color: #15C644;}
.m-phone-mode-w .mode.not-active::before {background-color: #FF2F35;}
.phone-mode-w .mode.not-active::before {background-color: #FF2F35;}

.btn {display: inline-block; padding: 11px 54px; line-height: 1; text-transform: uppercase; transition: all .3s ease-in-out; border-radius: 12px; cursor: pointer; color: var(--main);
  background: radial-gradient(54.97% 55.05% at 45.03% 50%, #FFCC00 0%, #FFE066 100%); position: relative; z-index: 3;
  font-weight: 500;
}
.btn.wide {width: 100%; text-align: center; padding: 14.5px;}
.btn.white-btn {background: var(--white);}
.btn.white-btn span {color: #393939;}
.btn.white-btn::before {background: #FEB70B;}
.btn.big {padding: 16px 68px;}
.btn span {position: relative; z-index: 5;}
.btn::before {content: ""; display: block;opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  background: linear-gradient(90.63deg, #FF8D1F -22.62%, #FFCC00 99.45%);
  transition: opacity .3s ease-in-out; border-radius: 12px;
  z-index: -1000;}
.btn:hover::before {z-index: 4; opacity: 1;}

.hover-icon svg {}
.hover-icon.instagram svg stop,
.hover-icon.instagram svg path {transition: all .3s ease-in-out;}
.hover-icon.instagram:hover svg path {fill: #000}
.hover-icon.instagram:hover svg stop {stop-color: #fff;}
.site-header .top-row .btn-w {margin-left: 24.5px;}
.site-header .top-row .instagram-w {margin-left: 24.5px;}
.site-header .top-row .instagram-w svg {display: block;}
.site-header .bottom-row {background-color: var(--white-2); box-shadow: 0px 1px 9.4px 0px #0000001F;}
.site-header .bottom-row .main-menu-nav {}
.site-header .bottom-row .main-menu-nav ul {display: flex; justify-content: space-between; align-items: center; padding: 14px 0;}
.site-header .bottom-row .main-menu-nav ul a {text-transform: uppercase; position: relative; font-weight: 500; line-height: 1; font-size: 14px;}
/* .site-header .bottom-row .main-menu-nav ul a::before {content: ""; position: absolute; bottom: -5px; width: 0; left: 0; height: 2px; background-color: var(--yellow); transition: all .7s ease-in-out;} */
.site-header .bottom-row .main-menu-nav ul a:hover {color: #F9C700;}
/* .site-header .bottom-row .main-menu-nav ul a:hover::before {width: 100%;} */
/* .site-header .bottom-row .main-menu-nav ul a:hover {font-weight: 700;} */
ul.main-menu li {position: relative; display: inline-block;}
ul.main-menu li a{position: relative; z-index: 2;}
ul.main-menu li .label {width: 16px; height: 64px; background-position: bottom; background-repeat: no-repeat; background-image: url(../img/label.png); background-size: contain;
  position: absolute;top: -18px; right: -7px;z-index: 1;
  animation: rolling 2.5s infinite ease-in-out;
}
@keyframes rolling {
  0% {transform: rotate(15deg); }
  50% {transform: rotate(-15deg); }
  100% {transform: rotate(15deg); }
}
.top-block-w {position: relative; background-image: url(../img/bg-top-block.png); background-repeat: no-repeat; background-position: bottom right;}
.top-block-w .txt-window-w {position: relative; margin-top: 64px;}
.top-block-w .txt-window-w .txt-w {width: 617px; margin-top: 27px;}
h1 {text-transform: uppercase; font-size: 40px; line-height: 1.3; margin-bottom: 30px;}
h1 span {color: var(--yellow);}
.top-block-w .txt-window-w .txt-w .steps {margin:0 52px 30px 0;}
.top-block-w .txt-window-w .txt-w .steps .s-step {text-align: center; position: relative;}
.top-block-w .txt-window-w .txt-w .steps .s-step .icon {margin-bottom: 4px;}
.top-block-w .txt-window-w .txt-w .steps .s-step .desc {}
.top-block-w .txt-window-w .txt-w .steps .s-step.arrow::after {content: ""; position: absolute; display: block; width: 66px; height: 15px; background-image: url(../img/icons/arrow-gray.png); background-position: center; background-repeat: no-repeat; background-size: contain; right: -80px; top: 18px;}
.top-block-w .window-w {position: absolute; width: 446px; top: 0; right: 10px;}
.top-block-w .window-w img {display: block; width: 100%; object-fit: contain;}
.top-block-w .window-w .hint {position: absolute; z-index: 2;}

.top-block-w .window-w .hint .pluse {width: 32px; height: 32px; transition: all .3s ease-in-out; position: relative; z-index: 4; border-radius: 50%; background-color: var(--yellow); cursor: pointer;}
.top-block-w .window-w .hint .pluse:hover {background-color: var(--main);}
.top-block-w .window-w .hint .pluse::before {content: ""; transition: all .3s ease-in-out; position: absolute; width: 14px; height: 2px; background-color: var(--main); top: calc(50% - 1px); left: calc(50% - 7px);}
.top-block-w .window-w .hint .pluse::after {content: "";transition: all .3s ease-in-out; position: absolute; width: 2px; height: 14px; background-color: var(--main); top: calc(50% - 7px); left: calc(50% - 1px);}
.top-block-w .window-w .hint .pluse:hover::before,
.top-block-w .window-w .hint .pluse:hover::after {background-color: var(--yellow);}
.top-block-w .window-w .hint .hint-txt {position: absolute; transition: all .5s ease-in-out; opacity: 0;  padding: 10px 12px; border-radius: 12px; background-color: var(--yellow); font-size: 14px; text-align: center; width: 254px; bottom: 18px; transform: translateX(-50%); left: 16px;}
.top-block-w .window-w .hint .pluse:hover + .hint-txt {opacity: 1; bottom: 24px;} 

.top-block-w .window-w .h-1 {bottom: 68px; left: 34px;}
.top-block-w .window-w .h-2 {top: 244px; left: 148px;}
.top-block-w .window-w .h-3 {top: 52px; left: 164px;}
.top-block-w .window-w .label {width: 128px; height: 128px; z-index: 2; 
  /* transform: rotate(20deg);  */
  cursor: pointer; display: flex; justify-content: center; flex-direction: column; align-items: center; color: var(--white-2); text-align: center; font-size: 18px; background-image: url(../img/icons/red-label.svg); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; right: -5px; top: -20px; padding: 0 0 6px 0;
  animation: wiggle 5s linear infinite;
}
.top-block-w .pluses-w {column-gap: 32px; justify-content: center; margin: 146px 0 94px;}
.top-block-w .pluses-w .s-pluse {position: relative; width: 26%; transition: all .3s ease-in-out;}
.top-block-w .pluses-w .s-pluse .icon {position: absolute; top: -28px; left: 50%; transform: translateX(-50%);z-index: 2;}

.top-block-w .pluses-w .s-pluse .pluse-desc {border-radius: 24px; border: 1px solid var(--yellow); overflow: hidden; position: relative; backdrop-filter: blur(10px); padding: 54px 22px 26px; transition: all .3s ease-in-out;}
.top-block-w .pluses-w .s-pluse .pluse-desc .title {text-transform: uppercase; font-size: 18px; line-height: 1.4; font-weight: 600; margin-bottom: 8px; }
.top-block-w .pluses-w .s-pluse:hover .pluse-desc {background: rgba(255, 204, 0, 0.4);}


.mobile-header {display: none;}
.phone-burger-w .m-phone {margin-right: 30px;}
.burger-wrapper {width: 42px; height: 30px; position: relative; z-index: 1; }
.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 99;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%;}
.burger-wrapper .lines-wrapper .burger-line {height: 3px; border-radius: 1px; position: absolute; transition: all .3s ease-in-out; background-color: #252525;}
.burger-wrapper .lines-wrapper .burger-line.first { width: 42px; top: 1px;}
.burger-wrapper .lines-wrapper .burger-line.second { top: 9px; width: 42px;}
.burger-wrapper .lines-wrapper .burger-line.third { top: 17px; width: 22px; right: 0;}
#check-menu-burger:checked ~ .lines-wrapper .first {transform: rotate(-45deg);top: 9px;left: 0;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 0; top: 9px;}
#check-menu-burger:checked ~ .lines-wrapper .third {display: none;}
.mobile-header .home-icon-m {width: 150px;}
.mobile-header .home-icon-m a,
.mobile-header .home-icon-m img {display: block; width: 100%;}
.top-block-w .m-btn-w {display: none;}
.mobile-menu-list {position: fixed; padding: 24px 14px; right: -120%; width: 100%; z-index: -9; transition: all .3s ease-in-out; top: 78px; background-color: var(--white); height: calc(100vh - 78px); 

}
.mobile-menu-list.show {right: 0; z-index: 9;}
.mobile-menu-list .main-menu {display: flex; flex-direction: column; align-items: center; margin-bottom: 14px;}
.mobile-menu-list .main-menu li {display: block; margin-bottom: 16px; width: fit-content;}
.mobile-menu-list .main-menu li a {text-transform: uppercase; font-size: 14px; font-weight: 500;}
.m-phone-mode-w {margin: 30px auto 12px;}
.m-phone-mode-w .phone-w {font-weight: 600; margin-bottom: 4px; line-height: 1;}
.m-phone-mode-w .mode-w {font-size: 14px; font-weight: 300;}
.m-socials-w {margin: 12px 0; }
.m-socials-w .socials-w {justify-content: center;}
.socials-w {column-gap: 12px;}
.socials-w a {display: flex; align-items: center; justify-content: center;transition: all .3s ease-in-out; background-color: var(--white); width: 40px; height: 40px; border-radius: 8px; box-shadow: 0px 1px 2px 0px #0000001F;}
/* .socials-w a:hover {background-color: var(--yellow-dark);} */
.site-footer{background-color: #252525;}
.footer-w{padding: 42px 0 0px;}
.footer-w .logo-w {margin: 0 0 40px;}
.footer-w a:hover {color: var(--yellow-dark);}
.footer-w .address-w {margin: 0 0 40px;}
.footer-w .phone-mode-w {margin-bottom: 12px;}
.footer-w .phone-mode-w .phone-w {}
.footer-w .phone-mode-w .phone-w a {font-weight: 500; line-height: 1; margin-bottom: 4px; color: var(--white);}
.footer-w .phone-mode-w .phone-w a:hover {color: var(--yellow-dark);}
.footer-w .column.f-menu {}
.footer-w .column.f-menu ul {}
.footer-w .column.f-menu ul li {display: block; margin-bottom: 16px;}
.footer-w .column.f-menu ul li:last-of-type {margin-bottom: 0;}
.footer-w .column.f-menu ul li a {color: var(--white); transition: all .3s ease-in-out;}
.footer-w .column.f-menu ul li a:hover {color: var(--yellow-dark);}
.footer-w .column .title {font-weight: 600; margin-bottom: 9px;}
.m-btn-w {display: flex; justify-content: center;}
.dev-block {border-top: 1px solid #444444; background-color: #252525;}
.dev-block .cr-pp-wrapper {padding: 25px 0 43px; font-size: 14px; justify-content: space-between; color: #FAF9F9;}
.dev-block .cr-pp-wrapper a {color: #faf9f9;}
.dev-block .cr-pp-wrapper a:hover {color: var(--yellow-dark);}

.measurement-block {
  position: relative; margin-top: 110px;
  background: linear-gradient(90deg, #FFCC00 0%, #FFAB10 50%, #FF8A20 75%, #FFAB10 100%);
}
.measurement-block .txt-form-w {padding: 34px 0 28px; justify-content: end;}
h2.small {font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 30px; font-weight: 700; margin-bottom: 4px; line-height: 1.2;}
.measurement-block .txt-w {width: 452px; margin-right: 78px;}
.measurement-block .form-w {width: 294px;}
.input-wrapper {position: relative;}
.input-wrapper input {display: block; width: 100%; color: var(--main); font-size: 16px; padding: 15px 16px; border-radius: 12px; transition: all .3s ease-in-out; font-size: 14px;
  outline: none; 
  border: 1px solid #dfdfdf;
}
h2 br {display: none;}
.input-wrapper input.orange {background-color: rgba(255, 254, 253, 0.5); color: var(--main); border-color: rgba(130, 130, 130, 0.26);}
.input-wrapper input:focus {border-color: var(--yellow-dark); background-color: var(--white);}
.input-wrapper.wrong input {border-color: var(--red) !important; color: var(--red) !important;}
.input-wrapper::after {content: '';position: absolute;right: 15px;bottom: 26px; transform: translateY(50%); width: 20px;height: 20px;background-repeat: no-repeat;
  background-size: contain; opacity: 0; -webkit-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; background-image: url(../img/icons/danger.svg);
}
.input-wrapper.wrong::after {opacity: 1;}
.measurement-block .submit {margin: 10px 0 0;}
.agree-wrapper {margin-top: 12px; display: flex; align-items: center; transition: all .3s ease-in-out;}
.agree-wrapper.wrong {color: var(--red);}
.agree-wrapper.wrong .agree {border-color: var(--red) !important;}

.agree-wrapper .agree-desc {font-size: 12px; line-height: 1.16; width: calc(100% - 16px); padding-left: 10px;}
.popup.yellow .agree-wrapper .agree-desc {padding-right: 32px;}
.get-pp-popup {text-decoration: underline;}
.agree-checkbox {display: none;}
label.agree {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid var(--yellow);
  border-radius: 2px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-color: transparent;
  position: relative;
}
label.wrong {border-color: var(--red) !important;}
input.agree-checkbox:checked + label.agree {background-image: url(../img/icons/yellow-v.svg);}
.row input.agree-checkbox:checked + label.agree {background-image: url(../img/icons/white-v.svg);}
.measurement-block .agree-wrapper label.agree {border-color: var(--white);}
.agree-wrapper.white input.agree-checkbox:checked + label.agree {background-image: url(../img/icons/white-v.svg);}
.measurement-block .men-w {position: absolute; left: 66px; bottom: 0; width: 300px; height: 346px; background-size: contain; background-image: url(../img/men-1.png); background-position: bottom left;background-repeat: no-repeat; }
.simple-block {padding: 42px 0;} 






#overlay {background: #333;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
#overlay-gift {background: #333;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
#overlay-gift.show {opacity: .8; z-index: 12;}
#overlay.show {opacity: .8; z-index: 11;}
.popup {
  position: fixed; left: 50%;top:-250%;width: 750px;padding: 48px 40px;height: auto; 
  background-repeat: no-repeat;
  background-color: #fcfcfc; 
  background-size: cover;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);background-color: #fff;
  -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
  border-radius: 6px; 
  border: 1px solid var(--light-green);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  -o-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  opacity: 0;
  z-index: 30;
}
.popup.auto-w {width: auto;}
.popup-w {
  border-radius: 12px; 
  overflow: hidden;
  position: fixed; left: 50%;top:-250%;width: auto; height: auto; 
  background-repeat: no-repeat;
  background-color: transparent; 
  background-size: cover;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);

  -webkit-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  -o-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  opacity: 0;
  z-index: 30;
}
.popup-w.show {top: 50%; visibility: visible; opacity: 1;}
.popup-w .wheel-p-w .form-w {
  margin-right: 0; width: 0;

}


.popup-w {}
.popup-w .wheel-w {position: relative; width: 400px; height: 400px; z-index: 4;}
.popup-w .wheel-w .disc-w {width: 100%; height: 100%; position: relative; z-index: 1; transition:  all .3s ease-in-out;}
.popup-w .wheel-w::after {content: ""; position: absolute; z-index: 2; width: 48px; height: 48px; background-image: url(../img/icons/w-arrow.svg); background-repeat: no-repeat; top: 0; left: 50%; transform: translateX(-50%);}
.popup-w .wheel-w .disc-w img {display: block; object-position: top; width: 100%; height: 100%; transition: all .5s ease-in-out; object-fit: contain;}
.popup-w .wheel-w .disc-w svg {display: block; width: 100%; object-fit: contain;} 

.popup-w .wheel-p-w {}
.popup-w .wheel-p-w .form-w {position: relative;
  background-image: url(../img/wheel-bg.jpg); background-repeat: no-repeat; background-size: cover; 
  margin-right: 0;
  transition: all .3s ease-in-out;
  width: 0;
  margin-right: 0px;
}
.popup-w .wheel-p-w .form-w {width: 0; margin-right:0px; overflow: hidden; height: fit-content; border-radius: 12px 0 0 12px; z-index: -1;}
.popup-w .wheel-p-w .form-w.show {width: auto; margin-right: -200px; z-index: 3; top: 7px;}

.popup-w .close-btn {position: absolute; z-index: 2; transition: all .3s ease-in-out; top: 10px; left: 10px; width: 30px; height: 30px; cursor: pointer; opacity: .7;}
.popup-w .close-btn:hover {opacity: 1;}
.popup-w .close-btn svg {display: block; width: 100%; height: 100%; object-fit: contain;}
.popup-w .wheel-p-w .form-w .inner-w {position: relative; padding: 38px 254px 30px 70px; }
.popup-w .wheel-p-w .form-w .form-inner {width: 346px; }


.popup-w .wheel-p-w .form-w .title {font-size: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; line-height: 1.2;}
.popup-w .wheel-p-w .gift-w {margin: 6px 0 10px;}
.popup-w .wheel-p-w .gift-w .gift-desc {margin-right: 12px;}
.popup-w .wheel-p-w .gift-w .gift-body {background-color: #F3EAFF; position: relative; padding: 11px; border-radius: 4px;
  border: 1px dashed var(--main);
}
.popup-w .wheel-p-w .gift-w .gift-body::before {content:""; position: absolute; display: block; width: 8px; height: 18px; background-color: #F3EAFF;
  left: -7px;
  top: calc(50% - 9px);
  border-radius: 4px;
  border-left: 1px dashed var(--main);
  border-top: 1px dashed var(--main);
  border-bottom: 1px dashed var(--main);
}
.popup-w .wheel-p-w .gift-w .gift-body::after {content:""; position: absolute; display: block; width: 8px; height: 18px; background-color: #F3EAFF;
  right: -7px;
  top: calc(50% - 9px);
  border-radius: 4px;
  border-right: 1px dashed var(--main);
  border-top: 1px dashed var(--main);
  border-bottom: 1px dashed var(--main);
}
.popup-w .desc {margin: 10px 0 14px; font-size: 14px;}
.popup-w .desc .soon {font-weight: 800; font-style: italic; }
.popup-w .submit-wrapper {margin-top: 16px;}

.gray label.agree {border-color: var(--main);}
.gray input.agree-checkbox:checked + label.agree {background-image: url(../img/icons/v-gray.svg);}





.popup.thanks-popup {width: 480px;}
.popup.show {top: 50%; visibility: visible; opacity: 1;}
.popup .close-btn {position: absolute; width: 30px; height: 30px; z-index: 3; top: 27px; right: 40px; cursor: pointer; opacity: .6; transition: opacity .3s ease-in-out;}
.popup .close-btn:hover {opacity: 1;}
.popup .close-btn svg {display: block; width: 100%; height: 100%; object-fit: contain;}
.popup.std {background-image: url(../img/popup-bg-1.png); background-repeat: no-repeat; background-position: bottom right; background-size: 48%;}
.popup.sale {background-image: url(../img//mogilev-2.png); background-repeat: no-repeat; background-position: bottom right; background-size: contain;}
.popup-inner.center-block {padding: 8px 0px;}
.w-title .popup-inner .popup-title {padding-right: 0;}
.popup-inner .popup-title {font-size: 20px; font-weight: 800; padding-right: 30px; text-transform: uppercase; margin-bottom: 8px; font-family: "Montserrat", sans-serif;}
.popup-inner .desc {font-size: 14px; margin-bottom: 16px;line-height: 1.43;}
.popup-inner .icon-w {margin-bottom: 20px;}
.popup-inner.std {}
.popup-inner .title-desc-w {width: 390px;}
.popup-inner .form-w {width: 330px;}

.auto-w .popup-inner .inputs-wrapper-block {width: 386px;}
.input-wrapper {position: relative;}
.inputs-wrapper-block {column-gap: 24px;}
.popup-inner .input-wrapper .label {font-size: 16px; font-weight: 700; margin-bottom: 8px;}
.popup-inner .input-wrapper input {color: var(--main); padding: 15px 18px; border-radius: 12px; font-size: 14px; border: 1px solid #B1B1B1; display: block; width: 100%;}
.popup-inner .input-wrapper {margin-bottom: 12px; position: relative;}
.popup-inner .input-wrapper input:focus {border-color: var(--yellow-dark); background-color: transparent;}
.popup-inner .input-wrapper {margin-bottom: 10px;}
.popup-inner .submit-wrapper {margin-top: 16px;}
.popup-inner .submit {}

.popup-inner .radio-input-w input {display: none;}
.popup-inner .radio-input-w{margin-right: 15px;}
.popup-inner .radio-input-w label {position: relative; display: flex; justify-content: center; align-items: center;
  width: 40px; height: 40px; box-shadow: 0px 1px 2px 0px #0000001F;
  border-radius: 12px; background-color: #ffffff; cursor: pointer; z-index: 1;
}
.popup-inner .radio-input-w label .icon {display: flex; align-items: center;}
.popup-inner .radio-input-w label::before {content: ""; position: absolute; top: -3px; right: -3px; width: 14px; height: 14px;
  border: 1px solid #dfdfdf; border-radius: 2px; background-color: #fff; z-index: 2;
}
.popup-inner .radio-input-w input:checked + label::before{border-color: var(--yellow); background-image: url(../img/icons/yellow-v.svg); background-repeat: no-repeat; background-position: center; background-size: 80%;}
.radio-input-w input:checked label.phone svg path {transition: all .3s ease-in-out;}
.popup-inner .radio-input-w input:checked + label.phone {background-color: var(--yellow);} 
.popup-inner .radio-input-w input:checked + label.phone svg path {fill:#fff;}
.popup-inner .radio-input-w input:checked + label.viber {background-color: #7C509A;} 
.popup-inner .radio-input-w input:checked + label.viber svg path {fill:#fff;}
.popup-inner .radio-input-w input:checked + label.whatsapp {background-color: #48C95F;} 
.popup-inner .radio-input-w input:checked + label.whatsapp svg path {fill:#fff;}
.popup-inner .radio-input-w input:checked + label.telegram {background-color: #27A6E5;} 
.popup-inner .radio-input-w input:checked + label.telegram svg path {fill:#fff;}
.connect-types-title {font-size: 12px; color: #828282; margin-bottom: 8px;}
.popup-inner .connect-types {margin-bottom: 16px;}

h2 {font-family: "Montserrat", sans-serif; font-size: 36px; font-weight: 700; text-transform: uppercase;}
h3.block-title {font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 600; line-height: 1.2; margin-bottom: 16px;}
.production-w {padding: 50px 55px 62px; position: relative; border-radius: 12px; overflow: hidden; background-image: url(../img/production-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;
}
h2 .yellow {color: var(--yellow);}
.title-desc-c {margin: 20px 0 30px;}
.production-w .men {position: absolute; width: 284px; height: 462px; background-repeat: no-repeat; background-position: center bottom; background-size: contain; background-image: url(../img/men-2.png); bottom: 0; left: 50%; transform: translateX(-50%);} 
.production-w::before {content: ""; position: absolute; top: 0;bottom: 0;right: 0;left: 0; 
background: radial-gradient(34.85% 34.85% at 50% 50.08%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%),linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}
.production-w .inner-w {position: relative; z-index: 2;}
.production-w .bloks-w {margin-top: 48px;}
.production-w .block.left {text-align: left; width: 360px;}
.production-w .block.right {text-align: right; width: 336px;}
.production-w .quotation {margin: 20px 0;}
.production-w .block .block-desc {margin-bottom: 20px;}

.mail-to {border: 1px solid var(--white); font-size: 14px; padding: 13px 14px; border: 1px solid #CACACA; width: fit-content; cursor: pointer; transition: all .3s ease-in-out; border-radius: 12px;}
.mail-to .icon {margin-right: 8px;}
.mail-to .icon svg {display: block; width: 100%; height: 100%;}
.mail-to:hover {color: var(--yellow); border-color: var(--yellow);}
.mail-to:hover svg path {fill: var(--yellow);}
.production-w .gallery {column-gap: 4%;}
.production-w .gallery .s-gallery {display: block;box-shadow: 0px 1px 2px 0px #0000001F; margin-bottom: 4%; width: 48%; height: 120px; border-radius: 12px; overflow: hidden;}
.production-w .gallery .s-gallery img {display: block; width: 100%; height: 100%; object-fit: cover;}
.production-w .advantages-w {margin: 60px 0 0; justify-content: center; column-gap: 76px;}
.production-w::after {content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 269px; background-repeat: repeat-x; background-image: url(../img/bt-ten.png);}
.production-w .s-adv {}
.production-w .s-adv .icon {width: 44px; height: 44px; overflow: hidden; margin-right: 10px; border-radius: 50%;}
.simple-section {margin: 84px 0;}

.feedback-block {background-repeat: no-repeat; position: relative; z-index: 5; background-position: center; background-size: cover; background-image: url(../img/fb-bg.jpg);}
.feedback-w {padding: 40px 0 56px;}
.feedback-w .title-desc {margin: 8px 0 24px;}
.form-fb-w {width: 612px; column-gap: 4%;}
.form-fb-w .row {column-gap: 4%; margin-bottom: 20px;}
.form-fb-w .row .input-wrapper{width: 48%;}
.form-fb-w .row .submit {height: 48px; display: flex; align-items: center; justify-content: center;}
.form-fb-w .row label.agree {border-color: var(--white);}
.products {column-gap: 2%;}
.products .product {background-color: #fffefb; width: 23.5%; margin-bottom: 2%; border-radius: 4px; padding: 34px 20px 26px;box-shadow: 0px 1px 9.4px 0px #0000001F;}
.products .product h4 {font-family: "Montserrat", sans-serif; text-align: center;text-transform: uppercase; font-size: 20px; font-weight: 700;}
.products .product .razmer {font-size: 14px; font-weight: 300; color: #797979; list-style: 1.4;}
.products .product .thumb {position: relative; margin: 30px auto 20px;}
.products .product .thumb .img-w{position: relative; height: 180px; margin: 0 auto; width: fit-content;}
.products .product .thumb img {display: block; height: 100%; object-fit: contain;}
.products .product .thumb .label-w {position: absolute; top: 0; right: 0;z-index: 2;}
.products .product .hit {color: #fff; display: inline-block; 
  background: linear-gradient(88.8deg, #14AA00 0.38%, #084400 134.23%);
  font-size: 12px; padding: 3px 8px; border-radius: 6px 0 0 6px;
}
.products .product .saving {font-size: 12px; padding: 6px; border: 0.57px dashed #393939; font-weight: 300;}
.products .product .s-eq {width: 32%; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center;}
.products .product .s-eq .eq-desc {font-size: 12px; color: #797979;}
.products .product .btn-w {width: calc(100% - 59px);}

.prices-block .current-price {margin-bottom: 6px;}
.prices-block {margin: 20px 0 28px;}
.prices-block .p-title-new{font-size: 14px; font-weight: 300;}
.prices-block .old-price {font-size: 12px; color: #797979;}
.prices-block .current-price .p-cost {font-weight: 600;}
.prices-block .old-price .p-title-old {font-weight: 100;}
.prices-block .p-cost-old {text-decoration: line-through;}
.product .btn-calc-w {column-gap: 11px;}
.product .btn-calc-w .calc-w {width: 48px; height: 48px; position: relative; z-index: 2;}
.product .btn-calc-w .calc-w .tooltip{position: absolute; z-index: 1; box-shadow: 0px 1px 9.7px 0px #0000001F; transition: all .3s ease-in-out; top:-34px; right: -188px; opacity: 0; background-color: #fff; border: 1px solid #FEB70B; border-radius: 6px; padding: 2px 10px; font-size: 14px; line-height: 1.28;}
.product .btn-calc-w .calc-w:hover .tooltip {opacity: 1; top:-41px;}

.product.last {border: 1px solid #6F00FF33; position: relative;
  z-index: 6;
  background: linear-gradient(167.19deg, rgba(198, 151, 255, 0.5) 1.49%, rgba(232, 212, 255, 0.5) 101.69%);
}



.product.last::before {content: ""; position: absolute; z-index: 1; bottom: 0; height: 240px; width: 189px; left: 50%; transform: translateX(-50%);
  background-image: url(../img/men-3.png); background-repeat: no-repeat; background-position: bottom center; 
}
.product.last .last-title {font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 16px 0 8px;}
.product.last .desc {margin-bottom: 16px; font-size: 14px;}
.product.last .btn-get-popup {padding: 14.5px; width: 100%; position: relative; z-index: 4; transition: all .3s ease-in-out; border-radius: 12px; cursor: pointer; border: 1px solid var(--yellow); font-size: 16px; font-weight: 600; text-transform: uppercase; background-color: #FFFDFD;}
.product.last .btn-get-popup:hover {background-color:var(--yellow);}


.calculator-block .sides-w {column-gap: 2%;}
.calculator-block .sides-w .side {width: 49%; background-color: #fffefb;box-shadow: 0px 1px 9.7px 0px #0000001F; padding-top: 26px;}
.calculator-block .sides-w .side .title-block {height: 50px; position: relative;}
.calculator-block .sides-w .side .title-block .step-w {background-color: #595959; display: flex; align-items: center; padding-left: 20px; font-size: 36px; color: #fff; font-weight: 900; line-height: 1; width: 80px;
  clip-path: polygon(0% 0, 100% 0, 68% 100%, 0 100%, 0 10%);
  position: relative; z-index: 3;

}
.calculator-block .sides-w .side .title-block .desc-w {display: flex; align-items: center; z-index: 2; left: -30px; position: relative; font-size: 18px; font-style: italic; padding: 10px 40px;}
.calculator-block .sides-w .side .title-block .desc-w::before {content: ""; 
clip-path: polygon(0% 0, 100% 0, 92% 100%, 0 100%, 0 10%);
  
  
  position:absolute; left: 0;right: 0;top: 0; bottom: 0; background-color: var(--yellow-dark);}
.calculator-block .sides-w .side .title-block .desc-w span {position: relative; z-index: 2;}
.calculator-block .sides-w .side .inner-w {padding: 32px 20px}
.calculator-block .sides-w .side .razmer-inner-w {column-gap: 10px;}
.calculator-block .sides-w .side .type-razmer-w {column-gap: 2%;}
.calculator-block .sides-w .side .title{font-size: 14px; font-weight: 500; margin-bottom: 12px; text-transform: uppercase;}
.calculator-block .sides-w .side .type-razmer-w .type-w {width: 49%;}
.calculator-block .sides-w .side .type-w select {display: block; width: 100%; background-color: #fffefb; outline: none; border: 1px solid #EAEBED; border-radius: 4px; padding: 11px 16px;}
.calculator-block .sides-w .side .type-razmer-w .razmer-w {width: 49%;}
.calculator-block .sides-w .side .type-razmer-w .type-w select option:hover {background-color: #FFCC00;}
.calculator-block .sides-w .side .type-razmer-w input {display: block; padding: 11px; width: 133px; border: 1px solid var(--yellow); border-radius: 4px; font-family: "Inter", sans-serif;  text-align: center;}
.calculator-block .sides-w .side .type-razmer-w .input-desc {font-size: 12px; line-height: 1.6; margin-top: 2px;}
.calculator-block .sides-w .side .type-razmer-w input:focus {border-color: var(--main);}

.poster-w .product-img {display: none; position: relative; margin: 30px 0 45px;}
.poster-w .product-img.active {display: block;}
.poster-w .product-img .img-w {position: relative; height: 318px; margin: 0 auto; width: fit-content;}
.poster-w .product-img .img-w img {display: block; height: 100%; object-fit: contain; margin: 0 auto;}
.poster-w .product-img .img-w .product-razmer {position: absolute; display: inline-block; padding: 2px 15px; text-align: center; font-size: 14px; line-height: 1; border: 1px solid #F2F2F2; border-radius: 4px; background-color: #fff;}
.poster-w .product-img .img-w .product-razmer.width {bottom: 0px; left: calc(50% - 38px); transform: translateX(-50%);}
.poster-w .product-img .img-w .product-razmer.height {top: calc(50% - 30px); right: -2px;}
.free-inputs-w {justify-content: space-around;}
.free-inputs-w input {display: none;}
.free-inputs-w label {content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #C2C2C2;
  border-radius: 2px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-color: transparent;
  position: relative; 
}
.free-inputs-w input:checked + label {background-image: url(../img/icons/gray-v.svg);}
.free-inputs-w .input-desc {padding-left: 8px; color: #666666; font-size: 14px;}
.calculator-block .add-options {margin: 40px 0; column-gap: 2%;}
.calculator-block .add-options .s-block{width: 49%;}
.calculator-block .add-options .s-block .title {margin-bottom: 16px;}
.calculator-block .add-options .s-block .s-input{margin-bottom: 12px;}
.calculator-block .add-options .s-block .s-input input {display: none;}
.calculator-block .add-options .s-block .s-input label {content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #949494;
  border-radius: 2px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-color: transparent;
  position: relative; 
}
.calculator-block .add-options .s-block .s-input input:checked + label {background-image: url(../img/icons/yellow-v.svg); border-color: var(--yellow);}
.calculator-block .add-options .s-block .input-value {padding-left: 8px; font-size: 14px;}


.calculator-block .contacts-block .radio-input-w input {display: none;}
.calculator-block .contacts-block .radio-input-w{margin-right: 15px;}
.calculator-block .contacts-block .radio-input-w label {position: relative; display: flex; justify-content: center; align-items: center;
  width: 40px; height: 40px; box-shadow: 0px 1px 2px 0px #0000001F;
  border-radius: 8px; background-color: #ffffff; cursor: pointer; z-index: 1;
}
.calculator-block .contacts-block .radio-input-w label .icon {display: flex; align-items: center;}
.calculator-block .contacts-block .radio-input-w label::before {content: ""; position: absolute; top: -3px; right: -3px; width: 14px; height: 14px;
  border: 1px solid #dfdfdf; border-radius: 2px; background-color: #fff; z-index: 2;
}
.calculator-block .contacts-block .radio-input-w input:checked + label::before{border-color: var(--yellow); background-image: url(../img/icons/yellow-v.svg); background-repeat: no-repeat; background-position: center; background-size: 80%;}
.calculator-block .contacts-block .radio-input-w input:checked label.phone svg path {transition: all .3s ease-in-out;}
.calculator-block .contacts-block .radio-input-w input:checked + label.phone {background-color: var(--yellow);} 
.calculator-block .contacts-block .radio-input-w input:checked + label.phone svg path {fill:#fff;}
.calculator-block .contacts-block .radio-input-w input:checked + label.viber {background-color: #7C509A;} 
.calculator-block .contacts-block .radio-input-w input:checked + label.viber svg path {fill:#fff;}
.calculator-block .contacts-block .radio-input-w input:checked + label.whatsapp {background-color: #48C95F;} 
.calculator-block .contacts-block .radio-input-w input:checked + label.whatsapp svg path {fill:#fff;}
.calculator-block .contacts-block .radio-input-w input:checked + label.telegram {background-color: #27A6E5;} 
.calculator-block .contacts-block .radio-input-w input:checked + label.telegram svg path {fill:#fff;}
.calculator-block .contacts-block .connect-types-title {font-size: 12px; color: #828282; margin-bottom: 8px;}
.calculator-block .contacts-block .connect-types {margin-bottom: 16px;}

.calculator-block .contacts-block .title-cb {font-size: 18px; font-weight: 600; margin-bottom: 8px;}
.calculator-block .phone-submit-w {}
.calculator-block .phone-submit-w .input-wrapper,
.calculator-block .phone-submit-w .submit{width: 48.5%;}


.reviews-slider-w {position: relative;}
.reviews-slider-w .slider {}
.reviews-slider-w .slider .s-slide {height: 340px; display: flex; justify-content: center; position: relative; opacity: .2;}
.reviews-slider-w .slider .s-slide img {display: block; height: 100%; object-fit: contain; position: relative; z-index: 2; transition: all .3s ease-in-out;}
.reviews-slider-w .slider .s-slide.slick-slide.slick-current{height: 100%; padding: 15px 0; opacity: 1;}
.reviews-slider-w .slider .s-slide.slick-slide.slick-current::before{
  content: ""; position: absolute; z-index: 1; border-radius: 20px; top: 25px;bottom: 25px; right: 10px; left: 10px; background-color: var(--yellow);
  filter: blur(8px);
}
.reviews-slider-w .slick-slider .slick-track {display: flex; align-items: center;}
.reviews-slider-w .arrows {position: absolute; width: 340px; height: 0; display: flex; justify-content: space-between; top: calc(50% - 50px); left: 50%; transform: translateX(-50%);}
.reviews-slider-w .arrows .slider-arrow {cursor: pointer; transition: all .3s ease-in-out;}
.reviews-slider-w .arrows .slider-arrow svg rect {transition: all .3s ease-in-out;}
.reviews-slider-w .arrows .slider-arrow:hover svg rect {fill: var(--yellow);}
.reviews-slider-w .slick-dots {display: flex; justify-content: center; margin-top: 30px;}
.reviews-slider-w .slick-dots li {display: block; margin: 0 6px;}
.reviews-slider-w .slick-dots li.slick-active button {background-color: var(--yellow);}
.reviews-slider-w .slick-dots button {display: block; cursor: pointer; font-size: 0px; color: transparent; outline: none; border: none; background-color: #D9D9D9; width: 16px; height: 16px; border-radius: 50%;}

.catalog-discounts-w {}
.catalog-discounts-w .content-side {display: none; }
.catalog-discounts-w .content-side.active {display: block;}
.catalog-discounts-w .rassrochka-discount-w {column-gap: 2%;}
.catalog-discounts-w .rassrochka-discount-w .side {padding: 38px 0 53px; width: 49%; border-radius: 4px; overflow: hidden;}
.catalog-discounts-w .rassrochka-discount-w .rassrochka-w {background-image: url(../img/bg-kopilka.jpg); padding-left:86px; padding-right: 86px; background-size: cover; background-position: center; background-repeat: no-repeat;}
h2 .white-bg {display: inline-block; background-color: #F4F0DF; padding: 0 9px; border-radius: 4px;}
.rassrochka-pluses  {margin: 54px 0 54px;}
.rassrochka-pluses .s-pluse {margin-bottom: 19px;}
.rassrochka-pluses .s-pluse:last-of-type {margin-bottom: 0px;}
.rassrochka-pluses .s-pluse .icon {width: 24px; height: 24px;}
.rassrochka-pluses .s-pluse .icon img {display: block; width: 100%; object-fit: contain;}
.rassrochka-pluses .s-pluse .txt {padding-left: 8px; font-size: 18px; font-weight: 500;}
.catalog-discounts-w .rassrochka-discount-w .rassrochka-w .cards-w {column-gap: 10px; margin-bottom: 82px;}
.catalog-discounts-w .side .btn-w {display: flex; justify-content: center;}
.catalog-discounts-w .discount-w.side {border: 4px solid #FFCC00; padding-left: 74px; padding-right: 74px;
  background: linear-gradient(180deg, rgba(232, 246, 255, 0.49) 0%, rgba(255, 221, 137, 0.49) 100%);
}
.catalog-discounts-w .discount-w .discont-items {column-gap: 5%; margin: 30px 0 0px;}
.catalog-discounts-w .discount-w .discont-items .item{width: 47.5%; margin-bottom: 5%; border-radius: 12px; overflow: hidden;}
.discount-w .discont-items .item .poster-block {height: 116px;}
.discount-w .discont-items .item .poster-block img {width: 100%; height: 100%; object-fit: cover;}
.discount-w .discont-items .item .title-block {background-color: #fff; text-align: center; padding: 7px; font-size: 18px; font-weight: 500;}
.catalog-discounts-w .discount-w .desc-discount {margin-bottom: 17px;}
.catalog-w {margin-top: 42px;}
.catalog-w .tabs-w {margin: 30px 0 40px; column-gap: 42px; justify-content: center;}
.catalog-w .tabs-w .tab {width: 360px; transition: all .3s ease-in-out; border-radius: 12px; justify-content: center; height: 54px; cursor: pointer; text-transform: uppercase; font-weight: 500; box-shadow: 0px 1px 9.4px 0px #0000001F; background-color: #fff;}
.catalog-w .tabs-w .tab .icon {position: relative; top: 7px;}
.catalog-w .tabs-w .tab:hover {color: var(--white); background-color: var(--yellow-dark);}
.catalog-w .tabs-w .tab.active {color: var(--white);background: linear-gradient(90deg, #FFCC00 0%, #FFAB10 50%, #FF8A20 75%, #FFAB10 100%);}
#delivery-tablo .global-inner-w {background-image: url(../img/bg-station.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.delivery-tablo-w {padding: 2px 0 32px; position: relative;}
.delivery-tablo-w .title-block {width: 401px;}
.delivery-tablo-w .title-block .live {margin-bottom: 4px; margin-top: 20px; animation: pulse 1.5s infinite;}
.delivery-tablo-w .title-block h2 {line-height: 1.2; margin-bottom: 8px;}
.delivery-tablo-w .title-block .t-desc {margin-bottom: 16px;}
.btn.big-short {padding: 16px 27px;}
.tablo-block .tablo-inner-w {width: 254px; background-color: #454343; border-radius: 7px; padding: 11px 16px 16px;}
.tablo-block .tablo-inner-w .titles {margin: 0 15px 8px; color: var(--white); font-size: 12px;}
.tablo-screen {background-color: #252525; padding: 15px 20px; color: var(--yellow); 
  font-family: "Buse", sans-serif;
}
.tablo-screen .s-screen{position: relative;}
.tablo-screen .s-screen .s-route {margin-bottom: 2px;}

.running-row.marquee { width: 395px; overflow: hidden; margin: 37px 0 50px;}
.running-row.marquee .r-row-w {position: relative; background-color: transparent;}
.running-row.marquee .r-row-w::before {
  content: ""; position: absolute; left: 0; bottom: 0; top: 0; width: 37px;
  background: linear-gradient(269.33deg, rgba(252, 252, 249, 0) 0.58%, #FCFCF9 90.55%);
  z-index: 2;
}
.running-row.marquee .r-row-w::after {
  content: ""; position: absolute; right: 0; bottom: 0; top: 0; width: 37px; transform: rotate(180deg);
  background: linear-gradient(269.33deg, rgba(242, 242, 239, 0) 0.58%, #F2F2EF 90.55%);
  z-index: 2;
}
.running-row.marquee .r-row-w span {font-size: 16px; display: inline-flex; align-items: center; padding-right: 11px;}
.running-row.marquee .r-row-w span::before {content: ""; 
  animation: dot-color 1.5s infinite;
  background-color: #15C644; display: block;
  margin-right: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.bus-block {position: relative;}
.bus-block .bus-w {position: absolute; width: 445px; }
.bus-block .bus-w img {display: block; width: 100%; object-fit: contain;}
.popup-inner .desc {}
.popup-inner .desc span.gradient{display: inline-block; 
background: #fde4a7;
}
.popup.yellow {
  /* border: 4px solid #FDBB08; */


  border-image: linear-gradient(90deg, #FDBB08 0%, #FFD568 100%) 1;
  border-width: 4px;
  border-style: solid;
  padding: 5px;


  
  background: linear-gradient(118.16deg, rgba(255, 255, 255, 1) 31.66%, rgba(255, 244, 201,1) 107.36%);
  padding-bottom: 0; padding-left: 0px; padding-top: 75px;


}
.popup.yellow .popup-inner .desc {font-size: 14px; line-height: 1.3;}

.popup .manager-form-w {}
.popup .manager-form-w .manager-w {width: 330px; left: 28px; position: relative; z-index: 1; margin-right: 8px;
  margin-right: 0;
  background-image: url(../img/girl.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain;}
.popup .manager-form-w .manager-w .label {position: absolute; bottom: 66px; left: 50%; transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.8); padding: 9px 34px 12px; border-radius: 12px; box-shadow: 0px 0.89px 8.39px 0px rgba(0, 0, 0, 0.12);
}
.popup .manager-form-w .manager-w .label .name-label {text-transform: uppercase; font-size: 22px; font-weight: 600; line-height: 1.4;}
.popup .manager-form-w .manager-w .label .job {font-size: 14px; line-height: 1.4;}

.popup .manager-form-w .popup-inner {margin-bottom: 58px; position: relative; z-index: 2;}

.inputs-wrapper-block .inputs-w {column-gap: 3%;}
.inputs-wrapper-block .inputs-w .input-wrapper.flex {width: 48.5%; margin-bottom: 10px;}
.popup.yellow .popup-inner .form-w {width: 100%;}
.popup.yellow .inputs-w .input-wrapper.flex input:focus {background-color: #fff;}
 
#wheel.simple-block {position: relative; padding-bottom: 88px;}
#wheel.simple-block::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/decor-1.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  width: 155px;
  height: 670px;

  background-size: contain;
}
#wheel.simple-block::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/decor-2.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  right: 0;

  bottom: 0;
  width: 242px;
  height: 814px;
  background-size: contain;
}
.wheel-block {column-gap: 164px;}
.wheel-block .txt-block {width: 614px;}
.wheel-block .txt-block .desc-wheel {margin: 20px 0 32px;}
.get-wheel {display: inline-block; position: relative; z-index: 2; padding: 14px 73px; cursor: pointer; transition: all .3s ease-in-out; text-transform: uppercase; font-weight: 600;
  background-color: #fff; border-radius: 12px; border: 1px solid var(--yellow);
}
.get-wheel:hover {background-color: var(--yellow); color: var(--white);}
.wheel-block .txt-block .desc-wheel span.yellow {display: inline-block; background-color: #f7e2ae; padding: 2px;}
.wheel-block .txt-block {position: relative; }
.wheel-block .txt-block::after {content: ""; display: block; position: absolute; left: 290px; width: 512px; height: 136px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/icons/arrow-wide.svg); right: -164px; top: 160px; z-index: 1;}
.wheel-block .wheel-w {width: 354px; height: 294px; margin-top: 18px;}
.wheel-block .wheel-w img {display: block; width: 100%; height: 100%; object-fit: contain;}
.fixed {  position: fixed; left: 0;top: 0px; z-index: 10; background-color: #fff; width: 100%; transition: top .3s ease-in-out; box-shadow: 0 17px 15px rgba(0,0,0,.1);
    transition: top .3s ease-in-out;
}
.pp-wrapper-inner {font-size: 12px; height: 400px; overflow-y: scroll; padding-right: 12px; margin-top: 12px;}
.pp-wrapper-inner p {margin-bottom: 4px;}
.get-pp-popup {cursor: pointer;}
.error-w {margin: 100px 0;}
.error-w .code {margin: 0 auto;}
.error-w .desc {margin: 30px auto; }
.error-w a {color: var(--main);}
.error-w .error-links {}

.color-socials-w {column-gap: 12px;}
.color-socials-w a {position: relative; display: block; width: 40px; height: 40px; background-color: transparent !important;}
.color-socials-w a .hover-link-w {position: absolute; z-index: 2; transition: opacity .3s ease-in-out; opacity: 1; left: 0; right: 0; top: 0; bottom: 0;}
.color-socials-w a img {display: block; width: 100%; height: 100%;} 
.color-socials-w a:hover .hover-link-w {opacity: 0;}
.color-socials-w a:hover {background-color: transparent !important;}



/*----- Media----*/
@media screen and (max-width:1680px){
  #wheel.simple-block::after,
  #wheel.simple-block::before {width: 160px;}

} 
@media screen and (max-width:1536px){


}


@media screen and (max-width:1440px){
  #wheel.simple-block::after,
  #wheel.simple-block::before {width: 100px;}

}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){
}

@media screen and (max-width:1280px){
  .content {padding: 0 20px; width: 100%;}
  .top-block-w .txt-window-w .txt-w {width: calc(100% - 446px);}
  .top-block-w .pluses-w .s-pluse .pluse-desc .desc {font-size: 14px;}
  /* .footer-w {justify-content: space-around;} */
  .calculator-block .sides-w .side .type-razmer-w input {width: 110px;}
  .reviews-slider-w .slider .s-slide.slick-slide.slick-current::before {left: 17%; right: 17%;}
  .catalog-discounts-w .discount-w.side,
  .catalog-discounts-w .rassrochka-discount-w .rassrochka-w {padding-left: 40px; padding-right: 40px;}
  .wheel-block {column-gap: 100px;}
  .wheel-block .txt-block::after {width: 414px;}

}

@media screen and (max-width:1152px){
  .top-block-w {background-size: 80%;}
  .top-block-w .txt-window-w .txt-w .steps {}
  .measurement-block .txt-w {margin-right: 18px;}
  .products .product {width: 49%;}
  .catalog-w .tabs-w {column-gap: 2%;}
  .wheel-block .txt-block {width: 560px;}
  .wheel-block .txt-block::after {width: 370px;}
  

}
@media screen and (max-width:1080px){
  .site-header .bottom-row .main-menu-nav ul a {font-size: 13px;}
  h1 {font-size: 32px;}
  .top-block-w .pluses-w .s-pluse .pluse-desc .desc {font-size: 13px;}
  .top-block-w .txt-window-w .txt-w .steps .s-step.arrow::after {right: -50px;}
  .top-block-w .txt-window-w .txt-w {margin-top: 100px;}
  .measurement-block .txt-w {width: 390px;}
  .calculator-block .sides-w .side .type-razmer-w {flex-wrap: wrap;}
  .calculator-block .sides-w .side .type-razmer-w .type-w {width: 100%; margin-bottom: 12px;}
  .calculator-block .sides-w .side .type-razmer-w .razmer-w {width: 100%;}
  .reviews-slider-w .slider .s-slide.slick-slide.slick-current::before {left: 10%; right: 10%;}
  .delivery-tablo-w {flex-wrap: wrap;}
  .delivery-tablo-w .title-block {width: 100%; margin-bottom: 32px;}
  .delivery-tablo-w .tablo-block {width: 100%; margin: 24px auto;}
  .delivery-tablo-w .bus-block {width: 100%; margin: 24px auto 0;}
  .tablo-block .tablo-inner-w {margin: 0 auto;}
  .bus-block .bus-w {position: relative; margin: 0 auto;}
  .running-row.marquee {margin: 0 auto 24px;}
  .delivery-tablo-w {padding: 28px 0 44px;}
  .wheel-block .wheel-w {width: 264px;}
}

@media screen and (max-width:980px){
  .site-header .top-row .city-icon {display: none;}
  .site-header .bottom-row .main-menu-nav ul a {font-size: 12px;}
  .top-block-w .pluses-w {column-gap: 18px;}
  .top-block-w .pluses-w .s-pluse .pluse-desc .title {font-size: 16px;}
  .top-block-w .pluses-w .s-pluse .pluse-desc br {display: none;}
  .top-block-w .txt-window-w {flex-wrap: wrap;}
  .top-block-w .txt-window-w .txt-w {width: 100%; margin-top: 24px; text-align: center;}
  .top-block-w .txt-window-w .txt-w .steps {width: 565px; margin: 0 auto;}
  .txt-window-w .btn {display: none;}
  .top-block-w .m-btn-w {display: flex; justify-content: center; margin-top: 28px;}
  .top-block-w .window-w {position: relative; right: inherit; margin: 24px auto 32px;}
  .top-block-w .txt-window-w {margin-top: 14px;}
  .top-block-w .pluses-w {margin-top: 48px; margin-bottom: 0;}
  .top-block-w .pluses-w {column-gap: 2%;}
  .top-block-w .pluses-w .s-pluse {width: 32%;}
  .top-block-w .pluses-w .s-pluse .pluse-desc {padding-left: 10px; padding-right: 10px;}
  .footer-w .column {width: 50%;}
  .footer-w .column.f-menu {margin-bottom: 40px;}
  .measurement-block .men-w {display: none;}
  .measurement-block .txt-w {width: 49%;}
  .measurement-block .form-w {width: 49%;}
  .txt-form-w {justify-content: space-between; flex-wrap: wrap;}
  .production-w .men {display: none;}
  .production-w .advantages-w {column-gap: 30px;}
  .catalog-discounts-w .rassrochka-discount-w .rassrochka-w .cards-w {margin-bottom: 20px;} 
  .catalog-w .tabs-w {margin: 24px 0;}
  .catalog-w .tabs-w .tab {width: 49%;}
  .wheel-block .txt-block {width: 100%; position: relative; z-index: 5;}
  .wheel-block .txt-block::after {display: none;}
  .wheel-block .wheel-w {position: absolute; z-index: 4; width: 400px; top: 240px; transform: translateX(-50%); left: 50%;}
  .get-wheel {margin: 300px auto 0;}
  .wheel-block {text-align: center;}
  .popup-w .wheel-p-w {flex-direction: column-reverse;}
  .popup-w .wheel-w {position: absolute; top: 34px; width: 100%;}
  .popup-w .wheel-p-w .form-w.show .inner-w {padding-top: 400px;}

  .popup-w .wheel-p-w .form-w .inner-w {padding: 20px 20px 20px;}
  /* .popup-w .wheel-w .disc-w {width: 90%;} */
  .popup-w .wheel-p-w .form-w .form-inner {width: 100%;}
  .popup-w .wheel-p-w .form-w.show {margin-right: 0;}
  .popup-w .wheel-w .disc-w {margin: 20px auto 0;}
  .popup-w .wheel-p-w .form-w.show .inner-w {padding-top: 480px;}
  .popup-w {width: 93%;}
  /* .popup-w .wheel-w {height: auto;} */
  .popup-w .wheel-w::after {top: 12px;}
  .popup-w .wheel-p-w .form-w {background-image: none; background-color: var(--white);}
  

}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .site-header .bottom-row .main-menu-nav ul a {font-size: 11px;}
  .production-w {padding: 40px 20px;}
  h2 {font-size: 28px;}
  h3.block-title {font-size: 20px;}
  .production-w .advantages-w {margin-top: 20px;}
  .production-w .men {display: block; bottom: 50%; transform: translate(-50%,50%);}
  .production-w::after {height: 60%; background-size: cover; background-image: none; 
  background: linear-gradient(360deg,rgba(0, 0, 0, 1) 0%, rgba(196, 20, 20, 0) 100%);
  }
  .gallery {background-color: #020202;}
  .catalog-discounts-w .rassrochka-discount-w .side {width: 100%; margin-bottom: 24px;}
  .catalog-discounts-w .rassrochka-discount-w .side:last-of-type {margin-bottom: 0px;}
  .wheel-block .wheel-w {top: 210px;}
}

@media screen and (max-width:800px){
  .site-header .top-row {display: none;}
  .site-header .bottom-row .main-menu-nav {display: none;}
  .mobile-header {display: flex; justify-content: space-between; align-items: center; padding: 24px 0 16px;}
  .fixed .mobile-header {padding: 20px 0 16px;}
  .dev-block .cr-pp-wrapper {font-size: 12px;}
  .popup {width: 95% !important;}
  .production-w .bloks-w {flex-wrap: wrap;}
  .production-w .block.left {width: 100%; margin-bottom: 340px;}
  .production-w .block.right {width: 100%;}
  .production-w .advantages-w {flex-direction: column; align-items: baseline;}
  .production-w .s-adv {margin-bottom: 16px;}
  .production-w .s-adv:last-of-type {margin-bottom: 0px;}
  .form-fb-w {width: 100%;}
  .calculator-block .sides-w .side {width: 100%;}
  .popup .manager-form-w .manager-w {display: none;}
  .popup.yellow {padding: 48px 40px;}
  .popup .manager-form-w .popup-inner {margin-bottom: 0px; width: 100%;}

  
}

@media screen and (max-width:720px){ 
  .top-block-w .pluses-w {flex-wrap: wrap;}
  .top-block-w .pluses-w .s-pluse {width: 100%; margin-bottom: 40px;}
  .top-block-w .pluses-w .s-pluse .pluse-desc .title {font-size: 20px;}
  .top-block-w .pluses-w .s-pluse .pluse-desc .desc {font-size: inherit;}
  .top-block-w .pluses-w .s-pluse .pluse-desc br {display: inline;}
  .top-block-w {background: none;}
  .measurement-block .txt-form-w {  padding: 34px 0 42px;}
  .measurement-block .txt-w {width: 80%; margin:0 auto 24px;}
  .measurement-block .form-w {width: 80%; margin: 0 auto;}
  .reviews-slider-w .slider .s-slide.slick-slide.slick-current::before {left: 33%;right: 33%;}
  .rassrochka-pluses {margin: 24px 0 30px;}
  .auto-w .popup-inner .inputs-wrapper-block {width: 100%;}
}


@media screen and (max-width:640px){
  .top-block-w .txt-window-w .txt-w .steps {width: 100%;}
  .footer-w .column {width: 100%; margin-bottom: 36px;}
  .footer-w .column.f-menu {margin-bottom: 16px; text-align: center;}
  .footer-w .column.f-menu.second {margin-bottom: 36px;}
  .footer-w .column.f-menu:last-of-type {margin-bottom: 36px;}

  .footer-w .logo-w {margin-bottom: 17px;}
  .footer-w .address-w {margin-bottom: 0px; text-align: center;}
  .footer-w .logo-address {order: 1;}
  .footer-w .column.f-menu.first {order: 2;}
  .footer-w .column.f-menu.second {order: 3;}
  .footer-w .column.contacts {order: 4;}
  .footer-w .column.follow-us {order: 5;}
  .footer-w .address-w br {display: none;}
  .footer-w .phone-mode-w .phone-w,
  .footer-w .column .title,
  .footer-w .logo-w .home-icon{text-align: center;}
  .footer-w .phone-mode-w .mode {justify-content: center;}
  .footer-w .socials-w {justify-content: center;}
  .measurement-block .txt-w {width: 100%;}
  .measurement-block .form-w {width: 100%;}
  h2.small {font-size: 26px;}
  h2 {font-size: 26px;}
  .form-fb-w .row {flex-wrap: wrap; margin-bottom: 12px;}
  .form-fb-w .row .input-wrapper {width: 100%; margin-bottom: 12px;}
  .feedback-w .agree-wrapper {margin-top: 0px;}
  .calculator-block .phone-submit-w .input-wrapper, .calculator-block .phone-submit-w .submit {width: 100%;}
  .calculator-block .phone-submit-w .input-wrapper {margin-bottom: 12px;}
  .products .product {width: 100%; margin-bottom: 24px;}
  .products .product.last {padding-bottom: 260px;}
  .catalog-w .tabs-w {background-color: #fff;box-shadow: 0px 1px 9.4px 0px #0000001F; column-gap: 0; border-radius: 12px;}
  .catalog-w .tabs-w .tab {box-shadow: none;}
  .catalog-w .tabs-w .tab:hover {background-color: #fff; color: inherit;}
  .catalog-w .tabs-w .tab {width: 50%;}
  .color-socials-w {justify-content: center;}

  
}
@media screen and (max-width:580px){
  h1 {font-size: 26px;}
  .top-block-w .txt-window-w .txt-w .steps .s-step .desc {font-size: 12px;}
  .top-block-w .txt-window-w .txt-w .steps .s-step.arrow::after {right: -60px;}
  .dev-block .cr-pp-wrapper {flex-direction: column;}
  .dev-block .cr-pp-wrapper span {display: block; margin: 16px 0;}
  .popup-inner.center-block {padding: 10px;}
  .popup .close-btn {top: 14px; right: 14px;}
  h2 {font-size: 26px;}
  .production-w .quotation {margin: 16px 0;}
  .production-w .bloks-w {margin-top: 24px;}
  .catalog-discounts-w .discount-w.side, .catalog-discounts-w .rassrochka-discount-w .rassrochka-w {padding-left: 20px; padding-right: 20px;}
  .rassrochka-discount-w .btn.big {width: 100%; padding: 16px;}
  .catalog-w .tabs-w .tab {font-size: 14px;}
  .inputs-wrapper-block .inputs-w .input-wrapper.flex {width: 100%;}
  .popup-inner .title-desc-w {width: 100%;}
  .top-block-w .pluses-w .s-pluse:last-of-type {margin-bottom: 0;}
  .measurement-block {margin-top: 54px;}
  h2 br {display: inline;}
  .products .product.last {margin-bottom: 0;}
  .catalog-w {padding-bottom: 0; margin-bottom: -42px;}
  .products .product.last {border-radius: 4px 4px 0 0; border-bottom: none;}
  .production-w {border-radius: 0 0 12px 12px;}
  .products .product.last {position: relative; padding-bottom: 290px;}
  .products .product.last::after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 110px; background: linear-gradient(0.07deg, #22272A -6.33%, rgba(134, 131, 146, 0.5) 43.29%, rgba(234, 222, 249, 0) 92.9%);}
  .product.last::before {background-image: url(../img/men-4.png); background-size: contain; background-position: bottom center; height: 409px; width: 259px;}
  .simple-block {padding: 27px 0;}
  .products {margin-bottom: -12px;}

}
@media screen and (max-width:540px){
  .popup.std {background-image: none;}
  .popup-inner .form-w {width: 100%;}
  .wheel-block {text-align: left;}
  .get-wheel {padding: 14px 37px; text-align: center; margin: 160px auto 0;}
  .get-get-wheel-w {display: flex; justify-content: center;}
  .wheel-block .wheel-w {top: 240px;}
  .get-wheel {margin-top: 200px;}
  .delivery-tablo-w {padding-bottom: 0;}
  #delivery-tablo {}
  .popup-w .desc {font-size: 12px;}
  .popup-w .wheel-p-w .form-w {border-radius: 12px;}


}
@media screen and (max-width:480px){
  .btn {width: 100%; text-align: center; justify-content: center; padding-left: 14px !important; padding-right: 14px !important;}
  .content {padding: 0 8px;}
  .top-block-w .window-w {width: 192px;}
  .top-block-w .window-w .label {width: 68px; height: 68px; font-size: 8px;}
  .top-block-w .window-w .hint .pluse {width: 14px; height: 14px;}
  .top-block-w .window-w .hint .pluse::before {width: 8px; left: calc(50% - 4px);}
  .top-block-w .window-w .hint .pluse::after {height: 8px; top: calc(50% - 4px);}
  .top-block-w .window-w .h-1 {bottom: 28px;left: 16px;}
  .top-block-w .window-w .h-2 {top: 100px;left: 60px;}
  .top-block-w .window-w .h-3 {top: 22px;left: 72px;}
  .top-block-w .window-w .hint .pluse:hover + .hint-txt {bottom: 8px;}
  .top-block-w .window-w .hint .hint-txt {font-size: 10px; width: 230px;}
  .reviews-slider-w .slider .s-slide.slick-slide.slick-current::before {left: 25%;right: 25%;}
  .prices-block {margin: 19px 0 16px;}
  .catalog-w .tabs-w .tab {font-size: 12px; height: 44px;}
  .bus-block .bus-w {width: 100%; left: 20px;}
  .popup.yellow,
  .popup {padding: 34px 24px;}
  .wheel-block .txt-block .desc-wheel br {display: none;}
  .get-wheel {margin-top: 220px;}
  .popup-w .wheel-p-w .form-w.show .inner-w {padding-top: 440px;}
  .calculator-block .sides-w .side .title-block .desc-w span {font-size: 12px;}
  .discount-w .discont-items .item .title-block {font-size: 16px;}
  .popup-w .wheel-w .disc-w {height: auto; padding: 18px; margin: 0;}
  .top-block-w .txt-window-w .txt-w {margin-top: 0;}

  
}
@media screen and (max-width:414px){
  .reviews-slider-w .slider .s-slide.slick-slide.slick-current::before {left: 20%;right: 20%; }
  .popup-w .wheel-p-w .form-w.show .inner-w {padding-top: 440px;}

}
@media screen and (max-width:400px){
  h1 {font-size: 22px;}
  .top-block-w .txt-window-w .txt-w .steps .s-step.arrow::after {width: 52px; right: -48px;}
  .get-wheel {margin-top: 200px;}
  .running-row.marquee {width: 100%;}
  .popup-w .wheel-p-w .form-w.show .inner-w {padding-top: 380px;}
  .popup-w .wheel-w .disc-w {height: 280px;}
  .popup-w .wheel-p-w .form-w.show .inner-w {padding-top: 310px;}

}

@media screen and (max-width:360px){ 
  .phone-burger-w .m-phone {margin-right: 20px;}

}


@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}


@keyframes spin {
    0%,60%{
      top: 0;
    }
    30% {
      top: 5px;
    }
    100% {
      top: 0;
    }
  }

@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }

.shine {position: relative;overflow: hidden;}
.shine::after {content: '';position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 100%);transform: translateX(-4rem) skewX(-45deg);animation: shine 3.5s 2s infinite;}

@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}
@keyframes dot-color {
  from {
    background-color: #15C644;
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: #15C644;
  }
}

@keyframes pulse {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes wiggle{
0%,7%{-webkit-transform:rotateZ(20deg)}
15%{-webkit-transform:rotateZ(-10deg)}
20%{-webkit-transform:rotateZ(6deg)}
25%{-webkit-transform:rotateZ(-5deg)}
30%{-webkit-transform:rotateZ(3deg)}
35%{-webkit-transform:rotateZ(-1deg)}
40%,100%{-webkit-transform:rotateZ(20deg)}
}