@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic-ext');

@font-face {
  font-family: "KIA";
  src: url("../fonts/KIAB.eot");
  src: local("KIAB"),
    url("../fonts/KIAB.eot?#iefix") format("embedded-opentype"),
    url("../fonts/KIAB.woff") format("woff"),
    url("../fonts/KIAB.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "KIA";
  src: url("../fonts/KIAL.eot");
  src: local("KIAL"),
    url("../fonts/KIAL.eot?#iefix") format("embedded-opentype"),
    url("../fonts/KIAL.woff") format("woff"),
    url("../fonts/KIAL.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "KIA";
  src: url("../fonts/KIAM.eot");
  src: local("KIAM"),
    url("../fonts/KIAM.eot?#iefix") format("../fonts/embedded-opentype"),
    url("../fonts/KIAM.woff") format("woff"),
    url("../fonts/KIAM.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 12px;
  transform: scale(0.5);
  margin: auto;
  float: none;
  opacity: 0.8;
  margin-top: 4px;
}

.lds-ellipsis div {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.butbottom .lds-ellipsis div {
  background: #0f8ccc;
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(19px, 0);
  }
}



body {
  margin: 0;
  background: #fafafa;
  font-family: "KIA", sans-serif;
  letter-spacing: 0.3px;
  font-size: 13px;
  color: #333;
  padding: 0 15px;
  overflow-y: scroll;
  max-height: 100vh;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

.fixed-crossbrowser-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: center bottom 65%;
  background-size: cover;
  background-image: url(../img/vesna_1.jpg);
  opacity: 1;
  z-index: -1;
  transition: all 500ms ease;
}

/*.fixed-crossbrowser-background:after {*/
/*  display: block;*/
/*  position: absolute;*/
/*  content: '';*/
/*  background: rgba(60, 67, 108, 0.3);*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

.chat {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-radius: 30px 30px 0 0;
  transition: height 100ms ease, transform 700ms ease, opacity 700ms ease;
  background: rgb(239 239 239 / 95%);
  overflow: hidden;
  transform: translateY(300px) scale(0.9);
  opacity: 0;
}

.chatshow {
  transform: translateY(0) scale(1);
  opacity: 1;
  z-index: 1;

}

.message {
  margin-top: 30px;
  transition: all 500ms ease;
}

.mesbot {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
}

.mesuser {
  width: 85%;
  max-width: 295px;
  margin-right: 0;
  margin-left: auto;
}

.mesimg {
  background: #f5f5f5;
  height: 60px;
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/bot.gif);
}

.mestext {
  display: inline-block;
  background: #FFFFFF;
  padding: 15px 20px;
  max-width: 560px;
  color: #282D30;
  font-size: 16px;
  line-height: 148%;
  border-radius: 2px 15px 15px 15px;
  box-shadow: 0px 3px 10px rgba(38, 36, 60, 0.07);
}

.message[data-mesbot="2"] .mestext,
.message[data-mesbot="3"] .mestext {
  max-width: 500px;
  /* width: 100%; */
}

.message[data-mesbot="4"] .mestext {
  max-width: 680px;
}

.mesuser .mestext {
  background: #282D30;
  color: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(38, 36, 60, 0.07);
  border-radius: 15px 15px 2px 15px;
}

.mesbot.meshide {
  opacity: 0;
  transform: translateX(-40px);
}

.mesbot.meshide2 {
  opacity: 0;
  transform: translateY(-10px);
}

.mesuser.meshide {
  opacity: 0;
  transform: translateX(40px);
}

.mesuser.meshide2 {
  opacity: 0;
  transform: translateY(-10px);
}

.butslink {
  margin-top: 13px;
  margin-bottom: -10px;
  max-width: 580px;
  transition: all 300ms ease;
  opacity: 1;
}

.butslinkhide {
  opacity: 0;
  transform: translateY(-10px);
}

.butlink {
  display: inline-block;
  padding: 12px 20px 13px;
  text-align: center;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  background: #282D30;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  border-radius: 30px;
  color: #fff;
  font-size: 15px;
  margin-bottom: 10px;
}

.autoafter {
  display: inline-block;
  padding: 12px 20px 13px;
  text-align: center;
  transition: all 200ms ease;
  user-select: none;
  background: #FFFFFF;
  box-shadow: 0px 1px 8px rgb(38 36 60 / 5%);
  border-radius: 0 10px 10px;
  color: #343434;
  font-size: 15px;
  margin-top: 25px;
}

.butlinkshow {
  display: inline-block;
  padding: 12px 20px 13px;
  text-align: center;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  background: #FFFFFF;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  border-radius: 30px;
  color: #f3c300;
  font-size: 15px;
  margin-bottom: 10px;
  white-space: nowrap;
}

.butlink:hover,
.butlinkshow:hover {
  background: #000;
  color: #fff;
}

.butlinkact {
  background: #282D30 !important;
  color: #fff;
}

.butlink:last-child {
  margin-right: 0 !important;
}

.buthide {
  display: none;
}

.flag {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 16px;
  border-radius: 2px;
  margin-top: 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}

.butlinkcountry {
  display: grid;
  grid-template-columns: 26px 1fr;
  grid-gap: 2px 10px;
}




.inptext {
  width: 100%;
  padding: 17px 20px;
  color: #333;
  font-size: 16px;
  transition: all 200ms ease;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.3px;
  border-radius: 34px;
  border: 1px solid #C7C7C7;
  transition: all 200ms ease;
}

.inptext:focus {
  border-color: #969696;
}

.inpphone {
  max-width: 300px;
  margin-top: 7px;
}

.inpname {
  max-width: 300px;
  margin-top: 7px;
}

.inptime {
  max-width: 300px;
  margin-bottom: 10px;
}

.gradient {
  position: fixed;
  width: 100%;
  height: 400px;
  background: linear-gradient(180deg, #02001E 0%, rgba(2, 0, 30, 0) 100%);
  opacity: 0;
  top: 0;
  left: 0;
  transition: all 500ms ease;
}

.gradientshow {
  opacity: 0.65;
}

.main {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
}

.mainshow {
  max-height: 100vh;
  overflow: hidden;
}

h1 {
  width: 90%;
  text-align: center;
  margin: 30px auto 25px;
  transition: all 700ms ease, opacity 500ms ease;
  transform: translateY(100%);
  opacity: 0;
  font-weight: 600;
  font-size: 36px;
  line-height: 148%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #282D30;
  max-width: 850px;
  position: relative;

}

h1 strong {
  display: inline-block;
  width: max-content;
  position: relative;
}

.tooltip-text {
  display: none;
  position: absolute;
  right: -115px;
  top: -43px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #282D30;
  padding: 8px 10px;
  border-radius: 6px;
  background: #FFFFFF;
  width: max-content;
}

.tooltip-text::after {
  position: absolute;
  width: 12px;
  height: 12px;
  content: '';
  display: block;
  transform: rotate(45deg);
  background: #fff;
  bottom: -7px;
  left: 46%;
}

.tooltip {
  display: block;
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='8.75' stroke='%23E37639' stroke-width='2'/%3e%3cpath d='M10 15V9.375M10 7.5V5' stroke='%23E37639' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  right: -23px;
  top: 13px;
}

.title_descr {
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #4C5865;
  margin: 0 0 20px 0;
  transition: all 700ms ease, opacity 500ms ease;
  transform: translateY(350%);
  opacity: 0;
}

.h1show1 {
  opacity: 1;
}

.h1show2 {
  transform: translateY(0);
}

.chathead {
  color: #343434;
  font-size: 25px;
  line-height: 145%;
  text-align: center;
  margin-bottom: 35px;
}

.chatheader {
  padding: 30px 30px 15px 30px;
  background: #282D30;
  box-shadow: 0px 4px 10px rgba(38, 36, 60, 0.08);
  border-radius: 24px 24px 0px 0px;
}

.logostur {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 30px;
}

.logotur {
  height: 41px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: table;
}

.tablecell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.chatcont {
  padding: 25px 30px 100px;
}

.mesuser .mescont {
  text-align: right;
}

.widthwin {
  display: none;
}

.butnumber {
  padding: 12px 18px 13px;
  border-radius: 50%;
  width: 45px;
}

.alenaprint {
  padding-left: 80px;
  margin-top: 25px;
  color: #7c7c7c;
  font-style: italic;
  height: 18px;
  margin-bottom: -43px;
  transition: all 300ms ease;
  transform: scale(0.8) translateX(-20px);
  opacity: 0;
  float: left;
}

.alenaprintshow {
  transform: scale(1);
  opacity: 1;
}

.hideop {
  opacity: 0;
}

.butphone {
  background: #f3c300;
  color: #fff;
  font-family: Open Sans;
  font-size: 17px;
  border-radius: 30px;
  padding: 17px 50px;
  border: 0;
  cursor: default;
  transition: all 200ms ease;
  /*opacity: 0;*/
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  cursor: pointer;
}

.butphoneshow {
  cursor: pointer;
  opacity: 1;
}

.butphone:hover {
  background: #f3c300;
}

.divbutphone {
  margin-top: 15px;
}

.blocksms {
  display: none;
  background: #FFFFFF;
  box-shadow: 0px 40px 80px rgba(38, 36, 60, 0.37);
  border-radius: 40px;
  padding: 30px 0 40px;
  max-width: 620px;
  position: fixed;
  width: 100%;
  left: 50%;
  top: 50%;
  transition: opacity 500ms ease, transform 500ms ease;
  opacity: 0;
  transform: translateY(100px) scale(0.8);
}

.icosms {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzQuNzI4MSAzNy43NDYzQzM0LjE4MTggMzcuNzQ2MyAzMy43MzkxIDM4LjE4OTIgMzMuNzM5MSAzOC43MzUzVjQ4LjcwMDlIOC43ODgwOFYyMy43NDg4SDE2LjQwMjJDMTYuOTQ4NSAyMy43NDg4IDE3LjM5MTIgMjMuMzA2IDE3LjM5MTIgMjIuNzU5OEMxNy4zOTEyIDIyLjIxMzYgMTYuOTQ4NSAyMS43NzA4IDE2LjQwMjIgMjEuNzcwOEg4Ljc4ODA4VjE3LjU4MTZDOC43ODgwOCAxNS44NDI1IDEwLjIwMjkgMTQuNDI3NyAxMS45NDIxIDE0LjQyNzdIMTMuMzY2MUMxMy45MTI1IDE0LjQyNzcgMTQuMzU1MiAxMy45ODQ5IDE0LjM1NTIgMTMuNDM4N0MxNC4zNTUyIDEyLjg5MjUgMTMuOTEyNSAxMi40NDk3IDEzLjM2NjEgMTIuNDQ5N0gxMS45NDIxQzkuMTEyMzQgMTIuNDQ5NyA2LjgxMDA2IDE0Ljc1MTggNi44MTAwNiAxNy41ODE2VjU0Ljg2OEM2LjgxMDA2IDU3LjY5NzcgOS4xMTIzNCA1OS45OTk5IDExLjk0MjEgNTkuOTk5OUgzMC41ODUyQzMzLjQxNSA1OS45OTk5IDM1LjcxNzMgNTcuNjk3NyAzNS43MTczIDU0Ljg2OFYzOC43MzUzQzM1LjcxNzEgMzguMTg5MiAzNS4yNzQ1IDM3Ljc0NjMgMzQuNzI4MSAzNy43NDYzWk0zMC41ODUxIDU4LjAyMkgxMS45NDIxQzEwLjIwMyA1OC4wMjIgOC43ODgwOCA1Ni42MDcyIDguNzg4MDggNTQuODY4MVY1MC42Nzg5SDMzLjczOTNWNTQuODY4MUMzMy43MzkxIDU2LjYwNzIgMzIuMzI0MyA1OC4wMjIgMzAuNTg1MSA1OC4wMjJaIiBmaWxsPSIjNzA3MDhBIi8+PHBhdGggZD0iTTI1Ljc4ODggMTMuODg4OUMyNC4zNTA3IDEzLjY1MzYgMjQuMjkgMTMuNTEzIDI0LjI5IDEzLjIxNzhDMjQuMjkgMTIuNjk1NyAyNS4xNjYzIDEyLjU1NzggMjUuNjI5NiAxMi41NTc4QzI2LjM3MzkgMTIuNTU3OCAyNi44NTQxIDEyLjgwODYgMjYuOTQzOSAxMy4wNTY0QzI3LjEyOTkgMTMuNTY5OSAyNy42OTcxIDEzLjgzNTYgMjguMjEwNiAxMy42NDkzQzI4LjcyNDIgMTMuNDYzMiAyOC45ODk3IDEyLjg5NiAyOC44MDM2IDEyLjM4MjVDMjguNDAwNiAxMS4yNzA1IDI3LjE4NDQgMTAuNTc5OCAyNS42Mjk2IDEwLjU3OThDMjMuNjc2MiAxMC41Nzk4IDIyLjMxMiAxMS42NjQ1IDIyLjMxMiAxMy4yMTc4QzIyLjMxMiAxNS4zMjQ1IDI0LjI4ODYgMTUuNjQ3OSAyNS40Njk1IDE1Ljg0MUMyNi45MDg1IDE2LjA3NjQgMjYuOTY5MiAxNi4yMTczIDI2Ljk2OTIgMTYuNTEzM0MyNi45NjkyIDE3LjAzNTQgMjYuMDkyOCAxNy4xNzMzIDI1LjYyOTYgMTcuMTczM0MyNC44ODUyIDE3LjE3MzMgMjQuNDA0OSAxNi45MjI0IDI0LjMxNTIgMTYuNjc0NEMyNC4xMjk0IDE2LjE2MDcgMjMuNTYyIDE1Ljg5NTQgMjMuMDQ4OCAxNi4wODA5QzIyLjUzNTEgMTYuMjY2NyAyMi4yNjk0IDE2LjgzMzcgMjIuNDU1MiAxNy4zNDc0QzIyLjg1NzggMTguNDYwMSAyNC4wNzQgMTkuMTUxMyAyNS42Mjk2IDE5LjE1MTNDMjcuNTgyOSAxOS4xNTEzIDI4Ljk0NzIgMTguMDY2NiAyOC45NDcyIDE2LjUxMzNDMjguOTQ3NCAxNC40MDU1IDI2Ljk3MDEgMTQuMDgyMSAyNS43ODg4IDEzLjg4ODlaIiBmaWxsPSIjNUE1MkUwIi8+PHBhdGggZD0iTTQzLjk4NjEgMTMuODg4OUM0Mi41NDggMTMuNjUzNiA0Mi40ODczIDEzLjUxMyA0Mi40ODczIDEzLjIxNzhDNDIuNDg3MyAxMi42OTU3IDQzLjM2MzYgMTIuNTU3OCA0My44MjY4IDEyLjU1NzhDNDQuNTcxMSAxMi41NTc4IDQ1LjA1MTMgMTIuODA4NyA0NS4xNDEzIDEzLjA1NjVDNDUuMzI3MyAxMy41NyA0NS44OTQ0IDEzLjgzNTkgNDYuNDA4IDEzLjY0OTNDNDYuOTIxNiAxMy40NjMxIDQ3LjE4NjkgMTIuODk1OSA0Ny4wMDA3IDEyLjM4MjRDNDYuNTk3NiAxMS4yNzA1IDQ1LjM4MTUgMTAuNTc5OCA0My44MjY4IDEwLjU3OThDNDEuODczNSAxMC41Nzk4IDQwLjUwOTMgMTEuNjY0NSA0MC41MDkzIDEzLjIxNzhDNDAuNTA5MyAxNS4zMjQ1IDQyLjQ4NTggMTUuNjQ3OSA0My42NjY3IDE1Ljg0MUM0NS4xMDU4IDE2LjA3NjQgNDUuMTY2NSAxNi4yMTczIDQ1LjE2NjUgMTYuNTEzM0M0NS4xNjY1IDE3LjAzNTQgNDQuMjkwMSAxNy4xNzMzIDQzLjgyNjggMTcuMTczM0M0My4wODIzIDE3LjE3MzMgNDIuNjAyIDE2LjkyMjIgNDIuNTEyMiAxNi42NzQzQzQyLjMyNjQgMTYuMTYwOCA0MS43NTk2IDE1Ljg5NDcgNDEuMjQ1OCAxNi4wODA5QzQwLjczMjEgMTYuMjY2OCA0MC40NjY2IDE2LjgzMzkgNDAuNjUyNSAxNy4zNDc1QzQxLjA1NTIgMTguNDYwMiA0Mi4yNzE0IDE5LjE1MTMgNDMuODI2OCAxOS4xNTEzQzQ1Ljc4MDIgMTkuMTUxMyA0Ny4xNDQ1IDE4LjA2NjYgNDcuMTQ0NSAxNi41MTMzQzQ3LjE0NDUgMTQuNDA1NSA0NS4xNjc0IDE0LjA4MjEgNDMuOTg2MSAxMy44ODg5WiIgZmlsbD0iIzVBNTJFMCIvPjxwYXRoIGQ9Ik0zNy44ODQ0IDEwLjY0MDlDMzcuNDk1NSAxMC40OTc1IDM3LjA1ODkgMTAuNjExNyAzNi43OSAxMC45MjY2TDM0LjcyODIgMTMuMzQyTDMyLjY2NjUgMTAuOTI2NkMzMi4zOTc2IDEwLjYxMTYgMzEuOTYwNiAxMC40OTc0IDMxLjU3MjEgMTAuNjQwOUMzMS4xODM1IDEwLjc4NDEgMzAuOTI1MyAxMS4xNTQ1IDMwLjkyNTMgMTEuNTY4OFYxOC4xNjIyQzMwLjkyNTMgMTguNzA4NCAzMS4zNjggMTkuMTUxMiAzMS45MTQzIDE5LjE1MTJDMzIuNDYwNiAxOS4xNTEyIDMyLjkwMzMgMTguNzA4NCAzMi45MDMzIDE4LjE2MjJWMTQuMjUwOUwzMy45NzYxIDE1LjUwNzZDMzQuMTY0IDE1LjcyNzcgMzQuNDM4OCAxNS44NTQ1IDM0LjcyODIgMTUuODU0NUMzNS4wMTc3IDE1Ljg1NDUgMzUuMjkyNSAxNS43Mjc4IDM1LjQ4MDQgMTUuNTA3NkwzNi41NTMyIDE0LjI1MDlWMTguMTYyMkMzNi41NTMyIDE4LjcwODQgMzYuOTk1OCAxOS4xNTEyIDM3LjU0MjIgMTkuMTUxMkMzOC4wODg1IDE5LjE1MTIgMzguNTMxMiAxOC43MDg0IDM4LjUzMTIgMTguMTYyMlYxMS41Njg4QzM4LjUzMTIgMTEuMTU0NSAzOC4yNzMgMTAuNzg0MiAzNy44ODQ0IDEwLjY0MDlaIiBmaWxsPSIjNUE1MkUwIi8+PHBhdGggZD0iTTQ3LjY5OCA0LjI3ODg2QzQ0LjIyMzYgMS41MTk1MiAzOS42MTc1IDAgMzQuNzI4IDBDMjkuODM4NSAwIDI1LjIzMjIgMS41MTk2NSAyMS43NTggNC4yNzg4NkMxOC4yMTY4IDcuMDkxMzQgMTYuMjY2NiAxMC44NTEgMTYuMjY2NiAxNC44NjU1QzE2LjI2NjYgMjEuOTEyMSAyMi4zMjgyIDI3LjkyMTYgMzAuNzkxNyAyOS4zOTI3QzMwLjk0NTggMzEuNTg5NyAzMC4xNTExIDMzLjc3MDUgMjguNTk3NiAzNS4zMzg4QzI4LjMxNjYgMzUuNjIyNSAyOC4yMzM4IDM2LjA0NzEgMjguMzg3NCAzNi40MTU1QzI4LjU0MSAzNi43ODM4IDI4LjkwMSAzNy4wMjM4IDI5LjMwMDIgMzcuMDIzOEMzMy44MjMgMzcuMDIzOCAzNy43MDY5IDMzLjc5NTIgMzguNjIyNSAyOS4zOTk5QzQ3LjEwODMgMjcuOTQxMyA1My4xODk1IDIxLjkyNCA1My4xODk1IDE0Ljg2NTVDNTMuMTg5NyAxMC44NTEyIDUxLjIzOTMgNy4wOTEzNCA0Ny42OTggNC4yNzg4NlpNMzcuNjA1OCAyNy41NTZDMzcuMDkwNyAyNy42MjcyIDM2LjcxODYgMjguMDg0NyAzNi43NTQzIDI4LjYwMzVDMzYuNzU0NiAyOC42MDgxIDM2Ljc1NDkgMjguNjEyNiAzNi43NTUzIDI4LjYxNzJDMzYuMzAwMSAzMS41Mjg3IDM0LjIyMTUgMzMuODU3NSAzMS41MzUgMzQuNzAyOUMzMi41NjY3IDMyLjg3NTQgMzIuOTkwNiAzMC43MzA2IDMyLjY5OCAyOC42MDg5QzMyLjY5ODIgMjguNjA2OSAzMi42OTgzIDI4LjYwNTEgMzIuNjk4NCAyOC42MDMzQzMyLjczNDIgMjguMDg0NiAzMi4zNjIgMjcuNjI2OSAzMS44NDcxIDI3LjU1NTdDMjMuOTY1MyAyNi40NjYzIDE4LjI0NDggMjEuMTI5NCAxOC4yNDQ4IDE0Ljg2NTZDMTguMjQ0OCA3Ljc1OTM5IDI1LjYzOTEgMS45NzgxNSAzNC43MjgxIDEuOTc4MTVDNDMuODE3MyAxLjk3ODE1IDUxLjIxMTggNy43NTkzOSA1MS4yMTE4IDE0Ljg2NTZDNTEuMjExNiAyMS4xMzA0IDQ1LjQ4OTYgMjYuNDY3NiAzNy42MDU4IDI3LjU1NloiIGZpbGw9IiM1QTUyRTAiLz48L3N2Zz4=);
}

.smshead {
  text-align: center;
  margin: 20px 0 30px;
  font-weight: bold;
  font-size: 27px;
  line-height: 41px;
  padding: 0 20px;
  color: #333;
}

.blockshow {
  opacity: 1 !important;
  transform: translateX(0px) scale(1) !important;
  z-index: 2;
}

.smsdesc {
  color: #70708A;
  font-size: 17px;
  padding: 0 40px;
  width: 100%;
  max-width: 450px;
  text-align: center;
  margin: 0 auto;
}

.chat_DC-93 {
  text-transform: uppercase;
}

.smsdesc span {
  font-weight: bold;
}

.butinp {
  background: #f3c300;
  color: #fff;
  font-family: Open Sans;
  font-size: 16px;
  border-radius: 30px;
  padding: 14px 30px;
  border: 0;
  cursor: default;
  transition: all 200ms ease, margin 500ms ease, width 500ms ease;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  margin-left: -40px;
  cursor: pointer;
  background-position: center !important;
}

.butinp:hover {
  background-color: #4b42e3;
}

.blockcode {
  background: #EEEDF4;
  padding: 10px 87px;
  margin: 30px 0 25px;
}

.contcode {
  display: grid;
  grid-template-columns: 140px 1fr;
  grid-gap: 8px;
  transition: all 200ms ease;
}

.contphone {
  display: none;
  opacity: 0;
  transform: scale(0.95);
  transition: all 200ms ease;
}

.conthide {
  opacity: 0;
  transform: scale(0.95);
}

.contshow {
  opacity: 1;
  transform: scale(1);
}

.codeword {
  color: #70708A;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  padding-top: 8px;
}

.codeinpdiv {
  display: grid;
  grid-template-columns: 1fr 111px;
}

.phoneinpdiv {
  display: grid;
  grid-template-columns: 1fr 130px;
}

.inpcode,
.inpchangephone {
  padding: 13px 30px;
}

.butcodeok {
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA0NS43MDEgNDUuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUuNzAxIDQ1Ljc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48Zz48cGF0aCBkPSJNMjAuNjg3LDM4LjMzMmMtMi4wNzIsMi4wNzItNS40MzQsMi4wNzItNy41MDUsMEwxLjU1NCwyNi43MDRjLTIuMDcyLTIuMDcxLTIuMDcyLTUuNDMzLDAtNy41MDQgICAgYzIuMDcxLTIuMDcyLDUuNDMzLTIuMDcyLDcuNTA1LDBsNi45MjgsNi45MjdjMC41MjMsMC41MjIsMS4zNzIsMC41MjIsMS44OTYsMEwzNi42NDIsNy4zNjhjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMCAgICBjMC45OTUsMC45OTUsMS41NTQsMi4zNDUsMS41NTQsMy43NTJjMCwxLjQwNy0wLjU1OSwyLjc1Ny0xLjU1NCwzLjc1MkwyMC42ODcsMzguMzMyeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iIzhGQ0Y2MiIvPjwvZz48L2c+PC9nPiA8L3N2Zz4=) !important;
  cursor: default !important;
}

.butcode span {
  transition: all 200ms ease;
}

.error {
  font-size: 12px;
  color: #f6004b;
  display: none;
}

.errorsms {
  text-align: center;
  margin: -15px 0 25px;
  padding: 0 20px;
}

.repeatsms {
  text-align: center;
  transition: all 200ms ease;
}

.repeatword {
  color: #828282;
  font-size: 14px;
  line-height: 19px;
  padding: 0 20px;
  margin-bottom: 15px;
  text-align: center;
}

.repeattimer {
  width: 92px;
  margin: 0 auto;
  color: #BDBDBD;
  font-size: 17px;
  line-height: 23px;
  padding-left: 37px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48cGF0aCBkPSJNMjEuMzU2NCAxMC4zNTU0QzIxLjAwMDQgMTAuMzU1NCAyMC43MTE4IDEwLjY0NCAyMC43MTE4IDExQzIwLjcxMTggMTYuMzU0NiAxNi4zNTU1IDIwLjcxMDkgMTEuMDAxIDIwLjcxMDlDNS42NDYzNSAyMC43MTA5IDEuMjkwMDcgMTYuMzU0NiAxLjI5MDA3IDExQzEuMjkwMDcgNS42NDUzNyA1LjY0NjM1IDEuMjg5MSAxMS4wMDEgMS4yODkxQzEyLjYzMzcgMS4yODkxIDE0LjIyMiAxLjY5NDUgMTUuNjM5OCAyLjQ2Njk5TDE0LjgzNCAzLjI3Mjc4QzE0LjY0OTcgMy40NTcxMSAxNC41OTQ1IDMuNzM0MyAxNC42OTQzIDMuOTc1MTlDMTQuNzk0IDQuMjE2MDIgMTUuMDI5IDQuMzczMDcgMTUuMjg5NyA0LjM3MzA3SDE4LjM3MzdDMTguNzI5NyA0LjM3MzA3IDE5LjAxODIgNC4wODQ1IDE5LjAxODIgMy43Mjg1NVYwLjY0NDU2OEMxOS4wMTgyIDAuMzgzODc4IDE4Ljg2MTIgMC4xNDg4ODMgMTguNjIwMyAwLjA0OTExMDNDMTguMzc5NCAtMC4wNTA3MDU1IDE4LjEwMjIgMC4wMDQ0NjYwOCAxNy45MTc5IDAuMTg4ODQ0TDE2LjU4NTIgMS41MjE2QzE0Ljg5NyAwLjUyNDg1OCAxMi45Nzc2IDguMzI4ODhlLTA1IDExLjAwMDkgOC4zMjg4OGUtMDVDOC4wNjI3MyA4LjMyODg4ZS0wNSA1LjMwMDM3IDEuMTQ0MjkgMy4yMjI3NSAzLjIyMTg2QzEuMTQ1MTQgNS4yOTk1MiAwLjAwMDk3NjU2MiA4LjA2MTgzIDAuMDAwOTc2NTYyIDExQzAuMDAwOTc2NTYyIDEzLjkzODIgMS4xNDUxNCAxNi43MDA1IDMuMjIyNzUgMTguNzc4MUM1LjMwMDQxIDIwLjg1NTggOC4wNjI3MyAyMiAxMS4wMDA5IDIyQzEzLjkzOTEgMjIgMTYuNzAxNCAyMC44NTU4IDE4Ljc3OSAxOC43NzgxQzIwLjg1NjcgMTYuNzAwNSAyMi4wMDA4IDEzLjkzODIgMjIuMDAwOCAxMUMyMi4wMDA5IDEwLjY0NCAyMS43MTIzIDEwLjM1NTQgMjEuMzU2NCAxMC4zNTU0WiIgZmlsbD0iI0JEQkRCRCIvPjxwYXRoIGQ9Ik0xNS4xNDIxIDEwLjM1NTRIMTEuNjQ0NVY2Ljg1Nzc4QzExLjY0NDUgNi41MDE4MyAxMS4zNTU5IDYuMjEzMjYgMTEgNi4yMTMyNkMxMC42NDQgNi4yMTMyNiAxMC4zNTU1IDYuNTAxODMgMTAuMzU1NSA2Ljg1Nzc4VjEwLjk5OTlDMTAuMzU1NSAxMS4zNTU5IDEwLjY0NCAxMS42NDQ1IDExIDExLjY0NDVIMTUuMTQyMUMxNS40OTgxIDExLjY0NDUgMTUuNzg2NyAxMS4zNTU5IDE1Ljc4NjcgMTAuOTk5OUMxNS43ODY3IDEwLjY0NCAxNS40OTgxIDEwLjM1NTQgMTUuMTQyMSAxMC4zNTU0WiIgZmlsbD0iI0JEQkRCRCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
}

.butrepeat {
  background: #f3c300;
  color: #fff;
  font-family: Open Sans;
  font-size: 15px;
  border-radius: 30px;
  padding: 10px 30px 11px;
  margin: 12px 0 4px;
  border: 0;
  cursor: default;
  transition: all 200ms ease;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  cursor: pointer;
}

.butrepeat:hover {
  background-color: #4b42e3;
}

.blocksuccess {
  display: none;
  background: #FFFFFF;
  box-shadow: 0px 40px 80px rgba(38, 36, 60, 0.37);
  border-radius: 40px;
  padding: 45px 50px 60px;
  max-width: 450px;
  position: fixed;
  width: 100%;
  left: 50%;
  top: 50%;
  transition: opacity 500ms ease, transform 500ms ease;
  opacity: 0;
  transform: translateY(100px) scale(0.8);
}

.icosuccess {
  width: 55px;
  height: 55px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTkuNzE0NCAxMC4yMDE2QzUzLjEwNiAzLjYyMTQ0IDQ0LjMzMiAwIDM1LjAwMDQgMEgzNC45NTA3QzMwLjE5MjMgMC4wMDY0MDg2OSAyNS41NzQ4IDAuOTU4NjM0IDIxLjIyNTQgMi44Mjk0NEMxNy4wMzE1IDQuNjM0MDIgMTMuMjcyOCA3LjIwODE4IDEwLjA1MzUgMTAuNDgxNEMzLjQzMDYzIDE3LjIxNDggLTAuMTM4NDggMjYuMDk0NiAwLjAwNDExMzIxIDM1LjQ4NDRDMC4wOTAwOTY1IDQxLjE4NTUgMS41OTA4IDQ2LjgyOTQgNC4zNDIyNiA1MS44MDQ3QzQuMzk0MDcgNTEuODk4MSA0LjQwNjM1IDUyLjAwMjggNC4zNzY0NCA1Mi4wOTI1TDAuMzUwNzE3IDY0LjE0ODNDLTAuMTY2MjUxIDY1LjY5NzEgMC4yMDU5ODcgNjcuMzk5NyAxLjMyMjcgNjguNTkxN0MyLjE3NTU5IDY5LjUwMjggMy4zNTQyNiA3MCA0LjU2ODE3IDcwQzQuOTQ1NzUgNzAgNS4zMjY1MyA2OS45NTE5IDUuNzAxNDQgNjkuODUzN0wxOS4zMDg3IDY2LjI3OTJDMTkuMzg4OCA2Ni4yNTc5IDE5LjQ3NTMgNjYuMjY2OSAxOS41NTIyIDY2LjMwNDlDMjQuMzg5NyA2OC42ODU3IDI5LjU4NzIgNjkuODkyNyAzNC45OTkzIDY5Ljg5MjdDNDQuMzQxIDY5Ljg5MjcgNTMuMTM1OSA2Ni4yMzY1IDU5Ljc2NDYgNTkuNTk4N0M2Ni4zNzg0IDUyLjk3NTMgNzAuMDEzMiA0NC4yMDE4IDY5Ljk5OTMgMzQuODk0OEM2OS45ODY1IDI1LjU2MjEgNjYuMzMzNSAxNi43OTI0IDU5LjcxNDQgMTAuMjAxNlpNNTYuODYyNiA1Ni43MDA0QzUxLjAwOTMgNjIuNTYyMiA0My4yNDQ2IDY1Ljc5MDYgMzQuOTk5OCA2NS43OTA2QzMwLjIyMDYgNjUuNzkwNiAyNS42MzI1IDY0LjcyNTYgMjEuMzYzMiA2Mi42MjQ3QzIwLjQwMTQgNjIuMTUxIDE5LjMwMTggNjIuMDM5OSAxOC4yNjY3IDYyLjMxMTdMNC42NjAwMyA2NS44ODYyQzQuNTI1OTggNjUuOTIxNCA0LjQxMDYyIDY1Ljg4ODMgNC4zMTYwOSA2NS43ODc5QzQuMTc3MjQgNjUuNjM5NCA0LjIyNTMgNjUuNDk1MiA0LjI0MTMzIDY1LjQ0NzdMOC4yNjcwNSA1My4zOTA4QzguNjU5MDUgNTIuMjE1OSA4LjUzNzI5IDUwLjkxNDQgNy45MzE2NiA0OS44MTk2QzUuNTA0OTEgNDUuNDMxMiA0LjE4MTUxIDQwLjQ1MjIgNC4xMDUxNCAzNS40MjE5QzMuOTc5MSAyNy4xMzg3IDcuMTMwMDQgMTkuMzAyNCAxMi45Nzc0IDEzLjM1NzNDMTguODM2NiA3LjQwMDQ0IDI2LjY0MjQgNC4xMTMzMSAzNC45NTY2IDQuMTAxNTZIMzQuOTk5OEM0My4yMzg3IDQuMTAxNTYgNTAuOTg2MyA3LjI5ODk3IDU2LjgyMDQgMTMuMTA3OUM2Mi42NjI0IDE4LjkyNDkgNjUuODg2NSAyNi42NjQ0IDY1Ljg5ODMgMzQuOTAwN0M2NS45MSA0My4xMTEzIDYyLjcwMDkgNTAuODUzIDU2Ljg2MjYgNTYuNzAwNFoiIGZpbGw9IiM3OUMyNjAiLz48cGF0aCBkPSJNNDguMzE2NCAyMy40MjM4TDMwLjQxMjYgNDEuMzI4MUMyOS45MTYgNDEuODI0NyAyOS4xMDg1IDQxLjgyNDIgMjguNjEyMyA0MS4zMjgxTDIxLjY4MjQgMzQuMzk4MUMyMC44ODE4IDMzLjU5NzEgMTkuNTgzIDMzLjU5NzEgMTguNzgyNSAzNC4zOTgxQzE3Ljk4MTQgMzUuMTk4NyAxNy45ODE0IDM2LjQ5NzUgMTguNzgyNSAzNy4yOTg2TDI1LjcxMjQgNDQuMjI4NUMyNi43NjAyIDQ1LjI3NjQgMjguMTM2NSA0NS44MDAzIDI5LjUxMjcgNDUuODAwM0MzMC44ODkgNDUuODAwMyAzMi4yNjUzIDQ1LjI3NjQgMzMuMzEyNiA0NC4yMjg1TDUxLjIxNjggMjYuMzIzN0M1Mi4wMTc5IDI1LjUyMzIgNTIuMDE3OSAyNC4yMjQzIDUxLjIxNjggMjMuNDIzM0M1MC40MTYzIDIyLjYyMjcgNDkuMTE3NSAyMi42MjI3IDQ4LjMxNjQgMjMuNDIzOFoiIGZpbGw9IiM3OUMyNjAiLz48L3N2Zz4=);
}

