body {
  max-width: 100vw;
  height: max-content;
  margin: 0;
  overflow-x: hidden;
  background: #f2f2f2;
}
.Head {
  width: calc(100%);
  height: 8vh;
  border-bottom: 1px solid #c7c7c8;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 2;
}
.Head .headerInfo p {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  transition: 400ms all;
  margin: 0 66px;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}

.paymentRequest {
  cursor: pointer;
  margin-left: 46px;
  border: none;
  width: 164px;
  background-color: #cb3c38;
  border-radius: 23px;
  padding: 12px 23px;
  transition: 400ms all;
  white-space: nowrap;
  color: white;
  overflow: hidden;
}

.closed {
  padding: 12px 0;
  width: 0;
  border-radius: 0;
  margin: 0;
}

.Red .Head .headerInfo .headerContacts .paymentRequest {
  background-color: white;
  color: black;
}

.Head .headerInfo .headerContacts p a {
  color: inherit;
  text-decoration: none;
}

.White .Head .headerInfo p {
  color: #3243c7;
}

.Purple .Head .headerInfo p {
  color: white !important;
}

.Red .Head .headerInfo p {
  color: white !important;
}

.Head .headerContacts p {
  font-family: Roboto;
  transition: 400ms all;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
}

.White .Head .headerContacts p {
  color: #242329;
}

.Purple .Head .headerContacts p {
  color: white;
}

.Red .Head .headerContacts p {
  color: white;
}

