html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: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}
h1,h2,h3,h4,h5,h6{font-family: "Inter", sans-serif;}
* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
:root{
    --main:#040E23;
    --gray:#F0F1F8;
    --white:#FCFCFC;
    --dark:#2A2A4B;
    --light-blue:#BAEAFF;
    --gray-2:#828282;
    --blue-2:#2DAAE1;
    --blue-3:#F2FBFF;


}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    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: #fcfcfc;
}
.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto;}
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; color: var(--second);}

input.wrong {border-color: 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-bottom: 8px;}
input, textarea {outline: none; font-family:'Inter', Arial,sans-serif; -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;}
.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;}

.header-wrapper {background-color: var(--gray);}
.header-wrapper .tl-wrapper {display: flex; justify-content: space-between; align-items: center; padding: 22px 0;}
.header-wrapper .tl-wrapper .logo-wrapper {width: 240px; display: flex; align-items: center;}
.header-wrapper .tl-wrapper .logo-wrapper img {display: block; width: 100%; object-fit: contain;}
.phones-buttons-warpper {display: flex; align-items: center;}
.phones-buttons-warpper .phones {display: flex; align-items: center;}
.phones-buttons-warpper .mode {display: flex; align-items: center; justify-content: flex-end; line-height: 1; font-size: 12px; color: var(--gray-2);}
.phones-buttons-warpper .mode::before {content: ''; width: 9px; height: 9px; border-radius: 50%; margin-right: 8px; background-color: #15C644;}
.phones-buttons-warpper .location {font-size: 14px; color: var(--gray-2);}
.phones-buttons-warpper .single-phone {text-align: right; margin: 0 11px;}
.phones-buttons-warpper .single-phone a {font-size: 18px; font-weight: 900; line-height: 1.66; letter-spacing: -1%;}
.phones-buttons-warpper .single-phone a:hover {color: var(--blue-2);}
a.circle {display: flex; justify-content: center; align-items: center; width: 50px; height: 50px;border-radius: 50%; transition: all .3s ease-in-out;}
a.circle.instagram {background: linear-gradient(90deg, #F6BC44 0%, #EF3577 100%);}
a.circle.instagram:hover {background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.phones-buttons-warpper a.circle.instagram {margin: 0 28px;}
.btn {display: inline-block; color: #fff; font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 1; padding: 10px 46px; cursor: pointer; transition: all .3s ease-in-out; background: var(--dark); border-radius: 19px;}
.btn:hover {background: linear-gradient(90deg, #36A9E1 0%, #243265 100%) !important;}
.btn.big {font-size: 20px; padding: 14px 54px; border-radius: 24px;}
.btn.midle {font-size: 20px; padding: 20px 40px; border-radius: 30px; }
.btn.aqua {background: #2DAAE1; padding-top: 16px; padding-bottom: 16px; border-radius: 25px;}

.burger-wrapper {width: 42px; height: 30px;position: relative; } 
.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 2;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%; }
.burger-wrapper .lines-wrapper .burger-line {width: 42px; height: 4px; background-color: var(--dark); border-radius: 2px; position: absolute; transition: all .3s ease-in-out;}
.burger-wrapper .lines-wrapper .burger-line.first {top: 0px;}
.burger-wrapper .lines-wrapper .burger-line.second {top: 13px;}
.burger-wrapper .lines-wrapper .burger-line.third {bottom: 0; width: 22px; right: 0;}
#check-menu-burger:checked ~ .lines-wrapper .first {transform: rotate(-45deg);top: 12px;left: 7px;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 7.5px;  top: 12px;}
#check-menu-burger:checked ~ .lines-wrapper .third {display: none;}
.mobile-phone-burger {display: none;}
.mobile-phone-burger .burger-wrapper {margin-left: 32px;}
.mobile-bottom-border {display: none;}
.header-wrapper .bottom-line {background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.header-wrapper .bottom-line .bottom-menu-header ul {display: flex; justify-content: space-between; padding: 8px 0;}
.header-wrapper .bottom-line .bottom-menu-header ul li {}
.header-wrapper .bottom-line .bottom-menu-header ul li a {font-size: 16px; font-weight: 500; color: #FFFFFF; text-transform: uppercase;}
.header-wrapper .bottom-line .bottom-menu-header ul li a:hover {color:#BAEAFF;}
.top-block {margin-bottom: 40px;}
.top-block-wrapper {display: flex; flex-wrap: wrap; margin: 40px 0;}
.top-block-wrapper .text-block {width: calc(100% - 400px); padding-right: 24px;}
.top-block-wrapper .text-block .inner-block {padding: 70px 80px; border-radius: 22px; background-color: #F8F9FE;}
.top-block-wrapper .poster-wrapper {width:400px; border-radius: 22px; overflow: hidden;}
.top-block-wrapper .poster-wrapper img {display: block; width: 100%; height: 100%; object-fit: cover; }
.top-block-wrapper .text-block .inner-block .geo {display: flex; align-items: center;}
.top-block-wrapper .text-block .inner-block .geo .bold {font-size: 15px; font-weight: 900; margin-right: 24px;}
.top-block-wrapper .text-block .inner-block .geo span {font-size: 14px;}
.top-block-wrapper h1 {font-size: 46px; line-height: 1.19; text-transform: uppercase; font-weight: 900; letter-spacing: -1%; margin: 70px 0 24px;}
.top-block-wrapper h1 span {color: var(--blue-2);}
.top-block-wrapper .desc {display: flex; align-items: center; margin-bottom: 52px;}
.top-block-wrapper .desc .awrad {width: 46px; height: 46px; }
.top-block-wrapper .desc .txt {width: calc(100% - 46px); padding-left: 33px; font-size: 22px; line-height: 1;}
.top-block-wrapper .stock {display: inline-block; font-size: 16px; font-weight: 500; color: #fff; background-color: var(--blue-2); margin-bottom: 8px; padding: 3px 8px; line-height: 1;}

.pluses-wrapper {display: flex; flex-wrap: wrap;  justify-content: space-between;}
.pluses-wrapper .single-pluse {border: 1px solid #F0F1F8; cursor: pointer; width: calc(20% - 10px);  border-radius: 22px; display: flex; align-items: center; padding: 14px; justify-content: center;}
.pluses-wrapper .single-pluse .desc {padding-left: 20px; font-size: 16px; font-weight: 500; text-transform: uppercase; }
.pluses-wrapper .single-pluse:hover {background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.pluses-wrapper .single-pluse:hover .desc {color:#fff;}
.pluses-wrapper .single-pluse .icon svg path {}
.pluses-wrapper .single-pluse:hover .icon svg path {fill: #fff;}
.feedback-block {background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.simple-block {margin: 80px 0;}
.wide-block {margin: 80px 0;}
.desc-form-warpper {padding: 44px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.desc-form-warpper .desc-wrapper {width: 35%;} 
.desc-form-warpper .form-wrapper-banner {width: 43%;} 
h2 {font-size: 42px; font-weight: 900; line-height: 1.75; text-transform: uppercase;}
.white {color: white;}
.desc-form-warpper .desc-wrapper h2 {font-size: 32px;}
.white span {color: var(--light-blue);}
.white .agree-wrapper span {color: #fff;}


.desc-form-warpper .form-wrapper-banner {}
.input-wrapper {position: relative;}
form .error {
  position: absolute; opacity: 0; z-index: -1; transition: opacity .3s ease-in-out; display: inline-block; padding: 5px 12px; border-radius: 6px; font-size: 14px; line-height: 1; background-color: #fff; box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.33);
  -webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.33);
  -moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.33);
  color: var(--main);
}
form .error::before {content: ''; position: absolute; width: 9px; height: 13px; background-position: center; background-repeat: no-repeat; background-image: url(../img/icons/coner.svg);}
form .error.show {opacity: 1; z-index: 2;}
.input-wrapper input {display: block; width: 100%; background-color: #fff; font-size: 16px; padding: 14px 30px; line-height: 1; outline: none; border: 1px solid transparent; transition: all .3s ease-in-out;}
.input-wrapper input:focus {border-color: var(--main);}
.desc-form-warpper .form-wrapper-banner form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.desc-form-warpper .form-wrapper-banner form .input-wrapper {width: 47%;}
.desc-form-warpper .form-wrapper-banner form .input-wrapper input {border-radius: 25px;}
.desc-form-warpper .form-wrapper-banner form .submit {width: 52%;}
.desc-form-warpper .form-wrapper-banner .agree-wrapper {width: 100%; display: flex; margin-top: 12px; color: #fff; font-size: 12px;}
.desc-form-warpper .form-wrapper-banner .agree-wrapper a {color: #fff; text-decoration: underline;}
.desc-form-warpper .form-wrapper-banner .agree-wrapper a:hover {text-decoration: underline;}
.agree-checkbox {display: none;}
.agree-wrapper {position: relative;}
input.agree-checkbox:checked + label.agree { background-image: url(../img/icons/v.svg);}
label.agree {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  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: 60%;
  background-color: transparent;
  position: relative;
}
.wrong  .agree-desc {color: red;animation: 2s ease-in-out 0s normal none infinite running trambling-animation;}
.desc-form-warpper .form-wrapper-banner .agree-wrapper .agree-desc {width: calc(100% - 20px); padding-left: 10px;}
.form-wrapper-banner form .error.phone {top: -34px; right: 0;}

.form-wrapper-banner form .error.phone::before {bottom: -13px;}
.form-wrapper-banner form .error.agree {bottom: -40px;}
.form-wrapper-banner form .error.agree::before {transform: rotate(180deg); top: -13px; left: 30px;}

#overlay {background: #000;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0; 
  /* transition: opacity .3s ease-in-out; */
}
#overlay.show {opacity: .8; z-index: 3;}
.popup {
  position: fixed; left: 50%;top:-120%;width: 1130px;padding: 80px;height: auto; 
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 10px rgba(255, 255, 255, .4);
          box-shadow: 0px 5px 10px rgba(255, 255, 255, .4);
  -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;
  background-color: #FCFCFC; 
}
.popup.std {width: 650px;}
.popup.show {top: 50%; visibility: visible; opacity: 1;}
.popup .close-btn {position: absolute; z-index: 3; top: 14px; right: 14px; cursor: pointer; opacity: 1; transition: opacity .3s ease-in-out;}
.popup .close-btn:hover {opacity: 1;}
.popup.main-popup {}
.popup.main-popup .inner-popup {width: 685px;}
.popup .popup-title {text-transform: uppercase; font-size: 28px; font-weight: 900; line-height: 1.2; margin-bottom: 19px;}
.popup .popup-desc {font-size: 16px; font-weight: 500;}
.popup .contact-title {font-size: 18px; font-style: italic; color: #828282;}
.inner-popup form {margin-top: 24px;}
.inner-popup .contacts-types {display: flex; column-gap: 15px; margin: 18px 0;}
.inner-popup .contacts-types .s-type {background-color: #fff; width: 54px; height: 54px; transition: all .3s ease-in-out; cursor: pointer; display: flex; justify-content: center; align-items: center; border: 1px solid #EAEBED; border-radius: 5px;}
.inner-popup .contacts-types .s-type img {width: 18px; height: 18px; display: block; object-fit: contain;}
.inner-popup .contacts-types .s-type.active {background-color: #2DAAE1;box-shadow: 0 2px 4px #00000040;}
.inner-popup .contacts-types .s-type.active img {}
.inner-popup .contacts-types .s-type.active svg path {fill: #fff;}
.main-popup .inputs-wrapper {width: 365px;}
.main-popup .inputs-wrapper .input-wrapper {margin-bottom: 16px;}
.main-popup .inputs-wrapper .input-wrapper input{border-color: #ACACAC99; border-radius: 10px;}
.main-popup .inputs-wrapper .input-wrapper input:focus {border-color: var(--dark);}
.popup .submit {display: block; text-align: center; text-transform: uppercase; font-size: 20px;
  color: #fff;  transition: all .3s ease-in-out;  padding: 18px 52px;
  line-height: 1;  background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);  cursor: pointer;
  font-weight: 700;  border-radius: 28px;
}
.agree-wrapper .privacy-policy {text-decoration: underline;}
.main-popup {background-repeat: no-repeat; background-position: bottom right; background-size: 52%; background-image: url(../img/popup-man.png);}
.popup .agree-wrapper {margin-top: 18px; font-size: 12px; display: flex; align-items: center;}
.popup .agree-wrapper label {display: inline-block; width: 14px;height: 14px;border: 1px solid var(--dark);
  border-radius: 2px;cursor: pointer; background-repeat: no-repeat;background-position: center;
  background-size: 60%; background-color: transparent; position: relative;
}
.popup .agree-wrapper .privacy-policy {text-decoration: underline;}
.popup .agree-desc {width: calc(100% - 14px);padding-left: 10px;}
.popup .agree-wrapper .agree-checkbox:checked + label {background-image: url(../img/icons/v-black.svg);}
.main-popup .error {top: -30px; right: 0px;}
.main-popup .error::before{bottom: -10px;}
.popup.std {padding: 40px;}
.popup .submit-wrapper {display: flex;justify-content: center; width: 100%;}
.popup .popup-box {}
.thanks-img {margin-bottom: 20px;}


.advantages-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0;}
.advantages-wrapper .single-advantage  { padding: 54px 28px; display: flex; flex-direction: column; align-items: center; width: 30%; border-radius: 44px; background-color:#F8F9FE;box-shadow: 0 2px 4px #BFC6DC;}
.single-advantage .icon {margin-bottom: 10px;}
.single-advantage .desc h4 {font-weight: 800; font-size: 18px; margin-bottom: 12px; text-transform: uppercase;}
.single-advantage .desc .txt {color: #5D5D5D; font-weight: 500;}
.best {position: relative; background: linear-gradient(90deg, #36A9E1 0%, #243265 100%); }

.best-wrapper {padding: 82px 0;} 
.best-wrapper .desc {font-size: 22px; margin-bottom: 22px;}
.best-wrapper .text {width: 650px;}
.best-wrapper .man-map-wrapper {position: absolute; right: 0; height: 112%; bottom: -14px; width: 60%; background-repeat: no-repeat; background-size: contain; background-position: bottom;}
.best-wrapper .man-map-wrapper .mobile {display: none;}
.best-wrapper .man-map-wrapper img {display: block; width: 100%; object-fit: contain; object-position: bottom;}
h2 span {color: var(--blue-2);}
.block-desc {margin: 12px 0 14px; font-weight: 500;}
.prices-stock-wrapper {display: flex; flex-wrap: wrap;}
.prices-stock-wrapper .prices-wrapper {width: calc(100% - 440px); padding-right: 18px;}
.prices-stock-wrapper .stock-wrapper {width: 424px; position: relative; padding: 12px; height: 490px; border-radius: 7px 134px 7px 7px; background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.prices-stock-wrapper .stock-wrapper .inner-wrapper {border: 2px solid #fff; border-radius: 7px 134px 7px 7px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.prices-stock-wrapper .stock-wrapper .label {position: absolute; right: 0; top: 28px; display: inline-block; background-color: #fff; padding: 12px 40px; text-transform: uppercase; font-size: 28px; font-weight: 900; line-height: 1; z-index: 2; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 8px;}
.stock-wrapper .s-date {font-weight: 500;}
.stock-wrapper .s-title {font-weight: 900; font-size: 28px; margin: 14px 0;}
.stock-wrapper .s-procent {font-weight: 900; font-size: 84px; margin: 0; line-height: 1;}
.stock-wrapper .s-desc {font-weight: 500; padding: 0 20px; font-size: 14px; font-weight: 500;}
.stock-wrapper .s-desc span {font-size: 24px; font-weight: 900; color: #fff;}
.stock-wrapper .participant{cursor: pointer; display: inline-block; background-color: #fff; line-height: 1; margin-top: 24px; text-transform: uppercase; font-size: 14px; color: var(--dark); font-weight: 700; padding: 9px 24px; box-shadow: 0px 3.56px 3.56px 0px rgba(0, 0, 0, 0.25); border-radius: 10px; transition: all .3s ease-in-out;}
.stock-wrapper .participant:hover {background: linear-gradient(90deg, #2DAAE1 55.5%, #4794D9 100%); color: #fff;}
.prices-stock-wrapper .prices-wrapper .tabs {display: flex; justify-content: space-between; margin-bottom: 24px;}
.prices-stock-wrapper .prices-wrapper .tabs .tab {width: 32%; cursor: pointer; border-radius: 10px; text-align: center; padding: 12px; box-shadow: 0px 1px 9.4px -2px rgba(0, 0, 0, 0.12); font-size: 16px; font-weight: 700; text-transform: uppercase;}
.prices-stock-wrapper .prices-wrapper .tabs .tab.active,
.prices-stock-wrapper .prices-wrapper .tabs .tab:hover {background: linear-gradient(90deg, #36A9E1 0%, #243265 100%); color: #fff;}

.products-content .products-type {display: none; flex-wrap: wrap; column-gap: 2%;}
.products-content .products-type.active {display: flex; }
.products-content .products-type .single-product {width: 49%; margin-bottom: 2%; box-shadow: -1px 2px 8.8px -2px rgba(0, 0, 0, 0.25); border-radius: 10px; padding: 30px 24px; display: flex;} 
.products-type .single-product .left-block {width: 200px;}
.products-type .single-product .right-block {width: calc(100% - 200px); display: flex; justify-content: flex-end;align-items: center; }
.products-type .single-product .right-block img {height: 90px;}
.products-content .products-type .single-product h4 {font-size: 18px; font-weight: 900; margin-bottom: 10px; text-transform: uppercase;}
.products-content .products-type .single-product .desc {color: #828282; margin-bottom: 24px; font-size: 14px;}
.products-content .products-type .single-product .product-btn {cursor: pointer; display: inline-block; background: linear-gradient(90deg, #36A9E1 0%, #243265 100%); 
  font-size: 15px; font-weight: 900; color: #fff; padding: 8px 30px; border-radius: 10px; line-height: 1;
}
.products-type .single-product .product-btn:hover {background: var(--dark);}
.ready-block {box-shadow: 0px 9px 1.9px -3px rgba(97, 173, 211, 0.26);padding: 30px 0; background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.ready-wrapper {display: flex; align-items: center; line-height: 1; justify-content: space-between;}
.ready-wrapper .t-row {font-size: 24px; text-transform: uppercase;}
.ready-wrapper .b-row {font-size: 46px; font-weight: 900; text-transform: uppercase;}

.reviews-slider-wrapper {position: relative;}
.reviews-slider .single-slide {margin: 10px 20px; box-shadow:0px 5px 5px 0px #cecece66; border-radius: 35px; padding: 24px 32px; background-color: #F8F9FE;}
.reviews-slider .single-slide .name-stars {display: flex; justify-content: space-between; margin-bottom: 18px;}
.reviews-slider .single-slide .name-stars .name-wrapper {display: flex; align-items: center; padding-right: 20px;}
.reviews-slider .single-slide .name-stars .name-wrapper .thumb {width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.reviews-slider .single-slide .name-stars .name-wrapper .name-city {width: calc(100% - 60px); padding-left: 18px;}
.name-wrapper .thumb img {display: block;width: 100%; height: 100%; overflow: hidden;}
.name-wrapper .name-city .name {font-size: 18px; font-weight: 900; line-height: 1; text-transform: uppercase; margin-bottom: 10px;}
.name-wrapper .name-city .city {font-weight: 500;}
.reviews-slider .single-slide .r_text {font-size: 12px; color: #828282;}
.reviews-slider .single-slide .gallery {margin-top: 18px; display: flex; flex-wrap: wrap; column-gap: 9px;}
.reviews-slider .single-slide .gallery a {display: block; width: 130px; height: 130px; border-radius: 5px; overflow: hidden; margin-bottom: 9px;}
.reviews-slider-wrapper .arrows-wrapper {position: absolute; left: 0;right: 0; top: calc(50% - 17px); z-index: 2; width: 100%; display: flex; justify-content: space-between; height: 0;}
.reviews-slider-wrapper .arrows-wrapper .slider-arrow {transition: all .3s ease-in-out; cursor: pointer; opacity: .7;}
.reviews-slider-wrapper .arrows-wrapper .slider-arrow:hover {opacity: 1;}
.arrows-wrapper .slider-arrow svg ellipse {transition: all .3s ease-in-out;}
.arrows-wrapper .slider-arrow:hover svg ellipse {fill:var(--dark)}
.slick-dots {display: flex; justify-content: center; margin-top: 20px;}
.slick-dots li button {color: transparent; border: none; outline: none; font-size: 1; display: block; width: 13px; height: 13px; border-radius: 50%; background-color: #828282; cursor: pointer; transition: all .3s ease-in-out; margin: 0 3px;}
.slick-dots li.slick-active button,
.slick-dots li button:hover {background-color: var(--blue-2);}
.review-btn-wrapper {margin: 0 auto; display: flex; justify-content: center; margin-top: 18px;}
h2.color {display: inline-block; font-size: 32px; margin-bottom: 26px; color:#fff; line-height: 1; border-radius: 7px; padding: 14px 30px; background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.inner-form-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap;}
.inner-form-wrapper .c-right {width: 432px;}
.inner-form-wrapper .c-left {width:calc(100% - 432px); padding-right: 160px;}
.checkbox-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 32px;}
.checkbox-wrapper .block {}
.checkbox-wrapper .block.left {width: 48%;}
.checkbox-wrapper .block.right {width: 40%;}
.checkbox-wrapper .block .single-checkbox {width: 100%; margin-bottom: 17px;background: linear-gradient(to right, #F2FBFF, #fff);border-radius: 16px;border: 1px solid var(--gray-2);overflow:hidden;box-shadow: 0px 4.47px 1.7px 0px rgba(72, 98, 163, 0.25);}
.checkbox-wrapper .block .single-checkbox input {display: none;}
.checkbox-wrapper .block .single-checkbox label {cursor:pointer; position: relative; display: flex; align-items: center; padding: 10px 14px;}  
.checkbox-wrapper .block .single-checkbox label .title {padding-left: 15px; padding-right: 20px; line-height: 1; font-weight: 900; font-size: 15px; text-transform: uppercase;}
.checkbox-wrapper .block .single-checkbox label .thumb {width: 72px; height: 39px;}
.checkbox-wrapper .block.right .single-checkbox label .thumb {height: 66px; width: 54px;}
.checkbox-wrapper .block .single-checkbox label .thumb img {display: block; height: 100%; width: auto; object-fit: contain; }
.single-checkbox label .false-cb {width: 18px; height: 19px; border: 1px solid var(--dark); position: absolute; z-index: 1; right: 14px; top: calc(50% - 9px);
  background-position: center; background-image: none; background-repeat: no-repeat; background-size: 60%;
}
.single-checkbox input:checked + label {background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.single-checkbox input:checked + label .title {color:#fff; }
.single-checkbox input:checked + label .false-cb {border-color: #fff; background-image: url(../img/icons/v-white.svg);}

.inner-form-wrapper .c-right .more-info {background-color: #fff; padding: 40px 50px; box-shadow: 0px 0px 33.5px -9px rgba(0, 0, 0, 0.24);}
.c-right .more-info .title {font-weight: 900; font-size: 18px; margin-bottom: 10px;}
.c-right .more-info .input-wrapper input {border-radius: 8px; border:1px solid var(--gray-2); background-color: #f2fbff; }
.c-right .more-info .single-block{margin-bottom: 28px;}
.c-right .more-info .checkboxes input {display: none;}
.c-right .more-info .checkbox {margin-bottom: 6px;}
.c-right .more-info .checkbox-label {display: flex; align-items: center; cursor: pointer;}

.c-right .more-info .checkbox-label::before {content: ''; display: block; width: 18px; background-repeat: no-repeat;  background-position: center; background-size: 70%; height: 18px; border: 1px solid var(--gray-2); background-color: #f2fbff;}
.c-right .more-info .checkbox-label .value {width: calc(100% - 18px); padding-left: 14px; font-size: 16px; font-weight: 500;}
.c-right .more-info input:checked + .checkbox-label::before {background-image: url(../img/icons/v-black.svg);}
.checkboxes.add-services {display: flex; flex-wrap: wrap; column-gap: 2%;}
.checkboxes.add-services .checkbox {width: 45%;}
.c-right .btn.submit {font-size: 16px; padding: 17px; width: 100%; text-align: center; font-weight: 700; border-radius: 25px;}
.c-right .agree-wrapper {margin-top: 12px; font-size: 11px; display: flex; align-items: center; position: relative;}
.c-right .agree-wrapper label {display: inline-block; width: 14px; height: 14px; border: 1px solid var(--dark); border-radius: 2px;cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: 60%; background-color: transparent; position: relative;}
.c-right .agree-wrapper > span {width: calc(100% - 14px); padding-left: 8px; transition: all .3s ease-in-out;}
.c-right .agree-wrapper .agree-checkbox:checked + label {background-image: url(../img/icons/v-black.svg);}
.c-right .error.phone {top: -32px; right: 0;}
.c-right .error.phone::before {bottom: -10px; }
.c-right .agree-wrapper.wrong {color: red;}
.c-right .agree-wrapper.wrong a {color: red;}
.c-right .agree-wrapper.wrong label {border-color: red;}

.calculator {position: relative;}
.calculator::before {content: ''; position: absolute; left: 0; right: 0; top: 30px; bottom: 40px; background-color: #F0F1F8; }
.bottom-feedback {background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/bg-feedback.jpg);}
.bottom-feedback-wrapper {padding: 48px 0;}
h3 {font-weight: 900; line-height: 1; font-size: 32px;margin-bottom: 8px; text-transform: uppercase; letter-spacing: -1%;}
.bottom-feedback-wrapper .inputs-wrapper {width: 365px; margin: 26px 0 22px;}
.bottom-feedback-wrapper .input-wrapper {margin-bottom: 15px;}
.bottom-feedback-wrapper .input-wrapper input {border-radius: 10px; border-color: var(--gray-2);}
.bottom-feedback-wrapper .input-wrapper input:hover {border-color: var(--dark);}
.bottom-feedback-wrapper .btn-submit {display: inline-block; width: 100%; text-align: center; margin: 4px 0 16px; text-transform: uppercase; font-size: 20px; color: #fff; transition: all .3s ease-in-out; padding: 18px; line-height: 1; 
  background: linear-gradient(90deg, #36A9E1 0%, #243265 100%); cursor: pointer; font-weight: 700; border-radius: 28px;
}
.bottom-feedback-wrapper .agree-wrapper {color: #fff; display: flex; font-size: 12px;}
.bottom-feedback-wrapper .agree-wrapper.wrong .agree-desc {color: red; }
.bottom-feedback-wrapper .agree-wrapper.wrong .agree-desc a {color: red; }
.bottom-feedback-wrapper .agree-wrapper.wrong label {border-color: red;}
.bottom-feedback-wrapper .agree-wrapper .agree-desc {color: #fff; transition: all .3s ease-in-out; width: calc(100% - 14px); padding-left: 8px;}
.bottom-feedback-wrapper .agree-wrapper .agree-desc a {color: #fff; text-decoration: underline;}
.bottom-feedback-wrapper .error.phone {top: -12px; right: 10px;}
.bottom-feedback-wrapper .error.phone::before {bottom: -13px;}
.footer-wrapper {}
.footer-top-row {padding: 34px 0 52px; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #828282;}
.footer-top-row .logo-wrapper {width: 112px;}
.footer-top-row .footer-menu {display: flex; flex-wrap: wrap;}
.footer-top-row .footer-menu .single-column {width: 150px; margin-right: 58px;}
.footer-top-row .footer-menu .single-column:last-of-type {margin-right: 0;}
.footer-top-row .footer-menu .single-column li {display: block; margin-bottom: 5px;}
.footer-top-row .footer-menu .single-column li:last-of-type {margin-bottom: 0px;}
.footer-top-row .footer-menu .single-column li a:hover {color: var(--blue-2);}
.footer-phones .single-phone {margin-bottom: 17px;}
.footer-phones .single-phone:last-of-type {margin-bottom: 0;}
.footer-phones .single-phone a {font-size: 15px; font-weight: 900; line-height: 1.1;}
.footer-phones .single-phone .location {font-size: 12px; color: #828282;}
.footer-phones .single-phone a:hover {color: var(--blue-2);}
.footer-address a.address {font-weight: 900; font-size: 15px; margin-bottom: 4px;}
.footer-address .main_mode {color: #828282; font-size: 12px; margin-bottom: 10px;}
.socials-wrapper {display: flex; column-gap: 12px;}
.socials-wrapper a {display: flex; justify-content: center; background-color: #000; align-items: center; width: 35px; height: 35px; border-radius: 50%;}
.socials-wrapper a img {display: block; width: 60%; height: 60%;}
.socials-wrapper a:hover {background: linear-gradient(90deg, #36A9E1 0%, #243265 100%);}
.footer-bottom-row {display: flex; justify-content: space-between; align-items: center; padding: 32px 0; font-size: 12px;}
.footer-wrapper .sd {opacity: .7;transition: opacity .3s ease-in-out;}
.footer-wrapper .sd:hover {opacity: 1}
.privacy-policy {cursor: pointer;}
.mobile-menu-wrapper {display: none; }
.inputs-wrapper.review {display: flex; flex-wrap: wrap; column-gap: 2%; width: 500px; margin: 0 auto;}
.inputs-wrapper.review .input-wrapper {width: 49%; margin-bottom: 2%;}
.inputs-wrapper.review input {display: block; border: 1px solid #EAEBED; border-radius: 5px;}
.inputs-wrapper.review input:focus {border-color: var(--dark);}
.texarea-wrapper {display: block; width: 100%; margin-bottom: 14px;}
.texarea-wrapper .msg {display: block;width: 100%; padding: 14px 30px; border-radius: 5px; height: 125px;outline: none; border: 1px solid #EAEBED; transition: all .3s ease-in-out;font-size: 16px;}
.texarea-wrapper .msg:focus{border-color: var(--dark);}
#send-review.popup .agree-wrapper {justify-content: center;}
#send-review.popup .agree-desc {width: auto;}
form .review .error {top: -35px; right: 0;}
form .review .error::before {bottom: -13px;}
.pp-wrapper {height: 400px; overflow-y: scroll; font-size: 14px; padding: 10px;}
.page-error {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 70vh; margin: 40px 0;}
.page-error .code {font-size: 180px; margin-bottom: 20px; color: var(--blue-2); font-weight: 900; line-height: 1;}
.page-error .desc {margin: 24px 0; text-align: center; font-size: 24px; color: var(--blue-2);}
a.btn {transition: none; color: #fff;}

/*----- Media----*/
@media screen and (max-width:1680px){

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


}


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

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

.teachers-slider + .arrows-wrapper {padding-right: 40px;}


}

@media screen and (max-width:1280px){
  .content {padding: 0 20px; width: 100%;}
  .top-block-wrapper .text-block {padding-right: 12px;}
  .desc-form-warpper .form-wrapper-banner {width: 50%;}
  .desc-form-warpper .desc-wrapper {width: 45%;}
  .advantages-wrapper .single-advantage {width: 32%;}
  .best-wrapper .man-map-wrapper {width: 40%; height: 100%; position: relative; top: inherit; right: inherit;}
  .best-wrapper {display: flex; align-items: center; flex-wrap: wrap;padding: 20px 0;}
  .prices-stock-wrapper .stock-wrapper {width: 360px;}
  .prices-stock-wrapper .prices-wrapper {width: calc(100% - 370px);}
  .inner-form-wrapper .c-left {padding-right: 12px;}
  .checkbox-wrapper .block.right {width: 49%;}
  .footer-top-row .footer-menu .single-column {margin-right: 32px;}

}

@media screen and (max-width:1152px){
  .top-block-wrapper .text-block .inner-block {padding: 40px; height: 100%;}
  .top-block-wrapper h1 {margin-top: 48px; font-size: 36px;}
  .top-block-wrapper .desc .txt {font-size: 16px;}
  .best-wrapper .text {width: 100%;}
  .best-wrapper .man-map-wrapper {width: 60%; margin: 20px auto 0;}
  .best-wrapper {padding: 40px 0;}
  .ready-wrapper .question {display: none;}
  .popup {width: 750px; padding: 40px;}
  .popup .popup-title {font-size: 26px; padding-right: 30px;}
  .popup.std .popup-title {margin-bottom: 0; padding-right: 0;}
}
@media screen and (max-width:1080px){
  .header-wrapper .tl-wrapper .logo-wrapper {width: 190px;}
  .phones-buttons-warpper .single-phone a {font-size: 16px;}
  .phones-buttons-warpper .location {font-size: 12px;}
  .tl-wrapper .get-popup {display: none;}
  .phones-buttons-warpper a.circle.instagram {margin-right: 0;}
  .top-block-wrapper .text-block .inner-block .geo {flex-direction: column;}
  .top-block-wrapper h1 {text-align: center;}
  .top-block-wrapper .desc {justify-content: center; }
  .top-block-wrapper .desc .txt {width: auto; padding-left: 12px;}
  .top-block-wrapper .stock-btn-wrapper {display: flex; flex-direction: column-reverse; align-items: center;}
  .desc-form-warpper .desc-wrapper {width: 100%; margin-bottom: 20px;}
  .desc-form-warpper .form-wrapper-banner {width: 100%;}
  .prices-stock-wrapper .prices-wrapper {width: 100%;padding-right: 0px;}
  .prices-stock-wrapper .stock-wrapper {width: 430px; margin: 20px auto 0;}
  .ready-wrapper .b-row {font-size: 38px;}
  .ready-wrapper .t-row {font-size: 18px;}
  .footer-wrapper .footer-address {margin-top: 20px; width: 100%; display: flex; flex-direction: column; align-items: center;}
}

@media screen and (max-width:980px){
  .pluses-wrapper {justify-content: space-around;}
  .pluses-wrapper .single-pluse {width: 48%; margin-bottom: 12px;}
  h2 {font-size: 28px;}
  .best-wrapper .desc {font-size: 16px;}
  .ready-wrapper .b-row {font-size: 28px;}
  .ready-wrapper .t-row {font-size: 16px;}
  .inner-form-wrapper .c-left {width: 100%; padding-right: 0;}
  .inner-form-wrapper .c-right {width: 100%; margin-top: 14px;}

}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .top-block-wrapper {margin: 24px 0;}
  .top-block-wrapper .text-block {width: 100%; padding-right: 0;}
  .top-block-wrapper .poster-wrapper {width: 65%; margin: 24px auto 0;}
  .top-block-wrapper .stock {margin-top: -5px;max-width: 264px;text-align: center;}
}

@media screen and (max-width:800px){
.header-wrapper .bottom-line .bottom-menu-header ul li a {font-size: 14px;}
.ready-wrapper {flex-direction: column;}
.ready-wrapper .desc-wrapper {margin-bottom: 12px;}
.popup {width: 95%;}
}

@media screen and (max-width:720px){
  .phones-buttons-warpper a.circle.instagram {margin-left: 12px;}
  .phones-buttons-warpper .single-phone a {font-size: 14px;}
  .header-wrapper .tl-wrapper {padding: 14px 0;}
  .header-wrapper .bottom-line .bottom-menu-header ul li a {font-size: 12px;}
  .products-content .products-type .single-product {width: 100%;}
  .prices-stock-wrapper .stock-wrapper {height: auto; border-radius: 20px;}
  .prices-stock-wrapper .stock-wrapper .inner-wrapper {padding: 124px 20px 40px; border-radius: 20px;}
  h2.color {font-size: 28px; margin-bottom: 12px;}
  .inner-form-wrapper .c-right .more-info {padding: 20px; border-radius: 12px;}
  .footer-top-row .footer-menu {width: 100%; justify-content: center; margin: 40px 0;}
  .footer-wrapper .footer-phones {width: 100%; text-align: center;}
  .footer-top-row .logo-wrapper {margin: 0 auto;}
  .footer-top-row {padding-top: 0; padding-bottom: 48px;}
  .footer-top-row .footer-menu {margin: 40px 0;}
  .footer-bottom-row {padding: 24px 0;}
  .popup.main-popup .inner-popup {width: 100%;}
  .popup.std {width: 95%; padding: 60px 20px 40px;}
  
}

@media screen and (max-width:640px){
  .phones-buttons-warpper {display: none;}
  .mobile-phone-burger {display: flex;}
  .mobile-bottom-border {height: 7px; background: linear-gradient(90deg, #36A9E1 0%, #243265 100%); display: block; width: 100%;}
  .header-wrapper .bottom-line {display: none;}
  h2 {font-size: 26px;}
  h3 {font-size: 28px; line-height: 1.3;}
  .checkbox-wrapper .block.left {width: 100%;}
  .checkbox-wrapper .block.right {width: 100%;}
  .block-desc br {display: none;}
  .mobile-menu-wrapper { background-color: #fff;display: block; position: fixed; top: 75px; bottom: 0; width: 100%; left: -105%; z-index: 5; transition: left .3s ease-in-out;}
  .mobile-menu-wrapper.show {left: 0;}
  .mobile-menu-wrapper .inner-wrapper {padding: 23px 8px;}
  .mobile-menu-wrapper .inner-wrapper .mobile-menu {margin-top: 32px;}
  .mobile-menu-wrapper .inner-wrapper .mobile-menu li {display: block; width: 100%; margin-bottom: 16px;}
  .mobile-menu-wrapper .inner-wrapper .mobile-menu li a {text-transform: uppercase; font-size: 20px; line-height: 1.3;}
  .mobile-menu-wrapper .phones {margin-bottom: 24px;}
  .mobile-menu-wrapper .phones .single-phone {margin: 24px 0;}
  .mobile-menu-wrapper .phones .single-phone .mode {color: #828282; font-size: 16px; display: flex; align-items: center; justify-content: center;}
  .mobile-menu-wrapper .phones .single-phone .location {color: #828282; font-size: 18px; }
  .mobile-menu-wrapper .phones .single-phone .mode::before {content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #15C644; margin-right: 5px;}
  .mobile-menu-wrapper .phones .single-phone a {font-size: 22px; font-weight: 900; line-height: 1.7;}
  .m-socials {margin: 24px 0; display: flex; justify-content: center;}
  .m-desc {font-size: 18px;}
  .page-error .desc {font-size: 18px;}

}
@media screen and (max-width:580px){
  .desc-form-warpper .form-wrapper-banner form .input-wrapper {width: 100%;}
  .desc-form-warpper .form-wrapper-banner form .submit {width: 100%; margin-top: 14px;}
  .desc-form-warpper .desc-wrapper h2 {font-size: 28px;}
  .desc-form-warpper .desc-wrapper {margin-bottom: 38px;}
  .desc-form-warpper .form-wrapper-banner .agree-wrapper {margin-top: 18px;}
  .advantages-wrapper .single-advantage {width: 100%; margin-bottom: 20px;padding:8px 0;display: block;border-radius: 0px;box-shadow: unset;}
  .advantages-wrapper .single-advantage:last-of-type {margin-bottom: 0px;}
  .single-advantage .icon,.single-advantage .desc {float: left;}
  .single-advantage .icon {padding-right:20px;width: 20%;}
  .single-advantage .desc {text-align: left;width: 80%;}
  .single-advantage .icon svg {width:70px;height: 70px;}
  .advantages-wrapper {padding: 0;}
  .man-map-wrapper img.dt {display: none;}
  .best-wrapper .man-map-wrapper .mobile {display: block;}
  .man-map-wrapper {width: 100%;}
  .best-wrapper .man-map-wrapper {margin-bottom: -26px; width: 100%;}
  .reviews-slider .single-slide .name-stars {flex-wrap: wrap;}
  .reviews-slider .single-slide .name-stars .name-wrapper {width: 100%; padding-right: 0; margin-bottom: 18px;}
  .reviews-slider .single-slide .r_text {font-size: 14px;}
  .checkboxes.add-services .checkbox {width: 100%;}
  .footer-bottom-row {flex-direction: column;}
  .footer-bottom-row .privacy-policy {margin: 20px 0;}
  .main-popup {background-image: none;}
  .main-popup .inputs-wrapper {width: 100%;}
  .popup .popup-title {font-size: 20px;}
  .inner-popup form {margin-top: 14px;}

}

@media screen and (max-width:540px){
 .top-block-wrapper h1 {font-size: 26px;}
 .btn.midle,.btn {font-size: 18px; text-align: center; width: 100%;}
  .wide-block {margin: 40px 0;}
  
}
@media screen and (max-width:480px){
  .content {padding: 0 8px;}
  .top-block-wrapper .text-block .inner-block {padding: 20px;}
  .top-block-wrapper .desc .txt {font-size: 14px;}
  .top-block-wrapper .poster-wrapper {margin: 0 auto; width: 100%;display: none;}
  h2 {font-size: 24px; line-height: 1.1;} 
  .pluses-wrapper .single-pluse {width:48%}
  .prices-stock-wrapper .stock-wrapper {width:100%}
  .prices-stock-wrapper .stock-wrapper .label {left: 50%; transform: translate(-50%,50%);}
  h2.color {font-size: 18px; width: 100%; text-align: center;}  
  .block-desc {font-size: 14px;}
  h2.color {margin-bottom: 4px;}
  .checkbox-wrapper .block .single-checkbox label .title {font-size: 15px; font-weight: 700;}
  .footer-top-row .footer-menu .single-column {width: 100%; text-align: center; margin-right: 0; margin-bottom: 14px;}
  .footer-top-row .footer-menu .single-column li {margin-bottom: 14px;}
  .footer-top-row .footer-menu .single-column li a {font-size: 20px;}
  .footer-phones .single-phone a {font-size: 22px;}
  .footer-phones .single-phone .location {font-size: 18px;}
  .popup {padding: 30px;}
  .inputs-wrapper.review .input-wrapper {width: 100%;}
  .popup .popup-desc {font-size: 14px; margin: 12px 0;}
  .pluses-wrapper .single-pluse .desc {padding-left: 14px; font-size: 14px;}
  .top-block-wrapper h1 {margin-top:24px;margin-bottom:10px}
  .top-block-wrapper .desc {margin-bottom: 16px;}
}

}
@media screen and (max-width:414px){
    .btn.big {font-size: 18px;}
    .bottom-feedback-wrapper .inputs-wrapper {width: 100%;}


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

}

@media screen and (max-width:360px){ 
  .mobile-phone-burger .burger-wrapper {margin-left: 22px;}


}


@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 type{
    from { width: 0; }
}
@-webkit-keyframes type{
    from { width: 0; }
}
@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }
@keyframes arrowDown {0% {bottom: 30px;opacity: 1;}100% {bottom: 0px; opacity: 0;}
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}

.shine {position: relative;overflow: hidden;}
.shine::before {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);
    }
}