.descss {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  padding: 0 20px;
  margin: 30px 0 15px;
  color: #333;
}

.blockss {
  text-align: center;
}

.ssitem {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.blockss a:last-child .ssitem {
  margin-right: 0;
}

.ss1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMSIgY3k9IjIxIiByPSIxOSIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMjAuOTE4IDBDOS4zODQzNyAwIDAgOS4zODQzNyAwIDIwLjkxOEMwIDMyLjQ1MTYgOS4zODQzNyA0MiAyMC45MTggNDJDMzIuNDUxNiA0MiA0MiAzMi40NTE2IDQyIDIwLjkxOEM0MiA5LjM4NDM3IDMyLjQ1OTggMCAyMC45MTggMFpNMjkuNzE5OSAyMi44NTM5QzMwLjUyMzggMjMuNjMzMiAzMS4zNjg3IDI0LjM3MTUgMzIuMDgyNCAyNS4yMzI4QzMyLjQwMjMgMjUuNjE4NCAzMi42OTc3IDI2LjAxMjEgMzIuOTI3MyAyNi40NTUxQzMzLjI1NTUgMjcuMDg2NyAzMi45NjAyIDI3Ljc4NCAzMi4zOTQxIDI3LjgxNjhIMjguODc1QzI3Ljk2NDUgMjcuODkwNiAyNy4yNDI2IDI3LjUyOTcgMjYuNjM1NSAyNi45MDYyQzI2LjE1MTYgMjYuNDA1OSAyNS43MDA0IDI1Ljg4MDkgMjUuMjI0NiAyNS4zNzIzQzI1LjAzNTkgMjUuMTU5IDI0LjgzMDkgMjQuOTYyMSAyNC41OTMgMjQuODA2MkMyNC4xMDkgMjQuNDk0NSAyMy42OTg4IDI0LjU5MyAyMy40MTk5IDI1LjA5MzRDMjMuMTQxIDI1LjYwMiAyMy4wNzU0IDI2LjE2OCAyMy4wNTA4IDI2LjczNEMyMy4wMDk4IDI3LjU2MjUgMjIuNzYzNyAyNy43ODQgMjEuOTI3IDI3LjgxNjhDMjAuMTQ2OSAyNy44OTg4IDE4LjQ1NyAyNy42MjgxIDE2Ljg5MDIgMjYuNzM0QzE1LjUwMzkgMjUuOTQ2NSAxNC40Mzc1IDI0LjgyMjcgMTMuNTAyMyAyMy41NTk0QzExLjY4MTMgMjEuMDk4NCAxMC4yOTQ5IDE4LjM5MTQgOS4wMzk4NCAxNS42MTA1QzguNzYwOTQgMTQuOTg3MSA4Ljk2NjAyIDE0LjY1MDggOS42NTUwOCAxNC42MzQ0QzEwLjgwMzUgMTQuNjA5OCAxMS45NTIgMTQuNjA5OCAxMy4xMDA0IDE0LjYzNDRDMTMuNTY4IDE0LjY0MjYgMTMuODc5NyAxNC45MDUxIDE0LjA2MDIgMTUuMzQ4QzE0LjY4MzYgMTYuODczOCAxNS40MzgzIDE4LjMyNTggMTYuMzk4IDE5LjY3OTNDMTYuNjUyMyAyMC4wNDAyIDE2LjkxNDggMjAuMzkzIDE3LjI4NCAyMC42NDczQzE3LjY5NDEgMjAuOTI2MiAxOC4wMDU5IDIwLjgzNTkgMTguMTk0NSAyMC4zNzY2QzE4LjMxNzYgMjAuMDg5NSAxOC4zNjY4IDE5Ljc3NzcgMTguMzk5NiAxOS40NjZDMTguNDg5OCAxOC4zOTk2IDE4LjUwNjMgMTcuMzQxNCAxOC4zNDIyIDE2LjI4MzJDMTguMjQzNyAxNS42MTg3IDE3Ljg3NDYgMTUuMTkyMiAxNy4yMTAyIDE1LjA2OTFDMTYuODczOCAxNS4wMDM1IDE2LjkyMyAxNC44ODA1IDE3LjA4NzEgMTQuNjkxOEMxNy4zNjYgMTQuMzYzNyAxNy42MzY3IDE0LjE1MDQgMTguMTY5OSAxNC4xNTA0SDIyLjE0ODRDMjIuNzcxOSAxNC4yNzM0IDIyLjkxMTMgMTQuNTUyMyAyMy4wMDE2IDE1LjE4NFYxOS42MDU1QzIyLjk5MzQgMTkuODUxNiAyMy4xMjQ2IDIwLjU3MzQgMjMuNTU5NCAyMC43Mzc1QzIzLjkxMjEgMjAuODUyMyAyNC4xNDE4IDIwLjU3MzQgMjQuMzU1MSAyMC4zNTJDMjUuMzA2NiAxOS4zNDMgMjUuOTg3NSAxOC4xNDUzIDI2LjU5NDUgMTYuOTA2NkMyNi44NjUyIDE2LjM2NTIgMjcuMDk0OSAxNS43OTkyIDI3LjMxNjQgMTUuMjMzMkMyNy40ODA1IDE0LjgxNDggMjcuNzQzIDE0LjYwOTggMjguMjE4OCAxNC42MThIMzIuMDQ5NkMzMi4xNjQ1IDE0LjYxOCAzMi4yNzkzIDE0LjYxOCAzMi4zODU5IDE0LjYzNDRDMzMuMDM0IDE0Ljc0MSAzMy4yMDYyIDE1LjAxOTkgMzMuMDA5NCAxNS42NTE2QzMyLjY5NzcgMTYuNjQ0MSAzMi4wODI0IDE3LjQ2NDUgMzEuNDgzNiAxOC4yOTNDMzAuODQzNyAxOS4xNzg5IDMwLjE2MjkgMjAuMDMyIDI5LjUzMTIgMjAuOTE4QzI4Ljk0ODggMjEuNzQ2NSAyOC45OTggMjIuMTU2NiAyOS43MTk5IDIyLjg1MzlaIiBmaWxsPSIjNTk4MEI3Ii8+PC9zdmc+);
}