.logoIcon {
  height: 100%;
  position: relative;
  min-width: 10vh;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='53' viewBox='0 0 44 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9828 39.8909C16.2012 39.8909 18.3528 39.8909 20.5177 39.8909C26.1706 39.8909 31.8235 39.8775 37.4898 39.9043C38.3049 39.9043 38.8662 39.6102 39.0667 38.8619C39.4141 37.619 39.8151 36.3762 39.9086 35.1066C40.0823 32.5541 40.1625 29.9883 39.5879 27.4625C39.5745 27.3823 39.5611 27.2888 39.5344 27.1953C39.0132 25.204 38.8128 25.0437 36.7681 25.0437C29.3913 25.0437 22.0278 25.0437 14.651 25.0437C14.4372 25.0437 14.21 25.0437 13.9561 25.0437C13.9561 23.7875 13.9561 22.5714 13.9561 21.2884C14.2501 21.2884 14.5173 21.2884 14.7712 21.2884C22.4154 21.2884 30.0461 21.3152 37.6902 21.2751C39.3874 21.2617 40.5768 22.0101 41.4989 23.3197C42.6749 25.0036 43.1827 26.928 43.5168 28.9192C44.0247 31.9661 43.9178 34.9864 43.1427 37.9799C42.7417 39.5434 42.1537 41.0135 41.0579 42.2563C40.1224 43.312 38.9865 43.7798 37.5833 43.7664C34.3359 43.7397 31.0751 43.753 27.8277 43.753C23.4176 43.753 19.0076 43.753 14.5975 43.753C14.3971 43.753 14.1966 43.753 13.9828 43.753C13.9828 42.4567 13.9828 41.1872 13.9828 39.8909Z' fill='%23414C9E'/%3E%3Cpath d='M8.77056 35.147C10.2807 35.147 11.7106 35.147 13.2074 35.147C13.2074 35.4276 13.2074 35.6682 13.2074 35.8953C13.2074 38.4612 13.2341 41.0137 13.194 43.5795C13.1673 44.8224 13.7018 45.7044 14.6774 46.386C16.0538 47.3348 17.6174 47.7223 19.2344 47.9495C21.9607 48.3237 24.6468 48.2302 27.2928 47.3882C27.7338 47.2412 28.1615 47.0541 28.5758 46.8403C29.4578 46.386 30.1527 45.7445 30.3264 44.6887C31.743 44.6887 33.1328 44.6887 34.5627 44.6887C34.4826 46.4929 33.7342 47.9228 32.4379 49.0854C30.6872 50.6356 28.5891 51.4508 26.344 51.9186C21.8671 52.8407 17.4838 52.6402 13.3143 50.6223C11.1092 49.5532 9.45211 47.9228 8.91756 45.4104C8.81065 44.9159 8.74383 44.3947 8.74383 43.8869C8.73047 41.1072 8.73047 38.3142 8.73047 35.5345C8.74383 35.4276 8.7572 35.3207 8.77056 35.147Z' fill='%23CF2F1E'/%3E%3Cpath d='M29.4711 30.4428C29.4711 31.699 29.4711 32.9151 29.4711 34.2114C29.177 34.2247 28.8697 34.2515 28.5757 34.2515C21.0919 34.2515 13.6082 34.2515 6.12445 34.2515C4.81479 34.2515 4.37379 34.6658 4.10651 35.962C3.90605 36.9376 3.98624 37.8731 4.32033 38.7818C4.64106 39.6505 5.01525 39.8776 5.93736 39.8776C6.60555 39.8776 7.26037 39.8776 7.95529 39.8776C7.95529 41.2007 7.95529 42.4702 7.95529 43.8066C6.12445 43.82 4.25351 44.1273 2.70331 42.7509C1.66093 41.8288 1.07292 40.6394 0.778919 39.3164C0.311185 37.1782 0.378004 35.08 1.39365 33.0755C2.2623 31.3783 3.63878 30.4161 5.53644 30.4027C13.4211 30.376 21.3058 30.3893 29.1904 30.3893C29.2572 30.4161 29.3241 30.4294 29.4711 30.4428Z' fill='%23414C9E'/%3E%3Cpath d='M13.9023 6.69516C13.9023 5.3855 13.9023 4.16939 13.9023 2.8731C14.1563 2.8731 14.3968 2.8731 14.6374 2.8731C22.1879 2.8731 29.7385 2.9132 37.2757 2.85974C39.7881 2.84638 41.4586 3.94221 42.3272 6.21406C43.3696 8.92692 43.3161 11.6264 41.7659 14.1522C40.8839 15.5821 39.5342 16.277 37.8637 16.3037C37.1821 16.3171 36.4872 16.3037 35.7522 16.3037C35.7522 14.9941 35.7522 13.7112 35.7522 12.3481C36.4605 12.3481 37.1688 12.3213 37.8637 12.3614C38.425 12.3881 38.8259 12.1743 39.0397 11.6665C39.6812 10.143 39.7079 8.61955 38.8392 7.18962C38.6655 6.89562 38.1042 6.69516 37.7167 6.69516C33.4002 6.65507 29.0837 6.66843 24.7538 6.66843C21.3727 6.66843 17.9917 6.66843 14.5973 6.66843C14.3968 6.69516 14.183 6.69516 13.9023 6.69516Z' fill='%23414C9E'/%3E%3Cpath d='M7.83521 21.3152C7.83521 22.5848 7.83521 23.7608 7.83521 24.9368C4.90854 25.2977 3.35833 25.0705 1.72794 21.9968C0.792477 20.2729 0.41829 18.3618 0.164377 16.4374C-0.169718 13.7379 0.00401128 11.0652 0.69893 8.4325C1.11321 6.82885 1.75467 5.31873 2.97078 4.12935C3.83943 3.27407 4.86844 2.83306 6.08455 2.85979C6.68592 2.87315 7.2873 2.85979 7.94212 2.85979C7.94212 4.10263 7.94212 5.30537 7.94212 6.61502C7.4343 6.61502 6.91311 6.65512 6.39192 6.60166C5.52327 6.54821 4.93526 6.94912 4.70808 7.72422C4.37398 8.87351 4.02652 10.0362 3.93298 11.2122C3.73252 13.9651 3.6657 16.7181 4.40071 19.4309C4.48089 19.7249 4.5878 20.0189 4.70808 20.3129C4.98872 20.9945 5.44309 21.3954 6.24492 21.3152C6.73938 21.2751 7.26057 21.3152 7.83521 21.3152Z' fill='%23414C9E'/%3E%3Cpath d='M29.4713 12.4016C29.4713 13.6845 29.4713 14.914 29.4713 16.1969C21.8673 16.1969 14.2632 16.1969 6.61914 16.1969C6.61914 14.9541 6.61914 13.6979 6.61914 12.4016C14.2232 12.4016 21.8004 12.4016 29.4713 12.4016Z' fill='%23414C9E'/%3E%3Cpath d='M34.7632 7.4436C34.7632 11.7868 34.7632 16.1034 34.7632 20.46C33.3066 20.46 31.8633 20.46 30.3799 20.46C30.3799 16.1301 30.3799 11.8136 30.3799 7.4436C31.8232 7.4436 33.2531 7.4436 34.7632 7.4436Z' fill='%23CF2F1E'/%3E%3Cpath d='M30.3662 26.0596C31.8229 26.0596 33.2662 26.0596 34.7495 26.0596C34.7495 30.3226 34.7495 34.5723 34.7495 38.8488C33.2795 38.8488 31.8496 38.8488 30.3662 38.8488C30.3662 34.5723 30.3662 30.336 30.3662 26.0596Z' fill='%23CF2F1E'/%3E%3Cpath d='M8.86426 17.1458C10.3076 17.1458 11.7241 17.1458 13.154 17.1458C13.1808 17.266 13.2075 17.3462 13.2075 17.4398C13.2075 21.4355 13.2075 25.4447 13.2075 29.4939C11.7642 29.4939 10.3343 29.4939 8.86426 29.4939C8.86426 25.4046 8.86426 21.3019 8.86426 17.1458Z' fill='%23CF2F1E'/%3E%3Cpath d='M8.85059 0C10.2939 0 11.6971 0 13.1404 0C13.1404 3.82205 13.1404 7.61738 13.1404 11.4662C11.7238 11.4662 10.2939 11.4662 8.85059 11.4662C8.85059 7.63074 8.85059 3.82205 8.85059 0Z' fill='%23CF2F1E'/%3E%3Cpath d='M30.3398 2.09818C30.3398 1.36317 30.3398 0.708347 30.3398 0.0134277C31.7965 0.0134277 33.2264 0.0134277 34.7232 0.0134277C34.7232 0.694983 34.7232 1.37654 34.7232 2.09818C33.2665 2.09818 31.8366 2.09818 30.3398 2.09818Z' fill='%23CF2F1E'/%3E%3Cpath d='M37.0888 34.2112C36.5141 34.2112 35.9929 34.2112 35.4316 34.2112C35.4316 32.9417 35.4316 31.7122 35.4316 30.4426C35.9796 30.4426 36.5141 30.4426 37.0888 30.4426C37.0888 31.7122 37.0888 32.9417 37.0888 34.2112Z' fill='%23414C9E'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 48%;
  border-right: 1px solid #c7c7c8;
}
.headerInfo {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.headerContacts {
  width: max-content;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 66px;
  justify-content: center;
}

.headerContacts svg {
  cursor: pointer;
}

.headerContacts svg path {
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1.5s all;
}

.headerContacts a:not(:last-child) {
  margin-right: 14px;
}

.headerContacts svg:hover path {
  fill: #3243c7;
}

.Purple .Head .headerInfo .headerContacts svg path {
  fill: white;
}

.Red .Head .headerInfo .headerContacts svg path {
  fill: white;
}

@media (max-width: 768px) {
  .Purple .Head .headerInfo .headerContacts svg path,
  .Red .Head .headerInfo .headerContacts svg path {
    fill: #000;
  }
}
/*---------------------- Menu----------------- */

.Purple .leftMenu .blockRefs a {
  color: white;

  position: relative;
}

.Red .leftMenu .blockRefs a {
  color: white;
  position: relative;
}

.leftMenu {
  width: 10vh;
  height: 100vh;
  border-right: 1px solid #c7c7c8;
  position: fixed;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.mapEl div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.leftMenu a {
  cursor: pointer;
}
.blockRefs a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  transition: 400ms all;
  line-height: 18px;
  white-space: nowrap;
  margin: 0 20px;
}

.White .leftMenu a {
  color: #242329;
  position: relative;
}

.Red .leftMenu a:nth-child(3)::before {
  content: " ";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -35px;
}

.Purple .leftMenu a:nth-child(1)::before {
  content: " ";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -35px;
}
.leftMenu .blockRefs {
  transform: rotate(-90deg);
  display: flex;
  flex-direction: row;
}
/*---------------------- Footer----------------- */
.Foot {
  position: fixed;
  bottom: 0;
  border-top: 1px solid #c7c7c8;
  height: 7vh;
  width: 100vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
}

.iconMouse {
  height: 100%;
  position: relative;
  min-width: 10vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.Foot .feature {
  transition: 400ms all;
}

.Foot .arrow svg path {
  transition: 400ms all;
}

.Foot .iconMouse svg rect {
  transition: 400ms all;
}

.Foot .iconMouse svg circle {
  transition: 400ms all;
}

.Purple .Foot .iconMouse svg rect {
  stroke: white;
}

.Purple .Foot .iconMouse svg circle {
  stroke: white;
  fill: white;
}

.Purple .Foot .feature {
  color: white;
}

.Purple .Foot .arrow svg path {
  stroke: white;
}

.Red .Foot .iconMouse svg rect {
  stroke: white;
}

.Red .Foot .iconMouse svg circle {
  stroke: white;
  fill: white;
}

.Red .Foot .feature {
  color: white;
}

.Red .Foot .arrow svg path {
  stroke: white;
}

.feature {
  margin-left: 66px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
}
.White .Foot .feature {
  color: #242329;
}
.arrow {
  transition: 400ms all;
  margin-left: 20px;
  padding-top: 2px;
}

#nav-icon4 {
  display: none;
  width: 60px;
  z-index: 4;
  height: 45px;
  -webkit-transform: rotate(0deg) scale(0.6);
  -moz-transform: rotate(0deg) scale(0.6);
  -o-transform: rotate(0deg) scale(0.6);
  transform: rotate(0deg) scale(0.6);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #242329;

  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* Icon 4 */

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}
.adaptInfo {
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  display: none;
}

.adaptInfo p {
  margin-top: 42px;
  color: #3243c7;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  transition: 400ms all;

  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}
/*---------------------- Page----------------- */
.Page {
  width: 100%;
  height: 85vh;
  transition: 700ms all;
  margin: 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  position: relative;
}

main {
  top: 0;
  position: absolute;
  transition: all 500ms;
  padding-top: 8vh;
  padding-bottom: 7vh;
  padding-left: 10vh;
  z-index: 1;
  width: calc(100% - 10vh);
  min-height: max-content;
  overflow-x: hidden;
}

.infoName {
  padding-left: 108px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
div h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  transition: 400ms all;
  font-size: 30px;
  line-height: 50px;
  color: #242329;
}
.infoName h1 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  transition: 400ms all;
  font-size: 30px;
  line-height: 50px;
  color: #242329;
}
.range {
  margin-top: 125px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.range p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  color: #242329;
}
.circle {
  width: 80px;
  height: 80px;
  background: #3243c7;
  border-radius: 50%;
  margin-left: 13px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.circle p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
  cursor: pointer;
}

