@font-face {
  font-family: Manrope;
  src: url(../fonts/Manrope-Bold.eot);
  src: url(../fonts/Manrope-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/Manrope-Bold.woff2) format('woff2'),url(../fonts/Manrope-Bold.woff) format('woff'),url(../fonts/Manrope-Bold.ttf) format('truetype'),url(../fonts/Manrope-Bold.svg#Manrope-Bold) format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Manrope;
  src: url(../fonts/Manrope-Light.eot);
  src: url(../fonts/Manrope-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/Manrope-Light.woff2) format('woff2'),url(../fonts/Manrope-Light.woff) format('woff'),url(../fonts/Manrope-Light.ttf) format('truetype'),url(../fonts/Manrope-Light.svg#Manrope-Light) format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'Playfair Display';
  src: url(../fonts/PlayfairDisplay-Regular.eot);
  src: url(../fonts/PlayfairDisplay-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/PlayfairDisplay-Regular.woff2) format('woff2'),url(../fonts/PlayfairDisplay-Regular.woff) format('woff'),url(../fonts/PlayfairDisplay-Regular.ttf) format('truetype'),url(../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Manrope;
  src: url(../fonts/Manrope-Medium.eot);
  src: url(../fonts/Manrope-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/Manrope-Medium.woff2) format('woff2'),url(../fonts/Manrope-Medium.woff) format('woff'),url(../fonts/Manrope-Medium.ttf) format('truetype'),url(../fonts/Manrope-Medium.svg#Manrope-Medium) format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Manrope;
  src: url(../fonts/Manrope-Regular.eot);
  src: url(../fonts/Manrope-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Manrope-Regular.woff2) format('woff2'),url(../fonts/Manrope-Regular.woff) format('woff'),url(../fonts/Manrope-Regular.ttf) format('truetype'),url(../fonts/Manrope-Regular.svg#Manrope-Regular) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'Playfair Display';
  src: url(../fonts/PlayfairDisplay-Italic.eot);
  src: url(../fonts/PlayfairDisplay-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/PlayfairDisplay-Italic.woff2) format('woff2'),url(../fonts/PlayfairDisplay-Italic.woff) format('woff'),url(../fonts/PlayfairDisplay-Italic.ttf) format('truetype'),url(../fonts/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic) format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
h1 {
  font-size: 2em;
  margin: 0
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace,monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b,
strong {
  font-weight: bolder
}
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details {
  display: block
}
summary {
  display: list-item
}
template {
  display: none
}
[hidden] {
  display: none
}
@-webkit-keyframes opas {
  0% {
    opacity: .4
  }
  60% {
    opacity: 1
  }
  100% {
    opacity: .4
  }
}
@keyframes opas {
  0% {
    opacity: .4
  }
  60% {
    opacity: 1
  }
  100% {
    opacity: .4
  }
}
@-webkit-keyframes opas2 {
  0% {
    opacity: .2
  }
  60% {
    opacity: 1
  }
  100% {
    opacity: .2
  }
}
@keyframes opas2 {
  0% {
    opacity: .2
  }
  60% {
    opacity: 1
  }
  100% {
    opacity: .2
  }
}
@-webkit-keyframes fadeOpas {
  0% {
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}
@keyframes fadeOpas {
  0% {
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}
@-webkit-keyframes tooltipShow {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes tooltipShow {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg)
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg)
  }
}
@-webkit-keyframes rotate2 {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg)
  }
}
@keyframes rotate2 {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg)
  }
}
@-webkit-keyframes deg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  60% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@keyframes deg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  60% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@-webkit-keyframes jamp {
  0% {
    margin-top: 0
  }
  15% {
    margin-top: -1rem
  }
  25% {
    margin-top: 0
  }
  35% {
    margin-top: -.5rem
  }
  45% {
    margin-top: 0
  }
  100% {
    margin-top: 0
  }
}
@keyframes jamp {
  0% {
    margin-top: 0
  }
  15% {
    margin-top: -1rem
  }
  25% {
    margin-top: 0
  }
  35% {
    margin-top: -.5rem
  }
  45% {
    margin-top: 0
  }
  100% {
    margin-top: 0
  }
}
@-webkit-keyframes jampTrf {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
  }
  15% {
    -webkit-transform: translateX(-50%) translateY(-7%);
    transform: translateX(-50%) translateY(-7%)
  }
  25% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
  }
  35% {
    -webkit-transform: translateX(-50%) translateY(-3%);
    transform: translateX(-50%) translateY(-3%)
  }
  45% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
  }
}
@keyframes jampTrf {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
  }
  15% {
    -webkit-transform: translateX(-50%) translateY(-7%);
    transform: translateX(-50%) translateY(-7%)
  }
  25% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
  }
  35% {
    -webkit-transform: translateX(-50%) translateY(-3%);
    transform: translateX(-50%) translateY(-3%)
  }
  45% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
  }
}
@-webkit-keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0
  }
  30% {
    left: 110%;
    margin-left: 80px
  }
  100% {
    left: 110%;
    margin-left: 80px
  }
}
@keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0
  }
  30% {
    left: 110%;
    margin-left: 80px
  }
  100% {
    left: 110%;
    margin-left: 80px
  }
}
@-webkit-keyframes pulseicon-a {
  0% {
    -webkit-transform: translate(0,0) scale(.85);
    transform: translate(0,0) scale(.85)
  }
  50% {
    -webkit-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1)
  }
  100% {
    -webkit-transform: translate(0,0) scale(.85);
    transform: translate(0,0) scale(.85)
  }
}
@keyframes pulseicon-a {
  0% {
    -webkit-transform: translate(0,0) scale(.85);
    transform: translate(0,0) scale(.85)
  }
  50% {
    -webkit-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1)
  }
  100% {
    -webkit-transform: translate(0,0) scale(.85);
    transform: translate(0,0) scale(.85)
  }
}
@-webkit-keyframes pulseicon {
  0% {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8)
  }
  50% {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8)
  }
}
@keyframes pulseicon {
  0% {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8)
  }
  50% {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8)
  }
}
@-webkit-keyframes phone {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(15deg) scale(.9);
    transform: translate(-50%,-50%) rotate(15deg) scale(.9)
  }
  50% {
    -webkit-transform: translate(-50%,-50%) rotate(0) scale(1.01);
    transform: translate(-50%,-50%) rotate(0) scale(1.01)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(15deg) scale(.9);
    transform: translate(-50%,-50%) rotate(15deg) scale(.9)
  }
}
@keyframes phone {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(15deg) scale(.9);
    transform: translate(-50%,-50%) rotate(15deg) scale(.9)
  }
  50% {
    -webkit-transform: translate(-50%,-50%) rotate(0) scale(1.01);
    transform: translate(-50%,-50%) rotate(0) scale(1.01)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(15deg) scale(.9);
    transform: translate(-50%,-50%) rotate(15deg) scale(.9)
  }
}
@-webkit-keyframes pulseiconLine {
  0% {
    -webkit-transform: translateX(-55%) scale(.7);
    transform: translateX(-55%) scale(.7)
  }
  50% {
    -webkit-transform: translateX(-65%) scale(1);
    transform: translateX(-65%) scale(1)
  }
  100% {
    -webkit-transform: translateX(-55%) scale(.7);
    transform: translateX(-55%) scale(.7)
  }
}
@keyframes pulseiconLine {
  0% {
    -webkit-transform: translateX(-55%) scale(.7);
    transform: translateX(-55%) scale(.7)
  }
  50% {
    -webkit-transform: translateX(-65%) scale(1);
    transform: translateX(-65%) scale(1)
  }
  100% {
    -webkit-transform: translateX(-55%) scale(.7);
    transform: translateX(-55%) scale(.7)
  }
}
@-webkit-keyframes scale-before {
  0% {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8);
    opacity: 0
  }
  50% {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    opacity: .7
  }
  100% {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8);
    opacity: 0
  }
}
@keyframes scale-before {
  0% {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8);
    opacity: 0
  }
  50% {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    opacity: .7
  }
  100% {
    -webkit-transform: translate(-50%,-50%) scale(.8);
    transform: translate(-50%,-50%) scale(.8);
    opacity: 0
  }
}
@-webkit-keyframes transform-shiver {
  0% {
    -webkit-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0)
  }
  25% {
    -webkit-transform: translate(-5px,0) rotate(0);
    transform: translate(-5px,0) rotate(0)
  }
  75% {
    -webkit-transform: translate(5px,0) rotate(0);
    transform: translate(5px,0) rotate(0)
  }
  100% {
    -webkit-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0)
  }
}
@keyframes transform-shiver {
  0% {
    -webkit-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0)
  }
  25% {
    -webkit-transform: translate(-5px,0) rotate(0);
    transform: translate(-5px,0) rotate(0)
  }
  75% {
    -webkit-transform: translate(5px,0) rotate(0);
    transform: translate(5px,0) rotate(0)
  }
  100% {
    -webkit-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0)
  }
}
@-webkit-keyframes transform-shiver2 {
  0% {
    -webkit-transform: translate(-50%,0) rotate(0);
    transform: translate(-50%,0) rotate(0)
  }
  25% {
    -webkit-transform: translate(-50%,-5px) rotate(0);
    transform: translate(-50%,-5px) rotate(0)
  }
  75% {
    -webkit-transform: translate(-50%,5px) rotate(0);
    transform: translate(-50%,5px) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%,0) rotate(0);
    transform: translate(-50%,0) rotate(0)
  }
}
@keyframes transform-shiver2 {
  0% {
    -webkit-transform: translate(-50%,0) rotate(0);
    transform: translate(-50%,0) rotate(0)
  }
  25% {
    -webkit-transform: translate(-50%,-5px) rotate(0);
    transform: translate(-50%,-5px) rotate(0)
  }
  75% {
    -webkit-transform: translate(-50%,5px) rotate(0);
    transform: translate(-50%,5px) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%,0) rotate(0);
    transform: translate(-50%,0) rotate(0)
  }
}
@-webkit-keyframes car1 {
  0% {
    -webkit-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1)
  }
  100% {
    -webkit-transform: translate(-200px,10px) scale(0);
    transform: translate(-200px,10px) scale(0)
  }
}
@keyframes car1 {
  0% {
    -webkit-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1)
  }
  100% {
    -webkit-transform: translate(-200px,10px) scale(0);
    transform: translate(-200px,10px) scale(0)
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(242,210,230,.55);
    box-shadow: 0 0 0 0 rgba(242,210,230,.55)
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(242,210,230,0);
    box-shadow: 0 0 0 15px rgba(242,210,230,0)
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(242,210,230,0);
    box-shadow: 0 0 0 0 rgba(242,210,230,0)
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(242,210,230,.55);
    box-shadow: 0 0 0 0 rgba(242,210,230,.55)
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(242,210,230,0);
    box-shadow: 0 0 0 15px rgba(242,210,230,0)
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(242,210,230,0);
    box-shadow: 0 0 0 0 rgba(242,210,230,0)
  }
}
@-webkit-keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(3,155,229,.5);
    box-shadow: 0 0 0 0 rgba(3,155,229,.5)
  }
  70% {
    -webkit-box-shadow: 0 0 0 28px rgba(3,155,229,0);
    box-shadow: 0 0 0 28px rgba(3,155,229,0)
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(3,155,229,0);
    box-shadow: 0 0 0 0 rgba(3,155,229,0)
  }
}
@keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(3,155,229,.5);
    box-shadow: 0 0 0 0 rgba(3,155,229,.5)
  }
  70% {
    -webkit-box-shadow: 0 0 0 28px rgba(3,155,229,0);
    box-shadow: 0 0 0 28px rgba(3,155,229,0)
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(3,155,229,0);
    box-shadow: 0 0 0 0 rgba(3,155,229,0)
  }
}
@-webkit-keyframes pulse3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff
  }
  70% {
    -webkit-box-shadow: 0 0 0 16px rgba(255,255,255,0);
    box-shadow: 0 0 0 16px rgba(255,255,255,0)
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}
@keyframes pulse3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff
  }
  70% {
    -webkit-box-shadow: 0 0 0 16px rgba(255,255,255,0);
    box-shadow: 0 0 0 16px rgba(255,255,255,0)
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0)
  }
}
@-webkit-keyframes sbs-anim {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) rotate(0) scale(1,1);
    transform: translateX(0) translateY(0) rotate(0) scale(1,1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-2px) translateY(-8px) rotate(-5deg) scale(1,1);
    transform: translateX(-2px) translateY(-8px) rotate(-5deg) scale(1,1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) rotate(0) scale(1,1);
    transform: translateX(0) translateY(0) rotate(0) scale(1,1)
  }
}
@keyframes sbs-anim {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) rotate(0) scale(1,1);
    transform: translateX(0) translateY(0) rotate(0) scale(1,1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-2px) translateY(-8px) rotate(-5deg) scale(1,1);
    transform: translateX(-2px) translateY(-8px) rotate(-5deg) scale(1,1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) rotate(0) scale(1,1);
    transform: translateX(0) translateY(0) rotate(0) scale(1,1)
  }
}
@-webkit-keyframes pop {
  0% {
    -webkit-transform: perspective(1px) rotateX(0) scale3d(1,1,1);
    transform: perspective(1px) rotateX(0) scale3d(1,1,1)
  }
  100% {
    -webkit-transform: perspective(1px) rotateX(0) scale3d(1.2,1.2,1.2);
    transform: perspective(1px) rotateX(0) scale3d(1.2,1.2,1.2)
  }
}
@keyframes pop {
  0% {
    -webkit-transform: perspective(1px) rotateX(0) scale3d(1,1,1);
    transform: perspective(1px) rotateX(0) scale3d(1,1,1)
  }
  100% {
    -webkit-transform: perspective(1px) rotateX(0) scale3d(1.2,1.2,1.2);
    transform: perspective(1px) rotateX(0) scale3d(1.2,1.2,1.2)
  }
}
@-webkit-keyframes puff-out {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0) scale(1,1);
    transform: translate(-50%,-50%) rotate(0) scale(1,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 1
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(0) scale(2,2);
    transform: translate(-50%,-50%) rotate(0) scale(2,2);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0
  }
}
@keyframes puff-out {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0) scale(1,1);
    transform: translate(-50%,-50%) rotate(0) scale(1,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 1
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(0) scale(2,2);
    transform: translate(-50%,-50%) rotate(0) scale(2,2);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0
  }
}
@-webkit-keyframes slide-up-in {
  0% {
    -webkit-transform: translate(0,100%) rotate(1deg);
    transform: translate(0,100%) rotate(1deg);
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }
}
@keyframes slide-up-in {
  0% {
    -webkit-transform: translate(0,100%) rotate(1deg);
    transform: translate(0,100%) rotate(1deg);
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }
}
.fade_in {
  opacity: 1;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 1.9s;
  animation-duration: 1.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slide-up-in;
  animation-name: slide-up-in
}
.title-first {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slide-up-in;
  animation-name: slide-up-in
}
.subtitle-first {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slide-up-in;
  animation-name: slide-up-in
}
@-webkit-keyframes main-bg-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  60% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes main-bg-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  60% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html {
  font-size: 1vw;
  overflow-x: hidden
}
body {
  font-family: Manrope,sans-serif;
  line-height: 1.2;
  font-weight: 400;
  overflow-x: hidden;
  color: #253238;
  background-color: #fff
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0
}
a,
button,
input,
select,
textarea {
  outline: 0
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
a {
  text-decoration: none
}
p {
  margin: 0
}
img {
  max-width: 100%;
  max-height: 100%
}
b {
  font-weight: 700
}
.pld-fonts {
  font-family: 'Playfair Display',sans-serif
}
.big-title {
  opacity: .01;
  color: #fff;
  font-size: 17.3rem
}
.db {
  display: block
}
.bg-mid {
  -webkit-box-shadow: 0 4px 98px rgba(41,45,52,.35);
  box-shadow: 0 4px 98px rgba(41,45,52,.35);
  border-radius: 1rem 3rem;
  background-color: #fff;
  padding: 2rem 3.5rem
}
.bg-sm {
  -webkit-box-shadow: 0 0 70px rgba(40,40,40,.15);
  box-shadow: 0 0 70px rgba(40,40,40,.15);
  border-radius: .5rem 2rem;
  background-color: #fff;
  padding: 2rem 2.5rem
}
.col-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.col-vcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.row-vcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.margin-center {
  margin-left: auto;
  margin-right: auto
}
.rel-center {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.op05 {
  opacity: .5
}
.lh08 {
  line-height: .8
}
.lh1 {
  line-height: 1
}
.lh13 {
  line-height: 1.3
}
.lh15 {
  line-height: 1.5
}
.lh18 {
  line-height: 1.8
}
.lh20 {
  line-height: 2
}
.lsp {
  letter-spacing: .05rem
}
.tgc {
  color: #7b61ff
}
.tgc2 {
  color: #d051ff
}
.tgc3 {
  color: #702cbd
}
a.tgc {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  color: #7b61ff;
  opacity: 1
}
a.tgc:hover {
  color: #253238
}
.gray {
  color: rgba(37,50,56,.5)
}
.gray2 {
  color: rgba(37,50,56,.25)
}
.bread {
  margin-top: 3rem
}
.bread a {
  color: #909090;
  display: inline-block;
  padding-right: 1rem
}
.bread .line {
  margin-left: 1rem;
  margin-right: 1rem;
  display: inline-block;
  height: .8rem;
  -webkit-transform: translateY(.2rem);
  -ms-transform: translateY(.2rem);
  transform: translateY(.2rem);
  width: 1px;
  background: #909090
}
.op-hover {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.op-hover:hover {
  opacity: .5
}
.fw1 {
  font-weight: 100
}
.fw3 {
  font-weight: 100
}
.fw5 {
  font-weight: 500
}
.fw4 {
  font-weight: 400
}
.fw7 {
  font-weight: 700
}
.fwb {
  font-weight: 700
}
.fw9 {
  font-weight: 700
}
.fsi {
  font-style: italic
}
.tar {
  text-align: right
}
.tdt {
  text-decoration: line-through
}
.tdu {
  text-decoration: underline
}
.tac {
  text-align: center
}
.ttu {
  text-transform: uppercase
}
.title-lg {
  font-size: 3.6rem
}
.green {
  color: #86c655
}
.black {
  color: #282828
}
.kr-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.kr-text.t2 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.kr-text.t2 .kr-text__cir {
  margin-top: .34rem
}
.kr-text__cir {
  background-color: #3eed00;
  margin-right: .33rem;
  width: .5rem;
  height: .5rem;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: opas 1.4s infinite linear;
  animation: opas 1.4s infinite linear
}
.link-hover {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.link-hover:hover {
  color: #c9bb9c!important
}
.title {
  font-size: 3.2rem;
  position: relative;
  z-index: 2
}
.tline {
  position: relative
}
.tline:before {
  position: absolute;
  content: '';
  top: calc(100% + .4rem);
  left: 0;
  width: 8.5rem;
  height: .32rem;
  background: #ab1a2d
}
.t-min {
  font-size: 2rem
}
.t-min2 {
  font-size: 2.7rem
}
.t36 {
  font-size: 1.9rem;
  position: relative;
  z-index: 2
}
.t34 {
  font-size: 1.77rem
}
.t32 {
  font-size: 1.67rem
}
.t30 {
  font-size: 1.56rem
}
.t28 {
  font-size: 1.46rem
}
.t26 {
  font-size: 1.35rem
}
.t25 {
  font-size: 1.3rem
}
.t24 {
  font-size: 1.25rem
}
.t23 {
  font-size: 1.2rem
}
.t22 {
  font-size: 1.15rem
}
.t21 {
  font-size: 1.1rem
}
.t20 {
  font-size: 1.04rem
}
.t18 {
  font-size: .94rem
}
.t17 {
  font-size: .87rem
}
.t16 {
  font-size: .83rem
}
.t15 {
  font-size: .8rem
}
.t14 {
  font-size: .73rem
}
.t13 {
  font-size: .68rem
}
.t12 {
  font-size: .63rem
}
.t11 {
  font-size: .58rem
}
.t10 {
  font-size: .52rem
}
.t8 {
  font-size: .42rem
}
.t7 {
  font-size: .37rem
}
.ls05 {
  letter-spacing: .06rem
}
.container {
  max-width: 76rem;
  margin: 0 auto;
  width: 100%
}
.container-big {
  max-width: 86rem;
  margin: 0 auto
}
.container-min {
  max-width: 66rem;
  margin: 0 auto
}
.container-md {
  max-width: 82rem;
  margin: 0 auto
}
.mlg3 {
  margin-bottom: 8rem
}
.mlg2 {
  margin-bottom: 6rem
}
.mlg {
  margin-bottom: 4.5rem
}
.msm2 {
  margin-bottom: 3.1rem
}
.msm {
  margin-bottom: 2.4rem
}
.mb {
  margin-bottom: 2rem
}
.mb2 {
  margin-bottom: 1.4rem
}
.mbm {
  margin-bottom: .7rem
}
.mbm2 {
  margin-bottom: .2rem
}
.mtm {
  margin-top: .7rem
}
.mbs {
  margin-bottom: .41rem
}
.mrm {
  margin-right: .5rem
}
.mr {
  margin-right: 1rem
}
.mrd {
  margin-right: 1.5rem
}
.mrs {
  margin-right: 1.7rem
}
.stop {
  overflow: hidden
}
.dib {
  display: inline-block
}
.fsi {
  font-style: italic
}
.rel {
  position: relative;
  z-index: 7
}
.poe {
  pointer-events: none
}
.whsp {
  white-space: nowrap
}
.tal {
  text-align: left
}
.btn {
  padding: 1rem 1.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: 6;
  cursor: pointer;
  border: none;
  position: relative;
  color: #fff;
  letter-spacing: .046rem;
  border-radius: 66px;
  background: #d051ff
}
.btn:hover {
  -webkit-box-shadow: inset 0 5px 6px rgba(255,255,255,.15),0 6px 20px #d051ff;
  box-shadow: inset 0 5px 6px rgba(255,255,255,.15),0 6px 20px #d051ff
}
.btn.inst {
  background: -o-linear-gradient(183.58deg,#8e38c3 0,#e03369 51.56%,#fdc669 100%);
  background: linear-gradient(266.42deg,#8e38c3 0,#e03369 51.56%,#fdc669 100%)
}
.btn.inst:hover {
  -webkit-box-shadow: 5px 5px 35px rgba(224,51,105,.65);
  box-shadow: 5px 5px 35px rgba(224,51,105,.65)
}
.btn.blue {
  background: #7b61ff
}
.btn.blue:hover {
  -webkit-box-shadow: 5px 5px 35px rgba(123,97,255,.65);
  box-shadow: 5px 5px 35px rgba(123,97,255,.65)
}
.btn.vb {
  background: -o-radial-gradient(50% 0,166.86% 100%,rgba(255,255,255,.4) 0,rgba(255,237,189,.4) 100%),-o-linear-gradient(354.38deg,#ecc96f 0,#f3d996 100%);
  background: radial-gradient(166.86% 100% at 50% 0,rgba(255,255,255,.4) 0,rgba(255,237,189,.4) 100%),linear-gradient(95.62deg,#ecc96f 0,#f3d996 100%);
  border-radius: 1rem/3rem;
  padding: 1.3rem 1.8rem;
  -webkit-box-shadow: 0 4px 0 #b69643;
  box-shadow: 0 4px 0 #b69643;
  color: #2f4b48
}
.btn.vb:hover {
  -webkit-box-shadow: 0 -4px 0 #b69643;
  box-shadow: 0 -4px 0 #b69643
}
.btn.bord {
  border: 1px solid #d051ff;
  background: 0 0;
  color: #d051ff;
  -webkit-box-shadow: 0 6px 30px rgba(79,136,228,0);
  box-shadow: 0 6px 30px rgba(79,136,228,0)
}
.btn.bord:hover {
  background: #d051ff;
  color: #fff;
  -webkit-box-shadow: 0 6px 30px #d051ff;
  box-shadow: 0 6px 30px #d051ff;
  -webkit-box-shadow: 0 -4px 0 #b69643;
  box-shadow: 0 -4px 0 #b69643
}
.btn.bord2 {
  border: 1px solid #7b61ff;
  background: 0 0;
  color: #7b61ff;
  -webkit-box-shadow: 0 6px 30px rgba(79,136,228,0);
  box-shadow: 0 6px 30px rgba(79,136,228,0)
}
.btn.bord2:hover {
  background: #7b61ff;
  color: #fff;
  -webkit-box-shadow: 0 6px 30px #7b61ff;
  box-shadow: 0 6px 30px #7b61ff
}
.btn.big {
  padding: 1.3rem 3.8rem
}
.btn.ultra-big {
  padding: 2rem 5.6rem
}
.btn.min {
  padding: .8rem 1.5rem
}
.btn.min-l {
  padding-left: 2.5rem;
  padding-right: 2.5rem
}
.btn.max {
  width: 100%
}
.btn-img {
  width: 1.7rem
}
.inst-img {
  width: 2rem
}
.burger__wrap {
  width: 6.3rem;
  height: 6.3rem;
  padding: 1rem 1.3rem;
  margin-left: 1.7rem;
  background: #faedfe;
  border-radius: 2px 2px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}
.burger__wrap img {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.burger__wrap:hover img {
  opacity: .5
}
.close-nav {
  display: none
}
.dark {
  color: #282828
}
a.dark {
  display: inline-block;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
a.dark:hover {
  color: #95d158
}
.white {
  color: #fff
}
.w100 {
  width: 100%
}
.link {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  position: relative;
  display: inline-block;
  color: #b9aa8a;
  z-index: 4
}
.link.green {
  color: #81c04f
}
.link.green:before {
  border-bottom: 1px solid #81c04f
}
.link.green:hover {
  color: #81c04f
}
.link.green:hover:before {
  width: 40%
}
.link:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #b9aa8a;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.link:hover {
  color: #b9aa8a
}
.link:hover:before {
  width: 40%
}
.link-o {
  cursor: pointer;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  color: #282828
}
.link-o:before {
  border-bottom: 1px solid #282828
}
.link-o:hover {
  color: #000
}
.link.dsh:before {
  border-bottom: 1px dashed #b9aa8a
}
.link.dsh-dark:before {
  border-bottom: 1px dashed #282828
}
.trg {
  color: #4f88e4
}
a.trg {
  color: #4f88e4;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
a.trg:hover {
  color: #000
}
.trg2 {
  color: #ee2656
}
input::-webkit-input-placeholder {
  color: rgba(37,50,56,.5)
}
input:-ms-input-placeholder {
  color: rgba(37,50,56,.5)
}
input::-ms-input-placeholder {
  color: rgba(37,50,56,.5)
}
input::-moz-placeholder {
  color: rgba(37,50,56,.5)
}
input::placeholder {
  color: rgba(37,50,56,.5)
}
textarea::-webkit-input-placeholder {
  color: rgba(37,50,56,.5)
}
textarea:-ms-input-placeholder {
  color: rgba(37,50,56,.5)
}
textarea::-ms-input-placeholder {
  color: rgba(37,50,56,.5)
}
textarea::-moz-placeholder {
  color: rgba(37,50,56,.5)
}
textarea::placeholder {
  color: rgba(37,50,56,.5)
}
.area {
  padding-left: 2rem;
  height: 5.4rem
}
.input {
  padding: 1.25rem 1.3rem;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 100%;
  position: relative;
  border: none;
  border-radius: 16px;
  background: #e7f8f6;
  letter-spacing: .35px;
  color: rgba(37,50,56,.5)
}
.input.name {
  padding-left: 3.5rem;
  background: url(../img/forms/name.png) no-repeat center left 1.6rem,#f8f8f8;
  background-size: 1rem
}
.input.phone {
  padding-left: 3.5rem;
  background: url(../img/forms/phone.png) no-repeat center left 1.6rem,#f8f8f8;
  background-size: 1.2rem
}
.input.email {
  padding-left: 3.5rem;
  background: url(../img/forms/email.png) no-repeat center left 1.6rem,#f8f8f8;
  background-size: 1.2rem
}
.input.mess {
  padding-left: 3.5rem;
  background: url(../img/forms/mess.png) no-repeat top 1.1rem left 1.6rem,#f8f8f8;
  background-size: 1.4rem
}
.input.v2 {
  background: #f4f9fa;
  color: rgba(7,53,48,.5);
  border: none
}
.input.v2::-webkit-input-placeholder {
  color: rgba(7,53,48,.5)
}
.input.v2:-ms-input-placeholder {
  color: rgba(7,53,48,.5)
}
.input.v2::-ms-input-placeholder {
  color: #212121
}
.input.v2::-moz-placeholder {
  color: rgba(7,53,48,.5)
}
.input.v2::placeholder {
  color: rgba(7,53,48,.5)
}
.inp-min {
  width: 31.5%
}
.inp-md {
  width: 59%
}
.inp-big {
  width: 100%
}
.inp-c {
  width: 49%
}
.br0 {
  border-radius: 0
}
.arrows {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
  z-index: 18;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
  border: none;
  background: 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #dbf0f3;
  border-radius: 8px
}
.arrows img {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.arrows:hover {
  background: #72cdda;
  -webkit-transform: translateY(-50%) scale(1.1);
  -ms-transform: translateY(-50%) scale(1.1);
  transform: translateY(-50%) scale(1.1)
}
.arrows:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.arrows.slick-disabled {
  opacity: 0
}
.arrows.slick-disabled:hover {
  opacity: 0
}
.arrows.t2 {
  width: 3.4rem;
  height: 3.4rem;
  padding: .7rem
}
.arrows.t25 {
  top: 45%
}
.arrows.t4 {
  width: 4.5rem;
  height: 4.5rem;
  padding: 0
}
.arrows.t5 {
  width: 6.4rem;
  height: 6.4rem;
  padding: 0
}
.arrows.t5 img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}
.arrows.t3 {
  padding: .6rem
}
.arrows.t6 {
  padding: 0
}
.arrows.top {
  top: 1.7rem
}
.slidePrev {
  left: 3.5rem
}
.slidePrev.t2 {
  left: -3.5rem
}
.slidePrev.t3 {
  left: -3rem
}
.slidePrev.t4 {
  left: -5.3rem
}
.slidePrev.t5 {
  left: 35.4rem
}
.slidePrev.t6 {
  left: -1.5rem
}
.slideNext {
  right: 3.5rem
}
.slideNext.t2 {
  right: -3.5rem
}
.slideNext.t4 {
  right: -5.3rem
}
.slideNext.t3 {
  right: -3rem
}
.slideNext.t5 {
  right: 35.4rem
}
.slideNext.t6 {
  right: -1.4rem
}
.check-box {
  cursor: pointer;
  display: block
}
.check-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.check-label {
  width: .8rem;
  height: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .2rem;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: .5rem;
  border-radius: 2px;
  background-color: #dcdcdc
}
.check-label.v2 .check-label-act {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  padding: .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #4ca352
}
.check-label-act {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 70%;
  height: 70%
}
.check-label.min {
  width: 1rem;
  height: 1rem;
  border-radius: 2px
}
.rhide {
  display: none
}
.rhide:checked ~ span .check-label-act {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.rhide:checked ~ span .check-label.min {
  background-color: #5bd273
}
.rhide:checked ~ .block-imp-bf {
  background-color: #4ca352;
  border: 1px solid #4ca352
}
.rhide:checked ~ .tsm13 {
  color: #fff;
  position: relative
}
.rhide:checked ~ .times-block div.fancy-select div.trigger {
  color: #fff!important
}
.wac {
  color: #3fbf3f!important
}
.vic {
  color: #8173c7!important
}
.emc {
  color: #fbc855!important
}
.text-rotate {
  position: absolute;
  left: 0;
  top: 0;
  width: 8rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 71
}
.text-rotate.right {
  left: auto;
  right: 0
}
.text-rotate-item {
  position: relative;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  white-space: nowrap;
  display: inline-block;
  color: rgba(179,179,179,.5)
}
.text-rotate-item:before {
  content: '';
  position: absolute;
  left: -3.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 1px solid #d1d1d1;
  width: 3rem;
  height: 1px
}
.text-rotate-item:after {
  content: '';
  position: absolute;
  right: -3.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 1px solid #d1d1d1;
  width: 3rem;
  height: 1px
}
.text-rotate-item.wh {
  color: #ffff
}
.row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.row-colmob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.list__item {
  margin-bottom: .5rem
}
.list:last-child {
  margin-bottom: 0
}
.link-ar {
  display: inline-block;
  width: 1rem;
  margin-left: .5rem
}
.link-ar img {
  width: 100%
}
.select-css {
  display: block;
  font-family: sans-serif;
  color: #626262;
  line-height: 1.2;
  padding: .5rem 1rem;
  padding-right: 2rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff
}
.select-css::-ms-expand {
  display: none
}
.select-css:hover {
  border-color: #888
}
.select-css:focus {
  border-color: #fc5045;
  -webkit-box-shadow: 0 0 1px 2px rgba(252,80,69,.7);
  box-shadow: 0 0 1px 2px rgba(252,80,69,.7);
  box-shadow: 0 0 0 2px -moz-mac-focusring;
  color: #222;
  outline: 0
}
.select-css option {
  font-weight: 400
}
[dir=rtl] .select-css {
  background-position: left .7em top 50%,0 0;
  padding: .6em .8em .5em 1.4em
}
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
  background-position: left .7em top 50%,0 0;
  padding: .6em .8em .5em 1.4em
}
.cup {
  cursor: pointer
}
.header {
  position: relative;
  z-index: 34
}
.header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.header-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}
.header-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.header-phone__call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}
.header-phone__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.7rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: .5rem
}
.header-map {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  color: #073530;
  width: 11rem
}
.header-map:hover {
  color: #72cdda
}
.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.socials-item {
  width: 2.2rem;
  padding: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  margin-left: .4rem;
  margin-right: .4rem;
  background: rgba(208,81,255,.1);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.socials-item:hover {
  opacity: .5
}
.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.logo__img {
  width: 6.7rem;
  margin-right: 2.2rem
}
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
  z-index: 16
}
.nav__wrap {
  position: relative
}
.nav li {
  position: relative;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.nav li.menu-item-has-children:hover .sub-menu {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.nav a {
  color: #282828;
  padding: 1.2rem .25rem;
  margin: 0 .35rem;
  margin-right: 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  position: relative
}
.nav .has-ul{
  position: relative;
}
.nav .has-ul:hover .has-ul-child{
  transform: translateX(-50%) scale(1);
  opacity: 1;
}
.has-ul-child{
  position: absolute;
  left: 50%;
  top: 90%;
  width: 12rem;
  background: #fff;
  transform: translateX(-50%) scale(0);
  padding: 0.7rem;
  border-radius:  6px;
  box-shadow:  0 3px 14px rgba(0,0,0,0.2);
  transition: all 0.4s;
  opacity: 0;
}
.has-ul-child a{
  padding: 0.6rem;
}
.nav a:active,
.nav a:hover {
  color: #7b61ff
}
.nav a.current-menu-item {
  color: #7b61ff
}
.main {
  position: relative;
  z-index: 128
}
.main-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.main-bg:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: radial-gradient(58.29% 200% at 0 100%,rgba(208,81,255,.2) 0,rgba(0,0,0,0) 100%),radial-gradient(76.21% 218.43% at 100% 0,rgba(123,97,255,.2) 0,rgba(0,0,0,0) 100%),-webkit-gradient(linear,left bottom,left top,from(rgba(37,50,56,.55)),to(rgba(37,50,56,.55)));
  background: -o-radial-gradient(0 100%,58.29% 200%,rgba(208,81,255,.2) 0,rgba(0,0,0,0) 100%),-o-radial-gradient(100% 0,76.21% 218.43%,rgba(123,97,255,.2) 0,rgba(0,0,0,0) 100%),-o-linear-gradient(bottom,rgba(37,50,56,.55),rgba(37,50,56,.55));
  background: radial-gradient(58.29% 200% at 0 100%,rgba(208,81,255,.2) 0,rgba(0,0,0,0) 100%),radial-gradient(76.21% 218.43% at 100% 0,rgba(123,97,255,.2) 0,rgba(0,0,0,0) 100%),linear-gradient(0deg,rgba(37,50,56,.55),rgba(37,50,56,.55))
}
.main-bg__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0
}
.main-bg__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0
}
.main-wrap {
  position: relative
}
.main-cont {
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff
}
.main-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.analog-img__item,
.chapter-slider__item,
.forCompany-img__item,
.main-img-box,
.princip-img__item,
.risk-item,
.roles-img__item,
.t-cir,
.t-min,
.t-min2,
.t-ss,
.t20,
.t21,
.t22,
.t23,
.t24,
.t26,
.t30,
.t36,
.title,
.title-lg {
  opacity: 0
}
.overlay-menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.7);
  z-index: 300;
  display: none
}
.menu-box {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 301;
  width: 24.5rem;
  background: #7b61ff;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-transform: translateX(105%);
  -ms-transform: translateX(105%);
  transform: translateX(105%)
}
.menu-box.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}
.menu-box__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.menu-box__wrapper {
  overflow-y: auto;
  height: 100vh
}
.menu-box__first {
  padding: 1.5rem;
  position: relative
}
.menu-box__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.menu-box__last {
  padding: 1.5rem;
  position: relative;
  background: #d051ff;
  color: #fff
}
.menu-box__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.menu-box__img {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.close-menu {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.5rem;
  height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .7rem;
  background: #fff;
  border-radius: 2px 2px 0 0;
  cursor: pointer;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.close-menu:hover {
  opacity: .7
}
.menu-nav {
  z-index: 16
}
.menu-nav li {
  position: relative;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.menu-nav li:hover {
  opacity: .6
}
.menu-nav li.menu-item-has-children {
  position: relative
}
.menu-nav li.menu-item-has-children a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.menu-nav li.menu-item-has-children:before {
  content: '';
  position: absolute;
  left: -1.5rem;
  top: 0;
  width: calc(100% + 3rem);
  height: 2.35rem;
  background: #5943cd;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.menu-nav li.menu-item-has-children.active:before {
  opacity: 1
}
.menu-nav li.menu-item-has-children .sub-menu {
  display: none
}
.menu-nav li.menu-item-has-children .sub-menu li a {
  font-size: .81rem
}
.menu-nav li.menu-item-has-children:hover {
  opacity: 1
}
.menu-nav a {
  color: #fff;
  padding: .3rem .25rem;
  margin: 0 .35rem;
  margin-right: 2rem;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  position: relative
}
.nav-ch-bord {
  position: relative;
  top: .8rem;
  right: -1rem;
  height: 1.5rem;
  -webkit-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 10;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.menu-nav li.menu-item-has-children.active .nav-ch-bord {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  top: .8rem
}
.nav__wrap .nav li.menu-item-has-children .sub-menu a {
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.menu-box__wrapper::-webkit-scrollbar {
  width: .8rem
}
.menu-box__wrapper::-webkit-scrollbar-track {
  background: #e7e7e7
}
.menu-box__wrapper::-webkit-scrollbar-thumb {
  background-color: #7b61ff;
  border-radius: 20px;
  border: 3px solid #e7e7e7
}
.header {
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in
}
.header.active {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 444;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: topHeader;
  animation-name: topHeader;
  -webkit-box-shadow: 0 4px 18px rgba(0,0,0,.3);
  box-shadow: 0 4px 18px rgba(0,0,0,.3)
}
@-webkit-keyframes topHeader {
  0% {
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    opacity: 0
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}
@keyframes topHeader {
  0% {
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    opacity: 0
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}
.slick-dots li button:before {
  content: '';
  background-color: #c6c9dc;
  opacity: 1;
  border-radius: 30px
}
.slick-dots li.slick-active button:before {
  background-color: #4ca7e0
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button:before {
  width: 2.55rem;
  height: .2rem;
  padding: 0
}
.slick-dots li {
  margin: .5rem
}
.slick-dots {
  margin-bottom: -1rem
}
.products {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem
}
.products-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.products-tab__item {
  display: inline-block;
  margin-right: 4.5rem;
  margin-bottom: 2rem;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  color: rgba(37,50,56,.25)
}
.products-tab__item.active,
.products-tab__item:hover {
  color: #253238
}
.products-grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr;
  grid-template-columns: repeat(4,1fr);
  -ms-grid-rows: 16rem 1.5rem 16rem;
  grid-template-rows: repeat(2,16rem);
  grid-auto-rows: 1rem;
  gap: 1.5rem;
  grid-template-areas: "pi-1 pi-2 pi-3 pi-4" "pi-1 pi-5 pi-6 pi-6"
}
.products-grid.v2 {
  grid-template-areas: "pi-7 pi-7 pi-8 pi-9" "pi-10 pi-11 pi-8 pi-12"
}
.products-grid.v3 {
  grid-template-areas: "pi-13 pi-14 pi-15 pi-16" "pi-13 pi-14 pi-17 pi-17"
}
.products-grid__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  width: 100%;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.products-grid__link:hover {
  opacity: .5
}
.products-grid__link-img {
  width: 3.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.products-grid__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.products-grid__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.products-grid__item {
  position: relative;
  border-radius: 16px;
  overflow: hidden
}
.products-grid__item:hover .products-grid__hover {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.products-grid__hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 7;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0
}
.products-grid__hover:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(123,97,255,.8)),to(rgba(123,97,255,.8))),url(image.png),url(image.png),#d9d9d9;
  background: -o-linear-gradient(bottom,rgba(123,97,255,.8),rgba(123,97,255,.8)),url(image.png),url(image.png),#d9d9d9;
  background: linear-gradient(0deg,rgba(123,97,255,.8),rgba(123,97,255,.8)),url(image.png),url(image.png),#d9d9d9;
  border-radius: 16px;
  opacity: .8;
  z-index: -1
}
.products-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.pi-1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: pi-1
}
.pi-6 {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: pi-6
}
.pi-7 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: pi-7
}
.pi-8 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: pi-8
}
.pi-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: pi-13
}
.pi-14 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: pi-14
}
.pi-17 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: pi-17
}
.inst {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  color: #fff
}
.inst-btns {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
.inst-btns__arr {
  position: absolute;
  left: -5rem;
  top: -6rem;
  width: 4rem
}
.inst-slider {
  width: 120vw;
  margin-left: -10vw
}
.inst-slider__item {
  border-radius: 16px;
  height: 18rem;
  margin: 1rem;
  overflow: hidden
}
.inst-slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.inst-stars {
  position: absolute;
  right: 18%;
  bottom: 19.5rem;
  width: 16rem;
  padding: 1.5rem;
  z-index: 12
}
.inst-stars__info {
  position: absolute;
  width: 100%;
  padding: 1.2rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.inst-stars__promo {
  display: inline-block;
  padding: .8rem 1.2rem;
  border: 1px solid #fff;
  border-radius: 16px
}
.team {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #fff
}
.team-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.team-heart {
  width: 3.5rem;
  margin-left: .7rem
}
.team-slider__item {
  margin: 0 1rem
}
.team-slider__img {
  width: 16rem;
  height: 16rem;
  border-radius: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto
}
.team-slider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.progress-arrows {
  padding: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 2px solid #7b61ff;
  border-radius: 16px;
  cursor: pointer;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 .5rem;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.progress-arrows img {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.progress-arrows:hover {
  background: #7b61ff
}
.progress-arrows:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.progress-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
  background: #7b61ff;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.progress-line__wrap {
  position: relative;
  width: 90%;
  margin: 0 .5rem;
  height: 2px;
  background: #e7e7e7;
  overflow: hidden
}
.advas {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #fbfbfc
}
.advas-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.advas-item {
  width: 23%;
  padding: 2.5rem;
  background: #fff;
  border-radius: 16px
}
.advas-item__img {
  height: 6rem
}
.feedback {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem
}
.feedback-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.feedback-stars {
  width: 18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.feedback-slider {
  position: relative;
  -webkit-transform: translateX(11vw);
  -ms-transform: translateX(11vw);
  transform: translateX(11vw);
  width: 100vw
}
.feedback-slider__item {
  margin: 1rem;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1rem;
  background: #f8f8f8;
  border-radius: 35px
}
.feedback-item-1 {
  position: absolute;
  left: 31%;
  top: 4rem;
  width: 9rem
}
.feedback-item-2 {
  position: absolute;
  left: 0;
  top: 25rem;
  width: 9rem
}
.forms {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 6rem
}
.forms-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.forms-box {
  width: 44%;
  padding: 2.4rem;
  padding-top: 3rem;
  background: #fff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.forms-info {
  width: 49%;
  color: #fff
}
.forms-info .title {
  letter-spacing: .09rem
}
.about {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 7rem;
  background: #fbfbfc
}
.about-title {
  position: relative;
  width: 85%
}
.about-info {
  width: 62%;
  margin-left: 40%
}
.about-text {
  width: 80%
}
.about-img {
  position: absolute;
  left: 11rem;
  bottom: 0;
  width: 27rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.about-l1 {
  position: absolute;
  left: -2.8rem;
  top: 0;
  width: 2.2rem
}
.about-l2 {
  position: absolute;
  right: -2.8rem;
  bottom: 0;
  width: 2.2rem
}
.contacts {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 4rem;
  background-color: #fff
}
.contacts-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.map {
  position: relative;
  height: 26rem;
  background-color: #aeaeae
}
.footer {
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 15px 30px rgba(0,0,0,.03);
  box-shadow: inset 0 15px 30px rgba(0,0,0,.03)
}
.footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem
}
.footer-top .logo__img {
  margin-right: 0
}
.footer-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.2rem;
  padding-bottom: 1.8rem;
  color: #fff
}
.footer-nav {
  width: 16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.footer-nav a {
  color: #fff;
  display: inline-block;
  margin: .5rem;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.footer-nav a:hover {
  color: rgba(255,255,255,.5)
}
.soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.soc-item {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 .5rem;
  border-radius: 100%;
  padding: .65rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  background-color: rgba(255,255,255,.1)
}
.soc-item:hover {
  opacity: .5
}
.logo-text {
  color: #fff;
  margin-left: 1.7rem;
  padding-left: 1.7rem;
  border-left: 1px solid #fff
}
.main-bg.not-psevdo:before {
  display: none
}
.main-box {
  color: #fff;
  padding-top: 6.2rem;
  padding-bottom: 5.2rem;
  min-height: 42rem
}
.main-box__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 6
}
.productions {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem
}
.productions-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4,1fr);
  gap: 2.5rem
}
.productions-item {
/*  display: -webkit-box;
  display: -ms-flexbox;*/
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  align-items: flex-start;
}
.productions-item .t22{
  flex-grow:  4;
}
.products-slider .slick-track{
  display: flex !important;
}
.productions-item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: .9
}
.productions-item__btn {
  padding: 1.2rem 3rem
}
.productions-item__img {
  height: 16rem;
  position: relative;
  border-radius: 16px;
  width: 100%;
}
.productions-item__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px
}
.productions-item__descr {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4
}
.label-text {
  position: absolute;
  right: 0;
  top: 0;
  padding: .5rem 1.3rem;
  color: #fff;
  background: #d051ff;
  border-radius: 0 11.5px
}
.label-sale {
  position: absolute;
  width: 5rem;
  height: 5rem;
  right: -1.5rem;
  top: -1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff
}
.label-sale img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0
}
.forms-arr {
  width: 11rem;
  margin-left: -2.5rem;
  margin-top: 2.5rem
}
.bread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.bread a {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  color: rgba(37,50,56,.25)
}
.bread a:hover {
  color: #5a6072
}
.card {
  padding-top: 1rem;
  position: relative;
  padding-bottom: 6rem;
  border-top: 1px solid rgba(90,96,114,.1)
}
.card-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*-webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center*/
}
.card-left {
  width: 36%;
  margin-top: 1rem;
}
.card-left__img {
  border-radius: 16px;
  height: 22rem;
  overflow: hidden;
  margin: 0 .5rem;
  margin-bottom: .5rem;
  display: block;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}
