html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: 0;
}
html:focus,
body:focus,
div:focus,
span:focus,
applet:focus,
object:focus,
iframe:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
p:focus,
blockquote:focus,
pre:focus,
a:focus,
abbr:focus,
acronym:focus,
address:focus,
big:focus,
cite:focus,
code:focus,
del:focus,
dfn:focus,
em:focus,
img:focus,
ins:focus,
kbd:focus,
q:focus,
s:focus,
samp:focus,
small:focus,
strike:focus,
strong:focus,
sub:focus,
sup:focus,
tt:focus,
var:focus,
b:focus,
u:focus,
i:focus,
center:focus,
dl:focus,
dt:focus,
dd:focus,
ol:focus,
ul:focus,
li:focus,
fieldset:focus,
form:focus,
label:focus,
legend:focus,
table:focus,
caption:focus,
tbody:focus,
tfoot:focus,
thead:focus,
tr:focus,
th:focus,
td:focus,
article:focus,
aside:focus,
canvas:focus,
details:focus,
embed:focus,
figure:focus,
figcaption:focus,
footer:focus,
header:focus,
hgroup:focus,
menu:focus,
nav:focus,
output:focus,
ruby:focus,
section:focus,
summary:focus,
time:focus,
mark:focus,
audio:focus,
video:focus,
html:active,
body:active,
div:active,
span:active,
applet:active,
object:active,
iframe:active,
h1:active,
h2:active,
h3:active,
h4:active,
h5:active,
h6:active,
p:active,
blockquote:active,
pre:active,
a:active,
abbr:active,
acronym:active,
address:active,
big:active,
cite:active,
code:active,
del:active,
dfn:active,
em:active,
img:active,
ins:active,
kbd:active,
q:active,
s:active,
samp:active,
small:active,
strike:active,
strong:active,
sub:active,
sup:active,
tt:active,
var:active,
b:active,
u:active,
i:active,
center:active,
dl:active,
dt:active,
dd:active,
ol:active,
ul:active,
li:active,
fieldset:active,
form:active,
label:active,
legend:active,
table:active,
caption:active,
tbody:active,
tfoot:active,
thead:active,
tr:active,
th:active,
td:active,
article:active,
aside:active,
canvas:active,
details:active,
embed:active,
figure:active,
figcaption:active,
footer:active,
header:active,
hgroup:active,
menu:active,
nav:active,
output:active,
ruby:active,
section:active,
summary:active,
time:active,
mark:active,
audio:active,
video:active {
outline: 0;
}
button:focus {
outline: 0;
}
select:focus {
outline: 0;
}
textarea:focus {
outline: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
width: auto;
max-width: 100%;
max-height: 100%;
height: auto;
}
a {
text-decoration: none;
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-Black.eot?2659233952f6fd7225a189b5bbf74211);
src: url(/fonts/Inter-Black.eot?2659233952f6fd7225a189b5bbf74211?#iefix) format('embedded-opentype'), url(/fonts/Inter-Black.woff2?d0e88bb03e53784f723f712e30a90c4e) format('woff2'), url(/fonts/Inter-Black.woff?6d9cd60f106b28fda4841b6e0b50d5b7) format('woff'), url(/fonts/Inter-Black.ttf?6692e5c8e2f80858fb15c94666428025) format('truetype'), url(/fonts/Inter-Black.svg?3395adb2102de7c7b94954d5829a0c47#Inter-Black) format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}
.int {
font-family: 'Inter';
}
.intbl {
font-family: 'Inter';
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-Light.eot?c0d64fb42fabe9888fa01778f9b3dabd);
src: url(/fonts/Inter-Light.eot?c0d64fb42fabe9888fa01778f9b3dabd?#iefix) format('embedded-opentype'), url(/fonts/Inter-Light.woff2?7166d97a909fba7d4574d59de3cc5f91) format('woff2'), url(/fonts/Inter-Light.woff?29452bea57e381e3ecbb8cd8d870e359) format('woff'), url(/fonts/Inter-Light.ttf?fb46dc529e3fdba96f00a5d88de10847) format('truetype'), url(/fonts/Inter-Light.svg?f89278c0dc0be2af9d71a48d824047e9#Inter-Light) format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
.intl {
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-ExtraLight.eot?d04ec48f4e6870baa6f2f38de8cf906f);
src: url(/fonts/Inter-ExtraLight.eot?d04ec48f4e6870baa6f2f38de8cf906f?#iefix) format('embedded-opentype'), url(/fonts/Inter-ExtraLight.woff2?a9eab492498c4b1f6230b2a36718da2b) format('woff2'), url(/fonts/Inter-ExtraLight.woff?2aab02712763e8b71387a5ee48cdc971) format('woff'), url(/fonts/Inter-ExtraLight.ttf?ae8a0c09c0a8473665d6284e77f4b300) format('truetype'), url(/fonts/Inter-ExtraLight.svg?14aa117eb816d72935435205763cf9a9#Inter-ExtraLight) format('svg');
font-weight: 200;
font-style: normal;
font-display: swap;
}
.intel {
font-family: 'Inter';
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-Medium.eot?e1060ec7f87848c4ce8495d60a83d98f);
src: url(/fonts/Inter-Medium.eot?e1060ec7f87848c4ce8495d60a83d98f?#iefix) format('embedded-opentype'), url(/fonts/Inter-Medium.woff2?d5afc4bd2dfa4a0c724aa9641936cd78) format('woff2'), url(/fonts/Inter-Medium.woff?19051ee52164b5e6711943c7027c2de9) format('woff'), url(/fonts/Inter-Medium.ttf?a162b6eb9e830a6c8650f58dd5b9e47f) format('truetype'), url(/fonts/Inter-Medium.svg?ba78657f0f5ca65b8b25675e02d0243b#Inter-Medium) format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
.intm {
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-Thin.eot?ac1886438a5bf904edcd7fefe0e4d283);
src: url(/fonts/Inter-Thin.eot?ac1886438a5bf904edcd7fefe0e4d283?#iefix) format('embedded-opentype'), url(/fonts/Inter-Thin.woff2?f9420abc0783fb5029314d9ab21a0300) format('woff2'), url(/fonts/Inter-Thin.woff?932fc329a069059cff4d75712399591c) format('woff'), url(/fonts/Inter-Thin.ttf?048b77985d4ca9f6b1deb80a2d2ce52e) format('truetype'), url(/fonts/Inter-Thin.svg?70f32bdb4c0a03ea6a9c2a20d0f44737#Inter-Thin) format('svg');
font-weight: 100;
font-style: normal;
font-display: swap;
}
.intth {
font-family: 'Inter';
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-ExtraBold.eot?830e2ec60638c13e9ecc844fbc414488);
src: url(/fonts/Inter-ExtraBold.eot?830e2ec60638c13e9ecc844fbc414488?#iefix) format('embedded-opentype'), url(/fonts/Inter-ExtraBold.woff2?94346bb8119f7a674b5242647ea1e797) format('woff2'), url(/fonts/Inter-ExtraBold.woff?b10df6acf0d5f64b6b2bf807e7bbd2dd) format('woff'), url(/fonts/Inter-ExtraBold.ttf?3a6027289db08eee4f2ec7884306a316) format('truetype'), url(/fonts/Inter-ExtraBold.svg?68f8a1c8c0ce76e8064332ed8a19b74e#Inter-ExtraBold) format('svg');
font-weight: 800;
font-style: normal;
font-display: swap;
}
.inteb {
font-family: 'Inter';
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-Bold.eot?cb1ca8ecd87b921ad9f372fdfdcce6de);
src: url(/fonts/Inter-Bold.eot?cb1ca8ecd87b921ad9f372fdfdcce6de?#iefix) format('embedded-opentype'), url(/fonts/Inter-Bold.woff2?36a650f426faae9edc535a1495699a25) format('woff2'), url(/fonts/Inter-Bold.woff?b755d2e570b1329b527d5b043973582d) format('woff'), url(/fonts/Inter-Bold.ttf?04a7d6cec7eafe5dae9e644a918cfdf1) format('truetype'), url(/fonts/Inter-Bold.svg?8ad1a3cb69c03e91b63b072be93bfa1e#Inter-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
.intb {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-SemiBold.eot?51bb97d0a8e7feb6f52d0254312abc1d);
src: url(/fonts/Inter-SemiBold.eot?51bb97d0a8e7feb6f52d0254312abc1d?#iefix) format('embedded-opentype'), url(/fonts/Inter-SemiBold.woff2?8c664a8be64bba8f592341236da84cac) format('woff2'), url(/fonts/Inter-SemiBold.woff?945e781bc80fb04da8ee38ce2b240082) format('woff'), url(/fonts/Inter-SemiBold.ttf?a62ce61f3d20095e6ff45a8c9ab94a3a) format('truetype'), url(/fonts/Inter-SemiBold.svg?4ba22a3ed56d6b668af75f8b1339f2b3#Inter-SemiBold) format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
.intsb {
font-family: 'Inter';
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(/fonts/Inter-Regular.eot?034c55eeceeba74469abdbf1cd610fa5);
src: url(/fonts/Inter-Regular.eot?034c55eeceeba74469abdbf1cd610fa5?#iefix) format('embedded-opentype'), url(/fonts/Inter-Regular.woff2?a56307f9c62ed9bba12800be7c58e4f2) format('woff2'), url(/fonts/Inter-Regular.woff?2e3d2d89837bafe0fcb20e2f805ce748) format('woff'), url(/fonts/Inter-Regular.ttf?620713e669cc9e17a26ca2066707d9ad) format('truetype'), url(/fonts/Inter-Regular.svg?01b6dd765033f4104d6b82418430465d#Inter-Regular) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.intr {
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ba24';
src: url(/fonts/ba24.eot?d28c0757f5637a19ce06e0f5d36a612e);
src: url(/fonts/ba24.eot?d28c0757f5637a19ce06e0f5d36a612e#iefix) format('embedded-opentype'), url(/fonts/ba24.woff2?e0624746188ee806baa6b3f6949a2b7f) format('woff2'), url(/fonts/ba24.woff?91708dc2ea3a710ad8234ac177a33b57) format('woff'), url(/fonts/ba24.ttf?48c34b77991c59390a435c45c527ea68) format('truetype'), url(/fonts/ba24.svg?797cdba9d105241df955e2c7142da03d#ba24) format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'ba24';
src: url('../font/ba24.svg?29749343#ba24') format('svg');
}
}
*/
.ba24 {
font-family: "ba24";
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "ba24";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/*.icon-mail:before { content: '\e800'; } !* '' *!
.icon-filter:before { content: '\e801'; } !* '' *!
.icon-tri-left:before { content: '\e802'; } !* '' *!
.icon-tri-down:before { content: '\e803'; } !* '' *!
.icon-tri-right:before { content: '\e804'; } !* '' *!
.icon-tri-up:before { content: '\e805'; } !* '' *!
.icon-chart-bar:before { content: '\e806'; } !* '' *!
.icon-telegram:before { content: '\e808'; } !* '' *!
.icon-twitter:before { content: '\e809'; } !* '' *!
.icon-viber:before { content: '\e80a'; } !* '' *!
.icon-whatsapp:before { content: '\e80b'; } !* '' *!
.icon-spin5:before { content: '\e838'; } !* '' *!
.icon-youtube-play:before { content: '\f16a'; } !* '' *!
.icon-git:before { content: '\f1d3'; } !* '' *!
.icon-cc-visa:before { content: '\f1f0'; } !* '' *!
.icon-cc-mastercard:before { content: '\f1f1'; } !* '' *!
.icon-cc-paypal:before { content: '\f1f4'; } !* '' *!
.icon-cc-stripe:before { content: '\f1f5'; } !* '' *!
.icon-chart-area:before { content: '\f1fe'; } !* '' *!
.icon-chart-pie:before { content: '\f200'; } !* '' *!
.icon-chart-line:before { content: '\f201'; } !* '' *!
.icon-yandex:before { content: '\f305'; } !* '' *!*/
.icon-mail:before {
content: '\e800';
}
/* '' */
.icon-filter:before {
content: '\e801';
}
/* '' */
.icon-tri-left:before {
content: '\e802';
}
/* '' */
.icon-tri-down:before {
content: '\e803';
}
/* '' */
.icon-tri-right:before {
content: '\e804';
}
/* '' */
.icon-tri-up:before {
content: '\e805';
}
/* '' */
.icon-chart-bar:before {
content: '\e806';
}
/* '' */
.icon-info:before {
content: '\e807';
}
/* '' */
.icon-telegram:before {
content: '\e808';
}
/* '' */
.icon-twitter:before {
content: '\e809';
}
/* '' */
.icon-viber:before {
content: '\e80a';
}
/* '' */
.icon-whatsapp:before {
content: '\e80b';
}
/* '' */
.icon-spin5:before {
content: '\e838';
}
/* '' */
.icon-youtube-play:before {
content: '\f16a';
}
/* '' */
.icon-git:before {
content: '\f1d3';
}
/* '' */
.icon-cc-visa:before {
content: '\f1f0';
}
/* '' */
.icon-cc-mastercard:before {
content: '\f1f1';
}
/* '' */
.icon-cc-paypal:before {
content: '\f1f4';
}
/* '' */
.icon-cc-stripe:before {
content: '\f1f5';
}
/* '' */
.icon-chart-area:before {
content: '\f1fe';
}
/* '' */
.icon-chart-pie:before {
content: '\f200';
}
/* '' */
.icon-chart-line:before {
content: '\f201';
}
/* '' */
.icon-yandex:before {
content: '\f305';
}
/* '' */
/*
Animation example, for spinners
*/
.animate-spin {
animation: spin 2s infinite linear;
display: inline-block;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.color-red {
color: #E92B2B;
}
.color-blue {
color: #00AEEF;
}
.text-grad-1 {
/*
background: #76b852; /* fallback for old browsers */
/* background: -webkit-linear-gradient(to right, #8DC26F, #76b852); /* Chrome 10-25, Safari 5.1-6 */
/* background: linear-gradient(to right, #8DC26F, #76b852); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: #f9f9f9;
border: 1px solid #f1f1f1;
border-radius: 4px;
box-shadow: 1px 1px 20px 1px rgba(155, 108, 236, 0.13);
}
.name-1 {
color: #00AEEF;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.name-2 {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
color: #005893;
}
.bg-fff {
background: #fff;
color: #484848;
}
.bg-pad {
padding: 6px;
}
.bg-pad-10 {
padding: 10px;
}
.grad-1 {
background: linear-gradient(101.88deg, rgba(61, 103, 134, 0.95) 0%, #4A148C 100%);
}
.grad-dark {
background: linear-gradient(91.09deg, #162527 0%, #230505 80.27%);
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-row-reverse {
display: flex;
flex-direction: row-reverse;
}
.flex-column {
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.flex-column-reverse {
display: flex;
display: -webkit-flex;
flex-direction: column-reverse;
}
.flex-wrap-no {
flex-wrap: nowrap;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.flex-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
height: 100%;
}
.flex-reverse-wrap {
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
justify-content: center;
align-content: stretch;
align-items: center;
}
.flex-reverse-item {
order: 0;
flex: 0 1 auto;
align-self: auto;
}
.fjc {
justify-content: center;
}
.fjfs {
justify-content: flex-start;
}
.fjfe {
justify-content: flex-end;
}
.fjsa {
justify-content: space-around;
}
.fjsb {
justify-content: space-between;
}
.faic {
align-items: center;
}
.faife {
align-items: flex-end;
}
.faifs {
align-items: flex-start;
}
.faib {
align-items: baseline;
}
.fais {
align-items: stretch;
}
.facc {
align-content: center;
}
.facfc {
align-content: flex-start;
}
.facfe {
align-content: flex-end;
}
.facsa {
align-content: space-around;
}
.facsb {
align-content: space-between;
}
.facs {
align-content: stretch;
}
/* FLEX ITEM */
.fiasa {
align-self: auto;
}
.fiasfs {
align-self: flex-start;
}
.fiasfe {
align-self: flex-end;
}
.fiasc {
align-self: center;
}
.fiasb {
align-self: baseline;
}
.fiass {
align-self: stretch;
}
/*******************************************/
/*******************************************/
.or-1 {
order: 1;
}
.or-2 {
order: 2;
}
.or-3 {
order: 3;
}
.or-4 {
order: 4;
}
.or-5 {
order: 5;
}
.or-6 {
order: 6;
}
.fg-1 {
flex-grow: 1;
-webkit-flex-grow: 1;
}
.fl {
display: flex;
}
.flil {
display: inline-flex;
}
@media (max-width: 767px) {
.flex-wrap-mob {
flex-wrap: wrap;
}
}
.w-5 {
width: 5%;
}
.w-10 {
width: 10%;
}
.w-15 {
width: 15%;
}
.w-20 {
width: 20%;
}
.w-25 {
width: 25%;
}
.w-30 {
width: 30%;
}
.w-33 {
width: 33.33333333%;
}
.w-35 {
width: 35%;
}
.w-40 {
width: 40%;
}
.w-45 {
width: 45%;
}
.w-47 {
width: 47%;
}
.w-48 {
width: 48%;
}
.w-49 {
width: 49%;
}
.w-50 {
width: 50%;
}
.w-55 {
width: 55%;
}
.w-60 {
width: 60%;
}
.w-65 {
width: 65%;
}
.w-67 {
width: 66.66666667%;
}
.w-70 {
width: 70%;
}
.w-75 {
width: 75%;
}
.w-80 {
width: 80%;
}
.w-85 {
width: 85%;
}
.w-90 {
width: 90%;
}
.w-95 {
width: 95%;
}
.w-100 {
width: 100%;
}
@media (max-width: 767px) and (min-width: 481px) {
.m-w-50 {
width: 50%;
}
.m-w-100 {
width: 100%;
}
}
/*Snippets*/
/*retina support*/
/*Snippets*/
a,
li {
outline: medium none !important;
}
a:hover,
li:hover,
a:active,
li:active,
a:focus,
li:focus {
outline: medium none !important;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1.25em;
height: 1.25em;
border: 1px solid #999;
background: #fff;
border-radius: 2px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
outline: none;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
content: '✔';
position: absolute;
top: 0.1em;
left: 0.12em;
font-size: 1.3em;
line-height: 0.8;
color: #999;
transition: all 0.2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
border: 1px solid #484848;
}
/*Placeholder*/
/*Delete spinners from input number*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
/*textarea:focus, input:focus{
outline: none;
}*/
/*ios safari form input fix*/
textarea,
input {
-webkit-appearance: none;
border: 0;
outline: none !important;
}
.flip {
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.rotate-90 {
transform: rotate(90deg);
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.bl {
display: block;
}
.il {
display: inline-block;
vertical-align: top;
}
.rel {
position: relative;
}
.as {
position: absolute;
}
.fix {
position: fixed;
}
.bb {
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.up {
text-transform: uppercase;
}
.show-mobile,
.show-mobile-big,
.hide,
.show-sm,
.none {
display: none ;
}
.show {
display: block ;
}
.nn {
display: none;
}
.clear-after-header {
height: 0;
}
.clearfix:after {
content: " ";
display: table;
clear: both;
height: 0;
background: transparent;
}
.nom {
margin: 0;
}
.nop {
padding: 0;
}
.ntd {
text-decoration: none;
}
.nb {
border: 0;
}
.nbs {
box-shadow: none;
}
.nts {
text-shadow: none;
}
.nls {
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
a {
cursor: pointer;
}
.st-radius {
border-radius: 4px;
}
.br-2 {
border-radius: 2px;
}
.br-3 {
border-radius: 3px;
}
.br-4 {
border-radius: 4px;
}
.br-5 {
border-radius: 5px;
}
.br-6 {
border-radius: 6px;
}
.br-8 {
border-radius: 8px;
}
.br-10 {
border-radius: 10px;
}
.br-50 {
border-radius: 50%;
}
.ma {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 992px) {
.show-mobile-big {
display: block ;
}
.hide-mobile-big {
display: none ;
}
}
@media (max-width: 767px) {
.show-mobile {
display: block ;
}
.hide-mobile {
display: none ;
}
}
@media (max-width: 480px) {
.show-sm {
display: block ;
}
.hide-sm {
display: none ;
}
}
.flex-holder {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
top: 0;
}
.nosl {
-webkit-user-select: none;
/* Chrome all / Safari all */
-moz-user-select: none;
/* Firefox all */
/* IE 10+ */
user-select: none;
/* Likely future */
}
.dn {
display: none;
}
body,
html {
min-width: 320px;
background: #ffffff;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
color: #484848;
}
.section-padding {
padding: 60px 0;
}
.container {
-ms-box-sizing: border-box;
box-sizing: border-box;
max-width: 1366px;
padding: 0 30px;
margin-left: auto;
margin-right: auto;
}
.data-container {
margin: 40px auto;
max-width: 880px;
position: relative;
}
#page-wrapper {
display: flex;
display: -webkit-flex;
flex-direction: column;
min-height: 100vh;
}
main {
height: 100%;
display: flex;
flex-grow: 1;
}
main .container {
background: #ffffff;
width: 100%;
}
@media (max-width: 1365px) and (min-width: 993px) {
main .container {
max-width: 960px;
padding: 0 25px;
}
.data-container {
margin: 40px auto;
max-width: 880px;
}
}
@media (max-width: 992px) and (min-width: 768px) {
.container {
max-width: 750px;
padding: 0 10px;
}
.data-container {
margin: 40px auto;
max-width: 880px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
.container {
padding: 0 15px;
}
.data-container {
margin: 25px auto;
max-width: 880px;
}
}
@media (max-width: 480px) {
.container {
max-width: 480px;
padding: 0 15px;
}
.data-container {
margin: 15px auto;
max-width: 100%;
}
}
a {
transition: all 0.3s ease;
}
.bg-pan-right {
animation: bg-pan-right 8s both;
}
.color-change-5x {
animation: color-change-5x 8s linear infinite alternate both;
}
/* ----------------------------------------------
* Generated by Animista on 2022-1-21 11:40:47
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation color-change-5x
* ----------------------------------------
*/
@keyframes color-change-5x {
0% {
background: #FFFFFF;
}
25% {
background: #f7f7f7;
}
50% {
background: #f2f2f2;
}
75% {
background: #ededed;
}
100% {
background: #e6e6e6;
}
}
/* ----------------------------------------------
* Generated by Animista on 2021-3-24 17:48:6
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation bg-pan-right
* ----------------------------------------
*/
@keyframes bg-pan-right {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
.text-pop-up-top {
animation: text-pop-up-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-3-24 17:50:59
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation text-pop-up-top
* ----------------------------------------
*/
@keyframes text-pop-up-top {
0% {
transform: translateY(0);
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
transform: translateY(-50px);
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
.color-change-2x {
animation: color-change-2x 1s linear infinite alternate both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-3-25 2:44:21
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation color-change-2x
* ----------------------------------------
*/
.slide-in-elliptic-top-fwd {
animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-3-25 22:22:12
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-in-elliptic-top-fwd
* ----------------------------------------
*/
@keyframes slide-in-elliptic-top-fwd {
0% {
transform: translateY(-600px) rotateX(-30deg) scale(0);
transform-origin: 50% 100%;
opacity: 0;
}
100% {
transform: translateY(0) rotateX(0) scale(1);
transform-origin: 50% 1400px;
opacity: 1;
}
}
.slide-out-blurred-top {
animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-3-25 22:30:1
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-out-blurred-top
* ----------------------------------------
*/
@keyframes slide-out-blurred-top {
0% {
transform: translateY(0) scaleY(1) scaleX(1);
transform-origin: 50% 0%;
filter: blur(0);
opacity: 1;
}
100% {
transform: translateY(-1000px) scaleY(2) scaleX(0.2);
transform-origin: 50% 0%;
filter: blur(40px);
opacity: 0;
}
}
.text-focus-in {
animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-4-16 6:7:14
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation text-focus-in
* ----------------------------------------
*/
@keyframes text-focus-in {
0% {
filter: blur(12px);
opacity: 0;
}
100% {
filter: blur(0px);
opacity: 1;
}
}
.text-pop-up-bottom {
animation: text-pop-up-bottom 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-4-16 6:9:48
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation text-pop-up-bottom
* ----------------------------------------
*/
@keyframes text-pop-up-bottom {
0% {
transform: translateY(0);
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
transform: translateY(30px);
transform-origin: 50% 50%;
}
}
.text-pop-up-top {
animation: text-pop-up-top 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-4-16 6:14:19
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation text-pop-up-top
* ----------------------------------------
*/
@keyframes text-pop-up-top {
0% {
transform: translateY(0);
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
transform: translateY(-30px);
transform-origin: 50% 50%;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
h1,
h2 {
font-size: 28px;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
}
a {
color: #00AEEF;
transition: all 0.4s ease;
}
a:hover {
color: #E92B2B;
}
a:active {
color: #41356C;
}
@media (max-width: 992px) {
h1,
h2 {
font-size: 24px;
}
}
@media (max-width: 767px) {
h1,
h2 {
font-size: 22px;
}
}
@media (max-width: 480px) {
h1,
h2 {
font-size: 20px;
}
}
#header {
transition: all 0.4s ease;
background: #fefefe;
box-shadow: 0 0 6px 2px rgba(0, 0, 44, 0.1);
z-index: 10;
position: relative;
}
#header #menu-toggle {
display: none;
}
#header .logo-image {
background: url("/assets/images/logo.svg") no-repeat;
background-size: cover !important;
width: 72px;
height: 72px;
display: flex;
}
#header .logo-image.invert {
background: url("/assets/images/logob.svg") no-repeat;
}
#header .container {
height: 90px;
position: relative;
}
#header .header-container {
position: relative;
}
#header .lang-switcher {
position: absolute;
left: auto;
bottom: auto;
right: 30px !important;
top: 10px;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
font-size: 15px;
}
#header .lang-switcher a {
color: #7D9EB0;
transition: all 0.4s ease;
}
#header .lang-switcher a.active,
#header .lang-switcher a:hover {
color: #E92B2B;
}
#header .header-container {
align-self: center;
width: 100%;
}
#header .lang-switcher {
position: absolute;
right: 0;
}
#header .header-menu {
text-align: right;
align-self: center;
}
#header .header-menu ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
text-align: right;
justify-content: space-between;
}
#header .header-menu ul li {
margin-left: 39px;
}
#header .header-menu ul li a {
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
color: #484848;
}
#header .header-menu ul li a:hover,
#header .header-menu ul li a.active {
color: #E92B2B;
}
#header .header-menu ul li.active a {
color: #E92B2B;
}
@media (max-width: 1365px) {
#header .logo-image {
width: 60px;
height: 60px;
}
#header .container {
height: 70px;
}
#header .lang-switcher {
position: absolute;
left: auto;
bottom: auto;
right: 25px !important;
top: 6px;
}
#header .lang-switcher a {
color: #7D9EB0;
transition: all 0.4s ease;
}
#header .lang-switcher a.active,
#header .lang-switcher a:hover {
color: #E92B2B;
}
#header .header-container {
align-self: center;
width: 100%;
}
#header .lang-switcher {
position: absolute;
right: 0;
font-size: 14px;
}
#header .header-menu ul li {
font-size: 16px;
margin-left: 34px;
}
}
@media (max-width: 992px) {
#header .logo-image {
width: 60px;
height: 60px;
}
#header .container {
height: 70px;
}
#header .lang-switcher {
position: absolute;
left: auto;
bottom: auto;
right: 10px !important;
top: 6px;
}
#header .lang-switcher a {
color: #7D9EB0;
transition: all 0.4s ease;
}
#header .lang-switcher a.active,
#header .lang-switcher a:hover {
color: #E92B2B;
}
#header .header-container {
align-self: center;
width: 100%;
}
#header .lang-switcher {
position: absolute;
right: 0;
font-size: 14px;
}
#header .header-menu ul li {
font-size: 15px;
margin-left: 34px;
}
}
@media (max-width: 767px) {
#header .lang-switcher {
display: none;
}
#header .container {
height: 60px;
}
#header .logo-image {
width: 48px;
height: 48px;
}
#header .logo-image.invert {
width: 48px;
height: 48px;
}
#header .header-menu {
display: none;
}
#header #menu-toggle {
display: inline-flex;
}
}
#footer {
border-bottom: 1px solid #dfdfdf;
padding: 35px 0;
background-color: #ececec;
}
#footer .footer-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
#footer .foot-menu-3 {
text-align: right;
}
#footer .foot-menu {
width: 20%;
}
#footer .foot-menu h3 {
color: #484848;
font-size: 20px;
margin-bottom: 16px;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
}
#footer .foot-menu li {
margin-bottom: 9px;
}
#footer .foot-menu li.active a {
color: #E92B2B;
}
#footer .foot-menu a {
color: #484848;
font-size: 15px;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
}
#footer .foot-menu a:hover,
#footer .foot-menu a.active {
color: #E92B2B;
}
#footer .foot-contacts {
text-align: right;
}
#footer .foot-phone {
font-size: 20px !important;
margin-bottom: 16px;
text-align: right;
justify-content: flex-end;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
#footer .foot-email {
font-size: 18px;
text-align: right;
justify-content: flex-end;
}
#footer .footer-copyright {
margin-top: 20px;
margin-bottom: -20px;
font-size: 14px;
line-height: 1.5em;
text-align: center;
justify-content: center;
}
@media (max-width: 992px) {
#footer {
padding: 30px 0;
}
#footer .footer-container {
max-width: 700px;
}
#footer .foot-menu-3 {
text-align: right;
}
#footer .foot-menu {
width: 25%;
}
#footer .foot-menu h3 {
font-size: 17px;
margin-bottom: 12px;
}
#footer .foot-menu li {
margin-bottom: 9px;
}
#footer .foot-menu a {
font-size: 14px;
}
#footer .foot-contacts {
text-align: right;
}
#footer .foot-phone {
font-size: 17px !important;
margin-bottom: 12px;
text-align: right;
justify-content: flex-end;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
#footer .foot-email {
font-size: 18px;
text-align: right;
justify-content: flex-end;
}
}
@media (max-width: 767px) {
#footer {
padding: 30px 0 30px;
}
#footer .footer-container {
position: relative;
padding: 0 20px;
max-width: 700px;
}
#footer .footer-container .container {
padding: 0;
}
#footer .footer-container .tri-to-up {
width: 60px;
left: 50%;
margin-left: -30px;
bottom: 6px;
top: auto;
right: auto;
}
#footer .foot-menu-3 {
text-align: left;
}
#footer .foot-menu {
text-align: center;
margin-bottom: 30px;
width: 50%;
}
#footer .foot-menu h3 {
font-size: 17px;
margin-bottom: 12px;
}
#footer .foot-menu li {
margin-bottom: 9px;
}
#footer .foot-menu a {
font-size: 14px;
}
#footer .foot-phone {
margin-top: 3px;
font-size: 15px !important;
margin-bottom: 12px;
text-align: left;
justify-content: flex-start;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
#footer .foot-email {
font-size: 18px;
text-align: left;
justify-content: flex-start;
}
.footer-copyright {
margin-bottom: 20px;
font-size: 14px;
justify-content: center;
}
}
main .promo-image {
margin: 0 0 40px 0;
}
main h1 {
margin-bottom: 30px;
}
main .tri-list {
font-size: 18px;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
margin-left: 40px;
}
main .tri-list li {
margin-bottom: 14px;
}
main .tri-list li:before {
display: inline-block;
vertical-align: top;
margin-top: 4px;
margin-right: 10px;
font-size: 12px;
}
main .why-we {
background: #5b7583;
background: linear-gradient(90deg, rgba(91, 117, 131, 0.9) 0%, rgba(129, 161, 179, 0.9) 100%);
border: 3px solid #7a9cae;
border-radius: 4px;
color: #fff;
text-transform: uppercase;
max-width: 640px;
text-align: center;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 21px;
margin-top: 35px;
position: relative;
padding: 30px 0 30px 15px;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
main .why-we i {
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -24px;
background: #fff;
border-radius: 50%;
color: #7D9EB0;
float: left;
width: 48px;
height: 48px;
}
main .why-we i:before {
display: inline-block;
vertical-align: top;
margin-top: 12px;
}
main .why-list {
border: 3px solid #f6f6f6;
border-radius: 4px;
margin-top: -30px;
/* background: rgb(92,118,132);
background: linear-gradient(130deg, rgba(92,118,132,.95) 0%, rgba(52,91,120,.95) 77%, rgba(20,77,122,.95) 100%);*/
background: rgba(233, 233, 233, 0.3);
max-width: 800px;
color: #484848;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 60px 10px 30px;
margin-left: 80px;
font-size: 18px;
}
main .why-list li {
margin-bottom: 20px;
line-height: 1.35em;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
display: inline-block;
vertical-align: top;
margin-left: 30px;
}
main .why-list li:before {
font-size: 14px;
display: inline-block;
vertical-align: top;
padding-right: 20px;
margin-left: -34px;
}
main .why-list li strong {
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
}
@media (max-width: 992px) {
main .promo-image {
margin: 0 0 40px 0;
}
main h1 {
margin-bottom: 30px;
}
main .tri-list {
font-size: 18px;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
margin-left: 40px;
}
main .tri-list li {
margin-bottom: 14px;
}
main .tri-list li:before {
display: inline-block;
vertical-align: top;
margin-top: 4px;
margin-right: 10px;
font-size: 12px;
}
main .why-we {
border: 3px solid #7a9cae;
max-width: 640px;
font-size: 20px;
margin-top: 30px;
position: relative;
padding: 30px 0 30px 15px;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
main .why-we i {
font-size: 21px;
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -24px;
width: 48px;
height: 48px;
}
main .why-we i:before {
display: inline-block;
vertical-align: top;
margin-top: 12px;
}
main .why-list {
border: 3px solid #f6f6f6;
border-radius: 4px;
margin-top: -30px;
max-width: 700px;
padding: 50px 30px 10px 30px;
margin-left: 40px;
font-size: 17px;
}
main .why-list li {
margin-bottom: 15px;
line-height: 1.35em;
margin-left: 30px;
}
main .why-list li:before {
font-size: 14px;
padding-right: 20px;
margin-left: -34px;
}
}
@media (max-width: 767px) {
main .promo-image {
margin: 0 0 40px 0;
}
main h1 {
margin-bottom: 25px;
}
main .tri-list {
font-size: 16px;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
margin-left: 33px;
}
main .tri-list li {
margin-bottom: 14px;
}
main .tri-list li:before {
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-right: 7px;
font-size: 11px;
}
main .why-we {
border: 2px solid #7a9cae;
max-width: 100%;
font-size: 16px;
margin-top: 30px;
position: relative;
padding: 20px 0 20px 25px;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
main .why-we i {
font-size: 18px;
left: 10px;
top: 50%;
margin-top: -18px;
width: 36px;
height: 36px;
}
main .why-we i:before {
display: inline-block;
vertical-align: top;
margin-top: 8px;
}
main .why-list {
border: 2px solid #f6f6f6;
margin-top: -30px;
max-width: 100%;
padding: 50px 10px 10px 30px;
margin-left: 0;
font-size: 17px;
}
main .why-list li {
margin-bottom: 12px;
line-height: 1.35em;
margin-left: 25px;
}
main .why-list li:before {
font-size: 14px;
padding-right: 20px;
margin-left: -34px;
}
}
@media (max-width: 480px) {
main .promo-image {
margin: 0 0 40px 0;
}
main h1 {
margin-bottom: 15px;
margin-top: 25px;
}
main .tri-list {
font-size: 15px;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
margin-left: 0;
}
main .tri-list li {
margin-bottom: 10px;
line-height: 1.35em;
}
main .tri-list li:before {
display: inline-block;
vertical-align: top;
margin-top: 0;
margin-right: 7px;
font-size: 11px;
}
main .why-we {
border: 2px solid #7a9cae;
max-width: 100%;
font-size: 15px;
margin-top: 20px;
line-height: 1.35em;
padding: 10px 40px 10px 40px;
}
main .why-we i {
font-size: 14px;
left: auto;
right: 10px;
top: 10%;
border: 2px solid #7D9EB0;
width: 24px;
height: 24px;
}
main .why-we i:before {
display: inline-block;
vertical-align: top;
margin-top: 5px;
}
main .why-list {
border: 2px solid #f6f6f6;
margin-top: -30px;
max-width: 100%;
padding: 50px 10px 10px 30px;
margin-left: 0;
font-size: 16px;
}
main .why-list li {
margin-bottom: 6px;
line-height: 1.35em;
margin-left: 5px;
}
main .why-list li:before {
font-size: 12px;
padding-right: 10px;
margin-left: -23px;
}
}
body.bitrix h1 .name {
text-transform: none;
color: #0BBBEF;
}
body.bitrix h1 .name-num {
color: #005893;
}
body.bitrix .notice {
max-width: 100%;
}
body.bitrix .btn-more {
float: right;
text-decoration: underline;
display: block;
margin-top: 15px;
z-index: 10;
position: relative;
}
body.bitrix .bitrix-1c-about {
border-top: 1px solid #F6F6F6;
margin-top: 50px;
padding: 30px 0 20px;
position: relative;
}
body.bitrix .bitrix-1c-about .why-we {
margin-top: 10px;
}
body.bitrix .bitrix-1c-about h2 {
margin-bottom: 30px;
}
body.bitrix .partner-icons-holder {
margin: 10px auto 0;
text-align: center;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-content: center;
}
body.bitrix .partner-icons-holder .partner-icons-holder-inner {
padding: 10px 0;
display: flex;
flex-direction: row;
width: 300px;
background: #F6F6F6;
border: 1px solid #fefefe;
}
body.bitrix .partner-icons-holder .partner-icons-holder-inner div {
margin: 0 10px;
background: #fff;
padding: 10px;
}
body.bitrix .partner-icons-holder img {
max-height: 50px;
}
@media (max-width: 480px) {
body.bitrix .btn-more {
float: right;
text-decoration: underline;
display: block;
margin-top: 15px;
z-index: 10;
position: relative;
}
body.bitrix .bitrix-1c-about {
margin-top: 30px;
padding: 30px 0 20px;
}
body.bitrix .bitrix-1c-about .why-we {
margin-top: 0;
}
body.bitrix .bitrix-1c-about h2 {
margin-bottom: 20px;
}
body.bitrix .partner-icons-holder {
margin: 0 auto 0;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
}
body.bitrix .partner-icons-holder .partner-icons-holder-inner {
padding: 10px 0;
display: flex;
flex-direction: row;
width: 300px;
background: #F6F6F6;
border: 1px solid #fefefe;
}
body.bitrix .partner-icons-holder .partner-icons-holder-inner div {
margin: 0 10px;
background: #fff;
padding: 10px;
}
body.bitrix .partner-icons-holder img {
max-height: 50px;
}
}
.bitrix24 {
/*
#header {
background: #1B1C11;
border: 0;
box-shadow: 0 0 30px 3px rgba(46, 73, 140, 0.35);
.lang-switcher {
a {
color: @logo-blue;
&.active, &:hover {
color: lightyellow;
}
}
}
@logo-width: 72px;
.logo-image {
background: url("/assets/images/logob.svg") no-repeat;
}
.header-menu {
ul {
li {
margin-left: 39px;
a {
.intm;
color: #fff;
&:hover, &.active {
color: @red;
}
}
&.active {
a {
color: lightyellow;
}
}
}
}
}
}
*/
}
.bitrix24 video {
width: 100%;
}
.bitrix24 section {
min-height: 100vh;
}
.bitrix24 .section-about {
padding: 30px 0 0;
position: relative;
background-size: cover;
/*background: #4776E6; !* fallback for old browsers *!
background: -webkit-linear-gradient(to right, #551ED5, #4776E6); !* Chrome 10-25, Safari 5.1-6 *!
background: linear-gradient(to right, #551ED5, #4776E6); !* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!*/
background: #3e4e58;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #292E49, #3e4e58);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bitrix24 .section-about .charge-sign {
position: absolute;
left: 30px;
top: 30px;
}
.bitrix24 .section-about .we-automate {
display: none;
position: absolute;
left: 0px;
top: 120px;
transform: rotate(-56deg);
}
.bitrix24 .section-about .we-automate img {
max-width: 260px;
}
.bitrix24 .section-about h1 {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
text-align: center;
font-size: 36px;
line-height: 1em;
color: #fff;
}
.bitrix24 .section-about h1 span.bg {
background: #fff;
padding: 10px 10px;
}
.bitrix24 .section-about h1 span.name-1 {
color: #00AEEF;
}
.bitrix24 .section-about h1 span.name-2 {
color: #005893;
}
.bitrix24 .section-about .notice-about {
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 18px;
line-height: 1.4em;
text-align: center;
color: #484848;
margin: 40px auto;
max-width: 800px;
/*
background: #76b852; /* fallback for old browsers */
/* background: -webkit-linear-gradient(to right, #8DC26F, #76b852); /* Chrome 10-25, Safari 5.1-6 */
/* background: linear-gradient(to right, #8DC26F, #76b852); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: #f9f9f9;
border: 1px solid #f1f1f1;
border-radius: 4px;
box-shadow: 1px 1px 20px 1px rgba(155, 108, 236, 0.13);
padding: 25px;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bitrix24 .section-about .notice-about strong {
color: #005893;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.bitrix24 .section-about h2 {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
font-size: 28px;
line-height: 1em;
margin-top: 35px;
text-align: center;
color: #fff;
}
.bitrix24 .section-about h2 span.bg {
color: #fff;
}
.bitrix24 .section-about h2 span.name-1 {
background: #fff;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
color: #00AEEF;
padding: 10px 0 10px 10px;
}
.bitrix24 .section-about h2 span.name-2 {
background: #fff;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
color: #005893;
padding: 10px 10px 10px 0;
margin-right: 5px;
}
.bitrix24 .section-about .wyg {
max-width: 800px;
margin: 30px auto 0 auto;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 10px 30px;
color: #484848;
/*
background: #76b852; /* fallback for old browsers */
/* background: -webkit-linear-gradient(to right, #8DC26F, #76b852); /* Chrome 10-25, Safari 5.1-6 */
/* background: linear-gradient(to right, #8DC26F, #76b852); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: #f9f9f9;
border: 1px solid #f1f1f1;
border-radius: 4px;
box-shadow: 1px 1px 20px 1px rgba(155, 108, 236, 0.13);
}
.bitrix24 .section-about .wyg p {
margin-top: 10px;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 18px;
line-height: 1.4em;
text-align: center;
background: #fff;
color: #484848;
padding: 10px;
}
.bitrix24 .section-about .wyg p strong {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.bitrix24 .section-about .wyg p span.name-1 {
color: #00AEEF;
}
.bitrix24 .section-about .wyg p span.name-2 {
color: #005893;
}
.bitrix24 .section-about .wyg ul {
max-width: 420px;
margin: 20px auto 0;
font-size: 18px;
line-height: 1.4em;
color: #484848;
}
.bitrix24 .section-about .wyg ul li {
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
margin-bottom: 5px;
}
.bitrix24 .section-about .wyg ul li:before {
display: inline-block;
vertical-align: top;
font-family: "ba24";
content: '\e804';
font-size: 13px;
margin-right: 8px;
margin-top: 0px;
color: #00AEEF;
}
.bitrix24 .section-about .btn-holder {
margin-top: 75px;
}
.bitrix24 .section-about .btn-blue {
color: #fff;
padding: 22px 70px;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
text-transform: uppercase;
font-size: 24px;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
}
.bitrix24 .section-about .tri-sign {
display: none;
position: absolute;
right: 10px;
bottom: 10px;
}
.bitrix24 .section-key-features {
background: #FFFEF9;
padding: 10px 0 40px;
}
.bitrix24 .section-key-features h2 {
text-align: center;
margin-top: 45px;
text-transform: uppercase;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
font-size: 28px;
line-height: 34px;
}
.bitrix24 .section-key-features h2 .header-tri-2 {
margin-top: -2px;
}
.bitrix24 .section-key-features h2 .header-tri-2:before {
color: #00AEEF;
margin-top: 3px;
}
.bitrix24 .section-key-features h2 .header-tri-2:after {
color: #7D9EB0;
}
.bitrix24 .section-key-features p {
background: #f9f9f9;
border: 1px solid #f1f1f1;
border-radius: 4px;
padding: 20px;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
font-size: 18px;
line-height: 22px;
text-align: center;
max-width: 500px;
margin: 25px auto 0;
color: #484848;
}
.bitrix24 .section-key-features p strong {
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
color: #00AEEF;
}
.bitrix24 .section-key-features p strong.black {
color: #484848;
}
.bitrix24 .section-key-features .data-container {
max-width: 750px;
}
.bitrix24 .section-key-features .data-container .flex-row {
margin-bottom: 40px;
justify-content: center;
align-content: center;
}
.bitrix24 .section-key-features .scale img {
transition: all 0.4s ease;
}
.bitrix24 .section-key-features .scale:hover img {
transform: scale(1.05);
}
.bitrix24 .section-key-features .icon-data {
align-self: center;
}
.bitrix24 .section-key-features .icon-data h4 {
text-transform: uppercase;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 16px;
line-height: 1.2em;
color: #333333;
margin-bottom: 10px;
}
.bitrix24 .section-key-features .icon-data a.video-pop {
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 13px;
line-height: 15px;
background: #00AEEF;
border-radius: 6px;
color: #fff;
display: block;
padding: 4px 0 4px 10px;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 120px;
margin: 10px auto 0;
}
.bitrix24 .section-key-features .icon-data a.video-pop:hover {
transform: scale(1.03);
}
.bitrix24 .section-key-features .icon-data a.video-pop i {
margin-left: 6px;
font-size: 14px;
}
.bitrix24 .section-request {
height: auto;
min-height: auto;
box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.1);
padding: 30px 0 60px 0;
position: relative;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: #1398C1 url('/assets/images/b24/bg-bl-form.svg') no-repeat;
background-size: cover;
}
.bitrix24 .section-request .land-container {
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.bitrix24 .section-request .we-automate {
display: none;
position: absolute;
right: 0px;
top: 100px;
transform: rotate(50deg);
}
.bitrix24 .section-request .we-automate img {
max-width: 260px;
}
.bitrix24 .section-request .charge-sign {
position: absolute;
right: 30px;
top: 30px;
}
.bitrix24 .section-request .tri-sign {
position: absolute;
left: 30px;
bottom: 30px;
}
.bitrix24 .section-request h2 {
padding: 20px 0;
margin-bottom: 20px;
letter-spacing: 0.04em;
background: rgba(255, 255, 255, 0.75);
color: #484848;
border-top: 1px dashed #00AEEF;
border-bottom: 1px dashed #00AEEF;
text-align: center;
}
.bitrix24 .section-request .form-header {
text-transform: uppercase;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
color: #fff;
font-size: 26px;
line-height: 34px;
text-align: center;
}
.bitrix24 .section-request .form-header p {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
}
.bitrix24 .section-request .form-header strong {
color: #fff;
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.bitrix24 .section-request .form-header strong.bg-fff {
color: #484848;
display: inline-block;
vertical-align: top;
margin-top: 6px;
padding: 10px;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
}
.bitrix24 .section-request form.st-form {
width: 300px;
margin: 40px auto 20px;
}
.bitrix24 .section-request form.st-form .input-group {
position: relative;
height: 60px;
margin: 10px auto 30px;
}
.bitrix24 .section-request form.st-form .input-group.error label {
color: #eb4242;
background: #fff;
border-radius: 4px;
padding: 4px;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bitrix24 .section-request form.st-form .input-group.error input {
border-bottom: 2px solid lightcoral;
}
.bitrix24 .section-request form.st-form input {
border-bottom: 2px solid #fff;
background: transparent;
width: 100%;
position: relative;
z-index: 2;
color: #fff;
font-size: 18px;
padding: 10px 0 10px 10px;
-ms-box-sizing: border-box;
box-sizing: border-box;
align-self: center;
}
.bitrix24 .section-request form.st-form input:focus {
border-bottom: 2px solid #4FD4D0;
}
.bitrix24 .section-request form.st-form label {
padding: 4px;
align-self: center;
display: block;
position: absolute;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
top: 6px;
left: 6px;
font-size: 18px;
text-align: center;
transition: all 0.4s ease;
cursor: pointer;
color: #FAFAFA;
z-index: 1;
}
.bitrix24 .section-request form.st-form input:focus + label,
.bitrix24 .section-request form.st-form input:active + label,
.bitrix24 .section-request form.st-form label.has-data {
top: -14px;
font-size: 14px;
}
.bitrix24 .section-request form.st-form a.btn-submit {
margin-top: 20px;
background: linear-gradient(267.71deg, #57CCC5 0%, #44F39F 100%);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
font-size: 22px;
color: #fff;
text-align: center;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
border: 0;
width: 100%;
cursor: pointer;
text-transform: uppercase;
display: block;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
padding: 16px 0;
transition: all 0.4s ease;
}
.bitrix24 .section-request form.st-form a.btn-submit:hover {
background: linear-gradient(267.71deg, #7ed8d3 0%, #74f6b8 100%);
box-shadow: 0px 1px 4px 10px rgba(85, 207, 193, 0.25);
}
.bitrix24 .section-request form.st-form a.btn-submit:active {
background: linear-gradient(267.71deg, #57CCC5 0%, #44F39F 100%);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
@media (max-width: 992px) {
.bitrix24 .section-about {
padding: 10px 0 10px;
position: relative;
background: url("/assets/images/b24/bg-b24-about.svg");
background-size: cover;
}
.bitrix24 .section-about .charge-sign {
position: absolute;
left: 30px;
top: 30px;
max-width: 120px;
}
.bitrix24 .section-about .tri-sign {
position: absolute;
right: 10px;
bottom: 10px;
max-width: 180px;
}
.bitrix24 .section-about .we-automate {
display: none;
position: absolute;
left: 0px;
top: 120px;
transform: rotate(-56deg);
}
.bitrix24 .section-about .we-automate img {
max-width: 260px;
}
.bitrix24 .section-about h1 {
font-size: 32px;
}
.bitrix24 .section-about .notice-about {
font-size: 16px;
line-height: 1.4em;
text-align: center;
margin-top: 40px;
}
.bitrix24 .section-about h2 {
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
font-size: 24px;
line-height: 1em;
margin-top: 45px;
text-align: center;
color: #fff;
}
.bitrix24 .section-about .wyg p {
margin-top: 30px;
font-size: 18px;
}
.bitrix24 .section-about .wyg ul {
max-width: 340px;
margin: 30px auto 20px;
font-size: 16px;
}
.bitrix24 .section-about .wyg ul li:before {
display: inline-block;
vertical-align: top;
font-family: "ba24";
content: '\e804';
font-size: 14px;
margin-right: 10px;
margin-top: 0px;
}
.bitrix24 .section-about .btn-holder {
margin-top: 75px;
}
.bitrix24 .section-about .btn-blue {
padding: 22px 54px;
font-size: 20px;
}
.bitrix24 .section-key-features {
padding: 10px 0 20px;
}
.bitrix24 .section-key-features h2 {
margin-top: 45px;
font-size: 28px;
line-height: 1em;
}
.bitrix24 .section-key-features h2 .header-tri-2 {
margin-top: -2px;
}
.bitrix24 .section-key-features h2 .header-tri-2:before {
color: #00AEEF;
margin-top: 3px;
}
.bitrix24 .section-key-features h2 .header-tri-2:after {
color: #7D9EB0;
}
.bitrix24 .section-key-features p {
font-size: 18px;
line-height: 1.3em;
max-width: 500px;
margin: 35px auto 0;
}
.bitrix24 .section-key-features .data-container {
margin-top: 60px;
max-width: 750px;
}
.bitrix24 .section-key-features .data-container .flex-row {
margin-bottom: 40px;
justify-content: center;
align-content: center;
}
.bitrix24 .section-key-features .scale img {
transition: all 0.4s ease;
}
.bitrix24 .section-key-features .scale:hover img {
transform: scale(1.05);
}
.bitrix24 .section-key-features .icon-data {
align-self: center;
}
.bitrix24 .section-key-features .icon-data h4 {
text-transform: uppercase;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 16px;
line-height: 1.2em;
margin-bottom: 10px;
}
.bitrix24 .section-key-features .icon-data a.video-pop {
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 13px;
line-height: 15px;
padding: 4px 0 4px 10px;
width: 120px;
margin: 10px auto 0;
}
.bitrix24 .section-key-features .icon-data a.video-pop i {
margin-left: 6px;
font-size: 14px;
}
.bitrix24 .section-request {
box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.1);
padding: 60px 0;
position: relative;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: url('/assets/images/b24/bg-bl-form.svg') no-repeat;
background-size: cover;
}
.bitrix24 .section-request .we-automate {
display: none;
position: absolute;
right: 0px;
top: 100px;
transform: rotate(50deg);
}
.bitrix24 .section-request .we-automate img {
max-width: 260px;
}
.bitrix24 .section-request .charge-sign {
position: absolute;
right: 20px;
top: 20px;
max-width: 120px;
}
.bitrix24 .section-request .tri-sign {
position: absolute;
left: 20px;
bottom: 20px;
max-width: 120px;
}
.bitrix24 .section-request .form-header {
color: #fff;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
font-size: 24px;
line-height: 1.2em;
text-align: center;
}
.bitrix24 .section-request .form-header strong {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.bitrix24 .section-request form.st-form {
width: 300px;
margin: 60px auto 20px;
}
.bitrix24 .section-request form.st-form .input-group {
position: relative;
height: 60px;
margin: 10px auto 30px;
}
.bitrix24 .section-request form.st-form input {
border-bottom: 2px solid #fff;
background: transparent;
width: 100%;
position: relative;
z-index: 2;
color: #fff;
font-size: 18px;
padding: 10px 0 10px 10px;
-ms-box-sizing: border-box;
box-sizing: border-box;
align-self: center;
}
.bitrix24 .section-request form.st-form input:focus {
border-bottom: 2px solid #4FD4D0;
}
.bitrix24 .section-request form.st-form label {
align-self: center;
display: block;
position: absolute;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
top: 10px;
left: 10px;
font-size: 18px;
text-align: center;
transition: all 0.4s ease;
color: #FAFAFA;
z-index: 1;
}
.bitrix24 .section-request form.st-form input:focus + label,
.bitrix24 .section-request form.st-form input:active + label,
.bitrix24 .section-request form.st-form label.has-data {
top: -10px;
font-size: 14px;
}
.bitrix24 .section-request form.st-form a.btn-submit {
margin-top: 20px;
background: linear-gradient(267.71deg, #57CCC5 0%, #44F39F 100%);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
font-size: 22px;
color: #fff;
text-align: center;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
border: 0;
width: 100%;
cursor: pointer;
text-transform: uppercase;
display: block;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
padding: 16px 0;
transition: all 0.4s ease;
}
.bitrix24 .section-request form.st-form a.btn-submit:hover {
background: linear-gradient(267.71deg, #7ed8d3 0%, #74f6b8 100%);
box-shadow: 0px 1px 4px 10px rgba(85, 207, 193, 0.25);
}
.bitrix24 .section-request form.st-form a.btn-submit:active {
background: linear-gradient(267.71deg, #57CCC5 0%, #44F39F 100%);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
}
@media (max-width: 767px) {
.bitrix24 {
/* .menu-toggle {
position: relative;
display: inline-block;
width: 36px;
height: 24px;
margin: 0;
.fiasc;
span {
background-color: lightyellow;
&:before, &:after {
background-color: lightyellow;
}
}
}*/
}
}
@media (max-width: 767px) and (min-width: 481px) {
.bitrix24 .land-container {
padding: 0 15px;
}
.bitrix24 .section-about {
padding: 30px 0 10px;
position: relative;
background: url("/assets/images/b24/bg-b24-about.svg");
background-size: cover;
}
.bitrix24 .section-about .charge-sign {
position: absolute;
left: 15px;
top: 15px;
max-width: 80px;
}
.bitrix24 .section-about .tri-sign {
position: absolute;
right: 10px;
bottom: 10px;
max-width: 180px;
}
.bitrix24 .section-about .we-automate {
position: absolute;
left: 0px;
top: 120px;
transform: rotate(-56deg);
}
.bitrix24 .section-about .we-automate img {
max-width: 260px;
}
.bitrix24 .section-about h1 {
font-size: 26px;
}
.bitrix24 .section-about .notice-about {
font-size: 15px;
line-height: 1.4em;
text-align: center;
margin-top: 30px;
padding: 10px 30px;
}
.bitrix24 .section-about .notice-about br {
display: none;
}
.bitrix24 .section-about h2 {
font-size: 21px;
line-height: 1.3em;
margin-top: 35px;
}
.bitrix24 .section-about .wyg p {
margin-top: 10px;
font-size: 18px;
}
.bitrix24 .section-about .wyg ul {
max-width: 340px;
margin: 30px auto 20px;
font-size: 16px;
}
.bitrix24 .section-about .wyg ul li:before {
display: inline-block;
vertical-align: top;
font-family: "ba24";
content: '\e804';
font-size: 14px;
margin-right: 10px;
margin-top: 0px;
}
.bitrix24 .section-about .btn-holder {
margin-top: 75px;
}
.bitrix24 .section-about .btn-blue {
padding: 22px 54px;
font-size: 20px;
}
.bitrix24 .section-key-features {
padding: 10px 0 20px;
}
.bitrix24 .section-key-features h2 {
margin-top: 25px;
font-size: 24px;
line-height: 1em;
}
.bitrix24 .section-key-features h2 .header-tri-2 {
margin-top: -2px;
}
.bitrix24 .section-key-features h2 .header-tri-2:before {
color: #00AEEF;
margin-top: 3px;
}
.bitrix24 .section-key-features h2 .header-tri-2:after {
color: #7D9EB0;
}
.bitrix24 .section-key-features p {
font-size: 16px;
line-height: 1.3em;
margin: 25px auto 0;
max-width: 70%;
}
.bitrix24 .section-key-features .data-container {
margin-top: 60px;
max-width: 750px;
}
.bitrix24 .section-key-features .data-container .flex-row {
margin-bottom: 40px;
justify-content: center;
align-content: center;
}
.bitrix24 .section-key-features .data-container .flex-row.b24-row-1 {
justify-content: space-between;
}
.bitrix24 .section-key-features .data-container .flex-row.b24-row-1 .w-20 {
width: 30%;
}
.bitrix24 .section-key-features .data-container .flex-row.b24-row-1 .w-20.m-empty {
width: 10%;
}
.bitrix24 .section-key-features .data-container .flex-row.b24-row-2 .w-30,
.bitrix24 .section-key-features .data-container .flex-row.b24-row-2 .w-40 {
width: 33.33333333%;
align-self: center;
}
.bitrix24 .section-key-features .scale img {
transition: all 0.4s ease;
}
.bitrix24 .section-key-features .scale:hover img {
transform: scale(1.05);
}
.bitrix24 .section-key-features .icon-data {
align-self: center;
}
.bitrix24 .section-key-features .icon-data h4 {
text-transform: uppercase;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 16px;
line-height: 1.2em;
margin-bottom: 10px;
}
.bitrix24 .section-key-features .icon-data a.video-pop {
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 13px;
line-height: 15px;
padding: 4px 0 4px 10px;
width: 120px;
margin: 10px auto 0;
}
.bitrix24 .section-key-features .icon-data a.video-pop i {
margin-left: 6px;
font-size: 14px;
}
.bitrix24 .section-request {
padding: 40px 0;
position: relative;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: url('/assets/images/b24/bg-bl-form.svg') no-repeat;
background-size: cover;
}
.bitrix24 .section-request .we-automate {
position: absolute;
right: 0px;
top: 100px;
transform: rotate(50deg);
}
.bitrix24 .section-request .we-automate img {
max-width: 260px;
}
.bitrix24 .section-request .charge-sign {
position: absolute;
right: 15px;
top: 15px;
max-width: 60px;
}
.bitrix24 .section-request .tri-sign {
position: absolute;
left: 20px;
bottom: 20px;
max-width: 120px;
}
.bitrix24 .section-request .form-header {
color: #fff;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
font-size: 24px;
line-height: 1.2em;
text-align: center;
}
.bitrix24 .section-request .form-header strong {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.bitrix24 .section-request form.st-form {
width: 300px;
margin: 40px auto 20px;
}
.bitrix24 .section-request form.st-form .input-group {
position: relative;
height: 60px;
margin: 10px auto 30px;
}
.bitrix24 .section-request form.st-form input {
border-bottom: 2px solid #fff;
background: transparent;
width: 100%;
position: relative;
z-index: 2;
color: #fff;
font-size: 18px;
padding: 10px 0 10px 10px;
-ms-box-sizing: border-box;
box-sizing: border-box;
align-self: center;
}
.bitrix24 .section-request form.st-form input:focus {
border-bottom: 2px solid #4FD4D0;
}
.bitrix24 .section-request form.st-form label {
align-self: center;
display: block;
position: absolute;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
top: 10px;
left: 10px;
font-size: 18px;
text-align: center;
transition: all 0.4s ease;
color: #FAFAFA;
z-index: 1;
}
.bitrix24 .section-request form.st-form input:focus + label,
.bitrix24 .section-request form.st-form input:active + label,
.bitrix24 .section-request form.st-form label.has-data {
top: -10px;
font-size: 14px;
}
.bitrix24 .section-request form.st-form a.btn-submit {
margin-top: 20px;
font-size: 22px;
padding: 16px 0;
}
}
@media (max-width: 480px) {
.bitrix24 .land-container {
padding: 0 10px;
}
.bitrix24 .section-about {
padding: 10px 0 0;
position: relative;
background: url("/assets/images/b24/bg-b24-about.svg");
background-size: cover;
}
.bitrix24 .section-about .charge-sign {
position: absolute;
left: 5px;
top: 5px;
max-width: 48px;
}
.bitrix24 .section-about .tri-sign {
position: absolute;
right: 10px;
bottom: 10px;
max-width: 90px;
}
.bitrix24 .section-about .we-automate {
display: none;
position: absolute;
left: 0px;
top: 120px;
transform: rotate(-56deg);
}
.bitrix24 .section-about .we-automate img {
max-width: 260px;
}
.bitrix24 .section-about h1 {
font-size: 26px;
}
.bitrix24 .section-about .notice-about {
font-size: 15px;
line-height: 1.4em;
text-align: center;
margin-top: 30px;
padding: 10px 30px;
margin-bottom: 0;
}
.bitrix24 .section-about .notice-about br {
display: none;
}
.bitrix24 .section-about h2 {
font-size: 20px;
line-height: 1.6em;
margin-top: 15px;
}
.bitrix24 .section-about h2 span.bg {
background: transparent;
color: #fff;
}
.bitrix24 .section-about h2 span.name-1 {
background: #fff;
padding: 10px 0 10px 10px;
}
.bitrix24 .section-about h2 span.name-2 {
background: #fff;
padding: 10px 10px 10px 0;
}
.bitrix24 .section-about .wyg p {
margin-top: 10px;
font-size: 18px;
}
.bitrix24 .section-about .wyg ul {
max-width: 320px;
margin: 20px auto 10px;
font-size: 14px;
}
.bitrix24 .section-about .wyg ul li:before {
display: inline-block;
vertical-align: top;
font-family: "ba24";
content: '\e804';
font-size: 14px;
margin-right: 10px;
margin-top: 0px;
}
.bitrix24 .section-about .btn-holder {
margin-top: 45px;
}
.bitrix24 .section-about .btn-blue {
padding: 22px 54px;
font-size: 16px;
}
.bitrix24 .section-about .tri-arrow-down {
margin: 40px auto 20px;
}
.bitrix24 .section-key-features {
padding: 10px 0 20px;
}
.bitrix24 .section-key-features h2 {
margin-top: 15px;
font-size: 24px;
line-height: 1em;
}
.bitrix24 .section-key-features h2 .header-tri-2 {
margin-top: -2px;
}
.bitrix24 .section-key-features h2 .header-tri-2:before {
color: #00AEEF;
margin-top: 3px;
}
.bitrix24 .section-key-features h2 .header-tri-2:after {
color: #7D9EB0;
}
.bitrix24 .section-key-features h2 strong {
display: block;
margin-top: 4px;
}
.bitrix24 .section-key-features p {
font-size: 16px;
line-height: 1.3em;
margin: 25px auto 0;
max-width: 90%;
}
.bitrix24 .section-key-features .data-container {
margin-top: 40px;
}
.bitrix24 .section-key-features .data-container .flex-row {
margin-bottom: 40px;
justify-content: center;
align-content: center;
}
.bitrix24 .section-key-features .data-container .flex-row.b24-row-1 {
justify-content: space-between;
}
.bitrix24 .section-key-features .data-container .flex-row.b24-row-1 .w-20 {
width: 45% !important;
}
.bitrix24 .section-key-features .data-container .flex-row.b24-row-1 .w-20.m-empty {
width: 3% !important;
}
.bitrix24 .section-key-features .data-container .flex-row.b24-row-2 .w-30,
.bitrix24 .section-key-features .data-container .flex-row.b24-row-2 .w-40 {
width: 33.33333333%;
align-self: center;
}
.bitrix24 .section-key-features .scale img {
transition: all 0.4s ease;
}
.bitrix24 .section-key-features .scale:hover img {
transform: scale(1.05);
}
.bitrix24 .section-key-features .icon-data {
align-self: center;
text-align: center;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.bitrix24 .section-key-features .icon-data h4 {
font-size: 15px;
line-height: 1.2em;
margin-bottom: 10px;
}
.bitrix24 .section-key-features .icon-data .image-holder {
text-align: center;
}
.bitrix24 .section-key-features .icon-data .image-holder img {
max-height: 70px;
}
.bitrix24 .section-key-features .icon-data a.video-pop {
font-size: 12px;
line-height: 15px;
padding: 4px 0 4px 4px;
width: 100px;
margin: 10px auto 0;
}
.bitrix24 .section-key-features .icon-data a.video-pop i {
margin-left: 4px;
font-size: 14px;
}
.bitrix24 .section-request {
padding: 10px 0 30px 0;
position: relative;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: url('/assets/images/b24/bg-bl-form.svg') no-repeat;
background-size: cover;
}
.bitrix24 .section-request .we-automate {
display: none;
position: absolute;
right: 0px;
top: 100px;
transform: rotate(50deg);
}
.bitrix24 .section-request .we-automate img {
max-width: 260px;
}
.bitrix24 .section-request .charge-sign {
position: absolute;
right: 5px;
top: 5px;
max-width: 60px;
}
.bitrix24 .section-request .tri-sign {
position: absolute;
left: 20px;
bottom: 20px;
max-width: 120px;
z-index: 1;
}
.bitrix24 .section-request .form-header {
margin-top: 10px;
color: #fff;
font-size: 18px;
line-height: 1.2em;
text-align: center;
}
.bitrix24 .section-request .form-header strong {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.bitrix24 .section-request form.st-form {
width: 300px;
margin: 20px auto 20px;
}
.bitrix24 .section-request form.st-form .input-group {
position: relative;
height: 60px;
margin: 10px auto 20px;
}
.bitrix24 .section-request form.st-form input {
border-bottom: 2px solid #fff;
background: transparent;
width: 100%;
position: relative;
z-index: 2;
color: #fff;
font-size: 18px;
padding: 10px 0 10px 10px;
-ms-box-sizing: border-box;
box-sizing: border-box;
align-self: center;
}
.bitrix24 .section-request form.st-form input:focus {
border-bottom: 2px solid #4FD4D0;
}
.bitrix24 .section-request form.st-form label {
align-self: center;
display: block;
position: absolute;
font-family: 'Inter';
font-weight: 300;
font-style: normal;
font-display: swap;
top: 10px;
left: 10px;
font-size: 18px;
text-align: center;
transition: all 0.4s ease;
color: #FAFAFA;
z-index: 1;
}
.bitrix24 .section-request form.st-form label.error {
color: #E92B2B !important;
}
.bitrix24 .section-request form.st-form input:focus + label,
.bitrix24 .section-request form.st-form input:active + label,
.bitrix24 .section-request form.st-form label.has-data {
top: -10px;
font-size: 14px;
}
.bitrix24 .section-request form.st-form a.btn-submit {
position: relative;
z-index: 10;
margin-top: 20px;
font-size: 22px;
padding: 16px 0;
}
}
body.development-page {
/* .tri-list {
&.tri-list-p {
.bb;
p {
margin: 7px 20px 10px 0;
font-size: 17px;
.intr;
text-transform: none;
line-height: 1.3em;
background: #FFF;
padding: 20px;
max-width: 800px;
.bb;
box-shadow: 1px 10px 20px 6px rgba(255, 255, 255, 0.14);
strong {
.intb;
}
border: 1px solid darken(#FCFCFC, 3%);
}
li {
.intm;
margin-bottom: 25px;
}
}
}*/
}
.notice {
position: relative;
font-size: 19px;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
padding: 15px 20px 15px 30px;
max-width: 800px;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
background: #5b7583;
background: linear-gradient(90deg, #5b7583 0%, #81a1b3 100%);
border: 3px solid #7D9EB0;
display: flex;
flex-direction: row;
}
.notice i {
color: #fff;
font-size: 24px;
align-self: center;
background: #fff;
width: 48px;
height: 48px;
text-align: center;
border-radius: 50%;
}
.notice i:before {
display: inline-block;
vertical-align: top;
color: #7D9EB0;
margin-top: 12px;
}
.notice h2,
.notice span.h2 {
align-self: center;
color: #F9F9F9;
text-align: left;
padding-left: 20px;
max-width: 800px;
line-height: 1.4em;
}
.notice h2 strong,
.notice span.h2 strong {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.notice span.h2 {
text-align: left;
display: inline-block;
vertical-align: top;
position: relative;
max-width: 90%;
}
.notice span.h2 .span-text {
position: relative;
z-index: 10;
color: #fff;
display: inline-block;
vertical-align: top;
}
.notice span.h2 .span-bg {
z-index: 5;
position: absolute;
width: 100%;
height: 100%;
top: -10px;
left: 0;
display: block;
border-radius: 4px;
padding: 8px 4px 10px 10px;
}
.notice.head-notice {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.notice {
font-size: 17px;
padding: 15px 20px 15px 20px;
border: 2px solid #7D9EB0;
}
.notice i {
position: absolute;
left: 20px;
font-size: 20px;
width: 36px;
height: 36px;
}
.notice i:before {
display: inline-block;
vertical-align: top;
color: #7D9EB0;
margin-top: 8px;
}
.notice h2,
.notice span.h2 {
padding-left: 50px;
max-width: 800px;
line-height: 1.3em;
}
.notice span.h2 {
text-align: left;
max-width: 98%;
}
.notice.head-notice {
margin-bottom: 30px;
}
}
@media (max-width: 480px) {
.notice {
font-size: 17px;
padding: 15px 5px 15px 20px;
border: 2px solid #7D9EB0;
}
.notice i {
position: absolute;
border: 2px solid #7D9EB0;
top: -15px;
right: 5px;
left: auto;
font-size: 14px;
width: 24px;
height: 24px;
}
.notice i:before {
display: inline-block;
vertical-align: top;
color: #7D9EB0;
margin-top: 5px;
}
.notice h2,
.notice span.h2 {
padding-left: 0;
max-width: 800px;
line-height: 1.3em;
}
.notice span.h2 {
text-align: left;
max-width: 98%;
}
.notice.head-notice {
margin-bottom: 30px;
}
}
.toi-holder {
position: relative;
z-index: 1;
}
.toi-holder img {
width: 100%;
height: auto;
max-width: 100%;
}
.toi-holder .toi-data-holder {
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.form-thank-you {
background: rgba(255, 255, 255, 0.75);
padding: 20px;
border-radius: 4px;
border: 1px solid #fefefe;
text-align: center;
font-size: 18px;
line-height: 1.3em;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
}
.form-thank-you h3 {
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
font-size: 22px;
text-transform: uppercase;
margin-bottom: 25px;
color: #00AEEF;
}
.spinner-holder {
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
}
.spinner-holder i {
font-size: 30px;
color: #fff;
}
.tri-to-up {
position: absolute;
width: 36px;
height: 36px;
left: 50%;
top: 40%;
margin-left: -18px;
margin-bottom: -18px;
}
.tri-to-up .tri-1 {
color: #7D9EB0;
transition: all 0.4s ease;
margin-left: -8px;
position: absolute;
z-index: 1;
}
.tri-to-up .tri-1 i {
font-size: 36px;
}
.tri-to-up .tri-2 {
transition: all 0.4s ease;
position: absolute;
bottom: 0;
left: -8px;
z-index: 2;
color: #E92B2B;
}
.tri-to-up .tri-2 i {
font-size: 24px;
}
.tri-to-up:hover .tri-1 {
margin-left: -12px;
color: #FFF;
}
.tri-to-up:hover .tri-2 {
color: #FFF;
bottom: -8px;
left: -4px;
}
.tri-arrow-down {
width: 40px;
display: block;
position: relative;
margin: 70px auto 40px;
height: 50px;
}
.tri-arrow-down:before {
position: absolute;
font-family: "ba24";
content: '\e803';
font-size: 36px;
color: #fff;
margin-left: auto;
margin-right: auto;
top: 11px;
}
.tri-arrow-down:after {
position: absolute;
font-family: "ba24";
content: '\e803';
font-size: 28px;
color: #fff;
left: 4px;
margin-left: auto;
margin-right: auto;
}
.tri-arrow-down:hover:before,
.tri-arrow-down:hover:after {
color: lightyellow;
}
.tri-list li {
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
}
.tri-list li strong {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.tri-list li:before {
font-family: "ba24";
content: '\e804';
}
.tri-list.tri-list-bg {
background: #f9f9f9;
padding: 30px 20px 20px 40px;
border-radius: 6px;
border: 1px solid #ececec;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tri-list.tri-list-p {
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tri-list.tri-list-p p {
border-radius: 4px;
margin: 7px 20px 10px 0;
font-size: 17px;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
text-transform: none;
line-height: 1.3em;
background: #f9f9f9;
padding: 20px;
max-width: 800px;
-ms-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 1px 5px 20px 2px rgba(222, 222, 222, 0.15);
border: 1px solid #ececec;
}
.tri-list.tri-list-p p strong {
font-family: 'Inter';
font-weight: bold;
font-style: normal;
font-display: swap;
}
.tri-list.tri-list-p li {
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
margin-bottom: 25px;
}
.tri-list.tri-list-p li:before {
margin-right: 1px;
display: inline-flex;
font-size: 12px;
margin-top: 3px;
}
.tri-list.tri-list-p li h4 {
display: inline-flex;
max-width: 90%;
}
.tri-list-up {
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.tri-list-up li {
width: 90%;
}
.tri-list-up li:before {
font-family: "ba24";
content: '\e805';
}
.tri-list-green li:before {
color: #4BF083;
}
.tri-list-red li:before {
color: #E92B2B;
}
.tri-list-violet li:before {
color: #41356C;
}
.tri-list-light-blue li:before {
color: #00AEEF;
}
.tri-list-blue-rotated li:before {
margin-top: 1px !important;
color: #7D9EB0;
transform: rotate(45deg);
}
.tri-list-blue li:before {
color: #005893;
}
.tri-list-gray-blue li:before {
color: #7D9EB0;
}
.tri-list-yellow li:before {
color: lightyellow;
}
@media (max-width: 767px) {
.tri-list.tri-list-bg {
margin-left: 0;
background: #f9f9f9;
padding: 20px 10px 20px 20px;
border-radius: 6px;
border: 1px solid #ececec;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tri-list.tri-list-bg li {
font-size: 15px;
line-height: 1.3em;
padding-left: 20px;
}
.tri-list.tri-list-bg li:before {
margin-top: 0;
margin-left: -18px;
}
}
@media (max-width: 480px) {
.tri-list.tri-list-bg {
margin-left: 0;
background: #f9f9f9;
padding: 20px 5px 10px 15px;
border-radius: 6px;
border: 1px solid #ececec;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tri-list.tri-list-bg li {
font-size: 14px;
line-height: 1.3em;
padding-left: 10px;
}
.tri-list.tri-list-bg li:before {
margin-top: 0;
margin-left: -18px;
}
}
.header-tri-2 {
display: inline-block;
vertical-align: top;
margin-top: 3px;
}
.header-tri-2:before,
.header-tri-2:after {
font-family: "ba24";
content: '\e805';
}
.header-tri-2:before {
color: #E92B2B;
font-size: 16px;
position: relative;
z-index: 3;
display: inline-block;
vertical-align: top;
margin-bottom: -2px;
margin-top: 6px;
}
.header-tri-2:after {
color: #7D9EB0;
font-size: 24px;
margin-left: -12px;
position: relative;
z-index: 2;
display: inline-block;
vertical-align: top;
}
@media (max-width: 992px) {
.header-tri-2 {
display: inline-block;
vertical-align: top;
margin-top: 0;
}
.header-tri-2:before {
font-size: 18px;
margin-bottom: -2px;
margin-top: 5px;
}
.header-tri-2:after {
font-size: 24px;
margin-left: -13px;
}
}
@media (max-width: 767px) {
.header-tri-2 {
margin-top: 0;
}
.header-tri-2:before {
font-size: 16px;
margin-bottom: -2px;
margin-top: 4px;
}
.header-tri-2:after {
font-size: 21px;
margin-left: -12px;
}
}
@media (max-width: 480px) {
.header-tri-2 {
display: inline-block;
vertical-align: top;
margin-top: 0;
}
.header-tri-2:before {
font-size: 14px;
margin-bottom: -2px;
margin-top: 4px;
}
.header-tri-2:after {
font-size: 19px;
margin-left: -10px;
}
}
.btn-gold {
background: linear-gradient(267.71deg, #e8d386 0%, #E2BC35 100%);
box-shadow: 0px 1px 10px rgba(245, 224, 110, 0.74);
color: #000;
transition: all 0.4s ease;
}
.btn-gold:hover {
color: #000;
background: linear-gradient(267.71deg, #e8d386 0%, #ecd278 100%);
box-shadow: 0px 1px 15px 5px rgba(245, 224, 110, 0.74);
}
.btn-blue {
background: #4776E6;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #8E54E9, #4776E6);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border: 1px solid #f9f9f9;
color: #000;
transition: all 0.4s ease;
border-radius: 4px;
}
.btn-blue:hover {
color: #000;
background: #4776E6;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #9d6bec, #5d87e9);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
box-shadow: 0px 1px 10px 15px rgba(149, 110, 236, 0.37);
border: 1px solid #f9f9f9;
}
.btn-blue:active {
box-shadow: 0px 1px 1px 1px rgba(149, 110, 236, 0.37);
border: 1px solid #f9f9f9;
transition: none;
}
/* mobile menu toggle button */
.menu-toggle {
position: relative;
display: inline-block;
width: 36px;
height: 24px;
margin: 0;
align-self: center;
}
.menu-toggle span {
background-color: #7D9EB0;
}
.menu-toggle span:before,
.menu-toggle span:after {
background-color: #7D9EB0;
}
.menu-toggle span {
margin: 0 auto;
position: relative;
top: 10px;
transition-duration: 0s;
transition-delay: 0.2s;
transition: background-color 0.3s;
width: 36px;
height: 4px;
display: block;
opacity: 1;
}
.menu-toggle span:before,
.menu-toggle span:after {
position: absolute;
content: '';
width: 36px;
height: 4px;
display: block;
opacity: 1;
}
.menu-toggle span:before {
margin-top: -10px;
transition-property: margin, transform;
transition-duration: 0.2s;
transition-delay: 0.2s, 0;
}
.menu-toggle span:after {
margin-top: 10px;
transition-property: margin, transform;
transition-duration: 0.2s;
transition-delay: 0.2s, 0;
}
.menu-toggle.active span {
background-color: rgba(0, 0, 0, 0);
transition: 0.3s background-color;
}
.menu-toggle.active span:before {
margin-top: 0;
transform: rotate(45deg);
transition-delay: 0, 0.2s;
}
.menu-toggle.active span:after {
margin-top: 0;
transform: rotate(-45deg);
transition-delay: 0, 0.2s;
}
.menu-toggle.active span:before,
.menu-toggle.active span:after {
background-color: #E92B2B;
}
#mobile-menu {
display: none;
left: -9999px;
position: absolute;
z-index: 20;
bottom: 0;
right: 0;
top: 60px;
}
.show-menu main,
.show-menu #footer {
display: none;
}
.show-menu #mobile-menu {
left: 0;
display: flex;
display: -webkit-flex;
flex-direction: column;
background: #fff;
}
.show-menu #mobile-menu nav {
flex-grow: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
}
.show-menu #mobile-menu nav ul {
align-self: center;
}
.show-menu #mobile-menu nav ul li {
margin-bottom: 20px;
margin-left: -7px;
}
.show-menu #mobile-menu nav ul li.active a {
color: #E92B2B;
}
.show-menu #mobile-menu nav ul li:before {
font-family: "ba24";
content: '\e804';
margin-right: 2px;
display: inline-block;
vertical-align: top;
margin-top: 0;
font-size: 8px;
color: #E92B2B;
transform: rotate(45deg);
}
.show-menu #mobile-menu nav ul li a {
font-size: 22px;
font-family: 'Inter';
font-weight: normal;
font-style: normal;
font-display: swap;
color: #484848;
}
.show-menu #mobile-menu nav ul li a:hover {
color: #E92B2B;
}
.show-menu #header {
background: #111;
}
.show-menu .mob-menu-contacts {
background-color: #111;
text-align: center;
display: flex;
display: -webkit-flex;
flex-direction: column;
padding: 10px;
-ms-box-sizing: border-box;
box-sizing: border-box;
justify-content: center;
align-content: center;
}
.show-menu .mob-menu-contacts a {
color: #fff;
text-align: center;
font-family: 'Inter';
font-weight: 500;
font-style: normal;
font-display: swap;
font-size: 18px;
margin: 5px 0;
}
.show-menu .mob-menu-contacts a:hover,
.show-menu .mob-menu-contacts a:active {
color: #E92B2B;
}
.tingle-modal * {
box-sizing: border-box;
}
.tingle-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: flex;
visibility: hidden;
flex-direction: column;
align-items: center;
overflow: hidden;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, 0.9);
opacity: 0;
cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto;
}
@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
.tingle-modal {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
}
/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
text-align: center;
}
/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
cursor: default;
}
.tingle-modal--noClose .tingle-modal__close {
display: none;
}
.tingle-modal__close {
position: fixed;
top: 2.5rem;
right: 2.5rem;
z-index: 1000;
padding: 0;
width: 2rem;
height: 2rem;
border: none;
background-color: transparent;
color: #fff;
cursor: pointer;
}
.tingle-modal__close svg * {
fill: currentColor;
}
.tingle-modal__closeLabel {
display: none;
}
.tingle-modal__close:hover {
color: #fff;
}
.tingle-modal-box {
position: relative;
flex-shrink: 0;
margin-top: auto;
margin-bottom: auto;
width: 60%;
border-radius: 4px;
background: #fff;
opacity: 1;
cursor: auto;
will-change: transform, opacity;
}
.tingle-modal-box__content {
padding: 3rem 3rem;
}
.tingle-modal-box__footer {
padding: 1.5rem 2rem;
width: auto;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #f5f5f5;
cursor: auto;
}
.tingle-modal-box__footer::after {
display: table;
clear: both;
content: "";
}
.tingle-modal-box__footer--sticky {
position: fixed;
bottom: -200px;
/* TODO : find a better way */
z-index: 10001;
opacity: 1;
transition: bottom 0.3s ease-in-out 0.3s;
}
/* state
-------------------------------------------------------------- */
.tingle-enabled {
position: fixed;
right: 0;
left: 0;
overflow: hidden;
}
.tingle-modal--visible .tingle-modal-box__footer {
bottom: 0;
}
.tingle-modal--visible {
visibility: visible;
opacity: 1;
}
.tingle-modal--visible .tingle-modal-box {
animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.tingle-modal--overflow {
overflow-y: scroll;
padding-top: 8vh;
}
/* btn
-------------------------------------------------------------- */
.tingle-btn {
display: inline-block;
margin: 0 0.5rem;
padding: 1rem 2rem;
border: none;
background-color: grey;
box-shadow: none;
color: #fff;
vertical-align: middle;
text-decoration: none;
font-size: inherit;
font-family: inherit;
line-height: normal;
cursor: pointer;
transition: background-color 0.4s ease;
}
.tingle-btn--primary {
background-color: #3498db;
}
.tingle-btn--danger {
background-color: #e74c3c;
}
.tingle-btn--default {
background-color: #34495e;
}
.tingle-btn--pull-left {
float: left;
}
.tingle-btn--pull-right {
float: right;
}
/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) {
.tingle-modal {
top: 0px;
display: block;
padding-top: 60px;
width: 100%;
}
.tingle-modal-box {
width: auto;
border-radius: 0;
}
.tingle-modal-box__content {
overflow-y: scroll;
}
.tingle-modal--noClose {
top: 0;
}
.tingle-modal--noOverlayClose {
padding-top: 0;
}
.tingle-modal-box__footer .tingle-btn {
display: block;
float: none;
margin-bottom: 1rem;
width: 100%;
}
.tingle-modal__close {
top: 0;
right: 0;
left: 0;
display: block;
width: 100%;
height: 60px;
border: none;
background-color: #2c3e50;
box-shadow: none;
color: #fff;
}
.tingle-modal__closeLabel {
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.tingle-modal__closeIcon {
display: inline-block;
margin-right: 0.8rem;
width: 1.6rem;
vertical-align: middle;
font-size: 0;
}
}
/* animations
-------------------------------------------------------------- */
@keyframes scale {
0% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.video-modal .tingle-modal__close {
position: fixed;
top: 2.5rem;
right: 2.5rem;
z-index: 1000;
padding: 0;
width: 2rem;
height: 2rem;
border: none;
background-color: transparent;
color: #E92B2B;
cursor: pointer;
}
.video-modal .tingle-modal__close svg * {
fill: currentColor;
}
.video-modal .tingle-modal__closeLabel {
display: none;
}
.video-modal .tingle-modal__close:hover {
color: #fff;
}
.video-modal .tingle-modal-box {
position: relative;
flex-shrink: 0;
margin-top: auto;
margin-bottom: auto;
width: 70%;
border-radius: 4px;
background: transparent;
opacity: 1;
cursor: auto;
will-change: transform, opacity;
}
.video-modal .tingle-modal-box__content {
padding: 3rem 3rem;
}
.video-modal .tingle-modal-box__footer {
display: none;
padding: 1.5rem 2rem;
width: auto;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: transparent;
cursor: auto;
}
@media (max-width: 767px) {
.video-modal {
display: flex;
display: -webkit-flex;
flex-direction: column;
}
.video-modal .tingle-modal-box {
width: 100%;
align-self: center;
}
.video-modal .tingle-modal-box__content {
padding: 10px;
}
.video-modal .tingle-modal__close {
right: 10px;
top: 10px;
left: auto;
}
}
@media (max-width: 767px) {
.b24-widget-button-wrapper.b24-widget-button-position-bottom-right.b24-widget-button-visible {
right: 10px !important;
bottom: 10px !important;
}
}