/*!
Theme Name: VCHASNO
*/
@font-face {
  font-family: 'Vasek';
  src: url('fonts/Vasek-Italic.woff2') format('woff2'), url('fonts/Vasek-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-ExtraBold.eot');
  src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'), url('fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-ExtraBold.woff') format('woff'), url('fonts/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Heavy.eot');
  src: local('Gilroy Heavy'), local('Gilroy-Heavy'), url('fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Heavy.woff') format('woff'), url('fonts/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-LightItalic.eot');
  src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'), url('fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-LightItalic.woff') format('woff'), url('fonts/Gilroy-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-ThinItalic.eot');
  src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'), url('fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-ThinItalic.woff') format('woff'), url('fonts/Gilroy-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-BlackItalic.eot');
  src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'), url('fonts/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-BlackItalic.woff') format('woff'), url('fonts/Gilroy-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-BoldItalic.eot');
  src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'), url('fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-BoldItalic.woff') format('woff'), url('fonts/Gilroy-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-SemiBold.eot');
  src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'), url('fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-SemiBold.woff') format('woff'), url('fonts/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-UltraLightItalic.eot');
  src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'), url('fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-UltraLightItalic.woff') format('woff'), url('fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-SemiBoldItalic.eot');
  src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'), url('fonts/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-SemiBoldItalic.woff') format('woff'), url('fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Light.eot');
  src: local('Gilroy Light'), local('Gilroy-Light'), url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Light.woff') format('woff'), url('fonts/Gilroy-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-MediumItalic.eot');
  src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'), url('fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-MediumItalic.woff') format('woff'), url('fonts/Gilroy-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-ExtraBoldItalic.eot');
  src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'), url('fonts/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-ExtraBoldItalic.woff') format('woff'), url('fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Regular.eot');
  src: local('Gilroy Regular'), local('Gilroy-Regular'), url('fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Regular.woff') format('woff'), url('fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-HeavyItalic.eot');
  src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'), url('fonts/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-HeavyItalic.woff') format('woff'), url('fonts/Gilroy-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Medium.eot');
  src: local('Gilroy Medium'), local('Gilroy-Medium'), url('fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Medium.woff') format('woff'), url('fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-RegularItalic.eot');
  src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'), url('fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-RegularItalic.woff') format('woff'), url('fonts/Gilroy-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-UltraLight.eot');
  src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'), url('fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-UltraLight.woff') format('woff'), url('fonts/Gilroy-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Bold.eot');
  src: local('Gilroy Bold'), local('Gilroy-Bold'), url('fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Bold.woff') format('woff'), url('fonts/Gilroy-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Thin.eot');
  src: local('Gilroy Thin'), local('Gilroy-Thin'), url('fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Thin.woff') format('woff'), url('fonts/Gilroy-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Black.eot');
  src: local('Gilroy Black'), local('Gilroy-Black'), url('fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Black.woff') format('woff'), url('fonts/Gilroy-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-Light.eot');
  src: local('TT Firs Neue Light'), local('TTFirsNeue-Light'), url('fonts/TTFirsNeue-Light.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-Light.woff2') format('woff2'), url('fonts/TTFirsNeue-Light.woff') format('woff'), url('fonts/TTFirsNeue-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-Regular.eot');
  src: local('TT Firs Neue Regular'), local('TTFirsNeue-Regular'), url('fonts/TTFirsNeue-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-Regular.woff2') format('woff2'), url('fonts/TTFirsNeue-Regular.woff') format('woff'), url('fonts/TTFirsNeue-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-BoldItalic.eot');
  src: local('TT Firs Neue Bold Italic'), local('TTFirsNeue-BoldItalic'), url('fonts/TTFirsNeue-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-BoldItalic.woff2') format('woff2'), url('fonts/TTFirsNeue-BoldItalic.woff') format('woff'), url('fonts/TTFirsNeue-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-DemiBoldItalic.eot');
  src: local('TT Firs Neue DemiBold Italic'), local('TTFirsNeue-DemiBoldItalic'), url('fonts/TTFirsNeue-DemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-DemiBoldItalic.woff2') format('woff2'), url('fonts/TTFirsNeue-DemiBoldItalic.woff') format('woff'), url('fonts/TTFirsNeue-DemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-ExtraLight.eot');
  src: local('TT Firs Neue ExtraLight'), local('TTFirsNeue-ExtraLight'), url('fonts/TTFirsNeue-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-ExtraLight.woff2') format('woff2'), url('fonts/TTFirsNeue-ExtraLight.woff') format('woff'), url('fonts/TTFirsNeue-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-ThinItalic.eot');
  src: local('TT Firs Neue Thin Italic'), local('TTFirsNeue-ThinItalic'), url('fonts/TTFirsNeue-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-ThinItalic.woff2') format('woff2'), url('fonts/TTFirsNeue-ThinItalic.woff') format('woff'), url('fonts/TTFirsNeue-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-MediumItalic.eot');
  src: local('TT Firs Neue Medium Italic'), local('TTFirsNeue-MediumItalic'), url('fonts/TTFirsNeue-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-MediumItalic.woff2') format('woff2'), url('fonts/TTFirsNeue-MediumItalic.woff') format('woff'), url('fonts/TTFirsNeue-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-DemiBold.eot');
  src: local('TT Firs Neue DemiBold'), local('TTFirsNeue-DemiBold'), url('fonts/TTFirsNeue-DemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-DemiBold.woff2') format('woff2'), url('fonts/TTFirsNeue-DemiBold.woff') format('woff'), url('fonts/TTFirsNeue-DemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-BlackItalic.eot');
  src: local('TT Firs Neue Black Italic'), local('TTFirsNeue-BlackItalic'), url('fonts/TTFirsNeue-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-BlackItalic.woff2') format('woff2'), url('fonts/TTFirsNeue-BlackItalic.woff') format('woff'), url('fonts/TTFirsNeue-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-LightItalic.eot');
  src: local('TT Firs Neue Light Italic'), local('TTFirsNeue-LightItalic'), url('fonts/TTFirsNeue-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-LightItalic.woff2') format('woff2'), url('fonts/TTFirsNeue-LightItalic.woff') format('woff'), url('fonts/TTFirsNeue-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-ExtraLightItalic.eot');
  src: local('TT Firs Neue ExtraLight Italic'), local('TTFirsNeue-ExtraLightItalic'), url('fonts/TTFirsNeue-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-ExtraLightItalic.woff2') format('woff2'), url('fonts/TTFirsNeue-ExtraLightItalic.woff') format('woff'), url('fonts/TTFirsNeue-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-Bold.eot');
  src: local('TT Firs Neue Bold'), local('TTFirsNeue-Bold'), url('fonts/TTFirsNeue-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-Bold.woff2') format('woff2'), url('fonts/TTFirsNeue-Bold.woff') format('woff'), url('fonts/TTFirsNeue-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-ExtraBold.eot');
  src: local('TT Firs Neue ExtraBold'), local('TTFirsNeue-ExtraBold'), url('fonts/TTFirsNeue-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-ExtraBold.woff2') format('woff2'), url('fonts/TTFirsNeue-ExtraBold.woff') format('woff'), url('fonts/TTFirsNeue-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-Medium.eot');
  src: local('TT Firs Neue Medium'), local('TTFirsNeue-Medium'), url('fonts/TTFirsNeue-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-Medium.woff2') format('woff2'), url('fonts/TTFirsNeue-Medium.woff') format('woff'), url('fonts/TTFirsNeue-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-Thin.eot');
  src: local('TT Firs Neue Thin'), local('TTFirsNeue-Thin'), url('fonts/TTFirsNeue-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-Thin.woff2') format('woff2'), url('fonts/TTFirsNeue-Thin.woff') format('woff'), url('fonts/TTFirsNeue-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-ExtraBoldItalic.eot');
  src: local('TT Firs Neue ExtraBold Italic'), local('TTFirsNeue-ExtraBoldItalic'), url('fonts/TTFirsNeue-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-ExtraBoldItalic.woff2') format('woff2'), url('fonts/TTFirsNeue-ExtraBoldItalic.woff') format('woff'), url('fonts/TTFirsNeue-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-Black.eot');
  src: local('TT Firs Neue Black'), local('TTFirsNeue-Black'), url('fonts/TTFirsNeue-Black.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-Black.woff2') format('woff2'), url('fonts/TTFirsNeue-Black.woff') format('woff'), url('fonts/TTFirsNeue-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'TT Firs Neue';
  src: url('fonts/TTFirsNeue-Italic.eot');
  src: local('TT Firs Neue Italic'), local('TTFirsNeue-Italic'), url('fonts/TTFirsNeue-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/TTFirsNeue-Italic.woff2') format('woff2'), url('fonts/TTFirsNeue-Italic.woff') format('woff'), url('fonts/TTFirsNeue-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
}
body {
  font-family: 'Gilroy';
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  min-height: 100vh;
  background: #FFF;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
body::-webkit-scrollbar-button {
  background-color: #666;
}
body::-webkit-scrollbar-track {
  background-color: #999;
}
body::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
}
body::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #3968B1;
  border-radius: 3px;
}
body::-webkit-scrollbar-corner {
  background-color: #999;
}
body::-webkit-resizer {
  background-color: #666;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
.hcontainer {
  max-width: 1284px;
  margin: 0 auto;
  height: 10px;
}
.container {
  width: 100%;
  max-width: 1284px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 1284px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 560px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.scontainer {
  margin-right: calc((100% - 1284px)/2);
}
@media screen and (max-width: 1284px) {
  .scontainer {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 0!important;
  }
}
@media screen and (max-width: 560px) {
  .scontainer {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.qcontainer {
  padding-left: calc((100% - 1284px)/2);
}
@media screen and (max-width: 1284px) {
  .qcontainer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 560px) {
  .qcontainer {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#last {
  -webkit-animation: last 8s linear infinite;
  animation: last 8s linear infinite;
}
#zv {
  -webkit-animation: zv 1s linear infinite;
  animation: zv 1s linear infinite;
}
@-webkit-keyframes last {
  0% {
    right: 40px;
    top: 150px;
    transform: rotate(-25deg);
  }
  25% {
    right: 55px;
    top: 130px;
    transform: rotate(-10deg);
  }
  50% {
    right: 70px;
    top: 115px;
    transform: rotate(-10deg);
  }
  75% {
    right: 55px;
    top: 130px;
    transform: rotate(10deg);
  }
  100% {
    right: 40px;
    top: 150px;
    transform: rotate(0deg);
  }
}
@-webkit-keyframes zv {
  0% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(-20deg);
  }
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: transparent!important;
  background: red;
  border-radius: 4px;
  padding: 15px!important;
  color: #FFF !important;
  font-size: 14px;
  text-align: center;
}
.wpcf7-not-valid-tip {
  display: none!important;
}
@-webkit-keyframes cnt {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.blocker {
  z-index: 49!important;
}
#slideRight {
  overflow: hidden;
}
header {
  background: #3968b1;
  background: linear-gradient(90deg, rgba(57, 104, 177, 0) 0%, rgba(57, 104, 177, 0) 50%, #ffd60a 50%, #ffd60a 100%);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20;
}
header .hcontainer {
  background: #3968b1;
  background: linear-gradient(90deg, #3968b1 0%, #3968b1 50%, #ffd60a 50%, #ffd60a 100%);
}
header .container {
  display: grid;
  grid-template-columns: 105px 1fr 285px 70px 200px 240px;
  align-items: center;
  height: 93px;
  background: #FFF;
  grid-gap: 30px;
  position: relative;
}
header .container .orderbut {
  position: absolute;
  left: 100%;
  top: 25px;
  margin-left: 30px;
  min-width: 140px;
}
header .container .orderbut a {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
}
@media screen and (max-width: 1600px) {
  header .container .orderbut {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  header .container {
    grid-template-columns: 70px 1fr 70px 200px 240px;
    grid-gap: 20px;
    height: 73px;
  }
}
@media screen and (max-width: 860px) {
  header .container {
    grid-template-columns: 70px 1fr 70px 240px;
  }
}
@media screen and (max-width: 580px) {
  header .container {
    grid-template-columns: 50px 80px 60px 1fr;
    grid-gap: 5px;
  }
}
/*@media screen and (max-width: 480px) {
  header .container {
    grid-template-columns: 50px 1fr 70px;
    grid-gap: 10px;
  }
}*/
header .container .burger {
  height: 100%;
  background: #3968b1;
  display: grid;
  align-items: center;
  justify-content: center;
}
header .container .burger .burg {
  width: 37px;
  cursor: pointer;
}
header .container .burger .burg span {
  height: 2px;
  background: #FFF;
  margin: 9px 0;
  display: block;
}
header .container .slogan {
  color: #21193B;
  font-family: 'Vasek';
  font-size: 26.527px;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  header .container .slogan {
    display: none;
  }
}
header .container .lang {
  position: relative;
}
header .container .lang .curent-lang {
  border-radius: 100px;
  background: rgba(223, 243, 254, 0.28);
  padding: 7px ;
  color: #1A1A1A;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  /* 157.143% */
  text-align: center;
}
header .container .lang .curent-lang svg {
  margin-left: 10px;
}
header .container .lang .list-lang {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  background: #FFF;
  padding: 20px;
  min-width: 60px;
}
header .container .lang .list-lang a {
  color: #1A1A1A;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}
header .container .lang .list-lang-active {
  display: block;
}
@media screen and (min-width: 860px) {
  header .container .lang:hover .list-lang {
    display: block;
  }
}
header .container .social {
  text-align: center;
}
@media screen and (max-width: 860px) {
  header .container .social {
    display: none;
  }
}
header .container .social strong {
  position: relative;
  color: #21193B;
  font-family: 'TT Firs Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
header .container .social strong::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 5px;
  height: 6px;
  width: 6px;
  border-radius: 6px;
  background: #3EAF98;
}
header .container .social ul {
  list-style-type: none;
}
header .container .social ul li {
  display: inline-block;
}
header .container .phone {
  text-align: right;
  padding-right: 40px;
}
@media screen and (max-width: 1284px) {
  header .container .phone {
    padding-right: 0px;
  }
}

header .container .phone .h-phone a {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 37px;
  /* 154.167% */
  letter-spacing: -0.864px;
  text-decoration: none;
}
@media screen and (max-width: 860px) {
  header .container .phone .h-phone a {
    font-size: 18px;
  }
}
header .container .phone .h-order {
  position: relative;
  color: #21193B;
  font-family: 'TT Firs Neue';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 860px) {
  header .container .phone .h-order {
    font-size: 11px;
  }
}

@media screen and (max-width: 480px) {
  header .container .phone .h-order{
    display: none;
  }
}
header .container .phone .h-order a {
  color: #21193B;
  text-decoration: none;
}
/*header .container .phone .h-order::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 5px;
  height: 6px;
  width: 6px;
  border-radius: 6px;
  background: #3EAF98;
}*/
.tmenu {
  position: fixed;
  left: -150%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 350px;
  background: #FFF;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
  z-index: 40;
  padding: 30px;
  padding-top: 40px;
	padding-left:0;
	padding-right:0;
  overflow-y: auto;
}
@media screen and (max-width: 769px) {
  .tmenu {
    width: 100%;
    max-width: 100%;
  }
}
.tmenu ul {
  list-style-type: none;
}
.tmenu ul li{
	padding-left:30px;
	padding-right:30px;
}
.tmenu ul li a {
  font-size: 20px;
  text-decoration: none;
  color: #21193B;
  font-family: 'TT Firs Neue';
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px;
  display: block;
}
.tmenu .mclose {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 40px;
}
.tmenu .mclose span {
  display: block;
  height: 1px;
  background: #000;
}
.tmenu .mclose span:first-child {
  transform: rotate(-45deg);
  margin-top: 10px;
}
.tmenu .mclose span:last-child {
  transform: rotate(45deg);
}
.tmenu .h-order {
  display: none;
}
.tmenu .h-phone {
  margin-bottom: 25px;
	padding-left:30px;
	padding-right:30px;
}
.tmenu .h-phone a {
  text-decoration: none;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.active-menu {
  left: 0;
}
.banner {
  position: relative;
  padding-top: 165px;
  width: 100%;
  background: #cbecfe url(img/bp.png) left bottom no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 769px) {
  .banner {
    background: #cbecfe url(img/bm.png) left bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 130px;
    padding-top: 100px;
  }
}
.banner .last {
  position: absolute;
  background: url(img/last.svg);
  width: 30px;
  height: 33px;
  background-size: cover;
  z-index: 20;
}
@media screen and (max-width: 769px) {
  .banner .last {
    display: none;
  }
}
.banner .container {
  display: grid;
  grid-template-columns: 1fr 350px;
}
@media screen and (max-width: 769px) {
  .banner .container {
    display: block;
  }
}
.banner .container .left {
  padding-bottom: 150px;
}
@media screen and (max-width: 769px) {
  .banner .container .left {
    padding-bottom: 30px;
  }
}
.banner .container .left .txt h1 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 84.714px;
  font-style: normal;
  font-weight: 600;
  line-height: 78.62px;
  /* 92.806% */
  text-transform: uppercase;
  margin-bottom: 35px;
}
@media screen and (max-width: 1200px) {
  .banner .container .left .txt h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 560px) {
  .banner .container .left .txt h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.banner .container .left .txt h1 em {
  color: #21193B;
  font-family: 'Vasek';
  font-size: 31.475px;
  font-style: italic;
  font-weight: 400;
  line-height: 25.197px;
  /* 80.054% */
  text-transform: none;
  transform: rotate(-4.675deg);
  display: inline-block;
  background: url(img/em.svg) left bottom no-repeat;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  .banner .container .left .txt h1 em {
    font-size: 24px;
  }
}
.banner .container .left .txt h2 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 27.881px;
  /* 121.221% */
  margin-bottom: 20px;
  max-width: 630px;
}
.banner .container .left .txt p {
  margin-bottom: 30px;
}
.banner .container .left .txt p em {
  color: #21193B;
  font-family: 'Vasek';
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
  line-height: 28.819px;
  /* 80.054% */
}
.banner .container .left .txt ul {
  list-style-type: none;
  margin-bottom: 30px;
  max-width: 530px;
}
.banner .container .left .txt ul li {
  background: url(img/check.svg) left center no-repeat;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.banner .container .left .mobilef {
  display: none;
}
@media screen and (max-width: 769px) {
  .banner .container .left .mobilef {
    display: block;
  }
}
.banner .container .left .mobilef form .mob-form {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background: #FFF;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 25px;
  position: relative;
}
.banner .container .left .mobilef form .mob-form .minutes {
  width: 218px;
  height: 61px;
  background: url(img/min.png);
  position: absolute;
  right: -15px;
  top: -15px;
  text-align: center;
  line-height: 61px;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  transform: rotate(10deg);
  padding-left: 50px;
}
.banner .container .left .mobilef form .mob-form h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  padding-top: 20px;
}
.banner .container .left .mobilef form .mob-form h4 {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 20px;
  text-align: center;
}
.banner .container .left .mobilef form .mob-form h5 {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 20px;
}
.banner .container .left .mobilef form .mob-form input[type=text] {
  border: 1px solid #FFD60A;
  padding: 20px 10px 20px 60px;
  border-radius: 179px;
  background: #FFF;
  width: 100%;
  margin-bottom: 15px;
}
.banner .container .left .mobilef form .mob-form input[type=text]::placeholder {
  font-size: 18px;
  color: #1E4365;
}
.banner .container .left .mobilef form .mob-form .flag-container {
  margin-left: 20px;
}
.banner .container .left .mobilef form .mob-form .formsub {
  position: relative;
  margin-top: 30px;
}
.banner .container .left .mobilef form .mob-form .formsub::before {
  content: "";
  width: 65px;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  animation: slideRight 3s infinite;
  z-index: 1;
}
.banner .container .left .mobilef form .mob-form .formsub input[type=submit] {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: inline-block;
  padding: 20px ;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  transition: 0.5s box-shadow, 0.5s transform;
  position: relative;
  overflow: hidden;
  border: none;
  width: 100%;
}
.banner .container .left .button {
  padding-top: 10px;
  position: relative;
}
@media screen and (max-width: 769px) {
  .banner .container .left .button {
    display: none;
  }
}
.banner .container .left .button::before {
  position: absolute;
  left: -50px;
  top: -40px;
  content: "";
  width: 39px;
  height: 67px;
  background: url(img/bf.svg);
}
.banner .container .left .button a {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: inline-block;
  padding: 25px 50px;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  transition: 0.5s box-shadow, 0.5s transform;
  position: relative;
  overflow: hidden;
}
.banner .container .left .button a span {
  border-radius: 72px;
  background: #FCFEFF;
  display: inline-block;
  padding: 1px 13px;
  margin-left: 10px;
}
.banner .container .left .button a:hover {
  box-shadow: 0px 24px 49px -18px rgba(0, 0, 0, 0.34);
}
@media screen and (max-width: 769px) {
  .banner .container .left .button a {
    text-align: center;
    width: 100%;
  }
}
.banner .container .left .button a::before {
  content: "";
  width: 60px;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  animation: slideRight 3s infinite;
}
@-webkit-keyframes slideRight {
  0% {
    left: 0;
  }
  30% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
.banner .container .right {
  padding-top: 20px;
}
@media screen and (max-width: 769px) {
  .banner .container .right {
    padding-top: 0px;
    padding-bottom: 100px;
  }
}
.banner .container .right .manager {
  background: #FFF;
  box-shadow: 0px 25.06003189px 30.28087234px -18.79502487px #BED8FF;
  padding: 10px;
}
.banner .container .right .manager .manager-it {
  border: 1.044px solid #DBF1FE;
  padding: 20px;
}
.banner .container .right .manager .manager-it .name {
  color: #000;
  font-family: 'Vasek';
  font-size: 37.59px;
  font-style: italic;
  font-weight: 400;
  line-height: 30.092px;
  /* 80.054% */
  padding-top: 10px;
}
.banner .container .right .manager .manager-it img {
  float: left;
  margin-right: 15px;
}
.banner .container .right .manager .manager-it .txt {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 15.663px;
  font-style: normal;
  font-weight: 300;
  line-height: 22.972px;
  padding-top: 15px;
}
.banner .container .right .manager .manager-it .txt strong {
  font-weight: 600;
}
.banner .container .right .zv {
  width: 131px;
  height: 130px;
  background: url(img/tel.svg);
  display: block;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  transition: 0.5s box-shadow, 0.5s transform;
}
@media screen and (max-width: 769px) {
  .banner .container .right .zv {
    display: none;
  }
}
.banner .container .right .zv:hover {
  transform: scale(1.2);
}
.about {
  background: #FFF;
  padding-top: 75px;
  position: relative;
}
.about .container {
  display: grid;
  grid-template-columns: 500px 1fr;
  grid-gap: 80px;
}
@media screen and (max-width: 1200px) {
  .about .container {
    display: block;
  }
}
.about .container .left {
  padding-top: 75px;
}
@media screen and (max-width: 1200px) {
  .about .container .left {
    padding-top: 0px;
  }
}
.about .container .left .img {
  position: relative;
  margin-left: -35px;
  padding-right: 40px;
  /*&::before{
          position: absolute;
          left: 0;
          bottom: 0;
          content: "";
          width: 100%;
          height: 100%;
          background: url(./img/shtr.svg) bottom left no-repeat;
          background-size: 100%;
        }*/
}
@media screen and (max-width: 1284px) {
  .about .container .left .img {
    margin-left: 0px;
    padding-right: 0px;
  }
}
.about .container .right h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left center no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .about .container .right h3 {
    font-size: 14px;
  }
}
.about .container .right h4 {
  color: #1E4365;
  font-family: TT Firs Neue;
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 97.881px;
  /* 165.9% */
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .about .container .right h4 {
    font-size: 40px;
  }
}
.about .container .right p {
  margin: 25px 0;
  color: #101010;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  /* 150% */
}
.about .container .right .blocks {
  padding-top: 25px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
@media screen and (max-width: 860px) {
  .about .container .right .blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .about .container .right .blocks {
    display: block;
  }
}
.about .container .right .blocks .cblock {
  background: #ECF8FF;
  text-align: center;
  padding: 45px 25px;
}
@media screen and (max-width: 560px) {
  .about .container .right .blocks .cblock {
    margin-bottom: 10px;
  }
}
.about .container .right .blocks .cblock .counter {
  color: #3968B1;
  text-align: center;
  font-family: 'TT Firs Neue';
  font-size: 45px;
  font-style: normal;
  font-weight: 900;
  margin-bottom: 40px;
}
.log {
  padding-top: 100px;
  background: #FFF;
}
@media screen and (max-width: 769px) {
  .log {
    padding-top: 30px;
  }
}
.log .container h2 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 68.5px;
  /* 116.102% */
  text-transform: uppercase;
  margin-bottom: 70px;
}
@media screen and (max-width: 1200px) {
  .log .container h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 769px) {
  .log .container h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}
.log .container .l-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
@media screen and (max-width: 860px) {
  .log .container .l-block {
    display: block;
  }
}
.log .container .l-block .white {
  color: #101010;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  /* 150% */
  padding: 30px;
  padding-top: 0;
  padding-left: 0;
}
@media screen and (max-width: 860px) {
  .log .container .l-block .white {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 769px) {
  .log .container .l-block .white {
    padding-right: 0px;
  }
}
.log .container .l-block .white a {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: inline-block;
  padding: 25px 50px;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  margin-top: 150px;
  transition: 0.5s box-shadow;
  position: relative;
}
@media screen and (max-width: 769px) {
  .log .container .l-block .white a {
    margin-top: 30px;
  }
}
.log .container .l-block .white a:hover {
  box-shadow: 0px 24px 39px -18px rgba(0, 0, 0, 0.34);
}
@media screen and (max-width: 1200px) {
  .log .container .l-block .white a {
    width: 100%;
    text-align: center;
    padding: 25px;
  }
}
.log .container .l-block .white a::before {
  content: "";
  width: 60px;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  animation: slideRight 3s infinite;
}
.log .container .l-block .blue {
  background: #3968B1;
  color: #FFF;
  padding: 30px;
  padding-top: 0;
}
@media screen and (max-width: 860px) {
  .log .container .l-block .blue {
    margin-bottom: 60px;
  }
}
.log .container .l-block .blue h3 {
  margin-bottom: 30px;
  color: #FFF;
  font-family: 'TT Firs Neue';
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: 32.6px;
  /* 130.4% */
}
.log .container .l-block .blue p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  /* 150% */
  margin-bottom: 20px;
}
.log .container .l-block .blue img {
  margin-top: -60px;
}
.yakfon {
  padding-top: 100px;
  background: url(img/bc.png) left top 100px repeat-x;
}
@media screen and (max-width: 769px) {
  .yakfon {
    padding-top: 0px;
  }
}
.yak h3 {
  color: #1E4365;
  text-align: right;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 68.481px;
  /* 116.069% */
  text-transform: uppercase;
  margin-left: 50%;
}
@media screen and (max-width: 1200px) {
  .yak h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 860px) {
  .yak h3 {
    text-align: left;
    margin-left: 0%;
  }
}
@media screen and (max-width: 769px) {
  .yak h3 {
    margin-bottom: 30px;
  }
}
.yak h4 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left center no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  margin-top: -40px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1200px) {
  .yak h4 {
    font-size: 14px;
  }
}
@media screen and (max-width: 860px) {
  .yak h4 {
    margin-top: 0px;
  }
}
.yak .y-list {
  border: 1px solid #FFD812;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 0px;
}
@media screen and (max-width: 860px) {
  .yak .y-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .yak .y-list {
    display: block;
  }
}
.yak .y-list .item {
  border-right: 1px solid #FFD812;
  border-bottom: 1px solid #FFD812;
  padding: 40px;
  text-align: center;
  background: #FFF;
  text-decoration: none;
}
@media screen and (max-width: 560px) {
  .yak .y-list .item {
    display: block;
  }
}
.yak .y-list .item:nth-child(3n+3) {
  border-right: 0px;
}
@media screen and (max-width: 860px) {
  .yak .y-list .item {
    border-right: 1px solid #FFD812 !important;
    border-bottom: 1px solid #FFD812 !important;
  }
}
.yak .y-list .item .img {
  margin-bottom: 20px;
  height: 130px;
}
.yak .y-list .item h5 {
  color: #3968B1;
  text-align: center;
  font-family: 'TT Firs Neue';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 35.681px;
  /* 178.404% */
}
.mcont {
  width: 98%!important;
  max-height: 98%!important;
  max-width: 675px!important;
  z-index: 50!important;
  border-radius: 0!important;
  padding-top: 50px!important;
  overflow-y: auto;
}
.mcont .close-modal {
  background: url(img/cl.svg) !important;
  width: 23px!important;
  height: 23px!important;
  top: 15px!important;
  right: 15px!important;
}
.mcont .bord {
  height: 4px;
  background: #3968b1;
  background: linear-gradient(90deg, #3968b1 0%, #3968b1 50%, #ffd60a 50%, #ffd60a 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.mcont img {
  float: left;
  margin-right: 15px;
  max-width: 85px;
}
.mcont h5 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 34.881px;
  /* 124.575% */
  text-transform: uppercase;
  margin-bottom: 25px;
}
.mcont p {
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  /* 168.75% */
}
.mcont .ebut {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: inline-block;
  padding: 25px 50px;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
#ex7 {
  max-width: 400px!important;
}
#ex7 h3 {
  text-align: center;
  margin-bottom: 20px;
}
#ex7 h4 {
  text-align: center;
  margin-bottom: 20px;
}
#ex7 input[type=text] {
  width: 100%;
  border-radius: 179px;
  padding: 25px;
  border: 1px solid #CCC;
  margin-bottom: 10px;
  padding-left: 60px;
}
#ex7 .selected-flag {
  margin-left: 20px;
}
#ex7 input[type=submit] {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: block;
  border: navajowhite;
  padding: 20px ;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  text-decoration: none;
  width: 100%;
  margin-top: 10px;
}
.park {
  padding-top: 135px;
}
@media screen and (max-width: 769px) {
  .park {
    padding-top: 35px;
  }
}
.park .container .blocktitle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-bottom: 135px;
}
@media screen and (max-width: 769px) {
  .park .container .blocktitle {
    display: block;
  }
}
.park .container .blocktitle h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 79.881px;
  /* 135.391% */
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .park .container .blocktitle h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 769px) {
  .park .container .blocktitle h3 {
    margin-bottom: 20px;
  }
}
.park .container .blocktitle h4 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left center no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .park .container .blocktitle h4 {
    font-size: 14px;
  }
}
.park .container .parklist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
@media screen and (max-width: 1200px) {
  .park .container .parklist {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media screen and (max-width: 769px) {
  .park .container .parklist {
    display: block;
  }
}
.park .container .parklist .item {
  text-align: center;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(208, 237, 254, 0.63);
  padding: 30px;
  margin-bottom: 50px;
  transition: 0.5s transform, 0.5s box-shadow;
}
.park .container .parklist .item:hover {
  transform: scale(1.1);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}
.park .container .parklist .item:hover .zam {
  visibility: visible;
}
.park .container .parklist .item .parkimg {
  margin-top: -73px;
  margin-bottom: 30px;
  height: 75px;
}
.park .container .parklist .item ul {
  text-align: left;
  list-style-type: none;
}
.park .container .parklist .item .head {
  margin-bottom: 30px;
}
.park .container .parklist .item .head ul {
  display: grid;
  grid-template-columns: 60px 115px 1fr;
  align-items: end;
}
.park .container .parklist .item .head ul li {
  color: #1E4365;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  /* 100% */
}
.park .container .parklist .item .head ul li:nth-child(1) {
  padding-left: 5px;
}
.park .container .parklist .item .head ul li:nth-child(2) {
  color: #3968B1;
  font-size: 70px;
  font-style: normal;
  font-weight: 800;
  line-height: 56px;
  /* 80% */
}
.park .container .parklist .item .body ul {
  display: grid;
  grid-template-columns: 60px 115px 1fr;
  align-items: start;
}
.park .container .parklist .item .body ul li {
  color: #101010;
  font-family: Gilroy;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  /* 138.667% */
  margin-bottom: 25px;
}
.park .container .parklist .item .body ul li img {
  margin-top: -8px;
}
.park .container .parklist .item .body ul li strong {
  color: #1E4365;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 20.8px;
  /* 138.667% */
}
.park .container .parklist .item .zam {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: inline-block;
  padding: 10px 15px;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  margin-top: 0px;
  transition: 0.5s box-shadow;
  position: relative;
  overflow: hidden;
  width: 100%;
  visibility: hidden;
  transition: 0.5s visibility;
}

@media screen and (max-width: 769px) {
  .park .container .parklist .item .zam {
     visibility:visible;
  }
}


.park .container .parklist .item .zam:hover {
  box-shadow: 0px 24px 39px -18px rgba(0, 0, 0, 0.34);
}
.park .container .parklist .item .zam::before {
  content: "";
  width: 60px;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  animation: slideRight 3s infinite;
}
.clock .container {
  background-size: cover!important;
  padding-left: 60px;
  padding-top: 60px;
  position: relative;
}
@media screen and (max-width: 860px) {
  .clock .container {
    background-size: auto 100%!important;
  }
}
@media screen and (max-width: 769px) {
  .clock .container {
    padding-left: 20px;
  }
}
@media screen and (max-width: 560px) {
  .clock .container {
    padding-bottom: 240px;
  }
}
.clock .container .logist {
  position: absolute;
  right: 10px;
  bottom: 0px;
}
@media screen and (max-width: 860px) {
  .clock .container .logist {
    max-width: 250px;
  }
}
.clock .container .ans {
  position: absolute;
  right: 0px;
  top: -50px;
}
.clock .container .pid {
  position: absolute;
  right: 70px;
  bottom: -30px;
  background: #FFF;
  box-shadow: 0px 25.06003189px 30.28087234px -18.79502487px #BED8FF;
  right: 20px;
}
@media screen and (max-width: 860px) {
  .clock .container .pid {
    max-width: 250px;
  }
}
.clock .container .pid div {
  border: 1.044px solid #DBF1FE;
  padding: 10px 30px;
  color: #3968B1;
  font-family: Vasek;
  font-size: 37.59px;
  font-style: italic;
  font-weight: 400;
  line-height: 30.092px;
  /* 80.054% */
}
.clock .container h3 {
  color: #FFF;
  font-family: 'TT Firs Neue';
  font-size: 49.594px;
  font-style: normal;
  font-weight: 900;
  line-height: 67.145px;
  /* 135.391% */
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .clock .container h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
.clock .container .snow {
  color: #FFD813;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18.081px;
  /* 113.005% */
  max-width: 545px;
  padding-left: 60px;
  background: url(img/sbow.svg) left top no-repeat;
}
@media screen and (max-width: 769px) {
  .clock .container .snow {
    padding-left: 0px;
    background: none;
  }
}
.clock .container ul {
  list-style-type: none;
  margin-left: 60px;
  padding-top: 20px;
}
.clock .container ul li {
  background: url(img/check.svg) left center no-repeat;
  padding-left: 25px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #FFF;
  font-size: 15px;
}
.clock .container del {
  position: absolute;
  left: 30px;
  top: 60%;
  transform: rotate(-11.4deg);
  text-decoration: none;
  color: #FFF;
  font-family: Vasek;
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
}
@media screen and (max-width: 769px) {
  .clock .container del {
    display: none;
  }
}
.clock .container a {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: inline-block;
  padding: 25px 50px;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 60px;
  transition: 0.5s box-shadow;
  position: relative;
  overflow: hidden;
}
.clock .container a::before {
  content: "";
  width: 60px;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  animation: slideRight 3s infinite;
}
.clock .container a:hover {
  box-shadow: 0px 24px 39px -18px rgba(0, 0, 0, 0.34);
}
@media screen and (max-width: 769px) {
  .clock .container a {
    width: 98%;
    margin-left: 0px;
  }
}
.kon .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 35px;
}
@media screen and (max-width: 860px) {
  .kon .container {
    display: block;
  }
}
.kon .container .left{
	position:relative;
}
.kon .container .left{
	position:relative;
}


.kon .container .left .txt100{
	position:absolute;
	left:50px;
	top:145px;
	color: #3968B1;
	font-family: 'TT Firs Neue';
	font-size:81px;
	font-style: normal;
	font-weight: 900;
	line-height: 48.856px;
	
}

.kon .container .left .txt100 em{

	font-size:47px;
	font-style: normal;
	font-weight: 900;

}
.kon .container .left .txt100 span{
	margin-top:9px;
	color: #1E4365;
	font-family: 'TT Firs Neue';
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 27.881px;
	display:block;
}


.kon .container .left img {
  margin-left: -70px;
  width: 100%;
}


@media screen and (max-width: 769px) {
  .kon .container .left .txt100{
	left:70px;
	top:145px;
	
	
}
}

@media screen and (max-width: 561px) {
  .kon .container .left .txt100{
	left:70px;
	top:125px;
	
	
}
}






@media screen and (max-width: 1284px) {
  .kon .container .left img {
    margin-left: 0px;
  }
}
.kon .container .right {
  padding-top: 120px;
}
.kon .container .right h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left center no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .kon .container .right h3 {
    font-size: 14px;
  }
}
.kon .container .right h4 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 68.5px;
  /* 116.102% */
  text-transform: uppercase;
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .kon .container .right h4 {
    font-size: 36px;
    line-height: 40px;
  }
}
.kon .container .right .kontxt img {
  float: left;
  margin-right: 15px;
  margin-bottom: 100px;
}
.kon .container .right .kontxt p {
  color: #101010;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  /* 150% */
}
.per {
  margin-bottom: 120px;
}
.per .container {
  padding-top: 130px;
}
.per .container .head {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 769px) {
  .per .container .head {
    display: block;
  }
}
.per .container .head h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 79.881px;
  /* 135.391% */
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .per .container .head h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 769px) {
  .per .container .head h3 {
    margin-bottom: 30px;
  }
}
.per .container .head h4 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left center no-repeat;
  padding-left: 40px;
}
@media screen and (max-width: 1200px) {
  .per .container .head h4 {
    font-size: 14px;
  }
}
.per .container .perlist1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .per .container .perlist1 {
    display: block;
  }
}
.per .container .perlist1 .item {
  background: #ECF8FF;
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 769px) {
  .per .container .perlist1 .item {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 580px) {
  .per .container .perlist1 .item {
    display: block;
  }
}
.per .container .perlist1 .item p {
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24.4px;
  /* 152.5% */
  margin: 20px 0;
}
.per .container .perlist1 .item p strong {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 32.6px;
  /* 181.111% */
}
.per .container .perlist1 .item img {
  vertical-align: bottom;
}
.per .container .perlist2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .per .container .perlist2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 769px) {
  .per .container .perlist2 {
    display: block;
  }
}
.per .container .perlist2 .item {
  background: #ECF8FF;
  padding: 20px;
}
@media screen and (max-width: 769px) {
  .per .container .perlist2 .item {
    margin-bottom: 20px;
  }
}
.per .container .perlist2 .item p {
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24.4px;
  /* 152.5% */
  margin: 20px 0;
}
.per .container .perlist2 .item p strong {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 32.6px;
  /* 181.111% */
}
.per .container .perlist2 .item .img {
  text-align: center;
}
@media screen and (max-width: 769px) {
  .per .container .perlist2 .item .img {
    text-align: left;
  }
}
.per .container .perlist3 .item {
  background: #ECF8FF;
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 3fr;
  align-items: center;
}
@media screen and (max-width: 769px) {
  .per .container .perlist3 .item {
    display: block;
  }
}
.per .container .perlist3 .item p {
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24.4px;
  /* 152.5% */
  margin: 20px 0;
}
.per .container .perlist3 .item p strong {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 32.6px;
  /* 181.111% */
}
.per .container .perlist3 .item .img {
  text-align: center;
}
.per .container .bot_list {
  display: grid;
  grid-template-columns: 1fr 205px 360px;
  padding-top: 60px;
}
@media screen and (max-width: 860px) {
  .per .container .bot_list {
    display: block;
  }
}
.per .container .bot_list .txt {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25.4px;
  /* 158.75% */
  text-transform: uppercase;
}
@media screen and (max-width: 860px) {
  .per .container .bot_list .txt {
    margin-bottom: 30px;
  }
}
.per .container .bot_list .str {
  padding-top: 40px;
}
@media screen and (max-width: 860px) {
  .per .container .bot_list .str {
    display: none;
  }
}
.per .container .bot_list .but a {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: block;
  text-align: center;
  padding: 25px ;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  transition: 0.5s box-shadow;
  position: relative;
  overflow: hidden;
}
.per .container .bot_list .but a::before {
  content: "";
  width: 60px;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  animation: slideRight 3s infinite;
}
.per .container .bot_list .but a:hover {
  box-shadow: 0px 24px 39px -18px rgba(0, 0, 0, 0.34);
}
.map {
  background: url(img/fonmap.png) left top -220px repeat-x;
  padding-top: 100px;
}
@media screen and (max-width: 560px) {
  .map {
    padding-top: 40px;
  }
}
.map .container {
  text-align: center;
  position: relative;
}
.map .container .h4grid {
  display: grid;
  grid-template-columns: 1fr 350px;
  align-items: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
  .map .container .h4grid {
    display: block;
  }
}
.map .container .h4grid h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 79.881px;
  /* 135.391% */
  text-transform: uppercase;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .map .container .h4grid h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .map .container .h4grid h3 {
    margin-bottom: 20px;
  }
}
.map .container .h4grid h5 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left center no-repeat;
  padding-left: 40px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .map .container .h4grid h5 {
    font-size: 14px;
  }
}
@media screen and (max-width: 769px) {
  .map .container img {
    margin-top: 200px;
  }
}
@media screen and (max-width: 560px) {
  .map .container img {
    margin-top: 340px;
  }
}
.map .container .list {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 10;
}
@media screen and (max-width: 769px) {
  .map .container .list {
    left: 20px;
    top: 160px;
  }
}
.map .container ul {
  display: inline-block;
  list-style-type: none;
  margin-left: 50px;
}
@media screen and (max-width: 560px) {
  .map .container ul {
    display: block;
    margin-left: 0;
  }
}
.map .container ul li {
  text-align: left;
  color: #3968B1;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.4px;
  /* 158.75% */
  text-transform: uppercase;
}
.step .container {
  padding-top: 30px;
}
.step .container .head {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  align-items: end;
  margin-bottom: 80px;
}
@media screen and (max-width: 769px) {
  .step .container .head {
    display: block;
  }
}
.step .container .head h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 68.5px;
  /* 116.102% */
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .step .container .head h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 769px) {
  .step .container .head h3 {
    margin-bottom: 20px;
  }
}
.step .container .head h4 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left center no-repeat;
  padding-left: 40px;
}
@media screen and (max-width: 1200px) {
  .step .container .head h4 {
    font-size: 14px;
  }
}
.step .container .steplist {
  position: relative;
  background: url(img/punkt.svg) left top 110px repeat-x;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 100px;
}
.step .container .steplist .item {
  position: relative;
}
.step .container .steplist .item:nth-child(2)::before {
  width: 106px;
  height: 119px;
  content: "";
  position: absolute;
  right: 0;
  top: 40px;
  background: url(img/persent.svg);
  animation: cnt 3s infinite;
}
.step .container .steplist::before {
  position: absolute;
  left: 0;
  top: 105px;
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background: #3968B1;
}
.step .container .steplist::after {
  position: absolute;
  right: 0;
  top: 105px;
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background: #FFDA29;
}
@media screen and (max-width: 1060px) {
  .step .container .steplist {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
  }
}
@media screen and (max-width: 560px) {
  .step .container .steplist {
    display: block;
  }
}
.step .container .steplist .item {
  position: relative;
}
@media screen and (max-width: 560px) {
  .step .container .steplist .item {
    margin-bottom: 30px;
  }
}
.step .container .steplist .item .num {
  color: #EAF7FF;
  font-family: 'TT Firs Neue';
  font-size: 273px;
  font-style: normal;
  font-weight: 900;
  line-height: 27.881px;
  /* 10.213% */
  position: absolute;
  left: 0;
  top: 230px;
  z-index: -1;
}
.step .container .steplist .item .cnt {
  position: relative;
}
.step .container .steplist .item .cnt .img {
  padding-left: 40px;
  margin-bottom: 100px;
}
.step .container .steplist .item .cnt p {
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24.4px;
  /* 152.5% */
  margin-bottom: 25px;
}
.step .container .steplist .item .cnt p strong {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 26.8px;
  /* 148.889% */
}
.step .container .steplist .item .cnt p em {
  color: #3968B1;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  /* 113.333% */
}
.keys .scontainer {
  position: relative;
  overflow-x: hidden;
}
.keys .scontainer .one-time {
  position: relative;
  padding-bottom: 100px;
  padding-top: 140px;
}
.keys .scontainer .one-time .item {
  display: grid;
  grid-template-columns: 1fr 565px;
}
@media screen and (max-width: 1200px) {
  .keys .scontainer .one-time .item {
    grid-template-columns: 50% 50%;
  }
}
@media screen and (max-width: 1080px) {
  .keys .scontainer .one-time .item {
    display: block;
  }
}
.keys .scontainer .one-time .item .left img {
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .keys .scontainer .one-time .item .left {
    display: none;
  }
}
.keys .scontainer .one-time .item .right {
  padding-left: 40px;
}
@media screen and (max-width: 1080px) {
  .keys .scontainer .one-time .item .right {
    padding-left: 0px;
  }
}
.keys .scontainer .one-time .item .right img {
  display: inline-block !important;
}
.keys .scontainer .one-time .item .right h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 79.881px;
  /* 135.391% */
  text-transform: uppercase;
  padding-top: 30px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .keys .scontainer .one-time .item .right h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