.card-left__img:hover {
  opacity: .7
}
.card-left__img.v2 {
  width: 23%;
  height: 4rem;
  margin-top: .5rem;
  margin-bottom: 0
}
.card-left__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.card-left__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.card-right {
  width: 60%
}
.card-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.card-price .btn {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.structure {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #fbfbfc
}
.structure-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.structure-item {
  width: 47%
}
.structure-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.structure-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 44%;
  margin-bottom: 2rem
}
.structure-list__img {
  width: 1.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.transportation {
  padding-top: 4rem;
  position: relative;
  padding-bottom: 3rem;
  border-top: 1px solid rgba(90,96,114,.1)
}
.transportation-box {
  width: 88%
}
.keeping {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 0
}
.delivery-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.delivery-map {
  width: 66%;
  height: 31rem;
  border-radius: 16px;
  position: relative;
  background: #aeaeae
}
.delivery-map:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: .5rem;
  top: .5rem;
  border-radius: 16px;
  background: #d051ff
}
.delivery-map iframe {
  border-radius: 16px
}
.delivery-info {
  width: 28%
}
.delivery-info__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.delivery-info__circ {
  width: 1.2rem;
  height: 1.2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #8ac44b;
  border-radius: 100%
}
.delivery-info__circ.v2 {
  background: #f9ed37
}
.delivery-info__circ.v3 {
  background: #e65425
}
.delivery-info__circ.v4 {
  background: #f377ca
}
.delivery-item {
  width: 31%
}
.delivery-item.v1 {
  padding: 2rem 1.5rem;
  background: #fbfbfc;
  border-radius: 16px
}
.delivery-item__img {
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.delivery-how {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.main-box__img.v2 {
  width: 50%;
  height: 100%
}
.about-info.v2 {
  margin-left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}
.about-info.v2 .about-text {
  width: 60%
}
.about-info.v2 .about-title {
  width: 55%
}
.about.v2 {
  padding-top: 7rem
}
.program {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem
}
.program-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.program-left {
  width: 34%;
  height: 19rem;
  border-radius: 16px;
  position: relative;
  background: #aeaeae;
  border-radius: 16px
}
.program-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 7;
  border-radius: 16px
}
.program-left:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: .5rem;
  top: .5rem;
  border-radius: 16px;
  background: #d051ff
}
.program-right {
  width: 61%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.program-item {
  width: 46%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem
}
.program-item__img {
  width: 4.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1rem
}
.program-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.this-cource,
.tariffs{
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #f8f8f8
}
.this-cource__cont,
.tariffs__cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.this-cource-item{
  width: 30%;
  padding: 3rem 3.5rem;
  background: #fff;
  border-radius: 16px;
  margin-bottom: 1rem
}
.tariffs .program-row{
  display: block;
  margin-top: auto;
}
.tariffs .line{
  text-decoration: line-through;
}
.tariffs .btn{
  display: flex;
  margin: 0 auto;
}
.tariffs__item{
  width: 30%;
  padding: 2rem 1.5rem;
  background: #fff;
  border-radius: 16px;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
.tariffs__item .row{
  padding: 10px;
  text-align: center;
  max-width: 70%;
  margin: 10px auto 0;
  border-radius: 10px;
  border: 1px solid #7b61ff;
}

.tariffs__item.super{
  background: #7b61ff;
  color: #fff;
}
.tariffs__item.pro{
  background: #d051ff;
  color: #fff;
}
.tariffs__item.super .program-row .tgc2,
.tariffs__item.pro .program-row .tgc2{
  color: #253238;
}
.tariffs__item.super .row,
.tariffs__item.pro .row{
  border-color:#fff;
}
.tariffs__item.super .btn{
  background: #fff;
  color: #253238;
}
.tariffs__item.pro .btn{
  background: #fff;
  color: #253238;
}
.tariffs__item br{
  display: block;
}
.this-cource-item__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 5.5rem
}
.payment__overlay .modal-wrap{
  width: 70%;
  max-width: 1300px;
}
@media(max-width: 900px){
  .payment__overlay .modal-wrap{
    width: 100%;
  }
}
.idea {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 3rem
}
.idea-cont {
  height: 45rem;
  position: relative
}
.idea-item {
  position: absolute;
  width: 23rem;
  height: 23rem;
  padding: 3.5rem;
  border-radius: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 220px;
  border-image-width: 1
}
.idea-item__bord {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.idea-item__img {
  height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.idea-item.v1 {
  left: 5%;
  top: 7%
}
.idea-item.v2 {
  width: 16rem;
  height: 16rem;
  left: 42%;
  top: 0;
  border: 2px solid #7b61ff
}
.idea-item.v3 {
  right: 5%;
  top: 7%
}
.idea-item.v4 {
  left: 29%;
  top: 44%
}
.idea-item.v5 {
  width: 16rem;
  height: 16rem;
  left: 62%;
  top: 64%
}
.feedback2 {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 6rem
}
.feedback2-slider .slick-track {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}
.feedback2-slider__item {
  margin: 1rem;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: auto;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  opacity: .2
}
.feedback2-slider__item.slick-current {
  opacity: 1
}
.feedback2-slider__wrap {
  position: relative
}
.feedback2-left {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 27%;
  z-index: 7
}
.feedback2-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 27%;
  z-index: 7
}
.photos {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #f8f8f8
}
.photos-slider {
  -webkit-transform: translateX(10.5rem);
  -ms-transform: translateX(10.5rem);
  transform: translateX(10.5rem)
}
.photos-slider__item {
  margin: 1rem;
  height: 17rem;
  border-radius: 16px;
  overflow: hidden
}
.photos-slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all .9s;
  -o-transition: all .9s;
  transition: all .9s
}
.photos-slider__item:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}
.moduls {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem
}
.moduls-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.moduls-item {
  width: 25%;
  padding: 3rem 2rem;
  border: 1px solid rgba(0,0,0,.25);
  min-height: 11rem;
  cursor: pointer;
}
.faq {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem
}
.gtab__item {
  margin-bottom: 1rem;
  z-index: 2;
  position: relative;
  border-radius: .4rem;
  padding: .3rem 2.5rem;
  background: #f8f8f8;
  border-radius: 8px
}
.gtab__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding-top: 1rem;
  padding-bottom: 1rem
}
.gtab__top.show .gtab__img {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.gtab__img {
  width: 2.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.gtab__img-close {
  display: none
}
.gtab__img img {
  max-width: none;
  width: 100%
}
.gtab__hover {
  padding-bottom: 2rem;
  line-height: 1.4;
  padding-top: 1.4rem
}
.gtab__header {
  width: 100%
}
.gifts {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 4rem
}
.gifts-form {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 12;
  padding: 3rem;
  padding-bottom: 2.5rem;
  width: 26rem;
  background: #7b61ff;
  border-radius: 16px
}
.gifts-crc {
  position: absolute;
  left: 50%;
  top: 70%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 42rem
}
.gifts-arr-1 {
  position: absolute;
  left: 25%;
  top: 29%;
  width: 8rem
}
.gifts-arr-2 {
  position: absolute;
  left: 30%;
  top: 83%;
  width: 4rem
}
.gifts-arr-3 {
  position: absolute;
  left: 67%;
  top: 63%;
  width: 5.5rem
}
.footer {
  background-color: #072735
}
.footer-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem
}
.overlay {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  overflow-y: scroll
}
.form-mod {
  background-color: #fff;
  padding: 4rem 3rem;
  border-radius: 30px;
  -webkit-box-shadow: 0 5px 30px rgba(12,21,77,.2);
  box-shadow: 0 5px 30px rgba(12,21,77,.2)
}
.modal-img {
  height: 17rem
}
.modal-wrap {
  position: absolute;
  top: 15vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 27rem;
  margin-bottom: 8rem
}
.modal-wrap .form {
  width: 100%
}
.modal-min {
  width: 24rem
}
.modal-big {
  width: 71rem;
  padding: 3rem;
  -webkit-box-shadow: 0 2px 40px rgba(24,24,24,.1);
  box-shadow: 0 2px 40px rgba(24,24,24,.1);
  border-radius: 10px
}
.close {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: translate(-100%,100%);
  -ms-transform: translate(-100%,100%);
  transform: translate(-100%,100%);
  cursor: pointer;
  z-index: 99
}
.close:after,
.close:before {
  position: absolute;
  left: 50%;
  content: ' ';
  height: 100%;
  width: 2px;
  background-color: #9f9f9f;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  border-radius: 3px
}
.close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.close:hover:after,
.close:hover:before {
  background-color: #de3039
}
.modal-cont {
  padding-bottom: 17rem
}
.modal-advas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.modal-advas__item {
  width: 30%;
  margin: 1rem 1.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.modal-advas__item-img {
  width: 6rem;
  height: 6rem;
  margin-right: .7rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.btn-modals {
  margin-left: auto;
  margin-right: auto;
  width: 17rem
}
.mform {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.mform__img {
  position: relative;
  width: 48%;
  height: 33rem;
  border-radius: 30px 0 0 30px
}
.mform__img-text {
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 1.5rem;
  border-radius: 10px;
  background-color: rgba(255,255,255,.8);
  padding: 1.4rem
}
.mform__text {
  width: 48%;
  padding: 3rem 2rem
}
.mform-list li {
  position: relative;
  margin: .5rem 0;
  padding-left: 1.5rem
}
.mform-list li:before {
  content: '';
  position: absolute;
  left: 0;
  top: .2rem;
  width: .8rem;
  height: .8rem;
  border-radius: 100%;
  background-image: -o-linear-gradient(120deg,#5f8bce 0,#abcdff 100%);
  background-image: linear-gradient(-30deg,#5f8bce 0,#abcdff 100%);
  -webkit-box-shadow: 0 0 19px #abcdff;
  box-shadow: 0 0 19px #abcdff
}

.test {
  position: relative;
  padding-bottom: 4rem;
  padding-top: 2rem;
  z-index: 71
}
.test-bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: -3.8rem
}
.test-bg.v2 {
  top: 85%
}
.test__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  -webkit-box-shadow: 0 4px 32px #f4f2f8;
  box-shadow: 0 4px 32px #f4f2f8;
  border-radius: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2rem 3rem
}
.test__quests {
  width: 70%;
  padding: 2rem;
  position: relative
}
.test__right {
  width: 30%;
  padding: 2rem 1.5rem;
  border-radius: 8px
}
.test__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 1.5rem;
  width: 60%
}
.test-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.tr-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.tr-row__img {
  width: 5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.tr-row__text {
  padding-top: 1rem
}
.tr-text {
  position: relative;
  padding: 1.3rem;
  padding-top: 2rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto
}
.tr-text img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}
.test__blocks {
  min-height: 16rem
}
.test-elem-1 {
  position: absolute;
  top: 15rem;
  width: 95rem;
  left: 4rem
}
.tend-item {
  width: 15rem
}
.test-elem-2 {
  position: absolute;
  bottom: -20rem;
  width: 21rem;
  left: 0;
  z-index: 5
}
.proc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.proc-img {
  width: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.test-item__start {
  width: 55%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.quiz__next-wrap {
  width: 10rem
}
.quiz__next {
  padding: 1rem 1.6rem
}
.btn-img__arr {
  width: 1.5rem
}
.mlm {
  margin-left: .5rem
}
.test__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.quiz__prev {
  background: #f7f7f7;
  border-radius: 8px;
  padding: 1rem 1.7rem;
  border: none;
  width: 10rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(13,20,31,.5);
  border-radius: 1rem/3rem
}
.test-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}
.test-item__title {
  width: 100%
}
.test-item__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.test-item__block.v2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto
}
.test-item__block.end {
  width: 47%
}
.tiem-bord {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #ecc96f;
  border-radius: 20px;
  z-index: 4;
  opacity: 0
}
.orange {
  color: #f3d996
}
.tiem {
  display: block;
  position: relative;
  cursor: pointer;
  background: #f8f8f8;
  border-radius: 16px;
  width: 47%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  margin-bottom: .7rem
}
.tiem.t2 {
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%
}
.tiem.t2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.tiem.t2 .tiem-bord {
  border-radius: 100%
}
.tiem.t3 {
  margin-left: .5%;
  margin-right: .5%;
  margin-bottom: .7rem;
  width: 13%
}
.tiem.t4 {
  margin-left: .5%;
  margin-right: .5%;
  margin-bottom: .7rem;
  width: 19%
}
.tiem.w3 {
  -ms-flex-item-align: start;
  align-self: flex-start
}
.tiem.w3 .checkbox-block {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.tiem-img {
  height: 14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-radius: 20px;
  overflow: hidden
}
.tiem-img.v2 {
  height: 9rem
}
.tiem-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 1.4s;
  -o-transition: all 1.4s;
  transition: all 1.4s
}
.tiem:hover .tiem-img > img {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4)
}
.slick-slide {
  outline: 0
}
.checkbox-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.1rem 1.2rem;
  width: 100%
}
.checkbox-inp {
  display: none
}
.checkbox-psevdo {
  border-radius: 8px;
  background-color: #d5d6d8;
  width: 1.5rem;
  height: 1.5rem;
  padding: .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: -.2rem
}
.checkbox-psevdo.v2 {
  border-radius: 3px;
  padding: 0
}
.checkbox-psevdo.v2 .checkbox-psevdo-active {
  width: 100%;
  height: 100%;
  border-radius: 3px
}
.checkbox-psevdo-active {
  width: .9rem;
  height: .9rem;
  border-radius: 8px;
  padding: .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f3d996
}
.checkbox-psevdo-active img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.checkbox-inp:checked ~ .tiem-bord {
  opacity: 1
}
.checkbox-inp:checked ~ .tiem-before-mod {
  -webkit-box-shadow: 1px -1px 30px rgba(224,197,146,.3);
  box-shadow: 1px -1px 30px rgba(224,197,146,.3);
  border: 1px solid #e0c592
}
.checkbox-inp:checked ~ span .qw9-social {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}
.checkbox-inp:checked ~ span .checkbox-psevdo-active {
  opacity: 1
}
.checkbox-inp:checked ~ span .checkbox-psevdo-active img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.checkbox-inp:checked ~ span .checkbox-psevdo.t3 .checkbox-psevdo-active {
  background-color: #e0c592
}
.checkbox-inp:checked ~ .checkbox-block.t2 .small-text {
  color: #4389e6
}
.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto
}
.progress-bar__line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 7px 10px #f3d996;
  box-shadow: inset 0 7px 10px #f3d996;
  background-image: -webkit-gradient(linear,left top,right top,from(#f3d996),to(#f3d996));
  background-image: -o-linear-gradient(left,#f3d996 0,#f3d996 100%);
  background-image: linear-gradient(to right,#f3d996 0,#f3d996 100%);
  -webkit-transition: width .4s;
  -o-transition: width .4s;
  transition: width .4s
}
.progress-bar__line-wrap {
  height: .2rem;
  border-radius: 10px;
  background-color: rgba(7,53,48,.25);
  width: 100%;
  overflow: hidden;
  position: relative
}
.mobs {
  display: none
}
@media (max-width:900px) {
  html {
    font-size: 10px
  }
  body {
    overflow-x: hidden
  }
  .container {
    max-width: 90vw
  }
  .container-big {
    max-width: 90vw
  }
  .container-min {
    max-width: 90vw
  }
  .container-md {
    max-width: 90vw
  }
}
@media (max-width:767px) {
  .t-min br {
    display: none
  }
  .modal-big {
    width: 90vw
  }
  .footer__cont {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .t28 br,
  h1 br {
    display: none
  }
  html {
    font-size: 14px
  }
  .title {
    font-size: 2.2rem
  }
  .title br {
    display: none
  }
  .logo__img {
    width: 6rem
  }
  .main-wrap {
    padding-top: 0
  }
  .main {
    height: auto
  }
  .nav {
    display: none
  }
  .header-right .header-phone {
    font-size: 1.2rem
  }
  .t24 {
    font-size: 1.1rem
  }
  .products-tab__item {
    margin-right: 1.4rem;
    margin-bottom: 1rem
  }
  .products-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    -ms-grid-rows: (16rem)[2];
    grid-template-rows: repeat(2,16rem);
    grid-auto-rows: 16rem;
    grid-template-areas: "pi-1 pi-2" "pi-1 pi-3" "pi-4 pi-5" "pi-6 pi-6"
  }
  .products-grid.v2 {
    grid-template-areas: "pi-7 pi-8" "pi-7 pi-9" "pi-10 pi-11" "pi-12 pi-12"
  }
  .products-grid.v3 {
    grid-template-areas: "pi-13 pi-14" "pi-13 pi-15" "pi-16 pi-17"
  }
  .inst-stars {
    right: 11%;
    bottom: 12.5rem
  }
  .advas-item {
    width: 47%;
    margin-bottom: 2rem
  }
  .feedback-item-1 {
    position: absolute;
    left: 24%;
    top: 5rem;
    width: 7rem
  }
  .feedback-item-2 {
    width: 7rem
  }
  .feedback-slider {
    -webkit-transform: translateX(5vw);
    -ms-transform: translateX(5vw);
    transform: translateX(5vw);
    width: 110vw
  }
  .forms-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .forms-box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .forms-info {
    width: 100%;
    margin-bottom: 2rem
  }
  .about-info {
    width: 100%;
    margin-left: 0
  }
  .about {
    padding-bottom: 10rem
  }
  .about .t-min2 br {
    display: none
  }
  .about-img {
    width: 19rem;
    left: auto;
    right: 0
  }
  .about-text {
    width: 57%
  }
  .about-text {
    font-size: 1.1rem
  }
  .contacts-item {
    margin-bottom: 1.5rem;
    margin-right: 1.5rem
  }
  .footer-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .footer-col {
    margin-top: 1rem
  }
  .productions-box {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr)
  }
  .productions-item__img {
    height: 40vw
  }
  .forms-arr {
    display: none
  }
  .main-box__img {
    width: 22rem
  }
  .main-box {
    padding-bottom: 23rem
  }
  .card-price {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .card-price__col {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 1.5rem
  }
  .structure-list__item {
    width: 100%
  }
  .delivery-map {
    width: 100%;
    margin-bottom: 3rem
  }
  .delivery-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .delivery-info__row {
    width: 48%;
    margin-right: 2%
  }
  .delivery-info__text .t-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .delivery-info__text .fwb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    margin-right: .5rem
  }
  .delivery-item {
    width: 47%;
    margin-bottom: 2rem
  }
  .delivery-item a {
    display: inline-block
  }
  .about-info.v2 .about-title {
    width: 90%
  }
  .about-info.v2 .about-text {
    width: 100%
  }
  .about.v2 {
    padding-bottom: 6rem
  }
  .program-item {
    width: 100%
  }
  .program-row {
    display: none
  }
  .program-left {
    width: 47%;
    height: 40vw
  }
  .program-right {
    width: 47%
  }
  .program-item {
    margin: .7rem 0
  }
  .program-item__img {
    width: 3rem
  }
  .program .title {
    display: none
  }
  .this-cource-item,
  .tariffs__item{
    width: 47%;
    margin-bottom: 2rem;
    padding: 2rem
  }
  .this-cource__cont,
  .tariffs{
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .this-cource .program-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .photos-slider {
    -webkit-transform: translateX(2vw);
    -ms-transform: translateX(2vw);
    transform: translateX(2vw)
  }
  .photos-slider__item {
    height: 29vw
  }
  .moduls-item {
    width: 50%
  }
  .mod-course {
    display: none
  }
  .moduls {
    padding-bottom: 3rem
  }
  .gifts-arr-1,
  .gifts-arr-2,
  .gifts-arr-3 {
    display: none
  }
  .idea-cont {
    height: 62rem
  }
  .idea-item.v1 {
    left: 0;
    top: 0;
    width: 21rem;
    height: 21rem;
    padding: 3rem
  }
  .idea-item.v2 {
    left: 58%
  }
  .idea-item.v3 {
    right: -1%;
    top: 20rem;
    width: 21rem;
    height: 21rem;
    padding: 3rem
  }
  .idea-item.v5 {
    left: 0;
    top: 37%
  }
  .idea-item.v4 {
    left: 0;
    top: 40rem;
    width: 21rem;
    height: 21rem;
    padding: 3rem
  }
  .header .socials {
    margin-right: 1rem
  }
  .pi-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
  }
  .pi-6 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }
  .pi-7 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
  }
  .pi-8 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2
  }
  .pi-13 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
  }
  .pi-14 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2
  }
  .pi-17 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1
  }
}
@media (max-width:567px) {
  .t24 {
    font-size: 1rem
  }
  .modal-wrap {
    width: 90vw
  }
  html {
    font-size: 13px
  }
  .t12 {
    font-size: .9rem
  }
  .modal-sm {
    width: 90vw
  }
  .modal-wh {
    width: 100%
  }
  .close {
    top: 0;
    right: 0
  }
  .t22 {
    font-size: 1rem
  }
  .t-min2 {
    font-size: 2rem
  }
  .inp-c,
  .inp-md {
    width: 97%;
    margin-bottom: 1rem
  }
  .title br,
  .title-lg br {
    display: none
  }
  br {
    display: none
  }
  .title-lg {
    font-size: 2.5rem
  }
  .t14 {
    font-size: 1rem
  }
  .t18 {
    font-size: 1.1rem
  }
  .inp-min {
    width: 97%;
    margin-bottom: .7rem
  }
  .t15,
  .t16 {
    font-size: 1rem
  }
  .t32 {
    font-size: 1.4rem
  }
  .t32 br {
    display: none
  }
  .t13 {
    font-size: 1rem
  }
  .header .socials {
    display: none
  }
  .header-right .header-phone {
    display: none
  }
  .products-grid {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1,1fr);
    -ms-grid-rows: (78vw)[6];
    grid-template-rows: repeat(6,78vw);
    grid-auto-rows: 16rem;
    grid-template-areas: "pi-1" "pi-2" "pi-3" "pi-4" "pi-5" "pi-6"
  }
  .products-grid.v2 {
    grid-template-areas: "pi-7" "pi-8" "pi-9" "pi-10" "pi-11" "pi-12"
  }
  .products-grid.v3 {
    grid-template-areas: "pi-13" "pi-14" "pi-15" "pi-16" "pi-17"
  }
  .btn.inst {
    padding: 1rem 3rem
  }
  .inst-btns__arr {
    top: -4rem
  }
  .inst-slider__item {
    height: 58vw
  }
  .inst-stars {
    right: 50%;
    bottom: -.5rem;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
  }
  .inst {
    padding-bottom: 8rem
  }
  .team-heart {
    width: 3rem
  }
  .inst-stars__info {
    padding: 3rem
  }
  .advas-item {
    width: 100%
  }
  .advas-center .btn {
    padding: 1.6rem 3rem
  }
  .feedback-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem
  }
  .feedback-stars {
    margin-top: 1.5rem
  }
  .feedback-item-1 {
    left: 9rem;
    top: 5rem;
    width: 5rem
  }
  .feedback-slider {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 170vw
  }
  .feedback-slider__item {
    margin: .5rem
  }
  .feedback .feedback-left {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
  .forms-box {
    padding: 2rem
  }
  .forms-box .t14.w100 {
    font-size: .8rem
  }
  .about-info {
    text-align: center
  }
  .about-title {
    margin-left: auto;
    margin-right: auto
  }
  .about-text {
    width: 100%
  }
  .about-text br {
    display: inline-block
  }
  .about-img {
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
  }
  .about {
    padding-bottom: 38rem
  }
  .footer-nav {
    width: 100%;
    margin-top: 1rem
  }
  .logo-text {
    font-size: .9rem
  }
  .footer .logo__img {
    width: 12rem
  }
  .soc {
    width: 100%;
    margin-top: 1rem
  }
  .footer-col a {
    margin: .5rem 0
  }
  .footer-bot {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .footer-bot br {
    display: inline-block
  }
  .footer-bot .t13 {
    font-size: .9rem
  }
  .footer-bot .polit-js {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    text-align: center;
    margin-bottom: 1rem
  }
  .form-mod {
    padding: 3rem 2rem;
    padding-top: 4rem
  }
  .btn.ultra-big {
    padding: 1.6rem 3rem
  }
  .productions-box {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1,1fr)
  }
  .productions-item {
    width: 95%
  }
  .productions-item__img {
    height: 80vw
  }
  .card-left {
    width: 100%;
    margin-bottom: 2rem
  }
  .card-left__img {
    width: 100%;
    height: 90vw
  }
  .card-left__img.v2 {
    height: 13vw
  }
  .card-right {
    width: 100%
  }
  .structure-item {
    width: 100%;
    margin-bottom: 2rem
  }
  .structure {
    padding-bottom: 2rem
  }
  .delivery-map {
    height: 95vw
  }
  .delivery-info__row {
    width: 100%;
    margin-right: 0
  }
  .delivery-item {
    width: 100%
  }
  .transportation-box {
    width: 100%
  }
  .burger__wrap {
    width: 4.3rem;
    height: 4.3rem;
    padding: 1rem
  }
  .main-box__img.v2 {
    width: 22rem
  }
  .about.v2 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
  .about-info.v2 .about-title {
    width: 78%
  }
  .program-left {
    width: 100%;
    margin-bottom: 2rem;
    height: 70vw
  }
  .program-right {
    width: 100%
  }
  .program {
    padding-bottom: 3rem
  }
  .this-cource-item,
  .tariffs__item{
    width: 100%
  }
  .feedback2-slider__arr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto
  }
  .feedback2-left,
  .feedback2-right {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto
  }
  .photos-slider__item {
    height: 42vw
  }
  .photos {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
  .moduls {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
  .moduls-item {
    width: 100%
  }
  .moduls-item.vnone {
    display: none
  }
  .faq {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
  .faq .title {
    margin-bottom: 2rem
  }
  .gtab__item {
    padding-left: 1rem;
    padding-right: 1rem
  }
  .gifts {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
  .gifts-form {
    width: 22rem;
    padding: 2rem
  }
  .gifts-form .t14 {
    font-size: .8rem
  }
  .idea-cont {
    height: auto
  }
  .idea-item {
    position: relative;
    left: auto!important;
    right: auto!important;
    top: auto!important;
    bottom: auto!important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem
  }
  .idea-item.v2,
  .idea-item.v5 {
    padding: 2rem
  }
  .products-grid__hover {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: auto
  }
  .products-grid__img {
    position: relative;
    left: auto;
    top: auto;
    height: 70vw;
    overflow: hidden;
    border-radius: 16px
  }
  .products-grid__item {
    height: auto
  }
  .products-grid {
    grid-auto-rows: auto;
    -ms-grid-rows: (auto)[6];
    grid-template-rows: repeat(6,auto)
  }
  .t22 {
    font-size: 1.2rem
  }
  .pi-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
  }
  .pi-6 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
  }
  .pi-7 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
  }
  .pi-8 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
  }
  .pi-13 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
  }
  .pi-14 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
  }
  .pi-17 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
  }
}
.page-content{
  padding-top: 2rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
  color: #fff;
}
.page-content ul{
  list-style: unset;
  padding-left: 40px;
  margin: 1em 0;
}
.page-content li{
  font-size: 1.25rem
}
.page-content p{
  font-size: 1.25rem;
  margin-bottom: 1.4rem;
}
.page-content h1{
  font-size: 3.2rem;
  margin-bottom: 1.4rem;
}
.page-content h2{
  font-size: 2.2rem;
  margin-bottom: 1.4rem;
}
.page-content h3{
  font-size: 1.7rem;
  margin-bottom: 1rem;
}

.masterclass .header-phone{
  display:none;
}
.overlay .moduls-item{
  background-color: #fff;
  width: 100%;
}
.overlay br{
  display: block;
}
.tabcontent{
  display: none;
}
.tabcontent.show{
  display: block;
}