.ss2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMSIgY3k9IjIxIiByPSIxOSIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMjAuOTE4IDBDOS4zODQzNyAwIDAgOS4zODQzNyAwIDIwLjkxOEMwIDMyLjQ1MTYgOS4zODQzNyA0MiAyMC45MTggNDJDMzIuNDUxNiA0MiA0MiAzMi40NTE2IDQyIDIwLjkxOEM0MiA5LjM4NDM3IDMyLjQ1MTYgMCAyMC45MTggMFpNMjYuNzU4NiAxNC4wMzU1QzI2Ljc1ODYgMTQuMjczNCAyNi41NjE3IDE0LjQ3MDMgMjYuMzIzOCAxNC40NzAzSDI0LjQ2MTdDMjMuMTgyIDE0LjQ3MDMgMjIuOTQ0MSAxNC45NzA3IDIyLjk0NDEgMTUuOTU1MVYxOC4wMDU5SDI2LjE5MjZDMjYuMzA3NCAxOC4wMDU5IDI2LjQyMjMgMTguMDU1MSAyNi40OTYxIDE4LjEzNzFDMjYuNTc4MSAxOC4yMTkxIDI2LjYyNzMgMTguMzI1OCAyNi42MjczIDE4LjQ0MDZWMjEuOTQzNEMyNi42MjczIDIyLjE4MTIgMjYuNDMwNSAyMi4zNzgxIDI2LjE5MjYgMjIuMzc4MUgyMi45NDQxVjMxLjIyMTFDMjIuOTQ0MSAzMS40NTkgMjIuNzQ3MyAzMS42NTU5IDIyLjUwOTQgMzEuNjU1OUgxOC44ODM2QzE4LjY0NTcgMzEuNjU1OSAxOC40NDg4IDMxLjQ1OSAxOC40NDg4IDMxLjIyMTFWMjIuMzc4MUgxNS42NjhDMTUuNDMwMSAyMi4zNzgxIDE1LjIzMzIgMjIuMTgxMiAxNS4yMzMyIDIxLjk0MzRWMTguNDQwNkMxNS4yMzMyIDE4LjIwMjcgMTUuNDMwMSAxOC4wMDU5IDE1LjY2OCAxOC4wMDU5SDE4LjQ0ODhWMTUuNTg1OUMxOC40NDg4IDEyLjQwMzEgMjAuNDU4NiAxMC4zNDQxIDIzLjU1OTQgMTAuMzQ0MUwyNi4zMjM4IDEwLjM1MjNDMjYuNTYxNyAxMC4zNTIzIDI2Ljc1ODYgMTAuNTQ5MiAyNi43NTg2IDEwLjc4NzFWMTQuMDM1NVoiIGZpbGw9IiMzRjU3OUQiLz48L3N2Zz4=);
}

