@import "../fonts/Inter/stylesheet.css";

:root {
    --v1 : #42A2DA;
    --v11 : #C7E4F4;
    --v2 : #e47c2d;
    --v22 : #E47C2D;
    --t : #000;
    
    --b1 : #EDEDED;
}
html * { max-height: 1000000px; }
* { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
html, body { font-family: "Inter", Arial, sans-serif; font-size: 14px; width: 100%; height: 100%; }
li { list-style: none; }
img { display: block; height: auto; max-width: 100%; }
a img { border:none; }
a { text-decoration: none; color: inherit; }
input, select, button, textarea { outline:none;
    font-family: "Inter", Arial, sans-serif; font-size: 14px;
    /*-moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none;*/
}
input[type=file], button, input[type="submit"],
input[type=file]::-webkit-file-upload-button { cursor: pointer; }
.container { max-width: 1746px; width: 100%; padding: 0 20px; margin: 0 auto; }

.btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; transition: .3s;
    min-height: 40px; min-width: 200px; padding: 0 30px; border-radius: 20px; font-size: 20px; font-weight: 500; }
.btn.v1 { background: var(--v11); color: var(--v1); }
.btn.v1:hover { background: var(--v1); color: #FFF; }
body { min-height: 100%; display: flex; justify-content: space-between; flex-direction: column; }
body:before { content: ""; flex: 1 1 auto; order: 1; display: block; }
header, footer {  flex: 0 0 auto; }
header { padding: 15px 0; position: relative; z-index: 40;
    background: linear-gradient(180deg, #FFFFFF 33.09%, rgba(255, 255, 255, 0.49) 100%);
    backdrop-filter: blur(12.5px); }
.header { display: flex; align-items: center; justify-content: space-between; }
nav { flex: 1 1 auto; }
nav ul { display: flex; padding: 0 40px; }
nav ul li { margin: 0 40px; font-size: 20px; font-weight: 300; }
nav ul li a { transition: .3s; }
nav ul li a:hover { color: var(--v2); }
.h_right { display: flex; justify-content: flex-end; }

.c_user { display: flex; align-items: center; justify-content: flex-end; }
.c_user_img { width: 52px; height: 52px; position: relative; overflow: hidden; border-radius: 50%; }
.c_user_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.c_user p { margin-left: 16px; font-size: 20px; font-weight: 300; }
main { position: relative; margin: -120px 0; }
main > img { position: absolute; top: 0; right: 0; max-width: 50%; height: 100%; object-fit: contain; }
.main { padding: 250px 10% 100px 0; max-width: 50%; }
.main h1 { font-size: 36px; font-weight: 500; color: var(--v1);  }
.main h1 i { color: var(--v2); font-style: normal; }
.main h1 span { font-size: 32px; font-weight: 300; }
.main h1 span i { font-weight: 500; }
.main h1 + p { margin-top: 80px; }
.main p { font-size: 24px; font-weight: 300; line-height: 1.3; }
.main p span { color: var(--v2); }
.main .btn { margin-top: 45px; }
.about_block { padding: 150px 0; }

.bsh { border-radius: 29px; overflow: hidden; box-shadow: 0 0 31px 4px rgba(0, 0, 0, 0.1); background: #FFF;
    backdrop-filter: blur(65px); }

.blockquote { padding: 32px 52px; margin: 80px 0 40px; }
.blockquote p { font-size: 24px; font-weight: 400; }
.blockquote p span { font-weight: 500; color: var(--v1); }
.blockquote p + p { margin-top: 20px; }
.about > p { margin-top: 32px; font-size: 24px; font-weight: 400; }
.about > p a { font-weight: 300; text-decoration: underline; color: var(--v1); }

.acc { display: flex; align-items: center; justify-content: space-between; padding: 100px 0; }
.acc_text  h2 { color: var(--v1); font-size: 40px; font-weight: 500; }
.acc_img { margin-left: 100px; flex: 0 0 auto; }
.acc_text h2 + p { margin-top: 100px; }
.acc_text p { font-size: 24px; font-weight: 300; line-height: 1.3; }
.acc_text p span { color: var(--v2);  }
.acc_cert_list { display: flex; align-items: flex-start; margin-top: 80px; }
.acc_cert_item { margin-top: 20px; }
.acc_cert_item:nth-child(2n) { margin-left: 80px; }
.solution_block { padding: 120px 0 140px; }

h4 { font-size: 36px; font-weight: 400; }
h5 { font-size: 30px; font-weight: 500; color: var(--v1); }
.solution .table { margin-top: 44px; }
.table { text-align: center; }
.table thead tr th { font-size: 32px; font-weight: 500; padding: 30px; }
.table thead tr th:nth-child(2) { color: var(--v2); }
.table thead tr th:nth-child(3) { color: var(--v1); }
.table tbody tr td { border-top: 2px solid var(--b1); height: 180px; }
.table tbody tr td + td,.table thead tr th + th  { border-left: 2px solid var(--b1); }
.table tbody tr td { padding: 30px; font-size: 24px; font-weight: 300; max-width: 35%; }
.table tbody tr td:first-child { font-size: 32px; font-weight: 400; width: 24%; }

.store_block { padding: 80px 0; }
.store_box { margin-top: 40px; }
.store_head,.item_form_head { display: flex; justify-content: center; align-items: center; }
.store_head a,.item_form_head a { font-size: 32px; font-weight: 300;
    width: 300px; height: 84px; margin: 0 -20px; border-radius: 24px;
    display: inline-flex; align-items: center; justify-content: center;
    text-align: center; position: relative; }
.item_form_head a { width: 252px; height: 64px; }
.store_head a:nth-child(2) { z-index: 3; }
.store_head a:nth-child(3) { z-index: 2; }
.store_head a.active,.item_form_head a.active { color: var(--v2); z-index: 10; font-weight: 500; }

.store_body_list { margin-top: 40px; }
.store_body { display: none; }
.store_body.active { display: block; }
.store_list { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.store_item { width: calc(100% / 4 - 40px); margin: 30px 20px; padding: 30px; }
.store_item p { color: var(--v1); font-size: 24px; font-weight: 400; }
.store_item p span { color: var(--v2); }
.store_item h6 { font-size: 24px; font-weight: 400; }
.store_item_img { position: relative; margin: 45px 0 30px; }
.store_item_img:before { content: ""; padding-top: 125%; display: block; }
.store_item_img img,.item_type_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.store_item_img > a,.item_type_img a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
    width: 160px; height: 38px; display: inline-flex; align-items: center; color: #FFF;
    background: rgba(0,0,0,.2); justify-content: center; text-align: center; transition: .3s;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.09); border-radius: 20px; font-size: 20px; font-weight: 500; }
.store_item_img > a{display: none}
.store_item_img:hover a{display: inline-flex}
.store_item_img > a:hover,.item_type_img a:hover { background: var(--v2); }
.item_block { padding: 80px 0; }
.item h5 span { color: var(--v2); }
.item_box { display: flex; }
.item_box > * { margin-top: 60px; }
.item_desc { flex: 1 1 auto; }
.item_desc > p { font-size: 24px; font-weight: 300; }
.item_type { margin-top: 60px; display: flex; }
.item_type_text h6 { font-weight: 400; font-size: 26px; }
.item_type_text p { font-size: 24px; font-weight: 300; margin-top: 20px; }
.item_type_img {  flex: 0 0 auto; margin-left: 20px; width: 280px; position: relative; }
.item_type_img:before { content: ""; padding-top: 48.85%; display: block; }

.item_form { flex: 0 0 auto; width: 700px; margin-left: 60px; padding: 50px 30px; }
.item_form_body { display: none; margin-top: 30px; }
.item_form_body.active { display: block; }


footer { padding: 80px 0; box-shadow: 0 0 31px 4px rgba(0, 0, 0, 0.1); order: 2;
    backdrop-filter: blur(65px); justify-self: flex-end; }
.footer { display: flex; justify-content: space-between; align-items: flex-end; }
.f_rss { display: flex; justify-content: flex-end; }
.f_rss a { margin-left: 20px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }
.f_rss a:first-child { margin-left: 0;}
.f_right { text-align: right; }
.footer p { margin-top: 20px; font-size: 20px; font-weight: 500; }
.f_left p:first-child { margin-top: 0; }
.f_right p { font-weight: 300; }
.footer p a { color: var(--v1); }


.mobile_toggle { cursor: pointer; display: none; flex: 0 0 auto; z-index: 18;
    width: 28px; height: 28px; position: relative; overflow: hidden;margin-left: 5px }
.mobile_toggle span { height: 2px; width: 100%; background: var(--v1); margin: auto;
    display: block; position: absolute; border-radius: 2px; transition: .3s; }
.mobile_toggle span:first-child { top: 3px; }
.mobile_toggle span:last-child { bottom: 3px; }
.mobile_toggle span:nth-child(2) { top: 0; bottom: 0; margin: auto; }
.mobile_toggle.active span:first-child { margin-top: -1px; top: 50%; transform: rotate(45deg); }
.mobile_toggle.active span:last-child { margin-bottom: -1px; bottom: 50%; transform: rotate(-45deg);}
.mobile_toggle.active span:nth-child(2) { left: 100%; opacity: 0; }
.author_box { display: flex; margin-top: 15px; }
.author_img { width: 40%; flex: 0 0 auto; margin-right: 75px; }
.author_text { padding-top: 35px; }
.author_text h4 { margin-top: 30px; }
.author_text h1{font-size: 48px;font-weight: 500}
.author_text p { font-size: 28px; line-height: 1.6; margin-top: 20px;font-weight: 300;line-height: 1.2 }
@media (max-width: 800px) {
    .author_box { position: relative; flex-direction: column; }
    .author_img{width: 100%}
    .author_text h1{font-size: 24px;font-weight: 500}
    .author_text h4{font-size: 18px}
    .author_text p { font-size: 14px;  margin-top: 20px; }
    .item_form{padding: 25px}
}
@media(max-width: 641px) {
    .mobile_toggle { display: block; flex: 0 0 auto; }
    .logo img { max-width: 60px; }
    nav { position: fixed; top: 92px; width: 100%; left: -100%; box-shadow: 0 3px 5px 0 rgba(0,0,0,.10); }
    nav ul { flex-direction: column; padding: 0 0 24px; background: #FFF; }
    nav ul li { margin: 0; }
    nav ul li a { padding: 12px 20px; display: block; }
    header.active nav { left: 0; }
    .h_right { flex: 1 1 auto; }
    .c_user_img { width: 40px; height: 40px; }
    .c_user p { max-width: 100px; font-size: 16px; }

    main { margin: 0; }
    main > img { display: none; }
    .main { padding: 80px 0; max-width: 100%; }
    .main h1 { font-size: 28px; }
    .main h1 span { font-size: 24px; }
    .main h1 + p { font-size: 16px; margin-top: 24px; }


    .about_block { padding: 40px 0; }
    .blockquote { margin: 20px 0; padding: 24px; }
    .blockquote p { font-size: 16px; }
    .about > p { font-size: 16px; }
    footer { padding: 60px 0 30px; }
    .footer {  flex-direction: column-reverse; align-items: center; }
    .footer p { font-size: 16px; text-align: center; }
    .f_rss { justify-content: center;  }

    .f_left { margin-top: 24px; }
    .f_left p { margin-top: 10px; }

    h4 { font-size: 24px; }
    h5 { font-size: 26px; }
    .acc { flex-direction: column; padding: 80px 0 60px; }
    .acc_text h2 { font-size: 28px; }
    .acc_text p { font-size: 16px; }
    .acc_text h2 + p { margin-top: 24px; }
    .acc_cert_list { margin-top: 0; }
    .acc_cert_item:nth-child(2n) { margin-left: 16px; }
    .acc_img { margin-left: 0; margin-top: 24px; }

    .solution_block { padding: 40px 0; }
    .table thead tr th { font-size: 22px; }
    .table tbody tr td { padding: 16px; font-size: 14px; height: auto; }
    .table tbody tr td:first-child { font-size: 16px; width: 130px; }
    .solution_table { overflow: auto; margin: 0 -20px; padding: 0 20px 20px; display: flex; }
    .solution_table:after { display: none; width: 20px; height: 100%; content: ""; flex: 0 0 auto; }
    .solution_table .table { min-width: 600px; }


    .store_head a, .item_form_head a { font-size: 16px; font-weight: 400; width: 200px;
        height: 54px; border-radius: 20px; margin: 0 -10px; }
    .store_item { width: calc(100% - 40px); }
    .store_item p { font-size: 18px; }
    .store_item h6 { font-size: 20px; }

    .item_box { flex-direction: column; }
    .item_box > * { margin-top: 24px; }
    .item_desc > p { font-size: 16px; }
    .item_type { flex-direction: column; margin-top: 24px; }
    .item_type_text h6 { font-size: 20px; }
    .item_type_text p { font-size: 16px; }
    .item_type_img { margin-left: 0; margin-top: 16px; width: 100%; }
    .item_form { width: 100%; margin-left: 0; }

}
/*popup*/
.black_layout { display: none; z-index: 90; position: fixed; top: 0;
    left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .80); }
.popup_wrapper { display: none; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; z-index: 95; padding: 0; overflow: auto; }

.popup_inner { display: flex; min-height: 100%; align-items: center; padding: 30px 20px;
    justify-content: center;  }
.popup { background: #FFF; padding: 28px 32px; width: 100%; max-width: 640px;
    position: relative; }
.close_popup { width: 30px; height: 30px; display: block; position: absolute; z-index: 5;
    top: -4px; right: -44px; background: url(../img/close_icon.svg) no-repeat 50% 50% / 30px auto; }

.popup_body { width: 100%; margin: auto; text-align: center; }

/* Слайдеры */
.slick-slider{ position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}


.available_langs{margin-top: 65px}
.available_langs_block{margin-top: 30px}
.available_langs_block a{width: 126px;height: 83px;display: block;}
.available_langs_block a img{display: block;width: 100%;height: 100%;object-fit: cover}

.available_langs_slick .slick-dots{display: flex;justify-content: center;align-items: center;}
.available_langs_slick .slick-dots li{margin: 5px}
.available_langs_slick .slick-dots li button{display: block;font-size: 0;border: none;width: 8px;height: 8px;border-radius: 50%;background: #EDEDED}
.available_langs_slick .slick-dots li.slick-active button{background: #42A2DA;}
@media (max-width: 641px) {
    .available_langs{margin-top: 30px}
    .available_langs_block{margin-top: 0}
}