@font-face{font-family:"helvetica";font-style:normal;font-weight:400;font-display:swap;src:url("/themes/new/performance-v2-20261022/fonts/HelveticaNeueCyr-Bold.woff2") format("woff2")} @font-face{font-family:"helveticaR";font-style:normal;font-weight:400;font-display:swap;src:url("/themes/new/performance-v2-20261022/fonts/HelveticaNeueCyr-Roman.woff2") format("woff2")} @font-face{font-family:"Comfortaa";font-style:normal;font-weight:400;font-display:swap;src:url("/themes/new/performance-v2-20261022/fonts/Comfortaa-Regular.woff2") format("woff2")} @font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url("/themes/new/performance-v2-20261022/fonts/Montserrat-400.woff2") format("woff2")} @font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url("/themes/new/performance-v2-20261022/fonts/Montserrat-500.woff2") format("woff2")} @font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url("/themes/new/performance-v2-20261022/fonts/Montserrat-600.woff2") format("woff2")} @font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url("/themes/new/performance-v2-20261022/fonts/Montserrat-700.woff2") format("woff2")} @font-face{font-family:SegoeSymbol;font-display:swap;src:url(/themes/new/styles/fonts/SegoeUISymbol.ttf)} @font-face{font-family:SegoeBold;font-display:swap;src:url(/themes/new/styles/fonts/SegoeUIBlack.ttf)} .red-dot::after { content: ""; z-index: 9; position: absolute; left: 0px; border-radius: 50%; width: 12px; height: 12px; background-color: #ff0082; animation-name: red-dot-blinking; animation-iteration-count: infinite; animation-duration: 1.5s; } .red-dot_small::after { content: ""; z-index: 9; position: absolute; left: -8px; top: calc(50% - 4px); border-radius: 50%; width: 8px; height: 8px; background-color: #ff0082; animation-name: red-dot-blinking; animation-iteration-count: infinite; animation-duration: 1.5s; } @keyframes red-dot-blinking { 0% { transform: scale(1); } 50% { transform: scale(1.8); } 100% { transform: scale(1); } } .menu-icon { position: relative; display: inline-block; width: 30px; height: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu-icon>span { position: absolute; display: block; width: 100%; height: 3px; background-color: #ffffff; border-radius: 3px; } .menu-icon>span:before, .menu-icon>span:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #ffffff; border-radius: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu-icon>span:before { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .menu-icon>span:after { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .menu-icon.open { -webkit-transform: rotate(45deg) translateX(-2px); -ms-transform: rotate(45deg) translateX(-2px); transform: rotate(45deg) translateX(-2px); } .menu-icon.open>span:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .menu-icon.open>span:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #index_menu { display: inline-block; vertical-align: middle; font-family: 'Varela Round', sans-serif; } #index_menu ul { margin: 0; padding: 0; } #index_menu ul li { list-style: none; display: inline-block; font-size: 26px; font-family: 'Varela Round', sans-serif; line-height: 50px; border-radius: 50px; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } #index_menu ul li ul { display: none; font-size: 14px; padding: 6px; } #index_menu li { float: left; list-style: none; background: none; letter-spacing: 0.02em; padding: 0; } #index_menu a.root-item, #index_menu a.root-item-selected { display: block; color: #fff; padding: 9px 15px 10px 15px; text-decoration: none; } #index_menu li:hover a.root-item i, #index_menu li:hover a.root-item-selected i { background: url("/themes/new/img/sprite.png") -190px -25px; width: 9px; height: 6px; display: block; position: relative; top: 5px; z-index: 1000; margin: 0 auto; } #index_menu a.root-item-selected { background: url("/themes/new/img/bg_hover_top_menu.png") repeat-x; color: #fff; } #index_menu li ul { position: absolute; max-width: 380px; font-size: 6px; top: auto; z-index: 500; height: auto; background: #fff; border: 1px solid #dadada; padding: 15px 0 17px 0; border-radius: 0 0 5px 5px; top: 55px; } #index_menu li:hover ul, #index_menu li.jshover ul { display: block; } #index_menu li li { padding: 0 14px; display: block; line-height: 24px; width: 100%; box-sizing: border-box; white-space: nowrap; } #index_menu li li a { font-size: 14px; padding: 0 24px 1px 15px; display: inline-block; vertical-align: middle; text-align: left; white-space: normal; } #index_menu li a:hover { background: rgba(255, 255, 255, 0.2); } #index_menu li li b { display: none; } #index_menu li li::before { content: ""; display: inline-block; vertical-align: middle; height: 6px; width: 6px; background: #ffffff; border: 4px solid #11a2d8; border-radius: 50px; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; } #index_menu li li:hover { background-color: rgba(0, 69, 173, 0.1); } #index_menu li li:hover:before { background: #096fa3; } #index_menu li li a:hover b, #index_menu li ul li.item-selected a b { display: block; background: url("/themes/new/img/sprite.png") -246px -6px no-repeat; } #index_menu li:hover li a { background: none; padding: 0 15px 1px 15px; } #index_menu li ul a { color: #000; text-decoration: none; } #index_menu li ul li { text-align: left; } .page_title { padding: 20px 0; display: table; margin: 0 auto; font-size: 26px; text-align: center; } #catalog-section-list td.logo { width: 4px; height: 0px; border-radius: 50px; } #catalog-section-list td.name::before { content: ""; display: inline-block; vertical-align: middle; height: 6px; width: 6px; background: #ffffff; border: 4px solid #11a2d8; border-radius: 50px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; } #catalog-section-list td.name { padding: 10px 20px; white-space: nowrap; font-size: 22px; border-radius: 50px; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; } #catalog-section-list td.name a { white-space: normal; padding-left: 10px; font-size: 22px; line-height: 1em; display: inline-block; vertical-align: middle; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; } #catalog-section-list td.name:hover { background-color: rgba(0, 69, 173, 0.1); } #catalog-section-list td.name:hover:before { background: #096fa3; } .content A { color: #444444; text-decoration: none; } .content A:visited { color: #444444; } .content A:active { color: #444444; } .content table { display: inline-block; vertical-align: top; } .content img { max-width: 100% !important; height: auto !important; } .video { min-width: 960px; } body { font-family: helvetica; background-color: #f5f5f5; margin: 0; opacity: 0; -webkit-transition: ease 2s; -o-transition: ease 2s; transition: ease 2s; } .header { background-color: rgb(80, 80, 80); z-index: 99; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; width: 100%; min-width: 240px; position: fixed; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-info { position: relative; color: #085870; font-family: 'Varela Round', sans-serif; z-index: 80; overflow: hidden; text-align: center; } .header-bg { display: none; position: absolute; top: 0; left: 0; z-index: 2; mix-blend-mode: multiply; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-bg-outer { width: 100%; height: 300px; background-color: #f5f5f5; position: absolute; top: 0; left: 0; z-index: 1; } .header-margin { display: inline-block; margin: 0 auto; height: 80px; width: 100%; position: relative; } .header-info-left_outer { float: left; width: 100%; max-width: calc(250px + 30vw); min-width: 540px; color: #085c74; text-align: center; } .header_info_left { margin: 0px auto; display: table; } .hil_right { display: table-cell; vertical-align: middle; padding-left: 20px; font-family: 'Comfortaa'; text-align: left; } .hil_title { font-size: 40px; display: table-row; } .hil_text { font-size: 26px; display: table-row; line-height: 1; } .hil_about { display: table-row; line-height: 2; font-size: 16px; } .hil_left { display: table-cell; vertical-align: top; } .hil_img { margin-top: 4px; margin-right: 20px; display: table-row; } .header-info-right_outer { float: right; vertical-align: top; width: 100%; max-width: calc(26vw + 100px); min-width: 300px; } @media (max-width:600px) { .header-info-right_outer { max-width: 500px; } } .header-info-right { text-align: left; position: relative; margin: 0 auto; margin: 10px auto 40px; max-width: 284px; z-index: 80; } .header-info-mail { font-size: 20px; } .header-info-tell { font-size: 20px; margin-bottom: 8px; display: table; } .header-info-tell_line { font-family: 'Comfortaa'; vertical-align: middle; font-size: 20px; } .header-info-tell_line a { color: #085c74; } .header-info-form { margin-top: 10px; font-size: 20px; text-align: center; color: #ffffff; display: block; } .header-info-style { background-color: #096fa3; border-radius: 20px; } .header-info_line { vertical-align: middle; max-width: 34px; } .main-baner { min-height: calc(4.2vmax + 560px); will-change: contents; overflow: hidden; position: relative; height: 100%; } .main-baner-title { font-family: Montserrat; text-align: center; padding: 26px calc(10vw + 25px); font-size: calc(0.8vmax + 12px); width: 100%; box-sizing: border-box; position: absolute; z-index: 9; background: rgba(0, 0, 0, 0.2); margin-bottom: 30px; opacity: 0; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; font-weight: 600; } .mbt-open { opacity: 1; } .mbt-margin { opacity: 0 !important; position: relative; } .baner-menu { text-align: center; width: 100%; z-index: 19; display: inline-block; min-width: 486px; box-sizing: border-box; } .baner-menu-bt-img { vertical-align: middle; float: left; max-width: 46px; padding: 9px; } .baner-menu-bt-title { line-height: 62px; margin: 0 46px 0 5px; display: inline; color: #444444; font-size: 24px; } .baner-menu-bt { position: relative; display: inline-block; background-color: rgba(255, 255, 255, 0.2); border-radius: 100px; cursor: pointer; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: transform, width; transition-property: transform, width; transition-property: transform, width, -webkit-transform; -webkit-transition-duration: 1s, 0.4s; -o-transition-duration: 1s, 0.4s; transition-duration: 1s, 0.4s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s, 0.2s; -o-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; width: 64px; white-space: nowrap; } .o02 { opacity: 0.2 !important; } .o1 { opacity: 1 !important; } .o0 { opacity: 0 !important; } @media (max-width:1100px) { .o1 { opacity: 0.1 !important; } } .bbt_open { background-color: #f5f5f5; } .baner-menu-bt:hover .baner-menu-bt-title { display: inline-block; } .baner-img { position: absolute; top: 0%; right: calc(10% - 120px); -webkit-transition: ease 1s; -o-transition: ease 1s; transition: ease 1s; z-index: 8; mix-blend-mode: screen; opacity: 0; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .main-baner_content { position: relative; z-index: 9; max-width: calc(400px + 40%); } .offers_block { text-align: center; } .offers_outer { display: none; position: relative; z-index: 20; box-sizing: border-box; opacity: 0; } .off_opened { transform: translate(0px); display: inline-block; animation: offAnimate 0.3s forwards; animation-delay: 0.2s; } @keyframes offAnimate { 0% { transform: translateX(80px); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } .offers_outer>.title { text-align: center; font-family: helvetica; font-size: calc(0.4vw + 24px); margin-top: calc(0.4vw + 20px); margin-bottom: 8px; padding: 0 0 10px 0; text-transform: uppercase; border-bottom: 2px solid #f5f5f5; } .offer { font-family: helveticaR; display: block; width: 100%; text-align: left; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; border-bottom: 2px solid rgba(0, 0, 0, 0); } .offer:hover { background-color: rgba(255, 255, 255, 0.2); } .offer:last-child { margin-bottom: 16px; } .offer>.offer-text { position: relative; padding: calc(0.2vw + 6px); font-size: calc(0.2vw + 20px); } .tr-bg { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); top: -100px; } .tr1 { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; z-index: 10; width: 0; height: 0; border-top: 100px solid #f5f5f5; border-right: 20vw solid transparent; } .tr2 { z-index: 10; position: absolute; top: calc(100% - 100px); right: 0%; width: 0; height: 0; border-bottom: 100px solid #f5f5f5; border-left: 20vw solid transparent; } .tr3 { z-index: 10; position: absolute; top: -300px; width: 0; height: 0; border-bottom: 300px solid #f5f5f5; border-right: 20vw solid transparent; } #promo { height: 100%; overflow: hidden; position: relative; } .promo-img { display: inline-block; width: 100%; max-width: 600px; vertical-align: middle; } .promo-slider { white-space: nowrap; display: inline-block; -webkit-transition: ease 0.4s; -o-transition: ease 0.4s; transition: ease 0.4s; min-height: 350px; margin-bottom: 60px; } .promo-slide { display: inline-block; vertical-align: top; width: 100vw; white-space: normal; } .promo-text { vertical-align: middle; display: inline-block; margin: 20px 26px; text-align: left; } .promo-text>.title { display: inline-block; font-size: calc(0.4vw + 24px); margin: 0 0 calc(0.4vw + 10px) 0; } .promo-text>.text { max-width: calc(calc(0.4vw + 14px)*24); font-family: helveticaR; display: inline-block; font-size: calc(0.4vw + 14px); } .promo-text>.text>span { font-family: helvetica; font-size: calc(0.4vw + 16px); margin-bottom: 10px; text-transform: uppercase; } .promo-text>.text a { color: inherit; text-decoration: underline; } .slider-dots { bottom: -20px; position: absolute; width: 100%; } .dot { display: inline-block; position: relative; z-index: 9; width: 40px; height: 40px; transform: scale(1.2); border-radius: 20px; background: #81e2ff; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; } .dot:hover { z-index: 10; background: #00b8ff; transform: scale(1.4); } .radioSlide { display: none; } .radioSlide:checked+label { z-index: 10; background: #00b8ff; transform: scale(1.6); } .progress { position: relative; z-index: 11; bottom: 0; position: absolute; width: 100%; height: 4px; overflow: hidden; } .progress .line { transform: scaleX(0); height: 4px; width: 1%; margin: 0 auto; background: linear-gradient(90deg, #ffbc00, #ff0082); } .load { animation: load 8s forwards; } .hide { animation: hide 0.2s forwards; } @keyframes hide { 100% { opacity: 0; } } @keyframes load { 0% { transform: scaleX(0); opacity: 1; } 100% { transform: scaleX(110); opacity: 1; } } #catalog { text-align: center; } .catalog_outer { position: relative; display: inline-block; text-align: center; z-index: 9; vertical-align: top; margin-bottom: 60px; min-width: 260px; max-width: calc(240px + 10vw); width: 100%; } @media (max-width:1100px) { .catalog_outer { max-width: 500px; } } .catalog { display: inline-block; vertical-align: top; text-align: left; font-size: calc(0.2vw + 18px); font-family: helveticaR; line-height: 30px; width: calc(100% - 2vw); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 1vw; padding: 0px 10px; border-left: 2px solid #ffffff; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; } .catalog>.title { margin: 0px auto 20px auto; font-size: calc(0.2vw + 22px); font-family: helvetica; } .catalog a { display: block; cursor: pointer; color: #ffffff; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; padding: 0.2vmax 0; } .catalog a:hover { background-color: rgba(255, 255, 255, 0.2); } .catalog a:visited { color: #ffffff; } .br_catalog { display: none; } @media (max-width:1100px) { .br_catalog { display: inherit; } .about-text_outer { margin-top: 24px; } } .about_outer { text-align: center; margin-bottom: 60px; } .about-text_outer { text-align: left; font-family: helveticaR; display: inline-block; font-size: calc(0.2vw + 18px); vertical-align: top; margin-top: 4px; max-width: calc(600px + 15%); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .about-text_title { font-family: Helvetica; text-align: center; display: inline-block; margin-bottom: 20px; } .about-1c-badges{ margin-top: 10px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: center; } .about-1c-badge{ display: block; width: 100%; height: 64px; object-fit: contain; filter: grayscale(20%); opacity: 0.92; transition: filter .15s ease, opacity .15s ease, transform .15s ease; } .about-1c-badge:hover{ filter: grayscale(0%); opacity: 1; transform: translateY(-1px); } .about-1c-link{ display: inline-block; margin-top: 10px; font-size: 13px; text-decoration: underline; } @media (max-width: 980px){ .about-1c-badges{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px){ .about-1c-badge{ height: 56px; } } .maze { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; display: inline-block; position: relative; mix-blend-mode: multiply; margin-bottom: 32px; } .news { height: 500px; } .scrolled { background-color: #48c5a5; } .header_menu { display: inline-block; vertical-align: top; margin: 0 auto; width: 100%; position: relative; max-width: 1200px; } .container_title { margin: 4em 0; text-align: center; } .title_text { font-size: calc(0.6vmax + 22px); display: inline-block; margin: 0 auto; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px calc(1vw + 10px); font-family: Montserrat; font-weight: 600; } .back-white { color: #444444; background-color: #f5f5f5; } .back-color { color: #ffffff; background: -webkit-radial-gradient(top, #00b8ff, #14142f); background: -o-radial-gradient(top, #00b8ff, #14142f); background: radial-gradient(top, #00b8ff, #14142f); background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } .menu-content_outer { background: rgb(93, 34, 48); width: 100%; margin: 0 auto; display: table; min-width: 930px; position: relative; } .menu-content_bg { width: 33.33%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-transform: uppercase; position: relative; z-index: 10; color: white; } .menu_bt:hover { background: rgba(255, 255, 255, 0.2); } .menu_bt { padding: 0 14px; line-height: 60px; font-family: 'Varela Round', sans-serif; border-radius: 50px; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .pulse { border-radius: 50px; cursor: pointer; -webkit-box-shadow: 0 0 0 #0fddc5; box-shadow: 0 0 0 #0fddc5; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } .pulse:hover { -webkit-animation: none; animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffffff52; background: #ffffff52; } 70% { -webkit-box-shadow: 0 0 0 10px #ffffff00; background: #ffffff00; } 100% { -webkit-box-shadow: 0 0 0 0 #ffffff00; background: #ffffff00; } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffffff52; box-shadow: 0 0 0 0 #ffffff52; background: #ffffff52; } 70% { -webkit-box-shadow: 0 0 0 10px #ffffff00; box-shadow: 0 0 0 10px #ffffff00; background: #ffffff00; } 100% { -webkit-box-shadow: 0 0 0 0 #ffffff00; box-shadow: 0 0 0 0 #ffffff00; background: #ffffff00; } } A { color: rgb(255, 255, 255); text-decoration: none; } A:visited { color: #ffffff; } A:active { color: #ffffff; } .bt { -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .logo { margin: 8px; max-width: 60px; } .logo_outer { color: #ffffff; font-size: 30px; vertical-align: middle; height: 50px; display: inline-block; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; position: relative; padding: 0 28px; line-height: 70px; } .menu_el { color: #ffffff; font-size: 26px; vertical-align: middle; display: inline-block; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; position: relative; cursor: pointer; } .menu_img { display: inline-block; width: 28px; vertical-align: middle; margin-bottom: 5px; } .content_outer { display: block; z-index: 10; position: relative; float: left; width: 100%; } p { margin: 5px 0; font-family: 'Comfortaa'; line-height: 20px; } .logo-text { margin-right: 80px; font-size: 40px; margin-top: 1px; } .footer { text-align: center; vertical-align: bottom; display: table; width: 90%; max-width: 1600px; min-width: 950px; margin: 0 auto; padding: 20px 0 20px 0; position: relative; overflow: hidden; } .footer_info_left { width: 30%; } .footer_info_right { width: 30%; text-align: right !important; } .footer_logo_outer { width: 370px; margin: 0 auto } .footer_info { display: table-cell; text-align: center; vertical-align: middle; padding: 0 20px; } .footer_info_text { text-align: left; } .footer_logo { float: left; max-width: 90px; } .footer_logo_text { line-height: 100px; font-size: 50px; margin-left: 6px; color: #ffffff; vertical-align: middle; display: inline-block; position: relative; } .contact-info ul li { list-style: none; font-size: 20px; font-family: 'Comfortaa'; white-space: nowrap; } .contact-info ul { padding: 0px 0px 0px 10px; max-width: 1200px; margin: 0 auto; text-align: left; } .contact-info ul li img { background-color: #096fa3; display: inline-block; vertical-align: middle; transform: rotateY(180deg); width: 34px; height: 34px; margin: 4px 8px 4px 2px; text-align: center; font-size: 25px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .contact-info ul li span { white-space: normal; display: inline-table; margin-bottom: 20px; vertical-align: baseline; max-width: calc(100% - 44px); } #contact { text-align: center; } .contact-info { width: 100%; max-width: calc(300px + 15%); padding: 0 1vw; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0px 0px 40px 0px; } .info-tell_outer { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 0px 0px 10px; margin: 0 0 20px 0; text-align: left; } .radioMap { display: none; } .map { width: 100%; max-width: 1200px; margin: 0 auto; } .minimize_map { display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 172px 0 0 8px; padding: 8px; z-index: 10; font-family: helveticaR; color: #444444; background-color: #ffffff; border-radius: 10px; opacity: 0.75; cursor: pointer; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .radioMap:checked+label { display: none; } #mm1:checked~.map { pointer-events: none; opacity: 0.5; } #mm1:checked~#l0 { opacity: 1; color: #ffffff; background-color: #096fa3; } .contact_form { color: #444444; display: inline-block; border-radius: 100px; text-align: center; width: 100%; max-width: calc(400px + 15%); margin: 0 auto 60px; position: relative; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } .form_title { text-align: center; font-size: 24px; margin-bottom: 20px; font-family: HelveticaR; } .inputs_outer { display: inline-block; width: 80%; min-width: 200px; } .input_small_outer { width: 100%; min-width: 200px; } .input { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; height: 50px; font-family: helveticaR; min-width: 200px; max-width: 600px; font-size: 18px; margin-bottom: 10px; padding: 14px 20px !important; color: #404040; border: 1px solid #b3b3b3; border-radius: 3px; -webkit-border-radius: 12px; -moz-border-radius: 3px; -khtml-border-radius: 3px; background: rgb(255, 255, 255) !important; outline: none; } ::-webkit-input-placeholder { color: #909; } :-ms-input-placeholder { color: #909; } ::-ms-input-placeholder { color: #909; } ::placeholder { color: #909; } ::-webkit-input-placeholder { color: #505050; opacity: 1; } ::-moz-placeholder { color: #505050; opacity: 1; } :-moz-placeholder { color: #505050; opacity: 1; } :-ms-input-placeholder { color: #505050; opacity: 1; } ::-webkit-input-placeholder { color: #505050; } :-ms-input-placeholder { color: #505050; } ::-ms-input-placeholder { color: #505050; } ::placeholder { color: #505050; } .contact_form_bt_outer { display: inline-block; margin-top: 2px; } .contact_form_bt { margin: 10px auto 3px; padding: 0; width: 220px; height: 50px; background: #096fa3; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; border-radius: 20px; text-transform: uppercase; font-family: Montserrat; font-size: 16px; } .captcha_outer { display: inline-block; width: 100%; max-width: 312px; vertical-align: top; } .captcha { max-width: 300px; margin: 0px auto; } textarea { resize: vertical; min-height: 160px; max-height: 480px; padding-top: 6px !important; } .result { width: 80%; font-family: Arial; margin: 0 auto; font-size: 17px; min-height: 20px; overflow: hidden; } #loader { display: none; margin: 4px auto 0 auto; width: 90%; height: 10px; border-radius: 8px; -webkit-box-shadow: 0 2px 0px 0px hsl(210, 90%, 35%), 2px 0px 15px 1px hsl(210, 24%, 48%); box-shadow: 0 2px 0px 0px hsl(210, 90%, 35%), 2px 0px 15px 1px hsl(210, 24%, 48%); background-color: hsl(188, 90%, 40%); background-image: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, .15) 15%, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .15) 70%, rgba(255, 255, 255, .15) 88%, rgba(255, 255, 255, 0) 88%), -webkit-linear-gradient( 315deg, transparent 0%, transparent 25%, hsl(188, 90%, 40%) 25%, hsl(220, 90%, 40%) 50%, transparent 50%, transparent 75%, hsl(210, 90%, 40%) 75%, hsl(210, 90%, 40%) 100%); background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, .15) 15%, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .15) 70%, rgba(255, 255, 255, .15) 88%, rgba(255, 255, 255, 0) 88%), -o-linear-gradient( 315deg, transparent 0%, transparent 25%, hsl(188, 90%, 40%) 25%, hsl(220, 90%, 40%) 50%, transparent 50%, transparent 75%, hsl(210, 90%, 40%) 75%, hsl(210, 90%, 40%) 100%); background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, .15) 15%, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .15) 70%, rgba(255, 255, 255, .15) 88%, rgba(255, 255, 255, 0) 88%), linear-gradient( 135deg, transparent 0%, transparent 25%, hsl(188, 90%, 40%) 25%, hsl(220, 90%, 40%) 50%, transparent 50%, transparent 75%, hsl(210, 90%, 40%) 75%, hsl(210, 90%, 40%) 100%); background-size: cover, 50px 50px; background-position: top, 0 0; text-indent: -999em; -webkit-animation: loading 1s infinite linear; animation: loading s infinite linear; } @-webkit-keyframes loading { 0% { background-position: top, 0 0; } 100% { background-position: top, 50px 0; } } @keyframes loading { 0% { background-position: top, 0 0; } 100% { background-position: top, 50px 0; } } footer { float: left; width: 100%; } .footer { text-align: center; vertical-align: bottom; display: table; width: 90%; max-width: 1600px; min-width: 950px; margin: 0 auto; padding: 20px 0 20px 0; position: relative; overflow: hidden; } .footer p { margin: 5px 0; font-family: 'Comfortaa'; line-height: 20px; } .footer_info_left { width: 30%; } .footer_info_right { width: 30%; text-align: right !important; } .footer_logo_outer { width: 370px; margin: 0 auto } .footer_info { display: table-cell; text-align: center; vertical-align: middle; padding: 0 20px; } .footer_info_text { text-align: left; } .footer_logo { float: left; max-width: 90px !important; } .footer_logo_text { line-height: 100px; font-size: 50px; margin-left: 6px; font-family: helvetica; color: #ffffff; vertical-align: middle; display: inline-block; position: relative; } A { color: rgb(255, 255, 255); text-decoration: none; } A:visited { color: #ffffff; } A:active { color: #ffffff; } .bt { -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .logo { margin: 8px; max-width: 40px; } .logo_outer { color: #ffffff; font-size: 30px; vertical-align: middle; height: 50px; display: inline-block; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; position: relative; padding: 0 28px; line-height: 70px; } .menu_el { color: #ffffff; font-size: 16px; font-family: Montserrat; vertical-align: middle; display: inline-block; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; position: relative; cursor: pointer; } .menu_img { display: inline-block; width: 28px; vertical-align: middle; margin-bottom: 5px; } .content_outer { font-size: calc(10px + 0.33vw); display: block; z-index: 10; position: relative; float: left; width: 100%; } *::selection { background: #a4ffea; } ::-webkit-scrollbar { width: 6px; height: 6px; z-index: 999; } ::-webkit-scrollbar-track { border-radius: 0px; background: #505050; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: #3EBDE1 } ::-webkit-scrollbar-thumb:window-inactive { background: #3EBDE1 } #index_menu { display: inline-block; vertical-align: middle; font-family: 'Varela Round', sans-serif; float: right; text-transform: uppercase; } #index_menu ul { margin: 0; padding: 0; } #index_menu ul li { list-style: none; display: inline-block; line-height: 36px; border-radius: 50px; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; color: #ffffff; font-size: 16px; font-family: Montserrat; vertical-align: middle; position: relative; cursor: pointer; } #index_menu ul li a { display: block; color: #fff; padding: 8px 15px 8px 15px; text-decoration: none; } #index_menu ul ul li a { display: inline-block; color: #444; text-decoration: none; font-family: HelveticaR; text-transform: initial; line-height: 1.2em; } #index_menu ul ul { min-width: 340px; } #index_menu li { float: left; list-style: none; background: none; letter-spacing: 0.02em; padding: 0; } .logo-text { margin-right: 80px; font-size: 30px; margin-top: 1px; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 10px; cursor: pointer; margin: 0 5px 0 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu-icon>span { position: absolute; display: block; width: 100%; height: 3px; background-color: #ffffff; border-radius: 3px; } .menu-icon>span:before, .menu-icon>span:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #ffffff; border-radius: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu-icon>span:before { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .menu-icon>span:after { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .menu-icon.open { -webkit-transform: rotate(45deg) translateX(-2px); -ms-transform: rotate(45deg) translateX(-2px); transform: rotate(45deg) translateX(-2px); } .menu-icon.open>span:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .menu-icon.open>span:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .menu_tg { display: none; } .hil_right { display: table-cell; vertical-align: middle; padding-left: 20px; font-family: Montserrat; font-size: 20px; } .hil_title { font-size: 1.7em; display: table-row; font-weight: 600; } .hil_title span { font-size: 0.8em; } .hil_about { display: table-row; line-height: 1.4em; font-size: 0.9em; font-family: Montserrat; } .hil_text { font-size: 1em; display: table-row; font-family: Montserrat; line-height: 1.1em; } .header_info_left { color: #07537a !important; } .header_menu { max-width: 1200px; } .menu_logo { display: inline; } .menu_outer { max-width: 1220px; margin: 0 auto; text-align: left; } @media screen and (max-width: 1200px) { .site-block { display: block; margin: 0 auto; width: 100%; max-width: 500px; } .header-margin { height: 55px; } h1 { } .main-baner_img { } #index_menu li:hover ul, #index_menu li.jshover ul { display: none; } .menu { height: 100px; font-size: 145%; line-height: 125%; text-align: left; } #index_menu { width: 100%; display: none; } #index_menu ul li { width: 95%; text-align: left; padding: 0; padding-left: 9px; float: left; } .menu_tg { display: block; z-index: 999; float: left; padding: 8px 10px 0px 10px; width: 140px; text-align: left; font-size: 20px; line-height: 30px; font-family: Montserrat; } .header-bg { display: none; } .logo_top { float: right; margin-right: 20px; max-width: 30px; } .logo-text { display: none; } .baner_text { margin-top: 140px; } } .partners{ max-width: 1000px; margin: 0 auto; } .game{ width: 100%; display: block; text-align: center; margin-top: 40px; } .imges{ transition: 1s; vertical-align: middle; max-height: 120px; max-width: 220px; margin: 3px; } .content_img{ transition: 1s; vertical-align: middle; max-height: 60px; max-width: 240px; margin: 15px; } .content_img1{ transition: 1s; vertical-align: middle; max-height: 20px; max-width: 40px; margin: 7px; } .content_img2{ transition: 1s; vertical-align: middle; max-height: 20px; max-width: 40px; margin: 7px; } .game2{ float: left; font-size: 40px; color: white; width: 48%; text-align: center; padding-bottom: 200px; } .game3{ float: right; font-size: 40px; color: white; width: 48%; text-align: center; padding-bottom: 200px; } .game5{ width: 100%; display: block; text-align: center; margin-top: 20px; } .game1{ width: 100%; display: block; text-align: center; margin-bottom: 60px; } #ks-cases p,#ks-cases .kicker{font-family:Arial,sans-serif} #ks-cases .case-like{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border:1px solid #cddbe8;border-radius:30px;background:#fff;color:#244968;font:600 14px/1.4 Arial,sans-serif;cursor:pointer;white-space:normal;min-height:42px} #ks-cases .case-like:hover{border-color:#1766d4;background:#edf5ff} #ks-cases .case-like[aria-pressed=true]{background:#eaf2ff;color:#175bb5;border-color:#a9c9f5} #ks-cases .case-like:disabled{cursor:default;opacity:.65} #ks-cases .case-like[aria-busy=true]{cursor:wait} #ks-cases .case-like svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7} #ks-cases .case-like[aria-pressed=true] svg{fill:currentColor} #ks-cases .case-like:focus-visible,#ks-cases .case-arrow:focus-visible{outline:3px solid #e8a52b;outline-offset:4px} #ks-cases .case-count{padding:2px 7px;border-radius:14px;background:#edf2f7;font-size:12px} #ks-cases .case-vote-message{font:12px/1.6 Arial,sans-serif;color:#63758a;min-height:20px;margin:12px 0 0} #ks-cases .case-vote-message:empty{display:none} #ks-cases{background:#f5f8fb} #ks-cases .home-section{min-height:0;padding:65px 0 60px} #ks-cases .ks-case-row{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:22px;min-height:0;align-items:center;overflow:visible;padding:12px 0 24px} #ks-cases .case-card{background:#fff;color:#18354e;border:1px solid #dce5ed;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 5px 20px #16395406;transition:box-shadow .2s,transform .2s} #ks-cases .case-card.is-center{box-shadow:0 14px 35px #183d6b15;border-color:#b8cce2;transform:translateY(-8px)} #ks-cases .case-card-photo{height:175px;background:#e8eef4;position:relative;overflow:hidden} #ks-cases .case-card-photo img{width:100%;height:100%;display:block;object-fit:cover} #ks-cases .case-card-photo.case-collage img{width:300%;max-width:none} #ks-cases .case-card-photo.meat img{transform:translateX(0)} #ks-cases .case-card-photo.offline img{transform:translateX(-33.333%)} #ks-cases .case-badges{position:absolute;top:14px;left:14px;display:flex;gap:7px;flex-wrap:wrap} #ks-cases .case-badge{background:#fff;color:#31506a;padding:6px 10px;border-radius:6px;font:700 10px/1.3 Arial;letter-spacing:.6px;box-shadow:0 2px 10px #0001} #ks-cases .case-badge.hot{background:#fff2db;color:#914b16} #ks-cases .case-badge.new{background:#e7f4ec;color:#2a6746} #ks-cases [hidden]{display:none!important} #ks-cases .case-card-body{padding:25px;display:flex;flex-direction:column;min-height:325px} #ks-cases .case-card-category{font:700 10px/1.5 Arial;letter-spacing:1.2px;text-transform:uppercase;color:#74869a;margin-bottom:12px} #ks-cases .case-card h3{font:700 24px/1.2 Arial,sans-serif;letter-spacing:-.5px;margin:0 0 13px;color:#18354e} #ks-cases .case-card h3 a{text-decoration:none;color:inherit} #ks-cases .case-card h3 a:hover{color:#1766d4} #ks-cases .case-card p{font:14px/1.65 Arial,sans-serif;color:#607286;text-align:left;margin:0 0 18px} #ks-cases .case-card .case-card-tech{font-size:11px;color:#496581;border-top:1px solid #e6edf3;padding-top:15px;margin-top:auto} #ks-cases .case-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px} #ks-cases .case-read{color:#1766d4;font:700 13px/1.5 Arial;text-decoration:none} #ks-cases .case-card .case-status{font-size:11px;color:#7d735f;margin:-7px 0 14px} #ks-cases .case-carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px} #ks-cases .case-arrow{width:42px;height:42px;border:1px solid #d0dce7;background:white;border-radius:50%;color:#315472;font-size:23px;cursor:pointer} #ks-cases .case-carousel-position{font:12px Arial;color:#64798b} #ks-cases .case-appreciation .case-vote-message{margin-top:10px} @media(max-width:1100px){#ks-cases .ks-case-row{grid-template-columns:1fr 1.08fr 1fr;gap:14px} #ks-cases .case-card-body{padding:20px;min-height:360px} #ks-cases .case-card h3{font-size:21px} #ks-cases .case-card-bottom{flex-wrap:wrap}} @media(max-width:740px){#ks-cases .ks-case-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:stretch;padding:12px 2px 25px} #ks-cases .case-card,#ks-cases .case-card.is-center{flex:0 0 88%;transform:none;scroll-snap-align:center} #ks-cases .case-card-body{min-height:310px} #ks-cases .case-card-photo{height:190px} #ks-cases .home-section{padding:45px 0} #ks-cases .case-card h3{font-size:24px} #ks-cases .case-appreciation .case-like{margin-top:20px}} @media(prefers-reduced-motion:reduce){#ks-cases .case-card{transition:none}} #ks-cases{font-family:Arial,sans-serif;line-height:1.65;clear:both;scroll-margin-top:80px} #ks-cases,#ks-cases *{box-sizing:border-box} #ks-cases .wrap{width:calc(100% - 64px);max-width:1200px;margin:0 auto;padding:0} #ks-cases .sectiontop{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px} #ks-cases .kicker{font:700 11px/1.5 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#1766d4;margin-bottom:14px} #ks-cases h2{font:700 38px/1.15 Arial,sans-serif;color:#18354e;margin:0 0 14px;letter-spacing:-.7px} #ks-cases .home-description{font:16px/1.65 Arial,sans-serif;color:#617387;margin:0} #ks-cases .ks-all-cases{display:inline-block;padding:14px 22px;background:#1766d4;color:#fff;border-radius:7px;text-decoration:none;white-space:nowrap;font:700 13px/1.5 Arial,sans-serif} #ks-cases .case-card-photo{position:relative} @media(max-width:740px){#ks-cases .wrap{width:calc(100% - 32px)}#ks-cases .sectiontop{display:block}#ks-cases .ks-all-cases{margin-top:20px}#ks-cases h2{font-size:31px}} #ks-dev *{box-sizing:border-box}#ks-dev{margin:0;color:#204358;background:#fff;font:15px Montserrat,Arial,sans-serif}#ks-dev a{color:inherit;text-decoration:none}#ks-dev button{font:inherit;cursor:pointer}#ks-dev .wrap{max-width:1240px;margin:auto;padding:0 36px}#ks-dev header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px}#ks-dev .brand{display:flex;align-items:center;gap:15px;font-size:24px;font-weight:800}#ks-dev .brand img{width:52px;height:52px;object-fit:contain}#ks-dev .brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.12em;margin-top:5px}#ks-dev .header-links{display:flex;gap:26px;font-size:13px}#ks-dev .contact{text-align:right}#ks-dev .contact a{display:block;font-size:20px;font-weight:700}#ks-dev .contact small{font-size:11px;color:#79919e;display:block;margin-top:5px}#ks-dev{position:relative;background:linear-gradient(118deg,#edf5f7,#e7f2f5 65%,#d8eaf0);overflow:hidden;border-top:1px solid #e3edf0;border-bottom:1px solid #d9e7ec}#ks-dev:after{content:'';position:absolute;width:560px;height:560px;border:1px solid #b8d7e075;border-radius:50%;left:-330px;top:70px;pointer-events:none}#ks-dev .layout{display:grid;grid-template-columns:240px 1fr;gap:48px;padding-top:38px;padding-bottom:42px;position:relative;z-index:1}#ks-dev .nav-label{font-size:10px;letter-spacing:.17em;color:#7b96a5;margin:0 0 17px 18px;font-weight:700}#ks-dev .tabs{display:flex;flex-direction:column;gap:5px}#ks-dev .tab{position:relative;display:flex;align-items:center;gap:13px;width:100%;border:1px solid transparent;background:transparent;color:#607d8c;text-align:left;padding:14px 17px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4;transition:.2s}#ks-dev .tab svg{width:21px;height:21px;flex-shrink:0}#ks-dev .tab:hover{background:#ffffff75;color:#16678a}#ks-dev .tab[aria-selected=true]{background:#fff;color:#087ba0;border-color:#dce9ed;box-shadow:0 5px 18px #365c6810}#ks-dev .tab[aria-selected=true]:before{content:'';position:absolute;left:-1px;top:13px;bottom:13px;width:3px;background:#008fb0;border-radius:3px}#ks-dev .tab .chevron{margin-left:auto;color:#91b6c4}#ks-dev .content{min-width:0}#ks-dev .intro{display:flex;justify-content:space-between;align-items:flex-start;margin:5px 0 25px}#ks-dev .eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#4396ad;margin-bottom:12px}#ks-dev h1{font-size:36px;letter-spacing:-.04em;line-height:1.2;margin:0;color:#20465c;font-weight:700}#ks-dev .section-number{font-size:66px;font-weight:400;letter-spacing:-.08em;color:#bad5df;line-height:1}#ks-dev .tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}#ks-dev .tile{display:flex;align-items:center;gap:16px;min-height:88px;background:#fffffff0;border:1px solid #d8e7eb;border-radius:9px;padding:18px 20px;transition:transform .18s,box-shadow .18s,border-color .18s}#ks-dev .tile:hover{transform:translateY(-3px);border-color:#8dbfce;box-shadow:0 10px 24px #284d5e12}#ks-dev .tile:focus-visible,#ks-dev .tab:focus-visible{outline:3px solid #158eb8;outline-offset:3px}#ks-dev .tile-icon{display:flex;align-items:center;justify-content:center;background:#eff7f8;color:#2086a2;width:39px;height:42px;border-radius:7px;flex-shrink:0}#ks-dev .tile-icon svg{width:23px;height:23px}#ks-dev .tile-title{font-size:12px;line-height:1.65;font-weight:600}#ks-dev .arrow{margin-left:auto;color:#91b4c0;font-size:21px;flex-shrink:0}#ks-dev .tile:hover .arrow{color:#087fa3}#ks-dev .lower{margin-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7493a2}#ks-dev .lower a{color:#247995;font-weight:600}#ks-dev .fade{animation:ksDevAppear .25s ease}@keyframes ksDevAppear{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#ks-dev .next{padding:38px 0 45px}#ks-dev .next-top{display:flex;justify-content:space-between;align-items:end}#ks-dev .next small{font-size:10px;letter-spacing:.14em;color:#7b96a5;font-weight:600}#ks-dev h2{font-size:30px;letter-spacing:-.03em;margin:10px 0 8px}#ks-dev .next p{font-size:12px;color:#7e94a1}#ks-dev .next-top>a{font-size:12px;color:#21819d}#ks-dev .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:22px}#ks-dev .case{border:1px solid #e1e9ed;border-radius:9px;overflow:hidden}#ks-dev .case img{display:block;width:100%;height:140px;object-fit:cover}#ks-dev .case div{padding:18px}#ks-dev .case small{font-size:9px}#ks-dev .case h3{font-size:14px;line-height:1.6;margin:10px 0}#ks-dev .case span{font-size:11px;color:#21819d}@media(min-width:1200px){#ks-dev .tile:last-child:nth-child(odd){grid-column:1/-1}#ks-dev .tile:last-child:nth-child(odd) .tile-title{max-width:600px}}@media(max-width:900px){#ks-dev .wrap{padding:0 22px}#ks-dev .header-links{display:none}#ks-dev .layout{grid-template-columns:200px 1fr;gap:25px}#ks-dev .tiles{grid-template-columns:1fr}#ks-dev h1{font-size:29px}#ks-dev .section-number{font-size:50px}#ks-dev .tile{min-height:77px}}@media(max-width:600px){#ks-dev header{height:83px;gap:10px}#ks-dev .brand{font-size:20px;gap:9px}#ks-dev .brand img{width:37px;height:37px}#ks-dev .brand small{font-size:8px}#ks-dev .contact a{font-size:12px}#ks-dev .contact small{font-size:9px}#ks-dev .wrap{padding-left:18px;padding-right:18px}#ks-dev .layout{display:block;padding-top:22px;padding-bottom:27px}#ks-dev .nav-label{margin-left:0;margin-bottom:11px}#ks-dev .tabs{flex-direction:row;overflow:auto;margin:0 -18px 26px;padding:0 18px 9px;scrollbar-width:thin}#ks-dev .tab{width:auto;flex-shrink:0;padding:11px 13px;font-size:11px;border:1px solid #d2e4e9;border-radius:7px}#ks-dev .tab svg{width:17px;height:17px}#ks-dev .tab[aria-selected=true]:before{top:auto;left:12px;right:12px;width:auto;height:2px;bottom:0}#ks-dev .chevron{display:none}#ks-dev h1{font-size:28px}#ks-dev .intro{margin-bottom:21px}#ks-dev .section-number{font-size:47px}#ks-dev .tile{padding:14px;min-height:78px}#ks-dev .tile-title{font-size:12px}#ks-dev .lower{gap:10px;font-size:10px}#ks-dev .case-grid{grid-template-columns:1fr}#ks-dev .next{padding-top:30px}#ks-dev h2{font-size:25px}#ks-dev .next-top>a{font-size:10px}#ks-dev .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){#ks-dev *{animation:none!important;transition:none!important}}#ks-dev{background:#0b4057}#ks-dev:after{border-color:#b8d7e025;z-index:0}#ks-dev .hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}#ks-dev .hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;opacity:0;transition:opacity .55s ease;mix-blend-mode:screen}#ks-dev .hero-bg img.active{opacity:.7}#ks-dev .hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#093c54f5 0%,#0b4057b5 35%,#0b405740 100%)}#ks-dev .nav-label{color:#a8c8d5}#ks-dev .tab{color:#d4e4eb}#ks-dev .tab:hover{background:#ffffff15;color:#fff}#ks-dev .tab[aria-selected=true]{background:#fffffff2;color:#087ba0;border-color:#ffffff80}#ks-dev h1{color:#fff}#ks-dev .eyebrow{color:#a1d6e5}#ks-dev .section-number{color:#ffffff35}#ks-dev .tile{background:#ffffffcc;border-color:#ffffff75;box-shadow:0 4px 18px #001f3010}#ks-dev .tile:hover{background:#fffffff0;border-color:#fff}#ks-dev .lower{color:#bdd4df}#ks-dev .lower a{color:#e3f6ff}@media(max-width:600px){#ks-dev .tab{border-color:#ffffff25}#ks-dev .hero-bg img{object-fit:cover;object-position:65% center}#ks-dev .hero-bg:after{background:#093c5499}} #ks-dev{font:15px/1.5 Montserrat,Arial,sans-serif;color:#204358;clear:both;width:100%;text-align:left}#ks-dev .wrap{width:100%;max-width:1240px;margin:auto}#ks-dev .content{float:none;height:auto;background:none;padding:0;width:auto;position:relative}#ks-dev button{height:auto}#ks-dev a{text-decoration:none}#ks-dev .tile-title{color:#204358}#ks-dev h1{text-transform:none}#ks-dev .intro{float:none}#ks-dev .tab{white-space:normal} #ks-dev .layout{height:650px}#ks-dev .content{display:flex;flex-direction:column;min-height:0}#ks-dev .intro{flex-shrink:0;min-height:75px}#ks-dev #panel{flex:1;min-height:0}#ks-dev .tiles{height:100%;grid-auto-rows:1fr}#ks-dev .tile{min-height:0}#ks-dev .lower{flex-shrink:0;min-height:24px} .ks-index2-spacer{height:64px;clear:both}.header{background:#0b4057!important}.header .header_menu{height:64px;max-width:1240px}.header .menu_outer{height:64px;position:relative}.header .menu_logo{position:absolute;left:18px;top:15px;display:block;margin:0}.header .logo_top{width:32px;height:32px;margin:0}.header .logo-text{display:none}.header #menu{position:absolute;left:72px;top:16px;margin:0;font-size:19px;line-height:32px}.header #menu-icon{vertical-align:middle}.ks-index2-contacts{position:absolute;right:18px;top:0;display:flex;align-items:center;gap:22px;height:64px;color:#fff;font:13px Montserrat,Arial,sans-serif;z-index:2}.ks-index2-contacts a{color:#fff;text-decoration:none;white-space:nowrap}.ks-index2-contacts .ks-phone{font-weight:700;font-size:16px}.ks-index2-contacts .ks-callback{padding:10px 16px;border:1px solid #ffffff65;border-radius:20px;font-size:12px}.ks-index2-contacts a:hover{text-decoration:underline}.ks-index2-contacts a:focus-visible{outline:2px solid #fff;outline-offset:4px}.header #index_menu{top:64px} @media(max-width:900px){#ks-dev .layout{height:860px}.ks-index2-contacts{gap:14px}.ks-index2-contacts .ks-phone{font-size:14px}.header .menu_logo{display:none}.header #menu{left:18px}} @media(max-width:600px){#ks-dev .layout{height:940px}#ks-dev aside{height:100px}#ks-dev .content{height:calc(100% - 100px)}#ks-dev .intro{min-height:75px}#ks-dev .tiles{grid-template-columns:1fr}#ks-dev .tile{padding:12px 14px}#ks-dev .tabs{margin-bottom:0}.ks-index2-contacts{height:76px;right:14px;display:grid;grid-template-columns:auto auto;gap:4px 12px;align-content:center}.ks-index2-contacts .ks-phone{grid-column:1;font-size:12px}.ks-index2-contacts .ks-email{grid-column:1;font-size:10px}.ks-index2-contacts .ks-callback{grid-column:2;grid-row:1/3;padding:9px 10px;font-size:10px}.header .header_menu,.header .menu_outer{height:76px}.header #menu{left:12px;top:23px;font-size:15px}.header #index_menu{top:76px}.ks-index2-spacer{height:76px}} @media(min-width:1201px){ .header #index_menu{position:absolute;left:74px;right:460px;top:0;height:64px;width:auto;display:flex!important;align-items:center;text-align:left} .header #index_menu>ul{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;margin:0;padding:0} .header #index_menu>ul>li{float:none;flex:0 0 auto;width:auto;font-size:12px;line-height:1.3;letter-spacing:0;padding:0} .header #index_menu>ul>li>a{padding:14px 9px;white-space:nowrap} .ks-index2-contacts{gap:14px}.ks-index2-contacts .ks-phone{font-size:14px}.ks-index2-contacts .ks-email{font-size:12px}.ks-index2-contacts .ks-callback{padding:9px 12px;font-size:11px} } @media(max-width:1200px){.header #index_menu{position:absolute;left:0;right:0;top:64px;width:100%;background:#0b4057;max-height:calc(100vh - 64px);overflow-y:auto}.header #index_menu>ul{display:block}.header #index_menu>ul>li{float:none;width:100%;box-sizing:border-box}} @media(max-width:600px){.header #index_menu{top:76px;max-height:calc(100vh - 76px)}} #ks-dev .tile-icon.product-logo{background:none;width:64px;height:64px;border-radius:0;overflow:visible}#ks-dev .product-logo img{display:block;width:48px;height:48px;object-fit:contain;opacity:1;max-width:none}#ks-dev .product-logo img.logo-kassa{width:64px;height:64px}#ks-dev .product-logo img.logo-rfm{width:25px;height:48px;mix-blend-mode:multiply}#ks-dev .product-logo img.logo-giis{image-rendering:auto;width:34px;height:40px} @media(max-width:600px){#ks-dev .tile-icon.product-logo{width:52px;height:52px}#ks-dev .product-logo img.logo-kassa{width:52px;height:52px}#ks-dev .tile{gap:12px}} #ks-dev .product-logo img.logo-rfm{mix-blend-mode:normal;filter:url(#ks-rfm-white-to-alpha)} #ks-dev .product-logo img.logo-chestnyznak{width:54px;height:54px}#ks-dev .product-logo img.logo-fresh{width:54px;height:48px}#ks-dev .product-logo img.logo-prosto{width:64px;height:32px}#ks-dev .product-logo img.logo-datamobile{width:45px;height:52px} #ks-dev .tile-copy{display:flex;flex-direction:column;gap:7px;min-width:0}#ks-dev .tile-description{display:block;font:400 11px/1.5 Montserrat,Arial,sans-serif;color:#4c6575}#ks-dev .tile.has-description .tile-title{font-weight:700}#ks-dev .tile.has-description{padding-top:14px;padding-bottom:14px} @media(max-width:900px){#ks-dev .tiles.has-description{grid-template-rows:repeat(6,minmax(0,1fr))}#ks-dev .tile.has-description{grid-row:auto}#ks-dev .tile.has-description .tile-description{font-size:11px}} @media(max-width:600px){#ks-dev .layout{height:1060px}} #ks-dev .tile{display:grid;grid-template-columns:0 minmax(0,1fr) 18px;column-gap:0;transition:background .2s,box-shadow .2s,border-color .2s,grid-template-columns .24s,column-gap .24s;transform:none} #ks-dev .tile .tile-icon{opacity:0;transform:translateX(-8px);transition:opacity .2s,transform .24s;pointer-events:none} #ks-dev .tile .tile-copy{gap:0}#ks-dev .tile .tile-description{opacity:0;max-height:0;overflow:hidden;visibility:hidden;transition:opacity .2s,max-height .24s,margin-top .24s;pointer-events:none} #ks-dev .tile .arrow{margin:0}#ks-dev .tile .tile-title{font-weight:600} #ks-dev .tile:is(:hover,:focus-visible){grid-template-columns:64px minmax(0,1fr) 18px;column-gap:16px} #ks-dev .tile:is(:hover,:focus-visible) .tile-icon{opacity:1;transform:translateX(0)} #ks-dev .tile:is(:hover,:focus-visible) .tile-description{opacity:1;max-height:90px;margin-top:7px;visibility:visible} @media(hover:none),(pointer:coarse){#ks-dev .tile{grid-template-columns:64px minmax(0,1fr) 18px;column-gap:12px}#ks-dev .tile .tile-icon{opacity:1;transform:none}#ks-dev .tile .tile-description{opacity:1;max-height:90px;margin-top:7px;visibility:visible}} @media(max-width:600px){#ks-dev .tile:is(:hover,:focus-visible){grid-template-columns:52px minmax(0,1fr) 18px;column-gap:12px}} @media(max-width:600px) and (hover:none){#ks-dev .tile{grid-template-columns:52px minmax(0,1fr) 18px}} #ks-dev .product-logo img.logo-standard1c{width:64px;height:42px} #ks-dev .tile,#ks-dev .tile:is(:hover,:focus-visible){grid-template-columns:64px minmax(0,1fr) 18px;column-gap:16px} #ks-dev .tile .tile-icon{opacity:1;transform:none;filter:grayscale(1);transition:filter .22s ease} #ks-dev .tile:is(:hover,:focus-visible) .tile-icon{filter:grayscale(0)} #ks-dev .tiles.has-description{grid-template-rows:none} #ks-dev .product-logo img.logo-ai-calls,#ks-dev .product-logo img.logo-ai-products{width:64px;height:64px;border-radius:8px} #ks-dev .product-logo img.logo-kservice{width:52px;height:52px} #ks-dev .lower{gap:12px;flex-wrap:wrap}#ks-dev .picker-trigger{font:600 11px/1.4 Montserrat,Arial,sans-serif;color:#fff;padding:8px 13px;border:1px solid #ffffff80;background:#ffffff12;border-radius:7px;cursor:pointer}#ks-dev .picker-trigger:hover{background:#ffffff25}#ks-dev .picker-trigger[hidden]{display:none!important} @media(max-width:600px){#ks-dev .tile,#ks-dev .tile:is(:hover,:focus-visible){grid-template-columns:52px minmax(0,1fr) 18px;column-gap:12px}#ks-dev .product-logo img.logo-ai-calls,#ks-dev .product-logo img.logo-ai-products{width:52px;height:52px}#ks-dev .lower{font-size:10px;gap:10px}#ks-dev .lower>span{display:none}} #ks-dev .one-c-picker{box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-width:680px;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #d2e0e8;border-radius:16px;background:#f8fbfd;color:#203f54;font:14px/1.5 Montserrat,Arial,sans-serif;box-shadow:0 30px 100px #08233155;overflow:auto} #ks-dev .one-c-picker::backdrop{background:#092b41b8;backdrop-filter:blur(4px)} #ks-dev .picker-shell{padding:30px}#ks-dev .picker-head{height:auto;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;text-align:left} #ks-dev .picker-eyebrow{font-size:10px;letter-spacing:2px;color:#588396;font-weight:700;margin:0 0 9px}#ks-dev #picker-title{font-size:24px;line-height:1.35;letter-spacing:-.4px;margin:0;color:#173b52;text-transform:none} #ks-dev .picker-close{width:34px;height:34px;min-width:34px;padding:0;border:1px solid #dbe6ec;background:#fff;border-radius:50%;font-size:24px;line-height:1;color:#688292;cursor:pointer} #ks-dev .picker-progress{height:4px;border-radius:4px;background:#deebf2;margin:23px 0 25px;overflow:hidden}#ks-dev .picker-progress span{display:block;height:100%;background:#1386a5;width:25%;transition:width .2s} #ks-dev .picker-step{font-size:11px;color:#7a8f9d;margin:0 0 9px}#ks-dev .picker-body h3{font-size:20px;line-height:1.4;margin:0 0 20px;color:#203f54;text-transform:none;font-weight:600}#ks-dev .picker-body h3:focus{outline:none} #ks-dev .picker-choices{display:grid;gap:9px;border:0;margin:0;padding:0}#ks-dev .picker-choice{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dbe5ed;border-radius:9px;background:#fff;color:#3f5b6d;font-size:13px;cursor:pointer;line-height:1.5;text-align:left} #ks-dev .picker-choice:hover{border-color:#8fc0cf;background:#f2f9fb}#ks-dev .picker-choice:has(input:checked){border-color:#278fa9;background:#e9f5f9;color:#15516b;box-shadow:0 0 0 1px #278fa9}#ks-dev .picker-choice input{width:16px;height:16px;margin:0;accent-color:#1689a5;flex-shrink:0} #ks-dev .picker-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}#ks-dev .picker-back,#ks-dev .picker-restart{background:transparent;border:0;padding:10px 0;color:#5c7a8e;font:500 12px Montserrat,Arial,sans-serif;cursor:pointer} #ks-dev .picker-next,#ks-dev .picker-consult{display:inline-flex;align-items:center;justify-content:center;background:#0f7899;border:1px solid #0f7899;padding:11px 19px;border-radius:8px;color:#fff;font:600 12px/1.5 Montserrat,Arial,sans-serif;text-decoration:none;cursor:pointer}#ks-dev .picker-next:disabled{background:#d8e4eb;color:#8ba1b0;border-color:#d8e4eb;cursor:default}#ks-dev .picker-next:not(:disabled):hover,#ks-dev .picker-consult:hover{background:#0b617e} #ks-dev .picker-help{font-size:11px;line-height:1.65;color:#788f9e;margin:18px 0 0;text-align:left} #ks-dev .picker-result{background:#fff;border:1px solid #d7e5ee;border-radius:11px;padding:20px;margin-bottom:12px;text-align:left}#ks-dev .picker-result b{font-size:17px;color:#1c5874;display:block;margin-bottom:8px}#ks-dev .picker-result p{font-size:13px;line-height:1.7;color:#607b8c;margin:0 0 12px}#ks-dev .picker-result a{font-size:12px;font-weight:600;color:#117a9c;text-decoration:underline;text-underline-offset:3px} #ks-dev .picker-answers{font-size:11px;line-height:1.7;color:#6e8899;padding:13px 16px;background:#eef4f8;border-radius:8px;margin:0 0 18px}#ks-dev .picker-notes{font-size:12px;line-height:1.7;color:#6b8291;margin:17px 0;text-align:left}#ks-dev .picker-consult{color:#fff!important} #ks-dev .one-c-picker button:focus-visible,#ks-dev .one-c-picker a:focus-visible,#ks-dev .picker-choice:focus-within,#ks-dev .picker-trigger:focus-visible{outline:3px solid #67c1d9;outline-offset:3px} @media(max-width:600px){#ks-dev .one-c-picker{max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}#ks-dev .picker-shell{padding:22px 18px}#ks-dev #picker-title{font-size:20px}#ks-dev .picker-body h3{font-size:17px}#ks-dev .picker-choice{padding:12px;font-size:12px}#ks-dev .picker-actions{flex-wrap:wrap}#ks-dev .picker-result{padding:16px}#ks-dev .picker-result b{font-size:15px}} @media(max-width:600px){#ks-dev aside{height:110px}#ks-dev .content{height:calc(100% - 110px)}#ks-dev .tabs{scrollbar-width:none}#ks-dev .tabs::-webkit-scrollbar{display:none}} @media (min-width:1201px){ .header #index_menu>ul>li>ul{top:calc(100% - 1px);margin-top:0;z-index:1001} .header #index_menu>ul>li:focus-within>ul{display:block} .header #index_menu a:focus-visible{outline:2px solid #169bd0;outline-offset:-2px} } #ks-dev .layout{height:auto;min-height:520px;align-items:start} #ks-dev .content{height:auto;min-height:0} #ks-dev .intro{min-height:0} #ks-dev #panel{flex:0 0 auto;min-height:0} #ks-dev .tiles,#ks-dev .tiles.has-description{height:auto;grid-template-rows:none;grid-auto-rows:minmax(104px,auto);align-content:start} #ks-dev .tile{min-height:104px;padding:16px 20px} #ks-dev .lower{margin-top:24px;min-height:24px} @media(max-width:900px){#ks-dev .layout{height:auto;min-height:520px}} @media(max-width:600px){#ks-dev .layout{height:auto;min-height:0}#ks-dev aside{height:auto;margin-bottom:22px}#ks-dev .content{height:auto}#ks-dev .tiles,#ks-dev .tiles.has-description{grid-auto-rows:minmax(88px,auto)}#ks-dev .tile{min-height:88px;padding:14px}} #ks-dev .tiles,#ks-dev .tiles.has-description{grid-auto-rows:112px} #ks-dev .tile,#ks-dev .tile.has-description{height:112px;min-height:112px;padding:16px 20px;align-content:center} #ks-dev .tile-title{line-height:1.5} @media(max-width:600px){#ks-dev .tiles,#ks-dev .tiles.has-description{grid-auto-rows:132px}#ks-dev .tile,#ks-dev .tile.has-description{height:132px;min-height:132px;padding:14px}#ks-dev .tile-title{font-size:11.5px;line-height:1.4}#ks-dev .tile-description{line-height:1.4}} #ks-dev .intro{min-height:66px}@media(max-width:900px){#ks-dev .intro{min-height:75px}}