.ss3 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMSIgY3k9IjIxIiByPSIxOSIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMjEuMDAwMSAyNS4wNTE5QzIzLjIzODEgMjUuMDUxOSAyNS4wNTI0IDIzLjIzNzYgMjUuMDUyNCAyMC45OTk1QzI1LjA1MjQgMTguNzYxNSAyMy4yMzgxIDE2Ljk0NzIgMjEuMDAwMSAxNi45NDcyQzE4Ljc2MiAxNi45NDcyIDE2Ljk0NzggMTguNzYxNSAxNi45NDc4IDIwLjk5OTVDMTYuOTQ3OCAyMy4yMzc2IDE4Ljc2MiAyNS4wNTE5IDIxLjAwMDEgMjUuMDUxOVoiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbCkiLz48cGF0aCBkPSJNMzEuMTYzNyAxNS44MDc0QzMxLjEzMDkgMTQuNjA5OCAzMC45NDIyIDEzLjk2OTkgMzAuNzUzNSAxMy41MDIzQzMwLjU0ODQgMTIuOTQ0NSAzMC4yODU5IDEyLjU0MjYgMjkuODU5NCAxMi4xMDc4QzI5LjQ1NzQgMTEuNzA1OSAyOS4wNTU1IDExLjQ0MzQgMjguNDczIDExLjIxMzdDMjguMDcxMSAxMS4wODI0IDI3LjQwNjYgMTAuODYwOSAyNi4xNTk4IDEwLjgwMzVDMjQuNzk4IDEwLjc0NjEgMjQuNDM3MSAxMC43NDYxIDIxIDEwLjc0NjFDMTcuNTYyOSAxMC43NDYxIDE3LjIwMiAxMC43NDYxIDE1Ljg0MDIgMTAuODAzNUMxNC42NDI2IDEwLjgzNjMgMTQuMDAyNyAxMS4wMjUgMTMuNTM1MiAxMS4yMTM3QzEyLjk3NzMgMTEuNDE4NyAxMi41NzU0IDExLjY4MTMgMTIuMTQ4OCAxMi4xMDc4QzExLjc0NjkgMTIuNTA5OCAxMS40ODQ0IDEyLjkxMTcgMTEuMjU0NyAxMy40OTQxQzExLjEyMzQgMTMuODg3OSAxMC45MDIgMTQuNTUyMyAxMC44NDQ1IDE1LjgwNzRDMTAuNzg3MSAxNy4xNjkxIDEwLjc4NzEgMTcuNTMwMSAxMC43ODcxIDIwLjk2NzJDMTAuNzg3MSAyNC4zNTUxIDEwLjc4NzEgMjQuNzk4IDEwLjg0NDUgMjYuMTI3QzEwLjg3NzMgMjcuMzI0NiAxMS4wNjYgMjcuOTY0NSAxMS4yNTQ3IDI4LjQzMkMxMS40NTk4IDI4Ljk4OTggMTEuNzIyMyAyOS4zOTE4IDEyLjE0ODggMjkuODI2NkMxMi41NTA4IDMwLjIyODUgMTIuOTUyNyAzMC40OTEgMTMuNTM1MiAzMC43MjA3QzEzLjkzNzEgMzAuODUyIDE0LjYwMTYgMzEuMDczNCAxNS44NDg0IDMxLjEzMDlDMTcuMjEwMiAzMS4xODgzIDE3LjU3MTEgMzEuMTg4MyAyMS4wMDgyIDMxLjE4ODNDMjQuMzk2MSAzMS4xODgzIDI0LjgzMDkgMzEuMTg4MyAyNi4xNjggMzEuMTMwOUMyNy4zNjU2IDMxLjA5OCAyOC4wMDU1IDMwLjkwOTQgMjguNDczIDMwLjcyMDdDMjkuMDMwOSAzMC41MTU2IDI5LjQzMjggMzAuMjUzMSAyOS44NTk0IDI5LjgyNjZDMzAuMjYxMyAyOS40MjQ2IDMwLjUyMzggMjkuMDIyNyAzMC43NTM1IDI4LjQ0MDJDMzAuODg0OCAyOC4wMzgzIDMxLjEwNjIgMjcuMzczOCAzMS4xNjM3IDI2LjEyN0MzMS4yMjExIDI0Ljc2NTIgMzEuMjIxMSAyNC40MDQzIDMxLjIyMTEgMjAuOTY3MkMzMS4yMjkzIDE3LjU3OTMgMzEuMjI5MyAxNy4xNDQ1IDMxLjE2MzcgMTUuODA3NFpNMjEgMjcuNzQzQzE3LjI4NCAyNy43NDMgMTQuMjU3IDI0LjcxNiAxNC4yNTcgMjFDMTQuMjU3IDE3LjI4NCAxNy4yODQgMTQuMjU3IDIxIDE0LjI1N0MyNC43MzI0IDE0LjI1NyAyNy43NzU4IDE3LjI4NCAyNy43NzU4IDIxQzI3Ljc3NTggMjQuNzE2IDI0LjczMjQgMjcuNzQzIDIxIDI3Ljc0M1pNMjcuODA4NiAxNS45MTQxQzI2Ljg1NyAxNS45MTQxIDI2LjA4NTkgMTUuMTQzIDI2LjA4NTkgMTQuMTkxNEMyNi4wODU5IDEzLjIzOTggMjYuODU3IDEyLjQ2ODggMjcuODA4NiAxMi40Njg4QzI4Ljc2MDIgMTIuNDY4OCAyOS41MzEyIDEzLjIzOTggMjkuNTMxMiAxNC4xOTE0QzI5LjUzOTUgMTUuMTQzIDI4Ljc2MDIgMTUuOTE0MSAyNy44MDg2IDE1LjkxNDFaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWwpIi8+PHBhdGggZD0iTTIxIDBDOS40MDA3OCAwIDAgOS40MDA3OCAwIDIxQzAgMzIuNTk5MiA5LjQwMDc4IDQyIDIxIDQyQzMyLjU5OTIgNDIgNDIgMzIuNTk5MiA0MiAyMUM0MiA5LjQwMDc4IDMyLjU5OTIgMCAyMSAwWk0zMy44OTUzIDI2LjAwMzlMMzMuODg3MSAyNi4yNjY0QzMzLjgwNTEgMjcuNTM3OSAzMy42MTY0IDI4LjQ4MTIgMzMuMjYzNyAyOS40MzI4QzMyLjkzNTUgMzAuMzE4NyAzMi40NTk4IDMxLjA1NyAzMS43NTQzIDMxLjc1NDNDMzEuMDczNCAzMi40MzUyIDMwLjM1OTggMzIuODk0NSAyOS40MzI4IDMzLjI1NTVDMjguNTA1OSAzMy42MzI4IDI3LjU1NDMgMzMuODIxNSAyNi4yNjY0IDMzLjg3ODlDMjQuODk2NSAzMy45NjkxIDI0LjQ1MzUgMzMuOTY5MSAyMSAzMy45NjkxQzE3Ljc1OTggMzMuOTY5MSAxNy4xNjkxIDMzLjk0NDUgMTUuOTk2MSAzMy44ODcxTDE1LjczMzYgMzMuODc4OUMxNC40NjIxIDMzLjc5NjkgMTMuNTE4OCAzMy42MDgyIDEyLjU2NzIgMzMuMjU1NUMxMS42ODEyIDMyLjkyNzMgMTAuOTQzIDMyLjQ1MTYgMTAuMjQ1NyAzMS43NDYxQzkuNTczMDUgMzEuMDY1MiA5LjEwNTQ3IDMwLjM1MTYgOC43NDQ1MyAyOS40MjQ2QzguMzY3MTkgMjguNDk3NyA4LjE3ODUyIDI3LjU0NjEgOC4xMjEwOSAyNi4yNTgyQzguMDMwODYgMjQuODg4MyA4LjAzMDg2IDI0LjQ0NTMgOC4wMzA4NiAyMC45ODM2QzguMDMwODYgMTcuNzQzNCA4LjA1NTQ3IDE3LjE1MjcgOC4xMTI4OSAxNS45Nzk3TDguMTIxMDkgMTUuNzE3MkM4LjIwMzEyIDE0LjQ0NTcgOC4zOTE4IDEzLjUwMjMgOC43NDQ1MyAxMi41NTA4QzkuMDcyNjYgMTEuNjY0OCA5LjU0ODQ0IDEwLjkyNjYgMTAuMjUzOSAxMC4yMjkzQzEwLjkzNDggOS41NDg0NCAxMS42NDg0IDkuMDg5MDYgMTIuNTc1NCA4LjcxOTkyQzEzLjUwMjMgOC4zNDI1OCAxNC40NTM5IDguMTUzOTEgMTUuNzQxOCA4LjA5NjQ4QzE3LjExMTcgOC4wMDYyNSAxNy41NTQ3IDguMDA2MjUgMjEuMDA4MiA4LjAwNjI1QzI0LjI4MTIgOC4wMDYyNSAyNC44ODAxIDguMDMwODYgMjYuMDYxMyA4LjA4ODI4TDI2LjI4MjggOC4wOTY0OEMyNy41NTQzIDguMTc4NTIgMjguNDk3NyA4LjM2NzE5IDI5LjQ0OTIgOC43MTk5MkMzMC4zMzUyIDkuMDQ4MDUgMzEuMDczNCA5LjUyMzgzIDMxLjc3MDcgMTAuMjI5M0MzMi40NDM0IDEwLjkwMiAzMi45MTA5IDExLjYyMzggMzMuMjgwMSAxMi41NTA4QzMzLjY1NzQgMTMuNDc3NyAzMy44NDYxIDE0LjQyOTMgMzMuOTAzNSAxNS43MTcyQzMzLjk5MzcgMTcuMDg3MSAzMy45OTM3IDE3LjUzMDEgMzMuOTkzNyAyMC45ODM2QzMzLjk3NzMgMjQuMjQwMiAzMy45NTI3IDI0LjgzMDkgMzMuODk1MyAyNi4wMDM5WiIgZmlsbD0idXJsKCNwYWludDJfcmFkaWFsKSIvPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAxNDU1IDQyLjkyNzMpIHNjYWxlKDQ2LjQ1MTcpIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZEMDNCIi8+PHN0b3Agb2Zmc2V0PSIwLjI0NjMiIHN0b3AtY29sb3I9IiNGM0E1NTQiLz48c3RvcCBvZmZzZXQ9IjAuMzc5MyIgc3RvcC1jb2xvcj0iI0YxNUMzQyIvPjxzdG9wIG9mZnNldD0iMC41Mzk0IiBzdG9wLWNvbG9yPSIjRDk0ODY3Ii8+PHN0b3Agb2Zmc2V0PSIwLjY5OTUiIHN0b3AtY29sb3I9IiNDMzJGODciLz48c3RvcCBvZmZzZXQ9IjAuOTEyMiIgc3RvcC1jb2xvcj0iIzdENjNBNyIvPjxzdG9wIG9mZnNldD0iMC45ODUyIiBzdG9wLWNvbG9yPSIjNUM2Q0IzIi8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MV9yYWRpYWwiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMTQ0NSA0Mi45Mjc4KSBzY2FsZSg0Ni40NTE3KSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRDAzQiIvPjxzdG9wIG9mZnNldD0iMC4yNDYzIiBzdG9wLWNvbG9yPSIjRjNBNTU0Ii8+PHN0b3Agb2Zmc2V0PSIwLjM3OTMiIHN0b3AtY29sb3I9IiNGMTVDM0MiLz48c3RvcCBvZmZzZXQ9IjAuNTM5NCIgc3RvcC1jb2xvcj0iI0Q5NDg2NyIvPjxzdG9wIG9mZnNldD0iMC42OTk1IiBzdG9wLWNvbG9yPSIjQzMyRjg3Ii8+PHN0b3Agb2Zmc2V0PSIwLjkxMjIiIHN0b3AtY29sb3I9IiM3RDYzQTciLz48c3RvcCBvZmZzZXQ9IjAuOTg1MiIgc3RvcC1jb2xvcj0iIzVDNkNCMyIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDJfcmFkaWFsIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDE0NDUgNDIuOTI3OCkgc2NhbGUoNDYuNDUxNykiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkQwM0IiLz48c3RvcCBvZmZzZXQ9IjAuMjQ2MyIgc3RvcC1jb2xvcj0iI0YzQTU1NCIvPjxzdG9wIG9mZnNldD0iMC4zNzkzIiBzdG9wLWNvbG9yPSIjRjE1QzNDIi8+PHN0b3Agb2Zmc2V0PSIwLjUzOTQiIHN0b3AtY29sb3I9IiNEOTQ4NjciLz48c3RvcCBvZmZzZXQ9IjAuNjk5NSIgc3RvcC1jb2xvcj0iI0MzMkY4NyIvPjxzdG9wIG9mZnNldD0iMC45MTIyIiBzdG9wLWNvbG9yPSIjN0Q2M0E3Ii8+PHN0b3Agb2Zmc2V0PSIwLjk4NTIiIHN0b3AtY29sb3I9IiM1QzZDQjMiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
}

