/* Start:/local/templates/main/css/style.css?1751642277231345*/
@charset "UTF-8";
.d-none {
display: none !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: -ms-grid !important;
display: grid !important;
}
@media (min-width: 767px) {
.d-md-none {
display: none !important;
}
}
@media (min-width: 1440px) {
.d-lg-none {
display: none !important;
}
}
@media (min-width: 767px) {
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media (min-width: 1440px) {
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media (min-width: 767px) {
.d-md-block {
display: block !important;
}
}
@media (min-width: 1440px) {
.d-lg-block {
display: block !important;
}
}
@media (min-width: 767px) {
.d-md-grid {
display: -ms-grid !important;
display: grid !important;
}
}
@media (min-width: 1440px) {
.d-lg-grid {
display: -ms-grid !important;
display: grid !important;
}
}
.grid-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.grid-3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.grid-4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.grid-5 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
@media (min-width: 1440px) {
.mt-0_5 {
margin-top: 5px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-0_5 {
margin-top: 0.3472222222vw !important;
}
}
@media (max-width: 766px) {
.mt-0_5 {
margin-top: 1.3333333333vw !important;
}
}
@media (min-width: 1440px) {
.mt-1_5 {
margin-top: 15px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-1_5 {
margin-top: 1.0416666667vw !important;
}
}
@media (max-width: 766px) {
.mt-1_5 {
margin-top: 4vw !important;
}
}
.roboto {
font-family: "Roboto", sans-serif;
}
.inter {
font-family: "Inter", sans-serif;
}
.roboto-flex {
font-family: "Roboto Flex", sans-serif;
}
h1,
h2,
h3,
h4 {
margin: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 766px) {
.text-mob-14 {
font-size: 3.7333333333vw !important;
}
}
.grid-col-1 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
@media (max-width: 766px) {
.grid-сol-mob-1 {
-ms-grid-columns: 1fr !important;
grid-template-columns: 1fr !important;
}
}
@media (max-width: 766px) {
.grid-сol-mob-2 {
-ms-grid-columns: 1fr 1fr !important;
grid-template-columns: 1fr 1fr !important;
}
}
@media (min-width: 767px) {
.grid-сol-md-3 {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 767px) {
.grid-сol-md-4 {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 1440px) {
.min-width-3 {
min-width: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-width-3 {
min-width: 2.0833333333vw;
}
}
@media (max-width: 766px) {
.min-width-3 {
min-width: 8vw;
}
}
@media (min-width: 1440px) {
.min-height-3 {
min-height: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-height-3 {
min-height: 4.1666666667vw;
}
}
@media (max-width: 766px) {
.min-height-3 {
min-height: 16vw;
}
}
@media (min-width: 1440px) {
.min-width-6 {
min-width: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-width-6 {
min-width: 4.1666666667vw;
}
}
@media (max-width: 766px) {
.min-width-6 {
min-width: 16vw;
}
}
@media (min-width: 1440px) {
.min-height-6 {
min-height: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-height-6 {
min-height: 4.1666666667vw;
}
}
@media (max-width: 766px) {
.min-height-6 {
min-height: 16vw;
}
}
@media (min-width: 1440px) {
.min-width-5 {
min-width: 50px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-width-5 {
min-width: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.min-width-5 {
min-width: 13.3333333333vw;
}
}
@media (min-width: 1440px) {
.min-height-5 {
min-height: 50px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-height-5 {
min-height: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.min-height-5 {
min-height: 13.3333333333vw;
}
}
@media (min-width: 1440px) {
.min-width-7_5 {
min-width: 75px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-width-7_5 {
min-width: 5.2083333333vw;
}
}
@media (max-width: 766px) {
.min-width-7_5 {
min-width: 20vw;
}
}
@media (min-width: 1440px) {
.min-height-7_5 {
min-height: 75px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-height-7_5 {
min-height: 5.2083333333vw;
}
}
@media (max-width: 766px) {
.min-height-7_5 {
min-height: 20vw;
}
}
@media (min-width: 1440px) {
.min-width-md-6 {
min-width: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-width-md-6 {
min-width: 4.1666666667vw;
}
}
@media (min-width: 1440px) {
.min-height-md-6 {
min-height: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.min-height-md-6 {
min-height: 4.1666666667vw;
}
}
@media (min-width: 1440px) {
.ml-5 {
margin-left: 50px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.ml-5 {
margin-left: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.ml-5 {
margin-left: 13.3333333333vw;
}
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.p-0 {
padding: 0;
}
@media (min-width: 1440px) {
.p-1 {
padding: 10px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.p-1 {
padding: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.p-1 {
padding: 2.6666666667vw;
}
}
@media (min-width: 1440px) {
.p-1_5 {
padding: 15px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.p-1_5 {
padding: 1.0416666667vw;
}
}
@media (max-width: 766px) {
.p-1_5 {
padding: 4vw;
}
}
@media (min-width: 1440px) {
.p-2 {
padding: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.p-2 {
padding: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.p-2 {
padding: 5.3333333333vw;
}
}
@media (min-width: 1440px) {
.p-md-3 {
padding: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.p-md-3 {
padding: 2.0833333333vw !important;
}
}
@media (min-width: 1440px) {
.p-3 {
padding: 30px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.p-3 {
padding: 2.0833333333vw;
}
}
@media (max-width: 766px) {
.p-3 {
padding: 8vw;
}
}
@media (min-width: 1440px) {
.px-1 {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-1 {
padding-left: 0.6944444444vw;
padding-right: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.px-1 {
padding-left: 2.6666666667vw;
padding-right: 2.6666666667vw;
}
}
@media (min-width: 1440px) {
.px-2 {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-2 {
padding-left: 1.3888888889vw;
padding-right: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.px-2 {
padding-left: 5.3333333333vw;
padding-right: 5.3333333333vw;
}
}
@media (min-width: 1440px) {
.py-2 {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-2 {
padding-top: 1.3888888889vw;
padding-bottom: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.py-2 {
padding-top: 5.3333333333vw;
padding-bottom: 5.3333333333vw;
}
}
@media (min-width: 1440px) {
.px-3 {
padding-left: 30px !important;
padding-right: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-3 {
padding-left: 2.0833333333vw !important;
padding-right: 2.0833333333vw !important;
}
}
@media (max-width: 766px) {
.px-3 {
padding-left: 8vw !important;
padding-right: 8vw !important;
}
}
@media (min-width: 1440px) {
.pt-1 {
padding-top: 10px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-1 {
padding-top: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.pt-1 {
padding-top: 2.6666666667vw;
}
}
@media (min-width: 1440px) {
.pt-2 {
padding-top: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-2 {
padding-top: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.pt-2 {
padding-top: 5.3333333333vw;
}
}
@media (min-width: 1440px) {
.pt-4 {
padding-top: 40px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-4 {
padding-top: 2.7777777778vw;
}
}
@media (max-width: 766px) {
.pt-4 {
padding-top: 10.6666666667vw;
}
}
@media (min-width: 1440px) {
.pt-7 {
padding-top: 70px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-7 {
padding-top: 4.8611111111vw;
}
}
@media (max-width: 766px) {
.pt-7 {
padding-top: 18.6666666667vw;
}
}
@media (min-width: 1440px) {
.pt-5 {
padding-top: 50px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-5 {
padding-top: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.pt-5 {
padding-top: 13.3333333333vw;
}
}
@media (min-width: 1440px) {
.pt-md-3 {
padding-top: 30px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-md-3 {
padding-top: 2.0833333333vw;
}
}
@media (min-width: 1440px) {
.pt-md-5 {
padding-top: 50px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-md-5 {
padding-top: 3.4722222222vw;
}
}
@media (min-width: 1440px) {
.pt-6 {
padding-top: 60px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-6 {
padding-top: 4.1666666667vw;
}
}
@media (max-width: 766px) {
.pt-6 {
padding-top: 16vw;
}
}
@media (min-width: 1440px) {
.pt-md-6 {
padding-top: 70px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-md-6 {
padding-top: 4.8611111111vw;
}
}
@media (min-width: 1440px) {
.pb-1 {
padding-bottom: 10px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pb-1 {
padding-bottom: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.pb-1 {
padding-bottom: 2.6666666667vw;
}
}
@media (min-width: 1440px) {
.pb-2 {
padding-bottom: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pb-2 {
padding-bottom: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.pb-2 {
padding-bottom: 5.3333333333vw;
}
}
@media (min-width: 1440px) {
.pb-5 {
padding-bottom: 50px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pb-5 {
padding-bottom: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.pb-5 {
padding-bottom: 13.3333333333vw;
}
}
@media (min-width: 1440px) {
.pb-15 {
padding-bottom: 150px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pb-15 {
padding-bottom: 10.4166666667vw;
}
}
@media (max-width: 766px) {
.pb-15 {
padding-bottom: 40vw;
}
}
@media (max-width: 766px) {
.px-mob-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 1440px) {
.px-md-3 {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-md-3 {
padding-left: 2.0833333333vw;
padding-right: 2.0833333333vw;
}
}
.show-disabled.show {
display: none !important;
}
.p-0 {
padding: 0 !important;
}
.ml-auto {
margin-left: auto;
}
.mr-auto {
margin-right: auto;
}
@media (min-width: 1440px) {
.pt-2_5 {
padding-top: 25px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pt-2_5 {
padding-top: 1.7361111111vw !important;
}
}
@media (max-width: 766px) {
.pt-2_5 {
padding-top: 6.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.pb-2_5 {
padding-bottom: 25px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.pb-2_5 {
padding-bottom: 1.7361111111vw !important;
}
}
@media (max-width: 766px) {
.pb-2_5 {
padding-bottom: 6.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mt-2_5 {
margin-top: 25px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-2_5 {
margin-top: 1.7361111111vw !important;
}
}
@media (max-width: 766px) {
.mt-2_5 {
margin-top: 6.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.gap-1_5 {
gap: 15px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.gap-1_5 {
gap: 1.0416666667vw !important;
}
}
@media (max-width: 766px) {
.gap-1_5 {
gap: 4vw !important;
}
}
@media (min-width: 1440px) {
.gap-2 {
gap: 20px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.gap-2 {
gap: 1.3888888889vw !important;
}
}
@media (max-width: 766px) {
.gap-2 {
gap: 5.3333333333vw !important;
}
}
@media (min-width: 1440px) {
.gap-3 {
gap: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.gap-3 {
gap: 2.0833333333vw !important;
}
}
@media (max-width: 766px) {
.gap-3 {
gap: 8vw !important;
}
}
.gap-1 {
gap: 10px;
}
@media (min-width: 1440px) {
.gap-md-5 {
gap: 50px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.gap-md-5 {
gap: 3.4722222222vw !important;
}
}
@media (max-width: 766px) {
.flex-mob-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.bg-grayLight {
background-color: #f4f6f7;
}
@media (min-width: 767px) {
.bg-md-grayLight {
background-color: #f4f6f7;
}
}
.border-light {
border: 1px solid #dee3e8;
border-radius: 20px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.border-light {
border-radius: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.border-light {
border-radius: 5.3333333333vw;
}
}
.hover-gradient-border {
position: relative;
}
.hover-gradient-border::before {
content: " ";
border-radius: 20px;
border: 2px solid transparent;
/*2*/
background: radial-gradient(127.34% 17697.86% at -11.84% 50%, #f36dff 0%, #8745fe 49.35%, #17bae5 100%) border-box;
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (min-width: 767px) and (max-width: 1440px) {
.hover-gradient-border::before {
border-radius: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.hover-gradient-border::before {
border-radius: 5.3333333333vw;
}
}
.hover-gradient-border .on-parent-hover {
position: relative;
}
.hover-gradient-border .on-parent-hover img {
position: relative;
z-index: 12;
}
.hover-gradient-border .on-parent-hover::before {
content: " ";
background: radial-gradient(127.34% 17697.86% at -11.84% 50%, #f36dff 0%, #8745fe 49.35%, #17bae5 100%) border-box;
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
transition: all 0.3s ease;
}
.hover-gradient-border .on-parent-hover::after {
content: " ";
background: #fff;
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
pointer-events: none;
z-index: 0;
transition: all 0.3s ease;
}
.hover-gradient-border .on-parent-hover.hexagon img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hover-gradient-border:hover .on-parent-hover.hexagon img {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
.hover-gradient-border:hover::before {
opacity: 1;
}
.gap-0 {
gap: 0;
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-space-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.bg-gray {
background-color: #f4f6f7 !important;
}
.bg-grayLight-2 {
background-color: #f4f6f7 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-green {
background-color: #3ca411 !important;
}
.bg-red {
background-color: #bf291f !important;
}
.bg-grayLight {
background-color: #f4f6f7 !important;
}
.bg-blue {
background-color: #134d93 !important;
}
.text-green {
color: #3ca411 !important;
}
.text-red {
color: #bf291f !important;
}
.text-black {
color: #050b12 !important;
}
.text-white {
color: #fff !important;
}
.text-blue {
color: #134d93 !important;
}
.border-radius-1 {
border-radius: 10px !important;
}
.overflow-hidden {
overflow: hidden;
}
.border-radius-50 {
overflow: hidden;
border-radius: 50% !important;
}
.text-purple {
color: #8e35ff !important;
}
.text-dark-gray-2 {
color: var(--greyscale-gray-3);
}
.text-dark-gray {
color: var(--greyscale-gray-2);
}
.text-gray {
color: var(--greyscale-gray-4);
}
.text-light-gray {
color: var(--greyscale-gray-5);
--icon-color: var(--greyscale-gray-5) !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.border-radius-50 {
border-radius: 50% !important;
}
.border-radius-50.button::before {
border-radius: 50% !important;
}
.text-decoration-unset {
display: inline-block;
text-decoration: unset;
color: inherit;
}
@media (min-width: 767px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
}
@media (min-width: 767px) {
.justify-md-space-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
}
@media (min-width: 767px) {
.justify-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
}
.font-medium {
font-weight: 500;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.align-flex-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
@media (max-width: 766px) {
.text-mob-center {
text-align: center;
}
}
@media (max-width: 766px) {
.align-mob-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
}
@media (max-width: 766px) {
.align-mob-unset {
-webkit-box-align: unset !important;
-ms-flex-align: unset !important;
align-items: unset !important;
}
}
@media (max-width: 766px) {
.justify-mob-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
}
@media (max-width: 766px) {
.justify-mob-space-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
}
@media (max-width: 766px) {
.text-mob-16 {
font-size: 4.2666666667vw !important;
}
}
@media (max-width: 766px) {
.text-mob-20 {
font-size: 5.3333333333vw !important;
}
}
.text-left {
text-align: left !important;
}
.text-medium {
font-weight: 500 !important;
}
.text-bold {
font-weight: 700 !important;
}
.text-semibold {
font-weight: 600 !important;
}
.text-regular {
font-weight: 400 !important;
}
@media (min-width: 767px) {
.text-md-unset {
text-align: unset;
}
}
.nowrap {
white-space: nowrap;
}
.w-100 {
width: 100%;
}
@media (min-width: 1440px) {
.w-10 {
width: 100px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.w-10 {
width: 6.9444444444vw;
}
}
@media (max-width: 766px) {
.w-10 {
width: 26.6666666667vw;
}
}
@media (min-width: 1440px) {
.h-10 {
height: 100px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.h-10 {
height: 6.9444444444vw;
}
}
@media (max-width: 766px) {
.h-10 {
height: 26.6666666667vw;
}
}
@media (min-width: 1440px) {
.w-4 {
width: 40px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.w-4 {
width: 2.7777777778vw;
}
}
@media (max-width: 766px) {
.w-4 {
width: 10.6666666667vw;
}
}
@media (min-width: 1440px) {
.h-1_5 {
height: 15px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.h-1_5 {
height: 1.0416666667vw;
}
}
@media (max-width: 766px) {
.h-1_5 {
height: 4vw;
}
}
@media (min-width: 1440px) {
.w-1_5 {
width: 15px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.w-1_5 {
width: 1.0416666667vw;
}
}
@media (max-width: 766px) {
.w-1_5 {
width: 4vw;
}
}
@media (min-width: 1440px) {
.h-4 {
height: 40px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.h-4 {
height: 2.7777777778vw;
}
}
@media (max-width: 766px) {
.h-4 {
height: 10.6666666667vw;
}
}
@media (min-width: 1440px) {
.h-5 {
height: 50px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.h-5 {
height: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.h-5 {
height: 13.3333333333vw;
}
}
@media (min-width: 1440px) {
.w-8 {
width: 80px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.w-8 {
width: 5.5555555556vw;
}
}
@media (max-width: 766px) {
.w-8 {
width: 21.3333333333vw;
}
}
@media (max-width: 766px) {
.w-mob-100 {
width: 100%;
}
}
.vertical-divider {
width: 0;
height: 24px;
border-left: 1px solid #dee3e8;
}
@media (min-width: 767px) and (max-width: 1440px) {
.vertical-divider {
border-width: 1.6666666667vw;
height: 0.0694444444vw;
}
}
@media (max-width: 766px) {
.vertical-divider {
border-width: 6.4vw;
height: 0.2666666667vw;
}
}
html {
scroll-behavior: smooth;
}
form {
margin: 0;
}
.divider {
height: 1px;
width: 100%;
}
.divider.white {
border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.divider.light-gray {
border-top: 1px solid #dee3e8;
}
.border-unset {
border: unset !important;
}
.box-shadow-unset {
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
}
@media (min-width: 1440px) {
.h-md-2 {
height: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.h-md-2 {
height: 1.3888888889vw;
}
}
@media (min-width: 1440px) {
.w-md-2 {
width: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.w-md-2 {
width: 1.3888888889vw;
}
}
@media (min-width: 1440px) {
.mt-1 {
margin-top: 10px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-1 {
margin-top: 0.6944444444vw !important;
}
}
@media (max-width: 766px) {
.mt-1 {
margin-top: 2.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mb-1 {
margin-bottom: 10px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-1 {
margin-bottom: 0.6944444444vw !important;
}
}
@media (max-width: 766px) {
.mb-1 {
margin-bottom: 2.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mt-2 {
margin-top: 20px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-2 {
margin-top: 1.3888888889vw !important;
}
}
@media (max-width: 766px) {
.mt-2 {
margin-top: 5.3333333333vw !important;
}
}
@media (min-width: 1440px) {
.mb-2 {
margin-bottom: 20px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-2 {
margin-bottom: 1.3888888889vw !important;
}
}
@media (max-width: 766px) {
.mb-2 {
margin-bottom: 5.3333333333vw !important;
}
}
@media (min-width: 1440px) {
.mt-3 {
margin-top: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-3 {
margin-top: 2.0833333333vw !important;
}
}
@media (max-width: 766px) {
.mt-3 {
margin-top: 8vw !important;
}
}
@media (min-width: 1440px) {
.mb-3 {
margin-bottom: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-3 {
margin-bottom: 2.0833333333vw !important;
}
}
@media (max-width: 766px) {
.mb-3 {
margin-bottom: 8vw !important;
}
}
@media (min-width: 1440px) {
.mt-4 {
margin-top: 40px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-4 {
margin-top: 2.7777777778vw !important;
}
}
@media (max-width: 766px) {
.mt-4 {
margin-top: 10.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mb-4 {
margin-bottom: 40px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-4 {
margin-bottom: 2.7777777778vw !important;
}
}
@media (max-width: 766px) {
.mb-4 {
margin-bottom: 10.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mt-5 {
margin-top: 50px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-5 {
margin-top: 3.4722222222vw !important;
}
}
@media (max-width: 766px) {
.mt-5 {
margin-top: 13.3333333333vw !important;
}
}
@media (min-width: 1440px) {
.mb-5 {
margin-bottom: 50px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-5 {
margin-bottom: 3.4722222222vw !important;
}
}
@media (max-width: 766px) {
.mb-5 {
margin-bottom: 13.3333333333vw !important;
}
}
@media (min-width: 1440px) {
.mt-6 {
margin-top: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-6 {
margin-top: 4.1666666667vw !important;
}
}
@media (max-width: 766px) {
.mt-6 {
margin-top: 16vw !important;
}
}
@media (min-width: 1440px) {
.mb-6 {
margin-bottom: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-6 {
margin-bottom: 4.1666666667vw !important;
}
}
@media (max-width: 766px) {
.mb-6 {
margin-bottom: 16vw !important;
}
}
@media (min-width: 1440px) {
.mt-7 {
margin-top: 70px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-7 {
margin-top: 4.8611111111vw !important;
}
}
@media (max-width: 766px) {
.mt-7 {
margin-top: 18.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mb-7 {
margin-bottom: 70px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-7 {
margin-bottom: 4.8611111111vw !important;
}
}
@media (max-width: 766px) {
.mb-7 {
margin-bottom: 18.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mt-8 {
margin-top: 80px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-8 {
margin-top: 5.5555555556vw !important;
}
}
@media (max-width: 766px) {
.mt-8 {
margin-top: 21.3333333333vw !important;
}
}
@media (min-width: 1440px) {
.mb-8 {
margin-bottom: 80px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-8 {
margin-bottom: 5.5555555556vw !important;
}
}
@media (max-width: 766px) {
.mb-8 {
margin-bottom: 21.3333333333vw !important;
}
}
@media (min-width: 1440px) {
.mt-9 {
margin-top: 90px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-9 {
margin-top: 6.25vw !important;
}
}
@media (max-width: 766px) {
.mt-9 {
margin-top: 24vw !important;
}
}
@media (min-width: 1440px) {
.mb-9 {
margin-bottom: 90px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-9 {
margin-bottom: 6.25vw !important;
}
}
@media (max-width: 766px) {
.mb-9 {
margin-bottom: 24vw !important;
}
}
@media (min-width: 1440px) {
.mt-10 {
margin-top: 100px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-10 {
margin-top: 6.9444444444vw !important;
}
}
@media (max-width: 766px) {
.mt-10 {
margin-top: 26.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mb-10 {
margin-bottom: 100px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-10 {
margin-bottom: 6.9444444444vw !important;
}
}
@media (max-width: 766px) {
.mb-10 {
margin-bottom: 26.6666666667vw !important;
}
}
@media (min-width: 1440px) {
.mt-15 {
margin-top: 150px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-15 {
margin-top: 10.4166666667vw !important;
}
}
@media (max-width: 766px) {
.mt-15 {
margin-top: 40vw !important;
}
}
@media (min-width: 1440px) {
.mb-15 {
margin-bottom: 150px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-15 {
margin-bottom: 10.4166666667vw !important;
}
}
@media (max-width: 766px) {
.mb-15 {
margin-bottom: 40vw !important;
}
}
@media (min-width: 1440px) {
.mt-0 {
margin-top: 0px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-0 {
margin-top: 0vw !important;
}
}
@media (max-width: 766px) {
.mt-0 {
margin-top: 0vw !important;
}
}
@media (min-width: 1440px) {
.mb-0 {
margin-bottom: 0px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-0 {
margin-bottom: 0vw !important;
}
}
@media (max-width: 766px) {
.mb-0 {
margin-bottom: 0vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-1 {
margin-top: 10px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-1 {
margin-top: 0.6944444444vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-1 {
margin-bottom: 10px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-1 {
margin-bottom: 0.6944444444vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-2 {
margin-top: 20px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-2 {
margin-top: 1.3888888889vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-2 {
margin-bottom: 20px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-2 {
margin-bottom: 1.3888888889vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-3 {
margin-top: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-3 {
margin-top: 2.0833333333vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-3 {
margin-bottom: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-3 {
margin-bottom: 2.0833333333vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-4 {
margin-top: 40px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-4 {
margin-top: 2.7777777778vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-4 {
margin-bottom: 40px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-4 {
margin-bottom: 2.7777777778vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-5 {
margin-top: 50px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-5 {
margin-top: 3.4722222222vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-5 {
margin-bottom: 50px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-5 {
margin-bottom: 3.4722222222vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-6 {
margin-top: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-6 {
margin-top: 4.1666666667vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-6 {
margin-bottom: 60px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-6 {
margin-bottom: 4.1666666667vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-7 {
margin-top: 70px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-7 {
margin-top: 4.8611111111vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-7 {
margin-bottom: 70px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-7 {
margin-bottom: 4.8611111111vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-8 {
margin-top: 80px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-8 {
margin-top: 5.5555555556vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-8 {
margin-bottom: 80px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-8 {
margin-bottom: 5.5555555556vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-9 {
margin-top: 90px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-9 {
margin-top: 6.25vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-9 {
margin-bottom: 90px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-9 {
margin-bottom: 6.25vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-10 {
margin-top: 100px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-10 {
margin-top: 6.9444444444vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-10 {
margin-bottom: 100px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-10 {
margin-bottom: 6.9444444444vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-15 {
margin-top: 150px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-15 {
margin-top: 10.4166666667vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-15 {
margin-bottom: 150px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-15 {
margin-bottom: 10.4166666667vw !important;
}
}
@media (min-width: 1440px) {
.mt-md-0 {
margin-top: 0px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mt-md-0 {
margin-top: 0vw !important;
}
}
@media (min-width: 1440px) {
.mb-md-0 {
margin-bottom: 0px !important;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.mb-md-0 {
margin-bottom: 0vw !important;
}
}
.p-0 {
padding: 0px;
}
.p-1 {
padding: 10px;
}
.p-2 {
padding: 20px;
}
.p-3 {
padding: 30px;
}
.p-4 {
padding: 40px;
}
.p-5 {
padding: 50px;
}
.p-6 {
padding: 60px;
}
.p-7 {
padding: 70px;
}
.p-8 {
padding: 80px;
}
.p-10 {
padding: 100px;
}
.p-18 {
padding: 180px;
}
.pt-0 {
padding-top: 0px !important;
}
.pt-1 {
padding-top: 10px !important;
}
.pt-2 {
padding-top: 20px !important;
}
.pt-3 {
padding-top: 30px !important;
}
.pt-4 {
padding-top: 40px !important;
}
.pt-5 {
padding-top: 50px !important;
}
.pt-6 {
padding-top: 60px !important;
}
.pt-7 {
padding-top: 70px !important;
}
.pt-8 {
padding-top: 80px !important;
}
.pt-10 {
padding-top: 100px !important;
}
.pt-18 {
padding-top: 180px !important;
}
.pb-0 {
padding-bottom: 0px !important;
}
.pb-1 {
padding-bottom: 10px !important;
}
.pb-2 {
padding-bottom: 20px !important;
}
.pb-3 {
padding-bottom: 30px !important;
}
.pb-4 {
padding-bottom: 40px !important;
}
.pb-5 {
padding-bottom: 50px !important;
}
.pb-6 {
padding-bottom: 60px !important;
}
.pb-7 {
padding-bottom: 70px !important;
}
.pb-8 {
padding-bottom: 80px !important;
}
.pb-10 {
padding-bottom: 100px !important;
}
.pb-18 {
padding-bottom: 180px !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pl-1 {
padding-left: 10px !important;
}
.pl-2 {
padding-left: 20px !important;
}
.pl-3 {
padding-left: 30px !important;
}
.pl-4 {
padding-left: 40px !important;
}
.pl-5 {
padding-left: 50px !important;
}
.pl-6 {
padding-left: 60px !important;
}
.pl-7 {
padding-left: 70px !important;
}
.pl-8 {
padding-left: 80px !important;
}
.pl-10 {
padding-left: 100px !important;
}
.pl-18 {
padding-left: 180px !important;
}
.pr-0 {
padding-right: 0px !important;
}
.pr-1 {
padding-right: 10px !important;
}
.pr-2 {
padding-right: 20px !important;
}
.pr-3 {
padding-right: 30px !important;
}
.pr-4 {
padding-right: 40px !important;
}
.pr-5 {
padding-right: 50px !important;
}
.pr-6 {
padding-right: 60px !important;
}
.pr-7 {
padding-right: 70px !important;
}
.pr-8 {
padding-right: 80px !important;
}
.pr-10 {
padding-right: 100px !important;
}
.pr-18 {
padding-right: 180px !important;
}
.py-0 {
contdsent: 0;
contdsentd: y;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
@media (min-width: 1440px) {
.py-0 {
p: 0px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-0 {
p: 0vw;
}
}
@media (max-width: 766px) {
.py-0 {
p: 0vw;
}
}
.py-1 {
contdsent: 1;
contdsentd: y;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
@media (min-width: 1440px) {
.py-1 {
p: 10px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-1 {
p: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.py-1 {
p: 2.6666666667vw;
}
}
.py-2 {
contdsent: 2;
contdsentd: y;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
@media (min-width: 1440px) {
.py-2 {
p: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-2 {
p: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.py-2 {
p: 5.3333333333vw;
}
}
.py-3 {
contdsent: 3;
contdsentd: y;
padding-top: 30px !important;
padding-bottom: 30px !important;
}
@media (min-width: 1440px) {
.py-3 {
p: 30px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-3 {
p: 2.0833333333vw;
}
}
@media (max-width: 766px) {
.py-3 {
p: 8vw;
}
}
.py-4 {
contdsent: 4;
contdsentd: y;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
@media (min-width: 1440px) {
.py-4 {
p: 40px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-4 {
p: 2.7777777778vw;
}
}
@media (max-width: 766px) {
.py-4 {
p: 10.6666666667vw;
}
}
.py-5 {
contdsent: 5;
contdsentd: y;
padding-top: 50px !important;
padding-bottom: 50px !important;
}
@media (min-width: 1440px) {
.py-5 {
p: 50px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-5 {
p: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.py-5 {
p: 13.3333333333vw;
}
}
.py-6 {
contdsent: 6;
contdsentd: y;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
@media (min-width: 1440px) {
.py-6 {
p: 60px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-6 {
p: 4.1666666667vw;
}
}
@media (max-width: 766px) {
.py-6 {
p: 16vw;
}
}
.py-7 {
contdsent: 7;
contdsentd: y;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media (min-width: 1440px) {
.py-7 {
p: 70px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-7 {
p: 4.8611111111vw;
}
}
@media (max-width: 766px) {
.py-7 {
p: 18.6666666667vw;
}
}
.py-8 {
contdsent: 8;
contdsentd: y;
padding-top: 80px !important;
padding-bottom: 80px !important;
}
@media (min-width: 1440px) {
.py-8 {
p: 80px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-8 {
p: 5.5555555556vw;
}
}
@media (max-width: 766px) {
.py-8 {
p: 21.3333333333vw;
}
}
.py-10 {
contdsent: 10;
contdsentd: y;
padding-top: 100px !important;
padding-bottom: 100px !important;
}
@media (min-width: 1440px) {
.py-10 {
p: 100px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-10 {
p: 6.9444444444vw;
}
}
@media (max-width: 766px) {
.py-10 {
p: 26.6666666667vw;
}
}
.py-18 {
contdsent: 18;
contdsentd: y;
padding-top: 180px !important;
padding-bottom: 180px !important;
}
@media (min-width: 1440px) {
.py-18 {
p: 180px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.py-18 {
p: 12.5vw;
}
}
@media (max-width: 766px) {
.py-18 {
p: 48vw;
}
}
.px-0 {
contdsent: 0;
contdsentd: x;
padding-left: 0px !important;
padding-right: 0px !important;
}
@media (min-width: 1440px) {
.px-0 {
p: 0px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-0 {
p: 0vw;
}
}
@media (max-width: 766px) {
.px-0 {
p: 0vw;
}
}
.px-1 {
contdsent: 1;
contdsentd: x;
padding-left: 10px !important;
padding-right: 10px !important;
}
@media (min-width: 1440px) {
.px-1 {
p: 10px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-1 {
p: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.px-1 {
p: 2.6666666667vw;
}
}
.px-2 {
contdsent: 2;
contdsentd: x;
padding-left: 20px !important;
padding-right: 20px !important;
}
@media (min-width: 1440px) {
.px-2 {
p: 20px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-2 {
p: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.px-2 {
p: 5.3333333333vw;
}
}
.px-3 {
contdsent: 3;
contdsentd: x;
padding-left: 30px !important;
padding-right: 30px !important;
}
@media (min-width: 1440px) {
.px-3 {
p: 30px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-3 {
p: 2.0833333333vw;
}
}
@media (max-width: 766px) {
.px-3 {
p: 8vw;
}
}
.px-4 {
contdsent: 4;
contdsentd: x;
padding-left: 40px !important;
padding-right: 40px !important;
}
@media (min-width: 1440px) {
.px-4 {
p: 40px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-4 {
p: 2.7777777778vw;
}
}
@media (max-width: 766px) {
.px-4 {
p: 10.6666666667vw;
}
}
.px-5 {
contdsent: 5;
contdsentd: x;
padding-left: 50px !important;
padding-right: 50px !important;
}
@media (min-width: 1440px) {
.px-5 {
p: 50px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-5 {
p: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.px-5 {
p: 13.3333333333vw;
}
}
.px-6 {
contdsent: 6;
contdsentd: x;
padding-left: 60px !important;
padding-right: 60px !important;
}
@media (min-width: 1440px) {
.px-6 {
p: 60px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-6 {
p: 4.1666666667vw;
}
}
@media (max-width: 766px) {
.px-6 {
p: 16vw;
}
}
.px-7 {
contdsent: 7;
contdsentd: x;
padding-left: 70px !important;
padding-right: 70px !important;
}
@media (min-width: 1440px) {
.px-7 {
p: 70px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-7 {
p: 4.8611111111vw;
}
}
@media (max-width: 766px) {
.px-7 {
p: 18.6666666667vw;
}
}
.px-8 {
contdsent: 8;
contdsentd: x;
padding-left: 80px !important;
padding-right: 80px !important;
}
@media (min-width: 1440px) {
.px-8 {
p: 80px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-8 {
p: 5.5555555556vw;
}
}
@media (max-width: 766px) {
.px-8 {
p: 21.3333333333vw;
}
}
.px-10 {
contdsent: 10;
contdsentd: x;
padding-left: 100px !important;
padding-right: 100px !important;
}
@media (min-width: 1440px) {
.px-10 {
p: 100px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-10 {
p: 6.9444444444vw;
}
}
@media (max-width: 766px) {
.px-10 {
p: 26.6666666667vw;
}
}
.px-18 {
contdsent: 18;
contdsentd: x;
padding-left: 180px !important;
padding-right: 180px !important;
}
@media (min-width: 1440px) {
.px-18 {
p: 180px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.px-18 {
p: 12.5vw;
}
}
@media (max-width: 766px) {
.px-18 {
p: 48vw;
}
}
.d-inline {
display: inline !important;
}
@font-face {
font-family: "Inter Display";
src: url("/local/templates/main/css/../fonts/InterDisplay-ExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
@font-face {
font-family: "Inter Display";
src: url("/local/templates/main/css/../fonts/InterDisplay-Black.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
@font-face {
font-family: "Inter Display";
src: url("/local/templates/main/css/../fonts/InterDisplay-ExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
@font-face {
font-family: "Inter Display";
src: url("/local/templates/main/css/../fonts/InterDisplay-Bold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Inter Display";
src: url("/local/templates/main/css/../fonts/InterDisplay-SemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "Inter Display";
src: url("/local/templates/main/css/../fonts/InterDisplay-Medium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "Inter Display";
src: url("/local/templates/main/css/../fonts/InterDisplay-Regular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Inter Display";
src: url("/local/templates/main/css/../fonts/InterDisplay-Light.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: "icomoon";
src: url("/local/templates/main/css/../fonts/icons/icomoon.eot?k45kit");
src: url("/local/templates/main/css/../fonts/icons/icomoon.eot?k45kit#iefix") format("embedded-opentype"), url("/local/templates/main/css/../fonts/icons/icomoon.ttf?k45kit") format("truetype"), url("/local/templates/main/css/../fonts/icons/icomoon.woff?k45kit") format("woff"), url("/local/templates/main/css/../fonts/icons/icomoon.svg?k45kit#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-chat:before {
content: "🌧";
color: #b9bdcc;
}
[class^=icon-],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pen:before {
content: "";
color: #8b8e9a;
}
.icon-full:before {
content: "";
color: #8b8e9a;
}
.icon-mute-volume:before {
content: "";
color: #8b8e9a;
}
.icon-pause:before {
content: "";
color: #8b8e9a;
}
.icon-play:before {
content: "";
color: #8b8e9a;
}
.icon-facebook:before {
content: "";
color: #8b8e9a;
}
.icon-instagram:before {
content: "";
color: #8b8e9a;
}
.icon-vk:before {
content: "";
color: #8b8e9a;
}
.icon-Chat:before {
content: "";
color: #8b8e9a;
}
.icon-group:before {
content: "";
color: #8b8e9a;
}
.icon-More:before {
content: "";
color: #8b8e9a;
}
.icon-correct:before {
content: "";
color: #8b8e9a;
}
.icon-profile:before {
content: "";
}
.icon-tinder:before {
content: "";
color: #8b8e9a;
}
.icon-bussiness:before {
content: "";
color: #8b8e9a;
}
.icon-cooking:before {
content: "";
color: #8b8e9a;
}
.icon-esotericism:before {
content: "";
color: #8b8e9a;
}
.icon-finance:before {
content: "";
color: #8b8e9a;
}
.icon-heart:before {
content: "";
color: #8b8e9a;
}
.icon-hobby:before {
content: "";
color: #8b8e9a;
}
.icon-investment:before {
content: "";
color: #8b8e9a;
}
.icon-language:before {
content: "";
color: #8b8e9a;
}
.icon-personal-growth:before {
content: "";
color: #8b8e9a;
}
.icon-professions:before {
content: "";
color: #8b8e9a;
}
.icon-relationships:before {
content: "";
color: #8b8e9a;
}
.icon-school:before {
content: "";
color: #8b8e9a;
}
.icon-science:before {
content: "";
color: #8b8e9a;
}
.icon-spiritual-growth:before {
content: "";
color: #8b8e9a;
}
.icon-sport:before {
content: "";
color: #8b8e9a;
}
.icon-technolodgy:before {
content: "";
color: #8b8e9a;
}
.icon-university:before {
content: "";
color: #8b8e9a;
}
.icon-chat:before {
content: "";
color: #8b8e9a;
}
.icon-flame:before {
content: "";
color: #8b8e9a;
}
.icon-icon-stack-white:before {
content: "";
color: #8b8e9a;
}
.icon-double-check-green:before {
content: "";
color: #8b8e9a;
}
.icon-eye-off:before {
content: "";
color: #8b8e9a;
}
.icon-more:before {
content: "";
}
.icon-border-bg:before {
content: "";
color: #8b8e9a;
}
.icon-grid:before {
content: "";
color: #8b8e9a;
}
.icon-arrow-left:before {
content: "";
}
.icon-icon-down:before {
content: "";
}
.icon-filter:before {
content: "";
color: #8b8e9a;
}
.icon-notification:before {
content: "";
color: #8b8e9a;
}
.icon-question:before {
content: "";
color: #8b8e9a;
}
.icon-close:before {
content: "";
}
.icon-sort:before {
content: "";
color: #8b8e9a;
}
.icon-icon-star-gray:before {
content: "";
}
.icon-volume:before {
content: "";
}
.icon-hexagon:before {
content: "";
color: #8b8e9a;
}
.icon-filled-star:before {
content: "";
color: #8b8e9a;
}
.icon-plus:before {
content: "";
color: #8b8e9a;
}
.icon-eye:before {
content: "";
color: #8b8e9a;
}
.icon-icon-search:before {
content: "";
}
.icon-stack:before {
content: "";
color: #8b8e9a;
}
:root {
--white: #fff;
--primary: #134d93;
--main: #bf291f;
--b3bbc0: #b3bbc0;
--green: #3ca411;
--greyscale-gray-1: #050b12;
--greyscale-gray-2: #3b3e42;
--greyscale-gray-3: #5d6167;
--greyscale-gray-4: #7f838a;
--greyscale-gray-5: #9ca1a5;
--greyscale-gray-6: #cfd1d3;
--greyscale-gray-7: #d7d9dc;
--greyscale-gray-8: #e2e5ec;
--greyscale-gray-9: #edeeef;
--greyscale-gray-10: #edf0f3;
--greyscale-gray-11: #f9fafb;
}
:root {
--font-family: "Golos Text", sans-serif;
--second-family: "PT_Russia Text", sans-serif;
--third-family: "PT Root UI", sans-serif;
--font3: "Manrope", sans-serif;
--font4: "RF Tone", sans-serif;
--font5: "Plus Jakarta Sans", sans-serif;
--font6: "Gilroy", sans-serif;
--font7: "Rubik", sans-serif;
--font8: "Open Sans", sans-serif;
--font9: "Cera Pro", sans-serif;
--font10: "GOST UI 2", sans-serif;
--font11: "Formular", sans-serif;
--font12: "Futura PT", sans-serif;
--font13: "SF UI Display", sans-serif;
--font14: "Elektra Text Pro", sans-serif;
}
.progress-bar {
background-color: #f5f8fa;
height: 6px;
border-radius: 4px;
position: relative;
}
.progress-bar__inner {
position: absolute;
left: 0;
height: 100%;
border-radius: 4px;
background-color: #10c38d;
}
@media (min-width: 767px) and (max-width: 1440px) {
.progress-bar {
height: 0.4166666667vw;
border-radius: 0.2777777778vw;
}
.progress-bar__inner {
border-radius: 0.2777777778vw;
}
}
@media (max-width: 766px) {
.progress-bar {
height: 1.6vw;
border-radius: 1.0666666667vw;
}
.progress-bar__inner {
border-radius: 1.0666666667vw;
}
}
.progress-circle-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.progress-circle-bar__quantity {
font-weight: 500;
font-size: 16px;
line-height: 1.5em;
letter-spacing: -0.01em;
color: #8e35ff;
}
.progress-circle-bar__svg {
--size: 250px;
--half-size: calc(var(--size) / 2);
--stroke-width: 20px;
--radius: calc((var(--size) - var(--stroke-width)) / 2);
--circumference: calc(var(--radius) * pi * 2);
--dash: calc((var(--progress) * var(--circumference)) / 100);
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.progress-circle-bar__svg circle {
cx: var(--half-size);
cy: var(--half-size);
r: var(--radius);
stroke-width: var(--stroke-width);
fill: none;
stroke-linecap: round;
}
.progress-circle-bar__svg circle.fg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: var(--half-size) var(--half-size);
transform-origin: var(--half-size) var(--half-size);
stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
-webkit-transition: stroke-dasharray 0.3s linear 0s;
transition: stroke-dasharray 0.3s linear 0s;
stroke: #8e35ff;
}
.progress-circle-bar__svg circle.bg {
stroke: #dee3e8;
}
.progress-circle-bar__svg {
width: 20px;
height: 20px;
}
.progress-circle-bar.md .progress-circle-bar__svg {
width: 24px;
height: 24px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.progress-circle-bar {
gap: 0.5555555556vw;
}
.progress-circle-bar__quantity {
font-size: 1.1111111111vw;
}
.progress-circle-bar__svg {
width: 1.3888888889vw;
height: 1.3888888889vw;
}
.progress-circle-bar.md .progress-circle-bar__svg {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
}
@media (max-width: 766px) {
.progress-circle-bar {
gap: 2.1333333333vw;
}
.progress-circle-bar__quantity {
font-size: 4.2666666667vw;
}
.progress-circle-bar__svg {
width: 5.3333333333vw;
height: 5.3333333333vw;
}
.progress-circle-bar.md .progress-circle-bar__svg {
width: 6.4vw;
height: 6.4vw;
}
}
.gradient-text {
background: radial-gradient(127.34% 17697.86% at -11.84% 50%, #f36dff 0%, #8745fe 49.35%, #17bae5 100%);
display: inline-block;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.disabled-scroll {
height: 100dvh;
overflow: hidden !important;
}
.overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 124;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
pointer-events: none;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: var(--greyscale-gray-1);
opacity: 0;
}
.overlay.show {
pointer-events: all;
opacity: 0.3;
visibility: visible;
}
.collapse {
display: block;
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.collapse.preview-text {
max-height: 98px;
}
.collapse.preview-text .text {
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
}
.collapse.show {
max-height: 99em;
-webkit-transition: max-height 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out;
}
.collapse.show.preview-text .text {
-webkit-line-clamp: unset;
}
@media (min-width: 767px) and (max-width: 1440px) {
.collapse.preview-text {
height: 6.8055555556vw;
}
}
@media (max-width: 766px) {
.collapse.preview-text {
height: 26.1333333333vw;
}
}
body {
padding: 0;
margin: 0;
width: 100vw;
overflow-x: hidden;
font-family: "Golos Text", sans-serif;
font-size: 16px;
}
@media (min-width: 767px) and (max-width: 1440px) {
body {
font-size: 1.1111111111vw;
}
}
@media (max-width: 766px) {
body {
font-size: 4.2666666667vw;
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.auth-page {
min-height: 100dvh;
}
.auth-page .bg {
background: #191a26;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.auth-page .content {
min-height: 100dvh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.auth-page .auth-form {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 592px;
margin-left: auto;
margin-right: auto;
width: 100%;
gap: 24px;
}
.auth-page .auth-form__result-icon {
width: 64px;
height: 64px;
}
.auth-page .auth-form__result-icon svg {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 767px) {
.auth-page {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.subscription-page .bg {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 26, 38, 0.8)), to(rgba(25, 26, 38, 0.8))), radial-gradient(114.53% 167.34% at 50% -51.72%, #f36dff 0%, #8745fe 60.5%, #17bae5 100%);
background: linear-gradient(0deg, rgba(25, 26, 38, 0.8), rgba(25, 26, 38, 0.8)), radial-gradient(114.53% 167.34% at 50% -51.72%, #f36dff 0%, #8745fe 60.5%, #17bae5 100%);
}
.subscription-page .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.subscription-page .subscription-result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.subscription-page .subscription-result__image {
width: 64px;
margin: auto;
height: 64px;
}
.subscription-page .subscription-result__image img {
height: 100%;
width: 100%;
}
.subscription-page .subscription-balance {
gap: 12px;
-ms-grid-columns: 1fr 12px 1fr;
grid-template-columns: 1fr 1fr;
display: none;
-ms-grid-rows: auto 12px auto;
grid-template-areas: "subtitle subtitle" "money button";
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
visibility: hidden;
opacity: 0;
}
.subscription-page .subscription-balance__subtitle {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: subtitle;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 1.5em;
letter-spacing: -0.16px;
}
.subscription-page .subscription-balance__money {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: money;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.4px;
text-transform: uppercase;
}
.subscription-page .subscription-balance__button {
-ms-grid-row: 3;
-ms-grid-column: 3;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
grid-area: button;
}
.subscription-page .subscription-balance.show {
opacity: 1;
visibility: visible;
display: -ms-grid;
display: grid;
}
.subscription-page .subscription-form {
min-height: 396px;
width: 100%;
gap: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 560px;
}
.subscription-page .subscription-form__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 80px;
}
.subscription-page .subscription__info {
padding: 80px 80px 106px;
}
.subscription-page .subscription__info-title {
font-family: "Roboto Flex", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 100%;
letter-spacing: -0.24px;
}
.subscription-page .subscription__info-label {
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.01em;
color: #ffffff;
}
.subscription-page .subscription__info-price {
font-weight: 600;
font-size: 40px;
line-height: 120%;
letter-spacing: -0.01em;
}
.subscription-page .subscription__info-price span {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 133.333% */
letter-spacing: -0.18px;
}
.subscription-page .subscription__info-text {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 1.25em;
letter-spacing: -0.14px;
}
.subscription-page .subscription__info-label {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: -0.18px;
}
.subscription-page .subscription__info-add-text {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 1.25em;
/* 142.857% */
letter-spacing: -0.14px;
opacity: 0.4;
}
@media (min-width: 767px) {
.subscription-page main {
display: -ms-grid;
display: grid;
min-height: 100dvh;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.subscription-page .content {
min-height: 100dvh;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.subscription-page .subscription-result__image {
width: 4.4444444444vw;
height: 4.4444444444vw;
}
.subscription-page .subscription-balance {
gap: 0.8333333333vw;
}
.subscription-page .subscription-balance__subtitle {
font-size: 1.1111111111vw;
line-height: 1.5em;
}
.subscription-page .subscription-balance__money {
font-size: 2.7777777778vw;
line-height: 120%;
}
.subscription-page .subscription-form {
min-height: 27.5vw;
gap: 2.7777777778vw;
max-width: 38.8888888889vw;
}
.subscription-page .subscription-form__container {
padding-bottom: 12.5vw;
}
.subscription-page .subscription__info {
padding: 5.5555555556vw 5.5555555556vw 11.5277777778vw;
}
.subscription-page .subscription__info-title {
font-size: 1.6666666667vw;
}
.subscription-page .subscription__info-label {
font-size: 1.25vw;
line-height: 1.5em;
}
.subscription-page .subscription__info-price {
font-size: 2.7777777778vw;
line-height: 120%;
}
.subscription-page .subscription__info-price span {
font-size: 1.25vw;
}
.subscription-page .subscription__info-text {
font-size: 0.9722222222vw;
}
.subscription-page .subscription__info-label {
font-size: 1.25vw;
line-height: 1.5em;
}
.subscription-page .subscription__info-add-text {
font-size: 0.9722222222vw;
font-style: normal;
font-weight: 500;
line-height: 1.25em;
opacity: 0.4;
}
}
@media (max-width: 766px) {
.subscription-page main {
margin-top: 4.2666666667vw;
}
.subscription-page .subscription-result {
margin-top: 18.6666666667vw;
}
.subscription-page .subscription-result__image {
width: 17.0666666667vw;
height: 17.0666666667vw;
}
.subscription-page .subscription-balance {
gap: 3.2vw;
}
.subscription-page .subscription-balance__subtitle {
font-size: 4.2666666667vw;
line-height: 1.5rem;
}
.subscription-page .subscription-balance__money {
font-size: 10.6666666667vw;
}
.subscription-page .subscription-form {
margin-top: 6.4vw;
margin-left: 4.2666666667vw;
margin-right: 4.2666666667vw;
gap: 6.4vw;
}
.subscription-page .subscription-form__container {
padding-bottom: 21.3333333333vw;
}
.subscription-page .subscription__info {
margin-left: 4.2666666667vw;
margin-right: 4.2666666667vw;
border-radius: 5.3333333333vw;
padding: 6.4vw 4.2666666667vw;
}
.subscription-page .subscription__info-image {
width: 12.8vw;
height: 12.8vw;
}
.subscription-page .subscription__info-title {
font-size: 5.3333333333vw;
}
.subscription-page .subscription__info-label {
font-size: 4.2666666667vw;
line-height: 6.4vw;
}
.subscription-page .subscription__info-value {
gap: 2.1333333333vw;
}
.subscription-page .subscription__info-price {
font-size: 6.4vw;
}
.subscription-page .subscription__info-price span {
font-size: 3.7333333333vw;
}
.subscription-page .subscription__info-text {
font-size: 3.2vw;
line-height: 1.5em;
/* 150% */
}
.subscription-page .subscription__info-label {
font-size: 4.8vw;
line-height: 6.4vw;
letter-spacing: -0.0112em;
}
.subscription-page .subscription__info-add-text {
font-size: 3.2vw;
line-height: 4.8vw;
letter-spacing: -0.0075em;
}
}
.breadcrumbs {
margin: 0 4px;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px 42px;
}
.breadcrumbs li {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
padding-top: 2px;
padding-bottom: 2px;
font-family: var(--font-family);
font-size: 16px;
line-height: 1.3em;
color: var(--greyscale-gray-1);
position: relative;
}
.breadcrumbs li::after {
content: "/";
position: absolute;
right: -25px;
top: 50%;
color: var(--greyscale-gray-4);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.breadcrumbs li:last-child::after {
display: none;
}
.breadcrumbs li a {
color: inherit;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--greyscale-gray-4);
}
@media (min-width: 767px) and (max-width: 1440px) {
.breadcrumbs {
margin: 0 0.2777777778vw;
gap: 0.5555555556vw 1.4583333333vw;
}
.breadcrumbs li {
font-size: 0.9722222222vw;
padding-top: 0.1388888889vw;
padding-bottom: 0.1388888889vw;
}
.breadcrumbs li::after {
right: -0.9027777778vw;
}
}
@media (max-width: 766px) {
.breadcrumbs {
margin: 0 1.0666666667vw;
gap: 2.1333333333vw 5.6vw;
}
.breadcrumbs li {
font-size: 3.7333333333vw;
padding-top: 0.5333333333vw;
padding-bottom: 0.5333333333vw;
}
.breadcrumbs li::after {
right: -3.4666666667vw;
}
}
.icon-copy {
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%228.66667%22%20height%3D%229.33333%22%20rx%3D%222%22%20transform%3D%22matrix%28-1%200%200%201%2010.666%202%29%22%20stroke%3D%22%23CFD1D3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M5.33333%2011.3334V12.6667C5.33333%2013.4031%205.93029%2014%206.66667%2014H12.6667C13.403%2014%2014%2013.4031%2014%2012.6667V6.00002C14%205.26364%2013.403%204.66669%2012.6667%204.66669H10.6667%22%20stroke%3D%22%23CFD1D3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
}
@media (min-width: 767px) and (max-width: 1440px) {
.icon-copy {
width: 1.1111111111vw;
height: 1.1111111111vw;
}
}
@media (max-width: 766px) {
.icon-copy {
width: 4.2666666667vw;
height: 4.2666666667vw;
}
}
.divider {
width: 100%;
height: 1px;
background: var(--greyscale-gray-8);
}
.title.big {
font-family: var(--font-family);
font-weight: 600;
font-size: 56px;
line-height: 1.3em;
}
.title.medium {
color: #050b12;
font-weight: 600;
font-size: 40px;
line-height: 1.3em;
}
.title.compact {
font-weight: 600;
font-size: 36px;
line-height: 1.3em;
}
.title.medium-small {
font-weight: 600;
font-size: 28px;
line-height: 1.3em;
}
.title.small {
font-weight: 500;
font-size: 24px;
line-height: 133%;
}
.title.xl {
font-weight: 800;
font-size: 60px;
line-height: 120%;
letter-spacing: -0.01em;
color: #050b12;
}
.title.center {
text-align: center;
}
@media (min-width: 767px) and (max-width: 1440px) {
.title.big {
font-size: 3.8888888889vw;
}
.title.medium {
font-size: 2.7777777778vw;
}
.title.medium-small {
font-size: 1.9444444444vw;
}
.title.compact {
font-size: 2.5vw;
}
.title.small {
font-size: 1.6666666667vw;
}
.title.xl {
font-size: 4.1666666667vw;
}
}
@media (max-width: 766px) {
.title.big {
font-size: 8vw;
}
.title.medium {
line-height: 1.2em;
font-size: 8.5333333333vw;
}
.title.compact {
line-height: 1.2em;
font-size: 7.4666666667vw;
}
.title.medium-small {
font-size: 6.4vw;
}
.title.small {
font-size: 5.3333333333vw;
}
.title.xl {
font-size: 10.6666666667vw;
}
}
.image {
overflow: hidden;
}
.image.cover img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.subtitle {
font-weight: 500;
}
.subtitle.sm {
font-size: 14px;
line-height: 1.25em;
}
.subtitle.md {
font-style: normal;
font-size: 16px;
line-height: 1.25em;
}
.subtitle.lg {
font-size: 18px;
line-height: 1.4em;
}
.subtitle.xl {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 1.4em;
}
.subtitle.xxl {
font-weight: 500;
font-size: 24px;
line-height: 1.4em;
}
.subtitle.xl4 {
font-weight: 500;
font-size: 28px;
line-height: 1.4em;
}
@media (min-width: 767px) and (max-width: 1440px) {
.subtitle.sm {
font-size: 0.9722222222vw;
}
.subtitle.md {
font-size: 1.1111111111vw;
}
.subtitle.lg {
font-size: 1.25vw;
}
.subtitle.xl {
font-size: 1.3888888889vw;
}
.subtitle.xxl {
font-size: 1.6666666667vw;
}
.subtitle.xl4 {
font-size: 1.9444444444vw;
}
}
@media (max-width: 766px) {
.subtitle.sm {
font-size: 3.7333333333vw;
}
.subtitle.md {
font-size: 3.7333333333vw;
}
.subtitle.lg {
font-size: 3.7333333333vw;
}
.subtitle.xl {
font-size: 4.2666666667vw;
}
.subtitle.xxl {
font-size: 6.4vw;
}
.subtitle.xs-mob {
font-size: 3.7333333333vw;
}
.subtitle.xl4 {
font-size: 6.9333333333vw;
}
}
.text {
--font-family: "Golos Text", sans-serif;
}
.text.xs {
font-size: 12px;
line-height: 1.125em;
}
.text.sm {
font-weight: 400;
font-size: 14px;
line-height: 129%;
}
.text.md {
font-size: 16px;
line-height: 1.3em;
}
.text.lg {
font-weight: 400;
font-size: 18px;
line-height: 156%;
}
.text.xl3 {
font-size: 28px;
line-height: 156%;
}
@media (min-width: 767px) and (max-width: 1440px) {
.text.xs {
font-size: 0.8333333333vw;
}
.text.sm {
font-size: 0.9722222222vw;
}
.text.md {
font-size: 1.1111111111vw;
}
.text.lg {
font-size: 1.25vw;
}
.text.xl3 {
font-size: 1.9444444444vw;
}
}
@media (max-width: 766px) {
.text.xs {
font-size: 3.2vw;
}
.text.sm {
font-size: 3.7333333333vw;
}
.text.md {
font-size: 4.2666666667vw;
}
.text.lg {
font-size: 4.2666666667vw;
}
.text.xl3 {
font-size: 6.4vw;
}
}
.buttons-scroll::-webkit-scrollbar {
display: none;
}
.buttons-scroll::-webkit-scrollbar-track {
display: none;
}
.buttons-scroll::-webkit-scrollbar-thumb {
display: none;
}
@media (max-width: 766px) {
.buttons-scroll {
margin-left: -4vw;
margin-right: -4vw;
padding-left: 4vw;
padding-right: 4vw;
overflow-y: auto;
}
}
.button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
border: unset;
cursor: pointer;
outline: none;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: unset;
padding-left: 0;
padding-right: 0;
font-family: "Inter Display", sans-serif;
z-index: 1;
}
.button__icon {
height: 24px;
width: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.button__icon svg {
height: 100%;
width: 100%;
}
.button__icon.md {
width: 20px;
height: 20px;
}
.button.outlined {
border: 1.5px solid var(--greyscale-gray-7);
border-radius: 5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px;
color: #050b12;
position: relative;
--icon-color: #134d93;
font-family: var(--font3);
font-weight: 500;
font-size: 16px;
line-height: 150%;
padding: 10px 20px;
color: var(--primary);
}
.button.outlined .icon {
color: #050b12;
}
.button.simple {
border-radius: 5px;
padding: 10px 20px;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
text-align: center;
color: var(--primary);
--icon-color: var(--primary);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(22, 61, 108, 0.05);
}
.button.simple.white {
background: #fff;
}
.button.primary {
border-radius: 5px;
padding: 10px 20px;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
text-align: center;
color: var(--white);
--icon-color: var(--white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #134d93;
}
.button.basic {
background: var(--main);
border: 1px solid transparent;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
border-radius: 5px;
padding: 15px 30px;
position: relative;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
text-align: center;
color: var(--white);
--icon-color: var(--white);
}
.button.lg {
min-width: 60px;
min-height: 60px;
}
.button.xl {
border-radius: 66px;
min-height: 66px;
min-width: 66px;
}
.button.xl::before {
border-radius: 66px;
}
.button.md {
font-size: 16px;
min-height: 40px;
padding: 6px 16px;
}
.button-download {
border-radius: 10px;
padding: 14px 20px;
width: 220px;
height: 80px;
background: #f9fafb;
cursor: pointer;
--icon-color: #bf291f;
display: -ms-grid;
display: grid;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-grid-columns: 24px 10px 1fr;
grid-template-columns: 24px 1fr;
-ms-grid-rows: auto 10px auto;
grid-template-areas: "icon title" "icon type";
gap: 10px;
}
.button-download__icon {
-ms-grid-row: 1;
-ms-grid-row-span: 3;
-ms-grid-column: 1;
width: 24px;
height: 24px;
grid-area: icon;
}
.button-download__icon svg {
width: 100%;
height: 100%;
}
.button-download__title {
-ms-grid-row: 1;
-ms-grid-column: 3;
font-weight: 500;
font-size: 16px;
line-height: 150%;
grid-area: title;
color: var(--greyscale-gray-1);
}
.button-download__type {
-ms-grid-row: 3;
-ms-grid-column: 3;
font-weight: 400;
font-size: 14px;
grid-area: type;
line-height: 129%;
color: var(--greyscale-gray-3);
}
.button.vote-button {
border-radius: 55px;
border: 1px solid var(--primary);
border-radius: 55px;
padding: 14px 25px;
min-width: 139px;
height: 52px;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
text-align: center;
color: var(--primary);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.button.vote-button.ready {
color: var(--green);
--icon-color: var(--green);
background: #f4f6f7;
border-color: #f4f6f7;
}
.button.disabled {
background: #f5f8fa;
border-radius: 99999px;
color: #b9bdcc;
pointer-events: none;
border-color: #f5f8fa;
}
.button.disabled::before {
background: #f5f8fa;
}
@media (min-width: 1440px) {
.button.md {
min-height: 40px;
padding: 8px 24px;
}
.button.xl {
min-height: 66px;
padding: 12px 24px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.button__icon {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.button.simple {
font-size: 0.9722222222vw;
line-height: 1.25em;
padding: 0.6944444444vw 1.3888888889vw;
}
.button.outlined {
border-radius: 0.3472222222vw;
border-width: 0.1041666667vw;
gap: 0.8333333333vw;
font-size: 1.1111111111vw;
padding: 0.6944444444vw 1.3888888889vw;
}
.button.basic {
padding: 1.0416666667vw 2.0833333333vw;
gap: 0.8333333333vw;
font-size: 1.1111111111vw;
line-height: 1.5em;
border-radius: 0.3472222222vw;
}
.button.default {
font-size: 1.25vw;
line-height: 1.4em;
gap: 0.8333333333vw;
padding: 0.5555555556vw 1.1111111111vw;
}
.button.default::after {
border-radius: 1.8055555556vw;
border-width: 0.1388888889vw;
}
.button__set-active {
width: 3.3333333333vw;
height: 3.3333333333vw;
}
.button__set-active::before, .button__set-active::after {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.button.md {
font-size: 1.1111111111vw;
min-height: 2.7777777778vw;
padding: 0.5555555556vw 1.6666666667vw;
}
.button.xl {
border-radius: 4.5833333333vw;
min-height: 4.5833333333vw;
padding: 0.8333333333vw 1.6666666667vw;
}
.button.xl::before {
border-radius: 4.5833333333vw;
}
.button.lg {
min-width: 4.1666666667vw;
min-height: 4.1666666667vw;
}
.button.xl {
min-height: 4.5833333333vw;
min-width: 4.5833333333vw;
}
.button.vote-button {
border-radius: 3.8194444444vw;
border-width: 0.0694444444vw;
border-radius: 3.8194444444vw;
padding: 0.9722222222vw 1.7361111111vw;
min-width: 9.6527777778vw;
height: 3.6111111111vw;
font-size: 1.1111111111vw;
gap: 0.6944444444vw;
}
.button-download {
border-radius: 0.6944444444vw;
padding: 0.9722222222vw 1.3888888889vw;
width: 15.2777777778vw;
height: 5.5555555556vw;
-ms-grid-columns: 1.6666666667vw 0.6944444444vw 1fr;
grid-template-columns: 1.6666666667vw 1fr;
gap: 0.6944444444vw;
}
.button-download__icon {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.button-download__title {
font-size: 1.1111111111vw;
}
.button-download__type {
font-size: 0.9722222222vw;
}
}
@media (max-width: 766px) {
.button-download {
border-radius: 2.6666666667vw;
padding: 3.7333333333vw 5.3333333333vw;
width: 100%;
height: 13.8666666667vw;
-ms-grid-columns: 6.4vw 10px 1fr 10px 26.6666666667vw;
grid-template-columns: 6.4vw 1fr 26.6666666667vw;
gap: 2.6666666667vw;
-ms-grid-columns: 24px 10px 1fr;
grid-template-columns: 24px 1fr;
grid-template-areas: "icon title type";
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.button-download__icon {
width: 6.4vw;
height: 6.4vw;
}
.button-download__title {
font-size: 4.2666666667vw;
}
.button-download__type {
font-size: 3.7333333333vw;
}
.button__icon {
width: 6.4vw;
height: 6.4vw;
}
.button.simple {
font-size: 3.7333333333vw;
line-height: 1.25em;
padding: 2.6666666667vw 5.3333333333vw;
}
.button.outlined {
border-radius: 1.3333333333vw;
border-width: 0.4vw;
gap: 3.2vw;
font-size: 4.2666666667vw;
padding: 2.6666666667vw 5.3333333333vw;
}
.button.basic {
padding: 4vw 8vw;
gap: 3.2vw;
font-size: 4.2666666667vw;
line-height: 1.5em;
border-radius: 2.6666666667vw;
}
.button.default {
font-size: 4.8vw;
line-height: 1.4em;
gap: 3.2vw;
padding: 2.1333333333vw 4.2666666667vw;
}
.button.default::after {
border-radius: 6.9333333333vw;
border-width: 0.5333333333vw;
}
.button.md {
font-size: 4.2666666667vw;
min-height: 10.6666666667vw;
min-width: 12.8vw;
padding: 2.1333333333vw 6.4vw;
}
.button.xl {
min-height: 17.6vw;
min-width: 17.6vw;
padding: 3.2vw 6.4vw;
border-radius: 9.6vw;
}
.button.lg {
min-height: 16vw;
min-width: 16vw;
}
.button.xs {
min-height: 10.6666666667vw;
min-width: 10.6666666667vw;
padding: 2.1333333333vw 6.4vw;
font-size: 4.2666666667vw;
}
.button.xl {
min-height: 17.6vw;
min-width: 17.6vw;
}
.button.xl::before {
border-radius: 17.6vw;
}
.button.mob-sm {
min-height: 12.8vw;
padding: 2.6666666667vw 6.4vw;
font-size: 4.2666666667vw;
}
.button__set-active {
width: 8.5333333333vw;
height: 8.5333333333vw;
}
.button__set-active::before, .button__set-active::after {
width: 6.4vw;
height: 6.4vw;
}
.button.vote-button {
border-radius: 14.6666666667vw;
border-width: 0.2666666667vw;
border-radius: 14.6666666667vw;
padding: 3.7333333333vw 6.6666666667vw;
min-width: 37.0666666667vw;
height: 11.7333333333vw;
font-size: 4.2666666667vw;
gap: 2.6666666667vw;
}
.button-download__icon {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
}
.button-download__title {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.button-download__type {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
}
.form-input {
position: relative;
}
.form-input__error {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 100%;
background-color: #bf291f;
color: #fff;
font-size: 12px;
width: auto;
min-width: 200px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
}
.form-input__password-btn {
right: 32px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
}
.form-input__label input {
border: none;
border-bottom: 2px solid #ccc;
outline: none;
font-size: 18px;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
padding: 10px 0;
background: transparent;
}
.form-input__label input:focus ~ label, .form-input__label input:valid ~ label {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
font-size: 14px;
color: #555;
pointer-events: none;
}
.form-input__label input:focus {
border-color: #555;
}
.form-input__label {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 1.2em;
color: var(--greyscale-gray-2);
margin-bottom: 6px;
display: inline-block;
}
.form-input input {
outline: none;
cursor: default;
border: unset;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid var(--greyscale-gray-8);
border-radius: 10px;
padding: 12px 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
transition: all 0.3s ease;
color: var(--greyscale-gray-1);
}
.form-input input.invalid {
border-color: #bf291f;
}
.form-input textarea {
outline: none;
cursor: default;
border: unset;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid var(--greyscale-gray-8);
border-radius: 10px;
padding: 12px 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--greyscale-gray-1);
min-height: 120px;
transition: all 0.3s ease;
}
.form-input textarea.invalid {
border-color: #bf291f;
}
.form-input.with-icon {
position: relative;
}
.form-input.with-icon .icon {
position: absolute;
top: 50%;
left: 24px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
--icon-color: #134d93;
width: 24px;
height: 24px;
}
.form-input.with-icon .icon svg {
height: 100%;
width: 100%;
}
.form-input.with-icon input {
padding-left: 64px;
}
.form-input.md input {
min-height: 48px;
}
.calc-result.bg-blue .form-input.readonly.light input {
background: rgba(255, 255, 255, 0.1);
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 1.2em;
color: var(--white);
border-color: transparent;
}
.form-input.light input{
width:70%
}
.form-input.readonly.dark input {
color: var(--primary);
border-color: transparent;
background: rgba(19, 77, 147, 0.05);
}
.form-input.dark input {
background: #f4f6f7;
}
.form-input.error input {
border-color: #bf291f;
}
@media (min-width: 767px) and (max-width: 1440px) {
.form-input.readonly.light input {
font-size: 1.1111111111vw;
}
.form-input__password-btn {
right: 25vw 32px;
}
.form-input.md input {
min-height: 2.9166666667vw;
}
.form-input__label input {
border-width: 0.1388888889vw;
font-size: 1.25vw;
padding: 0.6944444444vw 0;
}
.form-input__label input:focus ~ label, .form-input__label input:valid ~ label {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
font-size: 0.9722222222vw;
}
.form-input__label label {
top: 0.6944444444vw;
font-size: 1.25vw;
}
.form-input__label {
top: 1.25vw;
left: 2.3611111111vw;
font-size: 1.1111111111vw;
}
.form-input input {
font-size: 1.1111111111vw;
padding-left: 1.3888888889vw;
padding-right: 1.3888888889vw;
border-width: 0.1388888889vw;
min-height: 2.7777777778vw;
font-size: 1.1111111111vw;
}
.form-input input:focus + .form-input__label {
-webkit-transform: translateY(-0.8333333333vw);
transform: translateY(-0.8333333333vw);
font-size: 0.8333333333vw;
}
.form-input textarea {
border-radius: 0.6944444444vw;
border-width: 0.0694444444vw;
padding: 0.8333333333vw 1.3888888889vw;
font-size: 1.1111111111vw;
min-height: 8.3333333333vw;
}
.form-input.with-label input {
padding-top: 0.9722222222vw;
}
.form-input.with-icon .icon {
width: 1.6666666667vw;
height: 1.6666666667vw;
left: 1.6666666667vw;
}
.form-input.with-icon input {
padding-left: 4.4444444444vw;
}
.form-input__value {
right: 2.2222222222vw;
font-size: 1.25vw;
}
}
@media (max-width: 766px) {
.form-input.md input {
min-height: 12.8vw;
}
.form-input__password-btn {
right: 96vw 32px;
}
.form-input__label input {
border-width: 0.5333333333vw;
font-size: 4.8vw;
padding: 2.6666666667vw 0;
}
.form-input__label input:focus ~ label, .form-input__label input:valid ~ label {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
font-size: 3.7333333333vw;
}
.form-input__label label {
top: 2.6666666667vw;
font-size: 4.8vw;
}
.form-input__label {
top: 4.8vw;
left: 9.0666666667vw;
font-size: 4.2666666667vw;
}
.form-input__label.active {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
font-size: 3.2vw;
line-height: 4.8vw;
}
.form-input input {
font-size: 4.2666666667vw;
padding-left: 4vw;
padding-right: 4vw;
border-radius: 2.6666666667vw;
border-width: 0.5333333333vw;
min-height: 16vw;
font-size: 4.2666666667vw;
}
.form-input input:focus + .form-input__label {
-webkit-transform: translateY(-3.2vw);
transform: translateY(-3.2vw);
font-size: 3.2vw;
}
.form-input textarea {
border-radius: 2.6666666667vw;
border-width: 0.2666666667vw;
padding: 3.2vw 5.3333333333vw;
font-size: 4.2666666667vw;
min-height: 32vw;
}
.form-input.with-label input {
padding-top: 3.7333333333vw;
}
.form-input.with-icon .icon {
left: 6.4vw;
}
.form-input.with-icon input {
padding-left: 17.0666666667vw;
}
.form-input.md input {
min-height: 12.8vw;
}
.form-input.lg input {
min-height: 17.6vw;
}
.form-input.mob-sm input {
min-height: 10.6666666667vw;
}
.form-input__value {
right: 8.5333333333vw;
font-size: 4.8vw;
}
}
.form-file .form-input__label {
font-size: 16px;
margin-bottom: 8px;
display: block;
}
.form-file .form-input__description {
font-size: 14px;
color: #6c757d;
margin-bottom: 16px;
}
.form-file .file-upload-container {
border: 1px solid var(--greyscale-gray-8);
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f4f6f7;
border-radius: 10px;
min-height: 108px;
}
.form-file .file-upload-container:hover {
border-color: #134d93;
}
.form-file .file-input {
display: none;
}
.form-file .file-upload-label {
padding: 10px 20px;
background-color: #fff;
border: 1px solid #134d93;
color: #134d93;
cursor: pointer;
border-radius: 4px;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.form-file .file-upload-label:hover {
background-color: #134d93;
color: #fff;
}
@media (min-width: 767px) and (max-width: 1440px) {
.form-file .form-input__label {
font-size: 1.1111111111vw;
margin-bottom: 0.5555555556vw;
}
.form-file .form-input__description {
font-size: 0.9722222222vw;
margin-bottom: 1.1111111111vw;
}
.form-file .file-upload-container {
padding: 2.0833333333vw;
border-width: 0.0694444444vw;
border-radius: 0.6944444444vw;
min-height: 7.5vw;
}
.form-file .file-upload-label {
padding: 0.6944444444vw 1.3888888889vw;
border-width: 0.0694444444vw;
border-radius: 0.3472222222vw;
}
}
@media (max-width: 766px) {
.form-file .form-input__label {
font-size: 4.2666666667vw;
margin-bottom: 2.1333333333vw;
}
.form-file .form-input__description {
font-size: 3.7333333333vw;
margin-bottom: 4.2666666667vw;
}
.form-file .file-upload-container {
padding: 8vw;
border-width: 0.2666666667vw;
border-radius: 2.6666666667vw;
min-height: 28.8vw;
}
.form-file .file-upload-label {
padding: 2.6666666667vw 5.3333333333vw;
border-width: 0.2666666667vw;
border-radius: 1.3333333333vw;
}
}
.form-variants {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
@media (max-width: 766px) {
.form-variants {
overflow-y: auto;
gap: 2.6666666667vw;
padding-left: 4vw;
padding-right: 4vw;
margin-left: -4vw;
margin-right: -4vw;
}
.form-variants::-webkit-scrollbar {
display: none;
}
}
.form-variant {
border-radius: 10px;
padding: 12px 20px;
height: 48px;
background: var(--greyscale-gray-10);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
text-align: center;
color: var(--greyscale-gray-1);
cursor: default;
}
.form-variant.active {
color: var(--white);
background: var(--primary);
}
@media (min-width: 767px) and (max-width: 1440px) {
.form-variant {
border-radius: 0.6944444444vw;
padding: 0.8333333333vw 1.3888888889vw;
height: 3.3333333333vw;
font-size: 1.1111111111vw;
}
}
@media (max-width: 766px) {
.form-variant {
border-radius: 2.6666666667vw;
padding: 3.2vw 4vw;
height: 11.2vw;
font-size: 3.7333333333vw;
white-space: nowrap;
}
}
.form-radios {
display: -ms-grid;
display: grid;
}
@media (min-width: 1440px) {
.form-radios {
gap: 10px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.form-radios {
gap: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.form-radios {
gap: 2.6666666667vw;
}
}
.form-radio__input {
width: 100%;
cursor: pointer;
position: relative;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--greyscale-gray-1);
}
.form-radio__input-icon {
position: relative;
padding-left: 30px;
}
.form-radio__input-icon::before, .form-radio__input-icon::after {
content: " ";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.form-radio__input-icon::after {
width: 10px;
height: 10px;
opacity: 0;
left: 5px;
}
.form-radio__input-icon::before {
border-radius: 50%;
border: 1px solid var(--greyscale-gray-8);
width: 20px;
height: 20px;
}
.form-radio__input input {
opacity: 0;
position: absolute;
margin: 0;
}
.form-radio__input input:checked + .form-radio__input-icon::before {
border-color: #bf291f;
background: #bf291f;
}
.form-radio__input input:checked + .form-radio__input-icon::after {
opacity: 1;
}
@media (min-width: 767px) and (max-width: 1440px) {
.form-radio__input {
padding-left: 1.6666666667vw;
font-size: 1.1111111111vw;
}
.form-radio__input-icon {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.form-radio__input-icon::before, .form-radio__input-icon::after {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.form-radio__input.with-box {
min-height: 4.1666666667vw;
border-width: 0.0694444444vw;
border-radius: 1.3888888889vw;
padding: 0.6944444444vw 1.6666666667vw 0.6944444444vw 4.1666666667vw;
}
.form-radio__input.with-box .form-radio__input-icon::before, .form-radio__input.with-box .form-radio__input-icon::after {
left: 1.6666666667vw;
}
}
@media (max-width: 766px) {
.form-radio__input {
padding-left: 6.4vw;
font-size: 4.2666666667vw;
}
.form-radio__input-icon {
width: 6.4vw;
height: 6.4vw;
}
.form-radio__input-icon::before, .form-radio__input-icon::after {
width: 6.4vw;
height: 6.4vw;
}
.form-radio__input.with-box {
min-height: 16vw;
border-width: 0.2666666667vw;
border-radius: 5.3333333333vw;
padding: 2.6666666667vw 6.4vw 2.6666666667vw 16vw;
}
.form-radio__input.with-box .form-radio__input-icon::before, .form-radio__input.with-box .form-radio__input-icon::after {
left: 6.4vw;
}
}
.form-checkbox {
min-height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
cursor: pointer;
position: relative;
font-style: normal;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--greyscale-gray-1);
}
.form-checkbox svg {
--icon-color: #b9bdcc;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.form-checkbox__input {
opacity: 0;
position: absolute;
margin: 0;
}
.form-checkbox__input-icon {
width: 20px;
height: 20px;
}
.form-checkbox__input-icon path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.form-checkbox__input-icon .inner {
fill: #fff;
}
.form-checkbox__input-icon .border {
stroke: #dee3e8;
}
.form-checkbox__input-icon::before, .form-checkbox__input-icon::after {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.form-checkbox__input-icon::before {
background-image: url(/local/templates/main/css/../images/icons/icon-checkbox.svg);
width: 14px;
height: 14px;
left: 4px;
opacity: 0;
}
.form-checkbox__input-icon::after {
border: 1px solid var(--primary);
border-radius: 5px;
width: 20px;
height: 20px;
}
.form-checkbox__input:checked + .form-checkbox__input-icon::before {
opacity: 1;
}
@media (min-width: 767px) and (max-width: 1440px) {
.form-checkbox {
min-height: 1.6666666667vw;
padding-left: 2.0833333333vw;
font-size: 1.1111111111vw;
}
.form-checkbox__input-icon {
width: 1.3888888889vw;
height: 1.3888888889vw;
}
.form-checkbox__input-icon::before, .form-checkbox__input-icon::after {
content: "";
width: 1.3888888889vw;
height: 1.3888888889vw;
}
.form-checkbox__input-icon::before {
width: 0.9722222222vw;
height: 0.9722222222vw;
left: 0.2777777778vw;
}
.form-checkbox__input-icon::after {
border-radius: 0.3472222222vw;
border-width: 0.0694444444vw;
width: 1.3888888889vw;
height: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.form-checkbox {
min-height: 6.4vw;
padding-left: 8vw;
font-size: 4.2666666667vw;
}
.form-checkbox__input-icon {
width: 5.3333333333vw;
height: 5.3333333333vw;
}
.form-checkbox__input-icon::before, .form-checkbox__input-icon::after {
content: "";
width: 5.3333333333vw;
height: 5.3333333333vw;
}
.form-checkbox__input-icon::before {
width: 3.7333333333vw;
height: 3.7333333333vw;
left: 1.0666666667vw;
}
.form-checkbox__input-icon::after {
border-radius: 1.3333333333vw;
border-width: 0.2666666667vw;
width: 5.3333333333vw;
height: 5.3333333333vw;
}
}
.form-select {
position: relative;
width: 100%;
border-radius: 10px;
}
.form-select select {
width: 100%;
min-width: 160px;
overflow: auto;
max-height: 288px;
min-height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-weight: 500;
font-size: 16px;
line-height: 1.5em;
letter-spacing: -0.01em;
padding-left: 32px;
padding-right: 32px;
border: unset !important;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #050b12;
font-family: "Inter Display", sans-serif;
}
.form-select select::before {
content: " ";
position: absolute;
right: 32px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background-image: url(/local/templates/main/css/../images/icons/icon-down.svg);
}
.form-selected {
width: 100%;
outline: none;
cursor: default;
font-weight: 500;
font-size: 16px;
line-height: 1.5em;
letter-spacing: -0.01em;
background: #f5f8fa;
border: unset;
min-height: 48px;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #8b8e9a;
border: unset !important;
border-radius: 10px;
}
.form-selected input {
padding-right: 56px;
min-height: 56px;
pointer-events: none;
}
.form-selected::before {
content: " ";
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background-image: url(/local/templates/main/css/../images/icons/icon-down.svg);
}
.form-select__options {
display: none;
position: absolute;
top: calc(100% + 0px);
z-index: 12345;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
background-color: #f1f1f1;
min-width: 100px;
overflow: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 288px;
background: #ffffff;
border: 1px solid #dee3e8;
border-radius: 10px;
}
.form-select__container.show .form-selected {
border-color: #134d93;
}
.form-select__container.show .form-selected::before {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.form-select__container.show .form-select__options {
display: block;
pointer-events: all;
}
.form-select__option {
color: #050b12;
padding: 12px 24px;
text-decoration: none;
display: block;
font-style: normal;
font-size: 16px;
line-height: 1.5em;
letter-spacing: -0.01em;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.form-select__option + .form-dropdown__item {
margin-top: 8px;
}
.form-select__option:hover {
background-color: #134d93;
color: #fff;
}
.form-select .form-option {
padding: 10px;
cursor: pointer;
}
.form-select .form-option:hover {
background-color: #f0f0f0;
}
.form-select.simple .form-selected {
color: #050b12;
background-color: #fff;
border: 1px solid #dee3e8;
}
.form-select.simple .form-selected input {
background-color: #fff;
}
.form-select.primary {
color: #050b12;
background: var(--greyscale-gray-11);
border: unset;
}
.form-select.primary .form-selected {
color: #050b12;
background: var(--greyscale-gray-11);
border: unset;
}
.form-select.primary .form-selected {
color: #050b12;
background: var(--greyscale-gray-11), #f4f7f9, #f4f6f7;
border: unset;
}
.form-select.primary .form-selected input {
background: var(--greyscale-gray-11);
border-color: var(--greyscale-gray-11);
}
.form-select.primary .form-select__options {
border-color: var(--greyscale-gray-11);
background: var(--greyscale-gray-11);
}
.form-select.sm .form-selected {
min-width: 78px;
width: 78px;
min-height: 44px;
}
.form-select.sm .form-selected input {
min-width: 68px;
min-height: 46px;
text-align: center;
font-size: 16px;
padding-right: 15px;
padding: 0 15px 0 5px;
}
.form-select.sm .form-selected::before {
right: 8px;
}
.form-select.md .form-selected {
height: 50px;
min-height: 50px;
}
.form-select.md .form-selected input {
min-height: 50px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.form-select {
border-radius: 0.6944444444vw;
}
.form-select select {
min-width: 11.1111111111vw;
max-height: 20vw;
min-height: 3.3333333333vw;
font-size: 1.1111111111vw;
padding-left: 2.2222222222vw;
padding-right: 2.2222222222vw;
border-width: 0.1388888889vw;
min-height: 4.1666666667vw;
}
.form-select select::before {
right: 1.3888888889vw;
width: 1.1111111111vw;
height: 1.1111111111vw;
}
.form-selected {
font-size: 1.1111111111vw;
min-height: 3.3333333333vw;
border-width: 0.1388888889vw;
}
.form-selected input {
padding-right: 3.8888888889vw;
min-height: 3.8888888889vw;
}
.form-selected::before {
right: 2.2222222222vw;
width: 1.3888888889vw;
height: 1.3888888889vw;
}
.form-select__options {
padding-top: 0.5555555556vw;
padding-bottom: 0.5555555556vw;
min-width: 11.1111111111vw;
max-height: 20vw;
border-width: 0.0694444444vw;
border-radius: 0.6944444444vw;
}
.form-select__option {
padding: 0.8333333333vw 1.6666666667vw;
font-size: 1.1111111111vw;
line-height: 1.5em;
}
.form-select__option + .form-dropdown__item {
margin-top: 0.5555555556vw;
}
.form-select .form-option {
padding: 0.6944444444vw;
}
.form-select.sm .form-selected {
min-width: 5.0694444444vw;
width: 5.0694444444vw;
min-height: 3.3333333333vw;
}
.form-select.sm .form-selected input {
min-width: 4.7222222222vw;
width: 4.7222222222vw;
min-height: 3.1944444444vw;
padding-left: 0.6944444444vw;
padding-top: 0.1388888889vw;
font-size: 0.9722222222vw;
padding-right: 1.0416666667vw;
}
.form-select.sm .form-selected::before {
right: 0.5555555556vw;
}
.form-select.md .form-selected {
height: 3.4722222222vw;
min-height: 3.4722222222vw;
}
.form-select.md .form-selected input {
min-height: 3.4722222222vw;
}
}
@media (max-width: 766px) {
.form-select {
border-radius: 2.6666666667vw;
}
.form-select select {
min-width: 42.6666666667vw;
max-height: 76.8vw;
border-radius: 5.3333333333vw;
min-height: 12.8vw;
border-radius: 9.6vw;
font-size: 4.2666666667vw;
padding-left: 8.5333333333vw;
padding-right: 8.5333333333vw;
border-width: 0.5333333333vw;
min-height: 16vw;
}
.form-select select::before {
right: 8.5333333333vw;
width: 4.2666666667vw;
height: 4.2666666667vw;
}
.form-selected {
font-size: 4.2666666667vw;
border-radius: 9.0666666667vw;
min-height: 12.8vw;
border-width: 0.5333333333vw;
}
.form-selected input {
padding-right: 8vw;
min-height: 14.9333333333vw;
}
.form-selected::before {
right: 3.2vw;
width: 4.2666666667vw;
height: 4.2666666667vw;
}
.form-select__options {
padding-top: 2.1333333333vw;
padding-bottom: 2.1333333333vw;
min-width: 42.6666666667vw;
max-height: 76.8vw;
border-width: 0.2666666667vw;
border-radius: 5.3333333333vw;
}
.form-select__option {
padding: 3.2vw 6.4vw;
font-size: 4.2666666667vw;
line-height: 1.5em;
}
.form-select__option + .form-dropdown__item {
margin-top: 2.1333333333vw;
}
.form-select .form-option {
padding: 2.6666666667vw;
}
.form-select.sm .form-selected {
min-width: 19.4666666667vw;
width: 19.4666666667vw;
min-height: 12.8vw;
}
.form-select.sm .form-selected input {
min-width: 18.1333333333vw;
width: 18.1333333333vw;
min-height: 12.8vw;
padding-left: 2.6666666667vw;
padding-top: 0.5333333333vw;
font-size: 3.7333333333vw;
padding-right: 4vw;
}
.form-select.sm .form-selected::before {
right: 2.1333333333vw;
}
.form-select.md .form-selected {
height: 13.3333333333vw;
min-height: 13.3333333333vw;
}
.form-select.md .form-selected input {
min-height: 13.3333333333vw;
}
}
@media (min-width: 767px) {
.container__with-sidebar {
display: -ms-grid;
display: grid;
-ms-grid-columns: 315px 40px calc(100% - 355px);
grid-template-columns: 315px calc(100% - 355px);
gap: 40px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.container__with-sidebar {
-ms-grid-columns: 21.875vw 1fr;
grid-template-columns: 21.875vw 1fr;
}
}
.border-gray-7 {
border-color: var(--greyscale-gray-7) !important;
}
.bg-gray-7 {
background: var(--greyscale-gray-7) !important;
}
.page-sidebar {
border: 1px solid var(--greyscale-gray-8);
}
.page-sidebar__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 140%;
color: var(--greyscale-gray-1);
padding: 20px;
border-bottom: 1px solid var(--greyscale-gray-8);
}
.page-sidebar__menu {
padding: 0;
margin: 0;
list-style: none;
}
.page-sidebar__menu-link {
text-decoration: unset;
padding: 20px;
display: block;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: var(--primary);
border-left: 2px solid transparent;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
margin-left: -1px;
}
.page-sidebar__menu-link:hover {
border-color: var(--main);
color: var(--main);
}
.page-sidebar__menu-link.active {
border-color: var(--main);
background: var(--greyscale-gray-11), #f4f7f9, #f4f6f7;
color: var(--main);
}
@media (min-width: 767px) and (max-width: 1440px) {
.page-sidebar {
border-width: 0.0694444444vw;
}
.page-sidebar__title {
font-size: 1.3888888889vw;
padding: 1.3888888889vw;
border-width: 0.0694444444vw;
}
.page-sidebar__menu-link {
padding: 1.3888888889vw;
font-size: 1.1111111111vw;
border-width: 0.1388888889vw;
margin-left: -0.0694444444vw;
}
}
@media (max-width: 766px) {
.page-sidebar {
border-width: 0.2666666667vw;
}
.page-sidebar__title {
font-size: 5.3333333333vw;
padding: 5.3333333333vw;
border-width: 0.2666666667vw;
}
.page-sidebar__menu-link {
padding: 5.3333333333vw;
font-size: 4.2666666667vw;
border-width: 0.5333333333vw;
margin-left: -0.2666666667vw;
}
}
.info-content__image img {
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.info-content__text p + p {
margin-top: 20px;
}
.info-content__text ul {
margin: 20px 0 0;
padding: 0 0 0 15px;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase !important;
}
.text-transform-unset {
text-transform: unset !important;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.tabs__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px;
}
.tabs__button {
font-weight: 600;
font-size: 16px;
line-height: 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #191a26;
padding: 10px 16px;
border-radius: 40px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.tabs__button:hover {
border-color: #8e35ff;
}
.tabs__button.active {
color: #8e35ff;
background-color: #f1e6ff;
border-color: #f1e6ff;
}
.tabs__content {
display: none;
}
.tabs__content.active {
display: block;
-webkit-animation: fadeIn 0.5s ease;
animation: fadeIn 0.5s ease;
}
@media (min-width: 767px) and (max-width: 1440px) {
.tabs__header {
gap: 0.8333333333vw;
}
.tabs__button {
font-size: 1.1111111111vw;
padding: 0.6944444444vw 1.1111111111vw;
border-radius: 2.7777777778vw;
border-width: 0.1388888889vw;
}
}
@media (max-width: 766px) {
.tabs__header {
overflow-x: auto;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
gap: 3.2vw;
margin-left: -4.2666666667vw;
margin-right: -4.2666666667vw;
padding-left: 4.2666666667vw;
padding-right: 4.2666666667vw;
width: 100vw;
}
.tabs__header::-webkit-scrollbar {
display: none;
}
.tabs__header::-webkit-scrollbar-track {
display: none;
}
.tabs__header::-webkit-scrollbar-thumb {
display: none;
}
.tabs__header-actions {
-webkit-box-pack: row-reverse;
-ms-flex-pack: row-reverse;
justify-content: row-reverse;
}
.tabs__button {
font-size: 4.2666666667vw;
padding: 2.6666666667vw 4.2666666667vw;
border-radius: 10.6666666667vw;
border-width: 0.5333333333vw;
}
}
.dots-4 {
width: 42px;
height: 6px;
display: inline-block;
background: no-repeat center/contain url(/local/templates/main/css/../images/icons/dots-4.svg);
}
@media (min-width: 767px) and (max-width: 1440px) {
.dots-4 {
width: 2.9166666667vw;
height: 0.4166666667vw;
}
}
@media (max-width: 766px) {
.dots-4 {
width: 11.2vw;
height: 1.6vw;
}
}
.socials {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 14px;
}
.socials .social-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
position: relative;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.socials .social-link.sm {
background-color: #f5f8fa;
width: 28px;
height: 32px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.socials .social-link.lg {
background-color: #f5f8fa;
width: 64px;
height: 64px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.socials .social-link::before {
content: " ";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
background: -webkit-gradient(linear, left top, left bottom, from(#f36dff), color-stop(61%, #8745fe), to(#17bae5));
background: linear-gradient(#f36dff, #8745fe 61%, #17bae5);
}
.socials .social-link:hover::before {
opacity: 1;
}
.socials .social-link:hover .icon {
color: #fff;
}
@media (min-width: 767px) and (max-width: 1440px) {
.socials {
gap: 0.9722222222vw;
}
.socials .social-link {
gap: 0.5555555556vw;
}
.socials .social-link.sm {
width: 1.9444444444vw;
height: 2.2222222222vw;
}
.socials .social-link.lg {
width: 4.4444444444vw;
height: 4.4444444444vw;
}
}
@media (max-width: 766px) {
.socials {
gap: 3.7333333333vw;
}
.socials .social-link {
gap: 2.1333333333vw;
}
.socials .social-link.sm {
width: 7.4666666667vw;
height: 8.5333333333vw;
}
.socials .social-link.lg {
width: 12.8vw;
height: 12.8vw;
}
.socials .social-link.lg .icon {
font-size: 5.3333333333vw;
}
}
.container {
width: 100%;
/*max-width: 1270px;*/
max-width: 1360px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 767px) and (max-width: 1440px) {
.container {
max-width: 88.1944444444vw;
padding-left: 1.0416666667vw;
padding-right: 1.0416666667vw;
}
}
@media (max-width: 766px) {
.container {
padding-left: 4vw;
padding-right: 4vw;
}
}
.slider {
position: relative;
}
.slider__actions.bottom {
position: absolute;
z-index: 12;
left: 0;
right: 0;
bottom: 64px;
}
.slider__actions-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.slider__actions-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (min-width: 767px) and (max-width: 1440px) {
.slider__actions.bottom {
bottom: 4.4444444444vw;
}
.slider__actions-left {
gap: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.slider__actions.bottom {
bottom: 8vw;
}
.slider__actions-left {
gap: 5.3333333333vw;
}
}
.slider__counter {
font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
line-height: 150%;
color: var(--white);
white-space: nowrap;
}
@media (min-width: 767px) and (max-width: 1440px) {
.slider__counter {
font-size: 1.6666666667vw;
}
}
@media (max-width: 766px) {
.slider__counter {
font-size: 4.8vw;
}
}
.slider-button-prev, .slider-button-next {
width: 56px;
height: 56px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
--icon-color: var(--greyscale-gray-3);
}
.slider-button-prev path,
.slider-button-prev fill, .slider-button-next path,
.slider-button-next fill {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-button-prev:hover, .slider-button-next:hover {
--icon-color: var(--main);
}
@media (min-width: 767px) and (max-width: 1440px) {
.slider-button-prev, .slider-button-next {
width: 3.8888888889vw;
height: 3.8888888889vw;
}
}
@media (max-width: 766px) {
.slider-button-prev, .slider-button-next {
width: 10.6666666667vw;
height: 10.6666666667vw;
}
.slider-button-prev svg, .slider-button-next svg {
height: 4.2666666667vw;
width: 4.2666666667vw;
}
}
.slider-pagination {
margin-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 6px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.slider-pagination-bullet {
width: 16px;
height: 16px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
border-radius: 50%;
background: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-pagination-bullet__active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.slider-pagination.white .slider-pagination-bullet {
background: #fff;
-webkit-transform: scale(1);
transform: scale(1);
}
@media (min-width: 767px) and (max-width: 1440px) {
.slider-pagination {
margin-top: 1.6666666667vw;
gap: 0.4166666667vw;
}
.slider-pagination-bullet {
width: 1.1111111111vw;
height: 1.1111111111vw;
}
}
@media (max-width: 766px) {
.slider-pagination {
margin-top: 6.4vw;
gap: 1.6vw;
}
.slider-pagination-bullet {
width: 4.2666666667vw;
height: 4.2666666667vw;
}
}
.filter-actions {
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-columns: 108px 20px 174px 20px 1fr;
grid-template-columns: 108px 174px 1fr;
gap: 20px;
}
.filter-actions__search {
width: 100%;
border: 1px solid var(--greyscale-gray-8);
border-radius: 10px;
padding: 2px 5px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 99px;
grid-template-columns: 1fr 99px;
}
.filter-actions__search.md {
-ms-grid-columns: 1fr 135px;
grid-template-columns: 1fr 135px;
padding: 9px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.filter-actions {
-ms-grid-columns: 7.5vw 1.3888888889vw 12.0833333333vw 1.3888888889vw 1fr;
grid-template-columns: 7.5vw 12.0833333333vw 1fr;
gap: 1.3888888889vw;
}
.filter-actions__search {
border-radius: 0.6944444444vw;
padding: 0.1388888889vw 0.3472222222vw;
-ms-grid-columns: 1fr 6.875vw;
grid-template-columns: 1fr 6.875vw;
}
.filter-actions__search.md {
-ms-grid-columns: 1fr 9.375vw;
grid-template-columns: 1fr 9.375vw;
padding: 0.625vw;
}
}
@media (max-width: 766px) {
.filter-actions {
-ms-grid-columns: calc(31% - 20px) 5.3333333333vw 69%;
grid-template-columns: calc(31% - 20px) 69%;
gap: 5.3333333333vw;
}
.filter-actions__search {
border-radius: 2.6666666667vw;
padding: 0.5333333333vw 0.5333333333vw;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-columns: 1fr 26.4vw;
grid-template-columns: 1fr 26.4vw;
}
.filter-actions__search input {
min-height: 10.6666666667vw;
}
.filter-actions__search.md {
-ms-grid-columns: 1fr 36vw;
grid-template-columns: 1fr 36vw;
padding: 1.8666666667vw;
}
.filter-actions__search.mob-sm {
-ms-grid-columns: 1fr 11.7333333333vw;
grid-template-columns: 1fr 11.7333333333vw;
padding: 1.8666666667vw;
}
.filter-actions__search.mob-sm input {
min-height: 10.1333333333vw;
}
.filter-actions__search.mob-sm .button.simple {
padding: 1.0666666667vw;
}
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
list-style: none;
padding: 0;
gap: 20px;
}
.pagination__link {
text-decoration: none;
border: 1px solid var(--greyscale-gray-8);
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
border-radius: 10px;
min-width: 40px;
height: 40px;
font-weight: 400;
font-size: 18px;
line-height: 156%;
text-align: center;
color: var(--greyscale-gray-1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination__link.active {
background: var(--primary);
color: #fff;
}
.pagination__link:hover {
background-color: #f1f1f1;
}
.pagination__prev, .pagination__next {
font-weight: bold;
}
.pagination .dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 767px) and (max-width: 1440px) {
.pagination {
gap: 1.3888888889vw;
}
.pagination__link {
border-width: 0.0694444444vw;
border-radius: 0.6944444444vw;
min-width: 2.7777777778vw;
height: 2.7777777778vw;
font-size: 1.25vw;
}
}
@media (max-width: 766px) {
.pagination {
gap: 3.2vw;
}
.pagination__link {
border-width: 0.2666666667vw;
border-radius: 2.6666666667vw;
min-width: 10.6666666667vw;
height: 10.6666666667vw;
font-size: 4.8vw;
}
}
.info-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.info-table__th, .info-table__td {
letter-spacing: -0.01em;
font-family: "Inter", sans-serif;
}
.info-table__th {
font-weight: 600;
font-size: 14px;
line-height: 1.25em;
color: #8b8e9a;
}
.info-table__th + .info-table__td {
margin-top: 12px;
}
.info-table__td {
font-family: "Inter Dislay", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.01em;
color: #050b12;
}
@media (min-width: 767px) {
.info-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 8px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.info-table__th {
font-size: 0.9722222222vw;
line-height: 1.3em;
}
.info-table__th + .info-table__td {
margin-top: 0.8333333333vw;
}
.info-table__td {
font-size: 1.25vw;
line-height: 1.5em;
}
.info-table__row {
gap: 0.5555555556vw;
}
}
@media (max-width: 766px) {
.info-table__th {
font-size: 3.7333333333vw;
line-height: 1.3em;
}
.info-table__th + .info-table__td {
margin-top: 3.2vw;
}
.info-table__td {
font-size: 4.8vw;
line-height: 1.5em;
}
.info-table__row {
gap: 6.4vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.mob-modal {
position: fixed;
z-index: 12345;
left: 0;
right: 0;
bottom: 0;
max-height: 100dvh;
overflow-y: scroll;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translateY(100vh);
transform: translateY(100vh);
}
.mob-modal.show {
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.mob-modal__header {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 8px 40px;
grid-template-columns: 1fr 40px;
gap: 8px;
position: sticky;
z-index: 12;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
background: #fff;
padding: 12px 16px;
}
.mob-modal__divider {
border-bottom: 1px solid #dee3e8;
height: 1px;
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px;
}
.mob-modal.border-radius {
border-radius: 20px 20px 0px 0px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.mob-modal__header {
-ms-grid-columns: 1fr 0.5555555556vw 2.7777777778vw;
grid-template-columns: 1fr 2.7777777778vw;
gap: 0.5555555556vw;
padding: 0.8333333333vw 1.1111111111vw;
}
.mob-modal__divider {
border-width: 0.0694444444vw;
height: 0.0694444444vw;
width: calc(100% + 2.2222222222vw);
margin-left: -1.1111111111vw;
margin-right: -1.1111111111vw;
}
.mob-modal.border-radius {
border-radius: 1.3888888889vw 1.3888888889vw 0px 0px;
}
}
@media (max-width: 766px) {
.mob-modal__header {
-ms-grid-columns: 1fr 2.1333333333vw 10.6666666667vw;
grid-template-columns: 1fr 10.6666666667vw;
gap: 2.1333333333vw;
padding: 3.2vw 4.2666666667vw;
}
.mob-modal__divider {
border-width: 0.0694444444vw;
height: 0.2666666667vw;
width: calc(100% + 8.5333333333vw);
margin-left: -4.2666666667vw;
margin-right: -4.2666666667vw;
}
.mob-modal.border-radius {
border-radius: 5.3333333333vw 5.3333333333vw 0px 0px;
}
}
.simple-modal {
position: fixed;
z-index: 123458;
left: 50%;
top: 50%;
overflow-y: scroll;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
opacity: 0;
pointer-events: none;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 10px;
padding: 40px 50px;
max-width: 490px;
width: 100%;
max-height: 88dvh;
overflow-y: auto;
}
.simple-modal__close {
position: absolute;
right: 15px;
top: 13px;
width: 24px;
height: 24px;
}
.simple-modal__close svg {
width: 100%;
height: 100%;
}
.simple-modal .divider {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.simple-modal::-webkit-scrollbar {
display: none;
}
.simple-modal::-webkit-scrollbar-track {
display: none;
}
.simple-modal::-webkit-scrollbar-thumb {
display: none;
}
.simple-modal.show {
pointer-events: all;
opacity: 1;
visibility: visible;
}
.simple-modal__form {
display: -ms-grid;
display: grid;
width: 100%;
gap: 20px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.simple-modal {
border-radius: 0.6944444444vw;
padding: 1.7361111111vw 3.4722222222vw;
max-width: 34.0277777778vw;
}
.simple-modal__form {
gap: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.simple-modal {
max-width: 100%;
border-radius: 2.6666666667vw;
padding: 8vw 6.6666666667vw;
}
.simple-modal__form {
gap: 5.3333333333vw;
}
}
.district-modal {
max-width: 1000px;
}
.district-modal__columns {
display: -ms-grid;
display: grid;
-ms-grid-columns: 45% 30px 55%;
grid-template-columns: 45% 55%;
gap: 30px;
}
.district-modal__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.district-modal__image img {
width: 100%;
}
.district-modal__close {
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.district-modal__close svg {
width: 100%;
height: 100%;
}
@media (min-width: 767px) and (max-width: 1440px) {
.district-modal {
max-width: 69.4444444444vw;
}
.district-modal__columns {
gap: 2.0833333333vw;
}
.district-modal__close {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
}
@media (max-width: 766px) {
.district-modal {
max-width: 100%;
}
.district-modal__columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 8vw;
}
.district-modal__header {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.district-modal__close {
width: 6.4vw;
height: 6.4vw;
}
}
.toggle-list__header {
min-height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
gap: 10px;
font-weight: 700;
font-size: 16px;
line-height: 1.5em;
letter-spacing: -0.01em;
color: #050b12;
padding-right: 16px;
}
.toggle-list__header .icon.arrow-down {
pointer-events: none;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.toggle-list__header.show .icon.arrow-down {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
@media (min-width: 767px) and (max-width: 1440px) {
.toggle-list__header {
font-size: 1.1111111111vw;
padding-right: 1.1111111111vw;
min-height: 3.3333333333vw;
}
}
@media (max-width: 766px) {
.toggle-list__header {
font-size: 4.8vw;
padding-right: 4.2666666667vw;
min-height: 12.8vw;
line-height: 6.4vw;
}
}
.toggle-list__list {
list-style: none;
margin: 0;
padding: 0;
display: -ms-grid;
display: grid;
gap: 12px;
}
.toggle-list__link {
font-weight: 500;
font-size: 16px;
text-decoration: none;
line-height: 1.5em;
display: block;
letter-spacing: -0.01em;
color: #050b12;
padding: 12px 24px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.toggle-list__list {
gap: 0.8333333333vw;
}
.toggle-list__link {
font-size: 1.1111111111vw;
padding: 0.8333333333vw 1.6666666667vw;
}
}
@media (max-width: 766px) {
.toggle-list__list {
gap: 3.2vw;
}
.toggle-list__link {
font-size: 4.2666666667vw;
font-size: 5.3333333333vw;
padding: 3.2vw 6.4vw;
}
}
.transition {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hidden {
opacity: 0;
visibility: hidden;
}
.show {
opacity: 1;
visibility: visible;
}
.copy-box {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
background: #f9fafb;
border-radius: 5px;
cursor: pointer;
display: inline-flex;
gap: 10px;
align-items: center;
}
.copy-box__icon {
width: 16px;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
--icon-color: #7f838a;
}
.text-no-underline {
text-decoration: none;
}
.header {
position: sticky;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 123;
padding-top: 12px;
border-bottom: 1px solid var(--greyscale-gray-8);
}
.header__logo {
-ms-grid-row: 1;
-ms-grid-row-span: 3;
-ms-grid-column: 1;
grid-area: logo;
display: block;
width: 80px;
}
.header__logo img {
width: 100%;
}
.header__main-info {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: #63696f;
}
.header__search {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 544px;
}
.header__search-close {
position: absolute;
right: 15px;
top: 13px;
width: 24px;
height: 24px;
}
.header__search-close svg {
width: 100%;
height: 100%;
}
.header__info {
-ms-grid-row: 1;
-ms-grid-column: 3;
gap: 20px;
grid-area: info;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.documents-block .document.simple > .header__info {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.documents-block .document.with-image > .header__info {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.header__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 80px 30px 1fr;
grid-template-columns: 80px 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0px 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-grid-rows: auto 0px auto;
grid-template-areas: "logo info" "logo menu";
}
.header__main-submenu {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
list-style: none;
padding: 15px 0;
margin: 0;
background: #fff;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid var(--greyscale-gray-8);
}
.header__main-submenu-link {
text-decoration: unset;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
display: block;
line-height: 144%;
white-space: nowrap;
padding: 10px;
color: var(--greyscale-gray-1);
}
.header__main-menu {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__main-menu-item.with-submenu {
position: relative;
}
.header__main-menu-item.with-submenu .header__main-menu-link span {
position: relative;
padding-right: 24px;
}
.header__main-menu-item.with-submenu .header__main-menu-link span::before {
content: " ";
position: absolute;
width: 20px;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 20px;
background: no-repeat center/contain url(/local/templates/main/css/../images/icons/menu-arrow.svg);
}
.header__main-menu-item.with-submenu:hover .header__main-submenu {
visibility: visible;
opacity: 1;
}
.header__main-menu-link {
text-decoration: unset;
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 144%;
padding: 10px 6px 19px;
display: inline-block;
color: var(--greyscale-gray-1);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.header__main-menu-link::before {
content: " ";
position: absolute;
left: 0;
opacity: 0;
right: 0;
bottom: -1px;
background: var(--main);
height: 4px;
}
.header__main-menu-link.active {
color: var(--main);
}
.header__main-menu-link.active::before {
opacity: 1;
}
.header__menu {
-ms-grid-row: 3;
-ms-grid-column: 3;
grid-area: menu;
width: 100%;
}
.header__mob-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.header__mob-actions button {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 1px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.header {
padding-top: 0.8333333333vw;
border-width: 0.0694444444vw;
}
.header__logo {
width: 5.5555555556vw;
}
.header__main-info {
font-size: 0.9722222222vw;
}
.header__search {
max-width: 37.7777777778vw;
}
.header__search-close {
position: absolute;
right: 1.0416666667vw;
top: 0.9027777778vw;
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.header__info {
gap: 1.3888888889vw;
}
.header__container {
-ms-grid-columns: 5.5555555556vw 2.0833333333vw 1fr;
grid-template-columns: 5.5555555556vw 1fr;
gap: 0px 2.0833333333vw;
}
.header__main-submenu {
padding: 1.0416666667vw 0;
border-width: 0.0694444444vw;
}
.header__main-submenu-link {
font-size: 1.1111111111vw;
padding: 0.6944444444vw;
}
.header__main-menu-item.with-submenu .header__main-menu-link span {
padding-right: 1.6666666667vw;
}
.header__main-menu-item.with-submenu .header__main-menu-link span::before {
width: 1.3888888889vw;
height: 1.3888888889vw;
}
.header__main-menu-link {
font-size: 1.25vw;
padding: 0.6944444444vw 0.4166666667vw 1.3194444444vw;
}
.header__mob-actions {
gap: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.header {
padding: 2.6666666667vw 0 !important;
}
.header__logo {
width: 100%;
max-width: 10.6666666667vw;
}
.header__info {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header__container {
padding: 0 0 !important;
}
.header__button-menu {
width: 8.5333333333vw;
height: 8.5333333333vw;
margin-left: 2.6666666667vw;
position: relative;
}
.header__button-menu span {
width: 6.4vw;
height: 0.5333333333vw;
border-radius: 0.8vw;
background: #134d93;
position: absolute;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header__button-menu span:first-child {
top: 2.1333333333vw;
}
.header__button-menu span:nth-child(2) {
top: 4vw;
}
.header__button-menu span:nth-child(3) {
bottom: 2.1333333333vw;
}
.header__button-menu.active span {
color: var(--greyscale-gray-1);
}
.header__button-menu.active span:first-child {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 4vw;
}
.header__button-menu.active span:nth-child(2) {
opacity: 0;
}
.header__button-menu.active span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 4vw;
}
}
.search-modal {
background: #f4f6f7;
position: absolute;
z-index: 123456;
max-height: 444px;
overflow-y: scroll;
}
.search-modal::-webkit-scrollbar {
display: none;
}
@media (min-width: 767px) and (max-width: 1440px) {
.search-modal {
max-height: 30.8333333333vw;
}
}
@media (max-width: 766px) {
.search-modal {
position: fixed;
top: 2.6666666667vw;
left: 2.6666666667vw;
bottom: 10.6666666667vw;
right: 2.6666666667vw;
max-height: auto;
height: 100%;
}
.search-modal__search {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 544px;
}
.search-modal__search input {
border: unset;
border-radius: 0;
}
.search-modal__search-close {
position: absolute;
right: 15px;
top: 13px;
width: 24px;
height: 24px;
}
.search-modal__search-close svg {
width: 100%;
height: 100%;
}
}
.footer {
padding-top: 50px;
padding-bottom: 20px;
background: #222931;
color: #d7d9dc;
}
.footer__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: 316px 30px 416px 30px 320px;
grid-template-columns: 316px 416px 320px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
padding-bottom: 30px;
}
.footer__main-column {
display: -ms-grid;
display: grid;
-ms-grid-columns: 44px 20px 1fr;
grid-template-columns: 44px 1fr;
gap: 30px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__main-info {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--greyscale-gray-7);
}
.footer__logo {
width: 100%;
}
.footer__logo img {
display: block;
width: 100%;
}
.footer__callback-button {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #ffffff;
padding: 14px 30px;
width: 185px;
height: 52px;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: unset;
}
.footer__menu {
padding: 0;
margin: 0;
list-style: none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.footer__menu-item + .footer__menu-item {
margin-top: 15px;
}
.footer__menu-link {
font-weight: 400;
font-size: 18px;
line-height: 1.6em;
color: #fff;
cursor: pointer;
text-decoration: unset;
}
.footer__bottom {
padding-top: 20px;
border-top: 1px solid #3b3e42;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__copyrights {
font-weight: 400;
font-size: 14px;
line-height: 1.125em;
color: #d7d9dc;
}
.footer__policy-link {
font-weight: 400;
font-size: 14px;
line-height: 1.125em;
color: #d7d9dc;
text-decoration: unset;
}
.footer__contact-phone {
font-weight: 500;
font-size: 20px;
line-height: 1.5em;
color: #ffffff;
text-decoration: unset;
}
.footer__contact-address {
font-size: 16px;
line-height: 1.5em;
color: #d7d9dc;
}
.footer__contact-email {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 1.5em;
color: #ffffff;
display: inline-block;
text-decoration: unset;
}
.footer__contact-email-title {
font-size: 16px;
line-height: 1.5em;
color: #d7d9dc;
}
@media (min-width: 767px) and (max-width: 1440px) {
.footer {
padding-top: 3.4722222222vw;
padding-bottom: 1.3888888889vw;
}
.footer__top {
-ms-grid-columns: 21.9444444444vw 2.0833333333vw 28.8888888889vw 2.0833333333vw 22.2222222222vw;
grid-template-columns: 21.9444444444vw 28.8888888889vw 22.2222222222vw;
gap: 2.0833333333vw;
padding-bottom: 2.0833333333vw;
}
.footer__main-column {
-ms-grid-columns: 3.0555555556vw 1.3888888889vw 1fr;
grid-template-columns: 3.0555555556vw 1fr;
gap: 2.0833333333vw 1.3888888889vw;
}
.footer__main-info {
font-size: 1.1111111111vw;
}
.footer__callback-button {
font-size: 1.1111111111vw;
line-height: 1.6666666667vw;
padding: 0.9722222222vw 2.0833333333vw;
width: 12.8472222222vw;
height: 3.6111111111vw;
border-radius: 0.6944444444vw;
}
.footer__menu {
-webkit-column-gap: 1.3888888889vw;
-moz-column-gap: 1.3888888889vw;
column-gap: 1.3888888889vw;
}
.footer__menu-item + .footer__menu-item {
margin-top: 1.0416666667vw;
}
.footer__menu-link {
font-size: 1.25vw;
}
.footer__bottom {
padding-top: 1.3888888889vw;
border-width: 0.0694444444vw;
}
.footer__copyrights {
font-size: 0.9722222222vw;
}
.footer__policy-link {
font-size: 0.9722222222vw;
}
.footer__contact-phone {
font-size: 1.3888888889vw;
}
.footer__contact-address {
font-size: 1.1111111111vw;
}
.footer__contact-email {
font-size: 1.25vw;
}
.footer__contact-email-title {
font-size: 1.1111111111vw;
}
}
@media (max-width: 766px) {
.footer {
padding-top: 8vw;
padding-bottom: 5.3333333333vw;
}
.footer__top {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 8vw;
padding-bottom: 8vw;
}
.footer__main-column {
-ms-grid-columns: 11.7333333333vw 1.3888888889vw 1fr;
grid-template-columns: 11.7333333333vw 1fr;
gap: 8vw 1.3888888889vw;
}
.footer__main-info {
font-size: 4.2666666667vw;
}
.footer__callback-button {
font-size: 4.2666666667vw;
line-height: 6.4vw;
padding: 3.7333333333vw 2.0833333333vw;
width: 49.3333333333vw;
height: 13.8666666667vw;
border-radius: 2.6666666667vw;
}
.footer__menu {
-webkit-column-gap: 5.3333333333vw;
-moz-column-gap: 5.3333333333vw;
column-gap: 5.3333333333vw;
}
.footer__menu-item + .footer__menu-item {
margin-top: 4vw;
}
.footer__menu-link {
font-size: 4.8vw;
}
.footer__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 5.3333333333vw;
padding-top: 5.3333333333vw;
border-width: 0.2666666667vw;
}
.footer__copyrights {
font-size: 3.7333333333vw;
}
.footer__policy-link {
font-size: 3.7333333333vw;
}
.footer__contact-phone {
font-size: 5.3333333333vw;
}
.footer__contact-address {
font-size: 4.2666666667vw;
}
.footer__contact-email {
font-size: 4.8vw;
}
.footer__contact-email-title {
font-size: 4.2666666667vw;
}
}
.menu-header {
position: fixed;
z-index: 1234;
left: 0;
top: 0;
right: 0;
overflow-y: auto;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(-100vw);
transform: translateY(-100vw);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menu-header.show {
opacity: 1;
pointer-events: all;
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
.menu-header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px 16px 0;
background-color: #fff;
}
.menu-header__top-logo {
width: 147px;
}
.menu-header__top-logo img {
display: block;
height: 100%;
width: auto;
}
.menu-header__body {
padding: 40px 80px;
}
.menu-header__menu {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.menu-header__menu-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.menu-header__menu-link {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 1.6em;
letter-spacing: -0.01em;
color: #050b12;
text-decoration: none;
position: relative;
min-height: 63px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 26px;
padding-left: 16px;
padding-right: 16px;
}
.menu-header__menu-link span {
position: relative;
}
.menu-header__menu-link span::before {
content: "";
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-bottom: 2px solid #050b12;
}
.menu-header__menu-link:not(.active):hover {
color: #8e35ff;
background-color: #f5f8fa;
}
.menu-header__menu-link:not(.active):hover span::before {
width: 0;
}
.menu-header__menu-link.active {
background-color: #f5f8fa;
}
@media (min-width: 767px) and (max-width: 1440px) {
.menu-header__top {
padding: 0.8333333333vw 1.1111111111vw 0;
}
.menu-header__top-logo {
width: 10.2083333333vw;
}
.menu-header__body {
padding: 2.7777777778vw 5.5555555556vw;
}
.menu-header__menu {
gap: 1.1111111111vw;
}
.menu-header__menu-link {
font-size: 1.3888888889vw;
min-height: 4.375vw;
border-radius: 1.8055555556vw;
padding-left: 1.1111111111vw;
padding-right: 1.1111111111vw;
}
.menu-header__menu-link span::before {
bottom: 0.1388888889vw;
border-bottom-width: 0.1388888889vw;
}
}
@media (max-width: 766px) {
.menu-header {
display: none;
}
}
.mob-header {
position: fixed;
z-index: 1234;
left: 0;
top: 69px;
bottom: 0;
right: 0;
overflow-y: auto;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(-100vw);
transform: translateX(-100vw);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mob-header.show {
opacity: 1;
pointer-events: all;
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
.mob-header__toggle-header {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 140%;
color: var(--greyscale-gray-1);
min-height: 68px;
padding: 10px 30px 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--greyscale-gray-8);
position: relative;
}
.mob-header__toggle-header::before {
content: " ";
position: absolute;
right: 20px;
width: 24px;
height: 24px;
background: no-repeat center/contain url(/local/templates/main/css/../images/icons/icon-right.svg);
}
@media (max-width: 766px) {
.mob-header {
top: 18.4vw;
}
.mob-header__toggle-header {
font-size: 5.3333333333vw;
min-height: 18.1333333333vw;
padding: 2.6666666667vw 5.3333333333vw;
}
.mob-header__top {
padding: 3.2vw 4.2666666667vw;
}
.mob-header__top-logo {
height: 10.6666666667vw;
width: 10.6666666667vw;
}
.mob-header__menu-link {
font-size: 5.3333333333vw;
min-height: 16vw;
border-radius: 6.9333333333vw;
padding-left: 4.2666666667vw;
padding-right: 4.2666666667vw;
}
.mob-header__menu-link span::before {
bottom: 0.5333333333vw;
border-width: 0.5333333333vw;
}
.mob-header__link {
padding: 16px 12px;
gap: 12px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight: 500;
font-size: 16px;
line-height: 24px;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
letter-spacing: -0.01em;
border-radius: 26px;
color: #8b8e9a;
}
.mob-header__link.active {
background-color: #f5f8fa;
color: #050b12;
}
.mob-header__links {
display: -ms-grid;
display: grid;
gap: 12px;
}
.mob-header__divider {
border-bottom: 1px solid #dee3e8;
height: 1px;
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px;
}
}
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100dvh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #050b12;
}
body > main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.box {
border: 1px solid var(--greyscale-gray-9);
border-radius: 10px;
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 767px) and (max-width: 1440px) {
.box {
border-radius: 0.6944444444vw;
border-width: 0.0694444444vw;
}
}
@media (max-width: 766px) {
.box {
border-radius: 2.6666666667vw;
border-width: 0.2666666667vw;
}
}
.link {
text-decoration: unset;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.link.primary {
font-weight: 500;
font-size: 18px;
line-height: 1.5em;
color: #134d93;
text-decoration: none;
--icon-color: #134d93;
}
.link.basic {
font-weight: 500;
font-size: 18px;
line-height: 1.5em;
color: var(--main);
--icon-color: var(--main);
}
.link.basic__icon {
width: 24px;
height: 24px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.link {
gap: 0.6944444444vw;
}
.link__icon {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.link.primary {
font-size: 1.25vw;
}
.link.basic {
font-size: 1.25vw;
}
}
@media (max-width: 766px) {
.link {
gap: 2.6666666667vw;
}
.link__icon {
width: 6.4vw;
height: 6.4vw;
}
.link.primary {
font-size: 4.8vw;
}
.link.basic {
font-size: 4.8vw;
}
}
.tag__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.tag__element {
display: inline-block;
padding: 5px 14px;
font-weight: 500;
font-size: 14px;
line-height: 1.125em;
color: #134d93;
padding: 5px 14px;
gap: 10px;
background: #ffffff;
border-radius: 5px;
}
.tag__element.red {
background: #bf291f;
color: #fff;
}
@media (min-width: 767px) and (max-width: 1440px) {
.tag__list {
gap: 0.6944444444vw;
}
.tag__element {
padding: 0.3472222222vw 0.9722222222vw;
font-size: 0.9722222222vw;
gap: 0.6944444444vw;
border-radius: 0.3472222222vw;
}
}
@media (max-width: 766px) {
.tag__list {
gap: 2.6666666667vw;
}
.tag__element {
padding: 1.3333333333vw 3.7333333333vw;
font-size: 3.7333333333vw;
gap: 2.6666666667vw;
border-radius: 1.3333333333vw;
}
}
.contacts-page .contacts__map-block {
min-height: 382px;
height: 100%;
width: 100%;
}
.contacts-page .contacts__list {
border: 1px solid var(--greyscale-gray-9);
border-radius: 10px;
padding: 40px 50px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.contacts-page .contacts__list .contact__item {
position: relative;
}
.contacts-page .contacts__list .contact__item::before {
content: " ";
position: absolute;
background: var(--greyscale-gray-8);
width: 1px;
height: 88px;
right: 1px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.contacts-page .contacts__list .contact__item:last-child::before {
display: none;
}
.contacts-page .contacts__inputs {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.contacts-page .contacts__callback {
background: #f4f6f7;
border-radius: 10px;
padding: 40px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.contacts-page .contacts__map-block {
min-height: 26.5277777778vw;
}
.contacts-page .contacts__list {
border-width: 0.0694444444vw;
border-radius: 0.6944444444vw;
padding: 2.0833333333vw 40px 3.4722222222vw;
gap: 2.0833333333vw;
}
.contacts-page .contacts__list .contact__item::before {
width: 0.0694444444vw;
height: 6.1111111111vw;
right: 0.0694444444vw;
}
.contacts-page .contacts__inputs {
gap: 1.3888888889vw;
}
.contacts-page .contacts__callback {
border-radius: 0.6944444444vw;
padding: 2.7777777778vw;
}
}
@media (max-width: 766px) {
.contacts-page .contacts__map-block {
min-height: 101.8666666667vw;
}
.contacts-page .contacts__list {
border-width: 0.2666666667vw;
border-radius: 2.6666666667vw;
gap: 13.3333333333vw;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding: 8vw 8vw;
}
.contacts-page .contacts__list .contact__item::before {
width: 100%;
height: 0.2666666667vw;
top: unset;
bottom: -6.6666666667vw;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.contacts-page .contacts__inputs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.3333333333vw;
}
.contacts-page .contacts__callback {
border-radius: 2.6666666667vw;
padding: 8vw 5.3333333333vw;
}
}
.certification__image {
width: 200px;
height: 260px;
border-radius: 10px;
}
.certification__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.certification__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.certification__info-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (min-width: 1440px) {
.certification {
-ms-grid-columns: 200px 40px calc(100% - 240px);
grid-template-columns: 200px calc(100% - 240px);
gap: 40px;
}
}
@media (min-width: 767px) {
.certification {
display: -ms-grid;
display: grid;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.certification {
-ms-grid-columns: x-to-vw-mob(200px) x-to-vw-mob(40px) calc(100% - 240px);
grid-template-columns: x-to-vw-mob(200px) calc(100% - 240px);
gap: x-to-vw-mob(40px);
}
}
.registers-links {
background: #f4f6f7;
}
.registers-links__item {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: var(--greyscale-gray-1);
border-radius: 8px;
padding: 12px 20px;
width: 100%;
text-decoration: none;
text-decoration: unset;
}
.registers-links__item:hover {
color: #134d93;
}
@media (min-width: 767px) and (max-width: 1440px) {
.registers-links__item {
font-size: 1.1111111111vw;
border-radius: 0.5555555556vw;
padding: 0.8333333333vw 1.3888888889vw;
}
}
@media (max-width: 766px) {
.registers-links__item {
font-size: 4.2666666667vw;
border-radius: 2.1333333333vw;
padding: 3.2vw 5.3333333333vw;
}
}
.registers-block__container {
display: -ms-grid;
display: grid;
gap: 30px;
-ms-grid-columns: calc(100% - 310px) 30px 280px;
grid-template-columns: calc(100% - 310px) 280px;
}
.registers-block .registers__list {
display: -ms-grid;
display: grid;
gap: 20px;
}
.registers-block .register {
display: block;
text-decoration: unset;
}
.registers-block .registers__filters {
display: -ms-grid;
display: grid;
gap: 15px;
-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 165px;
grid-template-columns: 1fr 1fr 1fr 165px;
background-color: #f4f7f9;
}
.registers-block .registers__filters .button {
margin-top: auto;
}
.registers-block .request-button {
width: 100%;
height: 178px;
padding: 20px;
border-bottom: 4px solid var(--primary);
border-radius: 5px;
background: rgba(19, 77, 147, 0.1);
position: relative;
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 144%;
color: var(--primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
gap: 10px;
}
.registers-block .request-button__icon {
width: 64px;
height: 64px;
--icon-color: #bf291f;
}
.registers-block .request-button__icon svg {
width: 100%;
height: 100%;
}
.registers-block .request-button:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
}
.registers-block .request-button:after {
content: "";
position: absolute;
top: -1px;
right: -1px;
width: 41px;
height: 41px;
background-color: var(--white);
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 0 0);
}
.registers-block .request-button.simple {
background: #fff;
}
.registers-block .request-button.simple::before, .registers-block .request-button.simple::after {
display: none;
}
.registers-block .request-button.simple .request-button__icon {
--icon-color: #134d93;
}
@media (min-width: 767px) and (max-width: 1440px) {
.registers-block__container {
gap: 2.0833333333vw;
-ms-grid-columns: 1fr 2.0833333333vw 19.4444444444vw;
grid-template-columns: 1fr 19.4444444444vw;
}
.registers-block .registers__list {
gap: 1.3888888889vw;
}
.registers-block .registers__filters {
gap: 1.0416666667vw;
-ms-grid-columns: 1fr 1.0416666667vw 1fr 1.0416666667vw 1fr 1.0416666667vw 11.4583333333vw;
grid-template-columns: 1fr 1fr 1fr 11.4583333333vw;
}
.registers-block .request-button {
height: 12.3611111111vw;
padding: 1.3888888889vw;
border-width: 0.2777777778vw;
border-radius: 0.3472222222vw;
font-size: 1.25vw;
gap: 0.6944444444vw;
}
.registers-block .request-button__icon {
width: 4.4444444444vw;
height: 4.4444444444vw;
}
.registers-block .request-button:before {
width: 2.7777777778vw;
height: 2.7777777778vw;
}
.registers-block .request-button:after {
content: "";
position: absolute;
top: -0.0694444444vw;
right: -0.0694444444vw;
width: 2.8472222222vw;
height: 2.8472222222vw;
}
}
@media (max-width: 766px) {
.registers-block__container {
gap: 8vw;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.registers-block .registers__list {
gap: 5.3333333333vw;
}
.registers-block .registers__filters {
gap: 5.3333333333vw;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.registers-block .request-button {
height: 27.7333333333vw;
padding: 5.3333333333vw;
border-width: 1.0666666667vw;
border-radius: 1.3333333333vw;
font-size: 4.8vw;
gap: 2.6666666667vw;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.registers-block .request-button__icon {
width: 17.0666666667vw;
height: 17.0666666667vw;
}
.registers-block .request-button:before {
width: 10.6666666667vw;
height: 10.6666666667vw;
}
.registers-block .request-button:after {
content: "";
position: absolute;
top: -0.2666666667vw;
right: -0.2666666667vw;
width: 10.9333333333vw;
height: 10.9333333333vw;
}
}
.documents-block .documents__header {
display: -ms-grid;
display: grid;
gap: 22px;
-ms-grid-columns: 102px 22px 1fr 22px 148px 22px 242px;
grid-template-columns: 102px 1fr 148px 242px;
margin-bottom: 16px;
}
.documents-block .documents__header-th {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--greyscale-gray-3);
}
.documents-block .documents__list {
display: -ms-grid;
display: grid;
gap: 20px;
}
.documents-block .document {
text-decoration: none;
padding: 30px;
color: #050b12;
}
.documents-block .document__image {
-ms-grid-row: 1;
-ms-grid-row-span: 3;
-ms-grid-column: 1;
grid-area: image;
width: 200px;
height: 260px;
border-radius: 10px;
}
.documents-block .document__image img {
width: 100%;
/*height: 100%;*/
-o-object-fit: cover;
object-fit: cover;
}
.documents-block .document__number {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: number;
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 140%;
color: var(--greyscale-gray-4);
}
.documents-block .document__title {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: title;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 1.35em;
color: #050b12;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.documents-block .document__type {
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--greyscale-gray-4);
}
.documents-block .document__info {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: info;
}
.documents-block .document__date {
-ms-grid-row: 1;
-ms-grid-column: 5;
grid-area: date;
font-weight: 400;
font-size: 18px;
line-height: 156%;
color: var(--greyscale-gray-4);
}
.documents-block .document.simple {
display: -ms-grid;
display: grid;
gap: 22px;
-ms-grid-columns: 76px 22px 1fr 22px 136px 22px 220px;
grid-template-columns: 76px 1fr 136px 220px;
grid-template-areas: "number info date download";
}
.documents-block .document.with-image {
display: -ms-grid;
display: grid;
gap: 20px 80px;
-ms-grid-rows: auto 20px auto;
grid-template-areas: "image info download" "image date download";
-ms-grid-columns: 200px 80px 1fr 80px 220px;
grid-template-columns: 200px 1fr 220px;
}
.documents-block .document__download {
-ms-grid-row: 1;
-ms-grid-column: 7;
grid-area: download;
width: 100;
}
.documents-block .document:hover .document__title {
color: var(--primary);
}
.documents-block .document:hover .document__download {
background: var(--primary);
--icon-color: #fff;
}
.documents-block .document:hover .document__download .button-download__type,
.documents-block .document:hover .document__download .button-download__title {
color: #fff;
}
@media (min-width: 767px) and (max-width: 1440px) {
.documents-block .documents__header {
gap: 1.5277777778vw;
-ms-grid-columns: 7.0833333333vw 1.5277777778vw 1fr 1.5277777778vw 10.2777777778vw 1.5277777778vw 16.8055555556vw;
grid-template-columns: 7.0833333333vw 1fr 10.2777777778vw 16.8055555556vw;
margin-bottom: 1.1111111111vw;
}
.documents-block .documents__header-th {
font-size: 1.1111111111vw;
}
.documents-block .documents__list {
gap: 1.3888888889vw;
}
.documents-block .document {
padding: 2.0833333333vw;
}
.documents-block .document__image {
width: 13.8888888889vw;
height: 18.0555555556vw;
border-radius: 0.6944444444vw;
}
.documents-block .document__number {
font-size: 1.3888888889vw;
}
.documents-block .document__title {
font-size: 1.6666666667vw;
}
.documents-block .document__type {
font-size: 0.9722222222vw;
}
.documents-block .document__date {
font-size: 1.25vw;
}
.documents-block .document.simple {
gap: 1.5277777778vw;
-ms-grid-columns: 5.2777777778vw 1.5277777778vw 1fr 1.5277777778vw 9.4444444444vw 1.5277777778vw 15.2777777778vw;
grid-template-columns: 5.2777777778vw 1fr 9.4444444444vw 15.2777777778vw;
}
.documents-block .document.with-image {
display: -ms-grid;
display: grid;
gap: 1.3888888889vw 5.5555555556vw;
-ms-grid-columns: 13.8888888889vw 5.5555555556vw 1fr 5.5555555556vw 15.2777777778vw;
grid-template-columns: 13.8888888889vw 1fr 15.2777777778vw;
}
}
@media (max-width: 766px) {
.documents-block .documents__header {
gap: 5.8666666667vw;
-ms-grid-columns: 27.2vw 5.8666666667vw 1fr 5.8666666667vw 39.4666666667vw 5.8666666667vw 64.5333333333vw;
grid-template-columns: 27.2vw 1fr 39.4666666667vw 64.5333333333vw;
margin-bottom: 4.2666666667vw;
}
.documents-block .documents__header-th {
font-size: 4.2666666667vw;
}
.documents-block .documents__list {
gap: 5.3333333333vw;
}
.documents-block .document {
padding: 5.3333333333vw;
}
.documents-block .document__image {
width: 53.3333333333vw;
height: 69.3333333333vw;
border-radius: 2.6666666667vw;
}
.documents-block .document__number {
font-size: 4.2666666667vw;
}
.documents-block .document__title {
font-size: 4.8vw;
}
.documents-block .document__type {
font-size: 3.7333333333vw;
}
.documents-block .document__date {
font-size: 4.2666666667vw;
}
.documents-block .document.simple {
gap: 2.6666666667vw;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto 2.6666666667vw auto 2.6666666667vw auto 2.6666666667vw auto;
grid-template-areas: "number" "info" "date" "download";
}
.documents-block .document.with-image {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2.6666666667vw;
-ms-grid-rows: auto 2.6666666667vw auto 2.6666666667vw auto 2.6666666667vw auto;
grid-template-areas: "image" "info" "date" "download";
}
.documents-block .document.simple > .header__info {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.documents-block .document.with-image > .header__info {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.documents-block .document__image {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
}
.documents-block .document__number {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.documents-block .document.simple > .document__info {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.documents-block .document.with-image > .document__info {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.documents-block .document__date {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.documents-block .document.with-image > .document__date {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.documents-block .document__download {
-ms-grid-row: 7;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
}
.documents-block .document.with-image > .document__download {
-ms-grid-row: 7;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
}
}
.about-company__columns {
display: -ms-grid;
display: grid;
}
.about-company__block .image-column {
width: 100%;
}
.about-company__block .image-column img,
.about-company__block .image-column svg {
width: 100%;
}
@media (min-width: 1440px) {
.about-company__columns {
gap: 60px;
-ms-grid-columns: 1fr 60px 400px;
grid-template-columns: 1fr 400px;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.about-company__columns {
gap: 4.1666666667vw;
-ms-grid-columns: 1fr 4.1666666667vw 27.7777777778vw;
grid-template-columns: 1fr 27.7777777778vw;
}
}
@media (max-width: 766px) {
.about-company__columns {
gap: 8vw;
}
}
.calculator-block {
display: -ms-grid;
display: grid;
gap: 20px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-grid-columns: 1fr 20px 399px;
grid-template-columns: 1fr 399px;
}
.calculator-block .calculator-result {
font-weight: 500;
font-size: 24px !important;
line-height: 133%;
}
@media (min-width: 767px) and (max-width: 1440px) {
.calculator-block {
-ms-grid-columns: 1fr 1.3888888889vw 27.7083333333vw;
grid-template-columns: 1fr 27.7083333333vw;
gap: 1.3888888889vw;
}
.calculator-block .calculator-result {
font-size: 1.6666666667vw !important;
}
}
@media (min-width: 767px) {
.calculator-block .calc-result {
position: sticky;
top: 130px;
}
}
@media (max-width: 766px) {
.calculator-block {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 5.3333333333vw;
}
.calculator-block .calculator-result {
font-size: 6.4vw !important;
}
.calculator-block .calc-result {
margin-left: -4vw;
margin-right: -4vw;
}
}
.intro__slide {
position: relative;
width: 100%;
}
.intro__slide-container {
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 160px;
z-index: 12;
}
.intro__slide__info {
position: relative;
z-index: 12;
}
.intro__slide-title {
font-family: var(--font-family);
font-weight: 500;
font-size: 60px;
line-height: 133%;
color: var(--white);
}
.intro__slide-image {
height: 700px;
position: relative;
z-index: 12;
}
.intro__slide-image::before {
content: " ";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#0e1e31), to(rgba(14, 30, 49, 0))), rgba(1, 9, 18, 0.2);
background: linear-gradient(0deg, #0e1e31 0%, rgba(14, 30, 49, 0) 100%), rgba(1, 9, 18, 0.2);
}
.intro__slide-image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 767px) and (max-width: 1440px) {
.intro__slide-container {
bottom: 11.1111111111vw;
}
.intro__slide-title {
font-size: 4.1666666667vw;
}
.intro__slide-image {
height: 48.6111111111vw;
}
}
@media (max-width: 766px) {
.intro__slide-container {
bottom: 17.6vw;
}
.intro__slide-title {
line-height: 129%;
font-size: 7.4666666667vw;
}
.intro__slide-image {
height: 133.3333333333vw;
}
}
.large__slider {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}
.large__slider .slider__actions.bottom {
left: 50px;
right: 50px;
margin-left: auto;
}
.large__slider .slider__actions-left {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.large__slide {
position: relative;
}
.large__slide-container {
position: absolute;
left: 50px;
right: 50px;
bottom: 160px;
z-index: 12;
}
.large__slide-title {
font-family: var(--font-family);
color: var(--white);
font-weight: 600;
font-size: 40px;
line-height: 125%;
color: var(--white);
}
.large__slide-image {
height: 800px;
position: relative;
}
.large__slide-image::before {
content: " ";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#0e1e31), to(rgba(14, 30, 49, 0))), rgba(1, 9, 18, 0.2);
background: linear-gradient(0deg, #0e1e31 0%, rgba(14, 30, 49, 0) 100%), rgba(1, 9, 18, 0.2);
}
.large__slide-image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 767px) and (max-width: 1440px) {
.large__slide-container {
bottom: 11.1111111111vw;
}
.large__slide-title {
font-size: 2.7777777778vw;
}
.large__slide-image {
height: 55.5555555556vw;
}
}
@media (max-width: 766px) {
.large__slider {
margin-left: -4vw;
margin-right: -4vw;
}
.large__slider .slider__actions.bottom {
left: 4vw;
right: 4vw;
}
.large__slide-container {
left: 4vw;
right: 4vw;
bottom: 17.6vw;
}
.large__slide-title {
line-height: 129%;
font-size: 6.4vw;
}
.large__slide-image {
height: 120vw;
}
}
.partners-tiles .tiles {
display: -ms-grid;
display: grid;
-ms-grid-columns: 400px 1fr 1fr 1fr;
grid-template-columns: 400px 1fr 1fr 1fr;
}
.partners-tiles .tile {
background: #ffffff;
border: 1px solid #edeeef;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 50px;
}
.partners-tiles .tile.logo {
padding: #f4f6f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.partners-tiles .tile.logo img {
width: 100%;
max-width: 200px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.partners-tiles .tiles {
-ms-grid-columns: 27.7777777778vw 1fr 1fr 1fr;
grid-template-columns: 27.7777777778vw 1fr 1fr 1fr;
}
.partners-tiles .tile {
border-width: 0.0694444444vw;
padding: 3.4722222222vw;
}
.partners-tiles .tile.logo img {
max-width: 13.8888888889vw;
}
}
@media (max-width: 766px) {
.partners-tiles .tiles {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.partners-tiles .tile {
border-width: 0.2666666667vw;
padding: 8vw;
}
.partners-tiles .tile.title {
border: unset;
margin-bottom: 8vw;
padding: 0;
}
.partners-tiles .tile.logo {
background: #f4f6f7;
}
.partners-tiles .tile.logo img {
width: 53.3333333333vw;
}
}
.news-content {
max-width: 924px;
}
.news-content img {
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
height: auto;
}
.news-content .news-item__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.news-content .news-item__tag {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
padding: 5px 14px;
font-weight: 500;
font-size: 14px;
line-height: 1.125em;
color: #134d93;
padding: 5px 14px;
gap: 10px;
background: #ffffff;
border-radius: 5px;
text-decoration: unset;
background: var(--greyscale-gray-10);
}
.news-content .news-item__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.news-content .news-item__line {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.news-content .news-item__line-image {
border-radius: 10px;
width: 100%;
height: 200px;
overflow: hidden;
}
.news-content .news-item__line-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news-content .news-item__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news-content .news-item__statistics {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--greyscale-gray-3);
--icon-color: #747887;
}
.news-content .news-item__date-icon {
width: 24px;
height: 24px;
}
.news-content .news-item__views-icon {
width: 20px;
height: 20px;
}
.news-content .news-item__date, .news-content .news-item__views {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
--icon-color: var(--greyscale-gray-3);
}
.news-content .news-item__date svg, .news-content .news-item__views svg {
height: 100%;
width: 100%;
}
@media (min-width: 767px) and (max-width: 1440px) {
.news-content .news-item__tags {
gap: 0.6944444444vw;
}
.news-content .news-item__tag {
padding: 0.3472222222vw 0.9722222222vw;
font-size: 0.9722222222vw;
gap: 0.6944444444vw;
border-radius: 0.3472222222vw;
}
.news-content .news-item__header {
gap: 2.0833333333vw;
}
.news-content .news-item__line {
gap: 1.3888888889vw;
}
.news-content .news-item__line-image {
border-radius: 0.6944444444vw;
height: 13.8888888889vw;
}
.news-content .news-item__statistics {
gap: 1.3888888889vw;
font-size: 1.1111111111vw;
}
.news-content .news-item__date-icon {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.news-content .news-item__views-icon {
width: 1.3888888889vw;
height: 1.3888888889vw;
}
.news-content .news-item__date, .news-content .news-item__views {
font-size: 1.1111111111vw;
gap: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.news-content .news-item__tags {
gap: 2.6666666667vw;
}
.news-content .news-item__tag {
padding: 1.3333333333vw 3.7333333333vw;
font-size: 3.7333333333vw;
gap: 2.6666666667vw;
border-radius: 1.3333333333vw;
}
.news-content .news-item__header {
gap: 4vw;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.news-content .news-item__actions {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4vw;
}
.news-content .news-item__actions-share {
width: 100%;
}
.news-content .news-item__line {
gap: 5.3333333333vw;
overflow-y: auto;
padding-left: 4vw;
padding-right: 4vw;
margin-left: -4vw;
margin-right: -4vw;
}
.news-content .news-item__line-image {
border-radius: 2.6666666667vw;
height: 53.3333333333vw;
width: 78.6666666667vw;
}
.news-content .news-item__line::-webkit-scrollbar {
display: none;
}
.news-content .news-item__statistics {
font-size: 4.2666666667vw;
}
.news-content .news-item__date-icon {
width: 6.4vw;
height: 6.4vw;
}
.news-content .news-item__views-icon {
width: 5.3333333333vw;
height: 5.3333333333vw;
}
.news-content .news-item__date, .news-content .news-item__views {
font-size: 4.2666666667vw;
gap: 2.6666666667vw;
}
}
.news-block .news-item {
display: block;
text-decoration: unset;
}
.news-block .news-item__top {
position: relative;
}
.news-block .news-item__image {
width: 100%;
height: 300px;
position: relative;
}
.news-block .news-item__image img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news-block .news-item__image::before {
content: " ";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100px;
background: -webkit-gradient(linear, left bottom, left top, from(#0e1e31), to(rgba(14, 30, 49, 0)));
background: linear-gradient(0deg, #0e1e31 0%, rgba(14, 30, 49, 0) 100%);
opacity: 0.5;
}
.news-block .news-item__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
position: absolute;
bottom: 20px;
right: 20px;
left: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.news-block .news-item__tag {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
padding: 5px 14px;
font-weight: 500;
font-size: 14px;
line-height: 1.125em;
color: #134d93;
padding: 5px 14px;
gap: 10px;
background: #ffffff;
border-radius: 5px;
}
.news-block .news-item__info {
margin-top: 20px;
}
.news-block .news-item__date {
font-weight: 400;
font-size: 14px;
line-height: 1.125em;
color: #9ca1a5;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
--icon-color: #9ca1a5;
}
.news-block .news-item__date-icon {
width: 16px;
height: 16px;
}
.news-block .news-item__date-icon svg {
width: 100%;
height: 100%;
}
.news-block .news-item__title {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 1.4em;
color: #050b12;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.news-block .news-item:hover .news-item__title {
color: var(--main);
}
.news-block .news-item:hover .news-item__tag {
color: var(--white);
background: var(--main);
}
@media (min-width: 767px) and (max-width: 1440px) {
.news-block .news-item__image {
height: 20.8333333333vw;
}
.news-block .news-item__image::before {
height: 6.9444444444vw;
}
.news-block .news-item__tags {
gap: 0.6944444444vw;
bottom: 1.3888888889vw;
right: 1.3888888889vw;
left: 1.3888888889vw;
}
.news-block .news-item__tag {
font-size: 0.9722222222vw;
padding: 0.3472222222vw 0.9722222222vw;
border-radius: 0.3472222222vw;
}
.news-block .news-item__info {
margin-top: 1.3888888889vw;
}
.news-block .news-item__date {
font-size: 0.9722222222vw;
gap: 0.5555555556vw;
}
.news-block .news-item__date-icon {
width: 1.1111111111vw;
height: 1.1111111111vw;
}
.news-block .news-item__title {
font-size: 1.3888888889vw;
}
}
@media (max-width: 766px) {
.news-block .news-item__image {
height: 80vw;
}
.news-block .news-item__image::before {
height: 26.6666666667vw;
}
.news-block .news-item__tags {
gap: 2.6666666667vw;
bottom: 5.3333333333vw;
right: 5.3333333333vw;
left: 5.3333333333vw;
}
.news-block .news-item__tag {
font-size: 3.7333333333vw;
padding: 1.3333333333vw 3.7333333333vw;
border-radius: 1.3333333333vw;
}
.news-block .news-item__info {
margin-top: 5.3333333333vw;
}
.news-block .news-item__date {
font-size: 3.7333333333vw;
gap: 2.1333333333vw;
}
.news-block .news-item__date-icon {
width: 4.2666666667vw;
height: 4.2666666667vw;
}
.news-block .news-item__title {
font-size: 4.8vw;
}
}
.col-span-1 {
-ms-grid-column-span: 1;
grid-column: span 1;
}
@media (min-width: 767px) {
.col-span-md-1 {
-ms-grid-column-span: 1 !important;
grid-column: span 1 !important;
}
}
.col-span-2 {
-ms-grid-column-span: 2;
grid-column: span 2;
}
.col-span-3 {
-ms-grid-column-span: 3;
grid-column: span 3;
}
.col-span-4 {
-ms-grid-column-span: 4;
grid-column: span 4;
}
.col-span-5 {
-ms-grid-column-span: 5;
grid-column: span 5;
}
.col-span-6 {
-ms-grid-column-span: 6;
grid-column: span 6;
}
.col-span-7 {
-ms-grid-column-span: 7;
grid-column: span 7;
}
.col-span-8 {
-ms-grid-column-span: 8;
grid-column: span 8;
}
.col-span-9 {
-ms-grid-column-span: 9;
grid-column: span 9;
}
.col-span-10 {
-ms-grid-column-span: 10;
grid-column: span 10;
}
.col-span-11 {
-ms-grid-column-span: 11;
grid-column: span 11;
}
.col-span-12 {
-ms-grid-column-span: 12;
grid-column: span 12;
}
.label {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 129%;
color: #f28d16;
border-radius: 10px;
padding: 6px 10px;
min-height: 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.label.warning {
background: rgba(242, 141, 22, 0.1);
color: #f28d16;
}
.label.success {
background: rgba(53, 176, 10, 0.1);
color: #35b00a;
--icon-color: #3ca411;
}
.label.info {
background: rgba(16, 89, 231, 0.1);
color: #1059e7;
--icon-color: #1059e7;
}
.label.error {
background: rgba(234, 57, 19, 0.1);
color: #ea3913;
--icon-color: #ea3913;
}
.label.lg {
padding: 11px 16px;
font-size: 16px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.label {
font-size: 0.9722222222vw;
border-radius: 0.6944444444vw;
padding: 0.4166666667vw 0.6944444444vw;
min-height: 2.0833333333vw;
}
.label.lg {
padding: 0.7638888889vw 1.1111111111vw;
font-size: 1.1111111111vw;
}
}
@media (max-width: 766px) {
.label {
font-size: 3.7333333333vw;
border-radius: 2.6666666667vw;
padding: 1.6vw 2.6666666667vw;
min-height: 8vw;
}
.label.lg {
padding: 2.9333333333vw 4.2666666667vw;
font-size: 4.2666666667vw;
}
}
.profile-page__container {
gap: 40px;
-ms-grid-columns: 171px 40px 1fr;
grid-template-columns: 171px 1fr;
}
.profile-page .vote-chart__graph {
width: 380px;
height: 380px;
}
.profile-page .profile__inputs {
gap: 30px;
}
.profile-page .profile-sidebar {
padding-top: 30px;
padding-right: 20px;
}
.profile-page .profile__vote .profile__vote-collapse-icon {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.profile-page .profile__vote.ready {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20% 40px;
grid-template-columns: 1fr 20% 40px;
}
.profile-page .profile__vote.ready.show .profile__vote-collapse-icon {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.profile-page .profile__menu {
list-style: none;
margin: 0;
padding: 0;
margin-left: -5.6vw;
padding-bottom: 15px;
}
.profile-page .profile__menu-link {
width: 100%;
font-family: var(--font-family);
font-weight: 400;
font-size: 17px;
line-height: 156%;
color: var(--greyscale-gray-1);
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
border-radius: 10px;
padding: 12px 20px;
}
.profile-page .profile__menu-link-icon {
width: 24px;
height: 24px;
--icon-color: #5d6167;
}
.profile-page .profile__menu-link-icon svg {
width: 100%;
height: 100%;
}
.profile-page .profile__menu-link.active {
color: var(--primary);
background: var(--white);
}
.profile-page .profile__menu-link.active .profile__menu-link-icon {
--icon-color: #134d93;
}
.profile-page .profile__box {
border: 1px solid var(--greyscale-gray-10);
border-radius: 10px;
padding: 50px 40px;
}
.profile-page .profile__payments {
padding: 30px;
}
.profile-page .profile__payments-header {
background: #f4f6f7;
display: -ms-grid;
display: grid;
min-height: 40px;
padding: 10px 10px;
border-radius: 8px;
display: grid;
-ms-grid-columns: 10.3% 28.4% 13% 22.7% 11.6% 13.9%;
grid-template-columns: 10.3% 28.4% 13% 22.7% 11.6% 13.9%;
}
.profile-page .profile__payments-header-th {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 129%;
padding-left: 10px;
padding-right: 10px;
color: var(--greyscale-gray-4);
}
.profile-page .profile__payments-item {
display: -ms-grid;
display: grid;
padding: 12px 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 80px;
-ms-grid-columns: 10.3% 28.4% 13% 22.7% 11.6% 13.9%;
grid-template-columns: 10.3% 28.4% 13% 22.7% 11.6% 13.9%;
}
.profile-page .profile__payments-item-td {
padding-left: 10px;
padding-right: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 1.1em;
color: var(--greyscale-gray-2);
}
@media (min-width: 767px) {
.profile-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile-page > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile-page__container {
display: -ms-grid;
display: grid;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile-page .profile__payments {
-webkit-box-shadow: 0 1px 4px 0 rgba(24, 26, 32, 0.07);
box-shadow: 0 1px 4px 0 rgba(24, 26, 32, 0.07);
background: var(--white);
}
.profile-page .profile__payments-item {
border-bottom: 1px solid var(--greyscale-gray-9);
}
.profile-page .profile__vote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
}
.profile-page .profile__vote-info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile-page .profile__company-columns {
display: -ms-grid;
display: grid;
gap: 20px;
-ms-grid-columns: 35% 20px 65%;
grid-template-columns: 35% 65%;
}
.profile-page .profile__inputs {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
}
.profile-page .profile-sidebar {
min-height: 100%;
position: relative;
}
.profile-page .profile-sidebar::before {
content: " ";
position: absolute;
left: -100vw;
background: #f4f6f7;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.profile-page .vote-chart__graph {
width: 26.3888888889vw;
height: 26.3888888889vw;
}
.profile-page__container {
-ms-grid-columns: 11.875vw 1fr;
grid-template-columns: 11.875vw 1fr;
}
.profile-page .profile__inputs {
gap: 2.0833333333vw;
}
.profile-page .profile-sidebar {
padding-top: 2.0833333333vw;
padding-right: 1.3888888889vw;
}
.profile-page .profile__menu {
padding-bottom: 1.0416666667vw;
}
.profile-page .profile__menu-link {
font-size: 1.1805555556vw;
gap: 0.6944444444vw;
border-radius: 0.6944444444vw;
padding: 0.8333333333vw 1.3888888889vw;
}
.profile-page .profile__menu-link-icon {
width: 1.6666666667vw;
height: 1.6666666667vw;
}
.profile-page .profile__box {
border-width: 0.0694444444vw;
border-radius: 0.6944444444vw;
padding: 3.4722222222vw 2.7777777778vw;
}
.profile-page .profile__payments {
padding: 2.0833333333vw;
}
.profile-page .profile__payments-header {
min-height: 2.7777777778vw;
padding: 0.6944444444vw 0.6944444444vw;
border-radius: 0.5555555556vw;
}
.profile-page .profile__payments-header-th {
font-size: 0.9722222222vw;
padding-left: 0.6944444444vw;
padding-right: 0.6944444444vw;
}
.profile-page .profile__payments-item {
padding: 0.8333333333vw 0.6944444444vw;
min-height: 5.5555555556vw;
}
.profile-page .profile__payments-item-td {
padding-left: 0.6944444444vw;
padding-right: 0.6944444444vw;
font-size: 1.1111111111vw;
}
}
@media (max-width: 766px) {
.profile-page .vote-chart__graph {
margin-top: 10.6666666667vw;
margin-left: auto;
margin-right: auto;
width: 66.6666666667vw;
height: 66.6666666667vw;
}
.profile-page .button-save {
width: 100%;
}
.profile-page .profile__payments {
padding: 0;
}
.profile-page .profile__payments-body {
display: -ms-grid;
display: grid;
gap: 2.6666666667vw;
}
.profile-page .profile__payments-item {
-ms-grid-columns: 55% 2.6666666667vw 45%;
grid-template-columns: 55% 45%;
-ms-grid-rows: auto 2.6666666667vw auto 2.6666666667vw auto 2.6666666667vw auto;
grid-template-areas: "number money " "name name " "bank status" "date status";
gap: 2.6666666667vw;
padding: 3.2vw 2.6666666667vw;
min-height: unset;
border-style: solid;
border-color: var(--greyscale-gray-9);
border-radius: 2.6666666667vw;
border-width: 0.2666666667vw;
padding: 5.3333333333vw 2.6666666667vw;
}
.profile-page .profile__payments-item-td {
padding-left: 2.6666666667vw;
padding-right: 2.6666666667vw;
font-size: 3.7333333333vw;
}
.profile-page .profile__payments-item-td.name {
grid-area: name;
}
.profile-page .profile__payments-item-td.date {
-ms-grid-row: 1;
-ms-grid-column: 5;
color: var(--greyscale-gray-5);
grid-area: date;
}
.profile-page .profile__payments-item-td.bank {
grid-area: bank;
}
.profile-page .profile__payments-item-td.number {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: number;
}
.profile-page .profile__payments-item-td.money {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: money;
}
.profile-page .profile__payments-item-td.status {
grid-area: status;
align-self: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.profile-page .profile__inputs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.3333333333vw;
}
.profile-page .profile-sidebar {
visibility: hidden;
opacity: 0;
padding: 5.3333333333vw 5.3333333333vw;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
position: fixed;
z-index: 1234;
left: 0;
right: 0;
bottom: 0;
bottom: 0;
max-height: calc(100vh - 100px);
overflow-y: auto;
background: #ffffff;
border-top-left-radius: 2.6666666667vw;
border-top-right-radius: 2.6666666667vw;
}
.profile-page .profile-sidebar::-webkit-scrollbar {
display: none;
}
.profile-page .profile-sidebar::-webkit-scrollbar-track {
display: none;
}
.profile-page .profile-sidebar::-webkit-scrollbar-thumb {
display: none;
}
.profile-page .profile-sidebar.active {
visibility: visible;
opacity: 1;
display: block;
}
.profile-page .profile__menu {
padding-right: 5.3333333333vw;
padding-left: 4vw;
padding-bottom: 0;
}
.profile-page .profile__menu-close {
position: absolute;
top: 2.6666666667vw;
right: 2.6666666667vw;
}
.profile-page .profile__menu-link {
font-size: 4.8vw;
gap: 2.6666666667vw;
min-height: 13.3333333333vw;
border-radius: 2.6666666667vw;
padding: 3.2vw 5.3333333333vw;
}
.profile-page .profile__menu-link-icon {
width: 6.4vw;
height: 6.4vw;
}
.profile-page .profile__menu-link.active {
background: #f4f6f7;
}
.profile-page .profile__box {
margin-left: -4vw;
margin-right: -4vw;
border-width: 0.2666666667vw;
border-radius: 2.6666666667vw;
padding: 8vw 4vw;
}
.profile-page .profile__vote.ready {
gap: 4vw;
-ms-grid-columns: 1fr 4vw 1fr;
grid-template-columns: 1fr 1fr;
}
.profile-page .profile__vote.ready .profile__vote-info {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
}
.profile-page .profile__payments-item > .document__number {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.profile-page .profile__payments-item > .document__date {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
}
@media (max-width: 766px){
.profile-page .profile__payments-item-td.name {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
}
.profile-page .profile__payments-item-td.date {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.documents-block .document.with-image > .profile__payments-item-td.date {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.profile-page .profile__payments-item > .profile__payments-item-td.date {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.profile-page .profile__payments-item-td.bank {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.profile-page .profile__payments-item-td.number {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.profile-page .profile__payments-item > .profile__payments-item-td.number {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.profile-page .profile__payments-item-td.status {
-ms-grid-row: 5;
-ms-grid-row-span: 3;
-ms-grid-column: 3;
}
}
@media (min-width: 767px) {
.info-page main {
padding-top: 80px;
}
.info-page__content {
max-width: 720px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
}
@media (min-width: 767px) {
.info-page.with-bg main {
position: relative;
}
.info-page.with-bg main::before {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: no-repeat top/cover url(/local/templates/main/css/../images/pages/languages/bg.svg);
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.info-page main {
padding-top: 5.5555555556vw;
padding-bottom: 8.3333333333vw;
}
.info-page__content {
max-width: 50vw;
}
}
@media (max-width: 766px) {
.info-page main {
padding-top: 6.4vw;
}
}
.accordion {
cursor: default;
background: #f5f8fa;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 32px;
overflow: hidden;
position: relative;
overflow: hidden;
}
.accordion__list {
display: -ms-grid;
display: grid;
gap: 16px;
}
.accordion-header {
font-weight: 800;
font-size: 20px;
line-height: 100%;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #191a26;
padding: 30px 72px 30px 32px;
position: relative;
list-style-type: none;
font-family: "Roboto Flex", sans-serif;
}
.accordion-header::webkit-details-marker {
display: none;
}
.accordion-header::after, .accordion-header::before {
content: " ";
position: absolute;
right: 40px;
height: 20px;
width: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform-origin: top;
transform-origin: top;
}
.accordion-header::after {
background-image: url(/local/templates/main/css/../images/icons/icon-plus.svg);
}
.accordion-header::before {
background-image: url(/local/templates/main/css/../images/icons/icon-plus_white.svg);
opacity: 0;
}
.accordion::webkit-details-marker {
display: none;
}
.accordion-body {
margin-top: -5px;
padding: 0px 32px 23px;
font-size: 18px;
line-height: 1.4em;
letter-spacing: -0.01em;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion-body p {
margin: 0;
}
.accordion[open] {
background: #8e35ff;
margin-bottom: 10px;
}
.accordion[open] .accordion-header {
color: #fff;
}
.accordion[open] .accordion-header::after {
opacity: 0;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
.accordion[open] .accordion-header::before {
opacity: 1;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
.accordion[open] .accordion-body {
color: #fff;
}
@media (min-width: 767px) and (max-width: 1440px) {
.accordion {
border-radius: 2.2222222222vw;
}
.accordion__list {
display: -ms-grid;
display: grid;
gap: 1.1111111111vw 16px;
}
.accordion-header {
font-size: 1.3888888889vw;
padding: 2.0833333333vw 5vw 2.0833333333vw 2.2222222222vw;
}
.accordion-header::after, .accordion-header::before {
content: " ";
position: absolute;
right: 2.7777777778vw;
height: 1.3888888889vw;
width: 1.3888888889vw;
}
.accordion-body {
margin-top: -0.3472222222vw;
padding: 0px 2.2222222222vw 1.5972222222vw;
font-size: 1.25vw;
}
.accordion[open] {
margin-bottom: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.accordion-header {
font-size: 3.7333333333vw;
line-height: 140%;
padding: 5.3333333333vw 16vw 5.3333333333vw 6.4vw;
}
.accordion-body {
margin-top: -1.3333333333vw;
padding: 0px 6.4vw 6.4vw;
font-size: 4.2666666667vw;
line-height: 1.4em;
}
}
.tooltip {
width: 600px;
margin: 120px auto;
}
.unactive {
display: none;
}
.tippy-box,
.tippy-tooltip {
padding: 12px 12px;
background-color: #191a26;
border-radius: 12px;
width: 217px;
min-height: 60px;
}
.tippy-box .tippy-content,
.tippy-tooltip .tippy-content {
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 1.5em;
letter-spacing: -0.0075em;
padding: 0;
}
.tippy-box .tippy-arrow,
.tippy-tooltip .tippy-arrow {
margin-left: -30px;
color: #191a26;
}
.tippy-box.light-theme,
.tippy-tooltip.light-theme {
border: 1px solid #dee3e8;
border-radius: 20px;
padding: 8px;
pointer-events: all;
background-color: #fff;
}
.tippy-box.light-theme .tippy-arrow,
.tippy-tooltip.light-theme .tippy-arrow {
color: #fff;
display: none;
}
@media (min-width: 767px) and (max-width: 1440px) {
.tippy-box,
.tippy-tooltip {
padding: 0.8333333333vw 0.8333333333vw;
border-radius: 0.8333333333vw;
width: 15.0694444444vw;
min-height: 4.1666666667vw;
}
.tippy-box .tippy-content,
.tippy-tooltip .tippy-content {
font-size: 0.8333333333vw;
letter-spacing: -0.12px;
}
.tippy-box .tippy-arrow,
.tippy-tooltip .tippy-arrow {
margin-left: -2.0833333333vw;
}
.tippy-box.light-theme,
.tippy-tooltip.light-theme {
border-radius: 1.3888888889vw;
border-width: 0.0694444444vw;
padding: 0.5555555556vw;
}
}
@media (max-width: 766px) {
.tippy-box,
.tippy-tooltip {
padding: 3.2vw 3.2vw;
border-radius: 3.2vw;
width: 57.8666666667vw;
min-height: 16vw;
}
.tippy-box .tippy-content,
.tippy-tooltip .tippy-content {
font-size: 3.2vw;
letter-spacing: -0.12px;
}
.tippy-box .tippy-arrow,
.tippy-tooltip .tippy-arrow {
margin-left: -8vw;
}
.tippy-box.light-theme,
.tippy-tooltip.light-theme {
border-radius: 5.3333333333vw;
border-width: 0.2666666667vw;
padding: 2.1333333333vw;
}
}
@media (max-width: 766px) {
.partner-page .course__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.partner-page .course__body-list {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.partner-page .course__body-divider {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.partner-page .course__body-buttons {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media (max-width: 766px) {
.partner-page .refferal-link-box {
display: -ms-grid;
display: grid;
grid-template-areas: "title " "benefits " "form";
}
.partner-page .refferal-link-box .refferal-title {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: title;
}
.partner-page .refferal-link-box .refferal-form {
grid-area: form;
}
.partner-page .refferal-link-box .refferal-benefits {
grid-area: benefits;
}
.partner-page .refferal-link-box .gradient-hexagon .title.big {
font-size: 6.4vw;
}
.partner-page .refferal-link-box > .button-download__title {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.partner-page .refferal-link-box > .document__title {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
}
@media (max-width: 766px){
.documents-block .document__title {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.partner-page .refferal-link-box .refferal-title {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.partner-page .refferal-link-box > .refferal-title {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.partner-page .refferal-link-box .refferal-form {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.partner-page .refferal-link-box .refferal-benefits {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
}
.tippy-menu {
padding: 8px;
display: -ms-grid;
display: grid;
gap: 8px;
}
.tippy-menu__link {
padding: 12px 16px;
font-family: "Inter Display";
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: -0.01em;
min-height: 48px;
color: #191a26;
text-decoration: unset;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tippy-menu__link:hover {
background-color: #f5f8fa;
}
@media (min-width: 767px) and (max-width: 1440px) {
.tippy-menu {
padding: 0.5555555556vw;
gap: 0.5555555556vw;
}
.tippy-menu__link {
padding: 0.8333333333vw 1.1111111111vw;
font-size: 1.1111111111vw;
min-height: 3.3333333333vw;
}
}
.group-edit-modal {
position: fixed;
z-index: 123458;
left: 50%;
top: 50%;
overflow-y: scroll;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 573px;
height: 660px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 22px 16px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
opacity: 0;
pointer-events: none;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.group-edit-modal.show {
pointer-events: all;
opacity: 1;
visibility: visible;
}
.group-edit-modal__form {
gap: 16px;
padding-bottom: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100%;
width: 100%;
max-width: 500px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.group-edit-modal__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 767px) {
.group-edit-modal {
-o-object-fit: cover;
object-fit: cover;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
background-color: #fff;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
.group-edit-modal {
width: 39.7916666667vw;
height: 45.8333333333vw;
padding: 1.5277777778vw 1.1111111111vw 1.1111111111vw;
}
.group-edit-modal__form {
gap: 1.1111111111vw;
padding-bottom: 5.5555555556vw;
max-width: 34.7222222222vw;
}
}
@media (max-width: 766px) {
.group-edit-modal {
width: 91.4666666667vw;
height: 148.2666666667vw;
background-image: url(/local/templates/main/css/../images/pages/home/mob-modal-bg.svg);
padding: 5.8666666667vw 4.2666666667vw 4.2666666667vw;
}
.group-edit-modal__form {
gap: 4.2666666667vw;
padding-bottom: 21.3333333333vw;
max-width: 133.3333333333vw;
}
}
.page-404__image img {
width: 100%;
}
@media (min-width: 767px) {
.page-404 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-404 .container {
padding-top: 5vh;
padding-bottom: 5vh;
min-height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-404__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.page-404__image {
margin-left: auto;
max-width: 78%;
}
}
@media (max-width: 766px) {
.page-404 {
padding-top: 13.3333333333vw;
padding-bottom: 13.3333333333vw;
}
.page-404__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 9.3333333333vw;
}
}
a {
color: inherit;
cursor: pointer;
}
[data-url] {
cursor: pointer;
}
.committee-box {
display: -ms-grid;
display: grid;
-ms-grid-columns: 300px 40px 1fr;
grid-template-columns: 300px 1fr;
gap: 40px;
}
.committee-box__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 10px;
}
.committee-box__image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 767px) and (max-width: 1440px) {
.committee-box {
-ms-grid-columns: 20.8333333333vw 2.7777777778vw 1fr;
grid-template-columns: 20.8333333333vw 1fr;
gap: 2.7777777778vw;
}
.committee-box__info {
padding-bottom: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.committee-box {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 8vw;
}
}
.list-card-box {
display: -ms-grid;
display: grid;
-ms-grid-columns: 250px 40px 1fr;
grid-template-columns: 250px 1fr;
gap: 40px;
}
.list-card-box__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.list-card-box__info .button-show-more {
min-height: 48px;
min-width: 149px;
}
.list-card-box__image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 767px) and (max-width: 1440px) {
.list-card-box {
-ms-grid-columns: 17.3611111111vw 2.7777777778vw 1fr;
grid-template-columns: 17.3611111111vw 1fr;
gap: 2.7777777778vw;
}
.list-card-box__info {
padding-bottom: 0.6944444444vw;
}
.list-card-box__info .button-show-more {
min-height: 3.3333333333vw;
min-width: 10.3472222222vw;
}
}
@media (max-width: 766px) {
.list-card-box {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 8vw;
}
.list-card-box__info .button-show-more {
min-height: 12.8vw;
min-width: 39.7333333333vw;
}
}
.registers-table__header {
border-radius: 10px 10px 0 0;
background: #f4f6f7;
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-columns: 6.5% 14.5% 22% 27% 18% 12%;
grid-template-columns: 6.5% 14.5% 22% 27% 18% 12%;
border: 1px solid var(--greyscale-gray-8);
border-bottom: unset;
}
.registers-table__header.cert {
grid-template-columns: 7% 24% 20% 10% 12% 14% 13%;
}
.reestrexporg .registers-table__header{
grid-template-columns: 6.5% 27% 14.5% 20% 18% 12%;
}
.reestrsecou .registers-table__header{
grid-template-columns: 10% 46% 22% 22%;
}
.registers-table__th {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 129%;
padding: 20px;
color: var(--greyscale-gray-3);
}
.registers-table__th {
padding: 15px 2px;
}
.registers-table__th:first-child {
padding-left: 30px;
}
.registers-table__th:last-child {
padding-right: 30px;
}
.registers-table__td {
padding: 20px 2px 26px;
}
.registers-table__td.number {
padding-left: 30px;
}
.registers-table__td.date {
padding-right: 10px;
}
.registers-table__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: 6.5% 14.5% 22% 27% 18% 12%;
grid-template-columns: 6.5% 14.5% 22% 27% 18% 12%;
border: 1px solid var(--greyscale-gray-8);
}
.cert .registers-table__item {
grid-template-columns: 7% 24% 20% 10% 12% 14% 13%;
}
.reestrexporg .registers-table__item {
grid-template-columns: 6.5% 27% 14.5% 20% 18% 12%;
}
.reestrsecou .registers-table__item {
grid-template-columns: 10% 46% 22% 22%;
}
.registers-table__item + .registers-table__item {
border-top: unset;
}
.registers-table__item:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
@media (min-width: 767px) and (max-width: 1440px) {
.registers-table__header {
border-radius: 0.6944444444vw 0.6944444444vw 0 0;
border-width: 0.0694444444vw;
}
.registers-table__th {
font-size: 0.9722222222vw;
padding: 1.3888888889vw;
}
.registers-table__th {
padding: 1.0416666667vw 0.1388888889vw;
}
.registers-table__th:first-child {
padding-left: 2.0833333333vw;
}
.registers-table__th:last-child {
padding-right: 2.0833333333vw;
}
.registers-table__td {
padding: 1.3888888889vw 0.1388888889vw 1.8055555556vw;
}
.registers-table__td.number {
padding-left: 2.0833333333vw;
}
.registers-table__td.date {
padding-right: 0.6944444444vw;
}
.registers-table__item {
border-width: 0.0694444444vw;
}
.registers-table__item:last-child {
border-bottom-left-radius: 0.6944444444vw;
border-bottom-right-radius: 0.6944444444vw;
}
}
@media (max-width: 766px) {
.registers-table__item {
padding-bottom: 3.3333333333vw;
padding-top: 3.3333333333vw;
display: -ms-grid;
display: grid;
-ms-grid-columns: 40% 60%;
grid-template-columns: 40% 60%;
border: 0.2666666667vw solid var(--greyscale-gray-8);
border-radius: 2.6666666667vw;
display:block;
}
.number{
float:none!important;
}
.registers-table__item + .registers-table__item {
margin-top: 5.3333333333vw;
border-top: 0.2666666667vw solid var(--greyscale-gray-8);
}
.registers-table__item:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.registers-table__td {
padding-top: 2vw;
padding-bottom: 2vw;
}
.registers-table__td.number {
padding-left: 0;
}
.registers-table__td.date {
padding-right: 0;
}
.registers-table__td:nth-child(odd) {
padding-left: 5.3333333333vw;
}
.registers-table__td:nth-child(even) {
padding-right: 5.3333333333vw;
}
}
.calc-result.bg-blue .form-input {
font-size:14px;
white-space:nowrap;
}
.calc-result.bg-blue .form-input input{
width:60%;
}
#calucalate-button{
display:none
}
.page-sidebar__menu-item ul{
margin:0;
padding-left:15px;
}
.page-sidebar__menu-item ul .page-sidebar__menu-item{
display:block;
margin-bottom:15px;
}
.page-sidebar__menu-item ul .page-sidebar__menu-item a{
line-height:120%;
font-weight:400;
}
.page-sidebar__menu-item ul .page-sidebar__menu-item::marker{
display:none;
}
.page-sidebar__menu-item ul .page-sidebar__menu-item a{
padding-top:0;
padding-bottom:0;
}
.page-sidebar__menu-item ul .page-sidebar__menu-item a.active{
padding-left:10px;
}
.page-sidebar__menu-item a{
padding:10px;
}
.entry-header{
margin-top:15px;
}
.entry-title{
font-weight:600;
font-size: 56px;
line-height: 1.3em;
}
.utver{
font-size:14px;
text-align:right;
margin:30px 0;
max-width:50%;
margin-left:50%;
}
@media (max-width: 767px) {
.partner{
flex-wrap:wrap;
}
.partner-col{
flex:0 0 100%!important;
margin-bottom:20px;
}
.registers__list .flex-mob-1 span {
display:block;
}
.entry-title{
font-size:8vw;
}
.utver{
font-size:3.5vw;
text-align:right;
margin:30px 0;
max-width:100%;
margin-left:0;
}
.cert .registers-table__item {
display:block;
}
.registers-table__td:nth-child(even) {
padding-left: 5.3333333333vw;
padding-top:0;
padding-bottom:4vw;
}
.registers-table__td:nth-child(odd){
font-weight:600;
}
}
.partners{
margin:50px 0;
}
.partners h3{
text-transform:uppercase;
font-size:1.5em;
margin-bottom:10px;
}
.partner{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:40px;
border-top:1px solid #ddd;
padding-bottom:30px;
padding-top:30px;
}
.partner-col{
flex:0 0 30%;
text-align:center;
}
.partner-col:nth-of-type(2){
text-align:left;
}
.number{
display:inline-block;
margin-right:10px;
float:left;
}
.zayavka img{
width:100%;
}
.comp-info{
margin:20px;
border-radius:10px;
padding:20px;
color: var(--primary);
background: rgba(22, 61, 108, 0.05);
}
.comp-price{
font-size:20px;
margin:20px 0;
color: var(--primary);
}
.comp-price span{
font-weight:600;
color: var(--primary);
}
.comp-contact{
font-size:16px;
margin:20px 0;
color: var(--primary);
}
.comp-contact span{
font-weight:600;
color: var(--primary);
}
.registers-block__container.kursk{
grid-template-columns: calc(100%)!important;
}
.descr{
margin:30px 0 50px 0;;
}
h2.h2{
margin-top:30px;
}
.doc-right{
text-align:right;
margin-bottom:40px;
}
.doc-right div{
display:inline-block;
text-align:center;
}
/* End */
/* Start:/local/templates/main/css/datapicker.css?17332220735103*/
.datepicker{display:none}.datepicker.active{display:block}.datepicker-dropdown{left:0;padding-top:4px;position:absolute;top:0;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:inline-block}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.datepicker-picker span{-webkit-touch-callout:none;border:0;border-radius:4px;cursor:default;display:block;flex:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker-main{padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1)}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.2857142857%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:4px;box-shadow:none;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.25em;justify-content:center;line-height:1.5;margin:0;padding:calc(.375em - 1px) .75em;position:relative;text-align:center;vertical-align:top;white-space:nowrap}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b5b5b5;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#4a4a4a;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-header .datepicker-controls .button[disabled]{box-shadow:none}.datepicker-footer .datepicker-controls .button{border-radius:2px;font-size:.75rem;margin:calc(.375rem - 1px) .375rem;width:100%}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-btn,.datepicker-controls .prev-btn{padding-left:.375rem;padding-right:.375rem;width:2.25rem}.datepicker-controls .next-btn.disabled,.datepicker-controls .prev-btn.disabled{visibility:hidden}.datepicker-view .dow{font-size:.875rem;font-weight:700;height:1.5rem;line-height:1.5rem}.datepicker-view .week{color:#b5b5b5;font-size:.75rem;width:2.25rem}@media (max-width:22.5rem){.datepicker-view .week{width:1.96875rem}}.datepicker-grid{width:15.75rem}@media (max-width:22.5rem){.calendar-weeks+.days .datepicker-grid{width:13.78125rem}}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e8e8e8}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dbdbdb}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#eee}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e8e8e8}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00c4a7}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dbdbdb;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d5d5d5}.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}.datepicker-input.in-edit{border-color:#2366d1}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(35,102,209,.2)}
/* End */
/* /local/templates/main/css/style.css?1751642277231345 */
/* /local/templates/main/css/datapicker.css?17332220735103 */