html,button,input,select,textarea{color:#222} html{height:100%} body{min-width:360px;width:100%;height:100%;background-color:#fff;color:#000;font-size:12px;line-height: 18px;font-family: "Roboto", sans-serif;} ::-moz-selection{background:#b3d4fc;text-shadow:none} ::selection{background:#b3d4fc;text-shadow:none} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} img{vertical-align:middle} fieldset{border:0;margin:0;padding:0} textarea{resize:vertical} .chromeframe{margin:0;padding:10px 0;background:#e5e6e7;position:fixed;z-index:99999;width:100%;text-align:center} h1,h2,h3,h4,h5{font-weight:700;line-height:100%} h1{font-size:43px;margin:0 0 30px} h2{font-size:21px;margin:0 0 25px;text-transform:uppercase} h3{font-size:20px;font-weight:400;line-height:24px;margin:0 0 20px} h4{font-size:20px;margin:0 0 15px;} h3 a,h4 a{color:#db7e1a} h3 a:hover,h4 a:hover{color:#000} h5{margin:0 0 10px} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body{margin:0} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em;margin:.67em 0} h2{font-size:1.5em;margin:.83em 0} h3{font-size:1.17em;margin:1em 0} h4{font-size:1em;margin:1.33em 0} h5{font-size:.83em;margin:1.67em 0} h6{font-size:.67em;margin:2.33em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} blockquote{margin:1em 40px} dfn{font-style:italic} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} mark{background:#ff0;color:#000} p,pre{margin:1em 0} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:'';content:none} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} dl,menu,ol,ul{margin:1em 0} dd{margin:0 0 0 40px} menu,ol,ul{padding:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none} img{border:0;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} figure{margin:0} form{margin:0} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} button,input{line-height:normal} button,select{text-transform:none} button,html input[type="button"],/* 1 */ input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} button[disabled],html input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} .page-title h1{text-align:center} p{margin:0 0 18px} #content p{color:#666} a{color:#8f98a4;text-decoration:none} a:hover,a:focus,a:active{outline: 0} .std a{color:#e75403} a:hover{color:#000} ul{margin:0;padding:0;list-style:none} #content ul{margin:0 0 18px 20px;list-style:disc} #content .page-list.meet-the-team {list-style-type: none} #content ul li{margin-bottom:5px} #wrapper{min-height:100%;height:auto!important;height:100%} .wrap{max-width:1280px;margin:0 auto;position:relative} .a-center{text-align:center} .a-right{text-align:right} .a-left{text-align:left} .left{float:left} .right{float:right} .no-display{display:none!important} .is-hidden{overflow:hidden} input[type="text"]{outline:none;border:0} ::-webkit-input-placeholder{color:#000} :-moz-placeholder{color:#000} ::-moz-placeholder{color:#000} :-ms-input-placeholder{color:#000} #header{width:100%;height:61px;padding-top:26px;background-color:#fff;position:fixed;z-index:99;box-shadow:0 0 50px 20px #eee} #header.sticky-init{box-shadow:none} .block-logo{float:left;margin:0 60px 0 0} .block-logo a{display:inline-block} .block-logo span{position:relative;display:inline-block;font-size:10px;left:10px;width:90px;line-height:10px;color:#8f98a4} .block-top-menu{float:left} .block-top-menu > ul > li{float:left;display:inline-block;text-transform:uppercase;padding:0 0 10px 11px;margin-left:7px;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAIAAAA7ljmRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpi+P///8t4ESACMlj+fX0PRAwMDECSESjw+945IIdVyQggwAAA6xdbOOfIAwAAAABJRU5ErkJggg==) no-repeat left 8px} .block-top-menu > ul > li:first-child{background:none} .block-top-menu li.active{z-index:99} .block-top-menu > ul > li > a{color:#000} .block-top-menu li.active > a{color:#e75403} .block-top-menu ul .sub-menu{position:absolute;left:0;top:27px;width:380px;padding:10px;background-color:#000;border-top:5px solid #e75403;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.6);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.6);box-shadow:0 5px 15px rgba(0,0,0,0.6);display:none} .block-top-menu ul .sub-menu ul{width:50%;float:left} .block-top-menu li li{text-transform:none;text-align:left;padding:6px 10px} .block-top-menu li li hr{margin:0;border-color:#515151} .block-top-menu li li a{color:#b5bdc6} .block-top-menu li li a:hover{color:#fff} .block-lang-select{float:right;} .block-lang-select li{float:left;margin-left:7px;font-size:11px;text-transform:uppercase} .block-lang-select li.active{color:#8f98a4;text-transform:none} .block-lang-select li a{color:#000} .breadcrumbs{max-width:1280px;margin:0 auto 30px;overflow:hidden;padding-top:10px} .breadcrumbs ul{margin:0!important;list-style:none!important} .breadcrumbs li,.breadcrumbs li a{color:#8f98a4} .breadcrumbs li a:hover{text-decoration:underline} .breadcrumbs li{float:left;margin:0!important} .breadcrumbs li span{margin:0 10px} a.helpdesk{float:right;color:#8f98a4} a.helpdesk:hover{color:#000} #middle{width:100%;height:1%;position:relative} #middle:after{content:'';clear:both;display:table} #container{width:100%;float:left;overflow:hidden} #content{padding:0 10px 20px} .block-what-project a font{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .block-what-project a font:hover{color:#e75403} #sideRight{float:left;width:165px;margin-left:-165px;position:relative;padding:58px 0 40px} .form-list{margin:0!important;padding:0!important} .form-list li{list-style:none outside none;margin:0!important;padding:0!important} .form-list .field{margin:0 0 10px;width:536px} .form-list label{color:#666;display:block;margin:0 0 2px;text-transform:uppercase} input.input-text,textarea.input-text{border:1px solid #E5E6E7;padding:7px;width:520px} .input-text.error{border-color:#E74A00!important} .form-list label.error{text-transform:none;color:#E74A00} .buttons-set{margin:10px 0 0} .messages .success-msg{background-color:#90ee90!important;border:2px solid #50c24e;border-top:0;color:#006400} .messages .error-msg,.messages .warning-msg{background-color:red!important;border:2px solid #8b0000;border-top:0;color:#fff} .messages .notice-msg{background-color:#fff!important;border:2px solid #ccc;border-top:0;color:#444} .ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px} .ir:before{content:"";display:block;width:0;height:150%} .hidden{display:none!important;visibility:hidden} .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} .invisible{visibility:hidden;height:0!important} .clearfix:before,.clearfix:after{content:" ";display:table} .clearfix:after{clear:both} .clearfix{*zoom:1} .list-style-none{list-style-type: none!important;margin:0!important;padding:0!important;} @media print { *{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100%!important} @page{margin:.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} } @media (max-width: 440px) { .paypal-image{margin:20px 0 43px!important} } .form-blog-search{margin-bottom:15px} .form-blog-search .blog-search-input{width:63%;margin:0 5px 0 0;float:left;display:inline-block} .form-blog-search button{width:30px;height:30px;background:url(https://astrio.net/skin/frontend/default/turnkeye/images/search_ico.png) center 39% no-repeat;border:0;background-size:70% 70%} /* Scroll up */ #up-page { background-color: #000; border-radius: 100%; bottom: 24px; color: #fff; display: none; font-size: 24px; height: 60px; line-height: 60px; position: fixed; right: 24px; text-align: center; width: 60px; z-index: 100; cursor: pointer; } section h3{text-transform:uppercase;margin-bottom:25px;max-width:590px} /* Button contact us */ .contacts-index-index .fixed-button-contact{display:none;} .fixed-button-contact{position:fixed;top:50%;right:0;margin-top:-15px;z-index:99999;background-color:#000;text-align:center;text-transform:uppercase} .fixed-button-contact > a:before{content:"\e902";font-family:'icomoon';background-size:contain;color:#000;display:block;height:16px;position:absolute;top:35px;width:70px;left:-44px;transform:rotate(-90deg);-ms-transform: rotate(-90deg);font-size:19px;z-index:9} .fixed-button-contact > a:after{content: '';background-color: #fff;display: block;height: 12px;position: absolute;top: 30px;width: 66px;left: -41px;transform: rotate(-90deg);-ms-transform: rotate(-90deg);} #footer .fixed-button-contact > a{color:#fff!important;display:block;padding: 0px 5px 13px 5px;} .fixed-button-contact .button-up-page{cursor:pointer;} .fixed-button-contact .button-up-page > span{color: #fff;font-size: 25px;} /* Ru site */ .fixed-button-contact.ru{width:30px} #footer .fixed-button-contact.ru > a{padding:0 9px 6px 9px;line-height:10px;font-size:10px;word-break:break-all} .fixed-button-contact.ru > a:before{top:72px;width:70px;left:-45px;font-size:28px} .fixed-button-contact.ru > a:after{height:18px;top:44px;width:98px;left:-61px} .page-filter-block .page-filter{font-size:0;text-align:center;margin:0!important;list-style:none!important} .page-filter-block .page-filter li{display:inline-block;margin:0 2px} .page-filter-block .page-filter .filter a{background:#e5e6e8;border-radius:2px;color:#000;font-size:10px;font-weight:700;display:inline-block;height:35px;line-height:35px;padding:0 25px;text-transform:uppercase} .page-filter-block .page-filter .filter a:hover,.page-filter-block .page-filter .filter.current a, .page-filter-block .page-filter .filter a:hover,.page-filter-block .page-filter .filter a.current{background:#000;color:#fff} .page-filter-block-sort{position:relative;text-align:center;z-index:10} .page-filter-block-sort .wrap-page-filter{height:35px;margin:0 20px 2px;display:inline-block;vertical-align:top;position:relative} .page-filter-block-sort .wrap-page-filter .arrow-down{float:left;margin-right:2px} .page-filter-block-sort .wrap-page-filter .page-filter{height:inherit;overflow:hidden;float:left} .page-filter-block-sort .wrap-page-filter .page-filter.active{height:auto;overflow:visible} .page-filter-block-sort .wrap-page-filter .page-filter li{display:list-item;margin:0 0 5px!important} .page-filter-block-sort .wrap-page-filter .page-filter li.current{visibility:visible} .page-filter-block-sort .wrap-page-filter .page-filter li a{min-width:100%;box-sizing:border-box;-moz-box-sizing:border-box} @media screen and (min-width:1024px) and (max-width: 1330px) { #header .block-logo { margin-left: 5px; } #header .block-lang-select { margin-right: 20px; } } .cms-home .header { position: static; } .header { background-color: #fff; padding: 12px 0 4px; -webkit-box-shadow: 0 0 50px 20px #eee; box-shadow: 0 0 50px 20px #eee; position: sticky; top: 0; z-index: 102; } @media only screen and (min-width: 768px) { .header { height: 61px; padding-top: 26px; padding-bottom: 0; } } .header__logo { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 50%; } @media only screen and (max-width: 1499px) { .header__logo { padding-left: 16px; } } .header__logo-img { display: inline-block; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .header__logo-img { width: 130px; } } .header__logo-text { font-size: 10px; line-height: 10px; display: inline-block; vertical-align: top; color: #8f98a4; width: 150px; } @media only screen and (max-width: 479px) { .header__logo-text { display: none !important; } } @media only screen and (min-width: 480px) { .header__logo-text { width: 67px; margin-left: 4px; } } .header__contact { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .header__contact-wrap { width: 124px; max-width: 124px; } @media only screen and (max-width: 1499px) { .header__contact-wrap { padding-right: 16px; } } .header__contact-item { display: inline-block; vertical-align: top; color: #8f98a4; } .header__contact-item.-phone { font-size: 14px; line-height: 16px; font-weight: 700; } .header__menu { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media only screen and (max-width: 767px) { .header__menu { border-top: 1px solid #eee; margin-top: 12px; padding-top: 12px; } } @media only screen and (min-width: 768px) { .header__menu { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 52%; -webkit-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; } } .header__menu > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .header__menu > ul > li { display: inline-block; padding: 0 8px 0; } @media only screen and (min-width: 1024px) { .header__menu > ul > li { padding: 0 12px 0; } } .header__menu > ul > li > a { text-transform: uppercase; color: #000; } @media only screen and (min-width: 768px) { .header__menu > ul > li > a:hover { color: #e75403; } } .header__menu > ul > li.active a { color: #e75403; } .header__menu > ul > li.active .sub-menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 768px) { .header__menu > ul > li:hover .sub-menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .header__menu > ul .sub-menu { display: none; background-color: #000; position: absolute; top: 100%; z-index: 5; border-top: 5px solid #e75403; left: 0; right: 0; margin: 0 auto; padding: 12px; max-width: 380px; } .header__menu > ul .sub-menu ul { display: inline-block; vertical-align: top; width: 45%; font-size: 0; } .header__menu > ul .sub-menu li { padding: 4px 0; } .header__menu > ul .sub-menu li a { font-size: 13px; line-height: 15px; color: #b5bdc6; } @media only screen and (min-width: 768px) { .header__logo { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 27%; } .header__contact { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1024px) { .header__logo { width: 20%; } .header__contact { width: 20%; } } .header-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1470px; margin: 0 auto; } @media only screen and (min-width: 768px) { .header-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } #up-page span:before { font-family: 'icomoon' !important; } .icon-left-open:before { content: '\e80d'; } .icon-right-open:before { content: '\e80e'; } .icon-right:before { content: '\e800'; } .icon-right-dir:before { content: '\e801'; } #middle { padding-top: 87px; } .block-main-banner .carousel-footer { max-width: 1470px; margin: 0 auto; position: relative; background-color: #1d1d1d; border-top: 5px solid #1d1d1d; z-index: 1; } .block-main-banner .carousel-footer .wrap { height: auto; margin-top: 0; max-width: 1280px; } .block-main-banner .carousel-wrapper { position: relative; } .block-main-banner .block-slogan { display: none; } @media screen and (min-width: 768px) { .block-main-banner .carousel-footer { margin: -103px auto 0; } } .block-main-banner li[data-init-position='1'] .slide-content { max-width: 1470px; } .slide-content .slide-magento-bages .item3 { position: relative; } .slide-content .slide-magento-bages .item3 a.adobe-solution { background: url('https://astrio.net/skin/frontend/default/turnkeye/images/adobe.png') no-repeat; background-size: 100%; width: 190px; height: 57px; } @media screen and (min-width: 1200px) { .slide-content .slide-magento-bages .item3 a.adobe-solution { position: absolute; top: 0; left: 0; width: 231px; height: 78px; } } .cms-index-index .wrap { max-width: 1500px; } #content .block-home { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } #content .block-home .block.retail, #content .block-home .block.gray, #content .block-home .block.higload, #content .block-home .block.b2b { margin-bottom: 15px; } #content .block-home .block.orange { display: none; } #content .block-home .block.title h2 { text-transform: uppercase !important; font-weight: normal; font-size: 36px; line-height: 42px; } #content .block-home .block.text p { color: #999999; font-size: 14px; } #content .block-home .block .link-site, #content .block-home .block .link-project { display: inline-block; height: 33px; line-height: 33px; font-size: 11px; color: #fff; } #content .block-home .block .link-project { color: #000; padding: 0 15px; border-radius: 30px; background-color: #fff; } #content .block-home .block.retail .desktop { display: none; } #content .block-home .block.retail .banner { position: relative; } #content .block-home .block.retail .text { display: none; } #content .block-home .block.retail .button { position: absolute; bottom: 30px; left: 0; right: 0; } #content .block-home .block.retail .button a { display: inline-block; height: 33px; line-height: 33px; font-size: 11px; color: #000; padding: 0 15px; border-radius: 30px; margin-right: 15px; background-color: #fff; border: 1px solid #e75403; } #content .block-home .block ul { margin: 0; } #content .block-home .block ul li { list-style-type: none; text-align: center; margin-bottom: 0; } #content .block-home .block ul.project-banner { max-width: 400px; margin: 0 auto; } #content .block-home .block ul.project-banner li { display: inline-block; vertical-align: top; } #content .block-home .block ul.project-banner li:focus { outline: none; } #content .block-home .block ul.project-banner li.active .item.text { height: 100%; top: 0; } #content .block-home .block ul.project-banner li .wrapper { max-width: 307px; margin: 0 auto; position: relative; top: 0; bottom: 0; overflow: hidden; } #content .block-home .block ul.project-banner li .wrapper li { display: list-item; } #content .block-home .block ul.project-banner .item.text { position: absolute; left: 0; right: 0; top: calc(100% - 10px); background-color: rgba(233, 88, 15, 0.74); -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; margin: auto; color: #fff; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 35px 20px 10px; } #content .block-home .block ul.project-banner .item.text ul { padding-left: 15px; } #content .block-home .block ul.project-banner .item.text ul li { list-style-type: disc; text-align: left; margin-bottom: 5px; } #content .block-home .block ul.project-banner .item.text h5 { margin-top: 0; font-size: 17px; font-weight: 400; } #content .block-home .block ul.project-banner .button-wrap { margin-top: 20px; } #content .block-home .block ul.project-banner .item img { width: 100%; } #content .block-home .slick-prev, #content .block-home .slick-next { display: block !important; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(233, 88, 15, 0.74); background-color: rgba(255, 255, 255, 0.9); } #content .block-home .slick-prev:before, #content .block-home .slick-next:before { color: rgba(233, 88, 15, 0.74); font-family: 'icomoon'; font-weight: bold; } #content .block-home .slick-prev { left: -10px; } #content .block-home .slick-prev:before { content: '\e801'; } #content .block-home .slick-next { right: -10px; } #content .block-home .slick-next:before { content: '\e800'; } #content .widget-static-block .adobe-logo img { max-width: 490px; width: 100%; } #content .markered.triangle { list-style: none; margin-left: 0; } #content .markered.triangle li .icon, #content .markered.triangle li .text { float: left; } #content .markered.triangle li .text { width: calc(100% - 90px); font-size: 14px; } #content .markered.triangle li .icon { display: block; vertical-align: top; margin-right: 20px; } #content .markered.triangle li .icon img { max-width: 70px; } #content .markered.triangle li:after { content: ''; display: table; width: 100%; clear: both; } @media screen and (min-width: 550px) { #content .markered.triangle li { width: 100%; } } @media screen and (min-width: 640px) { #content .block-home { margin-bottom: 100px; } #content .block-home .block .title { margin-bottom: 23px; } #content .block-home .block.text p { font-size: 18px; line-height: 21px; font-weight: 400; } #content .block-home .block ul.project-banner { max-width: 680px; margin: 0 auto; } #content .block-home .block ul.project-banner li .wrapper { max-width: 291px; } #content .block-home .block.retail { margin-bottom: 40px; } #content .block-home .block.retail .title { margin-top: 25px; margin-bottom: 46px; } #content .block-home .block.retail .img { height: 323px; background: url('https://astrio.net/skin/frontend/default/turnkeye/images/mask-group.png') no-repeat left center; background-size: cover; position: relative; margin: 0 -15px; padding: 0 15px; } #content .block-home .block.retail .img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(161%, #000000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 161%); z-index: 1; } #content .block-home .block.retail .img .mobile { display: none; } #content .block-home .block.retail .text { display: block; margin-top: -23px; position: relative; z-index: 2; } #content .block-home .block.retail .text ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #content .block-home .block.retail .text ul li { width: 31%; margin-bottom: 20px; text-align: left; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } #content .block-home .block.retail .text ul li .big-text { font-weight: 900; font-size: 80px; line-height: 64px; color: #ee6603; text-transform: uppercase; } #content .block-home .block.retail .text ul li .big-text .small-text { font-size: 24px; line-height: 28px; vertical-align: top; display: inline-block; } #content .block-home .block.retail .text ul li .small-text { font-size: 14px; text-align: left; display: inline-block; } #content .block-home .block.retail .text ul li .small-text, #content .block-home .block.retail .text ul li .big-text { display: block; } #content .block-home .block.retail .text ul li:last-child { width: 100%; } #content .block-home .block.retail .block.button { position: static; text-align: right; margin: 20px 0; } #content .block-home .block.retail .block.button a { margin-right: 0; } #content .block-home .block.gray { background-color: #f0f0f0; margin: 0 -15px 189px; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 433px; } #content .block-home .block.gray:before { content: ''; height: 11px; top: 0; left: 0; right: 0; display: block; background: #e0e0e0; margin: 0 -15px; } #content .block-home .block.gray .title { padding-top: 50px; } #content .block-home .block.gray .text { margin-bottom: 0px; } #content .block-home .block.gray .project { position: relative; top: 50px; } #content .block-home .block.higload { margin: 0 -15px 110px; padding: 0 15px; } #content .block-home .block.higload .block.orange { display: block; background-color: #ee6603; color: #fff; height: 312px; padding: 35px 35px 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 -15px; } #content .block-home .block.higload .block.orange ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #content .block-home .block.higload .block.orange ul li { width: 31%; margin-bottom: 20px; text-align: left; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } #content .block-home .block.higload .block.orange ul li .big-text { font-weight: 900; font-size: 80px; line-height: 64px; color: #fff; } #content .block-home .block.higload .block.orange ul li .big-text .small-text { font-size: 24px; line-height: 28px; vertical-align: top; display: inline-block; } #content .block-home .block.higload .block.orange ul li .small-text { font-size: 14px; text-align: left; display: inline-block; } #content .block-home .block.higload .block.orange ul li .small-text, #content .block-home .block.higload .block.orange ul li .big-text { display: block; } #content .block-home .block.higload .block.orange ul li:last-child { width: 100%; } #content .block-home .block.higload .block ul.project-banner { margin-top: -120px; } #content .block-home .block.b2b .text { margin-bottom: 60px; } } @media screen and (min-width: 1024px) { #content .block-home .block ul.project-banner { max-width: 1030px; margin: 0 auto; } #content .block-home .block ul.project-banner .slick-track { -webkit-transform: none !important; transform: none !important; } #content .block-home .block ul.project-banner li:first-child .wrapper { margin: 0; } #content .block-home .block ul.project-banner li:last-child .wrapper { float: right; margin: 0; } #content .block-home .block.retail .text ul li { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } #content .block-home .block.retail .text ul li .big-text, #content .block-home .block.retail .text ul li .small-text { display: inline-block; vertical-align: bottom; } #content .block-home .block.retail .text ul li .big-text .small-text { margin-left: 0; } #content .block-home .block.retail .text ul li .small-text { margin-left: 20px; max-width: 49%; } #content .block-home .block.retail .text ul li:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 26%; flex: 0 0 26%; } #content .block-home .block.retail .text ul li:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; } #content .block-home .block.retail .text ul li:last-child .small-text { max-width: 40%; } #content .block-home .block.retail .button a:hover { background-color: #ee6603; } #content .block-home .block.higload .block.orange ul li .big-text { margin-bottom: 10px; } #footer .wrap { max-width: 960px; } } @media screen and (min-width: 1280px) { #content .block-home .block.retail .text ul li .big-text { font-size: 100px; } #content .block-home .block.higload .block.orange ul li .big-text { font-size: 96px; } #content .block-home .block.higload .block.orange ul li .small-text, #content .block-home .block.higload .block.orange ul li .big-text { display: inline-block; vertical-align: bottom; } #content .block-home .block.higload .block.orange ul li .small-text { margin-left: 20px; max-width: 33%; } #footer .wrap { max-width: 1500px; padding: 0 30px; } .block-five-reasons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1500px) { #content .block-home .block.retail .img { margin: 0; padding: 0; } #content .block-home .block.retail .text { margin-top: -36px; } #content .block-home .block.retail .text ul li .big-text { font-size: 144px; line-height: 105px; } #content .block-home .block.retail .text ul li:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 24%; flex: 0 0 24%; } #content .block-home .block.retail .text ul li:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 39%; flex: 0 0 39%; } #content .block-home .block.higload .block.orange { margin: 0; padding: 35px 50px 0; } #content .block-home .block.higload .block.orange ul li .big-text { font-size: 96px; line-height: 112px; } #content .block-home .block.higload .block.orange ul li .small-text, #content .block-home .block.higload .block.orange ul li .big-text { display: inline-block; vertical-align: middle; } #content .block-home .block.higload .block.orange ul li .small-text { margin-left: 20px; max-width: 33%; } #content .block-home .block.gray { margin: 0 0 189px; padding: 0; } #content .block-home .block.gray:before { margin: 0; } } .cms-b2b-style .page-title, .cms-b2b-style .breadcrumbs { display: none; } .cms-b2b-style #content { padding: 0 12px 0; margin-bottom: 0 !important; } @media only screen and (min-width: 768px) { .cms-b2b-style #content { padding: 0 16px 0; } } .cms-wrapper #content { padding: 0 12px 0; } @media only screen and (min-width: 768px) { .cms-wrapper #content { padding: 0 16px 0; } } .careerBanner { position: relative; padding-bottom: 51.856%; overflow: hidden; background-color: #011f8c; background: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/background-shadow.png) no-repeat center, -webkit-gradient(linear, left top, left bottom, from(#01098c), to(#763961)); background: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/background-shadow.png) no-repeat center, linear-gradient(180deg, #01098c 0%, #763961 100%); background-size: contain; } @media only screen and (max-width: 767px) { .careerBanner { background: -webkit-gradient(linear, left top, left bottom, from(#01098c), to(#763961)); background: linear-gradient(180deg, #01098c 0%, #763961 100%); } } @media only screen and (max-width: 499px) { .careerBanner { padding-bottom: 160%; } } @media only screen and (min-width: 500px) and (max-width: 767px) { .careerBanner { padding-bottom: 87%; } } .careerBanner__rocket { position: absolute; top: 2.356557377%; right: 24.2631578947%; width: 71.0526315789%; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 767px) { .careerBanner__rocket { max-width: none !important; } } @media only screen and (max-width: 499px) { .careerBanner__rocket { width: 200%; top: 21%; right: -19%; } } @media only screen and (min-width: 400px) and (max-width: 499px) { .careerBanner__rocket { top: 5%; } } @media only screen and (min-width: 500px) and (max-width: 767px) { .careerBanner__rocket { width: 133%; right: -5%; } } .careerBanner__point { z-index: 99; position: absolute; display: inline-block; text-align: center; top: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 1023px) { .careerBanner__point { display: none; } } .careerBanner__point:before { position: absolute; display: block; content: ''; opacity: 0; -webkit-transition: opacity 0.7s; transition: opacity 0.7s; visibility: hidden; background-size: contain; background-repeat: no-repeat; } .careerBanner__point--point1 { top: 15.881147541%; left: 49.4736842105%; } .careerBanner__point--point1:before { background-image: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/point-line-2.svg); width: 134px; height: 109px; top: 15px; left: 41px; } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .careerBanner__point--point1:before { width: 85px; height: 69.1417910448px; } } .careerBanner__point--point2 { top: 43.8524590164%; left: 34.5789473684%; } .careerBanner__point--point2:before { background-image: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/point-line-1.svg); width: 271px; height: 70px; bottom: 14px; left: 44px; } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .careerBanner__point--point2:before { width: 220px; height: 56.8265682657px; } } .careerBanner__point--point3 { top: 66.1885245902%; left: 23.2631578947%; } .careerBanner__point--point3:before { background-image: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/point-line-6.svg); width: 554px; height: 223px; bottom: 17px; left: 45px; } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .careerBanner__point--point3:before { width: 300px; height: 120.7581227437px; } } .careerBanner__point--point4 { top: 27.5614754098%; left: 77.5789473684%; } .careerBanner__point--point4:before { background-image: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/point-line-3.svg); width: 201px; height: 29px; bottom: 15px; right: 48px; } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .careerBanner__point--point4:before { width: 145px; height: 20.92039801px; } } .careerBanner__point--point5 { top: 51.8442622951%; left: 70.2105263158%; } .careerBanner__point--point5:before { background-image: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/point-line-4.svg); width: 183px; height: 152px; bottom: 17px; right: 48px; } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .careerBanner__point--point5:before { width: 117px; height: 97.1803278689px; } } .careerBanner__point--point6 { top: 76.4344262295%; left: 78.6842105263%; } .careerBanner__point--point6:before { background-image: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/point-line-5.svg); width: 416px; height: 282px; bottom: 15px; right: 48px; } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .careerBanner__point--point6:before { width: 275px; height: 186.4182692308px; } } .careerBanner__point:hover { z-index: 98; } .careerBanner__point:hover:before { opacity: 1; visibility: visible; } .careerBanner__pointLabel { pointer-events: none; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 19px; white-space: nowrap; font-size: 24px; line-height: 28px; color: #fff; } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .careerBanner__pointLabel { font-size: 18px; } } .careerBanner__pointCircle { position: relative; display: block; margin: 0 auto; width: 32px; height: 32px; background-color: #fff; border-radius: 50%; background-clip: padding-box; border: 7px solid rgba(255, 255, 255, 0.31); -webkit-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.17); box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.17); -webkit-box-sizing: border-box; box-sizing: border-box; } .careerBanner__pointCircle:after { content: ''; pointer-events: none; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 18px; height: 18px; border-radius: 50%; background-color: #ee6603; opacity: 0; -webkit-box-shadow: 0px 0px 10px rgba(238, 102, 3, 0.81); box-shadow: 0px 0px 10px rgba(238, 102, 3, 0.81); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .careerBanner__pointCircle:hover { cursor: pointer; } .careerBanner__pointCircle:hover:after { opacity: 1; } .careerBanner__title { position: absolute; max-width: 38%; top: 12.0901639344%; left: 10.5263157895%; font-size: 48px; line-height: 48px; color: #fff; } @media only screen and (max-width: 499px) { .careerBanner__title { top: 50px; left: 20px; } } .careerBanner__titlePrefix { font-size: 24px; line-height: 28px; } @media only screen and (min-width: 1440px) { .careerBanner__titlePrefix { font-size: 36px; line-height: 42px; } } .careerBanner__titleHighlight { font-size: 62px; line-height: 86px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #ee6603; } @media only screen and (min-width: 1440px) { .careerBanner__titleHighlight { font-size: 70px; line-height: 97px; } } .careerBanner__cloud { position: absolute; bottom: 0; left: -5%; width: 110%; max-width: none !important; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 499px) { .careerBanner__cloud { width: 209%; left: -36%; } } .careerBanner__cloud--cloud1 { z-index: 3; } .careerBanner__cloud--cloud2 { z-index: 2; } .careerBanner__cloud--cloud3 { z-index: 1; } .careerBanner__star { position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; } .careerBanner__star--star1 { top: 38.2172131148%; left: 13.6315789474%; } .careerBanner__star--star2 { top: 6.25%; left: 64.1052631579%; } .careerBanner__star--star3 { top: 6.25%; left: 92.3157894737%; } .careerBanner__star--star4 { top: 52.5614754098%; left: 84.4210526316%; } .careerBanner__star--star5 { top: 72.0286885246%; left: 58.1578947368%; } .careerBanner__star--star6 { top: 72.3360655738%; left: 4.3684210526%; } .careerBanner--stage1 .careerBanner__rocket { -webkit-transform: scale(0.99); transform: scale(0.99); } .careerBanner--stage1 .careerBanner__point--point2 { top: 44.9795081967%; } .careerBanner--stage1 .careerBanner__point--point3 { top: 68.8524590164%; } .careerBanner--stage1 .careerBanner__point--point4 { top: 28.9959016393%; } .careerBanner--stage1 .careerBanner__point--point5 { top: 52.7663934426%; } .careerBanner--stage1 .careerBanner__point--point6 { top: 79.0983606557%; } .careerBanner--stage1 .careerBanner__cloud--cloud1 { bottom: -19px; } .careerBanner--stage1 .careerBanner__cloud--cloud2 { bottom: 10px; } .careerBanner--stage1 .careerBanner__cloud--cloud3 { bottom: 35px; } .careerBanner--stage2 .careerBanner__rocket, .careerBanner--stage3 .careerBanner__rocket { right: 23.1578947368%; } .careerBanner--stage2 .careerBanner__point--point1, .careerBanner--stage3 .careerBanner__point--point1 { left: 50.7894736842%; } .careerBanner--stage2 .careerBanner__point--point4, .careerBanner--stage3 .careerBanner__point--point4 { left: 78.7368421053%; } .careerBanner--stage2 .careerBanner__point--point5, .careerBanner--stage3 .careerBanner__point--point5 { left: 72.1052631579%; } .careerBanner--stage2 .careerBanner__point--point6, .careerBanner--stage3 .careerBanner__point--point6 { left: 79.8421052632%; } .careerBanner--stage2 .careerBanner__star--star1, .careerBanner--stage3 .careerBanner__star--star1 { left: 16.1052631579%; } .careerBanner--stage2 .careerBanner__star--star2, .careerBanner--stage3 .careerBanner__star--star2 { left: 66.1578947368%; } .careerBanner--stage2 .careerBanner__star--star3, .careerBanner--stage3 .careerBanner__star--star3 { left: 93.0526315789%; } .careerBanner--stage2 .careerBanner__star--star4, .careerBanner--stage3 .careerBanner__star--star4 { left: 85.1578947368%; } .careerBanner--stage2 .careerBanner__star--star5, .careerBanner--stage3 .careerBanner__star--star5 { left: 60.2105263158%; } .careerBanner--stage2 .careerBanner__star--star6, .careerBanner--stage3 .careerBanner__star--star6 { top: 72.0286885246%; left: 6.8421052632%; } .careerBanner--stage2 .careerBanner__cloud--cloud1, .careerBanner--stage3 .careerBanner__cloud--cloud1 { left: 0; } .careerBanner--stage2 .careerBanner__cloud--cloud2, .careerBanner--stage3 .careerBanner__cloud--cloud2 { left: -2%; } .careerBanner--stage2 .careerBanner__cloud--cloud3, .careerBanner--stage3 .careerBanner__cloud--cloud3 { left: -4%; } .careerBanner--stage2 .careerBanner__point--point3 { left: 24.6315789474%; } .careerBanner--stage3 .careerBanner__point--point2 { left: 35.6315789474%; } .careerBanner--stage4 .careerBanner__rocket, .careerBanner--stage5 .careerBanner__rocket { right: 24.8947368421%; } .careerBanner--stage4 .careerBanner__point--point1, .careerBanner--stage5 .careerBanner__point--point1 { left: 48.1578947368%; } .careerBanner--stage4 .careerBanner__point--point2, .careerBanner--stage5 .careerBanner__point--point2 { left: 33.4736842105%; } .careerBanner--stage4 .careerBanner__point--point3, .careerBanner--stage5 .careerBanner__point--point3 { left: 21.8947368421%; } .careerBanner--stage4 .careerBanner__point--point6, .careerBanner--stage5 .careerBanner__point--point6 { left: 77.5263157895%; } .careerBanner--stage4 .careerBanner__cloud--cloud1, .careerBanner--stage5 .careerBanner__cloud--cloud1 { left: -10%; } .careerBanner--stage4 .careerBanner__cloud--cloud2, .careerBanner--stage5 .careerBanner__cloud--cloud2 { left: -7%; } .careerBanner--stage4 .careerBanner__cloud--cloud3, .careerBanner--stage5 .careerBanner__cloud--cloud3 { left: -6%; } .careerBanner--stage4 .careerBanner__point--point5 { left: 68.3157894737%; } .careerBanner--stage5 .careerBanner__point--point4 { left: 76.8421052632%; } .careerBanner--stage6 .careerBanner__rocket { top: 0%; right: 25.3157894737%; } .careerBanner--stage6 .careerBanner__point--point1 { top: 14.9590163934%; left: 47.3684210526%; } .careerBanner--stage6 .careerBanner__point--point2 { top: 42.2131147541%; left: 33.1578947368%; } .careerBanner--stage6 .careerBanner__point--point3 { top: 62.8073770492%; left: 20.6315789474%; } .careerBanner--stage6 .careerBanner__point--point4 { top: 26.6393442623%; left: 76.6842105263%; } .careerBanner--stage6 .careerBanner__point--point5 { top: 50.9221311475%; left: 69.3157894737%; } .careerBanner--stage6 .careerBanner__cloud--cloud1 { left: -10%; } .careerBanner--stage6 .careerBanner__cloud--cloud2 { left: -7%; } .careerBanner--stage6 .careerBanner__cloud--cloud3 { left: -6%; } .careerMenu { z-index: 1; position: relative; top: -1px; padding-top: 1px; padding-bottom: 15px; background: #fff; } @media only screen and (min-width: 768px) and (max-width: 1439px) { .careerMenu { padding-bottom: 25px; } } @media only screen and (min-width: 1440px) { .careerMenu { padding-bottom: 40px; } } .careerMenu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px; margin: 0 auto !important; max-width: 1440px; list-style: none none !important; } @media only screen and (max-width: 499px) { .careerMenu__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .careerMenu__item { display: block; margin-left: 3px; margin-right: 3px; } .careerMenu__link { display: inline-block; padding: 9px 39px 8px; font-size: 18px; line-height: 21px; text-align: center; text-decoration: none; color: #000 !important; border-radius: 50px; -webkit-transition: color, background-color 0.3s; transition: color, background-color 0.3s; } .careerMenu__link:hover, .careerMenu__link--active { color: #fff !important; background-color: #ee6603; } @media only screen and (min-width: 499px) and (max-width: 1023px) { .careerMenu__link { padding: 8px 15px 7px; font-size: 17px; } } @media only screen and (min-width: 1024px) { .careerMenu__link { font-size: 20px; line-height: 23px; } } .is-sticky .careerMenu { width: 100% !important; background-color: #fff; max-width: 100%; padding: 15px 0; -webkit-box-shadow: 0 2px 47px 8px #eee; box-shadow: 0 2px 47px 8px #eee; left: 0; right: 0; } @media only screen and (max-width: 499px) { .is-sticky .careerMenu__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .is-sticky .careerMenu__link { padding: 7px 19px 6px; font-size: 16px; line-height: 23px; } } @media only screen and (min-width: 1280px) and (max-width: 1440px) { .is-sticky .careerMenu__link { padding: 7px 30px 7px; font-size: 17px; } } .careerBlock { display: block; margin: 0 -16px 50px !important; } @media only screen and (max-width: 767px) { .careerBlock { margin-bottom: 25px; } } .careerBlock.-command { margin-bottom: 0; } .careerBlock.-command .baseTeam { margin-bottom: 0; } .careerBlock.career__blog .advantage__info { width: 100%; } .careerBlock__title { position: relative; padding: 50px 0; } @media only screen and (min-width: 768px) { .careerBlock__title { padding: 57px 0; } } .careerBlock__title:before { content: attr(data-title-text); position: absolute; top: 50%; left: 50%; -webkit-transition: left 1s ease-out; transition: left 1s ease-out; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 900; font-size: 96px; line-height: 112px; text-transform: uppercase; white-space: nowrap; color: #f5f5f5; } @media only screen and (min-width: 768px) { .careerBlock__title:before { font-size: 144px; line-height: 169px; } } .careerBlock__title + .careerBlock__subtitle { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .careerBlock__title + .careerBlock__subtitle { margin-bottom: 42px; } } .careerBlock__title.is-visible:before { left: 40px; } .careerBlock__title--centered { text-align: center; } .careerBlock__title--centered:before { left: 70%; } .careerBlock__title--centered.is-visible:before { left: 40%; } .careerBlock__titleInner { position: relative; z-index: 1; margin: 0; font-weight: 700; font-size: 36px; line-height: 42px; text-transform: uppercase; color: #000; } @media only screen and (min-width: 768px) { .careerBlock__titleInner { font-size: 48px; line-height: 56px; } } .careerBlock__subtitle { font-size: 24px; line-height: 26px; font-weight: 700; text-transform: uppercase; } .careerBlock--gradient { background: linear-gradient(180deg, #f9f9f9 0%, rgba(255, 255, 255, 0) 246px); } .careerBlock--noindent { margin-bottom: 0 !important; } .careerBlock--dark { background-color: #2a353a; } .careerContainer { position: relative; max-width: 1502px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 16px; } .careerContainer + .careerContainer { margin-top: 50px; } @media only screen and (max-width: 767px) { .careerContainer + .careerContainer { margin-top: 15px; } } .questionsBlock { position: relative; } @media only screen and (min-width: 1024px) { .questionsBlock { padding-left: 50%; } } .questionsBlock__background { position: absolute; left: 2%; bottom: 20px; width: 42%; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .questionsBlock__background { left: 0; width: 48%; } } @media only screen and (max-width: 1023px) { .questionsBlock__background { display: none; } } .careerInfo { font-size: 14px; line-height: 24px; font-weight: 300; position: relative; z-index: 1; margin-bottom: 73px; max-width: 1431px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1024px) { .careerInfo { font-size: 18px; line-height: 30px; } } .careerInfo__title { margin-bottom: 21px; font-weight: 500; font-size: 21px; line-height: 26px; } @media only screen and (min-width: 1024px) { .careerInfo__title { font-size: 30px; line-height: 51px; } } .careerInfo__text { position: relative; padding-left: 31px; margin-bottom: 35px; background-color: rgba(255, 255, 255, 0.5); } @media only screen and (min-width: 1024px) { .careerInfo__text { padding-left: 42px; } } .careerInfo__text:before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #ee6603; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .careerInfo__text--short { max-width: 70%; } } @media only screen and (min-width: 1024px) { .careerInfo__text--short { max-width: 44%; } } .careerInfo ul { list-style: none !important; margin: 0 !important; display: inline-block; padding-right: 25px; font-weight: 500; } @media only screen and (min-width: 1024px) { .careerInfo ul { padding-left: 42px; } } .careerInfo ul > li { position: relative; padding-left: 31px; margin-bottom: 15px !important; } @media only screen and (min-width: 1024px) { .careerInfo ul > li { padding-left: 33px; } } .careerInfo ul > li:before { content: ''; position: absolute; top: 7px; left: 0; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: #ee6603; } @media only screen and (min-width: 1024px) { .careerInfo ul > li:before { top: 11px; } } .careerTechno { margin-bottom: 70px; padding: 33px 0 37px; background-color: #18242b; border-bottom: 12px solid #ee6603; } @media only screen and (min-width: 1024px) { .careerTechno { padding-top: 42px; } } .careerTechno__title { margin-bottom: 37px; font-weight: 500; font-size: 18px; line-height: 30px; color: #fff; } @media only screen and (min-width: 1024px) { .careerTechno__title { margin-bottom: 56px; padding-left: 50px; font-size: 30px; line-height: 51px; } } .careerTechno__list { list-style: none !important; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .careerTechno__item { padding: 0 10px; margin-bottom: 20px !important; } @media only screen and (min-width: 1024px) { .careerTechno__item { padding: 0 20px; } } .careerTechno__icon { max-height: 55px; } @media only screen and (min-width: 1024px) { .careerTechno__icon { max-height: 93px; } } .careerReasons { position: relative; } @media only screen and (max-width: 679px) { .careerReasons { padding-bottom: 500px; } } .careerReasons__igor { position: absolute; top: -132px; right: 0; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; z-index: 1; max-width: 100%; } @media only screen and (max-width: 1439px) { .careerReasons__igor { max-height: 640px; } } @media only screen and (max-width: 679px) { .careerReasons__igor { top: auto; bottom: -112px; } } @media only screen and (min-width: 680px) { .careerReasons__igor { right: -50%; opacity: 0; } .careerReasons__igor.is-visible { right: 0; opacity: 1; } } @media only screen and (min-width: 680px) and (max-width: 1439px) { .careerReasons__igor { top: -112px; } } .careerReasons__title { margin-bottom: 37px; font-weight: 500; font-size: 21px; line-height: 26px; } @media only screen and (min-width: 1024px) { .careerReasons__title { margin-bottom: 71px; padding-left: 73px; font-size: 30px; line-height: 51px; } } .careerReasons__list { z-index: 1; position: relative; list-style: none !important; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .careerReasons__item { margin-bottom: 36px !important; max-width: 429px; width: 100%; background: rgba(255, 255, 255, 0.7); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .careerReasons__item { width: 49%; } } @media only screen and (min-width: 1024px) { .careerReasons__item { margin-bottom: 88px !important; } } .careerReasons__item--delimiter { height: 0; min-height: auto; max-width: none; margin: 0 !important; padding: 0; } @media only screen and (max-width: 1023px) { .careerReasons__item--delimiter { display: none; } } .careerReason { position: relative; padding-top: 6px; padding-left: 135px; padding-right: 5px; min-height: 114px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 24px; } @media only screen and (min-width: 768px) { .careerReason { padding-right: 20px; } } @media only screen and (min-width: 1024px) { .careerReason { padding-top: 2px; padding-left: 170px; min-height: 127px; font-size: 18px; line-height: 30px; } } .careerReason:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 114px; height: 114px; background-color: #ee6603; } @media only screen and (min-width: 1024px) { .careerReason:before { width: 127px; height: 127px; } } .careerReason__title { font-weight: 500; color: #ee6603; text-transform: uppercase; } .careerReason--team:before { background: #ee6603 url(https://astrio.net/skin/frontend/default/turnkeye/images/career/reasons/team.svg) no-repeat center; } .careerReason--warranty:before { background: #ee6603 url(https://astrio.net/skin/frontend/default/turnkeye/images/career/reasons/warranty.svg) no-repeat center; } .careerReason--expert:before { background: #ee6603 url(https://astrio.net/skin/frontend/default/turnkeye/images/career/reasons/expert.svg) no-repeat center; } .careerReason--learning:before { background: #ee6603 url(https://astrio.net/skin/frontend/default/turnkeye/images/career/reasons/learning.svg) no-repeat center; } .careerReason--certification:before { background: #ee6603 url(https://astrio.net/skin/frontend/default/turnkeye/images/career/reasons/certification.svg) no-repeat center; } .careerReason--career:before { background: #ee6603 url(https://astrio.net/skin/frontend/default/turnkeye/images/career/reasons/career.svg) no-repeat center; } .careerReason--bonus:before { background: #ee6603 url(https://astrio.net/skin/frontend/default/turnkeye/images/career/reasons/bonus.svg) no-repeat center; } .careerHighload { position: relative; margin-bottom: 55px; background-color: #18242b; } @media only screen and (max-width: 767px) { .careerHighload { margin-top: 282px; text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .careerHighload { margin-top: 104px; } } @media only screen and (min-width: 1280px) { .careerHighload { margin-top: 200px; } } .careerHighload__cosmonaut { position: absolute; bottom: 0; right: 0; max-width: 50% !important; } @media only screen and (max-width: 767px) { .careerHighload__cosmonaut { max-width: 420px !important; bottom: 100%; } } .careerHighload__list { list-style: none !important; margin: 0 !important; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .careerHighload__list { padding-top: 31px; padding-bottom: 28px; } } @media only screen and (min-width: 768px) { .careerHighload__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1024px) { .careerHighload__list { padding: 0 70px; } } @media only screen and (min-width: 1280px) { .careerHighload__list { width: 58%; } } .careerHighload__item { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; margin: 0 !important; } @media only screen and (min-width: 768px) { .careerHighload__item { padding-left: 5px; padding-right: 5px; background-color: rgba(24, 36, 43, 0.7); } } .careerHighload__itemTop { white-space: nowrap; font-weight: 900; font-size: 96px; line-height: 112px; color: #ee6603; } .careerHighload__itemTop > span { font-size: 40px; line-height: 40px; } @media only screen and (min-width: 768px) { .careerHighload__itemTop { position: absolute; bottom: calc(100% - 8px); } } .careerHighload__itemBottom { padding: 17px 0 31px; font-weight: 500; font-size: 24px; line-height: 28px; color: #fff; } @media only screen and (max-width: 767px) { .careerHighload--centered { margin-top: 0; } } @media only screen and (min-width: 768px) { .careerHighload--centered { margin-top: 160px; text-align: center; } .careerHighload--centered .careerHighload__itemTop { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .careerHighload--centered .careerHighload__itemBottom { padding-top: 27px; -webkit-box-sizing: border-box; box-sizing: border-box; } .careerHighload--centered .careerHighload__list { padding: 0; } .careerHighload--centered .careerHighload__item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: 350px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (min-width: 1280px) { .careerHighload--centered .careerHighload__list { width: 100%; -ms-flex-pack: distribute; justify-content: space-around; } } @media only screen and (min-width: 1440px) { .careerHighload--centered .careerHighload__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .projectsSlider { position: relative; margin-bottom: 50px; padding: 10px 25px; } @media only screen and (min-width: 768px) { .projectsSlider { padding: 20px 35px; } } .projectsSlider .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .projectsSlider__slide { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .projectsSlider__slide a { display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .projectsSlider__slide img { max-width: 100%; max-height: 53px; } .projectsSlider__slide:hover a { -webkit-filter: none; filter: none; } .projectsSlider__tooltip { display: none; z-index: 1; -webkit-transform: translate(-50%, 30px); transform: translate(-50%, 30px); padding: 18px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; background-color: #ececec; font-size: 14px; line-height: 24px; font-weight: 300; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.16); box-shadow: 0 0 15px rgba(0, 0, 0, 0.16); } .projectsSlider__tooltip:before { content: ''; position: absolute; border-style: solid; border-width: 0 9px 16px; border-color: transparent transparent #ececec; top: -15px; margin-left: -9px; left: 50%; display: block; width: 0; height: 0; } .projectsSlider__tooltipTitle { font-weight: 500; } .projectsSlider__button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; cursor: pointer; outline: none; } .projectsSlider__button:before { font-family: 'icomoon'; font-size: 30px; } .projectsSlider__button--prev { left: 0; right: auto; } .projectsSlider__button--prev:before { content: '\e801'; } .projectsSlider__button--next { right: 0; left: auto; } .projectsSlider__button--next:before { content: '\e800'; } .careerTimeline { position: relative; margin-bottom: 50px; } .careerTimeline__moon { position: absolute; bottom: 0; right: 0; max-width: 80% !important; -webkit-transition: opacity 1.5s; transition: opacity 1.5s; opacity: 0; } @media only screen and (min-width: 1024px) { .careerTimeline__moon { top: -155px; bottom: auto; } } .careerTimeline__moon.is-visible { opacity: 1; } .careerTimeline__title { margin-bottom: 33px; font-weight: 500; font-size: 21px; line-height: 36px; } @media only screen and (min-width: 1024px) { .careerTimeline__title { padding-left: 73px; font-weight: 500; font-size: 30px; line-height: 51px; } } .careerTimeline__wrapper { list-style: none !important; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) { .careerTimeline__wrapper { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 230px 0 300px; width: 88%; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; margin-left: -11% !important; } } @media only screen and (min-width: 768px) and (max-width: 1439px) { .careerTimeline__wrapper { max-width: 950px; } } @media only screen and (min-width: 1024px) { .careerTimeline__wrapper { padding-top: 205px; } } @media only screen and (min-width: 1440px) { .careerTimeline__wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 72%; -webkit-transform: none; transform: none; left: 0; margin-left: -9% !important; margin-right: 12% !important; vertical-align: top; } } .careerTimeline__point { position: relative; list-style-type: none; margin: 0 !important; padding-left: 35px; padding-bottom: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .careerTimeline__point:after { pointer-events: auto; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .careerTimeline__point:hover:after { -webkit-box-shadow: 0 0 6px 0 #ee6603; box-shadow: 0 0 6px 0 #ee6603; } .careerTimeline__point:hover .careerTimeline__tooltip { color: #fff; background: #ee6603; } .careerTimeline__point:hover:nth-child(even) .careerTimeline__tooltip:before { border-color: #ee6603 transparent transparent transparent; } .careerTimeline__point:hover:nth-child(odd) .careerTimeline__tooltip:before { border-color: transparent transparent #ee6603 transparent; } @media only screen and (max-width: 359px) { .careerTimeline__point { min-height: 200px; } } @media only screen and (min-width: 768px) { .careerTimeline__point { display: inline-block; width: 25%; height: 3px; padding: 0; background: #ee6603; } .careerTimeline__point:first-child { background: #fff; } .careerTimeline__point:nth-child(even) .careerTimeline__pointTitle { top: calc(100% + 19px); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .careerTimeline__point:nth-child(even) .careerTimeline__tooltip { top: -59px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .careerTimeline__point:nth-child(even) .careerTimeline__tooltip:before { top: 100%; border-width: 19px 16px 0; border-color: #ececec transparent transparent transparent; margin-left: -17px; } .careerTimeline__point:nth-child(odd) .careerTimeline__pointTitle { top: -23px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .careerTimeline__point:nth-child(odd) .careerTimeline__tooltip { top: calc(100% + 58px); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .careerTimeline__point:nth-child(odd) .careerTimeline__tooltip:before { border-width: 0 16px 19px; border-color: transparent transparent #ececec transparent; top: -19px; margin-left: -17px; } } .careerTimeline__point:after { content: ''; position: absolute; top: 8px; left: 1px; width: 26px; height: 26px; border-radius: 50%; background: #ee6603; } @media only screen and (min-width: 768px) { .careerTimeline__point:after { top: -12px; right: -13px; left: auto; } } .careerTimeline__point:before { content: ''; position: absolute; top: 9px; left: 12px; width: 3px; height: 100%; background: #ee6603; } @media only screen and (min-width: 768px) { .careerTimeline__point:before { display: none; } } .careerTimeline__point:last-child:before { display: none; } .careerTimeline__point:last-child .careerTimeline__tooltip { margin-top: 29px; color: #fff; background: #ee6603; } @media only screen and (min-width: 768px) { .careerTimeline__point:last-child .careerTimeline__tooltip { margin-top: 0; } } @media only screen and (min-width: 768px) { .careerTimeline__point:last-child:nth-child(even) .careerTimeline__tooltip:before { border-color: #ee6603 transparent transparent transparent; } .careerTimeline__point:last-child:nth-child(odd) .careerTimeline__tooltip:before { border-color: transparent transparent #ee6603 transparent; } } .careerTimeline__pointTitle { margin-bottom: 9px; padding-left: 16px; font-weight: 500; font-size: 24px; line-height: 41px; color: #fca225; } @media only screen and (min-width: 768px) { .careerTimeline__pointTitle { position: absolute; left: 100%; display: inline-block; white-space: nowrap; padding: 0; margin: 0; } } .careerTimeline__tooltip { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 5px 18px 20px; border-radius: 10px; background: #ececec; pointer-events: auto; -webkit-transition: background 0.3s; transition: background 0.3s; } @media only screen and (min-width: 500px) { .careerTimeline__tooltip { display: inline-block; padding-right: 20px; } } @media only screen and (min-width: 768px) { .careerTimeline__tooltip { position: absolute; left: 100%; max-width: 300px; min-width: 230px; width: 100%; padding: 18px; } .careerTimeline__tooltip:before { content: ''; position: absolute; left: 50%; display: block; width: 0; height: 0; border-color: #ececec; border-style: solid; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } } .careerTimeline__tooltipTitle { font-weight: 500; font-size: 18px; line-height: 26px; } @media only screen and (min-width: 768px) { .careerTimeline__tooltipTitle { font-size: 18px; line-height: 30px; } } .careerTimeline__tooltipContent { font-size: 12px; line-height: 20px; font-weight: 300; } @media only screen and (min-width: 768px) { .careerTimeline__tooltipContent { font-size: 12px; line-height: 24px; } } .careerTimeline .shortContacts { margin-top: 20px; } @media only screen and (max-width: 1439px) { .careerTimeline .shortContacts { display: none !important; } } @media only screen and (min-width: 1440px) { .careerTimeline .shortContacts { display: inline-block; width: 24%; float: right; margin-top: 31px; } } .shortContacts { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 360px; padding: 20px 34px 47px; border-radius: 10px; background-color: #ee6603; } @media only screen and (max-width: 1440px) { .shortContacts { margin: 0 auto; } } .shortContacts__title { margin-bottom: 36px; font-size: 18px; line-height: 23px; color: #fff; text-align: center; } .shortContacts__field { width: 100%; margin-bottom: 22px; } .shortContacts__input { width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 43px; padding: 0 24px !important; font-weight: 300; font-size: 14px; line-height: 18px; border: 1px solid #ab4800 !important; border-width: 0 0 1px 0 !important; color: #fff; background: rgba(168, 71, 0, 0.19); text-align: left; } .shortContacts__input:focus { outline: none; } .shortContacts__input + .error { display: block; margin-top: 5px; } .shortContacts__submit { display: block; margin: 25px auto 0; padding: 5px 15px; min-width: 200px; background: #000; border: 1px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50px; font-size: 18px; line-height: 30px; text-align: center; color: #fff; -webkit-transition: background 0.3s; transition: background 0.3s; } .shortContacts__submit:hover, .shortContacts__submit:active, .shortContacts__submit:focus { outline: 0; } .shortContacts__submit:hover { background: #833700; } .shortContacts__message { margin: 10px 0; font-size: 14px; text-align: center; color: #fff !important; } .developerQuote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1024px) { .developerQuote { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .developerQuote__photo { max-width: 184px !important; margin: 0 auto 18px; } @media only screen and (min-width: 768px) { .developerQuote__photo { max-width: 248px !important; } } @media only screen and (min-width: 1024px) { .developerQuote__photo { margin-bottom: 0; } } .developerQuote__info { font-size: 18px; line-height: 30px; font-weight: 300; } @media only screen and (min-width: 1024px) { .developerQuote__info { padding-left: 78px; } } .developerQuote__name { margin-bottom: 3px; font-weight: 500; } @media only screen and (max-width: 1023px) { .developerQuote__name { text-align: center; } } .developerQuote__position { font-size: 14px; line-height: 18px; } @media only screen and (max-width: 1023px) { .developerQuote__position { text-align: center; } } .developerQuote__quote { position: relative; margin-top: 24px; padding-left: 58px; background: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/quotes.svg) top 6px left no-repeat; } @media only screen and (max-width: 767px) { .developerQuote__quote { background-size: 41px 31px; background-position: top 3px left; font-size: 14px; line-height: 19px; } } @media only screen and (min-width: 768px) { .developerQuote__quote { padding-left: 103px; } } .developersSlider { position: relative; padding: 0; margin-bottom: 50px; } @media only screen and (min-width: 768px) { .developersSlider { padding: 0 70px; } } .developersSlider__button { position: absolute; top: 0; z-index: 10; width: 22px; height: 184px; cursor: pointer; outline: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @media only screen and (min-width: 768px) { .developersSlider__button { width: 44px; height: 249px; } } .developersSlider__button:after { content: '\e801'; font-family: 'icomoon'; font-size: 30px; height: 30px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; } .developersSlider__button--prev { left: 0; right: auto; } .developersSlider__button--next { right: 0; left: auto; } .developersSlider__button--next:after { content: '\e800'; right: 0; } .developersSlider__button:hover { opacity: 0.5; } .developersSlider .developerQuote { max-width: 1120px; margin: 0 auto; } @media only screen and (max-width: 767px) { .developersSlider .developerQuote { margin: 0 32px; } } .careerVacancy { padding: 45px 0 43px; max-width: 871px; margin: 0 auto; text-align: center; } @media only screen and (min-width: 600px) { .careerVacancy { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .careerVacancy__logo { width: 140px !important; margin-bottom: 36px; } @media only screen and (min-width: 600px) { .careerVacancy__logo { margin-bottom: 0; } } .careerVacancy__info { -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 600px) { .careerVacancy__info { margin: 0 5%; width: calc(90% - 202px - 140px); padding: 0 15px; text-align: left; } } .careerVacancy__title { margin-bottom: 10px; font-weight: 700; font-size: 18px; line-height: 21px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .careerVacancy__title { margin-bottom: 14px; font-size: 24px; line-height: 28px; } } .careerVacancy__salary { font-size: 14px; line-height: 16px; } @media only screen and (min-width: 768px) { .careerVacancy__salary { font-size: 18px; line-height: 21px; } } .careerVacancy__showMore { padding: 5px 30px; min-width: 202px; margin-top: 20px; background-color: #fff; border: 1px solid #ee6603; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; font-size: 18px; line-height: 30px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .careerVacancy__showMore:hover, .careerVacancy__showMore:focus, .careerVacancy__showMore:active { outline: 0; background-color: #ee6603; color: #fff; } @media only screen and (min-width: 600px) { .careerVacancy__showMore { margin-bottom: 20px; } } .careerVacancy__showMore:before { content: attr(data-show-more); } .careerVacancy__description { display: none; width: 100%; margin-top: 25px; font-size: 14px; line-height: 22px; font-weight: 300; text-align: left; } @media only screen and (min-width: 600px) { .careerVacancy__description { max-width: 1047px; margin: 0 auto 20px; position: relative; top: 47px; } } @media only screen and (min-width: 768px) { .careerVacancy__description { font-size: 18px; } } .careerVacancy__description ul { list-style: none !important; margin: 0 !important; display: block; } @media only screen and (min-width: 768px) { .careerVacancy__description ul { margin-bottom: 56px !important; } } .careerVacancy__description ul > li { position: relative; padding-left: 29px; margin-bottom: 22px !important; } @media only screen and (min-width: 768px) { .careerVacancy__description ul > li { margin-bottom: 17px !important; padding-left: 38px; } } .careerVacancy__description ul > li:before { content: ''; position: absolute; top: 6px; left: 0; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: #ee6603; } @media only screen and (min-width: 768px) { .careerVacancy__description ul > li:before { top: 8px; } } .careerVacancy__listTitle { margin-bottom: 22px; padding-left: 29px; font-weight: 500; } @media only screen and (min-width: 768px) { .careerVacancy__listTitle { margin-bottom: 18px; padding-left: 38px; } } .careerVacancy + .careerVacancy { border-top: 1px solid #e8e8e8; } .careerVacancy--expanded .careerVacancy__showMore:before { content: attr(data-show-less); } .careerFaq { position: relative; padding: 50px 0 100px; background: #18242b url(https://astrio.net/skin/frontend/default/turnkeye/images/career/cosmos.png) no-repeat left -6% top 23px; overflow: hidden; } @media only screen and (min-width: 1024px) { .careerFaq { padding-top: 56px; } } @media only screen and (min-width: 1500px) { .careerFaq { margin: 0 16px; } } .careerFaq__title { position: relative; margin: 0 0 51px; font-weight: 700; font-size: 36px; line-height: 42px; text-transform: uppercase; color: #fff; } @media only screen and (min-width: 1024px) { .careerFaq__title { margin-bottom: 79px; font-size: 48px; line-height: 56px; } } .faqAccordion { position: relative; } .faqAccordion__header { position: relative; z-index: 1; padding: 16px 35px 16px 20px; border-radius: 10px; font-weight: 700; font-size: 18px; line-height: 21px; text-transform: uppercase; background: #ee6603; cursor: pointer; } @media only screen and (min-width: 1024px) { .faqAccordion__header { padding: 25px 87px 25px 31px; font-size: 24px; line-height: 28px; } } .faqAccordion__header:hover, .faqAccordion__header:focus, .faqAccordion__header:active { outline: 0; } .faqAccordion__header:before, .faqAccordion__header:after { content: ''; position: absolute; top: 27px; right: 20px; display: block; height: 3px; width: 17px; background: #000; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } @media only screen and (min-width: 1024px) { .faqAccordion__header:before, .faqAccordion__header:after { top: 37px; right: 26px; height: 4px; width: 30px; } } .faqAccordion__header:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .faqAccordion__header--active:after { -webkit-transform: rotate(0); transform: rotate(0); } .faqAccordion__content { display: none; position: relative; top: -10px; font-weight: 300; font-size: 14px; line-height: 17px; color: #fff; background: #7e3b09; border-radius: 0 0 10px 10px; } @media only screen and (min-width: 1024px) { .faqAccordion__content { font-size: 18px; line-height: 30px; } } .faqAccordion__content + .faqAccordion__header { margin-top: 19px; } .faqAccordion__content p { color: #fff !important; } .faqAccordion__content a { cursor: pointer; } .faqAccordion__content a:hover { text-decoration: underline; } .faqAccordion__contentInner { padding: 35px 25px 25px; } @media only screen and (min-width: 1024px) { .faqAccordion__contentInner { padding: 42px 66px 32px; } } .formContact { position: relative; background-color: #f0f0f0; padding: 40px 20px; border-radius: 30px; } @media only screen and (min-width: 768px) { .formContact { padding: 40px; } } @media only screen and (min-width: 1024px) { .formContact { max-width: 810px; } } .formContact__fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .formContact__field { margin-bottom: 22px; width: 100%; } @media only screen and (min-width: 600px) { .formContact__field--phone { width: 49% !important; } } @media only screen and (min-width: 600px) { .formContact__field--email { width: 49% !important; margin-right: 2%; } } .formContact__input { max-width: 100% !important; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 43px; padding: 0 8px !important; font-size: 14px; line-height: 18px; text-align: left; font-family: 'Roboto', sans-serif; } .formContact__input::-webkit-input-placeholder { color: #9f9f9f; } .formContact__input::-moz-placeholder { color: #9f9f9f; } .formContact__input:-ms-input-placeholder { color: #9f9f9f; } .formContact__input::-ms-input-placeholder { color: #9f9f9f; } .formContact__input::placeholder { color: #9f9f9f; } .formContact__input--message { height: auto; padding: 10px 8px !important; } .formContact__input:hover, .formContact__input:focus, .formContact__input:active { outline: 0; } .formContact__input + .error { display: block; margin-top: 5px; color: #f00; } .formContact__submit { display: inline-block; margin-top: 25px; padding: 5px 15px; min-width: 200px; background: #fff; border: 1px solid #ee6603; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; font-size: 14px; line-height: 30px; text-align: center; color: #000; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .formContact__submit:hover, .formContact__submit:active, .formContact__submit:focus { outline: 0; } .formContact__submit:hover { background: #ee6603; color: #fff; } .formContact__message { width: 100%; margin: 10px 0; font-size: 14px; text-align: center; } .formContact__message--error { color: #f00; } .formContact__action { text-align: center; } .formContactHeader { margin-bottom: 22px; font-size: 18px; line-height: 31px; } .formContactHeader__text { margin-bottom: 8px; } .formContactHeader__link { display: inline-block; padding: 4px 0 4px 36px; font-size: 18px; line-height: 26px; margin-right: 15px; font-weight: 700; color: #000 !important; } @media only screen and (min-width: 768px) { .formContactHeader__link { margin-right: 32px; } } .formContactHeader__link--phone { background: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/phone.png) left center no-repeat; background-size: 22px; } .formContactHeader__link--email { background: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/email.png) left center no-repeat; background-size: 22px; } .formContactHeader__link--tg { padding: 4px 0 4px 0; } .formContactHeader__link--tg svg { width: 25px; height: 25px; fill: #ee6603; display: inline-block; vertical-align: middle; } .formContactHeader__link--tg-icon { font-size: 0; line-height: 25px; padding-right: 3px; vertical-align: middle; display: inline-block; } .formContactHeader__link--tg-text { vertical-align: middle; display: inline-block; } .aboutUs { padding-top: 30px; } .aboutUs__list { list-style: none !important; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } @media only screen and (min-width: 600px) { .aboutUs__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .aboutUs__item { position: relative; margin-bottom: 30px !important; padding-top: 117px; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1439px) { .aboutUs__item:hover .aboutUs__itemIcon { -webkit-transform: translateX(-50%) scale(1.2); transform: translateX(-50%) scale(1.2); } } @media only screen and (min-width: 1440px) { .aboutUs__item:hover .aboutUs__itemIcon { -webkit-transform: scale(1.2); transform: scale(1.2); } } @media only screen and (min-width: 600px) { .aboutUs__item { width: 33%; } } @media only screen and (min-width: 600px) { .aboutUs__item { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 1440px) { .aboutUs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 0; text-align: left; } } .aboutUs__itemIcon { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } @media only screen and (max-width: 1439px) { .aboutUs__itemIcon { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-height: 87px; } } @media only screen and (min-width: 1440px) { .aboutUs__itemIcon { position: relative; margin-top: 5px; margin-right: 37px; } } .aboutUs__itemTitle { margin-bottom: 7px; font-weight: 500; font-size: 21px; line-height: 25px; letter-spacing: 0.07em; text-transform: uppercase; color: #ee6603; } @media only screen and (min-width: 1440px) { .aboutUs__itemTitle { margin-bottom: 12px; } } .aboutUs__itemText { font-weight: 300; font-size: 18px; line-height: 23px; } .aboutUs__itemText a { color: #000; } .instagramBase { margin-bottom: 50px; } .instagramBase__title { margin-bottom: 16px; font-size: 18px; line-height: 30px; color: #ee6603; } .instagramBase__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none !important; margin: 0 -7.5px !important; } @media only screen and (min-width: 1024px) { .instagramBase__list { margin: 0 -12.5px !important; } } .instagramBase__item { position: relative; margin: 0 7.5px 15px !important; overflow: hidden; } @media only screen and (max-width: 369px) { .instagramBase__item { width: calc((100% - 30px) / 2); } } @media only screen and (min-width: 1024px) { .instagramBase__item { margin: 0 12.5px 25px !important; } } @media only screen and (min-width: 1024px) { .instagramBase__item { width: calc((100% - 125px) / 5); } .instagramBase__item:nth-child(n + 6) { display: none; } } .instagramBase__item img { width: 152px; max-width: 100%; } @media only screen and (min-width: 1024px) { .instagramBase__item img { width: 280px; } } .instagramBase__item:hover .instagramBase__itemDescription { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .instagramBase__itemDescription { position: absolute; top: 100%; left: 0; width: 100%; padding: 14px 9px 12px 15px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 18px; color: #fff; background: rgba(0, 0, 0, 0.78); -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 1023px) { .instagramBase__itemDescription { display: none; } } .instagramBase__subscribe { display: block; margin: 25px auto 0; padding: 5px 15px; width: 200px; background: #fff; border: 1px solid #ee6603; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50px; font-size: 18px; line-height: 30px; text-align: center; color: #000; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .instagramBase__subscribe:hover { background: #ee6603; color: #fff; } .aboutUsSlider { padding: 39px 0 20px; border-top: 1px solid #ee6603; background-color: #f4f4f4; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .aboutUsSlider { margin-top: 50px; } } @media only screen and (min-width: 1280px) { .aboutUsSlider { padding-top: 88px; } } .aboutUsSlider__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1023px) { .aboutUsSlider__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .aboutUsSlider .swiper-container { max-width: 1191px; width: 64.4736842105%; } @media only screen and (max-width: 1023px) { .aboutUsSlider .swiper-container { width: 100%; } } .aboutUsSlider__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 31%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } @media only screen and (max-width: 1023px) { .aboutUsSlider__pagination { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 767px) { .aboutUsSlider__pagination { padding: 30px 20px; } } @media only screen and (min-width: 1440px) and (max-width: 1599px) { .aboutUsSlider__pagination { width: 30%; } } @media only screen and (min-width: 1600px) { .aboutUsSlider__pagination { width: 24.5789473684%; } } .aboutUsSlider__bullet { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 5px; margin-bottom: 14px; text-transform: uppercase; color: #ee6603; background-color: #e5e5e5; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 1023px) { .aboutUsSlider__bullet { margin: 0 6px; padding: 0; width: 25px; height: 3px; background-color: #c4c4c4; } } @media only screen and (min-width: 1600px) { .aboutUsSlider__bullet { min-height: 66px; } } .aboutUsSlider__bullet:hover, .aboutUsSlider__bullet:focus, .aboutUsSlider__bullet--active { outline: 0; } .aboutUsSlider__bullet:hover, .aboutUsSlider__bullet--active { color: #fff; background-color: #ee6603; } .aboutUsSlider__slide { padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 767px) { .aboutUsSlider__slide { padding: 0 20px; } } @media only screen and (min-width: 1600px) { .aboutUsSlider__slide { min-height: 467px; } } .aboutUsSlider__bulletText { font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; } @media only screen and (max-width: 1023px) { .aboutUsSlider__bulletText { display: none; } } @media only screen and (min-width: 1600px) { .aboutUsSlider__bulletText { font-size: 17px; line-height: 21px; font-weight: 500; } } @media only screen and (min-width: 1440px) { .aboutUsSlider__slideTitle, .aboutUsSlider__slideText { width: 52.2508038585%; } } .aboutUsSlider__slideTitle { margin-bottom: 20px; font-weight: 700; font-size: 24px; line-height: 28px; text-transform: uppercase; color: #ee6603; } @media only screen and (min-width: 768px) { .aboutUsSlider__slideTitle { font-size: 36px; line-height: 42px; } } .aboutUsSlider__slideText { font-size: 14px; line-height: 16px; } @media only screen and (min-width: 768px) { .aboutUsSlider__slideText { font-size: 18px; line-height: 21px; } } .aboutUsSlider__slideText p { color: #000 !important; } .aboutUsSlider__slideText ul { list-style: none !important; margin: 0 !important; display: block; } @media only screen and (min-width: 768px) { .aboutUsSlider__slideText ul { margin-bottom: 56px !important; } } .aboutUsSlider__slideText ul > li { position: relative; padding-left: 29px; margin-bottom: 22px !important; } .aboutUsSlider__slideText ul > li:before { content: ''; position: absolute; top: 9px; left: 0; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #ee6603; } @media only screen and (min-width: 768px) { .aboutUsSlider__slideText ul > li:before { top: 8px; } } .aboutUsSlider__slideImage { position: absolute; top: 0; right: 30px; max-width: 40%; max-height: 100%; } @media only screen and (max-width: 1439px) { .aboutUsSlider__slideImage { display: none; } } .aboutUsSlider__pages { display: none; } .aboutUsSlider__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 12px; } @media only screen and (max-width: 1023px) { .aboutUsSlider__bottom { margin-top: 30px; } } .aboutUsSlider__bottom img { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin-bottom: 20px; } @media only screen and (max-width: 1023px) { .aboutUsSlider__bottom img { max-height: 91px; } } @media only screen and (max-width: 767px) { .aboutUsSlider__bottom img { padding: 0 10px; } .aboutUsSlider__bottom img:nth-child(2n) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 1024px) { .aboutUsSlider__bottom img { max-width: 33%; } } .countersWrapper { padding: 0 20px; margin: 0 auto 20px; max-width: 1186px; } @media only screen and (min-width: 1024px) { .countersWrapper { margin-bottom: 30px; } } .countersWrapper__list { list-style: none !important; margin: 0 -20px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 767px) { .countersWrapper__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .countersWrapper__item { margin-bottom: 32px !important; padding: 0 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1024px) { .countersWrapper__item { width: 33.33%; } } .countersWrapper .baseCounter { margin: 0 auto; } .baseCounter { position: relative; padding: 19px 10px 25px 108px; min-height: 124px; max-width: 342px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color: #ee6603; } .baseCounter__count { position: absolute; top: 10px; left: 54px; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-weight: 700; font-size: 72px; line-height: 97px; } .baseCounter__name { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; font-size: 24px; line-height: 32px; } .developersWrapper { margin: 0 auto; padding: 0 20px; max-width: 1362px; } .developersWrapper__list { list-style: none !important; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .developersWrapper__item { margin-bottom: 35px !important; padding: 0 5px; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .developersWrapper__item { width: 33.33%; } } @media only screen and (min-width: 1024px) { .developersWrapper__item { margin-bottom: 50px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .developersWrapper__item { width: 25%; } } @media only screen and (min-width: 1280px) { .developersWrapper__item { width: 20%; } } .developersWrapper__item--empty { margin: 0 !important; padding: 0; border: 0; background: none; } .developersWrapper .baseDeveloper { margin: 0 auto; } .baseDeveloper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; text-align: center; } .baseDeveloper__photo { margin: 0 auto 18px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 126px; max-width: 100%; border: 3px solid #ee6603; border-radius: 50%; -webkit-box-shadow: 0 0 25px rgba(255, 156, 85, 0.3); box-shadow: 0 0 25px rgba(255, 156, 85, 0.3); } @media only screen and (min-width: 500px) { .baseDeveloper__photo { width: 190px; margin-bottom: 20px; } } .baseDeveloper__name { margin-top: auto; font-weight: 500; font-size: 20px; line-height: 33px; } @media only screen and (min-width: 500px) { .baseDeveloper__name { font-size: 24px; line-height: 40px; } } .baseDeveloper__position { font-size: 14px; line-height: 20px; } @media only screen and (min-width: 500px) { .baseDeveloper__position { font-size: 20px; line-height: 30px; } } .rewardsWrapper { margin: 0 auto; padding: 0 16px; max-width: 1470px; } .rewardsWrapper__list { list-style: none !important; margin: 0 -16px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 767px) { .rewardsWrapper__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .rewardsWrapper__item { margin-bottom: 44px !important; padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1024px) { .rewardsWrapper__item { width: 50%; } } .rewardsWrapper__item--empty { margin: 0 !important; padding: 0; border: 0; background: none; } .rewardsWrapper .baseReward { margin: 0 auto; } @media only screen and (min-width: 768px) { .careerBlock__title + .rewardsWrapper { margin-top: 50px; } } .baseReward { position: relative; max-width: 783px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ededed url(https://astrio.net/skin/frontend/default/turnkeye/images/reward-background.png) right center no-repeat; text-align: center; } @media only screen and (min-width: 1024px) { .baseReward { height: 1px; min-height: 199px; } } .baseReward:before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 28%; height: 100%; } .baseReward__place { position: relative; width: 33%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px; -ms-flex-item-align: self-start; align-self: self-start; background: #ee6603; -webkit-box-shadow: 0px 0px 20px rgba(255, 107, 0, 0.44); box-shadow: 0px 0px 20px rgba(255, 107, 0, 0.44); } @media only screen and (min-width: 768px) { .baseReward__place { width: 28%; padding: 14px; } } .baseReward__placeNumber { font-size: 64px; line-height: 75px; font-weight: 900; text-transform: uppercase; color: #ffffff; } @media only screen and (min-width: 768px) { .baseReward__placeNumber { font-size: 96px; line-height: 112px; } } .baseReward__placeText { font-size: 18px; line-height: 21px; text-transform: uppercase; color: #ffffff; } @media only screen and (min-width: 768px) { .baseReward__placeText { font-size: 24px; line-height: 28px; } } .baseReward__placeYear { font-size: 14px; line-height: 16px; text-transform: uppercase; color: #000; } @media only screen and (max-width: 767px) { .baseReward__placeYear { margin-top: 7px; } } @media only screen and (min-width: 768px) { .baseReward__placeYear { font-size: 18px; line-height: 21px; } } .baseReward__description { -webkit-box-sizing: border-box; box-sizing: border-box; width: 67%; padding-left: 28px; padding-right: 15px; font-size: 18px; line-height: 21px; } @media only screen and (max-width: 767px) { .baseReward__description { text-align: left; } } @media only screen and (min-width: 768px) { .baseReward__description { width: 72%; font-size: 24px; line-height: 28px; } } .reviewsSlider { position: relative; padding: 0; margin-bottom: 50px; } @media only screen and (min-width: 768px) { .reviewsSlider { padding: 0 70px; } } .reviewsSlider__button { position: absolute; top: 0; z-index: 10; width: 22px; height: 51px; cursor: pointer; outline: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @media only screen and (min-width: 768px) { .reviewsSlider__button { width: 44px; height: 249px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .reviewsSlider__button:before, .reviewsSlider__button:after { content: ''; position: absolute; width: 2px; height: 33px; top: 50%; background: #c4c4c4; border-radius: 2px; } @media only screen and (min-width: 768px) { .reviewsSlider__button:before, .reviewsSlider__button:after { width: 4px; height: 63px; } } .reviewsSlider__button:before { -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform: translateY(-100%) rotate(39deg); transform: translateY(-100%) rotate(39deg); } .reviewsSlider__button:after { -webkit-transform-origin: top; transform-origin: top; -webkit-transform: rotate(-39.83deg); transform: rotate(-39.83deg); margin-top: -2px; } @media only screen and (min-width: 768px) { .reviewsSlider__button:after { margin-top: -3px; } } .reviewsSlider__button--prev { left: 0; right: auto; } .reviewsSlider__button--next { right: 0; left: auto; } .reviewsSlider__button--next:before { right: 0; -webkit-transform: translateY(-100%) rotate(-39deg); transform: translateY(-100%) rotate(-39deg); } .reviewsSlider__button--next:after { right: 0; -webkit-transform: rotate(39.83deg); transform: rotate(39.83deg); } .reviewsSlider__button:hover { opacity: 0.5; } .careerBlock__title + .reviewsSlider { margin-top: 20px; } @media only screen and (min-width: 768px) { .careerBlock__title + .reviewsSlider { margin-top: 50px; } } .projectReview { text-align: center; } .projectReview__logo { margin-bottom: 29px; } @media only screen and (max-width: 767px) { .projectReview__logo { max-width: 175px !important; } } @media only screen and (min-width: 768px) { .projectReview__logo { margin-bottom: 73px; } } .projectReview__title { font-size: 18px; line-height: 30px; font-weight: 300; text-transform: uppercase; } @media only screen and (min-width: 768px) { .projectReview__title { font-size: 24px; line-height: 32px; } } .projectReview__subtitle { font-size: 14px; line-height: 20px; font-weight: 500; } @media only screen and (min-width: 768px) { .projectReview__subtitle { font-size: 18px; line-height: 30px; } } .projectReview__quote { padding-top: 40px; margin-top: 12px; font-size: 14px; line-height: 20px; font-weight: 300; background: url(https://astrio.net/skin/frontend/default/turnkeye/images/career/quotes.svg) top center no-repeat; background-size: 34px auto; } @media only screen and (min-width: 768px) { .projectReview__quote { padding-top: 42px; margin-top: 18px; font-size: 18px; line-height: 30px; background-size: 39px auto; } } @media only screen and (min-width: 768px) { .baseTeam { margin-bottom: 63px; } } .baseTeam__title { margin-bottom: 30px; max-width: 670px; font-size: 18px; line-height: 24px; text-transform: none; padding: 0 10px; } @media only screen and (min-width: 768px) { .baseTeam__title { font-size: 24px; line-height: 32px; } } .baseTeam__photo { display: block; max-width: 100%; margin: 0 auto 0; } @media only screen and (min-width: 768px) { .careerBlock__title + .baseTeam { margin-top: 17px; } } .formContactAlt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 0 40px; color: #fff; } @media only screen and (max-width: 1023px) { .formContactAlt { max-width: 500px; } } @media only screen and (min-width: 1024px) { .formContactAlt { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 87px; } } .formContactAlt__title { margin: 0 0 5px !important; font-size: 36px; line-height: 42px; font-weight: 700; text-transform: uppercase; } @media only screen and (min-width: 1024px) { .formContactAlt__title { font-size: 48px; line-height: 70px; } } .formContactAlt__subtitle { margin-bottom: 32px; font-size: 24px; line-height: 36px; font-weight: 700; text-transform: uppercase; } .formContactAlt .formContactHeader__link { color: #fff !important; } @media only screen and (min-width: 1024px) { .formContactAlt .formContactHeader__link { padding: 10px 10px 10px 55px; font-size: 24px; } } @media only screen and (min-width: 1024px) { .formContactAlt .formContactHeader__text { display: none; } } .formContactAlt__header { -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1024px) { .formContactAlt__header { width: 46.8%; padding-right: 30px; } } @media only screen and (min-width: 1024px) { .formContactAlt__fieldsetWrapper { width: 53.2%; padding-top: 29px; } } .formContactAlt__fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; } .formContactAlt__field { width: 100%; margin-bottom: 25px; } @media only screen and (min-width: 1024px) { .formContactAlt__field { width: 48% !important; } } .formContactAlt__field + .formContactAlt__fieldsetNote { margin-top: -12px; } @media only screen and (min-width: 600px) { .formContactAlt__field--phone { width: 49% !important; } } @media only screen and (min-width: 600px) { .formContactAlt__field--email { width: 49% !important; margin-right: 2%; } } .formContactAlt__fieldsetMessage { font-weight: 300; font-size: 18px; line-height: 22px; } @media only screen and (max-width: 1023px) { .formContactAlt__fieldsetMessage { display: none; } } @media only screen and (min-width: 1024px) { .formContactAlt__fieldsetMessage { width: 49% !important; } } .formContactAlt__input { max-width: 100% !important; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 43px; padding: 0 24px !important; font-weight: 300; font-size: 14px; line-height: 18px; border: 1px solid #fff !important; border-width: 0 0 1px !important; background: rgba(216, 216, 216, 0.19); text-align: left; color: #fff; } .formContactAlt__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.39); } .formContactAlt__input::-moz-placeholder { color: rgba(255, 255, 255, 0.39); } .formContactAlt__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.39); } .formContactAlt__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.39); } .formContactAlt__input::placeholder { color: rgba(255, 255, 255, 0.39); } .formContactAlt__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.39); } .formContactAlt__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.39); } .formContactAlt__input--message { height: auto; padding: 10px 24px !important; } .formContactAlt__input:hover, .formContactAlt__input:focus, .formContactAlt__input:active { outline: 0; } .formContactAlt__input + .error { display: block; margin-top: 5px; } .formContactAlt__fieldsetNote { width: 100%; margin-bottom: 20px; font-size: 14px; line-height: 24px; font-weight: 300; } .formContactAlt__submit { display: block; margin: 25px auto 0; padding: 5px 15px; min-width: 200px; background: #2a353a; border: 1px solid #ee6603; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50px; font-size: 18px; line-height: 30px; text-align: center; color: #fff; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .formContactAlt__submit:hover, .formContactAlt__submit:active, .formContactAlt__submit:focus { outline: 0; } .formContactAlt__submit:hover { background: #fff; color: #2a353a; } .formContactAlt__message { width: 100%; margin: 10px 0; font-size: 14px; text-align: center; } .formContactAlt__message--error { color: #e75403; } .b2bBanner { padding: 50px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #ee6603; color: #fff; background-color: #2a353a; } @media only screen and (min-width: 1024px) { .b2bBanner { padding: 74px 0; } } @media only screen and (min-width: 1280px) { .b2bBanner { min-height: 500px; } } .b2bBanner__title { position: relative; display: inline-block; margin-bottom: 30px; font-size: 50px; line-height: 1; background-color: rgba(42, 53, 58, 0.7); } @media only screen and (min-width: 1024px) { .b2bBanner__title { font-size: 63px; line-height: 84px; } } .b2bBanner__title-title, .b2bBanner__title b { font-size: 50px; font-weight: 700; color: #ee6603; } @media only screen and (min-width: 1024px) { .b2bBanner__title-title, .b2bBanner__title b { font-size: 72px; line-height: 84px; } } .b2bBanner__title .hightlight { color: #ee6603; } .b2bBanner__description { position: relative; font-size: 18px; line-height: 21px; background-color: rgba(42, 53, 58, 0.7); } @media only screen and (min-width: 768px) { .b2bBanner__description { max-width: 41.6666666667%; } } .b2bBanner__image { position: absolute; right: 20px; bottom: 0; max-width: 80% !important; max-height: 95%; } @media only screen and (min-width: 1024px) { .b2bBanner__image { right: 80px; max-width: 49.8% !important; } } .advantage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 767px) { .advantage { margin-left: -20px; margin-right: -20px; } } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .advantage { margin-top: 30px; } } @media only screen and (min-width: 1440px) { .advantage { margin-top: 80px; } } .advantage__image { max-width: 42.8666666667% !important; } @media only screen and (max-width: 767px) { .advantage__image { display: none; } } @media only screen and (min-width: 768px) { .advantage__info { margin-top: 41px; width: 49.3333333333%; } } .advantage__title { padding: 20px; font-weight: 500; background: #ee6603; font-size: 21px; line-height: 26px; } @media only screen and (min-width: 1023px) { .advantage__title { padding: 28px 20px 28px 52px; font-size: 30px; line-height: 35px; } } .advantage__text { padding: 30px 20px; font-size: 14px; line-height: 24px; font-weight: 300; } @media only screen and (min-width: 1024px) { .advantage__text { padding: 50px 15px 50px 27px; font-size: 18px; line-height: 27px; } } .advantage__text ul { list-style: none !important; margin: 0 !important; display: block; } .advantage__text ul > li { position: relative; padding-left: 29px; margin-bottom: 22px !important; font-weight: 400; } @media only screen and (min-width: 768px) { .advantage__text ul > li { margin-bottom: 38px !important; padding-left: 38px; } } .advantage__text ul > li:before { content: ''; position: absolute; top: 6px; left: 0; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: #ee6603; } @media only screen and (min-width: 768px) { .advantage__text ul > li:before { top: 8px; } } .problematics__list { list-style: none !important; margin: 0 !important; display: block; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 1023px) { .problematics__list { background-image: none !important; } } @media only screen and (min-width: 1024px) { .problematics__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 262px; -moz-column-gap: 262px; column-gap: 262px; background-image: url(https://astrio.net/skin/frontend/default/turnkeye/images/icon-problematics.svg); } } .problematics__item { position: relative; display: block; margin: 0 0 20px !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; width: 100%; border-radius: 10px; font-size: 14px; line-height: 24px; background: #ee6603; } @media only screen and (min-width: 1024px) { .problematics__item { padding: 27px 20px 27px 41px; margin-bottom: 37px !important; font-size: 18px; line-height: 29px; } .problematics__item:before { content: ''; position: absolute; display: block; width: 0; height: 0; top: 0; bottom: 0; margin: auto; border-style: solid; border-color: transparent; } } .problematics__item--topLeft:before { left: 100%; margin-left: -1px; border-width: 24px 0 0 22px; border-color: transparent transparent transparent #ee6603; } .problematics__item--bottomLeft:before { left: 100%; margin-left: -1px; border-width: 0 0 24px 22px; border-color: transparent transparent transparent #ee6603; } .problematics__item--topRight:before { right: 100%; margin-right: -1px; border-width: 24px 22px 0 0; border-color: transparent #ee6603 transparent transparent; } .problematics__item--bottomRight:before { right: 100%; margin-right: -1px; border-width: 0 22px 24px 0; border-color: transparent #ee6603 transparent; } .tabsBase > .tabsBase__itemTitle { position: relative; z-index: 1; padding: 16px 35px 16px 20px; border-radius: 10px; border: 1px solid #ee6603; font-weight: 700; font-size: 18px; line-height: 21px; text-transform: uppercase; background: #fff; cursor: pointer; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 768px) { .tabsBase > .tabsBase__itemTitle { display: none; } } .tabsBase > .tabsBase__itemTitle:hover, .tabsBase > .tabsBase__itemTitle:focus, .tabsBase > .tabsBase__itemTitle:active { outline: 0; } .tabsBase > .tabsBase__itemTitle:before, .tabsBase > .tabsBase__itemTitle:after { content: ''; position: absolute; top: 27px; right: 20px; display: block; height: 3px; width: 17px; background: #000; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } @media only screen and (min-width: 1024px) { .tabsBase > .tabsBase__itemTitle:before, .tabsBase > .tabsBase__itemTitle:after { top: 37px; right: 26px; height: 4px; width: 30px; } } .tabsBase > .tabsBase__itemTitle:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .tabsBase > .tabsBase__itemTitle--active:after { -webkit-transform: rotate(0); transform: rotate(0); } @media only screen and (min-width: 768px) { .tabsBase > .tabsBase__itemTitle--active + .tabsBase__itemContent { display: block; } } .tabsBase__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 2px solid #ee6603; } @media only screen and (max-width: 767px) { .tabsBase__header { display: none; } } .tabsBase__header .tabsBase__itemTitle { margin: 0 -1px 0 0; font-size: 20px; line-height: 23px; padding: 19px 30px; cursor: pointer; } .tabsBase__header .tabsBase__itemTitle:hover, .tabsBase__header .tabsBase__itemTitle:focus, .tabsBase__header .tabsBase__itemTitle:active { outline: 0; } .tabsBase__header .tabsBase__itemTitle--active, .tabsBase__header .tabsBase__itemTitle:hover { -webkit-box-shadow: 0 0 15px rgba(238, 102, 3, 0.2); box-shadow: 0 0 15px rgba(238, 102, 3, 0.2); border-radius: 10px 10px 0 0; background: #ee6603; color: #fff; } .tabsBase__itemContent { display: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius: 0 0 10px 10px; } @media only screen and (max-width: 767px) { .tabsBase__itemContent { top: -10px; margin-left: -20px; margin-right: -20px; } } @media only screen and (min-width: 768px) { .tabsBase__itemContent { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } } .tabsBase__itemContent + .tabsBase__itemTitle { margin-top: 19px; } .tabsBase__itemContent p { color: #000 !important; } .tabsBase__itemContent a { cursor: pointer; } .tabsBase__itemContent a:hover { text-decoration: underline; } .tabsBase__itemContentInner { padding: 35px 20px 25px; } @media only screen and (min-width: 1024px) { .tabsBase__itemContentInner { padding: 55px 54px 32px; } } .caseBase { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 14px; line-height: 17px; } @media only screen and (min-width: 1024px) { .caseBase { font-size: 18px; line-height: 30px; } } .caseBase__logo { margin-bottom: 20px; max-width: 80% !important; height: 100% !important; } @media only screen and (min-width: 768px) { .caseBase__logo { margin-right: 20px; max-width: 30% !important; } } .caseBase__description { margin-bottom: 20px; } .caseBase__description::after { display: block; content: ''; clear: both; } @media only screen and (min-width: 768px) { .caseBase__description { margin-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .caseBase__description p { margin-left: 0 !important; } .caseBase__preview { width: 100%; } @media only screen and (max-width: 767px) { .caseBase__preview { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .caseBase__preview { width: 40%; } } @media only screen and (min-width: 1024px) { .caseBase__preview { width: 52.4152847873%; } } .caseBase__info { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .caseBase__info { width: 55%; } } @media only screen and (min-width: 1024px) { .caseBase__info { padding-top: 15px; width: 43.1867339582%; } } .caseBase__info ul { list-style: none !important; margin: 0 !important; display: block; } @media only screen and (min-width: 768px) { .caseBase__info ul { margin-bottom: 42px !important; } } .caseBase__info ul > li { position: relative; padding-left: 29px; margin-bottom: 14px !important; font-weight: 400; } @media only screen and (min-width: 768px) { .caseBase__info ul > li { padding-left: 38px; } } .caseBase__info ul > li:before { content: ''; position: absolute; top: 6px; left: 0; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: #e2e2e2; } @media only screen and (min-width: 768px) { .caseBase__info ul > li:before { top: 10px; } } .caseBase__infoTitle { margin-bottom: 26px; padding-bottom: 12px; border-bottom: 1px solid #000; font-weight: 500; font-size: 23px; line-height: 35px; color: #ee6603; } @media only screen and (min-width: 1024px) { .caseBase__infoTitle { font-size: 30px; } } .solutionsBlock { position: relative; } .solutionsBlock__title { margin-bottom: 37px; font-weight: 500; font-size: 18px; line-height: 26px; } @media only screen and (min-width: 1024px) { .solutionsBlock__title { margin-bottom: 71px; padding-left: 73px; font-size: 30px; line-height: 51px; } } .solutionsBlock__list { z-index: 1; position: relative; list-style: none !important; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .solutionsBlock__item { margin-bottom: 36px !important; width: 100%; background: rgba(255, 255, 255, 0.7); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .solutionsBlock__item { width: 49%; } } @media only screen and (min-width: 1024px) { .solutionsBlock__item { width: 33.333%; margin-bottom: 88px !important; } } .solutionsBlock__item--delimiter { height: 0; min-height: auto; max-width: none; margin: 0 !important; padding: 0; } @media only screen and (max-width: 1023px) { .solutionsBlock__item--delimiter { display: none; } } .solutionBase { position: relative; padding: 5px 5px 5px 78px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 24px; } .solutionBase > img { position: absolute; top: 5px; left: 5px; display: block; width: 58px; height: 58px; } .solutionBase__title { font-weight: 500; color: #ee6603; text-transform: uppercase; } /** * Swiper 5.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 4, 2020 */ @font-face { font-family: 'swiper-icons'; src: url("https://astrio.net/skin/frontend/default/turnkeye/css/data:application/font-woff;charset=utf-8;base64")d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } @media screen and (max-width: 767px) { .block-main-banner .carousel-wrapper .carousel{max-height:287px;overflow:hidden} .block-main-banner .carousel-wrapper .carousel li:first-child{max-width:100%} } @media screen and (min-width: 768px) { .block-main-banner .carousel-wrapper .carousel{max-height:520px;overflow:hidden;min-height:520px} .block-main-banner .carousel-wrapper .carousel li:first-child{max-width:100%} } .slide-magento-bages .item1 a, .slide-magento-bages .item2 a, .block-five-reasons .item1 h3:before,.block-five-reasons .item2 h3:before,.block-five-reasons .item3 h3:before, .block-five-reasons .item4 h3:before, .block-five-reasons .item5 h3:before{background:url(https://astrio.net/skin/frontend/default/turnkeye/images/sprite-astrio.png)} .cms-home #header{position:static} .cms-home #middle{padding-top:0;background:none} .cms-home #content{padding:20px 0;text-align:center} .cms-home .block-home.-information-text h2{font-size:28px;line-height:36px;margin:0 0 5px;text-transform:uppercase} .cms-home .block-home.-information-text p{font-size:14px;line-height:17px;font-weight:400;text-transform:none;margin:0 0 20px} .block-main-banner{width:100%} .block-main-banner .pager-wrapper .pager {max-height: 71px;overflow-y: hidden;} .block-main-banner .carousel > li{display:block;overflow:hidden;text-align:center} .block-main-banner .carousel > li > img{position:relative} .block-main-banner .carousel > li > img.parallax{z-index:-1;margin-left:-25px} .block-main-banner .wrap{position:relative;height:520px;margin-top:-520px;max-width:960px} .block-main-banner .wrap .arrow-nav{position:absolute;left:0;top:50%;cursor:pointer;z-index:99} .block-main-banner .wrap .arrow-nav.next,.block-main-banner .wrap .arrow-nav{border-radius:50%;font-size:0} .block-main-banner .wrap .arrow-nav.prev:after,.block-main-banner .wrap .arrow-nav.next:after{font-family:'icomoon';font-size:19px;top:50%;position:absolute;margin-top:-8px} .block-main-banner .wrap .arrow-nav.prev:after{content:"\e801";} .block-main-banner .wrap .arrow-nav.next:after{content:"\e800";} .block-main-banner .pager-wrapper{position:absolute;z-index:1;left:50%;bottom:45px;margin-left:-370px} .block-main-banner .pager li{display:block;float:left;padding:0 5px 22px} .block-main-banner .pager img{cursor:pointer;border:2px solid rgba(255,255,255,.4);-webkit-box-shadow:1px 17px 25px -11px rgba(0,0,0,0.75);-moz-box-shadow:1px 17px 25px -11px rgba(0,0,0,0.75);box-shadow:1px 18px 14px -11px rgba(0,0,0,0.75)} .block-main-banner .pager img:hover{border-color:rgba(255,255,255,1)} .block-main-banner .pager li.active img{cursor:default;border-color:rgba(255,255,255,.8)} .no-rgba .block-main-banner .pager img{border:2px solid #c3a7a8} .no-rgba .block-main-banner .pager img:hover{border-color:#fff} .no-rgba .block-main-banner .pager li.active img{border-color:#ebe1e1} .slide-content{position:relative;z-index:1;max-width:100%;background:rgba(0,0,0,0.35);color:#fff} @media screen and (min-width: 1025px) { .slide-content.hide-shadow{background:none} } @media screen and (min-width: 570px) { .slide-content.hide-shadow-tablet{background:none} } @media screen and (max-width: 570px) { .slide-content h2 .live-store{top:0!important;margin-left:10px} .slide-content.hide-shadow-mobile{background:none} } .slide-content a{color:#fff} li[data-init-position="1"] .slide-content{background: linear-gradient(180deg,#01098c24 0%,#763961 100%);;max-width:1280px;margin:0 auto} .slide-content h1{font-weight:700; font-size: 43px;line-height: 36px;margin-bottom:0;text-align:left} .slide-content h1 .live-store{position:relative;font-weight:400;text-transform:uppercase;font-size:12px;top:-15px;padding-right:10px;white-space:nowrap} .slide-content h1 .live-store:after{font-family:'icomoon';content:"\e800";position:absolute;right:0;top:2px;font-size:10px;line-height:10px} .slide-content h3{font:300 20px/24px Roboto,Verdana,sans-serif;width:auto;text-transform:none;text-align:left;margin:0} .block-slide-title{display:table;width:100%} .slide-content .slide-title{display:table-cell;padding-top:47px;vertical-align:top} @media only screen and (min-width: 1025px) { .slide-content .slide-title.cb-black,.slide-content .slide-title.cb-black a{color:#000!important} .slide-content .slide-title.cb-black .live-store{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABbSURBVHjabMqxDUZQAIXRYwSdRCcKpU5tBAsoLaD//wWMYwUTqEUl2EIleZF3y/NdKLAgE9kPG8pYHHCgjsUON9pY/OP8Yo8LTYgjdlQvJJiwIg+fBWakIT4DAEnzDDSsqOtOAAAAAElFTkSuQmCC) no-repeat center right!important} .slide-content .slide-title.cb-white,.slide-content .slide-title.cb-white a{color:#fff!important} .slide-content .slide-title.cb-orange,.slide-content .slide-title.cb-orange a{color:#db7e1a!important} li[data-init-position="1"] .slide-features .item3 a span{padding-top: 4px;} } .slide-features{display:table;position:relative;width:100%;bottom:-100px} .slide-features li{display:table-cell;text-align:center;vertical-align:top;padding:0 8px} .slide-features a{display:inline-block;font:300 18px Roboto,Verdana,sans-serif} .slide-features a span{line-height:18px;display:inline-block} .slide-magento-bages{display:table-cell;padding:66px 6px 0 0;width:340px} .slide-magento-bages li{float:left} .slide-magento-bages a{display:inline-block} .slide-magento-bages a:hover{opacity:.8} .slide-magento-bages .item1 a{background: url(https://astrio.net/skin/frontend/default/turnkeye/images/magento2-partner-white.png); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 48px; height: 100px;} .slide-magento-bages .item2{margin:10px 30px 0 40px} .slide-magento-bages .item2 a{background-position:-20px -268px;width:45px;height:71px} .slide-magento-bages .item3{margin-top:15px} .slide-magento-bages .item3 a{background-position:-20px -0;width:130px;height:33px} li[data-init-position="1"] .slide-title h1{text-transform:uppercase;margin-bottom:10px;text-align:left} li[data-init-position="1"] .slide-features{height:130px;bottom:-35px} li[data-init-position="1"] .slide-features li{text-align:left;padding:0 20px;width:33%} li[data-init-position="1"] .slide-features .arrow{font-size:18px;font-weight:100} li[data-init-position="1"] .slide-features .number{font:700 75px/75px 'Roboto',sans-serif;float:left;position:relative;left:-10px;top:-8px} li[data-init-position="1"] .slide-features a{font:700 30px/30px 'Roboto',sans-serif} .block-main-banner-rus li[data-init-position="1"] .slide-features .item1 a,.block-main-banner-rus li[data-init-position="1"] .slide-features .item2 a{font-size:22px;line-height:22px} .block-main-banner footer{max-width:1280px;margin:0 auto;position:relative;background-color:#1d1d1d;border-top:5px solid #1d1d1d;z-index:1} .block-main-banner .slogan{color:#1d1d1d;width:260px;font:bold 18px Verdana;text-transform:uppercase;position:absolute;top:-81px;left:-5px} .block-main-banner .slogan-number{font-size:78px} .block-main-banner .slogan-text{display:inline-block;position:absolute;left:53px;top:28px;line-height:18px} .block-main-banner .slogan-text span{font-size:25px} .block-five-reasons{text-align:center} .block-five-reasons li{display:inline-block;vertical-align:top;width:178px;padding:15px 5px} .block-five-reasons h3{display:block;text-transform:uppercase;color:#fff;font-weight:500;font-size:12px;line-height:14px;background:no-repeat 0 3px;padding-left:45px;min-height:35px} .block-five-reasons h3 span{display:inline-block;text-transform:none;color:#9da6b2;font-size:11px;line-height:13px;letter-spacing: 0.5px;padding-top:3px} .block-five-reasons h3{max-width:100%;text-align:left;margin:0;-moz-box-sizing:border-box;box-sizing:border-box} .block-five-reasons .item1 h3,.block-five-reasons .item2 h3,.block-five-reasons .item3 h3,.block-five-reasons .item4 h3,.block-five-reasons .item5 h3{background-repeat:no-repeat;position:relative} .block-five-reasons .item1 h3:before,.block-five-reasons .item2 h3:before,.block-five-reasons .item3 h3:before,.block-five-reasons .item4 h3:before,.block-five-reasons .item5 h3:before{content:'';position:absolute;left:0;top:0;display:block;width:45px;height:35px} .block-five-reasons .item1 h3:before{background-position:-73px -485px} .block-five-reasons .item1 h3:hover:before{background-position:-73px -654px} .block-five-reasons .item2 h3:before{content:'';background-position:-20px -648px} .block-five-reasons .item2 h3:hover:before{background-position:-20px -817px} .block-five-reasons .item3 h3:before{background-position:-69px -705px} .block-five-reasons .item3 h3:hover:before{background-position:-69px -874px} .block-five-reasons .item4 h3:before{background-position:-20px -427px} .block-five-reasons .item4 h3:hover:before{background-position:-20px -598px} .block-five-reasons .item5 h3:before{background-position:-85px -265px} .block-five-reasons .item5 h3:hover:before{background-position:-85px -433px} #content .block-clients{text-align:center;margin:0 0 17px} #content .block-clients li{display:inline-block;margin:0 10px} /* Our clients slide */ .home-slide-logo-clients .slide-our-clients{position:relative;} .home-slide-logo-clients .slide-our-clients-content{margin:0;list-style:none;} .home-slide-logo-clients .slide-our-clients-content li{float:left;text-align:center;display:table;height:80px;margin-bottom:0;} .home-slide-logo-clients .slide-our-clients-content li a{margin: 0 10px;display:table-cell;vertical-align:middle;padding:0 10px;-webkit-filter:grayscale(100%);filter: grayscale(100%);} .home-slide-logo-clients .slide-our-clients-content li a:hover{-webkit-filter:none;filter:none;} .home-slide-logo-clients .slide-our-clients-content li a > img{max-width: 100%;max-height: 80px;} .slide-our-clients .block-arrow .arrow-nav {position:absolute;top: 0;} .slide-our-clients .block-arrow .arrow-nav {font-size: 25px;line-height:80px;width: 40px;} .slide-our-clients .block-arrow .icomoon-left-arrow,.slide-our-clients .block-arrow .icomoon-right-arrow{cursor:pointer;} .slide-our-clients .block-arrow .icomoon-left-arrow, .slide-our-clients .block-arrow .icomoon-right-arrow{text-align:center;} .slide-our-clients .block-arrow .icomoon-left-arrow{left:-40px;} .slide-our-clients .block-arrow .icomoon-right-arrow{left:auto;right:-40px;} @media only screen and (max-width: 1023px) { .block-main-banner .slogan{left:35px} .block-main-banner .slide-magento-bages{width:210px;padding:50px 0 0} .block-main-banner .block-five-reasons li{width:225px} .block-main-banner .block-five-reasons .no-display{display:inline-block!important} .block-main-banner li[data-init-position="1"] .slide-features .item3{display:none} .block-main-banner .wrap .arrow-nav.prev:after{right:11px} .block-main-banner .wrap .arrow-nav.next:after{left:11px} } @media only screen and (max-width: 767px) { .block-main-banner .wrap{padding:0 10px} .block-main-banner .wrap{height:287px;margin-top:-287px} .block-main-banner .carousel > li > img{width:auto;height:287px} .block-main-banner .slide-features{display:none} .block-main-banner li[data-init-position="1"] .slide-features{width:260px;margin-left:-130px;left:50%;bottom:-25px;display:block} .block-main-banner li[data-init-position="1"] .slide-features a{font:700 20px/20px Roboto} .block-main-banner li[data-init-position="1"] .slide-features .number{font:700 65px/65px Roboto} .block-main-banner li[data-init-position="1"] .slide-content .slide-title{padding-top:15px} .block-main-banner .slide-content .slide-title{padding:115px 15px 0} .block-main-banner .slide-content h1{font-size:20px;text-align:center} .block-main-banner .slide-content h1 br{display:none} .block-main-banner .slide-content h3{display:none} .block-main-banner .slide-magento-bages{display:none} .block-main-banner .slide-multi-stores{display:none} .block-main-banner .pager-wrapper{display:none;height:0} .block-main-banner .slide-features li{display:none} .block-main-banner .slide-features li:first-child{display:table-cell} .block-main-banner .slogan{left:12px} .block-five-reasons h3 span{display:block} .block-main-banner .block-five-reasons li{display:block;width:100%} .block-main-banner .block-five-reasons .item6{display:none!important} .block-main-banner .block-five-reasons h3{padding-right:12px;position:relative} .block-main-banner .block-five-reasons h3:after{display:none;font-family:'icomoon';content:"\e800";color:#fff;font-size:22px;opacity:.4;position:absolute;right:0;top:6px} #content .block-clients li{display:block;padding:10px 0} .block-magento-bages.ru a:first-child{width:auto;margin:0 10px} } @media only screen and (min-width: 634px) and (max-width: 767px) { .block-main-banner .wrap {max-width: 589px} #container .block-main-banner .wrap .arrow-nav {display: block!important;width: 40px;height: 40px;margin-top: -17px;} #container .block-main-banner .wrap .arrow-nav.prev:after{right:16px} #container .block-main-banner .wrap .arrow-nav.next:after{left:16px} #container .block-main-banner .wrap .arrow-nav.next{right: 10px;} #container .block-main-banner .wrap .arrow-nav.prev{left: 10px;} } @media screen and (min-width: 1024px) { .block-slogan{position:relative;width:960px;margin:0 auto;} } @media only screen and (min-width: 1024px) and (max-width: 1024px) { .block-main-banner .wrap .arrow-nav.prev:after{right:13px} .block-main-banner .wrap .arrow-nav.next:after{left:13px} } @media only screen and (max-width: 1024px) { .block-main-banner .wrap .arrow-nav{display:block!important;width:62px;height:71px;margin-top:-35px} .block-main-banner .wrap .arrow-nav.next{left:auto;right:-40px} .block-main-banner .wrap .arrow-nav.prev{left:-40px} .block-main-banner .wrap{padding:0 25px} .block-main-banner .wrap .arrow-nav.next,.block-main-banner .wrap .arrow-nav{background-color:rgba(255,255,255,0.3)} #content .slide-our-clients{margin:10px 30px;} } @media only screen and (min-width: 1025px) { .block-main-banner .wrap .arrow-nav{width:40px;height:40px;margin-top:-13px} .block-main-banner .wrap .arrow-nav.prev:after{content:"\e801";right:17px} .block-main-banner .wrap .arrow-nav.next:after{content:"\e800";left:17px} .block-main-banner .wrap .arrow-nav.next{left:auto;right:-40px;transition:right 300ms ease-in-out;-moz-transition:right 300ms ease-in-out;-webkit-transition:right 300ms ease-in-out;-o-transition:right 300ms ease-in-out} .block-main-banner .wrap .arrow-nav.prev{left:-40px;transition:left 300ms ease-in-out;-moz-transition:left 300ms ease-in-out;-webkit-transition:left 300ms ease-in-out;-o-transition:left 300ms ease-in-out} .block-main-banner:hover .wrap.slide-home-page .arrow-nav.next{left:auto;right:20px} .block-main-banner:hover .wrap.slide-home-page .arrow-nav.prev{left:20px} .block-main-banner .wrap.slide-home-page{max-width:1280px;overflow:hidden} .block-main-banner .wrap .arrow-nav.next,.block-main-banner .wrap .arrow-nav{background-color:rgba(255,255,255,0.6)} .block-main-banner .wrap .arrow-nav.next:hover,.block-main-banner .wrap .arrow-nav:hover{background-color:rgba(255,255,255,0.8)} /* Our clients slide */ #content .slide-our-clients {overflow: hidden;margin:10px 0;padding:0 30px;} } @media only screen and (max-width: 1279px) { .home-slide-logo-clients{max-width: calc(100% - 80px);margin:0 auto 20px;} } @media only screen and (min-width: 1280px) { .home-slide-logo-clients{max-width:1200px;margin:0 auto 20px;} } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('https://astrio.net/skin/frontend/default/turnkeye/images/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('https://astrio.net/skin/frontend/default/turnkeye/fonts/slick.eot'); src: url('https://astrio.net/skin/frontend/default/turnkeye/fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://astrio.net/skin/frontend/default/turnkeye/fonts/slick.woff') format('woff'), url('https://astrio.net/skin/frontend/default/turnkeye/fonts/slick.ttf') format('truetype'), url('https://astrio.net/skin/frontend/default/turnkeye/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 10px; z-index: 100; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 10px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { margin-left: 0 !important; position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*inner-page-slider*/ .astrio-inner-page-slider { position: relative; } .aips-slide { position: relative; } .aips-content { width: 100%; position: absolute; bottom: 0; color: #fff; } .aipsd-opacity { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); } .aipsd-desc { position: relative; padding: 15px; } .aipsd-head { font-size: 20px; margin: 0 0 10px 0; } .aipsd-text { font-size: 14px; } .post-content .astrio-inner-page-slider .aipsd-text a, .std .astrio-inner-page-slider .aipsd-text a{ color: #f9aa55 !important; text-decoration: underline; float: right; } .post-content .astrio-inner-page-slider .aipsd-text a:hover, .std .astrio-inner-page-slider .aipsd-text a:hover { text-decoration: none; } @media only screen and (max-width: 330px) { .post-content .astrio-inner-page-slider .aipsd-text a { float: none; } .aipsd-head, .aipsd-text span { display: none; } .aipsd-desc { padding: 7px; } .aipsd-text { text-align: right; } }