.ss4 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiBmaWxsPSIjMDM5YmU1IiByPSIxMiIvPjxwYXRoIGQ9Im01LjQ5MSAxMS43NCAxMS41Ny00LjQ2MWMuNTM3LS4xOTQgMS4wMDYuMTMxLjgzMi45NDNsLjAwMS0uMDAxLTEuOTcgOS4yODFjLS4xNDYuNjU4LS41MzcuODE4LTEuMDg0LjUwOGwtMy0yLjIxMS0xLjQ0NyAxLjM5NGMtLjE2LjE2LS4yOTUuMjk1LS42MDUuMjk1bC4yMTMtMy4wNTMgNS41Ni01LjAyM2MuMjQyLS4yMTMtLjA1NC0uMzMzLS4zNzMtLjEyMWwtNi44NzEgNC4zMjYtMi45NjItLjkyNGMtLjY0My0uMjA0LS42NTctLjY0My4xMzYtLjk1M3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}

.butscity {
  max-width: 100px;
}

.butscity .butlink {
  text-align: left;
  white-space: nowrap;
}

.step {
  display: none;
}

.header {
  width: calc(100% + 30px);
  background: #fff;
  position: relative;
  z-index: 1;
  margin-left: -15px;
  padding: 23px 0;
  box-shadow: -2px -1px 15px rgba(0, 0, 0, 0.1);
}