.menuBlock {
  position: fixed;
  background-color: white;
  transition: 400ms all;
  width: 0;
  overflow: hidden;
  height: 100vh;
  right: 0;
  z-index: 3;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menuBlock a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  transition: 400ms all;
  line-height: 18px;
  white-space: nowrap;
  margin: 0 20px;
  color: #242329;
  margin-bottom: 4%;
  text-decoration: none;
}

.menuBlock span {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.menuBlock span svg {
  display: block;
}
#nav-icon4.open ~ .menuBlock {
  width: 100vw;
}

.circleF {
  top: -1%;
  left: -0.5%;
  transition: 600ms all;
  background: #ffffff;
  width: 103%;
  height: 103%;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
}
.circleF p {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  color: #3243c7;
  cursor: pointer;
}

.circle:hover .circleF {
  transform: scale(0) rotate(90deg);
}

.iconMouse svg circle {
  animation: scrollTaping 1.5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;
}

@keyframes scrollTaping {
  0%,
  100% {
    cy: 9;
  }
  50% {
    cy: 26;
  }
}
.background {
  width: 100vw;
  transition: 400ms all;
  height: 100vh;
  position: fixed;
  left: 0;
  z-index: -1;
  top: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(./images/background1.png);
}

.background.first {
  background-image: url(./images/background1.png);
}

.background.second {
  background-image: url(./images/background2.png);
}
.background.three {
  background-image: url(./images/background3.png);
}
.background.four {
  background-image: url(./images/background4.png);
}
.background.five {
  background: #f2f2f2;
}
body {
  overflow: hidden;
}
/*---------------------- FORM----------------- */
.Form {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  background: #ffffff;
  width: max-content; /* 15vw */
  height: max-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 35px 35px;
}

.Form form {
  width: 100%;
  position: relative;
}
.Form h3 {
  position: relative;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 36px;
  color: #242329;
  margin-bottom: 8%;
}
.Form form input {
  border: 1px solid #c7c7c8;
  width: 87.5%;
  height: 40px;
  outline: none;
  cursor: pointer;
  padding: 2% 6%;
  margin-bottom: 5%;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #242329;
}
.form-label {
  position: absolute;
  top: 20px;
  left: 18px;
  transition: 0.3s all;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #242329;
}
.inputLabel {
  position: relative;
  width: 100%;
}
.form-label:hover {
  cursor: pointer;
}
.shrink-label {
  top: 4px!important;
  font-size: 10px!important;
  line-height: 12px!important;
  color: rgba(36, 35, 41, 0.5);
}
.lineLeftBlock {
  width: 3px;
  right: 0;
  opacity: 0;
  transition: 400ms all;
  position: absolute;
  background-color: white;
  height: 0px;
}

.White .leftMenu .lineLeftBlock {
  background-color: black;
}

.White .leftMenu .lineLeftBlock {
  background-color: black;
}

.Form form input:focus + .form-label {
  top: 4px;
  font-size: 10px;
  line-height: 12px;
  color: rgba(36, 35, 41, 0.5);
}
.formBtn {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  outline: none;
  border: none;
  background: #cb3c38;
  border-radius: 23px;
  height: max-content;
  padding: 10px 0;
  margin-top: 1%;
  margin-bottom: 4%;
}
.Form p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
  margin: 0;

  text-align: center;
  color: rgba(36, 35, 41, 0.5);
}
.Form p a {
  text-decoration: underline;
  color: #242329;
}

/*--------------------------- PAGE PRIMENENIE ----------------*/

.navButtons {
  margin-top: 40px;
  margin-left: 80%;
  display: none;
  flex-direction: row;
}

.button-prev {
  transition: 400ms all;
  transform: rotate(180deg);
  width: 66px;
  height: 66px;
  cursor: pointer;
}

.swiper-button-disabled {
  cursor: not-allowed !important;
  opacity: 0.6;
}

.button-next {
  transition: 400ms all;
  margin-left: 15px;
  width: 66px;
  cursor: pointer;
  height: 66px;
}

.circleSecond p {
  color: #3243c7 !important;
  width: max-content !important;
  margin: 0 !important;
  font-size: 30px !important;
}

.primPage {
  display: flex;
  margin-left: 5%;
  margin-top: 3%;
  width: 100%;
}

.spanRed {
  transition: 400ms all;
  color: white;
}

.White .Head .headerInfo p .spanRed {
  color: #cb3c38;
}

.Purple main .Page div div h1 {
  color: white;
  margin: 0;
  margin-bottom: 30px;
}

.Purple main .Page div h2 {
  color: white;
  margin: 0;
  margin-bottom: 30px;
}

