/* Reset and base styles  */
* { padding: 0px; margin: 0px; border: none; }

*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

:focus, :active { outline: none; }

a:focus, a:active { outline: none; }

/* Links */
a, a:link, a:visited { color: inherit; text-decoration: none; /* display: inline-block; */ }

a:hover { /* color: inherit; */ text-decoration: none; }

/* Common */
aside, nav, footer, header, section, main { display: block; }

h1, h2, h3, h4, h5, h6, p { font-size: inherit; font-weight: inherit; }

ul, ul li { list-style: none; }

img { vertical-align: top; }

/* Form */
input, textarea, button, select { font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; }

input::-ms-clear { display: none; }

button, input[type="submit"] { display: inline-block; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background: none; cursor: pointer; }

input:focus, input:active, button:focus, button:active { outline: none; }

button::-moz-focus-inner { padding: 0; border: 0; }

label { cursor: pointer; }

legend { display: block; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

input[type='number'], input[type="number"]:hover, input[type="number"]:focus { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; }

.items__control { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

html, body { height: 100%; }

body { background-color: #1A1B30; color: #F9F9F9; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 1.9vh; line-height: 150%; }

.wrapper { margin: 0 auto; max-width: 2548px;}

.container { max-width: 1230px; margin: 0 auto; padding: 0 15px; }

.services, .review { height: 100vh; padding-top: 12vh; margin-bottom: 50px; }
.advantages { height: 100vh; padding-top: 12vh; margin-bottom: 50px;}
.partners { padding-top: 12vh; height: calc( 100vh - 300px ); margin-bottom: 10px; }
.about { height: 100vh; padding-top: 10vh; margin-bottom: 50px; }
.none { display: none; }

.page-title { max-width: 580px; font-family: 'Manrope'; font-weight: 800; font-size: 40px; line-height: 55px; letter-spacing: 0.15em; text-transform: uppercase; }

.tagline { max-width: 390px; }

.particles-js-canvas-el { position: absolute; top: 0; bottom: 0; z-index: -1; }

.nav ul { position: fixed; top: 200px; left: 0; z-index: 999; 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; gap: 20px; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 50%) 0.4; -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 40px rgba(98, 214, 223, 0.2), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 40px rgba(98, 214, 223, 0.2), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); margin-left: 30px; padding: 55px 25px; border-radius: 20px; }

.nav__li { margin-left: 11px; }
.nav__li span { background-color: rgba(249, 249, 249, 0.2); border-radius: 50%; padding: 8px; }

.nav__li a { color: rgba(249, 249, 249, 0); -webkit-transition: 0.24s; transition: 0.24s; font-size: 1px; }

.nav__li_active { background-color: rgba(249, 249, 249, 0.5); margin: 0; border-radius: 50%; text-align: center; width: 40px; height: 40px; }
.nav__li_active span { color: #F9F9F9; font-size: 18px; line-height: 220%; background: none; }

.fade-block { position: fixed; height: 100vh; width: 100%; background-color: rgba(26, 27, 48, 0.5); top: 0; z-index: 9999; left: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; }

@-webkit-keyframes anim { 0% { display: none; opacity: 0; }
  1% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { display: block; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes side { 0% { right: -100%; }
  100% { right: 0; } }
.modal-window { -webkit-animation: anim .4s ease; }

.left-right { left: 0; right: 0; }

.contact-form.modal-window { position: absolute; right: 0; -webkit-animation: side 0.4s cubic-bezier(0.36, 0.82, 0.25, 1.11); }

.content-hidden { display: none; opacity: 0; }

.hidden { display: none; opacity: 0; z-index: -2; }

[data-name], [data-tab] { cursor: pointer; }

.card { width: 1000px; margin: 10vh auto; position: relative; }
.card-img-500  { width: 26vw; margin: 15vh auto; position: relative;}
.card-img-700  { width: 36.5vw; margin: 20vh auto; position: relative;}
.card li { list-style: inside; }

.card-header { padding: 20px 30px; text-align: center; background: #22233E; z-index: 1111; }

.card-button { background: -webkit-gradient(linear, left top, right top, from(#22C6EA), to(#6144D3)); background: linear-gradient(90deg, #22C6EA 0%, #6144D3 100%); padding: 18px 40px; border-radius: 4px; -webkit-transition: 0.1s ease; transition: 0.1s ease; }
.card-button:active { background: -webkit-gradient(linear, left top, right top, from(#22C6EA), to(#6144D3)); background: linear-gradient(90deg, #22C6EA 0%, #6144D3 100%); -webkit-box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2), inset -4px -4px 6px rgba(11, 11, 57, 0.2), inset 4px 4px 6px rgba(11, 11, 57, 0.2); box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2), inset -4px -4px 6px rgba(11, 11, 57, 0.2), inset 4px 4px 6px rgba(11, 11, 57, 0.2); }

.card-body { z-index: 11111; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 50%) ;box-shadow:  0 0 20px 0 rgba(44, 45, 79, 0.41), 0 0 20px 0 rgba(98, 214, 223, 0.2), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); padding: 40px 50px; display: flex; justify-content: space-between;}
.card-body div {width: 33%;    padding: 10px; font-size:  1.6vh;}
.card-body div:nth-child(2) {text-align: justify;}
.card-body div ul{text-align: left;}
.card-body p { padding-bottom: 20px;  }
.card-body ul { padding-bottom: 20px; }



.card-body div p:before {
    content: '[';
    padding-right: 5px;
  }

.card-body div p:after {
    content: ']';
    padding-left: 5px;
    
  }

.card-body div p:after, .card-body div p:before {
    
    top: 0;
    
    color: #16a085;
    font-size: 26px;
    font-weight: 700;
    
    -webkit-animation-name: opacity;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: opacity;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }

  .card-body div p {
    display: inline;
    float: left;
    margin: 0;
  }


@-webkit-keyframes opacity {
0%, 100% {opacity:0;}
50% {opacity:1;}
}
.block {display: block;}
.card-footer { background: #22233E; height: 73px; 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; }

.calc { width: 52vw; background: #22233E; margin: 8vh auto; position: relative; }

.calc-header { padding: 2.1vh 1.6vw; text-align: center; }

.calc-body { background: #1A1B30; height: 70vh; }
.calc-body p { padding-bottom: 3.1vh; }

.calc__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #DEDFF1; margin-bottom: 3.12vh; }

.calc__tabs-link { width: 50%; padding: 1.9vh; text-align: center; }

.calc-footer { height: 9vh; }

.calc-button { background: -webkit-gradient(linear, left top, right top, from(#22C6EA), to(#6144D3)); background: linear-gradient(90deg, #22C6EA 0%, #6144D3 100%); -webkit-box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2); box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2); padding: 1.92vh 2.08vw; line-height: 2.8vh; border-radius: 4px; }
.calc-button:active { background: -webkit-gradient(linear, left top, right top, from(#22C6EA), to(#6144D3)); background: linear-gradient(90deg, #22C6EA 0%, #6144D3 100%); -webkit-box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2), inset -4px -4px 6px rgba(11, 11, 57, 0.2), inset 4px 4px 6px rgba(11, 11, 57, 0.2); box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2), inset -4px -4px 6px rgba(11, 11, 57, 0.2), inset 4px 4px 6px rgba(11, 11, 57, 0.2); }
.reset-button{padding: 0 0.52vw; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16);}
.reset-button:active {background: linear-gradient(117.35deg, #43446B -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16);}
.calc-container { width: 34.3vw; margin: 0 auto; }

.calc__tab-active { background: #DEDFF1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.calc__tab-active span { color: #1A1B30; }

.calc-footer-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 1.24vh; text-align: center; }

.calc-list { display: none; }
.count-of-areas {color: #22c6ea;}
.count-of-areas input {color: #DEDFF1;}
.calc-list li { background: url(../img/check.svg) no-repeat; padding: 0 0 2.1vh 2.7vw; }
.calc-list p {border-top: #383A60 1px solid; padding-top: 1vh; margin: 0;}
.calc__checkbox-price { font-size: 1.45vh; color: #757693; margin-right: 12vw; }
.calc__checkbox-price-2 { font-size: 1.45vh; color: #757693;}

.calc__price-total { padding-top: 1.56vh; font-family: 'Inter'; font-style: normal; font-weight: 300; font-size: 2.91vh; line-height: 2.91vh; }

.calc__price-number { font-weight: 500; font-size: 2.91vh; line-height: 2.91vh; }

.calc__price-lastword { font-family: 'Inter'; font-style: normal; font-weight: 300; font-size: 19px; line-height: 2.91vh; }

.details-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.details-wrapper-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 1vh; padding-bottom: 1vh;}

.items { text-align: center; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; }

.hidden-price { display: none; }

.items__control { width: 1.77vw; cursor: pointer; -webkit-transition: 0.1s ease-in; transition: 0.1s ease-in; text-align: center; color: #1A1B30; background: #C2C1E8; font-size: 28px; }

.items__control:hover { background: #22c6ea; color: #FFF; }

.items__control:active { background: rgba(34, 197, 234, 0.753); }

.items__current { width: 34px; border: 1px solid #C2C1E8; text-align: center; }

@supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; height: 34px; display: inline-block; position: relative; cursor: pointer; border: 1px solid #A7A5C5; background: #1A1B30; }
  input[type='checkbox']:after { content: ''; display: block; left: 0; top: 0; position: absolute; -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); }
  input[type='checkbox']:not(.switch) { width: 34px; }
  input[type='checkbox']:not(.switch):after { opacity: var(--o, 0); }
  input[type='checkbox']:not(.switch):checked { --o: 1; }
  input[type='checkbox']:after { width: 9px; height: 19px; border: 2px solid #22C6EA; border-top: 0; border-left: 0; left: 12px; top: 4px; -webkit-transform: rotate(var(--r, 20deg)); transform: rotate(var(--r, 20deg)); }
  input[type='checkbox']:checked { --r: 43deg; } }
.flex { display: block; }

.checkbox-container { display: -webkit-box; display: -ms-flexbox; display: flex; }

.contact-form { height: 100vh; width: 600px; background: #1A1B30; position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.contact-form::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 35, 62, 0.9) url(../img/gif.gif) center/50px no-repeat; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.contact-form._sending::after { opacity: 1; visibility: visible; }

.form__body { max-width: 520px; margin: 80px 120px 0 60px; position: relative; }

.contact__header { font-weight: 500; font-size: 28px; line-height: 34px; margin-bottom: 40px; }

.contact-paragraph { margin-bottom: 77px; }

.form__item { margin-bottom: 20px; }
.form__item-checkbox {
  width: 350px; display: flex; justify-content: space-around ; line-height: 4vh; font-size: 20px;
}
.form__input { background: #F9F9F9; padding: 18.5px 10px; border-radius: 4px; width: 350px; color: #1A1B30; }

.form__input._error { -webkit-box-shadow: 0 0 15px red; box-shadow: 0 0 15px red; }

.form__input::-webkit-input-placeholder { color: rgba(19, 19, 19, 0.5); }

.form__input:-ms-input-placeholder { color: rgba(19, 19, 19, 0.5); }

.form__input::-ms-input-placeholder { color: rgba(19, 19, 19, 0.5); }

.form__input::placeholder { color: rgba(19, 19, 19, 0.5); }

.form__input:focus { -webkit-box-shadow: 5px 5px 30px #3e5c93; box-shadow: 5px 5px 30px #3e5c93; }

.form__button { background: -webkit-gradient(linear, left top, right top, from(#22C6EA), to(#6144D3)); background: linear-gradient(90deg, #22C6EA 0%, #6144D3 100%); -webkit-box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2); box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2); padding: 18.5px 40px; width: 350px; border-radius: 4px; margin-bottom: 20px; }
.form__button:active { background: -webkit-gradient(linear, left top, right top, from(#22C6EA), to(#6144D3)); background: linear-gradient(90deg, #22C6EA 0%, #6144D3 100%); -webkit-box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2), inset -4px -4px 6px rgba(11, 11, 57, 0.2), inset 4px 4px 6px rgba(11, 11, 57, 0.2); box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2), inset -4px -4px 6px rgba(11, 11, 57, 0.2), inset 4px 4px 6px rgba(11, 11, 57, 0.2); }

.button__subtitle { font-size: 14px; color: #757693; max-width: 390px; }

.form__footer { background: white; height: 50px; background: #22233E; }

.header { padding: 19px 0; border-bottom: 1px solid #383A60; color: #F9F9F9; position: fixed; top: 0; right: 0; left: 0; z-index: 999; background-color: #1a1b30; }
.header__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; height: 32px;}
.header__logo img {display: inline-block; height: 88px; cursor: pointer; }
.header__logo img:hover {height: 92px; transition: 0.3s;}
.header__row a { font-size: 18px; }
.header__row a:hover { color: #22C6EA; -webkit-transition: 0.3s; transition: 0.3s; }
.header__row img { margin-right: 10px; padding-top: 2px; }
.header__row span:first-child img { padding-top: 6px; }
.header__row span img { margin-right: 10px; padding-top: 2px; max-height: 22px; width: auto;}
.mobile__menu { display: none; }
.header__contacts {min-width: 180px;}

.header__menu { display: none; width: 42px; height: 42px; position: relative; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }
.header__menu.active-menu .menu__line-1 { transform: translateY(8px) translateX(0) rotate(45deg); -webkit-transform: translateY(8px) translateX(0) rotate(45deg); -moz-transform: translateY(8px) translateX(0) rotate(45deg); }
.header__menu.active-menu .menu__line-2 { opacity: 0; }
.header__menu.active-menu .menu__line-3 { transform: translateY(-8px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg); -moz-transform: translateY(-8px) translateX(0) rotate(-45deg); }

.close__button-container { position: absolute; right: 10px; top: 10px; z-index: 999; }
.close__button { cursor: pointer; margin-left: auto; display: inline-block; width: 42px; height: 42px; position: relative; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }
.close__button:active { background: linear-gradient(117.35deg, #43446B -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }

.close__line-1 { top: 12px; transform: translateY(8px) translateX(0) rotate(45deg); -webkit-transform: translateY(8px) translateX(0) rotate(45deg); -moz-transform: translateY(8px) translateX(0) rotate(45deg); }

.close__line-3 { top: 28px; transform: translateY(-8px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg); -moz-transform: translateY(-8px) translateX(0) rotate(-45deg); }

.close__line-1, .close__line-3 { position: absolute; display: block; left: 8px; width: 26px; height: 3px; background-color: #D9D9D9; }

.menu__line { position: absolute; display: block; left: 8px; width: 26px; height: 3px; background-color: #D9D9D9; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.menu__line-1 { top: 12px; }
.menu__line-2 { top: 20px; }
.menu__line-3 { top: 28px; }

.preview { height: 100vh; padding-top: 25vh; }

.preview__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.preview__title { max-width: 700px; margin-top: 100px; z-index: 2; }
.preview__title p { margin-bottom: 71px; }

.preview__title-text { font-family: 'Manrope'; font-weight: 700; font-size: 40px; line-height: 130%; margin-bottom: 20px; }

.preview__image { position: absolute; right: 0; top: 0; }
.preview__image img { height: 520px; }

.preview__button { padding: 18.5px 40px; background: -webkit-gradient(linear, left top, right top, from(#22C6EA), to(#6144D3)); background: linear-gradient(90deg, #22C6EA 0%, #6144D3 100%); -webkit-box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2); box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2); border-radius: 4px; }
.preview__button:active { background: -webkit-gradient(linear, left top, right top, from(#22C6EA), to(#6144D3)); background: linear-gradient(90deg, #22C6EA 0%, #6144D3 100%); -webkit-box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2), inset -4px -4px 6px rgba(11, 11, 57, 0.2), inset 4px 4px 6px rgba(11, 11, 57, 0.2); box-shadow: 5px 5px 30px rgba(62, 92, 147, 0.2), inset -4px -4px 6px rgba(11, 11, 57, 0.2), inset 4px 4px 6px rgba(11, 11, 57, 0.2); }

.widgets { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; right: 33px; }

.widget__button-calc { position: fixed; top: 290px; right: 50px; width: 60px; height: 60px; margin-bottom: 40px; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }
.widget__button-calc:active { background: linear-gradient(117.35deg, #43446B -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }

.widget__button-phone { position: fixed; top: 390px; right: 50px; width: 60px; height: 60px; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }
.widget__button-phone:active { background: linear-gradient(117.35deg, #43446B -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }

.services { margin-bottom: 50px; }
.services h2 { max-width: 1070px; }

.services__solutions { padding-top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.services__web, .services__1c, .services__it, .services__security { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 590px; height: 320px; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 180%); border: 1px solid #3F4E72; }
.services__web h3, .services__1c h3, .services__it h3, .services__security h3 { font-weight: 500; font-size: 28px; line-height: 34px; padding-bottom: 30px; }

.services__container { max-width: 500px; margin: 35px auto; }

.services__solutions-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.services__solutions-list span { padding-bottom: 5px; border-bottom: 1px solid #22C6EA; }

.services__solutions-link { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-bottom: 20px; }

.services__solutions-link span {cursor: pointer;}

.advantages__header { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 65px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.advantages__set { margin: 0 auto; max-width: 1200px; height: 600px; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); position: relative; }

.advantages__section { padding: 100px 30px 0px 30px; -webkit-transition: all 0.5s ease-out; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: none; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: slidein; animation-name: slidein; }
/* .advantages__section h3 { font-style: normal; font-weight: 500; font-size: 28px; line-height: 34px; padding-bottom: 40px; } */

@-webkit-keyframes slidein { from { padding-top: 10%; margin-bottom: 10%; }
  to { margin-top: 0%; } }

@keyframes slidein { from { padding-top: 10%; margin-bottom: 10%; }
  to { margin-top: 0%; } }
.advantages__section-active { display: -webkit-box; display: -ms-flexbox; display: flex; }

/* .advantages__description-paragraphs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.advantages__description-paragraphs p { width: 400px; font-weight: 300; font-size: 16px;}
.advantages__description-paragraphs p:first-child { margin-right: 50px; } */
.advantages__description-paragraphs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center;
}

.advantages__description-paragraphs p{padding-top: 50px; width: 400px; font-weight: 300; font-size: 16px; margin-right: 50px; text-align: center ; }
.advantages__description-paragraphs span{ 
  letter-spacing: 0.1vw;
  background: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(100, 81, 134, 0.452) 50%);
  background-size: 200%;
  background-position: 0 0;
  display: inline;
  transition: 1.5s ease-in-out;
  font-family: raleway, arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
.advantages__description-paragraphs span:hover { background-position: -100% 0;
}
.advantages__section img {height: 300px;}
.advantages__tabs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 0; }
.advantages__tabs p:not(:last-child) { border-right: 2px solid #3C3C72; }

.advantages__tabs-link { width: 19%; padding: 20.5px 0; cursor: pointer; background: #141428; font-size: 16px; text-align: center; }

.active-tab { width: 24%; padding: 20.5px 0; background: #22C6EA; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }

.review__content { padding-top: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.review__title { padding-top: 47px; max-width: 390px; }

.review__title h2{ margin-bottom: 20px; }

.review__clients { overflow: hidden; max-width: 790px; }

.review__article { background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); border: 1px solid #3F4E72; display: block; width: 200px; height: 500px; border-radius: 50px;}


.review__article-container { padding: 10px 10px; width: 100%;}

.review__article-author { font-weight: 500; font-size: 28px; line-height: 34px; padding-bottom: 6px; }

.review__article-lead { height: 150px;   position: relative; display: flex; align-items: center; justify-content: center;}


.review__article-text { font-size: 14px;  color: #757693; text-align: center; padding-bottom: 30px;}

.review__logo { margin: 0 auto; cursor: pointer;}

.review__logo-img { cursor: pointer; background: #fff; height: 100px; vertical-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; -webkit-transition: 0.3s ease; transition: 0.3s ease; width: 100%; border-radius: 10px; }

.review__logo-img:hover { border-radius: 14px; }

.about__content {width: 100%; background: linear-gradient(117.35deg, #1a1b30b7 -9.09%, #21203d83 100%); border: 1px solid #3F4E72; height: 80vh; border-radius: 30px;}
.about__img {margin-left: -6vh; height: 49vh;}
.about__content-main {padding-top: 5vh; display: flex;}
.about__text p {padding: 2vh ; letter-spacing: 1px; }
.about__content-cert { display: flex; padding-top: 4vh; }
.about__img-cert {height: 15.5vh; padding:0 20px; cursor: pointer;}
.img-500 {width: 26vw; height:100%;}
.img-700 {width: 36.5vw; height:100%;}
.active-logo { height: 110px; border-radius: 14px; }

.none { display: none; }

.partners__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12vh; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-evenly; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 10px; width: 1200px; }

.slider__logo-img { background-color: white; height: 150px; width: 290px; vertical-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.slide.active { display: -webkit-box; display: -ms-flexbox; display: flex; }

.dots-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; margin-bottom: 25px; }
.dots-wrapper span { width: 15px; height: 15px; border-radius: 58%; background-color: grey; margin-right: 10px; cursor: pointer; }
.dots-wrapper span:last-child { margin-right: 0; }

.dot.active { background-color: #F9F9F9; }

.footer { height: 300px; }

.footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 130px; padding-top: 30px; font-weight: 500; }
.footer__content div { width: 290px; }

.footer__address { font-weight: 500; }

.footer__politics { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 400; font-size: 16px; color: #5B5D82; }

.footer__header { font-size: 16px; line-height: 19px; color: #9FA1BF; padding-bottom: 15px; }

.footer__phone p:last-child { margin: 0; }
.slick-cloned {display: none}
.footer__req {margin-top:20px;}
.footer__req a {display:block;}
@media screen and (min-width: 1921.99px) {
  .services__web, .services__1c, .services__it, .services__security{height:auto; width: 29vw;}
  .advantages__set{height: 55.55vh;max-width: 62.5vw;}    
  .advantages__section img {height: 31vh;}
  .services__container {max-width: 27vw;    width: 27vw;}
  .container{width: 64.6vw;max-width: 64.6vw;}
  .card{width: 53vw;}
  
}

@media screen and (max-width: 1479.99px) and (min-width: 1240px) { .main { padding-bottom: 0; }
  .wrapper { max-width: 1480px; }
  .container { max-width: 1150px; margin: 0 130px; }
  .header {padding:12px 0;}
  /* .services, .advantages, .review, .partners { height: auto; } */
  .partners { height: auto; }
  .preview { padding-top: 15vh; }
  .page-title { font-size: 5vh;}
  .preview__title { max-width: 520px; margin-left: 50; }
  .preview__title-text { font-family: 'Manrope'; font-weight: 700; font-size: 57px; line-height: 130%; }
  .preview__image { padding-top: 40px; }
  .preview__image img { width: 560px; }

  .services__web, .services__1c, .services__it, .services__security { width: 440px; height: 35vh;}
  .services__web h3, .services__1c h3, .services__it h3, .services__security h3 { font-size: 3vh; padding-bottom: 2vh; }
  .services__container { max-width: 500px; margin-left: 20px; }
  .services__solutions {padding-top: 4vh;}
  .services__container { max-width: 500px; margin: 1vh 2vw; }
  .services__solutions-link  {padding-bottom: 1vh; line-height:180% }
  .services__solutions-link span {font-size: 2vh; }
  .card {width: 80vw; margin: 3vh auto;}
  .card-body {padding: 2vh 5vh; height:75vh}
  .card-body p {font-size: 2vh; padding-bottom: 1vh;}
  .card-body ul li {font-size: 2vh;}
  
  .advantages__header {padding-bottom: 2vh;}
  /* .advantages {height: auto;} */
  .advantages__section { padding-top: 25px; }
  .advantages__section img { width: 400px; height: 400px; }
  .advantages__set { margin: 0 130px; max-width: 1220px; height: 550px; }
  .advantages__set .container { margin: 0 0 0 25px; }
  .advantages__tabs-link { padding: 20.5px 15px; font-size: 16px; width: 270px; text-align: center; }
  .advantages__description-paragraphs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .advantages__description-paragraphs p { margin-right: 10px; }
  .advantages__description-paragraphs :last-child { margin-left: 120px; padding-top: 20px; }
  .active-tab { padding: 20.5px 37px; }
  .slide { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .services, .advantages, .review, .partners { padding-top: 7vh; }
  .footer { margin-top: 40px; max-height: 300px; }
  .contact-form { width: 500px; }
  .calc { width: 800px; margin: 5vh auto; } 
  .review__content {padding-top: 100px;}
  .slider__logo-img { width: 220px; height:90px; }
}
@media screen and (max-width: 1239.99px) and (min-width: 992px) { .main { padding-bottom: 0; }
  .header {padding:12px 0;}
  .header__row a {font-size:13px}
  .container { max-width: 1150px; margin: 0 90px; }
  .main { padding-bottom: 0; }
  .nav ul { margin-left: 5px; }
  .widget__button-calc, .widget__button-phone { right: 10px; }
  .header__contacts {min-width: 150px;}
  .page-title { font-size: 5vh;}

  .preview {  padding-top: 12vh; }
  .preview__title { max-width: 420px; margin-left: 50; }
  .preview__title p { max-width: 420px; font-size:2.7vh; }
  .preview__title-text { font-size: 57px; line-height: 130%; }
  .preview__image img { width: 560px; margin-top: -30px; }
  .services__web, .services__1c, .services__it, .services__security { width: 250px; text-align: center; height: auto; }
  .services__web h3, .services__1c h3, .services__it h3, .services__security h3 { font-size: 3vh; padding-bottom: 2vh; }
  .services__solutions {padding-top: 2vh; gap: 0;}

  .card {width: 80vw; margin: 3vh auto;}
  .card-body {padding: 2vh 5vh; height:75vh}
  .card-body p {font-size: 2vh; padding-bottom: 1vh;}
  .card-body ul li {font-size: 2vh;}

  .review__article-container { height: auto; }
  .services__container { max-width: 500px; margin: 1vh auto; }
  .services__solutions-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
  .services__solutions-link  {padding-bottom: 1vh; }
  .services__solutions-link span {font-size: 2vh; }
  
  .advantages__header {padding-bottom: 2vh;}
  .advantages__section { padding-top: 25px; }
  .advantages__section img { width: 300px; height: 300px; }
  .advantages { margin-top: 15vh; }
  .advantages__set { margin: 0 100px; max-width: 1220px; height: 66vh; }
  .advantages__set .container { margin: 0 0 0 25px; }
  .advantages__tabs-link { padding: 20.5px 5px; font-size: 14px; width: 270px; text-align: center; }
  .advantages__description-paragraphs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .advantages__description-paragraphs p { margin-right: 10px; font-size: 2vh;}
  .advantages__description-paragraphs :last-child { margin-left: 120px; padding-top: 20px; }
  .active-tab { padding: 20.5px 37px; }
  .slider__logo-img { width: 196px; height: 100px; }
  .services, .advantages,  { padding-top: 11vh; height: auto; }
  .review {padding-top: 10vh}
  .review__content { padding-top: 10px; }
  .review__article-container{ padding: auto;}
  .review__logo{grid-template-columns: 1fr 1fr 1fr 1fr;  }
  .review__logo-img img {width: 100%;}

  
  .partners { padding-top: 14vh; height: auto;}
  .partners__header{margin-bottom:0px;}
  .dots-wrapper { margin-top: 50px; }
  .tagline { font-size: 14px; }
  .footer { margin-top: 40px; max-height: 300px; }
  .contact-form { width: 500px; }
  .calc { width: 800px; margin: 0 auto; overflow: scroll; }
  .calc__tabs {margin-bottom: 2vh;}
  .calc-body  { height: 70vh;}
  .calc-body p { padding-bottom: 2vh; font-size: 2vh;}
  .calc-list li {padding: 0 0 3vh 5vh;}
	
  .footer__content { margin-right: 0; text-align: center; }
  .footer__politics { padding-bottom: 10px; } }
  @media screen and (max-height: 899.99px) {.partners{height:auto;}}
@media screen and (max-width: 1016.99px) and (min-width: 768px) { .main { padding-bottom: 0; }
  .header {padding:12px 0;}
  .header__row a {font-size:13px}
  .wrapper { width: 100vw; overflow: hidden; }
  .container { width: 100%; }
  .nav ul { display: none; }
  .widget__button-calc, .widget__button-phone { right: 10px; }
  .header__contacts {min-width: auto;}
  .preview__title { margin-left: 50; }
  .preview__title p { max-width: 500px; }
  .preview__title-text { font-size: 50px; max-width: 350px; line-height: 130%; margin-bottom: 50px; }
  .preview__image img { width: 450px; margin-top: 0px; }
  .preview { height: auto; padding-top: 15vh; }

  .services__web, .services__1c, .services__it, .services__security { font-size: 14px; width: 200px; text-align: center; height: auto;}
  .card {width: 100vw; margin: 3vh auto;}
  .card-body {padding: 0 5vh; height:auto;}
  .card-body p {font-size: 1.3vh; padding-bottom: 1vh;}
  .card-body div ul {font-size: 1.3vh;}
  .card-body ul li {font-size: 1.3vh;}

  .services__container { margin-left: 0 auto; height: auto; }
  .services__solutions-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
  
  .advantages__header {padding-bottom: 2vh;}
  .advantages__section { padding-top: 25px; }
  .advantages__section img { width: 300px; height: 300px; }
  .advantages__set { margin: 0 10px; height: 800px; }
  .advantages__set .container { margin: 0 0 0 25px; }
  .advantages__tabs-link { padding: 20.5px 5px; font-size: 14px; width: 270px; text-align: center; }
  .advantages__description-paragraphs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .advantages__description-paragraphs p { margin-right: 10px; width: auto;}
  .advantages__description-paragraphs :last-child { margin-left: 120px; padding-top: 20px; }
  .active-tab { padding: 20.5px 37px; }
  .slide { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .slider__logo-img { width: 200px; height: 100px; }
  .services, .advantages, .review { height: auto; padding-top: 9vh; }
  .review__article-container { height: auto; padding:0;}
  .review__logo{ grid-template-columns: 1fr 1fr 1fr 1fr; width:100%}
  .review__logo-img img {width: 100%;}
  .about__content-main {padding-top:3vh;}
  .about__img{height:40vh;}
  .about__text p {padding:5px; font-size:15px}
  .about__content-cert{padding-top:2vh;}
  .slick-arrow{display: none;!important}
  .about__img-cert{height:13.5vh;padding:0 10px}
  .partners { padding-top: 14vh; }
  .dots-wrapper { margin-top: 50px; }
  .tagline { font-size: 14px; }
  .footer { margin-top: 40px; max-height: 300px; }
  .contact-form { width: 500px; }
  .calc { width: 99vw; }
  .calc-container {width: auto;}
  .calc-list li {padding-left:5vw}
  .items__control {width:5vw}
  .footer__content { margin-right: 0; text-align: center; }
  .footer__politics { padding-bottom: 10px; } 
    .card-img-500 {width: 60vw;}
  .card-img-700 {width: 65vw;}
  .img-500 {width: 60vw;}
  .img-700 {width: 65vw;}
.partners {height: auto;}}
@media screen and (max-width: 767px) and (min-width: 320px) { .main { padding-bottom: 0; }
  .wrapper { width: 100vw; overflow: hidden; }
  .container { width: 100%; }
  .nav ul { display: none; }
  .header__menu { display: block; }
  .mobile__menu { display: block; background-color: #1a1b30; position: fixed; width: 100%; margin-top: 71px; height: calc(100vh - 71px); padding: 0 30px; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: -1; }
  .mobile__menu span { display: block; margin-bottom: 30px; }
  .mobile__menu span img { max-height: 22px; }
  .mobile__menu-container { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .mobile__menu-list { padding-top: 50px; }
  .mobile__menu-contacts { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .mobile__menu-link { font-size: 34px; font-weight: 700; padding-bottom: 35px; }
  .mobile__menu-buttons { margin-bottom: 30px; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .mobile__menu-phone { bottom: 0; width: 60px; height: 60px; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }
  .mobile__menu-phone:active { background: linear-gradient(117.35deg, #43446B -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }
  .mobile__menu-calc { bottom: 0; width: 60px; height: 60px; background: linear-gradient(117.35deg, #1A1B30 -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }
  .mobile__menu-calc:active { background: linear-gradient(117.35deg, #43446B -9.09%, #21203D 100%); -webkit-box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); box-shadow: -20px -20px 70px rgba(44, 45, 79, 0.41), 20px 20px 70px rgba(21, 21, 38, 0.7), inset -2px -2px 4px rgba(5, 5, 16, 0.4), inset 2px 2px 4px rgba(151, 149, 255, 0.16); }
  .mobile__menu-open { opacity: 1; z-index: 998; }
  .widget__button-phone, .widget__button-calc { display: none; }
  .header__contacts { display: none; }
  .preview__title { margin-left: 50; margin-top: 0; }
  .preview__title p { max-width: 520px; }
  .preview__title-text { font-size: 50px; max-width: 350px; line-height: 130%; margin-bottom: 50px; }
  .preview__image img { width: 450px; margin-top: -5vh; opacity: 0.2; }
  .preview { height: auto; padding-top: 15vh; }
  .preview__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .preview__button { margin: 0 auto; }
  .services__web, .services__1c, .services__it, .services__security { font-size: 14px; width: 200px; text-align: center; height: auto; }
  .card { width: 900px; }
  .services__container { margin-left: 0 auto; height: auto; }
  .services__solutions-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
  .review__content { display: block; }
  .review__title { margin-bottom: 20px; }
  .review__article-container { height: auto; padding:0; }
  .review__article-text { font-size: 16px;  }
  .review__article-img{width:100%}
  .review__logo{    grid-template-columns: 1fr 1fr 1fr 1fr;  width:100%}
  .review__logo-img img {width: 100%;}

  .card { width: 100vw; margin: 0; position: relative; }
  .card-body { height: calc(100vh - 67px); overflow: scroll; padding: 0 0 73px 0; display:block; }
  .card-body div {padding:5px; font-size:12px;line-height: 150%; width:auto}
  .card-body div p{  display: block;    float: none;}
  .card-footer { position: absolute; bottom: 0; width: 100%; }
  .advantages { text-align: center; }
  .advantages__section { padding-top: 25px; position: relative; }
  .advantages__section img { width: 400px; height: 400px; position: absolute; opacity: 0.3; }
  .advantages__set { height: 550px; width: 100vw; }
  .advantages__set .container { margin: 0px; padding: 0; }
  .advantages__tabs {display: grid; grid-template-columns: repeat(6, 1fr)}
  .advantages__tabs-link { padding: 20.5px 5px; font-size: 14px; width: 100%; text-align: center; line-height: 15px; grid-column: auto / span 2;}
  .advantages__tabs-link:nth-child(1),  .advantages__tabs-link:nth-child(2) {grid-column: auto / span 3;}
  .reset-button {display: none;}
  .advantages__description { padding-right: 5px; }
  .advantages__description-paragraphs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; }
  .advantages__description-paragraphs p { margin-right: 10px; font-size: 12px; width: 350px; margin: 0 auto; }
  .advantages__description-paragraphs :last-child { padding-top: 10px; }
  .slide { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .slider__logo-img { width: 150px; height: 80px; }
  .slick-list { height: auto; }
  .services, .advantages, .review { height: auto; padding-top: 9vh; }
  .partners { padding-top: 14vh; }
  .dots-wrapper { margin-top: 50px; }
  .tagline { font-size: 14px; }
  .footer { height: auto; }
  .contact-form { width: 100%; }
  .contact__header { width: 250px; display: inline-block; margin-top: 30px; }
  .calc { width: 100vw; height: 100vh; margin: 0; }
  .calc-container { width: auto; margin: 0 10px; }
  .calc__tabs-link { padding: 15px 0; }
  .calc-body { height: 75%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: scroll; }
  .calc-list li {padding: 0 0 2.6vh 8vw}
		.details-wrapper-2{display: grid;}
  .calc-footer { height: auto; position: absolute; bottom: 15px; width: 100%; }
  .calc-footer-price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; }
  .calc__checkbox { margin-left: 10px; }
  .calc__checkbox-price { margin: 0; }
  .items__control {	width: 6vw;}
  .form__body { margin: 20px 5vw; }
  .form__input, .form__button { width: 250px; }
  .footer__content { font-size: 14px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .about {height: auto;}
  .about__content {height:auto;}
  .about__content-main{display:block;}
  .about__img{margin-left: 1vh;height: 40vh;}
  .about__content-cert {padding-bottom: 4vh;}
  .about__img-cert{padding: 0 10px;}
  .footer__politics { padding-bottom: 10px; } 
  .partners { padding-top: 14vh; height: auto; }
  .card-img-500 {width: 60vw;}
  .card-img-700 {width: 60vw;}
  .img-500 {width: 60vw;}
  .img-700 {width: 60vw;}
  .slider__logo-img { width: 160px; height: 80px; }
	
}
  /* @media screen and (max-height: 820px) and (min-height: 0px) { .advantages, .partners, .services  { height: auto; } } */
/*# sourceMappingURL=main.css.map */