.header .main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1300px;
  padding: 0 20px;
}

.phonedescr {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #4C5865;

}

.logophone {
  opacity: 0;
}

.logophoneshow {
  opacity: 1;
}

.logoname {
  display: inline-block;
}

.logogrid {
  display: inline-grid;
  grid-gap: 20px;
  grid-template-columns: 130px 1fr;
  max-width: 560px;
  align-items: center;
}

.logotext {
  font-size: 13px;
  color: #6b6b6b;
  border-left: 1px solid #bfbfbf;
  padding: 0 0 0 20px;
  height: 29px;
  display: flex;
  align-items: center;
}

.logotext span {
  display: block;
}

.logo {
  width: 130px;
  height: 29px;
  background-image: url(../img/logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 200ms ease;
}

.logo2 {
  width: 136px;
  height: 13px;
  margin-bottom: 3px;
  background-image: url(../img/logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 200ms ease;
}

.phone {
  color: #5a6060 !important;
  margin-bottom: 7px;
  font-weight: bold;
  font-size: 22px;
  line-height: 145%;
  text-align: right;
}

.address {
  font-size: 13px;
  color: #6b6b6b;
}

.logophone a {
  color: #5a6060 !important;
  text-decoration: none !important;
}

.cupon {
  width: 100%;
  margin-top: 15px;
}

.tablecell img {
  max-height: 35px;
  max-width: 120px;
}

.purple {
  color: #f3c300;
  font-weight: 600;
  white-space: nowrap;
}

.thanks {
  padding: 37px 35px 30px !important;
}

.blockchangenumber {
  text-align: center;
  margin: 17px 0 -4px;
}

.link {
  color: #f3c300;
  font-size: 14px;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 1px;
  cursor: pointer;
  transition: all 200ms ease;
  text-decoration: none;
}

.link:hover {
  border-bottom: 1px solid #f3c300;
}

.linkhide {
  opacity: 0;
  cursor: default;
}

.tv-min-price {
  display: none;
}

.advantages,
.advantages-hidden {
  display: grid;
  justify-content: space-between;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px 10px;

}

@media(max-width:700px) {
  .advantages-hidden {
    display: none;
  }

}


.advantages-hidden_show {
  display: grid;
}

.advantages-additional {
  grid-column: 1/4;
}



.advantages-additional--show {
  margin: 12px auto 0;
  display: block;
  background-color: transparent;
  color: #fff;
  border: 0;
  outline: 0;
  cursor: pointer;
  font-size: 16px;
  cursor: pointer;
}

@media(min-width:700px) {
  .advantages-additional--show {
    display: none;
  }
}

.advantage {
  display: grid;
  /*grid-template-columns: 36px 1fr 20px;*/
  grid-template-columns: 36px 1fr;
  grid-gap: 10px;
}

.advantageimg {
  width: 36px;
  height: 36px;
  min-width: 35px;
  background-repeat: no-repeat;
  background-size: contain;
}

.ai1 {
  background-image: url(../img/percent.svg);
}

.ai2 {
  background-image: url(../img/ruble.svg);
}

.ai3 {
  background-image: url(../img/check.svg);
}

.ai4 {
  background-image: url(../img/detail.svg);
}

.ai5 {
  background-image: url(../img/wheel.svg);
}

.ai6 {
  background-image: url(../img/air.svg);
}

.advantagetext {
  font-size: 14px;
  /* line-height: 148%; */
  line-height: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  color: #FFFFFF;
  /*flex-direction: column;*/
  /*justify-content: center;*/
}

.butlink.butlinkdisable2 {
  cursor: default;
  background: #fff;
  color: #f3c300;
}

.butlink.butlinkact.butlinkdisable2 {
  color: #fff;
}

.butphone.butlinkdisable2 {
  background: #f3c300;
  cursor: default;
}

.inperror {
  border: 1px solid #e7859c;
}

.blocksuccess .smshead {
  margin: 15px 0 10px;
  font-size: 30px;
}

.blocksuccess .smsdesc {
  padding: 0;
  max-width: 100%;
  font-size: 16px;
}

.cuponsuccess {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

.cuponsuccess .cupon {
  margin-top: 0;
  display: block;
}

.loadcupon {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy42MzY4NyA0LjU1ODEzQzcuNTgyODcgNC40NDYyNSA3LjQ2NDIgNC4zNzUgNy4zMzM1NCA0LjM3NUg2LjAwMDJWMC4zMTI1QzYuMDAwMiAwLjE0IDUuODUwODcgMCA1LjY2Njg3IDBINC4zMzM1NEM0LjE0OTU0IDAgNC4wMDAyIDAuMTQgNC4wMDAyIDAuMzEyNVY0LjM3NUgyLjY2Njg3QzIuNTM2MiA0LjM3NSAyLjQxNzU0IDQuNDQ2ODggMi4zNjM1NCA0LjU1ODEzQzIuMzA4ODcgNC42NyAyLjMzMDIgNC44MDA2MiAyLjQxNjIgNC44OTMxMkw0Ljc0OTU0IDcuMzkzMTJDNC44MTI4NyA3LjQ2MTI1IDQuOTA0MiA3LjUgNS4wMDAyIDcuNUM1LjA5NjIgNy41IDUuMTg3NTQgNy40NjA2MiA1LjI1MDg3IDcuMzkzMTJMNy41ODQyIDQuODkzMTJDNy42NzA4NyA0LjgwMTI1IDcuNjkwODcgNC42NyA3LjYzNjg3IDQuNTU4MTNaIiBmaWxsPSIjNUE1MkUwIi8+PHBhdGggZD0iTTguNjY2NjcgNi44NzVWOC43NUgxLjMzMzMzVjYuODc1SDBWOS4zNzVDMCA5LjcyMDYyIDAuMjk4NjY3IDEwIDAuNjY2NjY3IDEwSDkuMzMzMzNDOS43MDIgMTAgMTAgOS43MjA2MiAxMCA5LjM3NVY2Ljg3NUg4LjY2NjY3WiIgZmlsbD0iIzVBNTJFMCIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 10px;
  color: #f3c300;
  padding: 9px 20px 10px 40px;
  background-position: 22px 14px;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  border-radius: 30px;
  font-size: 14px;
  cursor: pointer;
  transition: all 200ms ease;
}

.loadcupon:hover {
  box-shadow: 0px 1px 15px rgba(38, 36, 60, 0.2);
}

/*.descagree {*/
/*  text-align: center;*/
/*  margin-bottom: 20px;*/
/*  color: #515151;*/
/*  font-size: 13px;*/
/*  padding: 0 20px;*/
/*}*/
.descagree {
  margin-bottom: 4px;
  color: #797979;
  font-size: 12px;
  padding: 0 13px;
  /*max-width: 300px;*/
  margin-top: 7px;
}

.descagree a {
  /*font-size: 13px;*/
  /*white-space: nowrap;*/
  color: #797979;
}

.errorphone {
  margin: 7px 0 0 40px;
}

.cupondesc {
  color: #8d8d8d;
  font-size: 10px;
  margin-top: 20px;
}

.cupondescitem {
  margin-bottom: 3px;
  position: relative;
  padding-left: 8px;
}

.cupondescitem:last-child {
  margin-bottom: 0;
}

.cupondescitem span {
  position: absolute;
  display: block;
  left: 0;
}

.autoslink {
  margin-top: 20px;
  margin-bottom: -10px;
  max-width: 510px;
  transition: all 300ms ease;
  opacity: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.autolink {
  background: #fff;
  /*padding: 9px 0;*/
  padding: 9px 12px;
  transition: all 200ms ease;
  border: 2px solid rgba(255, 255, 255, 0);
  position: relative;
  cursor: pointer;
  /*background-position: right -2px bottom -2px;*/
  /*background-repeat: no-repeat;*/
  /*background-image: url(../img/bggood.svg);*/
  /*background-size: 80px;*/
  box-shadow: 2px 3px 4px rgba(38, 36, 60, 0.05);
  border-radius: 6px;
}

.imgauto {
  margin-bottom: 10px;
  text-align: center;
}

.imgauto img {
  max-width: 100%;
}

.autoname {
  font-weight: 400;
  font-size: 16px;
  line-height: 148%;
  text-align: center;
  color: #282D30;
}

.autoprice {
  color: #828282;
  font-size: 16px;
  line-height: 148%;
  display: none;
}

.but {
  text-align: center;
  background: #f3c300;
  border-radius: 50px;
  color: #fff;
  padding: 16px;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0.5px;
  user-select: none;
  cursor: pointer;
  transition: all 200ms ease;
}

.but:hover {
  background: #000;
}

.autobut {
  margin-top: 16px;
}

.wingood {
  width: 615px;
  height: 520px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: -1;
  margin: -260px 0 0 -307px;
  opacity: 0;
  transition: all 200ms ease;
}

.wingoodshow {
  z-index: 10;
  opacity: 1;
}

.imggood {
  height: 270px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px 30px 0 0;
}

.cg1 .imggood {
  background-image: url(../img/auto/big/1.jpg);
}

.cg2 .imggood {
  background-image: url(../img/auto/big/2.jpg);
}

.cg3 .imggood {
  background-image: url(../img/auto/big/3.jpg);
}

.cg4 .imggood {
  background-image: url(../img/auto/big/4.jpg);
}

.cg5 .imggood {
  background-image: url(../img/auto/big/5.jpg);
}

.descgood {
  background: #fff;
  padding: 25px 30px 30px;
  border-radius: 0 0 30px 30px;
}

.namegood {
  color: #343434;
  font-weight: 600;
  font-size: 18px;
  line-height: 145%;
  margin-bottom: 4px;
}

.textgood {
  color: #495966;
  font-size: 14px;
  line-height: 148%;
  margin-bottom: 30px;
}

.butchoicegood {
  background: #f3c300;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  border-radius: 50px;
  display: inline-block;
  font-size: 16px;
  color: #FFFFFF;
  padding: 18px 50px;
  line-height: 100%;
}

.pricegood {
  display: inline-block;
  color: #343434;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  margin-left: 30px;
}

.winclose {
  width: 31px;
  height: 31px;
  top: -28px;
  right: -28px;
  position: absolute;
  z-index: 15;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  background-color: rgba(255, 255, 255, 0.14);
  background-image: url(../img/close.svg);
  background-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  cursor: pointer;
  transition: all 200ms ease;
}

.winclose:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.goodarr {
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  border-radius: 50%;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
}

.goodarr1 {
  background-image: url(../img/goodarr1.svg);
  left: -66px;
}

.goodarr2 {
  background-image: url(../img/goodarr2.svg);
  right: -66px;
}

.contgood {
  position: absolute;
  transition: opacity 200ms ease;
  opacity: 0;
}

.contgoodshowz {
  opacity: 1;
  z-index: 2 !important;
}

.contgoodshow {
  opacity: 1;
  z-index: 1;
}

.bg {
  display: none;
  background: rgba(0, 7, 24, 0.4);
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.goodopac {
  opacity: 0.75;
}

.goodchoice {
  border: 1px solid #f3c300;
  opacity: 1;
}

.goodmark {
  width: 28px;
  height: 28px;
  background-color: #f3c300;
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: center;
  background-image: url(../img/mark.svg);
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  opacity: 0;
  transition: all 200ms ease;
  z-index: 5;
}

.goodchoice .goodmark {
  opacity: 1;
}

.butchoicegood.choice {
  padding-left: 0;
  padding-right: 0;
  background: #f1f1f1;
  box-shadow: none;
  color: #747474;
}

.butchoicegood.choice:hover {
  background: #f1f1f1 !important;
  cursor: default !important;
}

.blocksuccess {
  max-width: 600px;
}

.blockbutton {
  display: flex;
  justify-content: center;
  text-decoration: none;
  text-align: center;
}

.smsdesc {
  margin-top: 30px;
  margin-bottom: 40px;
}

.btn_redir {
  text-decoration: none;
  text-align: center;
  background: #f3c300;
  color: #fff;
  font-family: Open Sans;
  font-size: 17px;
  border-radius: 30px;
  padding: 17px 50px;
  border: 0;
  transition: all 200ms ease;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
  cursor: pointer;
  max-width: 330px;
  display: block;
}

@media (max-width:700px) {
  .btn_redir {
    padding: 17px 20px;
  }
}

@media (max-width:400px) {
  .blocksuccess {
    width: calc(100% - 0px);
  }

  .blocksuccess .smshead {
    margin: 15px 0 10px;
    font-size: 18px;
    line-height: 24px;
    padding: 0;
  }

  .btn_redir {
    font-size: 16px;
  }
}

@media (max-width:340px) {
  .btn_redir {
    font-size: 14px;
  }
}


.blockpopup__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}

.blockpopup__bg-show {
  display: flex;
}

.blockpopup__bg-show2 {
  opacity: 1;
}

.blockpopup {
  margin: 15px;
  position: relative;
  max-width: 570px;
  transition: opacity 500ms ease, transform 500ms ease;
  transform: translateY(100px) scale(0.8);
  opacity: 0;
  box-shadow: 0px 40px 80px rgba(38, 36, 60, 0.37);
  border-radius: 50px;
}

.blockpopup__show {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.blockpopup__close {
  position: absolute;
  top: -28px;
  right: -15px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 27px;
  height: 27px;
  border-radius: 30px;
  background-image: url(../img/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.blockpopup__add {
  border-radius: 30px 30px 0px 0px;
  width: 100%;
  padding: 20px 30px;
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: center;
  grid-gap: 10px 20px;
}

.blockpopup__add-img {
  background: #f5f5f5;
  height: 60px;
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/bot.gif);
  position: relative;
}

.blockpopup__add-img::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 8px;
  width: 6px;
  height: 6px;
  background: #56d456;
  border-radius: 5px;
  border: 2px solid #fff;
}

.konsul__name {
  font-weight: 600;
  font-size: 17px;
  color: #fff;
  margin-bottom: 5px;
}

.konsul_pos {
  font-size: 14px;
  color: #fff;
}

.blockpopup__chat {
  min-height: 150px;
  border-radius: 0px 0px 30px 30px;
  background-color: rgb(239, 238, 247);
  padding: 29px 50px 70px 30px;
}

.blockpopup__chat-msg {
  max-width: 490px;
}

.blockpopup__chat-msg-title {
  font-weight: 600;
  margin: 0 0 5px 0;
}

.blockpopup__chat-msg-comment {
  margin: 10px 0 0 0;
}

.advantageDescr,
.advantageComment {
  display: none;
  visibility: hidden;
}

/* .chatheader .advantage {
  cursor: pointer;
} */

.butpopup {
  background: #f3c300;
  color: #fff;
  font-family: Open Sans;
  font-size: 17px;
  border-radius: 30px;
  padding: 17px 50px;
  border: 0;
  cursor: default;
  transition: all 200ms ease;
  opacity: 0;
  box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
}

.butpopupshow {
  cursor: pointer;
  opacity: 1;
}

.popup_phone,
.popup_name {
  max-width: 300px;
  margin-top: 7px;
}

.popup__thanks-bg {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 101;
  display: none;
}

.popup__thanks {
  padding: 30px;
  background: #fff;
  border-radius: 30px;
  margin: 15px;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 500ms ease, transform 500ms ease;
}

.popup__thanks-bg-show {
  display: flex;
}

.popup__thanks-show {
  opacity: 1;
  transform: scale(1);
}

/*.copyright {*/
/*  width: 145px;*/
/*  height: 19px;*/
/*  background-repeat: no-repeat;*/
/*  background-size: contain;*/
/*  background-image: url(../img/copyright.png);*/
/*  position: absolute;*/
/*  bottom: 10px;*/
/*  right: -160px;*/
/*}*/

.copyright {
  height: 23px;
  position: fixed;
  bottom: 10px;
  width: 950px;
  background-position: right;
}

.copyright span {
  float: right;
  color: #c0c0cc;
  width: 100px;
  text-align: left;
  transition: all 0.2s linear;
}

.copyright span b {
  transition: all 0.2s linear;
  color: #c0c0cc;
}

.choose-color-btn {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  border-radius: 25%;
}

.color-butlink {
  display: flex !important;
  align-items: center;
  max-width: 200px;
}

.color-butlink:first-child .choose-color-btn {
  border: 1px solid #bdbdbd;
}

.choose-color-btn {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  border-radius: 25%;
}

.flex-block {
  display: flex;
  flex-wrap: wrap;
}

.color-butlink:last-child .choose-color-btn {
  display: none;
}

.butslinkk {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  max-width: 435px;
  width: 100%;
}

.cash2 {
  position: relative;
  padding: 6px 10px 6px 30px;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  background: #ffffff;
  border-radius: 30px;
  color: #484F54;
  font-size: 15px;
}



.agreement-label a {
  color: #70708A;
}

.checkbox__choose {
  display: none;
}

.agreement-label2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  display: inline-block;
  line-height: 17px;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid #D6D6D6;
  background: #fff;
  z-index: 3;
}

.checkbox__choose:checked~label::before {
  z-index: 10;
  background: url(../img/right1.svg) #f3c300;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  border: 1px solid #f3c300;
}


.butlink-for-options {
  max-width: 400px;
}


.agreement-label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  display: inline-block;
  line-height: 17px;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid #f3c300;
  background: #fff;
  z-index: 3;
}

.agreement-label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  display: inline-block;
  line-height: 17px;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid #D6D6D6;
  background: #fff;
  z-index: 3;
}

.message:not(:first-child) .mesimg {
  visibility: hidden;
}

.fixed__bot {
  padding: 10px 30px 10px;
  position: fixed;
  top: -100px;
  background-color: #fff;
  width: 100%;
  z-index: 100;
  max-width: 830px;
  box-shadow: 0 0 10px #00000017;
  transition: all 0.2s ease;
}

.fixed__bot.act {
  top: 0;
}

.fixed__botitem {
  display: grid;
  grid-template-columns: 60px 1fr 260px;
  gap: 20px;
  position: sticky;
  top: 0;
}

.fixed__botitem .mesimg::before {
  content: "";
  position: absolute;
  bottom: -2px;
  transform: translateY(-50%);
  left: 47px;
  width: 10px;
  height: 10px;
  background-color: #56d456;
  border-radius: 50%;
}

.bot__name {
  font-size: 16px;
  line-height: 148%;
  margin-top: 8px;
  position: relative;
  font-weight: 600;
}

.fixed__phone {
  display: flex;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 13px;
}

.fixed__btn {
  color: #fff;
  background-color: #f3c300;
  padding: 10px 15px;
  margin: auto;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  transition: all .2s ease;
}

.fixed__btn:hover {
  background-color: #961122FF;
}

.fixed__ph {
  color: #fff;
  text-decoration: none;
}

.info {
  /* display: block; */
  width: 16px;
  height: 16px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/info.svg);
  transition: all 200ms ease;
  cursor: pointer;
  margin-left: 5px;
  top: -10px;
  display: none;
}

.advantage_info {
  position: absolute;
  padding: 15px 20px;
  /* color: #5A6060; */
  color: #000;
  font-weight: 300;
  font-size: 12px;
  line-height: 148%;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgb(38 36 60 / 20%);
  border-radius: 15px;
  white-space: normal;
  display: none;
  z-index: 100;
}

.advantage_info1 {
  top: 36px;
  left: 23px;
  width: 70%;
}

.advantage_info2 {
  top: 36px;
  left: 23px;
  width: 95%;
}

.advantage_info.act {
  display: block;
}

.salon__address {
  position: fixed;
  left: 20px;
  bottom: 20px;
  font-size: 10px;
  color: #c0c0cc;
  max-width: 230px;
}

.profit-title {
  position: absolute;
  display: block;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  top: -2px;
  right: -1px;
  color: #fff;
  background: #f3c300;
  border-radius: 100px;
  padding: 4px 20px;
  /*display: none;*/
}

.profit {
  /*font-size: 18px;*/
  /*font-weight: 500;*/
  /*border-bottom: 1px solid #f3c300;*/
  /*display: inline;*/
  font-size: 12px;
}



.purchase {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  position: sticky;
  top: 0;
  z-index: 1;
  display: none;
}

.purchase__btn {
  position: sticky;
  top: 0;
  width: 100%;
  line-height: 19px;
  margin-top: 0;
  background: #f3c300;
  color: #000;
  letter-spacing: 0;
  font-size: 15px;
  padding: 7px 30px;
  border-top: 1px solid rgb(255 255 255 / 0.05);
  cursor: pointer;
  transition: all 200ms ease;
  box-shadow: 0px 1px 8px rgb(38 36 60 / 5%);
  text-align: center;
}

.purchase__btn span {
  border-bottom: 1px dotted #000;
}

.purchase__btn a {
  border-bottom: 1px dotted #000;
  color: #000;
  text-decoration: none;
}

.detail-choose {
  margin: 16px 0 0 0;
}

.custom-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  line-height: 100%;
  color: #484F54;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radiobtn {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background: #FFFFFF;
  border: 1px solid #BDC5CB;
  border-radius: 50%;
}

.radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio .radiobtn:after {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f3c300;
}

.custom-radio input:checked~.radiobtn {
  /*background: #f3c300;*/
  border: 2px solid #f3c300;
}

.custom-radio input:checked~.radiobtn:after {
  display: block;
}


.model-choose {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 10px;
  margin: 20px 0 0 0;
}



.agreement {
  max-width: 300px;
  font-weight: 400;
  font-size: 13px;
  line-height: 148%;
  color: #989FA5;
}

.agreement a {
  text-decoration: none;
  color: #989FA5;
}


.auto-mileage {
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 0px 15px 15px 15px;
}

.auto-mileage__wrap,
.search-field,
.auto-year {
  background: #fff;
  border: 1px solid #CCD8E2;
  box-sizing: border-box;
  border-radius: 5px;
}

.new-input-style {
  width: 100%;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.42px;
  border: 0;
  outline: 0;
  background: #0000;
}

.auto-mileage__range-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0 0;
}

.auto-mileage__range-count-num {
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;
  color: #B8B9BB;
}

.auto-mileage__radio {
  margin: 20px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px 5px;
}

.irs--flat {
  height: 4px;
}

.irs--flat .irs-bar {
  top: 0;
  height: 4px;
  background: #f3c300;
}


.irs--flat .irs-line {
  top: 0px;
  height: 5px;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-handle {
  top: -3px;
  width: 9px;
  height: 9px;
  background-color: #0000;
}

.irs--flat .irs-handle>i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-left: 0px;
  background-color: #f3c300;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  display: none;
}