.Red main .Page div div h1 {
  color: white;
  margin: 0;
  margin-bottom: 30px;
}

.Red main .Page div h2 {
  color: white;
  margin: 0;
  margin-bottom: 30px;
}

.primPage .infoName p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  transition: 400ms all;
  line-height: 24px;
  color: white;
  margin-bottom: 50px;
}

.swiper {
  margin: 0 !important;
  width: 100%;
}

.circleSecond {
  transition: 600ms all;
  background: #ffffff;
  width: 85px;
  height: 85px;
  min-width: 85px;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.swiper p:nth-child(2) {
  font-weight: 400 !important;
  text-transform: uppercase;
  margin-top: 31px;
  line-height: 13px !important;
  display: none;
}

.swiper p:nth-child(3) {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  transition: 400ms all;
  line-height: 24px;
  color: white;
  margin-bottom: 0;
  margin-left: 20px;
  width: 100%;
}

.swiper-slide {
  min-width: 180px !important;
  height: max-content !important;
  display: flex;
  align-items: center;
}

/*--------------------------- PAGE PREIMYSHESTVA ----------------*/

.InfoBenefits {
  display: flex;
  margin-left: 5%;
  margin-top: 3%;
  width: 100%;
  justify-content: space-between;
  padding: 0;
}
div h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  color: #242329;
  margin: 0;
}
.benefits {
  position: relative;
  width: 50%;
  padding: 0 0 6vw 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}
.bnfRow {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*justify-content: flex-start;*/
  /*align-items: center;*/
}
.bnfCircle {
  display: none;
  background: #ffffff;
  min-width: 90px;
  min-width: none;
  height: 90px;
  border-radius: 50%;
}
.bnfTire {
  display: none;
  min-width: 36px;
  height: 2px;
  margin-left: 4%;
  margin-right: 4%;
  background: #242329;
}
.bnfTitle {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
.background.five ~ .Foot .arrow {
  transform: scale(-1, -1);
}

.bnfRow p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #242329;
}
.noSlider {
  width: 100%;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.noSliderInfo {
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
/*--------------------------- PAGE ABOUT COMPANY ----------------*/

.About {
  display: flex;
  flex-direction: column;
  margin-left: 5%;
  margin-top: 3%;
  width: 100%;
  justify-content: flex-start;
  padding: 0;
}
div h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  color: #ffffff;
  margin: 0;
  margin-bottom: 30px;
}
.About p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  width: 60%;
  transition: 400ms all;
  line-height: 24px;
  color: white;
  margin-bottom: 3%;
}
.aboutInfo {
  /*padding: 30px 50px;*/
  /*background: rgba(255, 255, 255, 0.26);*/
  /*border-top: 3px solid #ffffff;*/
  position: relative;
}
.aboutInfo p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 4%;
}
.aboutImg {
  position: absolute;
  /*background-image: url(images/img.png);*/
  background-image: url(images/new_team_photo.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: 0;
  width: 410px;
  height: 300px;
  display: block;
  z-index: 1;
}
.companyInfo {
  position: absolute;
  z-index: 1;
  /*display: flex;*/
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  left: 50px;
  top: 80%;
}
.companyCircle {
  min-width: 100px;
  min-height: 100px;
  border-radius: 50%;
  margin-right: 10%;
  background: #ffffff;
}

/*--------------------------- PAGE CONTACTS ----------------*/

.Contacts {
  display: flex;
  flex-direction: row;
  margin-left: 5%;
  margin-top: 3%;
  width: 100%;
  justify-content: flex-start;
  padding: 0;
  z-index: 2;
}
.contactsBlock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 47.3%;
}
.contactLine {
  width: 100%;
  height: 100vw;

  position: absolute;
  left: 0%;

  border-right: 1px solid #c7c7c8;
  z-index: -1;
}
div h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  color: #242329;
  margin: 0;
  margin-bottom: 30px;
}
.contactIcons {
  margin-top: 2%;
  width: 100%;
  position: relative;
}
.contactIcons svg {
  margin-right: 1%;
}
.check {
  margin-top: 4%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 4%;
  border-bottom: 1px solid #c7c7c8;
}

input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #242329;
  transition: 0.3ms all;
}
input[type="radio"] + label span {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #ffffff;
}
input[type="radio"] + label span {
  background-color: #fff;
}
input[type="radio"]:checked + label {
  color: #333;
  font-weight: 700;
}
input[type="radio"]:checked + label span {
  background-color: #414c9e;
  border: 5px solid #ffffff;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition: background-color 0.24s linear;
  -o-transition: background-color 0.24s linear;
  -moz-transition: background-color 0.24s linear;
  transition: background-color 0.24s linear;
}
.infoCont {
  width: 100%;
  position: relative;
  margin-top: 4%;
}
.infoCont p {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  color: #242329;
  margin: 0;
}
.writeBtn {
  margin-top: 22%;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  background: #cb3c38;
  border-radius: 23px;
  width: 190px;
  height: 2.5vw;
  border: none;
  outline: none;
}

.mapEl {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 99.6%;
  opacity: 1;
}
/* .mapEl2 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 99.6%;
  opacity: 0;
} */
.nextText {
  color: #3243c7;
  font-weight: bold;
  line-height: 98px;
  font-size: 88px;
}

@media screen and (max-width: 1200px) {
  .writeBtn {
    padding: 20px 0;
    line-height: 0;
  }
  .Head .headerInfo p {
    font-size: 22px;
    margin: 0 44px;
  }
  .swiper p:nth-child(2) {
    margin-bottom: 15px;
  }
  .logoIcon {
    min-width: 8vh;
  }
  .iconMouse {
    min-width: 8vh;
  }
  .leftMenu {
    width: 8vh;
  }
  .infoName h1 {
    font-size: 24px;
  }
  div h2 {
    font-size: 24px;
  }

  .nextText {
    font-size: 67px;
  }

  .range p {
    font-size: 16px;
  }

  .circle {
    width: 66px;
    height: 66px;
  }
  .Form p {
    font-size: 9px;
  }
  .Form h3 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 6%;
  }

  .form-label {
    font-size: 12px;
  }

  .formBtn {
    font-size: 13px;
  }
  .infoName {
    padding: 60px 0 0 60px;
  }
  .Head .headerContacts p {
    font-size: 16px;
  }
}

