@charset "UTF-8";
body { display: flex; flex-direction: column; min-height: 100vh; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; }

main { flex-grow: 1; }

.fa { vertical-align: middle; }

.fa-medium { height: 22px; }

.fa-large { height: 40px; }

.fa-xl { height: 60px; }

h2 { font-family: Raleway; font-style: normal; font-weight: 900; font-size: 50px; line-height: 59px; letter-spacing: 0.05em; color: #fff; }

@media (max-width: 960px) { h2 { font-size: 35px; line-height: 41px; } }

.header { padding: 0 40px 0 45px; display: flex; align-items: center; justify-content: space-between; height: 90px; width: 100%; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 10; transition: height .5s, background .3s; backdrop-filter: blur(30px); background: rgba(13, 13, 15, 0.8); }

.header_transparent-bg { background: none; backdrop-filter: none; }

.header__open, .header__close { margin-top: 5px; display: none; cursor: pointer; fill: #fff; }

.header__logo { width: 200px; height: 40px; }

.header__logo_mobile { width: auto; display: none; }

.header__controls { display: flex; }

.header nav ul { padding: 0; margin: 0; display: table; list-style: none; border-spacing: 45px 0; height: 100%; }

.header nav ul li { display: table-cell; vertical-align: middle; }

.header nav ul li.active a { color: #F84A38; }

.header nav ul a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #fff; text-transform: uppercase; text-decoration: none; }

.header nav .button { padding: 5px 20px; border-radius: 100px; background: #F84A38; }

.header .language-toggle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; text-transform: uppercase; text-decoration: none; color: #fff; position: relative; }

.header .language-toggle:before { content: ""; display: block; width: 26px; height: 26px; position: absolute; background: #F84A38; border-radius: 13px; top: 5px; transition: left 0.3s ease-in; }

.header .language-toggle ul { display: table; padding: 5px 4px; border: 1px solid #fff; box-sizing: border-box; border-radius: 18px; height: 32px; width: 64px; margin: 0; list-style: none; }

.header .language-toggle ul li { position: relative; display: table-cell; border-radius: 13px; height: 26px; width: 26px; text-align: center; vertical-align: middle; }

.header .language-toggle_en:before { left: 6px; }

.header .language-toggle_ru:before { left: 33px; }

@media (max-width: 1200px) { .header { background: rgba(13, 13, 15, 0.8); backdrop-filter: blur(30px); flex-wrap: wrap; align-items: start; align-content: start; padding: 11px 20px 0; height: 60px; } .header__open, .header__close { position: absolute; top: 6px; display: block; } .header__open { right: 15px; visibility: visible; opacity: 1; transition: opacity .5s ease; } .header__close { right: 18px; opacity: 0; visibility: hidden; transition: visibility 0s linear .5s, opacity .5s; } .header__logo { display: none; } .header__logo_mobile { display: inline-block; } .header__controls { width: 100%; display: block; opacity: 0; visibility: hidden; transition: visibility 0s linear .5s, opacity .5s ease; } .header .language-toggle { position: fixed; right: 20px; bottom: 20px; } .header nav ul { display: flex; flex-direction: column; } .header nav ul li { display: block; margin-top: 60px; } .header nav ul a { font-weight: 900; font-size: 35px; line-height: 41px; } .header_opened { height: 100%; } .header_opened .header__open { visibility: hidden; opacity: 0; transition: visibility 0s linear .5s, opacity .5s ease; } .header_opened .header__close, .header_opened .header__controls { opacity: 1; visibility: visible; transition-delay: 0s; } }

.contact-us { box-sizing: border-box; padding-top: 85px; height: 800px; background: url(/css/image/light-background.jpg) center; background-size: cover; }

.contact-us h2 { text-align: center; margin-bottom: 115px; color: #000; }

.contact-us__form { margin: 0 auto; width: 800px; }

.contact-us__form-row { margin-bottom: 40px; gap: 40px; display: flex; }

.contact-us__form-row input { flex-grow: 1; font-family: Open Sans; font-style: normal; font-weight: 300; font-size: 22px; line-height: 30px; color: #828282; height: 40px; border: 0; border-bottom: 1px solid #F84A38; }

.contact-us__form-row input.error { background: pink; }

.contact-us button { border: 1px solid #F84a38; text-decoration: none; vertical-align: middle; text-align: center; transition: color 0.3s, background 0.3s; margin: 80px auto 0; display: block; width: 335px; height: 75px; background: none; cursor: pointer; font-family: Raleway; font-style: normal; font-weight: 900; font-size: 30px; line-height: 35px; letter-spacing: 0.3em; text-transform: uppercase; color: #000; }

.contact-us button:hover { color: #fff; background: #F84a38; }

.contact-us__success { visibility: hidden; opacity: 0; transition: opacity .3s; text-align: center; margin-top: 50px; }

.contact-us__success_visible { visibility: visible; opacity: 1; }

@media (max-width: 960px) { .contact-us { padding-top: 30px; padding-bottom: 30px; height: auto; } .contact-us h2 { margin-bottom: 40px; } .contact-us form { margin: 0 20px 60px; width: auto; } .contact-us__form-row { gap: 0; margin: 0; flex-direction: column; } .contact-us input { margin-bottom: 40px; } .contact-us button { width: 330px; padding-right: 0; margin: 20px auto 0; } }

.footer { font-family: Open Sans; font-style: normal; font-weight: 300; font-size: 18px; line-height: 25px; color: #fff; padding-top: 50px; box-sizing: border-box; height: 215px; background: url(/css/image/dark-background.jpg) center; background-size: cover; }

.footer__row { margin: 0 auto; max-width: 1280px; padding: 0 40px; display: flex; justify-content: space-between; }

.footer__row:first-child { margin-bottom: 20px; }

.footer__row:first-child .fa { margin-right: 5px; }

.footer__phones { display: flex; flex-direction: column; }

.footer__phones a { margin-bottom: 10px; }

.footer a { color: inherit; text-decoration: none; }

.footer .fa { fill: #fff; }

.footer__socials { display: flex; justify-content: space-between; width: 150px; }

.footer__credits { text-align: right; }

.footer .highlight { color: #F84A38; }

@media (max-width: 960px) { .footer { padding-top: 40px; height: 300px; } .footer__row { flex-direction: column; } .footer__row:first-child { margin-bottom: 15px; } .footer__row:first-child a { margin-bottom: 10px; } }

.grid { display: grid; grid-template-columns: auto 40px 520px 40px 40px 520px 40px auto; }

.grid__cell_in-in:nth-child(odd) { grid-column: 3 / 4; }

.grid__cell_in-in:nth-child(even) { grid-column: 6 / 7; }

.grid__cell_in-out:nth-child(odd) { grid-column: 3 / 5; }

.grid__cell_in-out:nth-child(even) { grid-column: 6 / 8; }

.grid__cell_out-out:nth-child(odd) { grid-column: 2 / 5; }

.grid__cell_out-out:nth-child(even) { grid-column: 5 / 8; }

.grid__cell_out-in:nth-child(odd) { grid-column: 2 / 4; }

.grid__cell_out-in:nth-child(even) { grid-column: 5 / 7; }

@media (max-width: 1200px) { .grid { grid-template-columns: auto 30px 390px 30px 30px 390px 30px auto; } }

.hidden { display: none; }

.video__player { display: none; }

.video__thumbnail { cursor: pointer; position: relative; }

.video__thumbnail:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); }

.video__thumbnail:after { content: ""; position: absolute; top: calc(50% - 75px); left: calc(50% - 75px); height: 150px; width: 150px; background: url(/css/image/play-button.png) no-repeat center; transition: opacity .3s; }

.video__thumbnail:hover:after { opacity: .5; }

.video__thumbnail img { display: block; width: 100%; }

.video_started .video__player { display: block; }

.video_started .video__thumbnail { display: none; }

@media (max-width: 960px) { .video__thumbnail:after { transform: scale(0.8); } }

.home-page { position: relative; overflow: hidden; }

.home-page h2 { text-transform: uppercase; text-align: center; }

.intro { overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; height: 100vh; background: url(/css/image/computer-background.jpg) center; background-size: cover; }

.intro__gif { display: block; opacity: 0; transition: opacity .2s; margin: auto; width: 150px; }

.intro__name { opacity: 0; transition: opacity .1s; width: 250px; }

.intro__things1, .intro__things2, .intro__things3 { position: absolute; height: 1213px; width: 2000px; opacity: 0; transition: opacity .8s ease, transform .8s; }

.intro__things1 { transform: scale(0.5); background: url(/css/image/intro-things1.png); }

.intro__things2 { transform: scale(0.7); background: url(/css/image/intro-things2.png); }

.intro__things3 { transform: scale(0.8); background: url(/css/image/intro-things3.png); }

.intro_started .intro__gif { opacity: 1; }

.intro_started .intro__name { opacity: 1; }

.intro_started .intro__things1, .intro_started .intro__things2, .intro_started .intro__things3 { opacity: 1; transform: scale(1); }

@media (max-width: 960px) { .intro__things1, .intro__things2, .intro__things3 { display: none; } }

.what-we-do { box-sizing: border-box; font-family: Raleway; font-style: normal; text-align: center; padding: 150px 0 0; height: 840px; background: url(/css/image/light-background.jpg) center; background-size: cover; }

.what-we-do h2 { margin-bottom: 160px; color: #19191C; position: relative; }

.what-we-do h2:after { content: ""; display: block; position: absolute; bottom: -80px; left: calc(50% - 100px); width: 200px; border: 1px solid #F84A38; }

.what-we-do__answer { text-transform: uppercase; margin: 0 auto 250px; font-weight: 900; font-size: 40px; line-height: 47px; letter-spacing: 10px; max-width: 1000px; }

.what-we-do__answer span { opacity: 0; transform: translateY(50px); transition: opacity .3s, transform .3s; display: inline-block; }

.what-we-do__answer span:nth-child(3) { transition-delay: .6s; display: block; margin: 50px 0; }

@media (max-width: 960px) { .what-we-do__answer { margin-bottom: 120px; } .what-we-do__answer span { font-size: 25px; line-height: 47px; margin-bottom: 0; } .what-we-do__answer span:nth-child(2) { transition-delay: .6s; } .what-we-do__answer span:nth-child(3) { transition-delay: 1.2s; margin: 0; } }

.what-we-do_animated span { opacity: 1; transform: translateY(0); }

.what-we-do_animated .what-we-do__note { opacity: 1; }

.what-we-do__note { opacity: 0; transition: opacity .3s ease 1.2s; font-family: Open Sans; font-weight: 300; font-size: 18px; line-height: 25px; }

@media (max-width: 960px) { .what-we-do__note { transition-delay: 1.5s; } }

.what-we-do__thing { pointer-events: none; position: absolute; width: 650px; height: 781px; top: 1570px; right: -105px; transform: rotate(7deg); z-index: 1; background: url(/css/image/right-things.png); }

@media (max-width: 960px) { .what-we-do { height: 570px; padding-top: 30px; } .what-we-do__thing { display: none; } }

.our-projects { padding-top: 40px; box-sizing: border-box; padding-bottom: 80px; text-align: center; background: url(/css/image/dark-background.jpg) center; background-size: cover; }

.our-projects h2 { margin-bottom: 145px; position: relative; }

.our-projects h2:after { content: ""; display: block; position: absolute; bottom: -65px; left: 50%; margin-left: -100px; width: 200px; border: 1px solid #F84A38; }

.our-projects__project { display: flex; text-align: left; }

.our-projects__project:nth-child(odd) { flex-direction: row-reverse; text-align: right; }

.our-projects__project:nth-child(odd) img { float: left; }

.our-projects__project:nth-child(odd) .our-projects__description { padding-right: 40px; padding-left: 0; align-items: flex-end; }

@media (max-width: 960px) { .our-projects__project:nth-child(odd) .our-projects__description { align-items: initial; } }

@media (max-width: 960px) { .our-projects__project { flex-direction: column !important; margin-bottom: 35px; } }

.our-projects__thumbnail { overflow: hidden; width: 50%; height: 400px; }

.our-projects__thumbnail img { height: 100%; float: right; }

@media (max-width: 960px) { .our-projects__thumbnail { width: 100%; height: auto; } .our-projects__thumbnail img { width: 100%; float: none; } }

.our-projects h3 { font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 30px; line-height: 41px; display: flex; align-items: center; color: #fff; max-width: 520px; display: block; }

.our-projects__description { padding: 20px 0 0 40px; width: 50%; box-sizing: border-box; display: flex; flex-direction: column; }

.our-projects__description p { font-family: Open Sans; font-style: normal; font-weight: 300; font-size: 18px; line-height: 25px; color: #fff; max-width: 520px; }

@media (max-width: 960px) { .our-projects__description { width: 100%; height: auto; padding: 20px 20px 0 !important; } .our-projects__description h3 { margin-bottom: 25px; max-width: initial; } .our-projects__description p { margin-bottom: 30px; max-width: initial; } }

.our-projects__all { margin-top: 80px; }

.our-projects__all, .our-projects__description a { border: 1px solid #fff; text-decoration: none; vertical-align: middle; text-align: center; transition: color 0.3s, background 0.3s; display: inline-block; width: 230px; height: 50px; font-family: Open Sans; font-style: normal; font-weight: 300; font-size: 22px; line-height: 48px; color: #fff; }

.our-projects__all:hover, .our-projects__description a:hover { color: #fff; background: #F84a38; }

.our-projects__thing { pointer-events: none; position: absolute; width: 506px; height: 203px; left: -140px; top: 2800px; transform: rotate(-49deg); z-index: 1; background: url(/css/image/left-things.png); }

@media (max-width: 960px) { .our-projects { height: auto; padding-bottom: 30px; } .our-projects a { display: block; width: auto; } .our-projects__all { margin: 0 20px; } .our-projects__thing { display: none; } }

.calculator { padding-top: 160px; box-sizing: border-box; height: 800px; text-align: center; background: url(/css/image/lego-background.jpg) center; background-size: cover; }

.calculator h2 { margin-bottom: 70px; }

.calculator__link { border: 1px solid #F84A38; text-decoration: none; vertical-align: middle; text-align: center; transition: color 0.3s, background 0.3s; margin-bottom: 70px; text-transform: uppercase; height: 110px; max-width: 540px; width: 100%; display: inline-block; position: relative; font-family: Raleway; font-style: normal; font-weight: 900; font-size: 40px; line-height: 110px; letter-spacing: 9px; color: #fff; }

.calculator__link:hover { color: #fff; background: #F84a38; }

.calculator__link span:nth-child(even) { position: absolute; top: 0; right: 0; left: 0; background: #f84a38; letter-spacing: 9.33px; opacity: 0; transition: opacity 0.3s; }

.calculator__link:hover span { opacity: 1; }

.calculator__note { margin: 0 auto; max-width: 620px; font-family: Open Sans; font-style: normal; font-weight: 300; font-size: 18px; line-height: 25px; color: #fff; }

.calculator__thing { pointer-events: none; position: absolute; width: 650px; height: 781px; top: 3310px; right: -190px; transform: rotate(36deg); z-index: 1; background: url(/css/image/right-things.png); }

@media (max-width: 960px) { .calculator { height: 580px; padding-top: 80px; } .calculator h2 { margin-bottom: 80px; } .calculator__link { max-width: 380px; height: 100px; margin-bottom: 80px; font-size: 30px; line-height: 100px; } .calculator__thing { display: none; } }

.computer-vision { background: url(/css/image/computer-vision/main-background.jpg); background-size: 100% auto; position: relative; overflow: hidden; font-size: 18px; }

.computer-vision__container { padding: 0 40px; max-width: 1200px; margin: auto; }

@media (max-width: 960px) { .computer-vision__container { padding: 0; } }

.computer-vision__row { display: flex; margin-bottom: 40px; }

.computer-vision__row_animated .computer-vision__row-bg, .computer-vision__row_animated .computer-vision__cell, .computer-vision__row_animated .computer-vision__cell + .computer-vision__cell { opacity: 1; transform: none; }

.computer-vision__row_intro { margin-bottom: 0; }

.computer-vision__row_intro .computer-vision__text { margin-left: -80px; margin-top: 150px; }

@media (max-width: 960px) { .computer-vision__row_intro .computer-vision__image_left { margin: 0 0 10px -20px !important; width: calc(100% - 20px) !important; } }

.computer-vision__row_conditions { margin-bottom: 35px; }

.computer-vision__row_conditions .computer-vision__cell:first-child { z-index: 1; }

.computer-vision__row_conditions .computer-vision__text { margin-top: 100px; position: relative; }

.computer-vision__row_conditions img { margin-left: -120px; }

@media (max-width: 960px) { .computer-vision__row_conditions { flex-direction: column-reverse !important; } }

.computer-vision__row_video { margin: 0 -40px 40px; justify-content: center; align-items: center; }

.computer-vision__row_cargo { margin-bottom: 80px; }

.computer-vision__row_cargo .computer-vision__image { margin-right: -200px; }

.computer-vision__row_cargo .computer-vision__text { margin-top: 110px; }

.computer-vision__row_hidden-in-sight .computer-vision__cell:first-child { z-index: 1; }

.computer-vision__row_hidden-in-sight .computer-vision__text { margin-top: 110px; position: relative; }

.computer-vision__row_hidden-in-sight img { margin-left: -200px; }

@media (max-width: 960px) { .computer-vision__row_hidden-in-sight { flex-direction: column-reverse !important; } }

.computer-vision__row_link-control { min-height: 775px; }

.computer-vision__row_link-control .computer-vision__row-bg { position: absolute; left: calc(50% - 785px); height: 775px; width: 1570px; }

.computer-vision__row_link-control .computer-vision__text { position: relative; }

.computer-vision__row_link-control .computer-vision__text_right { margin-top: -10px; margin-right: -80px; }

@media (max-width: 1199px) { .computer-vision__row_link-control .computer-vision__text_right { margin-right: -40px; margin-top: -20px; } }

.computer-vision__row_link-control .computer-vision__text_left { margin-top: 290px; margin-left: -80px; }

@media (max-width: 1199px) { .computer-vision__row_link-control .computer-vision__text_left { margin-top: 345px; margin-left: -40px; } }

@media (max-width: 960px) { .computer-vision__row_link-control .computer-vision__row-bg { position: static; height: auto; } }

.computer-vision__row_at-first-sight { margin-bottom: 80px; }

.computer-vision__row_at-first-sight .computer-vision__image { margin-right: -200px; }

.computer-vision__row_at-first-sight .computer-vision__text { margin-top: 110px; }

.computer-vision__row_no-mistakes img { margin-left: -200px; }

.computer-vision__row_no-mistakes .computer-vision__cell:first-child { z-index: 1; }

.computer-vision__row_no-mistakes .computer-vision__text { margin-top: 110px; position: relative; }

@media (max-width: 960px) { .computer-vision__row_no-mistakes { flex-direction: column-reverse !important; } }

.computer-vision__row_dont-tell-anyone .computer-vision__image { margin-right: -60px; }

.computer-vision__row_dont-tell-anyone .computer-vision__text { margin-top: 120px; }

@media (max-width: 960px) { .computer-vision__row_dont-tell-anyone .computer-vision__image { margin-left: -40px !important; } }

.computer-vision__row_challenges { min-height: 798px; position: relative; }

.computer-vision__row_challenges .computer-vision__row-bg { position: absolute; left: calc(50% - 857px); width: 1714px; height: 798px; background: url(/css/image/computer-vision/9.png); }

.computer-vision__row_challenges .computer-vision__text { margin-top: 100px; padding-top: 45px; position: relative; justify-content: flex-start; }

.computer-vision__row_challenges .computer-vision__text h2 { display: flex; align-items: flex-end; height: 120px; }

.computer-vision__row_challenges .computer-vision__text li { margin-bottom: 30px; }

.computer-vision__row_challenges .computer-vision__text dt, .computer-vision__row_challenges .computer-vision__text dd { margin-bottom: 20px; }

.computer-vision__row_challenges .computer-vision__text_right { margin-right: 0; }

.computer-vision__row_challenges .computer-vision__text_left { margin-left: -40px; }

@media (max-width: 1199px) { .computer-vision__row_challenges .computer-vision__text { position: relative; padding: 0 20px; margin: 100px 0; background: #fff; height: auto; width: 374px; } .computer-vision__row_challenges .computer-vision__text:before, .computer-vision__row_challenges .computer-vision__text:after { position: absolute; left: 0; content: ""; width: 100%; background: url(/css/image/computer-vision/text-light-background.png) center top; background-size: cover; } .computer-vision__row_challenges .computer-vision__text:before { height: 45px; top: -45px; } .computer-vision__row_challenges .computer-vision__text:after { height: 65px; bottom: -65px; background-position: center bottom; } }

@media (max-width: 1199px) { .computer-vision__row_challenges { align-items: flex-start; justify-content: space-evenly; } .computer-vision__row_challenges .computer-vision__cell { width: auto; } }

@media (max-width: 960px) { .computer-vision__row_challenges h2 { height: auto !important; } .computer-vision__row_challenges .computer-vision__row-bg { width: 890px; height: 414px; left: calc(50% - 445px); transform: rotate(90deg); background: url(/css/image/computer-vision/9.png); background-size: contain; } }

.computer-vision__row_results { color: #fff; flex-wrap: wrap; justify-content: space-between; margin: 220px 0 160px; }

.computer-vision__row_results h2 { flex-basis: 100%; }

.computer-vision__row_results > div { flex-basis: 22%; }

.computer-vision__row_results .fa { margin-bottom: 20px; display: block; }

@media (max-width: 960px) { .computer-vision__row_results { align-items: flex-start !important; padding: 0 40px; margin-top: 0; } .computer-vision__row_results > div { margin-bottom: 20px; flex-basis: 100%; } }

.computer-vision__row_authorize { color: #fff; flex-direction: column; align-items: center; margin-bottom: 0 !important; padding-top: 25px; box-sizing: border-box; height: 200px; background: url(/css/image/computer-vision/11.jpg) top center; background-size: cover; }

.computer-vision__row_authorize a { border: 1px solid #EE1C28; text-decoration: none; vertical-align: middle; text-align: center; transition: color 0.3s, background 0.3s; margin: 25px 0; position: relative; width: 600px; height: 50px; border-color: #FFDC3A; transition: border-color .3s; color: inherit; }

.computer-vision__row_authorize a:hover { color: #fff; background: #F84a38; }

.computer-vision__row_authorize a span { font-weight: 300; line-height: 50px; right: 0; left: 0; position: absolute; height: 100%; transition: opacity .3s; }

.computer-vision__row_authorize a span:last-child { text-transform: uppercase; opacity: 0; }

.computer-vision__row_authorize a:hover { border-color: #EE1C28; }

.computer-vision__row_authorize a:hover span { opacity: 0; }

.computer-vision__row_authorize a:hover span:last-child { opacity: 1; }

.computer-vision__row_authorize > div { font-family: Raleway; font-style: normal; font-weight: 900; font-size: 25px; letter-spacing: 0.3em; }

@media (max-width: 960px) { .computer-vision__row_authorize { padding: 0 40px; text-align: center; justify-content: space-evenly; } .computer-vision__row_authorize a { margin: 0; flex-shrink: 0; width: 334px; } .computer-vision__row_authorize > div { font-size: inherit; } }

.computer-vision__row-bg { opacity: 0; transition: opacity .5s; }

@media (max-width: 960px) { .computer-vision__row { flex-direction: column; margin-bottom: 20px; align-items: center; } .computer-vision__row .computer-vision__image, .computer-vision__row .computer-vision__row-bg { margin: 0 0 20px; width: calc(100% - 40px); } }

.computer-vision__cell { width: 50%; transform: translateX(-100px); opacity: 0; transition: opacity .5s, transform .5s; }

.computer-vision__cell + .computer-vision__cell { transform: translateX(100px); }

@media (max-width: 960px) { .computer-vision__cell { width: 100%; text-align: center; } }

.computer-vision__text { flex-shrink: 0; box-sizing: border-box; padding: 0 40px 0; display: flex; flex-direction: column; justify-content: center; font-family: Open Sans; font-style: normal; font-weight: normal; line-height: 25px; }

.computer-vision__text h2 { color: inherit; margin: 0 0 30px; }

.computer-vision__text p { margin: 0 0 25px; }

.computer-vision__text hr { margin: 0 0 25px; width: 150px; border-top: none; border-color: #FFDC3A; }

.computer-vision__text ul { list-style-type: "-"; padding-left: 10px; }

.computer-vision__text li { padding-left: 5px; }

.computer-vision__text dt { font-weight: bold; }

.computer-vision__text dd { margin: 0; }

.computer-vision__text_left { margin-left: -40px; }

.computer-vision__text_right { float: right; margin-right: -40px; }

.computer-vision__text_dark { height: 500px; width: 680px; background: url(/css/image/computer-vision/text-dark-background.png); color: #fff; }

.computer-vision__text_light { height: 623px; width: 600px; background: url(/css/image/computer-vision/text-light-background.png); color: #000; }

@media (max-width: 960px) { .computer-vision__text { float: none; position: relative; padding: 20px 20px 0 !important; width: 375px; height: auto; background: none; line-height: 22px; text-align: left; } .computer-vision__text h2 { margin: 0 0 30px; } .computer-vision__text p { margin: 0 0 20px; } .computer-vision__text hr { margin-bottom: 20px; } .computer-vision__text_light { margin: 40px auto 80px !important; background: #fff; } .computer-vision__text_light:before, .computer-vision__text_light:after { position: absolute; left: 0; content: ""; width: 100%; background: url(/css/image/computer-vision/text-light-background.png) center top; background-size: cover; } .computer-vision__text_light:before { height: 45px; top: -45px; } .computer-vision__text_light:after { height: 65px; bottom: -65px; background-position: center bottom; } .computer-vision__text_dark { margin: 40px auto 80px !important; background: #000; } .computer-vision__text_dark:before, .computer-vision__text_dark:after { position: absolute; left: 0; content: ""; width: 100%; background: url(/css/image/computer-vision/text-dark-background.png) center top; background-size: cover; } .computer-vision__text_dark:before { height: 40px; top: -40px; } .computer-vision__text_dark:after { height: 60px; bottom: -60px; background-position: center bottom; } }

.computer-vision__image_left { float: right; }

@media (max-width: 960px) { .computer-vision__image_left { float: none; } }

.computer-vision__image_right { float: left; margin-left: -200px; }

.computer-vision__video { display: flex; flex-direction: column; box-sizing: border-box; padding: 40px; width: 1200px; height: 800px; background: url(/css/image/computer-vision/video-background.png); background-size: contain; }

.computer-vision__video h2 { flex: 0 1 auto; margin: 0 0 30px 50px; }

.computer-vision__video .video { flex: 1 1 auto; }

@media (max-width: 1199px) { .computer-vision__video { width: 800px; height: 533px; padding-top: 5px; margin-bottom: 20px; } .computer-vision__video h2 { margin-bottom: 15px; margin-left: 30px; } }

@media (max-width: 960px) { .computer-vision__video { width: 374px; height: 249px; padding: 5px 20px 20px; } .computer-vision__video h2 { margin-bottom: 5px; margin-left: 5px; } }

@media (max-width: 960px) { .computer-vision { font-size: 16px; background-size: auto; } .computer-vision h2 { font-size: 30px; line-height: 35px; } }

@media (max-width: 960px) { body { font-size: 16px; } }

.whcvc { overflow-x: hidden; }

.whcvc .grid__cell { opacity: 0; transition: opacity 0.5s, transform 0.5s; }

.whcvc .grid__cell:nth-child(odd) { transform: translateX(-100px); }

.whcvc .grid__cell:nth-child(even) { transform: translateX(100px); }

.whcvc .grid__cell.animated { transform: translateX(0) !important; opacity: 1; }

.whcvc .note { margin: 40px 0; border-left: 1px solid #F84A38; padding-left: 40px; }

.whcvc ul { padding: 0; list-style-type: "·"; }

.whcvc li { padding-left: 10px; margin-bottom: 15px; }

.whcvc__intro { color: #fff; padding-top: 50px; background: url(/css/image/whcvc/background-1.jpg) top center; background-size: cover; }

.whcvc__intro .tablet-pic { float: right; }

.whcvc__intro .chair-pic { float: none; position: absolute; left: -130px; top: -390px; }

.whcvc__intro .grid__cell:nth-child(2) { display: flex; flex-direction: column; justify-content: center; }

@media (max-height: 800px) { .whcvc__intro .grid__cell:nth-child(2) { height: 500px; } }

@media (max-height: 600px) { .whcvc__intro .grid__cell:nth-child(2) { height: 300px; } }

.whcvc__intro .grid__cell:nth-child(4) { position: relative; height: 700px; }

.whcvc__intro .grid__cell:nth-child(4) span { font-weight: bold; position: absolute; }

.whcvc__intro .grid__cell:nth-child(4) span:nth-child(2) { text-align: right; width: 430px; top: 560px; left: -90px; }

.whcvc__intro .grid__cell:nth-child(4) span:nth-child(3) { text-align: right; top: 635px; right: 485px; left: -400px; }

.whcvc__how-we-did-it { color: #fff; text-align: center; position: relative; padding: 30px 0 20px; background: url(/css/image/dark-background.jpg) top center; background-size: cover; }

.whcvc__how-we-did-it h2, .whcvc__how-we-did-it .video, .whcvc__how-we-did-it p { transition: opacity 0.5s; opacity: 0; position: relative; z-index: 1; }

.whcvc__how-we-did-it .video { height: 450px; width: 800px; margin: 20px auto 20px; }

.whcvc__how-we-did-it:before { content: ""; position: absolute; top: calc(50% - 375px); left: calc(50% - 1060px); height: 751px; width: 2121px; background: url(/css/image/whcvc/things.png); opacity: 0; transform: scale(0.8); transition: opacity 0.5s, transform 0.5s; pointer-events: none; }

.whcvc__how-we-did-it.animated h2, .whcvc__how-we-did-it.animated .video, .whcvc__how-we-did-it.animated p { opacity: 1; }

.whcvc__how-we-did-it.animated:before { opacity: 1; transform: scale(1); }

.whcvc__future { padding-top: 100px; background: url(/css/image/whcvc/background-grey-white.jpg) top center; background-size: cover; }

.whcvc__future .grid__cell { margin-bottom: 160px; }

.whcvc__future .chair-with-person-pic { float: right; margin-right: 30px; }

.whcvc__future .tablet-with-chart-pic { margin: -250px 0 0 -310px; }

.whcvc__future h2 { color: #000; }

.whcvc__good-do-better { padding: 200px 0 75px; background: url(/css/image/whcvc/background-grey.jpg) top center; background-size: cover; }

.whcvc__good-do-better h2 { color: #000; }

.whcvc__good-do-better img { float: right; margin: -115px -220px 0 0; }

.whcvc__cosmos { color: #fff; padding: 300px 0 250px; background: url(/css/image/whcvc/background-cosmos.jpg) top center; background-size: cover; }

.whcvc__faster-better { color: #fff; padding: 240px 0 130px; background: url(/css/image/dark-background.jpg) top center; background-size: cover; }

.whcvc__faster-better img { float: right; margin: -130px -110px 0 0; }

.whcvc__challenges { padding: 100px 0; background: url(/css/image/light-background.jpg) top center; background-size: cover; }

.whcvc__challenges .grid__cell { align-self: center; }

.whcvc__challenges h2 { color: #000; }

.whcvc__challenges dt { font-weight: bold; }

.whcvc__challenges dt, .whcvc__challenges dd { margin: 0 0 30px; }

.whcvc__technologies { text-align: center; padding: 120px 0 150px; background: url(/css/image/whcvc/background-grey.jpg); }

.whcvc__technologies h2 { color: #000; }

.whcvc__technologies ul:before { content: ""; border-top: 1px solid #000; display: block; margin: auto; width: calc(6 * 150px); }

.whcvc__technologies li { display: inline-block; margin: 0; padding: 0; width: 150px; }

.whcvc__technologies li:before { content: ""; border-left: 1px solid #000; display: block; margin: 0 auto 10px; height: 35px; width: 0; }

.whcvc__technologies li:after { content: ""; border-top: 1px solid #000; display: block; margin: 10px auto 0; width: 30px; }

.whcvc__results { color: #fff; padding: 35px 0 10px; background: url(/css/image/whcvc/background-results.jpg) top center; background-size: cover; }

.whcvc__results .fa { display: block; margin-bottom: 20px; }

.whcvc__results > div { max-width: 1200px; margin: auto; }

.whcvc__results > div > div { display: flex; flex-wrap: wrap; justify-content: space-between; }

.whcvc__results > div > div > div { flex-shrink: 0; width: 27%; margin-bottom: 80px; }

.whcvc__results p { text-align: center; }

@media (max-width: 1280px) { .whcvc .grid { display: flex; flex-wrap: wrap; justify-content: center; } .whcvc .grid__cell:nth-child(1) { width: 320px; margin-right: 40px; } .whcvc .grid__cell:nth-child(2) { width: 520px; } .whcvc .grid__cell:nth-child(3) { width: 520px; margin-right: 40px; } .whcvc .grid__cell:nth-child(4) { width: 320px; } .whcvc__intro .grid__cell:nth-child(4) span:nth-child(3) { left: -485px; } .whcvc__cosmos { padding-left: 40px; justify-content: flex-start !important; } .whcvc__cosmos .grid__cell:nth-child(1) { width: 520px; } .whcvc__technologies ul:before { width: calc(calc($tecnologie-count - 1)*130px); } .whcvc__technologies li { width: 130px; } .whcvc__challenges .grid__cell:nth-child(1) { width: 400px; } .whcvc__challenges .grid__cell:nth-child(2) { width: 400px; } .whcvc__results { padding-right: 40px; padding-left: 40px; } .whcvc__results > div { max-width: 960px; } }

@media (max-width: 960px) { .whcvc h2 { margin: 0; } .whcvc .grid { padding-right: 20px; padding-left: 20px; } .whcvc .grid__cell { margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 20px; order: 2; width: 100% !important; } .whcvc .grid__cell img { float: none; width: 100%; } .whcvc__intro .grid__cell:nth-child(1) img { margin-left: -50px; } .whcvc__intro .grid__cell:nth-child(2) { order: 1; height: auto; } .whcvc__intro .grid__cell:nth-child(3) { padding-right: 20px; } .whcvc__intro .grid__cell:nth-child(4) { height: auto; } .whcvc__intro .grid__cell:nth-child(4) img { top: auto; right: calc(7% + 15px); left: auto; margin-top: -220px; position: relative; width: 150%; } .whcvc__intro .grid__cell:nth-child(4) span { right: 5% !important; } .whcvc__intro .grid__cell:nth-child(4) span:nth-child(2) { top: auto; bottom: calc(8% + 20px); left: 0; width: auto; } .whcvc__intro .grid__cell:nth-child(4) span:nth-child(3) { top: auto; bottom: calc(2% + 10px); left: auto; } .whcvc__how-we-did-it { padding-right: 20px; padding-left: 20px; } .whcvc__how-we-did-it .video { height: auto; width: 100%; } .whcvc__how-we-did-it .video__player { position: absolute; } .whcvc__how-we-did-it .video_started { padding-bottom: 56.25%; } .whcvc__future .grid__cell:nth-child(3) { order: 3; } .whcvc__future .grid__cell:nth-child(4) img { margin: 0 0 0 -42%; width: 160%; } .whcvc__cosmos { padding-top: 70px; padding-bottom: 70px; } .whcvc__faster-better { padding-top: 200px; padding-bottom: 40px; } .whcvc__challenges { padding-top: 70px; padding-bottom: 50px; } .whcvc__technologies { padding: 70px 0 20px; } .whcvc__technologies ul { margin-left: auto; margin-right: auto; width: 250px; position: relative; display: flex; flex-direction: column; align-items: flex-end; } .whcvc__technologies ul:before { border-top: 0; border-left: 1px solid #000; width: 0; height: calc((7 - 1)*45px); position: absolute; left: calc(50% - 75px); top: 13px; } .whcvc__technologies li { width: 130px; position: relative; text-align: left; margin-bottom: 20px; } .whcvc__technologies li:before { border-left: 0; border-top: 1px solid #000; display: block; margin: 0 auto 10px; width: 60px; position: absolute; left: -70px; top: 50%; } .whcvc__technologies li:after { display: none; } .whcvc__results h2 { margin-bottom: 40px; } .whcvc__results > div > div > div { width: 100%; } }

.passbolt { font-weight: 300; }

.passbolt ul { list-style-type: "- "; }

.passbolt__wrapper { max-width: 960px; margin: 0 auto 0; }

.passbolt__table { border-collapse: collapse; }

.passbolt__table tr:first-child { text-align: center; }

.passbolt__table-row_white { background: #fff; }

.passbolt__table-row_grey { background: #D5D6DB; }

.passbolt__table td, .passbolt__table th { padding: 20px 40px; }

.passbolt__intro { text-align: center; color: #fff; padding: 50px 0 80px; background: url(/css/image/passbolt/dark-background.jpg) top center; background-size: cover; }

.passbolt__intro h1 { margin-bottom: 60px; font-family: Raleway; font-weight: bold; font-size: 50px; }

.passbolt__intro hr { margin-bottom: 60px; border-color: #F84A38; width: 200px; }

.passbolt__intro .grid { margin-top: 70px; text-align: left; }

.passbolt__intro .grid__cell:first-child { text-align: right; }

.passbolt__data-protection { background: url(/css/image/light-background.jpg) top center; background-size: cover; padding: 80px 0 200px; overflow: hidden; }

.passbolt__data-protection h2 { color: #000; }

.passbolt__data-protection .grid__cell:first-child { position: relative; z-index: 1; }

.passbolt__data-protection img { translate: -110px 110px; }

.passbolt__efficacy { padding: 80px 0 60px; background: url(/css/image/passbolt/dark-background.jpg) top center; background-size: cover; color: #fff; }

.passbolt__efficacy h2 { margin-top: 0; }

.passbolt__efficacy .grid__cell:first-child { text-align: right; }

.passbolt__efficacy .grid { margin-bottom: 50px; }

.passbolt__efficacy > p { text-align: center; }

.passbolt__security { padding: 40px 0 80px; background: url(/css/image/light-background.jpg) top center; background-size: cover; }

.passbolt__security h2 { margin: 60px 0; text-align: center; color: #000; }

.passbolt__technical-solution { padding: 40px 0 120px; background: #E3E7E9; }

.passbolt__technical-solution h2 { text-align: center; color: #000; }

.passbolt__technical-solution td { width: 50%; }

.passbolt__technical-solution th { font-size: 25px; font-weight: bold; letter-spacing: 8px; }

.passbolt__socials { padding: 10px 0 50px; background: #fff; text-align: center; }

.passbolt__socials h2 { color: #000; }

.passbolt__socials a { text-decoration: none; color: #000; display: inline-block; }

.passbolt__socials a + a { margin-left: 25px; }

.passbolt__socials img { margin-bottom: 5px; display: block; }

@media (max-width: 960px) { .passbolt h1, .passbolt h2 { font-size: 30px; } .passbolt .grid { display: flex; flex-direction: column; } .passbolt__intro, .passbolt__data-protection, .passbolt__efficacy, .passbolt__security, .passbolt__technical-solution, .passbolt__socials { padding-right: 20px; padding-left: 20px; } .passbolt__intro .grid__cell:first-child { text-align: center; } .passbolt__data-protection { padding-top: 50px; padding-bottom: 50px; } .passbolt__data-protection.grid { flex-direction: column-reverse; } .passbolt__data-protection .grid__cell:last-child { height: 200px; } .passbolt__data-protection img { position: absolute; transform-origin: left top; scale: .44; translate: none; } .passbolt__efficacy .grid__cell:first-child { text-align: center; margin-bottom: 30px; } .passbolt__security { padding-bottom: 50px; } .passbolt__security h2 { margin: 20px 0; } .passbolt__technical-solution { padding-top: 30px; padding-bottom: 20px; } .passbolt__socials > div { width: 300px; margin: auto; letter-spacing: 20px; } .passbolt__socials a { margin: 0 !important; letter-spacing: initial; } .passbolt__table { table-layout: fixed; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; margin-bottom: 30px; } .passbolt__table img { scale: .7; transform-origin: left; } .passbolt__table tr:first-child td { overflow: hidden; padding: 0; } .passbolt__table th { font-size: 20px; letter-spacing: 6px; } .passbolt__table th, .passbolt__table td { padding: 20px; } }

.f-geo__intro { padding: 60px 0 90px; background: url(/css/image/4geo/Back.jpg) top center; background-size: cover; display: grid; grid-template-columns: auto 600px 600px auto; grid-template-rows: 200px repeat(21, 100px); color: #fff; }

.f-geo__intro p { font-weight: 300; }

.f-geo h1 { grid-column-start: 2; grid-column-end: 4; position: relative; margin-bottom: 140px; text-align: center; font-size: 50px; }

.f-geo h1:after { content: ""; display: block; width: 200px; border-bottom: 1px solid #F84A38; position: absolute; bottom: -70px; left: calc(50% - 100px); }

.f-geo__col-left { grid-column-start: 2; grid-column-end: 3; text-align: right; }

.f-geo__col-left img { margin: 20px 40px 20px 0; }

.f-geo__col-left_1 { grid-row-start: 2; }

.f-geo__col-left_2 { grid-row-start: 10; }

.f-geo__col-left_3 { grid-row-start: 11; }

.f-geo__col-right { grid-column-start: 3; grid-column-end: 4; }

.f-geo__col-right img { margin: 20px 0 20px 40px; }

.f-geo__col-right_3 { grid-row-start: 6; }

.f-geo__col-right_4 { grid-row-start: 15; }

@media (max-width: 1200px) { .f-geo__intro { grid-template-columns: auto 450px 450px auto; } }

@media (max-width: 960px) { .f-geo h1 { font-size: 30px; } .f-geo__intro { display: block; padding-left: 20px; padding-right: 20px; } .f-geo__intro img { width: 100%; margin: 20px 0; } .f-geo__col-left, .f-geo__col-right { text-align: center; } }

.juice-fit__intro { padding: 60px 0 90px; background: url(/css/image/juice-fit/Back.jpg); background-size: cover; display: grid; grid-template-columns: auto 600px 600px auto; grid-template-rows: 200px repeat(12, 100px); color: #fff; }

.juice-fit__intro p { font-weight: 300; }

.juice-fit h1 { grid-column-start: 2; grid-column-end: 4; position: relative; margin-bottom: 140px; text-align: center; font-size: 50px; }

.juice-fit h1:after { content: ""; display: block; width: 200px; border-bottom: 1px solid #F84A38; position: absolute; bottom: -70px; left: calc(50% - 100px); }

.juice-fit__col-left { grid-column-start: 2; grid-column-end: 3; text-align: right; }

.juice-fit__col-left_1 { grid-row-start: 2; }

.juice-fit__col-left_2 { grid-row-start: 10; }

.juice-fit__col-left img { margin: 20px 40px 20px 0; }

.juice-fit__col-right { grid-column-start: 3; grid-column-end: 4; }

.juice-fit__col-right img { margin: 20px 0 20px 40px; }

.juice-fit__col-right_1 { grid-row-start: 3; }

.juice-fit__col-right_2 { grid-row-start: 4; }

.juice-fit__col-right_3 { grid-row-start: 6; }

@media (max-width: 1200px) { .juice-fit__intro { grid-template-columns: auto 450px 450px auto; } }

@media (max-width: 960px) { .juice-fit h1 { font-size: 30px; } .juice-fit__intro { display: block; padding-left: 20px; padding-right: 20px; } .juice-fit__intro img { width: 100%; margin: 20px 0; } .juice-fit__col-left, .juice-fit__col-right { text-align: center; } }

.portfolio { padding-top: 90px; background: url(/css/image/dark-background.jpg) center top; background-size: cover; }

.portfolio__cases { background: url(/css/image/dark-background.jpg) center top; background-size: cover; display: grid; grid-template-columns: repeat(4, 25%); color: #fff; }

.portfolio__cases h2 { font-size: 30px; font-weight: 700; }

.portfolio__cell { height: 400px; overflow: hidden; }

.portfolio__cell img { height: 100%; }

.portfolio__cell a { color: inherit; display: inline-block; padding: 7px 20px; border: 1px solid #fff; text-decoration: none; vertical-align: middle; text-align: center; transition: color 0.3s, background 0.3s; }

.portfolio__cell a:hover { color: #fff; background: #F84a38; }

.portfolio__cell > div { display: inline-block; padding: 40px; max-width: 520px; }

.portfolio__cell_1 { grid-column-start: 1; }

.portfolio__cell_1.portfolio__cell_lg { grid-column-end: 3; text-align: right; }

.portfolio__cell_1.portfolio__cell_lg img { float: right; }

.portfolio__cell_2 { grid-column-start: 2; }

.portfolio__cell_2.portfolio__cell_lg { grid-column-end: 4; }

.portfolio__cell_3 { grid-column-start: 3; }

.portfolio__cell_3.portfolio__cell_lg { grid-column-end: 5; }

.portfolio__cell_4 { grid-column-start: 4; }

.portfolio__cell_simple { position: relative; text-align: center; }

.portfolio__cell_simple h2 { margin: 0; position: absolute; top: calc(50% - 30px); left: 0; width: 100%; }

.portfolio__cell_simple:before { content: ""; position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; background: #f84a38; transition: opacity .3s; }

.portfolio__cell_simple:hover:before { opacity: .7; }

.portfolio__modal { background: #ccc; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; overflow-y: scroll; z-index: 100; }

.portfolio__modal > button { position: absolute; background: no-repeat; border: 0; color: #fff; top: 30px; right: 40px; padding: 10px; cursor: pointer; }

@media (max-width: 1200px) { .portfolio { padding-top: 60px; } }

@media (max-width: 960px) { .portfolio__cases { display: flex; flex-direction: column; } .portfolio__cell { display: block; height: auto; } .portfolio__cell:nth-child(3) { order: 1; } .portfolio__cell > div { margin-bottom: 20px; padding: 0 20px; } .portfolio__cell img { float: none !important; width: 100%; } .portfolio__cell_simple { order: 2; height: 224px; } .portfolio__cell_simple img { height: auto; } .portfolio__modal > button { top: 10px; right: 15px; } }

.about__contacts { background: url(/css/image/Phone.jpg) top center; background-size: cover; padding-top: 90px; height: 800px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; color: #fff; font-weight: 300; }

.about__contacts h2 { flex-basis: 100%; margin: 260px 0 90px; text-align: center; }

.about__contacts h3 { position: relative; margin-bottom: 60px; text-align: center; font-family: Raleway; font-size: 25px; letter-spacing: 5px; }

.about__contacts h3:after { content: ""; position: absolute; bottom: -30px; left: calc(50% - 30px); width: 60px; border-bottom: 1px solid #F84A38; }

.about__contacts .fa { fill: #fff; }

.about__contacts > div + div { margin-left: 160px; }

.about__name { padding: 100px 0; background: #313136; color: #fff; text-align: center; }

.about__name img { margin-right: 200px; width: 268px; }

.about__name hr { width: 280px; margin: 10px auto; border-bottom: 1px solid #F84A38; }

.about__name p { margin: 0 0 0 200px; }

.about__team { background: url(/css/image/light-background.jpg) top center; background-size: cover; padding: 100px 0 140px; }

.about__team h2 { text-align: center; color: #000; }

.about__contact-person { background: url(/css/image/City.jpg) center top; background-size: cover; padding: 160px 0; color: #fff; }

.about__contact-person .fa { fill: #fff; }

.about__contact-person h3 { position: relative; margin-bottom: 60px; letter-spacing: 5px; }

.about__contact-person h3:after { content: ""; display: block; position: relative; bottom: -30px; width: 100%; border-bottom: 1px solid #F84A38; }

.about__contact-person figure { flex-shrink: .5; }

.about__contact-person figcaption { text-align: right; color: #F84A38; }

.about__contact-person .grid__cell:first-child a { text-decoration: none; margin-right: 40px; }

.about__contact-person .grid__cell:first-child p { display: flex; margin-bottom: 40px; }

.about__contact-person .grid__cell:first-child p .fa { margin-right: 40px; }

.about__contact-person .grid__cell:last-child { display: flex; }

.about__clients { background: url(/css/image/dark-background.jpg) center top; background-size: cover; padding: 30px 0 60px; position: relative; text-align: center; color: #fff; }

.about__clients h2 { position: relative; margin-bottom: 60px; }

.about__clients h2:after { content: ""; position: absolute; bottom: -30px; left: calc(50% - 60px); width: 120px; border-bottom: 1px solid #F84A38; }

.about__clients p { font-weight: 900; font-size: 25px; letter-spacing: 4px; margin-bottom: 50px; }

.about__clients span { position: absolute; top: 550px; right: calc(50% + 250px); text-align: right; width: 300px; }

.about__clients img { max-width: 840px; }

@media (max-width: 1200px) { .about__contact-person .grid__cell:last-child img { width: 100%; } .about__contact-person figure { margin-right: 0; } }

@media (max-width: 960px) { .about__contacts { padding: 140px 0 80px; height: auto; display: block; } .about__contacts h2 { margin: 0; font-size: 30px; } .about__contacts > div { margin: 80px 0 0 !important; text-align: center; } .about__name img { margin: 0; } .about__name p { margin: 0; } .about__contact-person { display: block; padding: 50px 20px; } .about__contact-person > div:first-child { margin-bottom: 50px; } .about__clients { padding-bottom: 120px; } .about__clients img { width: 100%; } .about__clients span { position: static; display: block; float: right; margin-right: 20px; } }

.gallery { display: flex; width: 1080px; margin: auto; }

.gallery > div { display: flex; overflow: hidden; padding-bottom: 80px; }

.gallery button { position: relative; background: none; border: 0; cursor: pointer; color: #F84A38; }

.gallery button:before, .gallery button:after { content: ""; position: absolute; left: 50%; border-left: 1px solid #F84A38; height: calc(50% - 20px); }

.gallery button:before { top: 0; }

.gallery button:after { bottom: 0; }

.gallery img { max-height: 100%; max-width: 100%; }

.gallery__img-wrapper { max-height: 290px; width: 260px; position: relative; }

.gallery figure { display: flex; justify-content: center; align-items: center; transition: margin-left .3s; }

.gallery figcaption { background: #19181D; position: absolute; top: calc(100% - 40px); right: -20px; left: 50px; padding: 15px; color: #fff; font-weight: 900; }

.gallery figcaption .fa { fill: #fff; }

.gallery__person-position { display: block; margin-top: 10px; font-weight: 300; color: #F84A38; }

.gallery__person-position_narrow { max-width: 85%; }

.gallery__fb-link { position: absolute; right: 15px; bottom: 15px; }

.gallery__vk-link { position: absolute; right: 10px; bottom: 10px; }

.gallery__vk-link + .gallery__fb-link { bottom: 40px; }

@media (max-width: 1200px) { .gallery { width: 750px; } }

@media (max-width: 960px) { .gallery { width: 400px; } }

.cases-navigation { padding-top: 90px; height: 100px; background: rgba(38, 38, 46, 0.9); }

.cases-navigation ul { list-style-type: none; padding: 0; margin: 0; height: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align: center; -ms-overflow-style: none; scrollbar-width: none; }

.cases-navigation ul::-webkit-scrollbar { width: 0 !important; }

.cases-navigation ul li { position: relative; display: inline-block; margin: 0 25px; }

.cases-navigation ul li:first-child { margin-left: 50px; }

.cases-navigation ul li:last-child { margin-right: 50px; }

.cases-navigation ul li:after { content: ""; position: absolute; bottom: 30px; left: calc(50% - 10px); display: block; width: 20px; border-top: 1px solid #fff; }

.cases-navigation ul a { text-decoration: none; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 100px; text-align: center; color: #FFF; }

.cases-navigation ul .active:after { border-color: #F84A38; }

.cases-navigation ul .active a { color: #F84A38; }

@media (max-width: 1200px) { .cases-navigation { padding-top: 60px; height: 60px; } .cases-navigation ul li:after { bottom: 13px; } .cases-navigation ul a { line-height: 60px; } }

main.error { background: #19191C; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; }

main.error h1 { margin: 40px 0 30px; text-transform: uppercase; }

/*# sourceMappingURL=main.css.map */