.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}



.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid #0000;
  border-top-color: #ed5565;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  display: none;
}




.recall-call__time.service__inp {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
  padding: 6px 10px 6px 10px;
  background: #ffffff;
  border-radius: 2px 15px 15px 15px;
  max-width: 300px;
}

.recall-btn {
  position: relative;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  color: #000;
  font-size: 15px;
  padding: 10px;
  display: flex;
  align-items: center;
}

.recall-btn::before {
  content: "";
  display: block;
  line-height: 17px;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid #d1d1d1;
  background: #fff;
  z-index: 3;
  margin-right: 10px;
}

.recall-btn.active::before {
  background: url(../img/right1.svg) #f3c300;
  border-color: #f3c300;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
}

.other-detail {
  border: 1px solid #C7C7C7;
  border-radius: 16px;
  padding: 20px;
  margin: 20px 0;
  display: block;
  max-width: 500px;
  width: 100%;
  height: 90px;
  resize: none;
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.other-detail::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #BDC5CB;
  font-family: inherit;
}

.custom-model__wrap {
  margin: 20px 0 0 0;
}

.custom-model__input {
  border: 1px solid #C7C7C7;
  border-radius: 34px;
  padding: 17px 20px;
  font-size: 16px;
  line-height: 100%;
  font-family: inherit;
  display: block;
  margin: 20px 0;
}

.custom-model__input::placeholder {
  color: #BDC5CB;
}

.select {
  display: flex;
  align-items: center;
}

.select-wrap {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0 30px;
  box-shadow: 0px 4px 10px rgb(38 36 60 / 3%);
  border-radius: 15px;
  padding: 7px 27px;
}

.select-wrap-arr {
  display: block;
  width: 20px;
  height: 20px;
  content: '';
  margin-left: 80px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1_820)'%3e%3cpath d='M12.0537 1.6609L7.50003 6.21456L2.94633 1.66086C2.4829 1.19744 1.73149 1.19744 1.26806 1.66086C0.804633 2.12429 0.804633 2.87571 1.26806 3.33913L6.66089 8.73197C7.12432 9.19539 7.87573 9.19539 8.33916 8.73196L13.732 3.33917C14.1954 2.87574 14.1954 2.12432 13.732 1.6609C13.2685 1.19747 12.5171 1.19747 12.0537 1.6609Z' fill='%23484F54'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1_820'%3e%3crect width='15' height='9' fill='white' transform='translate(0 0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.popup-down {
  width: 790px;
  margin: 5px 0 0 -90px;
  display: none;
  padding: 25px;
  border-radius: 20px;
  position: relative;
  border: 1px solid #FAFAFA;
  background-color: #fff;
  position: relative;
}

.popup-date {
  margin: 5px 0 0 0;
  max-width: 140px;
  width: 100%;
  grid-template-columns: 1fr;
  border-radius: 20px;
  padding: 15px 20px 20px;
  left: calc(426px - 140px);
  border: 1px solid #FAFAFA;
  background-color: #fff;
  position: relative;
}

.popup-down__wrap {
  position: relative;
  top: 0px;
  left: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  overflow: hidden auto;
  max-height: 190px;
}

.popup-down__wrap .butlink {
  display: inline-block;
  padding: 8px;
  text-align: center;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  background: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0);
  box-shadow: 0 1px 8px rgb(38 36 60 / 5%);
  border-radius: 6px;
  font-weight: normal;
  font-size: 16px;
  line-height: 148%;
  color: #05141F;
  margin-bottom: 10px;
}

.popup-down__wrap .butlink.butlinkact {
  background: #fff !important;
  border: 1px solid #f3c300 !important;
}

.popup-date .popup-down__wrap::-webkit-scrollbar {
  width: 5px;
  background-color: #f9f9fd;
}

.popup-date .popup-down__wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #f3c300;
}

.popup-date .popup-down__wrap::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f9f9fd;
}

.popup-down-tail {
  position: absolute;
  left: 0;
  top: -40px;
  border: 20px solid transparent;
  border-bottom: 20px solid #fff;
}


.policy {
  font-size: 16px;
}

.policy :hover {
  cursor: pointer;
}

.policy-check {
  transform: translateY(-10%);
  line-height: 17px;
}

.policy-text {
  margin-left: 5px;
  gap: 5px;
  max-width: max-content;
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  line-height: 100%;
}

.color-red {
  color: red; 
}

.policy a {
    text-decoration: underline;
    color: inherit;
}

.items-wrap {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
}

input[type='checkbox'] {
	transform: scale(1.2);
	appearance: none; /* Убираем стандартное отображение чекбокса */
	-webkit-appearance: none; /* Для поддержки вебкитовских браузеров */
	-moz-appearance: none; /* Для поддержки Firefox */
}

/* Добавляем кастомный стиль для чекбокса */
input[type='checkbox'] + .policy-text::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: white; /* Белый цвет фона */
	border: 1px solid #ccc; /* Граница чекбокса */
	border-radius: 2px;
	margin-right: 5px;
	vertical-align: top;
}

input[type='checkbox']:checked + .policy-text::before {
	z-index: 10;
	background: url(../img/right1.svg) #f3c300;
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center;
	border: 1px solid #f3c300;
}

.advantages-wrapper {
	display: none;
}

.advantages-btn {
	/* display: none; */
  color: #e19e7c;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	justify-content: center;
	gap: 10px;
	align-items: center;
	margin: 10px auto 10px auto;
	width: max-content;
	display: flex;
}

.advantages-btn::after {
	display: block;
	content: '';
	width: 15px;
	height: 9px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_82_384)'%3e%3cpath d='M12.0536 1.6609L7.49995 6.21456L2.94625 1.66086C2.48282 1.19744 1.73141 1.19744 1.26798 1.66086C0.804553 2.12429 0.804553 2.87571 1.26798 3.33913L6.66081 8.73197C7.12424 9.19539 7.87565 9.19539 8.33908 8.73196L13.7319 3.33917C14.1953 2.87574 14.1953 2.12432 13.7319 1.6609C13.2684 1.19747 12.517 1.19747 12.0536 1.6609Z' fill='%23E19E7C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_82_384'%3e%3crect width='15' height='9' fill='white' transform='translate(0 0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 400ms ease;

}
.advantages-btn.active::after {
	transform: rotate(180deg);
}


.message[data-mesbot='3'] .mesbot-inner {
	background-color: #fff;
	border-radius: 4px 18px 18px 16px;
	padding: 10px 10px 8px 10px;
	margin-top: 4px;
	margin-bottom: 0px;
	max-width: 400px;
	box-shadow: 0px 3px 10px rgba(38, 36, 60, 0.07);
}

.message[data-mesbot='2'] .mesbot-inner {
	background-color: #fff;
	border-radius: 4px 18px 18px 16px;
	padding: 10px 10px 8px 10px;
	margin-top: 4px;
	margin-bottom: 0px;
	max-width: 400px;
	box-shadow: 0px 3px 10px rgba(38, 36, 60, 0.07);
}

.message[data-mesbot='4'] .mesbot-inner {
	background-color: #fff;
	border-radius: 4px 18px 18px 16px;
	padding: 10px 10px 8px 10px;
	margin-top: 4px;
	margin-bottom: 0px;
	max-width: 565px;
	box-shadow: 0px 3px 10px rgba(38, 36, 60, 0.07);
}



.cookie-block {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s, transform 0.7s;
	position: fixed;
	right: 32px;
	bottom: 32px;
	max-width: 370px;
	background: #1d1d1bcc;
	color: #fff;
	border-radius: 24px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	padding: 15px 15px 12px 15px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 13px;
	line-height: 1.36;
}

.cookie-block.cookie-visible {
	opacity: 1;
	transform: translateY(0);
}

.cookie-close {
	position: absolute;
	right: 15px;
	top: 12px;
	background: transparent;
	border: none;
	color: #fff;
	cursor: pointer;
	line-height: 1;
	transition: color 0.2s;
}

.cookie-close:hover {
	color: #c4c4c4;
}

.cookie-text {
	margin-right: 24px;
}

.cookie-link {
	color: #fff;
	text-decoration: underline;
	transition: color 0.2s;
	cursor: pointer;
}

.cookie-link:hover {
	color: #bb162b;
}

.cookie-ok {
	align-self: center;
	background: #f3c300;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 16px 70px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s;
}

.cookie-ok:hover {
	background: #4e070a;
}

.cash1 {
  position: relative;
  padding: 6px 10px 6px 30px;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  background: transparent;
  color: #70708A;
  font-size: 13px;
  display: block;
}

.agreement-policy {
	cursor: pointer;
	font-size: 13px;
}

.agreement-policy::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 1px;
	transform: translateY(-50%);
	display: inline-block;
	line-height: 17px;
	width: 11px;
	height: 11px;
	border-radius: 2px;
	border: 1px solid #3333;
	background: #fff;
	z-index: 3;
}

.agreement-policy a {
	color: #70708a;
}


.checkbox__choose:checked ~ span::before {
	z-index: 10;
	background: url(../img/right1.svg) #f3c300;
	background-repeat: no-repeat;
	background-size: 9px;
	background-position: center;
  border: 1px solid #f3c300;
}

.policy-mob {
	display: none;
}

.salon__address a {
	color: #c0c0cc;
}

.cookie-text a {
	color: #fff;
}

.policy-error {
	color: #ff4d4f; /* ярко-красный */
	transition: color 0.2s;
}

.policy-error-message {
	color: #ff4d4f;
	font-size: 13px;
	margin-top: 3px;
}

.block-advantages {
  display: none;
}