.tpl .tpl-main-index {
 background-color: #fafcff !important;
}
.tpl .tpl-sect__form {
 background: #1349be !important;
 background: linear-gradient(180deg, #1655de 24.48%, #6b8ef0 100%) !important;
}
.tpl .tpl-sect__form:before {
 background-color: #fafcff !important;
 z-index: 0;
}
.tpl .tpl-sect__form:after {
 content: "";
 background: rgba(0, 0, 0, 0.5);
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 z-index: -1;
}
.tpl .tpl-rating {
 border-color: rgba(141, 174, 246, 0.35) !important;
}
.tpl .tpl-form-input:focus {
 border-color: #8daef6 !important;
}
.tpl .tpl-btn {
 
 background: linear-gradient(278deg, #1655de 0, #1349be 51.26%); !important;
}
.tpl .tpl-btn-hamburger span {
 background-color: #1349be !important;
}
@media only screen and (max-width: 1100px) {
 .tpl .tpl-nav {
  background-color: #fafcff !important;
 }
 .tpl .tpl .tpl-nav li a.tpl-nav-link {
  color: #1349be !important;
 }
}
.tpl .tpl-safety svg {
 fill: #ee3f58 !important;
}
.tpl .tpl-method svg {
 fill: #1349be !important;
}
.tpl .tpl-method h3 {
 color: #1349be !important;
}
.tpl-logo-top {
 line-height: 1.1 !important;
 font-size: 12px !important;
 font-weight: 700 !important;
 text-align: center !important;
}
@media all and (min-width: 568px) {
 .tpl-logo-top {
  font-size: 18px !important;
 }
}
.cityy {
 display: flex;
 justify-content: center;
 align-items: center;
}
.cityy p {
 color: #000;
 font-weight: 700;
}
#form {
 background: url(./images/gon_gaz.png) 0 0 / cover no-repeat !important;
}
@media (max-width: 580px) {
 #form {
  background: url(./images/gon_gaz.png) 0 0/100% !important;
 }
}
.title-form {
 font-size: 20px !important;
 line-height: 1.2 !important;
 text-align: center !important;
 margin-bottom: 20px !important;
}
.form-age {
 margin: 20px 20% !important;
 flex-direction: column;
 gap: 14px;
 align-items: center;
 display: none !important;
}
@media screen and (max-width: 768px) {
 .form-age {
  margin: 20px !important;
 }
}
#formReg {
 display: block !important;
}
.link-body-emphasis,
footer {
 color: #dee2e6 !important;
}
.footer-links {
 display: inline-block;
 max-width: 135px !important;
}
.iti,
.iti.iti--allow-dropdown.iti--separate-dial-code,
[name="phone2"] {
 width: 100%;
}
.iti__country-name,
.iti__selected-dial-code {
 color: #000;
}
input.error {
 border: 1px solid #ff7c7c !important;
 color: #ff7c7c !important;
}
input[name="phone2"] {
 outline: 0;
}
.iti__selected-flag {
 padding: 5px !important;
}
.hide {
 display: none;
}
.query-age {
 display: inline-block;
 position: relative;
 overflow: hidden;
 z-index: 1;
 cursor: pointer;
}
.query-age::before {
 position: absolute;
 content: "";
 background: #3ee343;
 width: 1500px;
 height: 1500px;
 z-index: -1;
 border-radius: 50%;
}
.query-age:focus,
.query-age:hover {
 transition-delay: 0.25s;
 color: #fff;
}
.query-age:before {
 top: 100%;
 left: 100%;
 transition: 0.7s;
}
.query-age:focus::before,
.query-age:hover::before {
 top: -90px;
 left: -400px;
}
.js-form-reg {
 display: none;
}
.js-form-reg-op {
 animation: 1s op;
}
.js-form-age-hd {
 animation: 0.4s hd;
}
@keyframes op {
 0% {
  opacity: 0;
  transform: scale(0.8);
 }
 80% {
  transform: scale(0.8);
  opacity: 0.8;
 }
 100% {
  opacity: 1;
  transform: scale(1);
 }
}
@keyframes hd {
 0% {
  opacity: 1;
  transform: scale(1);
 }
 100% {
  opacity: 0;
  transform: scale(0.8);
 }
}