@media screen and (max-width: 1010px) {
  /**/
  .About p {
    font-size: 14px;
  }
  .aboutInfo {
    /*padding: 12px 38px;*/
  }
  .aboutInfo p {
    font-size: 14px;
  }
  .navButtons {
    margin-left: 71%;
  }
  .aboutImg {
    width: 349px;
    height: 256px;
  }
  .primPage .infoName p {
    font-size: 14px;
  }
  .companyInfo {
    top: 90%;
  }
  .companyCircle {
    min-width: 66px;
    min-height: 66px;
  }
  .circleSecond {
    width: 66px;
    min-width: 66px;
    height: 66px;
  }
  .circleSecond p {
    font-size: 20px !important;
  }

  .Head .headerContacts p {
    font-size: 16px;
  }

  .infoName h1 {
    font-size: 20px;
  }
  div h2 {
    font-size: 20px;
    margin-bottom: 0px !important;
  }

  .infoName {
    padding: 30px 0 0 30px;
  }

  .nextText {
    line-height: 38px;
    font-size: 54px;
  }
  .range p {
    font-size: 14px;
  }
  .range {
    margin-top: 83px;
  }
  .circle {
    width: 56px;
    height: 56px;
  }
  .blockRefs a {
    font-size: 14px;
  }
  .feature {
    font-size: 14px;
    margin-left: 32px;
  }
  .Head .headerInfo p {
    margin: 0 32px;
  }
  .Form p {
    font-size: 7px;
  }
  .headerContacts {
    margin-right: 32px;
  }
}

@media screen and (max-width: 840px) {
  .infoName h1 {
    font-size: 20px;
  }
  .bnfRow p {
    font-size: 12px;
  }
  .bnfCircle {
    min-width: 80px;
    height: 80px;
  }
  div h2 {
    font-size: 20px;
  }

  .infoName {
    padding: 30px 0 0 30px;
  }

  .nextText {
    line-height: 38px;
    font-size: 54px;
  }

  .range {
    margin-top: 83px;
  }

  .blockRefs a {
    font-size: 14px;
  }
  .feature {
    font-size: 14px;
  }
  .Form p {
    font-size: 7px;
  }
  /**/
  .range p {
    font-size: 12px;
  }
  .circle {
    width: 46px;
    height: 46px;
  }
  .infoName h1 {
    font-size: 16px;
  }
  .nextText {
    line-height: 38px;
    font-size: 48px;
  }

  .Head .headerInfo p {
    font-size: 16px;
  }
  .Head .headerContacts p {
    font-size: 14px;
  }
}

.pageNumber {
  display: none;
}

