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

:root {
    --bg : #0A0A0B;
    --t1 : #FFF;
    --t2 : #87888A;
    --t3 : #59595A;
    --t4 : #DEDEDE;
    --t5 : #C4C4C4;
    --a : #0EA17B;
    --gbg : #191A1E;
    --rgba : rgba(255,255,255,.08);
    --dbg : #252526;
    --lbg : #2F2F30;
    --yellow : #EEAA23;

}
html * { max-height: 1000000px; }
* { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
html, body { font-family: "Manrope", Arial, sans-serif; font-size: 16px; font-weight: 500; width: 100%; height: 100%;
    background: var(--bg); color: var(--t2); }
li { list-style: none; }
img { display: block; height: auto; }
a img { border:none; }
a { text-decoration: none; color: inherit; }
input, select, button, textarea { outline:none;
    font-family: "Manrope", 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: 1320px; width: 100%; padding: 0 24px; margin: 0 auto; }

.page_wrapper { display: flex; justify-content: space-between; flex-direction: column;
    min-height: 100%; min-width: 100%; overflow: hidden; position: relative; z-index: 1; }
.circle-bg { position: absolute; z-index: -3; }
.circle-bg.bg1 { top: -1022px; left: 0; right: 0; margin: auto; opacity: .5; width: 446px; height: 1266px; border-radius: 1266px;
    background: radial-gradient(50% 50% at 50% 50%, #6CF28B 0%, rgba(25, 71, 174, 0.00) 100%);
    filter: blur(220px);}
.circle-bg.bg2 { top: 376px; right: -8px; border-radius: 1266px; opacity: 0.15; width: 1266px; height: 1266px;
    background: radial-gradient(50% 50% at 50% 50%, #94FBAC 0%, rgba(25, 71, 174, 0.00) 100%);
    filter: blur(220px); }
.circle-bg.bg3 { top: 606px; left: -8px; border-radius: 806px; width: 806px; height: 806px; opacity: 0.15;
    background: radial-gradient(50% 50% at 50% 50%, #D52222 0%, rgba(174, 25, 25, 0.00) 100%);
    filter: blur(220px); }

h1 { font-size: 56px; font-weight: 600; line-height: 1.142; letter-spacing: -.5px; color: var(--t1); }
h3 { font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -.5px; color: var(--t1); }
h4 { font-size: 32px; font-weight: 600; line-height: 1.4; letter-spacing: -.3px; color: var(--t1); }
h5 { font-size: 24px; font-weight: 500; line-height: 1.5; letter-spacing: -.05px; color: var(--t1); }
h6 { font-size: 20px; font-weight: 600; line-height: 1.6; }
p { font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: -.5px; }
.container h3{opacity: 0.85;}



.intro_block { min-height: 100vh; display: flex; align-items: center; justify-content: center; }

.intro { max-width: 840px; width: 100%; margin: auto; text-align: center; }
.intro img { margin: auto; display: block; }
.intro h1 { margin: 16px 0; color: var(--t5); }
.intro h5 { color: var(--t2); }
nav { display: flex;  }
.intro nav { margin-top: 80px; justify-content: center; }
nav ul { display: inline-flex; justify-content: center; padding: 0 12px; background: var(--rgba);
    backdrop-filter: blur(10px); border-radius: 36px; }
nav ul li a { display: inline-flex; align-items: center; justify-content: center; text-align: center;
    padding: 0 20px; height: 64px; font-size: 18px; font-weight: 600; letter-spacing: -.5px; transition: .3s; }
nav ul li a:hover { color: var(--t1); }

header { padding: 24px 0; }
.header { display: flex; align-items: center; justify-content: space-between; }


.our_projects_block { padding: 32px 0; }
.our_projects h3 { max-width: 624px; }
.our_projects_list { margin: 20px -12px 0; display: flex; flex-wrap: wrap; }
.our_projects_item { width: calc(100% / 3 - 24px); margin: 12px; border-radius: 24px; padding: 32px;
    flex: 0 0 auto; background: var(--gbg); text-align: center; cursor: pointer; }
.our_projects_item:nth-child(-n+2) { width: calc(100% / 2 - 24px); }
.our_projects_item_icon { position: relative; width: 122px; margin: auto; }
.our_projects_item_icon:before { content: ""; padding-top: 100%; display: block; }
.our_projects_item:nth-child(-n+2) .our_projects_item_icon { width: 184px; }
.our_projects_item_icon img { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: .4s; }
.our_projects_item:hover .our_projects_item_icon img { transform: scale(1.25); }

.our_projects_item_body { max-width: 420px; margin: 20px auto 0; }
.our_projects_item_body h5 { margin-top: 4px; }
.our_projects_item_body p { margin-top: 4px; }



.input {  }
.input input { display: block; height: 52px; font-size: 18px; font-weight: 600; padding: 0 24px;
    border-radius: 30px;  border: 2px solid transparent; width: 100%; letter-spacing: -.5px; }
.input textarea {display: block;  font-size: 18px; font-weight: 600; padding: 0 24px;
    border-radius: 30px;  border: 2px solid transparent; width: 100%; letter-spacing: -.5px; }
.radio_group {margin: 10px 0;}
.btn { border: none; display: inline-flex; padding: 0 24px; align-items: center; text-align: center; justify-content: center;
    height: 52px; font-size: 18px; font-weight: 600; letter-spacing: -.5px; }
.btn.fw { width: 100%; display: flex; }
.btn.v1 { background: var(--a); color: var(--t1); border-radius: 30px; }
.btn.v2 { background: var(--a); color: var(--t1); border-radius: 12px;}
.btn.v3 { background: var(--lbg); color: var(--t1); border-radius: 12px; }
.btn:disabled {color:#4C4C51; background-color: var(--bg); }
.btn-row { display: flex; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; }
.btn-row .btn { flex: 0 0 auto; width: calc(50% - 12px); margin-left: 6px; margin-right: 6px; }

.form_inline { display: flex; flex-wrap: wrap; margin: 0 -4px; }
.form_inline > * { margin: 4px; }


.hk_link_box { text-align: center; padding: 32px; border-radius: 24px; background: var(--gbg); margin-top: 12px; }
.hk_link_box p { max-width: 720px; margin: 8px auto 0; }
.hk_link_box h5 { display: inline-flex; justify-content: center; align-items: center; }
.hk_link_box h5:before { content: ""; margin-right: 8px; background: url(../img/link_icon.svg) no-repeat 50% 50% / contain; width: 20px; height: 20px; }
.hk_link_box form { margin-top: 24px; }
.hk_link_box .form_inline { justify-content: center; }
.hk_link_box .input { width: 100%; max-width: 470px; }
.hk_link_box #short_link_block {display: none; justify-content: center;}
.hk_link_box #short_error_block {display: none; justify-content: center; color: var(--red)}
.hk_link_box #short_link_block a{color:var(--yellow); text-align: center;font-size: 24px; font-weight: 500; padding: 24px 0;}
.hk_link_box #short_link_block  a:before  {content: ""; background-image: url("/img/link_orange.svg"); background-position: center;width: 20px ; height: 20px;display: inline-block; background-size: contain; background-repeat: no-repeat;
    margin-right: 10px;}
.hk_link_box input:disabled { background-color: #F4F5F5;}
.scope_block { padding: 80px 0; }
.scope { text-align: center; }
.scope > p { font-size: 18px; margin-top: 12px; }
.scope_list { display: flex; margin: 20px -12px 0; flex-wrap: wrap; }
.scope_item { cursor: pointer; width: calc(100% / 3 - 24px); margin: 12px; padding: 32px 16px; text-align: center; }
.scope_icon { position: relative; display: flex; align-items: center; justify-content: center;
    width: 170px;height: 170px; margin: auto; }
.scope_icon p { font-size: 24px; font-weight: 600; color: var(--t1); }
.scope_icon img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: .5s; }
.scope_item:nth-child(1):hover .scope_icon img {  }
.scope_item:nth-child(2):hover .scope_icon img { transform: scale(.85) rotate(-90deg);  }
.scope_item:nth-child(3):hover .scope_icon img { transform: scale(1.20) rotate(45deg); }
.scope_body { margin-top: 24px; }

.projects_block { overflow: hidden; padding-top: 20px; }
.projects_slider_box { margin-right: -300px; }
.projects_slider { margin-top: 32px; margin-bottom: 28px; }
.projects_slider .slick-list { margin: 0 -12px; }

.projects_slider .slick-prev,.projects_slider .slick-next { width: 56px; height: 56px; border-radius: 50%;
    background: var(--gbg); position: absolute; border: none; top: -80px; }
.projects_slider .slick-prev { right: 364px; }
.projects_slider .slick-next { right: 300px; }
.projects_slider .slick-prev:before,.projects_slider .slick-next:before {
    content: ""; width: 16px; height: 16px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.projects_slider .slick-prev:before { background: url(../img/prev_arrow_icon.svg) no-repeat 50% 50% / 16px auto; }
.projects_slider .slick-next:before { background: url(../img/next_arrow_icon.svg) no-repeat 50% 50% / 16px auto; }




.project_slide { margin: 12px; background: var(--gbg); padding: 8px; border-radius: 24px; overflow: hidden; }
.project_slide.slick-active + .project_slide.slick-active + .project_slide.slick-active + .project_slide.slick-active {
    opacity: .3; }
.project_slide_img { position: relative; overflow: hidden; border-radius: 16px; }
.project_slide_img:before { padding-top: 71.4285%; display: block; content: ""; }
.project_slide_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
/*.projects_slider .slick-list { overflow: visible; }*/
.project_slide_body { padding: 8px 16px 16px;}
.project_slide_body p { font-size: 18px; padding: 16px 0; }
.project_slide_body a { display: inline-flex; font-weight: 600; font-size: 18px; margin-top: 6px; transition: .3s; }
.project_slide_body a:hover { color: var(--t1); }
/*.project_slide.slick-cloned { opacity: 0; }*/
/*.project_slide.slick-active + .slick-cloned { opacity: .5; }*/

.projects_slide_list {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.projects_slide_list .project_slide {width: calc(25% - 24px); flex: 0 0 auto;}

.filter { display: flex; flex-wrap: wrap; margin: 0 -4px; padding: 36px 0; }
.filter a { margin: 4px; height: 52px; display: inline-flex; align-items: center; border-radius: 30px;
    cursor: pointer;
    font-size: 18px; font-weight: 600; letter-spacing: -.5px;
    justify-content: center; text-align: center; padding: 0 24px; background: var(--gbg); color: var(--t4); }
.filter a.active { background: var(--t1); color: var(--bg); }
.project_prev_item { border-radius: 16px; display: flex; align-items: flex-start; color: var(--t4);
    padding: 12px 12px 12px 8px; background: var(--rgba); }
.project_prev_item + .project_prev_item { margin-top: 8px; }
.project_prev_item > * { margin: 12px; flex: 0 0 auto; }
.project_prev_item > .num { width: 38px; color: var(--t3); }
.project_prev_item > .name { width: 15%; }
.project_prev_item > .description { width: 50%; }
.project_prev_item > .actions { flex: 1 1 auto; margin-left: 6px; }
.project_prev_item .actions { display: flex; justify-content: flex-end; }
.project_prev_item .actions > * { flex: 0 0 auto; margin: 5px; height: 40px; border-radius: 20px; padding: 0 16px;
    display: inline-flex; align-items: center; justify-content: center; text-align: center;
    font-weight: 600; font-size: 16px; line-height: 1.5; background: var(--lbg); color: var(--t4); }
.project_prev_item .actions > span { background: var(--dbg); color: var(--t3); }

.w_tooltip { position: relative; cursor: pointer; }
.w_tooltip:before {text-align: left; background: var(--bg); position: absolute; content: attr(data-text);
    padding: 12px 16px; font-size: 16px; font-weight: 600; border-radius: 16px; display: none; }
.w_tooltip.t_top:before { bottom: calc(100% + 16px); right: 0; width: 334px;  }
.w_tooltip:after { content: ""; width: 0; height: 0; position: absolute;  border: 6px solid transparent; display: none;  }
.w_tooltip.t_top:after { border-top: 8px solid var(--bg); bottom: calc(100% + 2px); left: 0; right: 0; margin: auto;}
.w_tooltip:hover:before,.w_tooltip:hover:after { display: block; }

.tools_block { padding: 80px 0; }
.tools h4 { text-align: center; }
.tools_list { display: flex; flex-wrap: wrap; margin: 24px -4px 0; }
.tool { margin: 4px; border-radius: 16px; width: calc(25% - 8px); flex: 0 1 auto; padding: 24px; background: var(--gbg); }
.tool_icon { width: 120px; height: 60px; position: relative; margin: auto; }
.tool_icon img { max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.tool_body { margin-top: 8px; text-align: center; }


.back_link { display: inline-flex; align-items: center; color: var(--t2); font-weight: 600; font-size: 18px; transition: .3s; }
.back_link:before { content: ""; width: 16px; height: 16px; margin-right: 12px;
    background: url(../img/back_icon.svg) no-repeat 50% 50% / 16px auto; }
.back_link:hover { color: var(--t1); }

.project_link { color: var(--yellow); font-size: 18px; font-weight: 600; display: inline-flex; }

.project_page { padding: 32px 0; }
.project_page h1 { margin: 32px 0 16px; }

.about_project_box { display: flex; flex-wrap: wrap; margin: 16px -16px; }
.about_project_top_item { flex: 0 0 auto; margin: 16px; width: calc(50% - 32px); }
.about_project_top_item h5 { color: var(--t2); }
.about_project_top_item p { font-size: 18px; margin-top: 10px; }

.about_project_top_item.full_width {width: 100%;}
.about_group_list { display: flex; flex-wrap: wrap; margin: 20px -12px 0; }
.about_group_item { flex: 1 1 auto; margin: 12px; width: calc(25% - 24px); border-radius: 24px; padding: 24px; border: 1px solid rgba(255,255,255, .24); }
.about_group_item p { margin-top: 12px; color: var(--t1); }

.about_project_top_item ul {}
.about_project_top_item ul li{list-style: disc;
    margin-left: 15px; line-height: 1.5}

.project_pictures { padding: 32px 0 16px; margin-top: 32px; }
.project_pictures h4 { color: var(--t2); }
.project_pictures_list { margin: 16px -16px; display: flex; flex-wrap: wrap; }
.project_picture { margin: 16px; width: calc(50% - 32px); position: relative; border-radius: 24px; overflow: hidden; }
.project_picture:before { content: ""; padding-top: 59.1%; display: block; }
.project_picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.table { padding: 32px 24px; margin: 0 -24px; }
.table table { width: 100%; border-collapse: collapse; font-weight: 600; background: var(--gbg); border-radius: 24px; }
.table table th { padding: 20px 16px 18px; text-align: left;  white-space: nowrap; }
.table table td { padding: 12px 16px; background: var(--dbg); color: var(--t4); }
.table table td a[href*="mailto:"] { color: var(--yellow); }
.table table td a[href*="http"] { color: var(--yellow); }
.table table thead th:first-child { border-radius: 24px 0 0 0; }
.table table thead th:last-child { border-radius: 0 24px 0 0; }
.table table tbody tr:first-child td:first-child { border-top-left-radius: 24px; }
.table table tbody tr:first-child td:last-child { border-top-right-radius: 24px; }
.table table tbody tr:last-child td:first-child { border-bottom-left-radius: 24px; }
.table table tbody tr:last-child td:last-child { border-bottom-right-radius: 24px }

.table:not(.adaptive_table) { overflow: auto; }

footer { padding: 60px 0; }
.footer { display: flex; align-items: flex-start; justify-content: space-between; }
.f_left { width: calc(50% - 34px); }
.f_left > p { margin-top: 24px; }
.f_left .f_con_link { margin-top: 19px; }
.f_con_link { margin-left: -5px; margin-right: -5px; display: flex; align-items: center; flex-wrap: wrap; }
.btn_link { margin: 5px; padding: 0 24px; background: var(--gbg); background: var(--rgba); color: var(--t1);
    height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px; }
.btn_link:before { content: ""; width: 24px; height: 24px; flex: 0 0 auto; margin-right: 8px;
    opacity: .24; transition: .4s; }
.btn_link.tg_link:before { background: url(../img/tg_icon.svg) no-repeat 50% 50% / 24px auto; }
.btn_link.email_link:before { background: url(../img/email_icon.svg) no-repeat 50% 50% / 24px auto; }
.btn_link:hover:before { opacity: 1; }

.f_right { width: calc(50% - 34px); display: flex; align-items: flex-start; }
.f_right .f_nav { width: 50%; flex: 0 0 auto; }
.f_nav > li { margin-top: 12px; }
.f_nav > li > a { font-size: 20px; font-weight: 600; line-height: 1.56; letter-spacing: -.3px; color: var(--t1); }
.f_nav > li ul { margin-top: 4px; }
.f_nav > li ul li { margin-top: 8px; }
.f_nav > li ul li a { transition: .3s; }
.f_nav > li ul li a:hover { color: var(--t1); }

/*popup*/
.black_layout { display: none; z-index: 90; position: fixed; top: 0;
    left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .90); }
.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: var(--gbg) ; padding: 24px 32px; width: 100%; max-width: 580px;
    position: relative; border-radius: 24px; }
.close_popup { width: 24px; height: 24px; display: block; position: absolute; z-index: 5; font-size: 0;
    top: 24px; right: 24px; background: url(../img/close_icon.svg) no-repeat 50% 50% / 24px auto; }

.popup_body { width: 100%; margin: auto; }
.popup_body p { font-size: 18px; margin-top: 12px;}
.popup_body > .btn { margin-top: 24px; }
.popup_body > .btn-row { margin-top: 24px; }
.popup_body > .btn + .btn { margin-top: 12px; }


.alert {padding: 16px 16px 16px 48px;display: inline-block;  margin: 12px 0; border-radius: 10px; width: auto; position: relative}
.alert:before{content: ""; background-image: url("/img/icon_approve.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 24px; height: 24px; position:absolute; left: 16px; top:16px;}
.alert p{font-size: 16px; line-height: 24px; font-weight: 600; color:white; opacity: 0.8; width: auto;}
.alert.success{background-color: #0B8700;}
.alert.error{background-color:#B8353E;}
.alert.error:before{ background-image: url("/img/icon_attention.svg");}
.alert.warning{background-color: var(--yellow);}
.alert.warning:before{ background-image: url("/img/icon_attention.svg");}

.alert.warning p {opacity: 1;}

.app_links {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;margin:16px 0; ;}
.app_links .app_link{ opacity: 0.6; transition: 0.2s; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 12px; padding: 2px 4px;margin-right: 12px;}
.app_links .app_link:last-child {margin-right: 0;}
.app_links .app_link:hover {border-color: var(--yellow); opacity: 1;}
.app_links .app_link img { height: 40px; width: auto; object-fit: contain}


@media(max-width: 641px) {

    .container { padding: 0 16px; }

    h1 { font-size: 40px; line-height: 48px; font-weight: 600; letter-spacing: -.5px; }
    h3 { font-size: 32px; line-height: 1.2; }
    h4 { font-size: 24px; line-height: 1.3; }
    h5 { font-size: 20px; line-height: 1.3; }

    .intro h1 { font-size: 24px; line-height: 1.35; }
    .intro h5 { font-size: 20px; line-height: 1.35; }
    nav { width: 100%; }
    nav ul { width: 100%; }
    nav ul li { flex: 1 1 auto; }
    nav ul li a { font-size: 16px; padding: 0 16px; }
    nav ul li:nth-child(3) { display: none; }

    .header .logo { display: none; }

    .intro nav.scroll,.header nav { position: fixed; z-index: 50; top: 0; left: 0; right: 0; margin: 16px auto 0;
        width: calc(100% - 32px); }

    .our_projects_item,.our_projects_item:nth-child(-n+2) { width: calc(100% - 24px); padding: 20px 24px; }
    .our_projects_item { display: flex; text-align: left; align-items: flex-start; }
    .our_projects_item_icon,.our_projects_item:nth-child(-n+2) .our_projects_item_icon { width: 64px; margin: 10px 24px 0 0; flex:  0 0 auto; }
    .our_projects_item_icon img { max-width: 100%; max-height: 100%; }
    .our_projects_item_body { margin-top: 0; }


    .hk_link_box { padding: 20px 24px; }
    .form_inline > .btn { width: 100%; }

    .scope > p { font-size: 16px; }
    .scope_item { width: calc(100% - 24px); }


    .projects_slider { margin: 32px -12px 0; }
    .project_slide_body p { font-size: 16px; }
    .project_slide_body a { font-size: 16px; }

    .filter { overflow: auto; flex-wrap: nowrap; white-space: nowrap; padding: 12px;
        margin-left: -16px; margin-right: -16px; margin-bottom: 16px; }

    .project_prev_item { flex-direction: column; }
    .project_prev_item > * { width: calc(100% - 24px); }
    .project_prev_item > .num { width: calc(100% - 24px); display: none;}
    .project_prev_item > .name { width: calc(100% - 24px); }
    .project_prev_item > .description { width: calc(100% - 24px); margin-top: 0; }
    .project_prev_item .actions { justify-content: flex-start; }

    .w_tooltip.t_top:before { right: auto; left: 0; width: 280px; }



    .tool { width: calc(100% / 3 - 8px); }
    .tool_icon { width: 100%; }
    .tool_body { display: none; }


    .project_page_block { padding-top: 24px; }
    .about_project_top_item { width: calc(100% - 32px); }

    .about_group_item { width: calc(100% - 24px); }

    .project_picture { width: calc(100% - 16px); border-radius: 12px; }

    .table { padding: 24px 16px; margin: 0 -16px; }
    .table table { border-radius: 12px; }

    .table table tbody tr:first-child td:first-child { border-top-left-radius: 12px; }
    .table table tbody tr:last-child td:first-child { border-bottom-left-radius: 12px; }

    .table table tbody tr:last-child td:last-child { border-bottom-right-radius: 12px; }
    .table table tbody tr:first-child td:last-child { border-top-right-radius: 12px; }

    .table.adaptive_table thead { display: none; }
    .table.adaptive_table tbody tr { display: block; }
    .table.adaptive_table tbody tr + tr { margin-top: 8px; }
    .table.adaptive_table tbody tr td { display: block; }
    .table.adaptive_table tbody tr td:first-child { font-size: 24px; }
    .table.adaptive_table tbody tr td + td { padding-top: 0; }
    .table.adaptive_table tbody tr td[data-text]:before { content: attr(data-text); font-size: 14px; color: var(--t2); display: block; }
    .table.adaptive_table tbody tr:first-child td:first-child { border-radius: 12px 12px 0 0; }
    .table.adaptive_table tbody tr:last-child td:last-child { border-radius: 0 0 12px 12px; }



    .footer { flex-direction: column; }
    .f_left { width: 100%; }
    .f_right { width: 100%; flex-direction: column; }


    .btn-row-m-col { flex-direction: column; }
    .btn-row-m-col .btn { width: calc(100% - 12px); }
    .btn-row-m-col .btn + .btn { margin-top: 12px; }
    .projects_slide_list .project_slide {width: calc(100% ); flex: 0 0 auto;}

    .project_slide_img:before {padding-top: 62%;}
    .projects_slider_box { margin-right: 0; }
}


/* Слайдеры */
.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; transition: opacity .4s;}
[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;}