.keys .scontainer .one-time .item .right .keyimg {
  display: none!important;
}
@media screen and (max-width: 1080px) {
  .keys .scontainer .one-time .item .right .keyimg {
    display: block!important;
    width: 100%;
    margin-bottom: 20px;
  }
}
.keys .scontainer .one-time .item .right h4 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left top 10px no-repeat;
  padding-left: 40px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1080px) {
  .keys .scontainer .one-time .item .right h4 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.keys .scontainer .one-time .item .right .txt {
  background: #ECF8FF;
  padding: 30px;
  padding-left: 100px;
  margin-left: -70px;
  padding-top: 50px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .keys .scontainer .one-time .item .right .txt {
    margin-left: 0px;
  }
}
.keys .scontainer .one-time .item .right .txt::before {
  position: absolute;
  left: 60px;
  top: 40px;
  bottom: 50px;
  content: "";
  width: 2px;
  background: url(img/kp.svg) repeat-y;
}
.keys .scontainer .one-time .item .right .txt h5 {
  color: #3968B1;
  font-family: 'TT Firs Neue';
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 26.8px;
  /* 111.667% */
  position: relative;
}
.keys .scontainer .one-time .item .right .txt h5::before {
  position: absolute;
  left: -60px;
  top: -10px;
  content: "";
  width: 41px;
  height: 41px;
  background: url(img/kv.svg) no-repeat;
}
.keys .scontainer .one-time .item .right .txt p {
  margin: 20px 0;
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24.4px;
  /* 152.5% */
}
.keys .scontainer .one-time .slick-prev {
  position: absolute;
  right: 650px;
  bottom: 20px;
  width: 101px;
  height: 54.927px;
  margin-right: 190px;
  background: url(img/left.svg);
  border: none;
  text-indent: -9999px;
  z-index: 10;
}
@media screen and (max-width: 1560px) {
  .keys .scontainer .one-time .slick-prev {
    bottom: 150px;
  }
}
@media screen and (max-width: 1287px) {
  .keys .scontainer .one-time .slick-prev {
    left: 20px;
    margin-right: 0px;
    right: auto;
    bottom: 20px;
  }
}
.keys .scontainer .one-time .slick-next {
  position: absolute;
  right: 650px;
  bottom: 20px;
  width: 101px;
  height: 54.927px;
  background: url(img/right.svg);
  border: none;
  text-indent: -9999px;
  z-index: 10;
}
@media screen and (max-width: 1560px) {
  .keys .scontainer .one-time .slick-next {
    bottom: 150px;
  }
}
@media screen and (max-width: 1287px) {
  .keys .scontainer .one-time .slick-next {
    left: 210px;
    right: auto;
    bottom: 20px;
  }
}
.keys .scontainer .slide-numbers {
  position: absolute;
  right: 600px;
  bottom: 20px;
  z-index: 20;
  margin-right: 170px;
  color: #3968B1;
  font-family: 'TT Firs Neue';
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
}
@media screen and (max-width: 1560px) {
  .keys .scontainer .slide-numbers {
    bottom: 150px;
  }
}
@media screen and (max-width: 1287px) {
  .keys .scontainer .slide-numbers {
    left: 150px;
    right: auto;
    margin-right: 0px;
    bottom: 20px;
  }
}
.keys .scontainer .slide-numbers span {
  font-size: 39px;
}
.qh3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 60px;
  margin-top: 100px;
}
@media screen and (max-width: 1200px) {
  .qh3 {
    font-size: 36px;
    line-height: 40px;
  }
}
.faq .qcontainer .faq-list {
  display: grid;
  grid-template-columns: 1fr 570px;
  grid-gap: 100px;
}
@media screen and (max-width: 1060px) {
  .faq .qcontainer .faq-list {
    display: block;
  }
}
.faq .qcontainer .faq-list .left .item {
  clear: both;
  padding: 25px 0;
  border-bottom: 1px solid #3968B1;
}
.faq .qcontainer .faq-list .left .item .vop {
  color: #3968B1;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 29.7px;
  /* 148.5% */
  cursor: pointer;
}
.faq .qcontainer .faq-list .left .item .vop span {
  display: inline-block;
  border-radius: 80.609px;
  background: #FFE164;
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  float: right;
  font-size: 32px;
  font-weight: 400;
}
.faq .qcontainer .faq-list .left .item .otv {
  display: none;
  padding-top: 25px;
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24.4px;
  /* 152.5% */
}
.faq .qcontainer .faq-list .right img {
  width: 100%;
}
.partner .container {
  padding-top: 150px;
  padding-bottom: 70px;
}
.partner .container .head {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1287px) {
  .partner .container .head {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 769px) {
  .partner .container .head {
    display: block;
  }
}
.partner .container .head h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 79.881px;
  /* 135.391% */
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .partner .container .head h3 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px;
  }
}
.partner .container .head h4 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: url(img/h3.svg) left center no-repeat;
  padding-left: 40px;
}
.partner .container .part-list .slick-prev {
  display: none!important;
}
.partner .container .part-list .slick-next {
  display: none!important;
}
.partner .container .part-list .item {
  text-align: center;
}
.partner .container .part-list .item img {
  display: inline-block !important;
}
.form {
  margin-bottom: 60px;
}
.form .container {
  padding: 60px 90px;
  background: url(img/clfon.png);
  background-size: cover;
}
@media screen and (max-width: 860px) {
  .form .container {
    padding: 40px;
  }
}
.form .container h3 {
  color: #FFF;
  font-family: 'TT Firs Neue';
  font-size: 49.594px;
  font-style: normal;
  font-weight: 900;
  line-height: 67.145px;
  /* 135.391% */
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  .form .container h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
.form .container h4 {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .form .container h4 {
    font-size: 16px;
  }
}
.form .container .formlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media screen and (max-width: 860px) {
  .form .container .formlist {
    display: block;
  }
}
.form .container .formlist input[type=text] {
  border: none;
  padding: 30px 50px;
  border-radius: 179px;
  background: #FFF;
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  width: 100%;
}
@media screen and (max-width: 860px) {
  .form .container .formlist input[type=text] {
    margin-bottom: 20px;
  }
}
.form .container .formlist .selected-flag {
  left: 30px;
}
.form .container .formlist .wpcf7-validates-as-phonetext {
  padding: 30px 50px 30px 80px!important;
}
.form .container .formlist .wpcf7-spinner {
  display: none;
}
.form .container .formlist .formsub {
  position: relative;
  overflow: hidden;
  border-radius: 179px;
}
.form .container .formlist .formsub input[type=submit] {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: block;
  text-align: center;
  padding: 20px ;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  width: 100%;
  border: none;
  cursor: pointer;
  transition: 0.5s box-shadow;
}
.form .container .formlist .formsub input[type=submit]:hover {
  box-shadow: 0px 24px 39px -18px rgba(0, 0, 0, 0.34);
}
@media screen and (max-width: 860px) {
  .form .container .formlist .formsub input[type=submit] {
    margin-top: 20px;
  }
}
.form .container .formlist .formsub::before {
  content: "";
  width: 60px;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  animation: slideRight 3s infinite;
}
.contacts {
  position: relative;
}
.contacts .qcontainer {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  background: #ECF8FF;
}
@media screen and (max-width: 1200px) {
  .contacts .qcontainer {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 860px) {
  .contacts .qcontainer {
    display: block;
  }
}
.contacts .qcontainer .cnleft {
  padding-top: 65px;
}
@media screen and (max-width: 860px) {
  .contacts .qcontainer .cnleft {
    margin-bottom: 40px;
  }
}
.contacts .qcontainer .cnleft p {
  color: #101010;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 22.5px */
}
@media screen and (max-width: 769px) {
  .contacts .qcontainer .cnleft p {
    font-size: 26px;
  }
}
.contacts .qcontainer .cnleft p strong {
  color: #1E4365;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 769px) {
  .contacts .qcontainer .cnleft p strong {
    font-size: 26px;
  }
}
.contacts .qcontainer .cnleft h3 {
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 59px;
  font-style: normal;
  font-weight: 900;
  line-height: 79.881px;
  /* 135.391% */
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .contacts .qcontainer .cnleft h3 {
    font-size: 36px;
  }
}
.contacts .chand {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
}
@media screen and (max-width: 860px) {
  .contacts .chand {
    max-width: 150px;
  }
}






header .container .phone .h-order{
	background: rgba(255,214,10,1);
	
	padding:3px 10px;
	border-radius:40px;
	
}
header .container .phone .h-order a{color:#000; font-weight:600;}


header .container .phone .h-order:hover{
	 transform: scale(1.2);
}
/*
header .container .phone .h-order::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0px;
    height:15px;
    width:15px;
    border-radius: 15px;
    background: #3EAF98;
	animation: moveBeforeElement 5s linear infinite;
	
	
}*/


.contacts .qcontainer .cnleft a{
	color:#000;
	text-decoration:none;
}





.allform {
  max-width: 400px!important;
}
.allform h3 {
  text-align: center;
  margin-bottom: 20px;
}
.allform h4 {
  text-align: center;
  margin-bottom: 20px;
}
.allform input[type=text] {
  width: 100%;
  border-radius: 179px;
  padding: 25px;
  border: 1px solid #CCC;
  margin-bottom: 10px;
  padding-left: 60px;
}
.allform .selected-flag {
  margin-left: 20px;
}
.allform input[type=submit] {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: block;
  border: navajowhite;
  padding: 20px ;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  text-decoration: none;
  width: 100%;
  margin-top: 10px;
}






.step .container .steplist .item .cnt p strong a{
	color:#e70000;
	text-decoration:none;
	border-bottom:1px dashed #e70000;
}


.newsot{
	display:grid;
	grid-template-columns:1fr 100px;
	width:300px;
	grid-gap:10px;
}
.newsot input[type=email]{
	width: 100%;
    border-radius: 179px;
    padding: 10px;
    border: 1px solid #CCC;
	
}
.newsot input[type=submit]{
	width:100%;
	background: rgba(255,214,10,1);
    padding: 10px 10px;
    border-radius: 40px;
	border:none;
}



.contacts .qcontainer .cnleft{
	z-index:20;
}



.contacts .qcontainer .cnleft ul{
	list-style-type:none;
}
.contacts .qcontainer .cnleft ul li{
	display:inline-block;
}




.slogan ul{
		list-style-type:none;
	
}
.sloganli{
	position:relative;
	color: #000;
    font-family: 'TT Firs Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
	border-radius: 100px;
    background: rgba(223, 243, 254, 0.28);
	padding:9px 15px;
	display:inline-block;
	cursor:pointer;
	
}
.sloganli:hover .sloganmenu{
	display:block;
}

.sloganmenu{
	display:none;
	position:absolute;
	left:0;
	top:40px;
	background: #FFF;
    padding: 20px;
    min-width: 250px;
	box-shadow:0 10px 15px rgba(0,0,0,0.05);
}

.active-sloganmenu{
	background: #FFF;
    padding: 20px;
    min-width: 250px;
	display:block;
	box-shadow:0 10px 15px rgba(0,0,0,0.05);
}
.sloganmenu li{
	background:none;
	padding:5px 0;
}
.sloganmenu li a{
	color: #000;
    font-family: 'TT Firs Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
	text-decoration:none;
	display:block;
	
}


.menu-item-464{
	display:none;
}
.menu-item-471{
	display:none;
}


@media screen and (max-width: 860px) {
  .menu-item-464{
	display:block;
	 background: #3968b1;
	  padding-top:30px;
	  padding-bottom:30px;
	  
}
.menu-item-464 ul li{
		padding-left:10px;
		padding-right:10px;
	}
	
.menu-item-464 a{
		color:#FFF!important;
}
	
	  .menu-item-471{
	display:block;
	 background: #3968b1;
	  padding-top:30px;
	  padding-bottom:30px;
	  
}
.menu-item-471 ul li{
		padding-left:10px;
		padding-right:10px;
	}
	
.menu-item-471 a{
		color:#FFF!important;
}
	
	
}

.h-phone .binct-phone-number-1{
	margin-right:25px;
}











@media screen and (max-width: 769px) {
  .banner .container .right .mobilef {
    display: none;
  }
}
.banner .container .right .mobilef form .mob-form {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background: #FFF;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 25px;
  position: relative;
}
.banner .container .right .mobilef form .mob-form .minutes {
  width: 218px;
  height: 61px;
  background: url(img/min.png);
  position: absolute;
  right: -15px;
  top: -15px;
  text-align: center;
  line-height: 61px;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  transform: rotate(10deg);
  padding-left: 50px;
}
.banner .container .right .mobilef form .mob-form h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  padding-top: 20px;
}
.banner .container .right .mobilef form .mob-form h4 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 20px;
  text-align: center;
}
.banner .container .right .mobilef form .mob-form h5 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 20px;
}
.banner .container .right .mobilef form .mob-form input[type=text] {
  border: 1px solid #FFD60A;
  padding: 20px 10px 20px 60px;
  border-radius: 179px;
  background: #FFF;
  width: 100%;
  margin-bottom: 15px;
}
.banner .container .right .mobilef form .mob-form input[type=text]::placeholder {
  font-size: 18px;
  color: #1E4365;
}
.banner .container .right .mobilef form .mob-form .flag-container {
  margin-left: 20px;
}
.banner .container .right .mobilef form .mob-form .formsub {
  position: relative;
  margin-top: 30px;
}
.banner .container .right .mobilef form .mob-form .formsub::before {
  content: "";
  width: 65px;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  animation: slideRight 3s infinite;
  z-index: 1;
}
.banner .container .right .mobilef form .mob-form .formsub input[type=submit] {
  border-radius: 179px;
  background: linear-gradient(180deg, #FFD60A 0%, #FFE899 100%);
  box-shadow: 0px 24px 29px -18px rgba(0, 0, 0, 0.14);
  display: inline-block;
  padding: 20px ;
  color: #1E4365;
  font-family: 'TT Firs Neue';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
  /* 194.118% */
  text-decoration: none;
  transition: 0.5s box-shadow, 0.5s transform;
  position: relative;
  overflow: hidden;
  border: none;
  width: 100%;
}