@media screen and (max-width: 768px) {
  .background.first {
    background-image: url(./images/Group2120.png);
  }

  .background.second {
    background-image: url(./images/Group2121.png);
  }
  .background.three {
    background-image: url(./images/Group2122.png);
  }
  .background.four {
    background-image: url(./images/Group2123.png);
  }
  .background.five {
    background: #f2f2f2;
  }
  #nav-icon4 {
    display: flex;
  }
  .pageNumber {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    height: 100%;
    min-width: 8vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3243c7;
    background-color: white;
    border-right: 1px solid #c7c7c8;
  }
  .iconMouse {
    display: none;
  }
  main {
    padding-top: 105px;
    padding-bottom: 90px;
    padding-left: 70px;
    padding-right: 70px;
    width: calc(100% - 140px);
  }
  .headerContacts svg {
    display: none;
  }
  .infoName {
    padding: 0;
    justify-content: space-between;
  }
  .infoName h1 {
    width: 100%;
    font-size: 24px;
    line-height: 40px;
    margin-top: 92px;
  }
  .nextText {
    font-size: 74px;
    line-height: 82px;
  }
  .Form {
    position: absolute;
    flex-direction: row;
    width: 536px;
    height: 320px;
    left: 50%;
    top: 345px;
    transform: translate(-50%, 0);
    padding: 27px 46px;
  }
  .Form form {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    position: relative;
    height: inherit;
  }
  .inputLabel {
    width: 45%;
    margin: 0;
    height: 45px;
    margin-right: 5%;
  }

  .Form h3 {
    font-size: 20px;
    line-height: 36px;
    width: 100%;
    margin: 0;
  }
  .Form form input {
    width: 200px;
    height: 35px;
  }
  .Page {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .leftMenu {
    display: none;
  }
  .formBtn {
    width: 46%;
    margin: 0;
    margin-right: 4%;
  }
  .Form p {
    font-size: 10px;
    line-height: 12px;

    margin-right: 7%;
    width: 40%;
  }
  .form-label {
    font-size: 14px;
    line-height: 16px;
    top: 15px;
  }
  .range {
    margin-top: 430px;
    width: 100%;
  }
  .range p {
    font-size: 20px;
    line-height: 50px;
  }
  .circle {
    width: 68px;
    height: 68px;
  }
  /*second page*/

  div h2 {
    font-size: 30px;
    line-height: 36px;
    height: min-content;
    margin-top: 63px;
    width: 100%;
  }
  .Purple main .Page div h2 {
    margin-top: 63px;
  }
  .primPage {
    margin: 0;
    height: 100%;
  }
  .primPage .infoName p {
    width: 90%;
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
  }
  .navButtons {
    margin-left: auto;
    margin-right: auto;
    padding-right: 3%;
  }
  /*3 page*/
  .InfoBenefits {
    margin: 0;
    flex-direction: column;
  }
  .benefits {
    /*margin-top: 80px;*/
    margin-left: auto;
  }
  .bnfCircle {
    min-height: 90px;
    min-width: 90px;
  }
  .bnfRow p {
    font-size: 15px;
    line-height: 22px;
    width: 300px;
  }
  /*4 page*/

  .Red main .Page div h2 {
    margin-top: 63px;
  }
  .About p {
    width: 85%;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    margin-top: 37px;
    margin-bottom: 5%;
  }
  .About {
    margin-top: 0;
  }
  .aboutInfo p {
    font-size: 15px;
    line-height: 22px;
    width: 37%;
  }
  .aboutInfo {
    width: 100%;
    /*background: rgba(255, 255, 255, 0.26);*/
    height: 410px;
    z-index: 1;
  }
  .aboutImg {
    right: 90px;
  }
  .companyInfo {
    top: 92%;
  }
  /*5 page*/
  .Contacts {
    flex-direction: column;
  }
  .contactsBlock {
    width: 100%;
    flex-wrap: no-wrap;
  }
  .contactsBlock h2 {
    width: min-content;
  }
  .contactIcons {
    width: 100px;
  }
  .mapEl {
    top: 42.7%;
    width: 98%;
    height: 40%;
  }
  .writeBtn {
    margin-top: -48%;
    margin-left: 63%;
  }
}
@media screen and (max-width: 736px) {
  main {
    padding-left: 40px;
    padding-right: 40px;
    width: calc(100% - 80px);
  }
  .paymentRequest {
    margin-left: 0;
  }
  .Head .headerInfo p {
    white-space: nowrap;
  }
  .aboutInfo {
    height: 408px;
  }
  .formBtn {
    width: 45%;
    margin: 0;
    margin-right: 6%;
  }
  .aboutInfo p {
    font-size: 15px;
    line-height: 22px;
    margin-top: revert;
    width: 37%;
  }
  .companyInfo {
    top: 89%;
  }
  .writeBtn {
    margin-top: -46%;
    margin-left: 66%;
  }
  .mapEl {
    top: 42.7%;
    width: 93.7%;
    height: 40%;
  }
}
@media screen and (max-width: 667px) {
}
@media screen and (max-width: 640px) {
  main {
    padding-bottom: 0;
  }
  .background {
    background-image: url(./images/640.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    height: 3843px;
    left: 0;

    position: absolute;
  }
  .Foot {
    display: none;
  }
  .headerInfo p {
    display: none;
  }
  .adaptInfo {
    display: flex;
  }
  .infoName h1 {
    margin-top: 30px;
  }
  .aboutInfo {
    height: 500px;
    position: initial;
  }
  .aboutInfo p {
    width: 85%;
  }
  .Page {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
  }
  main {
    position: relative;
    overflow-y: scroll;
  }
  body {
    overflow: visible;
    overflow-y: scroll;
  }
  .Head {
    height: 60px;
    position: absolute;
  }
  .logoIcon {
    min-width: 60px;
  }
  .Page:nth-child(1) {
    height: 950px;
  }
  .Page:nth-child(2) {
    height: 860px;
  }
  .Page:nth-child(3) {
    height: 950px;
  }
  .Page:nth-child(4) {
    width: 94vw !important;
    height: 960px;
  }
  .Page:nth-child(5) {
    height: 800px;
  }

  .Page:nth-child(2) h2 {
    color: white;
    margin-top: 65px;
  }
  .Page:nth-child(2) {
    width: 94vw !important;
  }
  .Page:nth-child(3) h2 {
    margin-top: 83px;
  }
  .benefits {
    margin-top: 48px;
    margin-left: 23%;
  }
  .bnfRow {
    margin-bottom: 14%;
  }
  .Page:nth-child(4) h2 {
    margin-top: 65px;
    color: white;
  }
  .aboutImg {
    position: initial;
    width: 95%;
    height: 100%;
    /*width: 307px;*/
    /*height: 256px;*/
  }
  .aboutInfo {
    height: 445px;
  }
  .companyInfo {
    top: 93%;
  }
  .Page:nth-child(5) h2 {
    margin-top: 95px;
  }
  .writeBtn {
    margin-top: -54%;
    margin-left: 61%;
  }
  .Form {
    padding: 27px 12px;
  }
  .Form form {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    height: inherit;
    align-items: center;
    align-content: space-between;
  }
  .mapEl {
    top: 55.7%;
    width: 94.7%;
    height: 44%;
  }
}
@media screen and (max-width: 568px) {
  .background {
    background-image: url(./images/568.png);
  }
  .Page:nth-child(1) {
    height: 950px;
  }
  .Page:nth-child(2) {
    height: 860px;
  }
  .Page:nth-child(3) {
    height: 950px;
  }
  .Page:nth-child(4) {
    width: 94vw !important;
    height: 980px;
  }
  .Page:nth-child(5) {
    height: 800px;
  }

  .Form {
    margin-top: 56px;
    position: absolute;
    width: 92%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 21px 19px;
    height: 307px;
  }
  .Page:nth-child(3) h2 {
    margin-top: 30px;
  }
  .Page:nth-child(4) h2 {
    margin-top: -3px;
    color: white;
  }
  .Page:nth-child(2) h2 {
    color: white;
    margin-top: 88px;
  }
  .Form h3 {
    font-size: 20px;
    line-height: 36px;
    width: 100%;
    margin-bottom: 15px;
  }
  .Form form input {
    width: 173px;
    height: 35px;
  }
  .range {
    margin-top: 413px;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
  }
  .range p {
    width: 100%;
    margin: 0;
  }
  .circle {
    min-width: 66px;
    min-height: 66px;
    text-align: center;
    margin-left: 0;
    margin-right: 10px;
  }
  .benefits {
    margin-top: 80px;
    margin-left: 11%;
  }
  .Page:nth-child(4) {
    width: 93vw !important;
  }

  .aboutImg {
    width: 85%;
    /*width: 264px;*/
    /*height: 247px;*/
  }
  .aboutInfo {
    height: 491px;
  }
  .writeBtn {
    margin-top: -51%;
    margin-left: 54%;
  }
  .Page:nth-child(5) {
    width: 93vw;
  }
  .mapEl {
    top: 46.7%;
    width: 94.7%;
    height: 53%;
  }
  .Page:nth-child(5) h2 {
    margin-top: 53px;
  }
  .navButtons {
    margin-left: auto;
    margin-right: auto;
    padding-right: 12%;
  }
}
@media screen and (max-width: 480px) {
  .background {
    background-image: url(images/aa1.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    height: 4642px;
    left: 0;

    position: absolute;
  }
  .noSliderCont {
    width: 100%;
  }
  .nextText {
    font-size: 59px;
    line-height: 66px;
  }
  .adaptInfo p {
    margin-top: 4px;
  }
  .infoName h1 {
    margin-top: 5px;
  }
  .Form {
    margin-top: -35px;
    position: absolute;
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px 34px;
    height: 490px;
  }
  .Form p {
    font-size: 10px;
    line-height: 12px;
    margin-top: 2%;
    width: 93%;
  }
  .range {
    margin-top: 600px;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
  }
  .Form form input {
    width: 320px;
    height: 35px;
  }
  .inputLabel {
    width: 45%;
    margin: 0;
    height: 50px;
    margin-right: 2%;
    margin-bottom: 3%;
  }
  .form-label {
    font-size: 12px;
    line-height: 16px;
    top: 14px;
  }
  .formBtn {
    width: 92%;
    margin: 0;
    margin-right: 6%;
  }
  .Form form {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: no-wrap;
    position: relative;
    height: inherit;
  }
  .Form h3 {
    font-size: 20px;
    line-height: 36px;
    width: 100%;
    margin-bottom: 15px;
  }
  .Page:nth-child(2) h2 {
    color: white;
    margin-top: 169px;
  }
  .navButtons {
    display: none;
  }
  .swiper {
    display: none;
  }
  .noSlider {
    display: flex;
  }
  .noSliderInfo {
    display: flex;
    flex-direction: row;
    height: min-content;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .circleSecond {
    min-width: 76px;
    min-height: 76px;
    margin-right: 14px;
  }
  .noSliderInfo p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;

    color: #ffffff;
  }
  .noSlider p {
    margin-top: 0;
    width: 100%;
  }
  .Page:nth-child(1) {
    height: 1120px;
  }
  .Page:nth-child(2) {
    height: 1110px;
    overflow: hidden;
  }
  .infoName {
    padding: 0;
    justify-content: space-between;
  }
  .Page:nth-child(2) h2 {
    margin-top: 45px;
  }
  .Page:nth-child(3) h2 {
    margin-top: 155px;
  }
  .noSliderCont {
    overflow-y: scroll;
    height: 100%;
  }
  .benefits {
    margin-top: 10px;
    margin-left: 0;
  }
  .bnfTire {
    display: none;
  }
  .Page:nth-child(3) {
    height: 1090px;
  }
  .bnfRow {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 23px;
  }
  .bnfRow p {
    font-size: 15px;
    line-height: 22px;
    width: 283px;
    text-align: left;
  }
  .Page:nth-child(4) h2 {
    margin-top: 65px;
    color: white;
  }
  .Page:nth-child(4) {
    height: 1220px !important;
  }
  .About {
    margin: 0;
    padding-left: 20px;
  }
  .aboutInfo {
    /*padding: 1px 22px;*/
    border-top: none;
    background: transparent;
  }
  .aboutInfo {
    height: 457px;
  }
  /*.aboutImg {*/
  /*  right: 110px;*/
  /*  width: 325px;*/
  /*  height: 217px;*/
  /*  top: 323px;*/
  /*}*/
  .aboutInfo p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 75px;
    width: 91%;
  }
  .Contacts {
    display: flex;
    flex-direction: row;
    margin-left: 5%;
    margin-top: 20%;
    width: 100%;
    justify-content: flex-start;
    padding: 0;
    z-index: 2;
  }
  .companyInfo {
    top: 123%;
    left: 17%;
  }
  .Page:nth-child(5) h2 {
    margin-top: 0px;
  }
  .contactIcons {
    margin-top: 5%;
    width: 100%;
    position: relative;
  }
  .check {
    margin-top: 7%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 4%;
    border-bottom: 1px solid #c7c7c8;
    flex-wrap: wrap;
    height: 90px;
  }
  input[type="radio"]:checked + label {
    color: #333;
    font-weight: 700;
    white-space: nowrap;
  }
  .writeBtn {
    margin-top: -85%;
    margin-left: 50%;
  }
  .mapEl {
    top: 61%;
    width: 95%;
    height: 42%;
  }
}
@media screen and (max-width: 430px) {
  .background {
    background-image: url(images/4300.png);

    height: 4640px;
  }
  main {
    padding: 0;
    margin: 0 !important;
    width: 100%;
  }
  .nextText {
    font-size: 56px;
    line-height: 66px;
  }
  .adaptInfo {
    display: flex;
    margin-top: 99px;
    margin-left: 35px;
  }
  .infoName {
    padding: 0;
    justify-content: space-between;
    margin-left: 35px;
  }
  .Form {
    margin-top: 60px;
    position: absolute;
    width: 79%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px 44px;
    height: 485px;
  }
  .formBtn {
    width: 100%;
    margin: 0;
    /* margin-right: 6%; */
  }
  .Form p {
    font-size: 10px;
    line-height: 12px;
    margin-top: 3%;
    width: 100%;
  }
  .circle {
    min-width: 70px;
    min-height: 70px;
  }
  .range {
    margin-top: 589px;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
  }
  .circle {
    margin-right: 10px;
    margin-left: 0;
  }

  .Page:nth-child(1) {
    height: 1150px;
  }
  .Page:nth-child(2) h2 {
    margin-top: 100px;
  }
  .Page:nth-child(2) {
    height: 1235px;
  }
  .Page:nth-child(3) {
    height: 1070px;
  }
  footer {
    display: none;
  }
  .InfoBenefits {
    margin-left: 35px;
    flex-direction: column;
  }
  .About {
    /*margin-left: 50px;*/
    padding-left: 40px;
  }
  .Page:nth-child(4) h2 {
    margin-top: 22px;
    color: white;
  }
  .Page:nth-child(3) h2 {
    margin-top: 100px;
  }
  .aboutInfo p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 82px;
    width: 85%;
  }
  .aboutInfo {
    padding: 1px 1px;
    border-top: none;
    background: transparent;
  }
  .aboutImg {
    right: 45px;
    width: 325px;
    height: 217px;
    top: 356px;
  }
  .companyInfo {
    top: 132%;
    left: 15%;
  }
  .Page:nth-child(4) {
    height: 1200px !important;
  }
  .Contacts {
    display: flex;
    flex-direction: row;
    margin-left: 5%;
    margin-top: 12%;
    width: 100%;
    justify-content: flex-start;
    padding: 0;
    z-index: 2;
  }
  .writeBtn {
    margin-top: -88%;
    margin-left: 47%;
  }
  .Page:nth-child(5) {
    width: 100vw;
  }
  .mapEl {
    top: 56%;
    width: 95%;
    height: 42%;
  }
}
@media screen and (max-width: 414px) {
  .nextText {
    font-size: 54px;
    line-height: 58px;
  }
  .circle {
    margin-top: 10px;
  }
  .circle:nth-child(5) {
    margin-right: 50px;
  }
  .Form {
    margin-top: 60px;
    position: absolute;
    width: 82%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px 44px;
    height: 485px;
  }
  .Page:nth-child(2) h2 {
    margin-top: 88px;
  }
  .Page:nth-child(3) h2 {
    margin-top: 54px;
  }
  .Page:nth-child(3) {
    height: 990px;
  }
  .companyInfo {
    top: 119%;
    left: 14%;
  }
  .aboutInfo p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 25px;
    width: 89%;
  }
  .aboutImg {
    right: 39px;
    width: 325px;
    height: 217px;
    top: 298px;
  }
  .Contacts {
    display: flex;
    flex-direction: row;
    margin-left: 5%;
    margin-top: 7%;
    width: 100%;
    justify-content: flex-start;
    padding: 0;
    z-index: 2;
  }
  .infoCont p {
    width: 95%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    color: #242329;
    margin: 0;
  }
  .mapEl {
    top: 55%;
    width: 95%;
    height: 44%;
  }
  .writeBtn {
    margin-top: -97%;
    margin-left: 47%;
  }
  .Page:nth-child(1) {
    height: 1180px;
  }
}
@media screen and (max-width: 375px) {
  .background {
    background-image: url(images/375.png);

    height: 4640px;
  }

  .noSliderCont:last-child {
    display: none;
  }
  .nextText {
    font-size: 49px;
    line-height: 56px;
  }
  .Form {
    margin-top: 40px;
    position: absolute;
    width: 91%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px 44px;
    height: 485px;
  }
  .range {
    margin-top: 575px;
  }
  .circle {
    margin-right: 30px;
    margin-left: 0;
    margin-top: 9px;
  }
  .circle:nth-child(4) {
    margin-right: 48px;
  }
  .circle:nth-child(5) {
    margin-right: 30px;
  }
  .Page:nth-child(2) h2 {
    margin-top: 50px;
  }
  .Page:nth-child(4) h2 {
    margin-top: 52px;
    color: white;
  }
  .aboutInfo {
    padding: 1px 0px;
    border-top: none;
    background: transparent;
  }
  .About p {
    width: 85%;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    margin-top: 31px;
    margin-bottom: 5%;
  }
  .aboutInfo p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 19px;
    width: 91%;
    /* margin: 0; */
  }
  .aboutImg {
    right: 39px;
    width: 305px;
    height: 217px;
    top: 323px;
  }
  .companyInfo {
    top: 122%;
    left: 10%;
  }
  a {
    color: inherit;
  }

  .writeBtn {
    margin-top: -105%;
    margin-left: 44%;
  }
  main {
    padding: 0;
  }
  footer {
    display: none;
  }
  .Page:nth-child(5) h2 {
    margin-top: 54px;
  }
  .mapEl {
    top: 60%;
    width: 95%;
    height: 40%;
  }
}
@media screen and (max-width: 320px) {
  .circle:nth-child(4) {
    margin-right: 15px;
  }
  .circle:nth-child(5) {
    margin-right: 15px;
  }
  /**/
  .background {
    background-image: url(images/aaaa320.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    height: 5895px;
    left: 0;

    position: absolute;
  }
  main {
    padding-top: 60px;

    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
  }
  .Head {
    height: 60px;
  }
  .logoIcon {
    min-width: 60px;
  }
  .headerInfo p {
    display: none;
  }
  .Page:nth-child(5) h2 {
    margin-top: 10px;
  }
  .Page:nth-child(4) {
    height: 1300px !important;
  }
  .adaptInfo {
    display: flex;
    margin-top: 63px;
    margin-left: 0;
  }
  .infoName {
    padding: 0;
    justify-content: space-between;
    margin-left: 0;
  }
  .infoName h1 {
    margin-top: 0;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .nextText {
    font-size: 36px;
    line-height: 42px;
    /* or 117% */
  }
  .range {
    margin-top: 10px;
    flex-wrap: wrap;
  }
  .range p {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    margin-bottom: 5%;
  }
  .Page:nth-child(2) h2 {
    margin-top: 0px;
  }
  .circle p {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
  }
  .circleF p {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
  }
  .circle {
    margin-right: 15px;
    margin-bottom: 20px;
    margin-left: 0 !important;
  }
  .circle:nth-child(2) {
    margin-left: 0 !important;
  }
  .Form {
    margin-top: 200px;
    position: absolute;
    width: 94%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px 11px;
    height: 500px;
  }
  .Form form {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: no-wrap;
    position: relative;
    height: inherit;
  }
  .Form h3 {
    font-size: 20px;
    line-height: 36px;
    width: 100%;
    margin-bottom: 15px;
  }
  .inputLabel {
    width: 100%;
    margin: 0;
    height: 45px;
    margin-bottom: 14px;
  }
  .Form form input {
    width: 228px;
    height: 32px;
  }
  .formBtn {
    width: 100%;
    margin: 0;
  }
  .Form p {
    font-size: 10px;
    line-height: 14px;
    margin-top: 15px;
    width: 100%;
  }
  /*2*/
  .Page:nth-child(1) {
    height: 1245px;
  }
  .Page:nth-child(2) {
    height: 1265px;
  }
  .InfoBenefits {
    margin-left: 0px;
    flex-direction: column;
  }
  .primPage .infoName p {
    line-height: 20px;
  }
  .navButtons {
    display: none;
  }
  .swiper {
    display: none;
  }
  .noSlider {
    display: flex;
    margin-bottom: 30px;
  }
  .noSliderInfo {
    display: flex;
    flex-direction: row;
    height: min-content;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .circleSecond {
    min-width: 76px;
    min-height: 76px;
    margin-right: 14px;
  }
  .noSliderInfo p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;

    color: #ffffff;
  }
  .noSlider p {
    margin-top: 0;
    width: 100%;
  }

  /*3*/
  .benefits {
    margin-top: 30px;
    margin-left: 0;
  }
  .bnfTire {
    display: none;
  }
  .Page:nth-child(3) {
    height: 941px;
  }
  .About {
    margin-left: 0px;
  }
  .Page:nth-child(4) h2 {
    margin-top: 32px;
    color: white;
  }

  .About p {
    width: 96%;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    margin-top: 21px;
    margin-bottom: 14%;
  }
  .bnfRow {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: -4px;
  }
  /*4*/

  .aboutInfo {
    width: 100%;
    height: 620px;
    padding: 0;
  }
  .aboutImg {
    width: 95%;
    top: 71%;
    right: 5%;
    transform: translate(0%, -50%);
  }
  .aboutInfo p {
    font-size: 15px;
    line-height: 20px;
    width: 100%;
    padding: 0;
  }
  .companyInfo {
    top: 98%;
    /* right: 30%; */
    left: 7%;
    transform: translate(0%, -50%);
  }
  .paymentRequest {
    margin-left: 0;
  }
  .writeBtn {
    margin-top: -100%;
    margin-left: 0%;
  }
  .mapEl {
    top: 44.7%;
    width: 93%;
    height: 60%;
    left: 0%;
  }
  .Page:nth-child(5) {
    height: 1080px;
  }
  .check {
    margin-top: 22%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 4%;
    border-bottom: 1px solid #c7c7c8;
    flex-wrap: wrap;
    height: 90px;
  }
  .contactIcons {
    margin-top: 7%;
    width: 100%;
    position: relative;
  }
  .infoCont {
    width: 96%;
    position: relative;
    margin-top: 4%;
  }
}

.typecard label:hover {
  cursor: pointer;
}

.infoCont__phone,
.infoCont__email,
.infoCont__site {
  text-decoration: none;
  color: inherit;
  transition: 0.3s ease-in-out;
}

.infoCont__phone:hover,
.infoCont__email:hover,
.infoCont__site:hover {
  transition: 0.3s ease-in-out;
  color: #3243c7;
}