/* Start:/bitrix/templates/empty/css/touchtouch.css?17396349842566*/
#galleryOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
opacity:0;
z-index:100000;
background-color:#222;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
display:none;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease;
}
#galleryOverlay.visible{
opacity:1;
}
#gallerySlider{
height:100%;
left:0;
top:0;
width:100%;
white-space: nowrap;
position:absolute;
-moz-transition:left 0.4s ease;
-webkit-transition:left 0.4s ease;
transition:left 0.4s ease;
}
#gallerySlider .placeholder{
background: url("/bitrix/templates/empty/css/preloader.gif") no-repeat center center;
height: 100%;
line-height: 1px;
text-align: center;
width:100%;
display:inline-block;
padding: 50px;
}
#gallerySlider .placeholder:before{
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right:-1px;
}
#gallerySlider .placeholder img{
display: inline-block;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
#gallerySlider.rightSpring{
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring{
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring{
0%{ margin-left:0px;}
50%{ margin-left:-30px;}
100%{ margin-left:0px;}
}
@-moz-keyframes leftSpring{
0%{ margin-left:0px;}
50%{ margin-left:30px;}
100%{ margin-left:0px;}
}
@-webkit-keyframes rightSpring{
0%{ margin-left:0px;}
50%{ margin-left:-30px;}
100%{ margin-left:0px;}
}
@-webkit-keyframes leftSpring{
0%{ margin-left:0px;}
50%{ margin-left:30px;}
100%{ margin-left:0px;}
}
#btnClose {
border:none;
text-decoration:none;
background:url('/bitrix/templates/empty/css/cross.png') no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
cursor:pointer;
position:absolute;
width:64px;
height:64px;
top:40px;
right:30px;
-moz-transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
}
#prevArrow,#nextArrow{
border:none;
text-decoration:none;
background:url('/bitrix/templates/empty/css/arrows.png') no-repeat;
opacity:0.5;
cursor:pointer;
position:absolute;
width:43px;
height:58px;
top:50%;
margin-top:-29px;
-moz-transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
}
#prevArrow:hover, #nextArrow:hover, #btnClose:hover {
opacity:1;
}
#prevArrow{
background-position:left top;
left:40px;
}
#nextArrow{
background-position:right top;
right:40px;
}
/* End */
/* Start:/static/fancybox3/dist/jquery.fancybox.min.css?173963500310428*/
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{/*position:relative;*/padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/menu/new_menu/style.min.css?1739634984490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/new_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* Start:/bitrix/templates/empty/styles.css?174181817917102*/
.else2_pagination
{
width: 100% !important;
text-align: center !important;
margin: 0px auto 50px auto!important;
bottom: -35px !important;
padding-left: 60px !important;
padding-right: 60px !important;
}
.info__col p {
margin: 10px 0px;
}
.single_button {
margin: 20px 0px 40px 0px;
}
.brc a {
color: #ff8c00; margin-bottom: 20px;
}
.full-slider {
margin: auto;
}
@media all and (max-width: 1000px)
{
.m28 h1 {
font-size: 28px !important;
}
.f22 {
width: 100%;
}
.full-slider {
max-height: 480px!important;
}
.full-slider1 {
max-height: 300px!important;
}
.margin22 div {
margin-left: 10px !important;
margin-right: 10px !important;
}
.margin22 div img {
max-width: 90% !important;
}
.h2_ {
text-align: center;
margin-left: 20px;
margin-right: 20px;
}
}
@media all and (min-width: 1001px)
{
.f22 {
width: inherit;
}
.full-slider {
height: 480px !important;
}
.full-slider1 {
height: 300px !important;
}
}
.landing p {
margin: 0px 0px 10px 0px;
}
.steps {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.steps div {
margin: 40px 0px 0px 0px;
}
.steps div:first-child {
border: 2px solid #ff8c00;
border-radius: 50px;
width: 120px;
height: 60px;
display: flex;
}
.steps div:nth-child(2) {
width: 440px;
margin: 40px 40px 0px 40px;
}
.steps div:first-child div {
margin: auto;
border: none;
width: auto;
line-height: 56px;
}
.landing ul {
margin-left: 15px;
}
.landing ul li {
list-style-type: disc;
list-style-position: outside;
text-indent: 0px;
padding-left: 0px;
margin: 0px 0px;
}
article.l2022-full {
background-color: #ffffff;
padding-top: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font: robotolight, Roboto, sans-serif;
}
article.l2022-full h2 {
font: 600 30px/36px robotolight, Roboto, sans-serif;
color: #ff8c00;
margin: 0px 0px;
padding: 0px;
text-align: left;
}
.cloud-advantages h2, .opportunities h2 {
font: 600 30px/36px robotolight, Roboto, sans-serif;
color: #ff8c00;
margin: 0px 0px 50px 0px;
padding: 0px;
text-align: left;
}
ul.inline-menu {
text-align: center;
margin: 20px auto 40px auto;
padding: 0px;
}
ul.inline-menu li {
display:inline-block;
margin: 0px 5px;
padding: 0px;
text-align: center;
}
ul.inline-menu li:before {
content: "|";
margin-right: 10px;
color: #ff8c00;
}
ul.inline-menu li:nth-child(1):before {
content: "";
}
ul.inline-menu li a {
color: black;
font-size: 16px;
margin: 0px;
padding: 0px;
}
article.l2022-1 {
background-color: #ffffff;
/* padding-top: 45px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font: robotolight, Roboto, sans-serif;
}
.orange-hr {
color: #ff8c00;
width: 100%;
margin: 20px 0px;
}
article.l2022-1 h1 {
font: 600 36px/40px robotolight, Roboto, sans-serif;
color: #ff8c00;
margin: 30px 0px;
padding: 0px;
text-align: left;
}
article.l2022-1 h2, h3 {
font: 400 18px/24px robotobold, Roboto, sans-serif;
font-weight: bold;
display:block;
margin-top:-200px !important;
padding-top:200px !important;
}
article.l2022-1 h4 {
font: 400 18px/30px robotobold, Roboto, sans-serif;
text-align: left;
margin: 10px 0px;
}
article.l2022-1 div div:nth-child(1) h2, h3 {
font: 400 18px/24px robotobold, Roboto, sans-serif;
margin-top:0px;
padding-top:0px;
}
article.l2022-1 p {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
article.l2022-1 a {
color: black;
text-decoration: underline;
}
article.l2022-1 div.container div ul
{
margin: 0px 0px 10px 40px;
}
article.l2022-1 div.container div ul li {
list-style-type: disc;
list-style-position: outside;
text-indent: 0px;
padding-left: 0px;
margin: 8px 0px;
}
.info__text ul, .equipment ul
{
margin: 0px 0px 10px 40px;
}
.info__text ul li, .equipment ul li {
font: 400 16px/24px roboto, Roboto, sans-serif;
list-style-type: disc;
list-style-position: outside;
text-indent: 0px;
padding-left: 0px;
margin: 8px 0px;
}
@media all and (min-width: 601px)
{
article.l2022-1 div.container div {
margin: 20px auto;
padding: 0px 0px 20px 0px;
}
article.l2022-1 div.container div:nth-child(odd) {
width: 30%;
padding-right: 20px;
}
article.l2022-1 div.container div:nth-child(even) {
width: 70%;
border-bottom: 1px solid #ff8c00;
padding-top: 0px;
}
article.l2022-1 div.container div:last-child {
width: 70%;
border-bottom: none;
}
}
@media all and (max-width: 600px)
{
article.l2022-full h2 {
margin: 30px 0px 0px 0px;
}
article.l2022-1 div.container div {
margin: 5px;
padding: 0px;
width: 100%;
}
article.l2022-1 div.container div:nth-child(even) {
border-bottom: 1px solid #ff8c00;
}
article.l2022-1 div.container div:last-child {
border-bottom: none;
}
article.l2022-1 div.container div ul
{
margin-bottom: 30px;
}
}
.ya-map {
margin-bottom: 50px;
width: 100%;
height: 400px;
}
ul.news_ul {
margin: 0px 0px 20px 1.6em;
}
ul.news_ul li {
list-style-type: disc;
margin-left: 1.2em;
}
.equip {
width: 100%;
}
.equip tbody tr td {
max-width: 150px;
}
.equip tbody tr td img {
max-width: 150px;
width: 100%;
}
table.equip {
width: 100%;
font-size: 11pt;
font-weight: bold;
text-align: center;
vertical-align: middle;
border: none;
font-family: robotolight;
}
table.equip tr td {
text-align: center;
vertical-align: middle;
border: solid 1px #ff8c00;
padding: 5px;
}
table.equip tr:first-child td {
border: none;
}
/*table.equip tr:last-child td {
border: none;
border-left: solid 1px #ff8c00;
border-top: solid 2px #ff8c00;
}
table.equip tr:last-child td:first-child {
border-left: none;
}
*/
table.equip tr:nth-child(2) td a {
color: white;
}
table.equip tr td:first-child {
text-align: left;
font-weight: bold;
}
.orange_tr {
background-color: #fcd5b4;
text-align: left;
font-weight:800;
}
.small_i {
font-size: 10pt;
font-style: italic;
}
@media all and (max-width: 600px){
table.equip tr td {
font-size: 8pt;
}
table.equip tr:nth-child(2) td {
background-color: #f79646;
color: white;
font-weight: bold;
font-size: 9pt;
}
}
@media all and (min-width: 601px){
table.equip tr:nth-child(2) td {
background-color: #f79646;
color: white;
font-weight: bold;
font-size: 13pt;
}
}
.container22 {
width: 100%;
text-align: justify;
}
.container22 h2 {
font: 400 18px/24px robotobold, Roboto, sans-serif;
font-weight: bold;
margin: 40px 0px 20px 0px;
}
.container22 h3 {
font: 400 18px/24px robotobold, Roboto, sans-serif;
font-weight: bold;
margin: 40px 0px 20px 0px;
}
.container22 p {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.container22 ul
{
margin: 0px 0px 10px 40px;
}
.container22 ul li {
list-style-type: disc;
list-style-position: outside;
text-indent: 0px;
padding-left: 0px;
margin: 8px 0px;
text-align: left;
}
.container22 a
{
text-decoration: underline;
color: black;
}
/*
article.l2022 {
background-color: #ffffff;
padding-top: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font: robotolight, Roboto, sans-serif;
}
article.l2022 h1 {
font: 600 36px/40px robotolight, Roboto, sans-serif;
color: #ff8c00;
margin: 30px auto;
padding: 0px;
text-align: center;
}
article.l2022 h2 {
font: 400 18px/30px robotobold, Roboto, sans-serif;
font-weight: bold;
display:block;
margin-top:-200px;
padding-top:200px;
}
article.l2022 div div:nth-child(1) h2 {
font: 400 18px/30px robotobold, Roboto, sans-serif;
font-weight: bold;
display:block;
margin-top:0px;
padding-top:0px;
}
article.l2022 div.container div p {
font: 400 14px/22px robotolight, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
@media all and (min-width: 601px)
{
article.l2022 div.container div {
margin: 20px auto;
padding: 0px;
}
article.l2022 div.container div:nth-child(odd) {
width: 30%;
}
article.l2022 div.container div:nth-child(even) {
width: 70%;
}
}
@media all and (max-width: 600px)
{
article.l2022 div.container div {
margin: 20px;
padding: 0px;
width: 100%;
}
}
*/
table.equip1 {
border-collapse: collapse;
margin-top: 30px;
margin-bottom: 30px;
}
table.equip1+table.equip1 {
margin-top: 0;
}
table.equip1 tr {
border-bottom: 1px solid #ACACAC;
}
table.equip1 tr:last-child {
border-bottom: none;
}
table.equip1 tr td {
padding: 20px 10px;
border: none;
}
table.equip1 tr td:nth-child(2) {
font-weight: bold;
}
table.equip1 tr:first-child td {
font-weight: bold;
padding-bottom: 20px;
}
table.equip1 tr td:first-child {
width: 30%;
max-width: 300px;
}
table.equip1 tr td:first-child img {
width: 70%;
}
.icon_tables {
display: flex;
flex-wrap: wrap;
margin: 0px auto;
font: 400 16px/24px roboto, Roboto, sans-serif !important;
}
.icon_tables div {
max-width: 500px;
}
.icon_tables div div {
display: flex;
margin: 10px 50px;
}
.icon_tables div div img {
width: 64px;
float: left;
margin-right: 10px;
}
.icon_tables div div div {
margin: auto 0px;
}
.icon_tables1 {
display: flex;
flex-wrap: wrap;
margin: 0px auto;
font: 400 16px/24px roboto, Roboto, sans-serif;
}
.icon_tables1 div {
width: 300px;
}
.icon_tables1 div div {
display: flex;
margin: 10px 20px;
}
.icon_tables1 div div img {
width: 64px;
float: left;
margin-right: 10px;
}
.icon_tables1 div div div {
margin: auto 0px;
}
.icon_tables2 {
display: flex;
flex-wrap: wrap;
margin: 20px auto;
font: 400 16px/24px roboto, Roboto, sans-serif;
}
.icon_tables2 div {
max-width: 450px;
}
.icon_tables2 div div {
display: table;
margin: 15px 20px;
min-height: 140px;
}
.icon_tables2 div div img {
width: 100px;
height: 100px;
margin: auto 20px auto 0px;
}
.icon_tables2 div div div {
display: table-cell;
vertical-align: middle;
}
.icon_tables23 {
display: flex;
flex-wrap: wrap;
margin: 0px auto;
font: 400 16px/24px roboto, Roboto, sans-serif !important;
}
.icon_tables23 div {
margin-bottom: 50px;
}
.icon_tables23 div div {
display: flex;
margin: 10px 50px;
}
.icon_tables23 div div img {
width: 64px;
float: left;
margin-right: 10px;
}
.icon_tables23 div div div {
margin: auto 0px;
}
table.dop_e {
text-align: center;
vertical-align: middle;
border: none;
}
table.dop_e tr td {
width: 30px;
text-align: center;
vertical-align: middle;
padding: 10px;
}
table.dop_e tr td img {
width: 300px;
}
table.dop_e tr:nth-child(2) td a {
color: #ff8c00;
text-decoration: none;
font-size: 14pt;
}
.t50 tbody tr td {
padding: 10px;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-bottom: 20px;
}
.flextable {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: auto;
text-align: center;
}
.flextable div p {
max-width: 300px;
margin: 40px auto 20px auto;
}
@media all and (max-width: 700px)
{
.flextable div {
max-width: 500px;
margin: auto;
}
}
@media all and (min-width: 701px)
{
.flextable div {
width: 50%;
margin: auto;
}
}
#equip22 {
display: flex;
flex-wrap: wrap;
}
#equip22 div {
width: 280px;
margin: 20px 10px;
text-align: center;
}
#equip22 div div {
text-align: center;
}
#equip22 div div:nth-child(2) {
height: 240px;
margin: 0px 0px;
}
#equip22 div div:nth-child(1) {
font-size: 18px;
text-align: center;
}
#equip22 div div img {
width: 250px;
}
#equip22 button {
margin: 0px 0px !important;
}
.index___head h1 {
font-size: 14px;
color: white;
font-weight: normal;
}
.index___head p {
font-size: 14px !important;
color: white !important;
font-weight: normal !important;
}
._first {
margin-right: 30px;
color: white;
}
@media all and (max-width: 1022px){
.index___head h1 {
text-align: center !important;
width: 100% !important;
margin: 0px !important;
}
.index___head p {
text-align: center !important;
width: 100% !important;
margin: 0px !important;
}
.index___head {
width: 100%;
text-align: center !important;
}
}
.header-nav__main-list.show .header-nav__tel-list {
margin-top: 150px !important;
}
article.news-block h2 {
font-size: 20px;
margin: 30px 0px 15px 0px;
}
p.note {
font-size: 14px;
font-weight: lighter;
margin-top: 0px;
margin-bottom: 20px!important;
}
.margin_small {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.news_two_columns {
display: flex;
flex-wrap: wrap;
}
@media all and (min-width: 1022px){
.news_left {
width: 45%;
margin-right: 5%;
}
.news_right {
width: 50%;
}
}
@media all and (max-width: 1021px){
.news_left {
width: 100%;
}
.news_right {
width: 100%;
margin-top: 15px;
}
}
@media all and (max-width: 1200px){
.header_social {
display: none;
}
}
.header_social a {
margin: 0px 5px 0px 5px !important;
}
.header_social a img {
width: 27px;
height: 27px;
}
.twoimg {
display: flex;
flex-wrap: wrap;
}
@media all and (max-width: 1000px){
.twoimg img {
width: 90%;
margin: 20px;
max-width: 548px;
}
}
@media all and (min-width: 1001px){
.twoimg img {
margin: 0px;
height: auto;
}
.twoimg img:first-child {
width: 35%;
}
.twoimg img:last-child {
width: 65%;
}
}
.my-search-tags-cloud a{
padding: 5px 10px!important;
font-size: 19px;
background: #ff8c00!important;
color: #FFFFFF;
margin-top: 70px;
line-height:2em!important;
white-space: nowrap;
}
.my-search-tags-cloud{
background: #FFFFFF!important;
padding: 0px;
}
.search-tags-chain {
margin: 0px;
padding: 0px;
width: 100%;
color: #ff8c00!important;
}
.search-tags-chain a {
color: #ff8c00!important;
font-size: 24px;
}
.search-tags-chain a.search-tags-link {
color: #ff8c00!important;
}
/* .show_t{
display: none!important;
}*/
@media (max-width: 720px){
./*show_t{
left: 0px!important;
display: block!important;
position: absolute!important;
top: 0px!important;
visibility:visible!important;
}*/
.hide > .header-nav__main-list-item{
display: none
}
.hide > .header-nav__main-list-item > .show_t{
display: block!important;
}
.hide > .header-nav__main-list-item > .show_t > .header-nav__tel-list-item{
display: block!important;
}
.show_item{
display: block!important;
}
}
.flex50 {
width: 50%;
}
@media (max-width: 767px){
.skolkovo {
margin-top: 80px!important;
}
.map-widget-app, .ya-map {
display:none!important;
}
.form_footer {
margin-top: 0px!important;
}
.socials {
margin-top: 80px!important;
}
}
@media screen and (min-width: 1024px) {
.header-nav__main-list {position:relative}
.header-nav__main-list-item[data-class] {
position: static;
}
.header-nav__main-list-item[data-class] .header-nav__sub-list {
width: 100%;
display: flex;
flex-flow: wrap;
-webkit-box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.3);
}
.header-nav__main-list-item[data-class] .header-nav__sub-list > li {
width:calc(50% - 20px);
}
}
.wrap-navi {
position: fixed;
background: rgb(0 0 0 / 56%);
width: 100%;
height: 100%;
z-index: 9999999;
display:none;
}
.menu-navi.active + .wrap-navi {display:block;}
.menu-navi {
font-size: 48px;
transform: rotateX(60deg);
color: #ffa500;
line-height: 1;
text-align: right;
z-index: 9999999999999;
position: fixed;
right: 150px;
top: 150px;
cursor: pointer;
}
.menu-navi:before {content:'≡'}
.menu-navi.active {
font-size: 30px;
transform: rotateX(0);
line-height: 1;
text-align: right;
z-index: 9999999999999;
position: fixed;
right: 30px;
top: 20px;
cursor: pointer;
color: #000;
}
.menu-navi.active:before {content:'×'}
.scroll-navi {
position: fixed;
top: 20px;
right: 20px;
z-index: 999;
background: #fff;
padding: 29px 10px 10px;
border: 1px solid orange;
color: orange;
}
.scroll-navi:before {
content: 'Оглавление';
position: absolute;
top: 8px;
left: 15px;
}
.scroll-navi li:hover {
background: #f7f7f7;
}
.scroll-navi li:before {
content: counter(foo) ".";
display: table-cell;
text-align: right;
padding: 0 10px 0 0;
font-size: 10px;
}
.scroll-navi li a {
color: #6b5f5f;
font-size: 11px;
max-width: 400px;
display: block;
border-bottom: 1px dashed orange;
padding-bottom: 5px;
margin-top: 8px;
}
[id^="scroll"] {
padding-top: 110px;
margin-top: -110px;
display: inline-block; /* required for webkit browsers */
}
body,html {
scroll-behavior: smooth;
}
/* End */
/* Start:/bitrix/templates/empty/template_styles.css?1754528676186340*/
p:empty {display:none !important}
@font-face {
font-family: 'robotoregular';
src: url('/bitrix/templates/empty/fonts/Roboto-Regular-webfont.eot');
src: url('/bitrix/templates/empty/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/empty/fonts/Roboto-Regular-webfont.woff') format('woff'), url('/bitrix/templates/empty/fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('/bitrix/templates/empty/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotobold';
src: url('/bitrix/templates/empty/fonts/Roboto-Bold-webfont.eot');
src: url('/bitrix/templates/empty/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/empty/fonts/Roboto-Bold-webfont.woff') format('woff'), url('/bitrix/templates/empty/fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('/bitrix/templates/empty/fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
}
@font-face {
font-family: 'robotolight';
src: url('/bitrix/templates/empty/fonts/Roboto-Light-webfont.eot');
src: url('/bitrix/templates/empty/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/empty/fonts/Roboto-Light-webfont.woff') format('woff'), url('/bitrix/templates/empty/fonts/Roboto-Light-webfont.ttf') format('truetype'), url('/bitrix/templates/empty/fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoregular';
src: url('/bitrix/templates/empty/fonts/latoregular.woff') format('woff'), url('/bitrix/templates/empty/fonts/latoregular.woff2') format('woff2'), url('/bitrix/templates/empty/fonts/latoregular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.flex-images-news {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.flex-images-news > *{
width: calc(25% - 5px);
}
.flex-images-news.three > *{
width: calc(33.33% - 5px);
}
@media (max-width: 700px) {
.flex-images-news > *{
width: calc(50% - 5px);
}
}
.flex-images-news img {
object-fit: cover;
width: 100%;
height: 200px;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
@-webkit-keyframes scaling {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaling {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes small-scaling {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes small-scaling {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes stats {
0% {
opacity: 0;
}
10% {
opacity: 0;
}
38.56% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes stats {
0% {
opacity: 0;
}
10% {
opacity: 0;
}
38.56% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes stats-red {
0% {
opacity: 0;
}
28.56% {
opacity: 0;
}
42.84% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes stats-red {
0% {
opacity: 0;
}
28.56% {
opacity: 0;
}
42.84% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes stats-orange {
0% {
opacity: 0;
}
42.84% {
opacity: 0;
}
57.12% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes stats-orange {
0% {
opacity: 0;
}
42.84% {
opacity: 0;
}
57.12% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes stats-orange-lite {
0% {
opacity: 0;
}
57.12% {
opacity: 0;
}
71.4% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes stats-orange-lite {
0% {
opacity: 0;
}
57.12% {
opacity: 0;
}
71.4% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes stats-yellow {
0% {
opacity: 0;
}
71.4% {
opacity: 0;
}
85.68% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes stats-yellow {
0% {
opacity: 0;
}
71.4% {
opacity: 0;
}
85.68% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes stats-yellow-lite {
0% {
opacity: 0;
}
85.68% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes stats-yellow-lite {
0% {
opacity: 0;
}
85.68% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes stats-red-after {
0% {
width: 0;
}
28.56% {
width: 0;
}
42.84% {
width: 30px;
}
100% {
width: 30px;
}
}
@keyframes stats-red-after {
0% {
width: 0;
}
28.56% {
width: 0;
}
42.84% {
width: 30px;
}
100% {
width: 30px;
}
}
@-webkit-keyframes stats-orange-after {
0% {
width: 0;
}
42.84% {
width: 0;
}
57.12% {
width: 20px;
}
100% {
width: 20px;
}
}
@keyframes stats-orange-after {
0% {
width: 0;
}
42.84% {
width: 0;
}
57.12% {
width: 20px;
}
100% {
width: 20px;
}
}
@-webkit-keyframes stats-orange-lite-after {
0% {
width: 0;
}
57.12% {
width: 0;
}
71.4% {
width: 20px;
}
100% {
width: 20px;
}
}
@keyframes stats-orange-lite-after {
0% {
width: 0;
}
57.12% {
width: 0;
}
71.4% {
width: 20px;
}
100% {
width: 20px;
}
}
@-webkit-keyframes stats-yellow-after {
0% {
width: 0;
}
71.4% {
width: 0;
}
85.68% {
width: 20px;
}
100% {
width: 20px;
}
}
@keyframes stats-yellow-after {
0% {
width: 0;
}
71.4% {
width: 0;
}
85.68% {
width: 20px;
}
100% {
width: 20px;
}
}
@-webkit-keyframes stats-yellow-lite-after {
0% {
width: 0;
}
85.68% {
width: 0;
}
100% {
width: 140px;
}
}
@keyframes stats-yellow-lite-after {
0% {
width: 0;
}
85.68% {
width: 0;
}
100% {
width: 140px;
}
}
@-webkit-keyframes stats-line {
0% {
width: 0;
}
10% {
width: 0;
}
38.56% {
width: 65px;
}
100% {
width: 65px;
}
}
@keyframes stats-line {
0% {
width: 0;
}
10% {
width: 0;
}
38.56% {
width: 65px;
}
100% {
width: 65px;
}
}
@-webkit-keyframes stats-red-line {
0% {
left: -10px;
height: 0;
width: 0;
}
28.56% {
left: -10px;
height: 0;
width: 0;
}
42.84% {
left: -39px;
height: 43px;
width: 94px;
}
100% {
left: -39px;
height: 43px;
width: 94px;
}
}
@keyframes stats-red-line {
0% {
left: -10px;
height: 0;
width: 0;
}
28.56% {
left: -10px;
height: 0;
width: 0;
}
42.84% {
left: -39px;
height: 43px;
width: 94px;
}
100% {
left: -39px;
height: 43px;
width: 94px;
}
}
@-webkit-keyframes stats-orange-line {
0% {
left: -10px;
height: 0;
width: 0;
}
42.84% {
left: -10px;
height: 0;
width: 0;
}
57.12% {
left: -30px;
height: 58px;
width: 42px;
}
100% {
left: -30px;
height: 58px;
width: 42px;
}
}
@keyframes stats-orange-line {
0% {
left: -10px;
height: 0;
width: 0;
}
42.84% {
left: -10px;
height: 0;
width: 0;
}
57.12% {
left: -30px;
height: 58px;
width: 42px;
}
100% {
left: -30px;
height: 58px;
width: 42px;
}
}
@-webkit-keyframes stats-orange-lite-line {
0% {
left: -10px;
height: 0;
width: 0;
}
57.12% {
left: -10px;
height: 0;
width: 0;
}
71.4% {
left: -30px;
height: 75px;
width: 53px;
}
100% {
left: -30px;
height: 75px;
width: 53px;
}
}
@keyframes stats-orange-lite-line {
0% {
left: -10px;
height: 0;
width: 0;
}
57.12% {
left: -10px;
height: 0;
width: 0;
}
71.4% {
left: -30px;
height: 75px;
width: 53px;
}
100% {
left: -30px;
height: 75px;
width: 53px;
}
}
@-webkit-keyframes stats-yellow-line {
0% {
left: -10px;
height: 0;
width: 0;
}
71.4% {
left: -10px;
height: 0;
width: 0;
}
85.68% {
left: -30px;
height: 66px;
width: 105px;
}
100% {
left: -30px;
height: 66px;
width: 105px;
}
}
@keyframes stats-yellow-line {
0% {
left: -10px;
height: 0;
width: 0;
}
71.4% {
left: -10px;
height: 0;
width: 0;
}
85.68% {
left: -30px;
height: 66px;
width: 105px;
}
100% {
left: -30px;
height: 66px;
width: 105px;
}
}
@media screen and (max-width: 1315px) {
@-webkit-keyframes stats-red-after {
0% {
width: 0;
height: 0;
}
28.56% {
width: 0;
height: 0;
}
42.84% {
width: 0;
height: 20px;
}
100% {
width: 0;
height: 20px;
}
}
@keyframes stats-red-after {
0% {
width: 0;
height: 0;
}
28.56% {
width: 0;
height: 0;
}
42.84% {
width: 0;
height: 20px;
}
100% {
width: 0;
height: 20px;
}
}
@-webkit-keyframes stats-orange-after {
0% {
width: 0;
height: 0;
}
42.84% {
width: 0;
height: 0;
}
57.12% {
width: 0;
height: 10px;
}
100% {
width: 0;
height: 10px;
}
}
@keyframes stats-orange-after {
0% {
width: 0;
height: 0;
}
42.84% {
width: 0;
height: 0;
}
57.12% {
width: 0;
height: 10px;
}
100% {
width: 0;
height: 10px;
}
}
@-webkit-keyframes stats-orange-lite-after {
0% {
width: 0;
height: 0;
}
57.12% {
width: 0;
height: 0;
}
71.4% {
width: 0;
height: 10px;
}
100% {
width: 0;
height: 10px;
}
}
@keyframes stats-orange-lite-after {
0% {
width: 0;
height: 0;
}
57.12% {
width: 0;
height: 0;
}
71.4% {
width: 0;
height: 10px;
}
100% {
width: 0;
height: 10px;
}
}
@-webkit-keyframes stats-yellow-after {
0% {
width: 0;
height: 0;
}
71.4% {
width: 0;
height: 0;
}
85.68% {
width: 0;
height: 20px;
}
100% {
width: 0;
height: 20px;
}
}
@keyframes stats-yellow-after {
0% {
width: 0;
height: 0;
}
71.4% {
width: 0;
height: 0;
}
85.68% {
width: 0;
height: 20px;
}
100% {
width: 0;
height: 20px;
}
}
@-webkit-keyframes stats-yellow-lite-after {
0% {
width: 0;
height: 0;
}
85.68% {
width: 0;
height: 0;
}
100% {
width: 0;
height: 145px;
}
}
@keyframes stats-yellow-lite-after {
0% {
width: 0;
height: 0;
}
85.68% {
width: 0;
height: 0;
}
100% {
width: 0;
height: 145px;
}
}
@-webkit-keyframes stats-line {
0% {
width: 0;
height: 0;
}
10% {
width: 0;
height: 0;
}
38.56% {
width: 0;
height: 20px;
}
100% {
width: 0;
height: 20px;
}
}
@keyframes stats-line {
0% {
width: 0;
height: 0;
}
10% {
width: 0;
height: 0;
}
38.56% {
width: 0;
height: 20px;
}
100% {
width: 0;
height: 20px;
}
}
@-webkit-keyframes stats-red-line {
0% {
top: 0;
left: 50%;
height: 0;
width: 0;
}
28.56% {
top: 0;
left: 50%;
height: 0;
width: 0;
}
42.84% {
top: -20px;
left: 50%;
width: 120px;
height: 100px;
}
100% {
top: -20px;
left: 50%;
width: 120px;
height: 100px;
}
}
@keyframes stats-red-line {
0% {
top: 0;
left: 50%;
height: 0;
width: 0;
}
28.56% {
top: 0;
left: 50%;
height: 0;
width: 0;
}
42.84% {
top: -20px;
left: 50%;
width: 120px;
height: 100px;
}
100% {
top: -20px;
left: 50%;
width: 120px;
height: 100px;
}
}
@-webkit-keyframes stats-orange-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
42.84% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
57.12% {
left: 50%;
top: -10px;
width: 120px;
height: 30px;
}
100% {
left: 50%;
top: -10px;
width: 120px;
height: 30px;
}
}
@keyframes stats-orange-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
42.84% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
57.12% {
left: 50%;
top: -10px;
width: 120px;
height: 30px;
}
100% {
left: 50%;
top: -10px;
width: 120px;
height: 30px;
}
}
@-webkit-keyframes stats-orange-lite-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
57.12% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
71.4% {
left: 50%;
top: -10px;
width: 100px;
height: 70px;
}
100% {
left: 50%;
top: -10px;
width: 100px;
height: 70px;
}
}
@keyframes stats-orange-lite-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
57.12% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
71.4% {
left: 50%;
top: -10px;
width: 100px;
height: 70px;
}
100% {
left: 50%;
top: -10px;
width: 100px;
height: 70px;
}
}
@-webkit-keyframes stats-yellow-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
71.4% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
85.68% {
left: 50%;
top: -20px;
width: 30px;
height: 100px;
}
100% {
left: 50%;
top: -20px;
width: 30px;
height: 100px;
}
}
@keyframes stats-yellow-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
71.4% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
85.68% {
left: 50%;
top: -20px;
width: 30px;
height: 100px;
}
100% {
left: 50%;
top: -20px;
width: 30px;
height: 100px;
}
}
@-webkit-keyframes stats-yellow-lite-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
85.68% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
100% {
left: 50%;
top: -145px;
width: 110px;
height: 0;
}
}
@keyframes stats-yellow-lite-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
85.68% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
100% {
left: 50%;
top: -145px;
width: 110px;
height: 0;
}
}
}
@media screen and (max-width: 1023px) {
@-webkit-keyframes stats-red-after {
0% {
width: 0;
height: 0;
}
28.56% {
width: 0;
height: 0;
}
42.84% {
width: 0;
height: 100px;
}
100% {
width: 0;
height: 100px;
}
}
@keyframes stats-red-after {
0% {
width: 0;
height: 0;
}
28.56% {
width: 0;
height: 0;
}
42.84% {
width: 0;
height: 100px;
}
100% {
width: 0;
height: 100px;
}
}
@-webkit-keyframes stats-red-line {
0% {
top: 0;
left: 50%;
width: 0;
}
28.56% {
top: 0;
left: 50%;
width: 0;
}
42.84% {
top: -100px;
left: 50%;
width: 140px;
}
100% {
top: -100px;
left: 50%;
width: 140px;
}
}
@keyframes stats-red-line {
0% {
top: 0;
left: 50%;
width: 0;
}
28.56% {
top: 0;
left: 50%;
width: 0;
}
42.84% {
top: -100px;
left: 50%;
width: 140px;
}
100% {
top: -100px;
left: 50%;
width: 140px;
}
}
@-webkit-keyframes stats-orange-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
42.84% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
57.12% {
left: 50%;
top: -10px;
width: 85px;
height: 30px;
}
100% {
left: 50%;
top: -10px;
width: 85px;
height: 30px;
}
}
@keyframes stats-orange-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
42.84% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
57.12% {
left: 50%;
top: -10px;
width: 85px;
height: 30px;
}
100% {
left: 50%;
top: -10px;
width: 85px;
height: 30px;
}
}
@-webkit-keyframes stats-yellow-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
71.4% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
85.68% {
left: 50%;
top: -20px;
width: 25px;
height: 110px;
}
100% {
left: 50%;
top: -20px;
width: 25px;
height: 110px;
}
}
@keyframes stats-yellow-line {
0% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
71.4% {
left: 50%;
top: 0;
height: 0;
width: 0;
}
85.68% {
left: 50%;
top: -20px;
width: 25px;
height: 110px;
}
100% {
left: 50%;
top: -20px;
width: 25px;
height: 110px;
}
}
}
@media screen and (max-width: 767px) {
@-webkit-keyframes scaling {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
70% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@keyframes scaling {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
70% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
outline: none;
-webkit-animation-fill-mode: forwards !important;
animation-fill-mode: forwards !important;
}
body,
html {
background: black;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: robotoregular, Roboto, sans-serif;
-webkit-font-smoothing: antialiased;
color: black;
}
ul,
li {
list-style: none;
}
a {
text-decoration: none;
}
.about-company__list-item a {
color: #000;
text-decoration: underline;
}
.container {
max-width: 940px;
width: 69.62962963%;
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.container_small {
max-width: 915px;
}
.container_col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.container_center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.container_just-a {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.container_just-b {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.container_stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.container_nav {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.container_block {
display: block;
}
.container_margin-auto {
margin: auto;
}
.container_no-wrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.hidden {
display: none !important;
}
.no-visibly {
opacity: 0;
position: absolute;
left: 10000px;
}
.no-smil .diagram__sub-title_red {
display: none;
}
/*
ol {
counter-reset: li;
}
ol li:before {
display: inline;
content: counter(li) '. ';
counter-increment: li;
}
ol {
list-style-position: outside !important;
}
*/
ol {
counter-reset: foo;
display: table;
}
ol > li {
counter-increment: foo;
display: table-row;
}
ol > li::before {
content: counter(foo) ".";
display: table-cell; /* aha! */
text-align: right;
padding: 5px 5px 5px 20px;
}
.max-width {
width: 100%;
}
.max-height {
height: 100%;
}
@media screen and (max-width: 1315px) {
.container_adaptive-fast {
-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;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 1200px) {
.container_adaptive {
-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;
}
}
@media screen and (max-width: 1023px) {
.content {
margin-top: 60px;
}
.container {
width: 90%;
}
.container_monitor {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.container_nav {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.container_footer {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.container_adaptive-slow {
-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;
}
}
.about-company {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 80px;
margin-top: 30px;
}
.about-company__text {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.about-company__pic {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.about-company__img {
vertical-align: top;
max-width: 100%;
}
.about-company__main {
font: 400 18px/22px robotobold, Roboto, sans-serif;
margin-bottom: 30px;
}
.about-company__list
{
margin: 0px 0px 10px 40px;
}
.about-company__list-item {
font: 400 16px/24px roboto, Roboto, sans-serif;
padding-bottom: 10px;
list-style-type: disc;
list-style-position: inside;
text-indent: -24px;
padding-left: 10px;
}
.about-company__strong {
font-family: robotoregular, Roboto, sans-serif;
}
@media all and (max-width: 767px) {
.about-company {
padding-bottom: 40px;
}
.about-company > .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.about-company__text {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.about-company__pic {
text-align: center;
}
}
.about-development {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding-bottom: 70px;
}
.about-development__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.about-development__item:last-child {
margin-bottom: 0;
}
.about-development__pic {
width: 50px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.about-development__img {
vertical-align: top;
margin-top: 7px;
}
.about-development__name {
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
font: 400 18px/30px robotobold, Roboto, sans-serif;
text-transform: uppercase;
padding-right: 50px;
/* padding-left: 50px; */
position: relative;
}
/*.about-development__name:before {
content: '';
width: 30px;
height: 30px;
display: block;
position: absolute;
background-image: url('/bitrix/templates/empty/img/about-development-mark.png');
top: 7px;
left: 0;
}*/
.about-development__text {
font: 400 14px/22px robotolight, Roboto, sans-serif;
-ms-flex-preferred-size: 540px;
flex-basis: 540px;
}
@media screen and (max-width: 767px) {
.about-development__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-development__item > * {
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.about-development__name {
padding-right: 0;
margin-bottom: 10px;
}
.about-development__name:before {
top: 50%;
margin-top: -15px;
}
}
.about-mission {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.about-mission__text {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
.about-mission__head {
font: 400 16px/22px robotoregular, Roboto, sans-serif;
margin-bottom: 20px;
}
.about-mission__descr {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.about-mission__list {
width: 75%;
}
.about-mission__list-item {
font: 400 14px/20px robotolight, Roboto, sans-serif;
position: relative;
margin-left: 15px;
margin-bottom: 20px;
}
.about-mission__list-item:before {
content: '';
background-color: #ff8c00;
position: absolute;
width: 10px;
height: 1px;
top: 9px;
left: -15px;
}
.about-mission__pic {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
-ms-flex-item-align: end;
align-self: flex-end;
}
.about-mission__img {
vertical-align: top;
max-width: 100%;
}
@media screen and (max-width: 767px) {
.about-mission__text {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.about-mission__pic {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
}
.about-mission__list {
width: 100%;
}
}
.advantages {
background-color: #f1f1f1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 70px;
padding-bottom: 40px;
}
.advantages__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
.advantages__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 29.78723404%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
margin-right: 10px;
padding-left: 61px;
position: relative;
min-width: 190px;
}
.advantages__item-title {
font-size: 16px;
font-family: robotobold, Roboto, sans-serif;
line-height: 22px;
}
.advantages__item-text {
font-size: 14px;
font-family: robotolight, Roboto, sans-serif;
line-height: 20px;
}
.advantages__item-link {
color: #ff8c00;
text-decoration: underline;
}
.advantages__item-ico {
position: absolute;
top: 0;
left: 0;
width: 44px;
height: 44px;
background-position-x: 100%;
}
.advantages__item-ico svg {
fill: #ff8c00;
}
.advantages__item-ico_soft {
background-image: url('/bitrix/templates/empty/img/ico/soft.svg');
background-repeat: no-repeat;
}
.advantages__item-ico_saas {
background-image: url('/bitrix/templates/empty/img/ico/saas.svg');
background-repeat: no-repeat;
}
.advantages__item-ico_api {
background-image: url('/bitrix/templates/empty/img/ico/api.svg');
background-repeat: no-repeat;
}
.advantages__item-ico_server {
background-image: url('/bitrix/templates/empty/img/ico/server.svg');
background-repeat: no-repeat;
}
.advantages__item-ico_func {
background-image: url('/bitrix/templates/empty/img/ico/func.svg');
background-repeat: no-repeat;
}
.advantages__item-ico_garant {
background-image: url('/bitrix/templates/empty/img/ico/garant.svg');
background-repeat: no-repeat;
}
.advantages__item-ico_program {
background-image: url('/bitrix/templates/empty/img/ico/program.svg');
background-repeat: no-repeat;
}
.advantages__item-ico_interface {
background-image: url('/bitrix/templates/empty/img/ico/interface.svg');
background-repeat: no-repeat;
}
.advantages__item-ico_users {
background-image: url('/bitrix/templates/empty/img/ico/users.svg');
background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
.advantages__list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.advantages__list-item {
width: 47%;
}
}
@media screen and (max-width: 767px) {
.advantages {
padding-top: 40px;
padding-bottom: 20px;
}
.advantages__list-item {
width: 100%;
margin-bottom: 25px;
}
}
.autopark {
padding: 70px 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.autopark__title {
color: #ff8c00;
margin-bottom: 30px;
font: 400 18px/24px roboto, Roboto, sans-serif;
width: 100%;
}
.autopark__img {
max-width: 100%;
}
.autopark__col {
width: 49%;
}
.autopark__text {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.autopark__strong {
font: 600 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
@media (max-width: 767px) {
.autopark {
padding: 40px 0;
}
.autopark__img {
margin: 0 auto 20px;
display: block;
}
.autopark__col {
width: 100%;
}
}
.button {
display: inline-block;
border: 2px solid white;
padding: 12px 38px;
font-size: 16px;
line-height: 16px;
color: white;
text-transform: uppercase;
background: transparent;
margin-bottom: 0px;
}
.button:hover {
border-color: #ff8c00;
background: #ff8c00;
}
.button_orange {
border-color: #ff8c00;
color: #ff8c00;
text-transform: none;
padding: 12px 25px;
min-width: 150px;
}
.button_orange:hover {
background: #ff8c00;
color: white;
}
.button_orange-full {
border-color: #ff8c00;
color: white;
background-color: #ff8c00;
}
.button_orange-full:hover {
color: #ff8c00;
background: white;
}
.button_stats {
margin-right: 17px;
}
.button_stats:last-child {
margin-right: 0;
}
.button_resolve {
text-transform: none;
padding: 13px 40px;
}
.button_resolve:hover {
background: white;
color: #ff8c00;
border-color: white;
}
.button_white {
text-transform: none;
color: #3a371c;
background: white;
padding: 11px 30px;
}
.button_white:hover {
color: white;
}
.button_calc {
min-width: 180px;
text-transform: none;
}
.button_footer {
width: 100%;
margin-right: 0;
text-transform: none;
}
.button_call {
margin-bottom: 10px;
width: 100%;
text-transform: none;
padding: 14px 38px;
}
.button_mailing {
width: 220px;
text-transform: none;
padding: 10px 30px;
margin-right: 20px;
margin-left: 20px;
}
.button_mailing:hover {
background: white;
color: #ff8c00;
border-color: white;
}
.button_center {
margin: 0 auto;
}
.button_partners {
text-transform: none;
}
.button_equipment {
width: 43%;
text-transform: none;
max-width: 100%;
padding: 12px;
}
.button_login-up {
background-color: #ff8c00;
text-transform: none;
border-color: #ff8c00;
margin-right: 20px;
}
.button_login-up:hover {
background-color: #fff;
color: #ff8c00;
}
.button_login-in {
border-color: #ff8c00;
text-transform: none;
color: #ff8c00;
}
.button_login-in:hover {
color: #fff;
}
.button_buy {
background-color: #ff8c00;
color: #ffffff;
border-color: #ff8c00;
font-family: robotobold, Roboto, sans-serif;
padding-left: 68px;
padding-right: 68px;
}
.button_buy:hover {
background-color: #ffffff;
color: #ff8c00;
}
@media screen and (max-width: 1365px) {
.button_login-up {
width: 70%;
margin-bottom: 20px;
}
.button_login-in {
width: 70%;
}
}
@media screen and (max-width: 1200px) {
.button_equipment {
margin-bottom: 17px;
width: 100%;
}
}
@media screen and (max-width: 1023px) {
.button_footer {
width: auto;
padding: 12px 30px;
}
}
@media screen and (max-width: 767px) {
.button {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin: 0;
text-align: center;
}
.button_footer {
-ms-flex-item-align: start;
align-self: flex-start;
margin-bottom: 20px;
}
.button_stats {
width: 48%;
}
.button_mailing {
-ms-flex-item-align: start;
align-self: flex-start;
}
.button_equipment {
margin-bottom: 17px;
}
.button_login-up {
margin-bottom: 20px;
}
}
@media screen and (max-width: 479px) {
.button {
width: 100%;
text-align: center;
}
.button_stats {
margin-bottom: 10px;
text-align: center;
}
.button_stats:last-child {
margin-bottom: 0;
}
}
.calc {
background-image: url('/bitrix/templates/empty/img/bg_calc.jpg');
background-position: center;
background-size: cover;
background-attachment: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: white;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.calc__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.calc__wrapper_graph {
width: 80.31914894%;
padding-right: 55px;
margin-top: 10px;
}
.calc__wrapper_stats {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.calc__wrapper_main {
padding-top: 50px;
padding-bottom: 50px;
-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;
min-height: 600px;
width: 100%;
background: rgba(0, 0, 0, 0.5);
}
.calc__info-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
font-family: robotolight, Roboto, sans-serif;
position: absolute;
}
.calc__info-list_left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
bottom: 13px;
left: -9px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.calc__info-list_rotate {
height: 100%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: -20px;
}
.calc__info-list_rotate .calc__info-list-item {
-webkit-writing-mode: tb-rl;
-ms-writing-mode: tb-rl;
writing-mode: tb-rl;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.25em;
width: 14px;
}
.calc__info-list_bottom {
bottom: -30px;
left: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.calc__info-list_bottom .calc__info-list-item {
width: 8.33333333%;
text-align: center;
position: relative;
}
.calc__info-list_bottom .calc__info-list-item:before {
display: block;
content: '';
height: 7px;
width: 1px;
background: white;
position: absolute;
top: -10px;
left: 50%;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.calc__info-list_bottom .calc__info-list-item:first-child {
width: 4.16666667%;
}
.calc__info-list_bottom .calc__info-list-item:first-child:before {
display: none;
}
.calc__graph {
position: relative;
width: 100%;
margin-left: 80px;
margin-bottom: 45px;
height: 193px;
background-image: url('/bitrix/templates/empty/img/line.png');
border-bottom: 1px solid white;
}
.calc__points-list {
position: absolute;
top: 0;
left: 0;
width: 95.83333333%;
height: 100%;
z-index: 1;
}
.calc__points-list-item {
position: absolute;
width: 10px;
height: 10px;
border: 3px solid white;
border-radius: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.calc__points-list-item:nth-child(1) {
bottom: 8.33333333%;
left: 8.33333333%;
}
.calc__points-list-item:nth-child(2) {
bottom: 16.66666667%;
left: 16.66666667%;
}
.calc__points-list-item:nth-child(3) {
bottom: 25%;
left: 25%;
}
.calc__points-list-item:nth-child(4) {
bottom: 33.33333333%;
left: 33.33333333%;
}
.calc__points-list-item:nth-child(5) {
bottom: 41.66666667%;
left: 41.66666667%;
}
.calc__points-list-item:nth-child(6) {
bottom: 50%;
left: 50%;
}
.calc__points-list-item:nth-child(7) {
bottom: 58.33333333%;
left: 58.33333333%;
}
.calc__points-list-item:nth-child(8) {
bottom: 66.66666667%;
left: 66.66666667%;
}
.calc__points-list-item:nth-child(9) {
bottom: 75%;
left: 75%;
}
.calc__points-list-item:nth-child(10) {
bottom: 83.33333333%;
left: 83.33333333%;
}
.calc__points-list-item:nth-child(11) {
bottom: 91.66666667%;
left: 91.66666667%;
}
.calc__points-list-item:nth-child(12) {
bottom: 100%;
left: 100%;
}
.calc__points-list-item:hover {
box-shadow: 0 0 0 1px white;
z-index: 1;
}
.calc__points-list-item:hover .calc__tooltip {
opacity: 1;
visibility: visible;
}
.calc__points-list-item_active {
border-color: #ff8c00;
width: 10px;
height: 10px;
border-width: 3px;
background: white;
}
.calc__points-list-item_active:hover {
box-shadow: 0 0 0 1px #ff8c00;
}
.calc__svg {
position: absolute;
stroke: white;
stroke-width: 2px;
opacity: 0.52;
top: -3.125%;
}
.calc__tooltip {
position: absolute;
top: -17px;
left: 50%;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
padding: 10px 5px;
color: white;
font-size: 13px;
line-height: 13px;
background: #ff8c00;
z-index: 1;
white-space: nowrap;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.calc__tooltip:before {
display: block;
content: '';
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-top: 10px solid #ff8c00;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
}
.calc__stats-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.calc__stats-list-item {
margin-bottom: 17px;
font-family: robotolight, Roboto, sans-serif;
}
.calc__title {
font-size: 14px;
line-height: 22px;
color: white;
}
.calc__text {
font-size: 26px;
line-height: 26px;
color: #ff8c00;
}
@media screen and (max-width: 1200px) {
.calc {
background-attachment: local;
background-position: center;
}
.calc__wrapper_graph {
width: 100%;
padding: 0;
margin-bottom: 30px;
}
.calc__wrapper_stats {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.calc__stats-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.calc__stats-list-item {
margin-bottom: 35px;
}
.calc__points-list-item {
width: 15px;
height: 15px;
border-width: 4px;
}
.calc__points-list-item_active {
width: 18px;
height: 18px;
border-width: 5px;
}
.calc__tooltip:before {
bottom: -9px;
}
.calc__info-list_rotate {
left: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 0px;
height: 0px;
top: 50%;
}
.calc__info-list_rotate .calc__info-list-item {
-webkit-writing-mode: rl-tb;
-ms-writing-mode: rl-tb;
writing-mode: rl-tb;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: auto;
}
}
@media screen and (max-width: 1023px) {
.calc {
min-height: 655px;
}
.calc__graph {
margin-left: 0;
}
.calc__info-list_left {
display: none;
}
}
@media screen and (max-width: 767px) {
.calc__wrapper_main {
padding-top: 40px;
padding-bottom: 40px;
min-height: 745px;
}
.calc__month {
display: none;
}
.calc__info-list_bottom {
bottom: -17px;
}
.calc__info-list_bottom .calc__info-list-item:before {
top: -2px;
}
.calc__graph {
margin-bottom: 25px;
}
.calc__stats-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.calc__stats-list-item {
margin-bottom: 15px;
}
.calc__stats-list-item:last-child {
margin-bottom: 24px;
}
.calc__points-list-item:last-child .calc__tooltip {
left: auto;
right: 0;
-webkit-transform: translate(7px, -100%);
transform: translate(7px, -100%);
}
.calc__points-list-item:last-child .calc__tooltip:before {
left: auto;
right: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
bottom: -9px;
}
}
.call {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px 70px;
font-family: robotolight, Roboto, sans-serif;
color: black;
width: 460px;
}
.call__title {
font-size: 24px;
margin-bottom: 10px;
text-align: center;
}
.call__text {
text-align: center;
font-size: 14px;
line-height: 20px;
margin-bottom: 40px;
max-width: 100%;
}
.call__text_no-margin {
margin: 0;
}
@media screen and (max-width: 767px) {
.call {
padding: 20px 30px;
max-width: 320px;
}
}
.card {
height: 300px;
width: 49%;
margin-bottom: 20px;
padding: 20px 50px;
background-color: #1d1d1d;
color: #ffffff;
position: relative;
background-size: cover !important;
background-color: rgba(0, 0, 0, 0.5);
background-blend-mode: overlay;
}
.card_efficiency {
background-image: url('/upload/medialibrary/0fb/3d4yiq8m0sfa7ihnm28xmfas4hynyp33.jpg');
}
.card_expenses {
background-image: url(/upload/medialibrary/69c/92s8lje5a3nov4ww32ind2k50gyjr8ct.jpg);
}
.card_fuel {
background-image: url(/upload/medialibrary/50f/i65vt87j5f5pmtuo636d9cfnvtqb0d7q.jpg);
}
.card_razdachi {
background-image: url(/upload/medialibrary/e92/ros5hhkp3i2e73okjfxi2ov23cy0pmle.jpg);
}
.card_safedrive {
background-image: url(/upload/medialibrary/5b0/l5x8ilfnc4sac4e9tvumez600t92kms7.jpg);
}
.card_rules {
background-image: url(/upload/medialibrary/d7a/8dp1zrjnmfwa4720t3krq9lnp5fgffz9.jpg);
}
.card_auto {
background-image: url(/upload/medialibrary/35b/7e7u1xy3vp92beouc3kw89bxavtw3os5.jpg);
}
.card_auto2 {
background-image: url(/upload/medialibrary/c99/93u8r4qbjvgsnfh0t0oulg8fgmzlt55e.jpg);
}
.card_video {
background-image: url(/upload/medialibrary/dac/o2b6b9e206fwqbbrzyztxczp1jpiqal2.jpg);
}
.card_special {
background-image: url(/upload/medialibrary/67c/ur1uwa1oq4jrztpsxh9piue8nqe0bpvd.jpg);
}
.card_control {
background-image: url(/upload/medialibrary/657/hy50e69hwvlyiwpc5wxioqpp8tbcssed.jpg);
}
.card_temp {
background-image: url(/upload/medialibrary/ed4/vvwusoeq6d1xi9wiynwmoe3i4g07oow0.jpg);
}
/*.card:before {
position: absolute;
background-color: #000;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: all .2s;
transition: all .2s;
content: '';
visibility: visible;
opacity: 1;
}*/
.card__name {
text-transform: uppercase;
color: #ff8c00;
font-size: 14px;
line-height: 1.2;
min-height: 4em;
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: .05em;
font-weight: bold;
-webkit-transition: color .2s;
transition: color .2s;
position: relative;
}
.card__list {
list-style: disc;
}
.card__list-item {
list-style: disc;
font-size: 14px;
line-height: 1.5;
margin-bottom: 5px;
}
.card__button {
color: #ffffff;
font-weight: bold;
padding: 10px 25px;
border: 1px solid #fff;
text-decoration: none;
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s;
position: absolute;
left: 50px;
bottom: 80px;
}
.card:hover:before {
position: absolute;
background-color: #ff8c00;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: all .2s;
transition: all .2s;
content: '';
visibility: visible;
opacity: 1;
}
.card:hover .card__name,.no-color {
color: #fff;
}
.card:hover .card__button {
visibility: visible;
opacity: 1;
}
@media (max-width: 1110px) {
.card {
height: 350px;
}
}
@media (max-width: 849px) {
.card {
height: 400px;
}
}
@media (max-width: 767px) {
.card {
width: 100%;
height: auto;
}
}
.cloud-advantages {
background-color: #f1f1f1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding-top: 80px;
padding-bottom: 30px;
}
.cloud-advantages__title {
font-size: 36px;
font-family: robotolight, Roboto, sans-serif;
margin-bottom: 65px;
width: 100%;
}
.cloud-advantages__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.cloud-advantages__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 60px;
}
.cloud-advantages__icon {
width: 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cloud-advantages__img {
vertical-align: top;
}
.cloud-advantages__name {
font-size: 16px;
font-family: robotobold, Roboto, sans-serif;
text-transform: uppercase;
margin-left: -30px;
width: 1px;
}
.cloud-advantages__text {
font-family: robotolight, Roboto, sans-serif;
font-size: 14px;
width: 75%;
}
.cloud-advantages__strong {
padding-top: 20px;
font-family: robotoregular, Roboto, sans-serif;
}
.cloud-advantages__list-item {
position: relative;
margin-left: 8px;
}
.cloud-advantages__list-item:before {
content: '';
position: absolute;
top: 8px;
left: -8px;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #ff8c00;
}
@media screen and (max-width: 1199px) {
.cloud-advantages__icon {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cloud-advantages__pic {
margin-bottom: 15px;
}
.cloud-advantages__name {
margin-left: 0;
width: auto;
max-width: 120px;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.cloud-advantages__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cloud-advantages__icon {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 20px;
}
.cloud-advantages__pic {
margin-bottom: 0;
}
.cloud-advantages__name {
max-width: none;
margin-left: -30px;
}
.cloud-advantages__text {
width: 100%;
}
}
.cloud-login {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 70px;
}
.cloud-login__text {
position: relative;
max-width: 500px;
}
.cloud-login__title {
font: 400 18px/24px robotobold, Roboto, sans-serif;
font-weight: bold;
margin: 30px 0px 20px 0px;
}
.cloud-login__title:first-child {
font: 400 18px/24px robotobold, Roboto, sans-serif;
font-weight: bold;
margin: 0px 0px 20px 0px;
}
.cloud-login__description p {
font-family: robotolight, Roboto, sans-serif;
font-size: 14px;
margin-bottom: 30px;
}
.cloud-login .container {
position: relative;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cloud-login .container:before {
content: '';
position: absolute;
bottom: -50px;
right: -30px;
left: 0;
top: -30px;
/*background-image: url('/bitrix/templates/empty/img/cloud1.png');*/
background-image: url('/upload/medialibrary/a68/ovj6h186ozjw7mh2pvee1fmfdkqbo7sl.jpg');
background-position: right bottom;
background-repeat: no-repeat;
}
@media screen and (max-width: 1365px) {
.cloud-login .container:before {
background-size: contain;
left: 15%;
}
.cloud-login__text {
max-width: 50%;
}
}
@media screen and (max-width: 767px) {
.cloud-login__text {
max-width: 100%;
}
.cloud-login .container:before {
position: static;
width: 100%;
height: 300px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media screen and (max-width: 479px) {
.cloud-login .container:before {
height: 250px;
}
}
.collage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.collage__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.collage__col {
width: 50%;
}
.collage__img {
background-size: cover;
background-position: center center;
height: 200px;
width: 100%;
}
.collage__img_1 {
/* background-image: url('/bitrix/templates/empty/img/collage1.jpg');*/
background-image: url('/upload/medialibrary/1ee/fj4fb7nf2bhord7ni1dz5mpoghf56t01.jpg');
height: 400px;
}
.collage__img_2 {
/*background-image: url('/bitrix/templates/empty/img/collage2.jpg');*/
background-image: url('/upload/medialibrary/bc0/5btw140w8kjgcdxspr3imnkdil2uld0t.jpg');
}
.collage__img_3 {
/* background-image: url('/bitrix/templates/empty/img/collage3.jpg');*/
background-image: url('/upload/medialibrary/f0e/71l2r1envdtgjujuk56rmeibp6pg7xy2.jpg');
}
.collage__img_4 {
background-image: url('/upload/medialibrary/788/l2ak5e2exsxn66sf1ze61f0zbr7v0lej.jpg');
}
@media screen and (max-width: 767px) {
.collage > .collage__col {
width: 100%;
}
}
.company-story {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-image: url('/upload/medialibrary/9d4/nvmjn5alj778wfsbtqx9s0pjao7zcjt0.jpg');
background-size: cover;
padding-top: 90px;
padding-bottom: 90px;
background-position: center bottom -50px;
position: relative;
}
.company-story:before {
content: '';
background: rgb(0 0 0 / 50%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.company-story__col {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
z-index:1
}
.company-story > .container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.company-story__strong {
color: #ff8c00;
font: 400 14px/20px robotobold, Roboto, sans-serif;
}
.company-story p {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
color: #ffffff;
}
.company-story p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.company-story {
padding-top: 40px;
padding-bottom: 40px;
}
.company-story__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.company-story__col:first-child {
margin-bottom: 30px;
}
.company-story > .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.diagram {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 80px;
padding-bottom: 80px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.diagram__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
border-radius: 50%;
background: white;
z-index: 1;
overflow: hidden;
}
.diagram__body.anim {
-webkit-animation: scaling 1.5s -0.1s;
animation: scaling 1.5s -0.1s;
}
.diagram__svg {
-webkit-transform: rotate(9deg);
transform: rotate(9deg);
}
.diagram__circle {
fill: #000000;
-webkit-transition: 1.5s;
transition: 1.5s;
stroke-width: 37;
stroke-dasharray: 0 1234.02;
}
.diagram__circle_sector {
stroke: rgba(238, 36, 36, 0.19);
stroke-width: 178;
}
.diagram__circle_sector.load {
stroke-dasharray: 223.568 558.92;
}
.diagram__circle_sector_moz.load {
stroke-dasharray: 226.08 565.2;
}
.diagram__circle_main {
stroke: #aaa;
}
.diagram__circle_main.load {
stroke-dasharray: 1234.02 1234.02;
}
.diagram__circle_red {
stroke: #d97043;
}
.diagram__circle_red.load {
stroke-dasharray: 172.7628 1234.02;
}
.diagram__circle_orange {
stroke: #e6a044;
}
.diagram__circle_orange.load {
stroke-dasharray: 308.505 1234.02;
}
.diagram__circle_orange-lite {
stroke: #f2c24f;
}
.diagram__circle_orange-lite.load {
stroke-dasharray: 419.5668 1234.02;
}
.diagram__circle_yellow {
stroke: #f2dc51;
}
.diagram__circle_yellow.load {
stroke-dasharray: 456.5874 1234.02;
}
.diagram__circle_yellow-lite {
stroke: #f4f2a1;
}
.diagram__circle_yellow-lite.load {
stroke-dasharray: 493.608 1234.02;
}
.diagram__percent {
font-size: 60px;
line-height: 70px;
margin-right: 15px;
position: relative;
min-width: 112px;
text-align: right;
}
.diagram__percent:before {
display: block;
content: '';
position: absolute;
width: 5px;
height: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -10px;
border-radius: 50%;
-webkit-transition: 0.9s linear;
transition: 0.9s linear;
-webkit-animation-fill-mode: forwards !important;
animation-fill-mode: forwards !important;
}
.diagram__percent:after {
display: block;
content: '';
position: absolute;
border-bottom: 1px solid;
top: 50%;
left: -10px;
width: 0;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
-webkit-transition: 0.9s linear;
transition: 0.9s linear;
-webkit-animation-fill-mode: forwards !important;
animation-fill-mode: forwards !important;
}
.diagram__text {
font-size: 15px;
font-family: robotolight, Roboto, sans-serif;
color: black;
width: 160px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.diagram__line {
border-right: 1px solid;
border-bottom: 1px solid;
position: absolute;
top: 50%;
left: -10px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
margin-top: -0.5px;
-webkit-transition: 0.9s linear;
transition: 0.9s linear;
height: 0;
width: 0;
}
.diagram__stat-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.diagram__stat-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
visibility: hidden;
}
.load.diagram__stat-list-item {
visibility: visible;
}
.load.diagram__stat-list-item .diagram__percent:after {
width: 20px;
}
.load.diagram__stat-list-item .diagram__line {
left: -30px;
}
.load.diagram__stat-list-item_red {
-webkit-animation: stats-red 3s;
animation: stats-red 3s;
}
.load.diagram__stat-list-item_red .diagram__percent:after {
-webkit-animation: stats-red-after 3s;
animation: stats-red-after 3s;
width: 30px;
}
.load.diagram__stat-list-item_red .diagram__line {
left: -39px;
height: 43px;
width: 94px;
-webkit-animation: stats-red-line 3s;
animation: stats-red-line 3s;
}
.load.diagram__stat-list-item_orange {
-webkit-animation: stats-orange 3s;
animation: stats-orange 3s;
}
.load.diagram__stat-list-item_orange .diagram__percent:after {
-webkit-animation: stats-orange-after 3s;
animation: stats-orange-after 3s;
}
.load.diagram__stat-list-item_orange .diagram__line {
height: 58px;
width: 42px;
-webkit-animation: stats-orange-line 3s;
animation: stats-orange-line 3s;
}
.load.diagram__stat-list-item_orange-lite {
-webkit-animation: stats-orange-lite 3s;
animation: stats-orange-lite 3s;
}
.load.diagram__stat-list-item_orange-lite .diagram__percent:after {
-webkit-animation: stats-orange-lite-after 3s;
animation: stats-orange-lite-after 3s;
}
.load.diagram__stat-list-item_orange-lite .diagram__line {
height: 75px;
width: 53px;
-webkit-animation: stats-orange-lite-line 3s;
animation: stats-orange-lite-line 3s;
}
.load.diagram__stat-list-item_yellow {
-webkit-animation: stats-yellow 3s;
animation: stats-yellow 3s;
}
.load.diagram__stat-list-item_yellow .diagram__percent:after {
-webkit-animation: stats-yellow-after 3s;
animation: stats-yellow-after 3s;
}
.load.diagram__stat-list-item_yellow .diagram__line {
height: 66px;
width: 105px;
-webkit-animation: stats-yellow-line 3s;
animation: stats-yellow-line 3s;
}
.load.diagram__stat-list-item_yellow-lite {
-webkit-animation: stats-yellow-lite 3s;
animation: stats-yellow-lite 3s;
}
.load.diagram__stat-list-item_yellow-lite .diagram__percent:after {
width: 140px;
-webkit-animation: stats-yellow-lite-after 3s;
animation: stats-yellow-lite-after 3s;
}
.diagram__stat-list-item_red {
color: #d97043;
}
.diagram__stat-list-item_red .diagram__percent:before {
background: #d97043;
}
.diagram__stat-list-item_orange {
color: #e6a044;
}
.diagram__stat-list-item_orange .diagram__percent:before {
background: #e6a044;
}
.diagram__stat-list-item_orange-lite {
color: #f2c24f;
}
.diagram__stat-list-item_orange-lite .diagram__percent:before {
background: #f2c24f;
}
.diagram__stat-list-item_yellow {
color: #f2dc51;
}
.diagram__stat-list-item_yellow .diagram__percent:before {
background: #f2dc51;
}
.diagram__stat-list-item_yellow-lite {
color: #f4f2a1;
}
.diagram__stat-list-item_yellow-lite .diagram__percent:before {
background: #f4f2a1;
}
.diagram__stat-list-item_yellow-lite .diagram__percent .diagram__line {
display: none;
}
.diagram__stat-list_left {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.diagram__stat-list_left .diagram__stat-list-item {
color: #aaa;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.diagram__stat-list_left .load.diagram__stat-list-item {
-webkit-animation: stats 3s;
animation: stats 3s;
}
.diagram__stat-list_left .load.diagram__stat-list-item .diagram__line {
bottom: -3px;
left: auto;
right: -10px;
width: 65px;
top: auto;
-webkit-animation: stats-line 3s;
animation: stats-line 3s;
}
.diagram__stat-list_left .diagram__percent {
position: relative;
text-align: left;
}
.diagram__stat-list_left .diagram__percent:before {
left: auto;
right: -10px;
bottom: -5px;
top: auto;
background: #aaa;
-webkit-transform: translate(0);
transform: translate(0);
}
.diagram__stat-list_left .diagram__percent:after {
display: none;
}
.diagram__stat-list_left .diagram__line {
border-color: #aaa;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
border-right: none;
}
.diagram__stat-list_left .diagram__text {
width: 120px;
}
.diagram__sub-title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: 1.5s;
transition: 1.5s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
font-size: 32px;
font-family: robotolight, Roboto, sans-serif;
width: 430px;
height: 430px;
}
.diagram__sub-title.clipped {
-webkit-clip-path: url('#normal-title');
clip-path: url('#normal-title');
}
.diagram__sub-title_red {
color: red;
fill: red;
}
.diagram__sub-title_red.clipped {
-webkit-clip-path: url('#red-title');
clip-path: url('#red-title');
}
.diagram__sub-title.load {
opacity: 1;
}
.diagram__icon {
width: 67px;
height: 67px;
margin-bottom: 35px;
}
.diagram__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 215px;
}
.diagram__clip {
position: absolute;
-webkit-transform: rotate(9deg);
transform: rotate(9deg);
}
@media screen and (max-width: 1315px) {
.diagram__stat-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: 25px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.diagram__stat-list-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.diagram__stat-list-item .diagram__percent {
margin: 0;
text-align: center;
}
.load.diagram__stat-list-item .diagram__percent:before {
top: 0;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.load.diagram__stat-list-item .diagram__percent:after {
top: 0;
left: 50%;
height: 20px;
width: 0;
border-bottom: none;
border-right: 1px solid;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.load.diagram__stat-list-item_red .diagram__line {
width: 120px;
height: 100px;
border-right: none;
border-left: 1px solid;
top: -20px;
left: 50%;
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
.load.diagram__stat-list-item_orange .diagram__percent:after {
height: 10px;
}
.load.diagram__stat-list-item_orange .diagram__line {
width: 120px;
height: 20px;
border-right: none;
border-left: 1px solid;
top: -10px;
left: 50%;
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
.load.diagram__stat-list-item_orange-lite .diagram__percent:after {
height: 10px;
}
.load.diagram__stat-list-item_orange-lite .diagram__line {
width: 100px;
height: 70px;
border-right: none;
border-left: 1px solid;
top: -10px;
left: 50%;
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
.load.diagram__stat-list-item_yellow .diagram__line {
width: 30px;
height: 100px;
border-right: none;
border-left: 1px solid;
top: -20px;
left: 50%;
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
.load.diagram__stat-list-item_yellow-lite .diagram__percent:after {
height: 145px;
}
.load.diagram__stat-list-item_yellow-lite .diagram__line {
display: block;
width: 100px;
height: 0;
border-right: none;
top: -145px;
left: 50%;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-animation: stats-yellow-lite-line 3s;
animation: stats-yellow-lite-line 3s;
}
.diagram__stat-list_left {
margin-top: 0;
margin-bottom: 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.diagram__stat-list_left .diagram__stat-list-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: left;
}
.diagram__stat-list_left .diagram__stat-list-item .diagram__percent:before {
top: auto;
bottom: 0;
left: auto;
right: -11px;
}
.diagram__stat-list_left .diagram__stat-list-item.load .diagram__line {
width: 0;
height: 20px;
border-bottom: none;
border-right: 1px solid;
left: auto;
right: -7px;
bottom: 1px;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
}
.diagram__stat-list_left .diagram__percent {
margin-right: 15px;
}
.diagram__text {
width: 140px;
}
.diagram__svg {
-webkit-transform: rotate(107deg);
transform: rotate(107deg);
}
.diagram__sub-title.clipped {
-webkit-clip-path: url('#normal-title_adaptive');
clip-path: url('#normal-title_adaptive');
}
.diagram__sub-title_red.clipped {
-webkit-clip-path: url('#red-title_adaptive');
clip-path: url('#red-title_adaptive');
}
}
@media screen and (max-width: 1023px) {
.diagram__stat-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.load.diagram__stat-list-item_red .diagram__line {
width: 140px;
height: 0;
border-left: none;
top: -100px;
}
.load.diagram__stat-list-item_red .diagram__percent:after {
height: 100px;
}
.load.diagram__stat-list-item_orange .diagram__line {
width: 85px;
height: 30px;
}
.load.diagram__stat-list-item_yellow .diagram__line {
width: 25px;
height: 110px;
}
.load.diagram__stat-list-item_yellow-lite .diagram__line {
width: 110px;
}
.diagram__stat-list_left {
margin-top: 0;
margin-bottom: 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.diagram__stat-list_left .diagram__stat-list-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: left;
}
.diagram__stat-list_left .diagram__stat-list-item .diagram__percent:before {
top: auto;
bottom: 0;
left: auto;
right: -11px;
}
.diagram__stat-list_left .diagram__stat-list-item.load .diagram__line {
width: 0;
height: 20px;
border-bottom: none;
border-right: 1px solid;
left: auto;
right: -7px;
bottom: 1px;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
}
.diagram__stat-list_left .diagram__percent {
margin-right: 15px;
}
}
@media screen and (max-width: 767px) {
.diagram {
padding-top: 40px;
padding-bottom: 40px;
}
.diagram__body {
-webkit-transform: scale(0.7);
transform: scale(0.7);
margin-top: -35px;
margin-bottom: -30px;
}
.diagram__stat-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0;
}
.diagram__stat-list-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.diagram__stat-list_left {
margin-bottom: 0;
}
.diagram__stat-list .diagram__percent {
text-align: right;
margin-right: 15px;
}
.diagram__stat-list .diagram__percent:after,
.diagram__stat-list .diagram__percent:before {
display: none;
}
.diagram__stat-list .diagram__percent .diagram__line {
display: none;
}
.diagram__text {
width: auto;
text-align: left;
}
}
.equipment a {
color: black;
text-decoration: underline;
}
.equipment {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 25px;
}
.equipment__list {
width: 100%;
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;
padding-top: 60px;
}
.equipment__list-item {
padding-left: 0px !important;
margin-bottom: 60px;
width: 44.14893617%;
position: relative;
font: 400 16px/24px roboto, Roboto, sans-serif !important;
list-style-type: none !important;
list-style-position:outside !important;
text-indent: 0px!important;
}
.equipment__title {
color: #ff8c00;
font: 600 16px/24px roboto, Roboto, sans-serif !important;
margin-bottom: 22px;
}
.equipment__text {
/* font-family: robotolight, Roboto, sans-serif;
font-size: 14px;
line-height: 22px; */
font: 400 16px/24px roboto, Roboto, sans-serif;
}
.equipment__ico {
display: block;
width: 64px;
height: 64px;
position: relative;
left: 0;
top: 0;
background-size: cover;
margin: 10px 0px;
}
.equipment__ico_accum {
background-image: url('/bitrix/templates/empty/img/ico/accum.svg');
background-repeat: no-repeat;
}
.equipment__ico_usb {
background-image: url('/bitrix/templates/empty/img/ico/usb.svg');
background-repeat: no-repeat;
}
.equipment__ico_term {
background-image: url('/bitrix/templates/empty/img/ico/term.svg');
background-repeat: no-repeat;
}
.equipment__ico_radio {
background-image: url('/bitrix/templates/empty/img/ico/radio.svg');
background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
.equipment__list-item {
width: 100%;
padding-left: 60px;
}
.equipment__ico {
width: 48px;
height: 48px;
}
}
.feedback-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
padding: 0;
background: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.feedback-block__img {
max-height: 100%;
min-height: 100%;
}
.feedback-block__img-wrapper {
width: 196px;
height: 196px;
min-width: 196px;
border-radius: 50%;
margin-right: 45px;
-ms-flex-item-align: center;
align-self: center;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
..-block__text {
color: black;
text-shadow: none;
margin-bottom: 0;
-ms-flex-preferred-size: 700px;
flex-basis: 700px;
}
.feedback-block__info {
color: black;
font-size: 16px;
line-height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.feedback-block__info_top {
margin-bottom: 25px;
}
.feedback-block__info_bottom {
display: none;
}
.feedback-block p {
font-size: 14px;
line-height: 22px;
font-family: robotolight, Roboto, sans-serif;
}
.feedback-block__name {
font-family: robotobold, Roboto, sans-serif;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.feedback-block__company {
font-size: 14px;
font-family: robotolight, Roboto, sans-serif;
}
.feedback-block__link {
color: #ff8c00;
}
.feedback-block__link:hover {
text-decoration: underline;
}
.feedback-block_slider .feedback-block__info_top {
display: none;
}
.feedback-block_slider .feedback-block__info_bottom {
display: block;
}
.feedback-block_slider p {
margin-bottom: 22px;
}
.feedback-block__empty {
float: left;
display: none;
}
@media screen and (max-width: 1200px) {
.feedback-block_slider {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.feedback-block_slider p {
margin-bottom: 10px;
}
.feedback-block_slider .feedback-block__img-wrapper {
width: 130px;
height: 130px;
min-width: 130px;
margin-right: 25px;
-ms-flex-item-align: start;
align-self: flex-start;
}
}
@media screen and (max-width: 1023px) {
.feedback-block_slider p {
margin-bottom: 5px;
}
.feedback-block_slider .feedback-block__img-wrapper {
margin-right: 15px;
}
}
@media screen and (max-width: 767px) {
.feedback-block__img-wrapper {
width: 130px;
height: 130px;
min-width: 130px;
margin-right: 15px;
position: absolute;
top: 0;
left: 0;
}
.feedback-block__empty {
margin-right: 15px;
width: 130px;
height: 130px;
display: block;
}
.feedback-block_slider {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.feedback-block_slider p {
margin-bottom: 5px;
}
.feedback-block_slider .feedback-block__img-wrapper {
width: 100px;
height: 100px;
min-width: 100px;
}
.feedback-block_slider .feedback-block__empty {
width: 100px;
height: 100px;
}
.feedback-block_slider .feedback-block__text {
height: 14.5em;
overflow: hidden;
}
}
@media screen and (max-width: 479px) {
.feedback-block_slider .feedback-block__text {
height: 14em;
overflow: hidden;
}
}
.feedback-form {
text-align: center;
background-color: #f1f1f1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 90px 0;
}
.feedback-form > .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.feedback-form__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.feedback-form__phone,
.feedback-form__mail {
font-size: 26px;
font-family: robotolight;
}
.feedback-form__phone {
margin-bottom: 5px;
}
.feedback-form__mail {
margin-bottom: 50px;
}
.feedback-form__icon {
padding-right: 5px;
}
.feedback-form__icon svg {
vertical-align: middle;
fill: #ff8c00;
width: 26px;
height: 26px;
}
.feedback-form__msg {
font-size: 18px;
margin-bottom: 30px;
}
.feedback-form__input {
border: 1px solid #dcdcdc;
max-width: 400px;
width: 100%;
margin-bottom: 20px;
font-size: 16px;
padding: 8px 30px;
}
.feedback-form__input:focus {
border: 1px solid #bbb;
}
.feedback-form__input_textarea {
min-height: 134px;
}
.feedback-form__button {
background-color: #ff8c00;
border: none;
color: #ffffff;
width: 220px;
line-height: 42px;
-webkit-transition: all .2s;
transition: all .2s;
}
@media (max-width: 767px) {
.feedback-form {
padding: 20px 0;
}
.feedback-form__phone,
.feedback-form__mail {
font-size: 20px;
}
}
.feedback-form__phone a {
color: black;
text-decoration: none;
}
.feedback-main {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 59px;
padding-bottom: 35px;
}
.feedback-main__text {
font-size: 14px;
line-height: 22px;
font-family: robotolight, Roboto, sans-serif;
margin-bottom: 63px;
width: 100%;
}
.feedback-main__link {
color: #ff8c00;
}
.feedback-main__link:hover {
text-decoration: underline;
}
.feedback-main__list {
width: 100%;
}
.feedback-main__list-item {
margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
.feedback-main {
padding-top: 40px;
}
.feedback-main__text {
margin-bottom: 40px;
}
.feedback-main__list-item {
margin-bottom: 20px;
border-bottom: #f1f1f1 1px solid;
padding-bottom: 20px;
}
}
.feedback {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 85px;
padding-bottom: 150px;
}
@media screen and (max-width: 1023px) {
.feedback {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (max-width: 767px) {
.feedback {
padding-top: 40px;
padding-bottom: 40px;
}
}
.footer {
background-color: #1d1d1d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 40px;
padding-bottom: 65px;
color: white;
font-family: robotolight, Roboto, sans-serif;
}
.footer__address {
line-height: 24px;
font-style: normal;
margin-bottom: 50px;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__address p {
margin-bottom: 10px;
}
.footer__mail {
color: white;
margin-top: 10px;
}
.footer__copyright {
line-height: 30px;
font-size: 12px;
}
.footer__tel {
display: block;
color: white;
font-size: 26px;
line-height: 30px;
font-family: robotobold, Roboto, sans-serif;
margin-bottom: 15px;
}
.footer__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 70.85106383%;
margin-right: 5.85106383%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__col_right {
width: 23.29787234%;
margin-right: 0;
}
.footer__map {
height: 430px;
width: 100%;
margin-bottom: 55px;
}
@media screen and (max-width: 1200px) {
.footer__col {
width: calc(62% - 55px);
}
.footer__col_right {
width: 38%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 1023px) {
.footer__tel {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.footer {
padding-top: 40px;
padding-bottom: 40px;
}
.footer__col {
width: 100%;
-ms-flex-line-pack: stretch;
align-content: stretch;
position: relative;
}
.footer__tel {
margin-bottom: 20px;
}
.footer__address {
margin-bottom: 20px;
}
.footer__map {
height: 250px;
margin-bottom: 92px;
}
}
.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.form__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.form__group_center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form__group_hidden {
-webkit-transform: scaleY(0);
transform: scaleY(0);
height: 0;
margin: 0 !important;
}
.form__field {
background: transparent;
border: 1px solid white;
padding: 10px 10px;
}
.form__field::-webkit-input-placeholder {
color: #aaa;
opacity: 1;
}
.form__field:-ms-input-placeholder {
color: #aaa;
opacity: 1;
}
.form__field::placeholder {
color: #aaa;
opacity: 1;
}
.form__field.no-valid {
border-color: #ff8c00;
}
.form__box,
.form__radio {
display: none;
}
.form__label {
margin-right: 10px;
}
.form__label_box {
position: relative;
padding-left: 30px;
}
.form__label_box:before {
position: absolute;
display: block;
content: '';
width: 20px;
height: 20px;
left: 0;
top: 50%;
margin-top: -10px;
background-color: white;
cursor: pointer;
}
.form__box:checked + .form__label_box:before {
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: -90px -191px;
width: 20px;
height: 20px;
}
.form__select {
display: none;
}
.form__info {
margin-left: 10px;
margin-right: 10px;
}
.form__tooltip {
position: absolute;
top: -20px;
left: 50%;
color: #ff8c00;
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
white-space: nowrap;
font-family: robotolight, Roboto, sans-serif;
}
.form__tooltip_hidden {
visibility: hidden;
opacity: 0;
}
.form_calc {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form_calc .form__field {
width: 126px;
}
.form_calc .form__label {
width: 190px;
}
.form_calc .form__label_box {
width: auto;
margin-left: 20px;
margin-right: 0;
}
.form_calc .form__group {
margin-bottom: 20px;
width: 580px;
}
.form_calc .form__group:last-child {
margin-bottom: 0;
}
.form_footer {
position: relative;
}
.form_footer .form__field {
width: 100%;
border-color: #777777;
border-width: 2px;
padding: 13px 18px;
box-sizing: border-box;
}
.form_footer .form__field:placeholder {
color: #777777;
}
.form_footer .form__search-button {
border: none;
background-color: transparent;
position: absolute;
right: 11px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: 0px -97px;
width: 24px;
height: 24px;
}
.form_search {
position: relative;
width: 100%;
margin-bottom: 35px;
}
.form_search .form__field {
width: 100%;
border-color: #b9b9b9;
border-width: 1px;
padding: 13px 18px;
box-sizing: border-box;
}
.form_search .form__field:placeholder {
color: #b9b9b9;
}
.form_search .form__search-button {
border: none;
background-color: transparent;
position: absolute;
right: 11px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: -94px -97px;
width: 24px;
height: 24px;
}
.form_call {
width: 100%;
}
.form_call .form__field {
width: 100%;
border-color: #c4c4c4;
text-align: center;
margin-bottom: 13px;
padding: 12px 10px;
}
.form_call .form__field:placeholder {
color: #c4c4c4;
}
.form_mobile {
display: none;
}
.form_mailing {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form_mailing .form__field {
width: calc(100% - 240px);
height: 40px;
border: none;
background: white;
color: black;
box-shadow: inset 2px 3px 7px 0 rgba(0, 0, 0, 0.2);
}
.form_partnership {
max-width: 300px;
margin: auto;
display: block;
}
.form_partnership .form__field {
-webkit-appearance: none;
border-radius: 0;
width: 100%;
border-color: #c4c4c4;
text-align: center;
margin-bottom: 13px;
padding: 12px 10px;
}
.form_partnership .form__field:placeholder {
color: #c4c4c4;
}
.form__fake-placeholder {
position: relative;
display: block;
}
.form__fake-placeholder .form__field {
position: relative;
z-index: 1;
}
.form__fake-placeholder-content {
color: #aaa;
left: 0;
top: 0;
position: absolute;
width: 100%;
padding: 12px 10px;
border: 1px solid transparent;
}
.form__fake-placeholder_hidden .form__fake-placeholder-content {
opacity: 0;
}
.select2 {
border: 1px solid white;
background: transparent !important;
cursor: pointer;
position: relative;
}
.select2-search {
display: none;
}
.select2-container {
width: 377px !important;
}
.select2-container.no-valid {
border-color: #ff8c00;
}
.select2-container--open {
background: white;
}
.select2-container--open .select2-selection__arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 50% 1.5px;
transform-origin: 50% 1.5px;
}
.select2-results__option {
padding: 5px 10px;
cursor: pointer;
}
.select2-results__option:hover {
background: #f2f2f2;
}
.select2-selection__rendered {
display: block;
padding: 10px 10px;
}
.select2-selection__placeholder {
font-family: robotolight, Roboto, sans-serif;
}
.select2-selection__arrow {
border-top: 3px solid white;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
position: absolute;
top: 50%;
right: 12px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
@media screen and (max-width: 1023px) {
.form_footer .form__field {
width: auto;
}
}
@media screen and (max-width: 767px) {
.select2-container {
width: 90% !important;
}
.form_calc .form__group {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.form_calc .form__group_control .form__label {
margin-left: 0;
}
.form_calc .form__group_control .form__info {
top: 34%;
}
.form_calc .form__group_control .form__field {
margin-bottom: 10px;
}
.form_calc .form__label {
margin-bottom: 10px;
}
.form_calc .form__field {
width: 100%;
}
.form_calc .form__info {
position: absolute;
top: 50%;
right: 0;
margin-top: 5px;
}
.form_calc .select2-container {
width: 100% !important;
}
.form_footer {
position: absolute;
top: 100%;
margin-top: 420px;
}
.form_footer .form__field {
width: 100%;
}
.socials {
margin-top: 50px;
}
.form_mobile {
display: block;
}
.form_desktop {
display: none;
}
.form_mailing {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form_mailing .form__field {
width: auto;
margin-bottom: 20px;
}
}
.header-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 1;
}
.header-nav__main-list {
font-size: 0;
margin-right: -16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-nav__main-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
cursor: pointer;
-webkit-transition: 0.2s;
transition: 0.2s;
font-size: 13px;
}
.header-nav__main-list-item:hover {
background-color: #f57b27;
}
.header-nav__main-list-item:hover .header-nav__sub-list {
background-color: #f57b27;
opacity: 1;
visibility: visible;
}
.header-nav__main-list-item:hover .header-nav__sub-list > li {}
.header-nav__main-list-item:hover .header-nav__sub-list > li:hover > ul {display:block !important}
.header-nav__main-list-item:hover .header-nav__link_main {
color: white;
}
.header-nav__main-list-item_hidden {
display: none;
}
.header-nav__main-list-item_lang {
display: none;
}
.header-nav__main-list-item_active .header-nav__link_main {
color: #ff8c00;
font-family: robotobold, Roboto, sans-serif;
}
.header-nav__tel-list {
display: none;
}
.header-nav__sub-list {
position: absolute;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
padding: 14px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-nav__link {
display: block;
color: white;
padding: 8px 16px;
white-space: nowrap;
text-transform: none;
font-family: robotolight, Roboto, sans-serif;
}
.header-nav__link:first-letter {
text-transform: uppercase;
}
.header-nav__link:hover {
color: black;
}
.header-nav__link_main {
/*text-transform: uppercase;
padding: 16px;*/
padding: 10px;
color: white;
font-size: 13px;
font-family: robotoregular, Roboto, sans-serif;
width: auto;
}
.header-nav__link_main:hover {
color: white;
}
.header__nav_fixed .header-nav__link_main,.header_background .header__nav.no-img-bg .header-nav__link_main {
color: black;
font-family: robotolight, Roboto, sans-serif;
}
.header__nav_fixed .header-nav__main-list-item_active .header-nav__link_main {
color: #ff8c00;
}
.header__nav_fixed .header-nav__main-list-item:hover .header-nav__link_main,.header_background .header__nav.no-img-bg .header-nav__main-list-item:hover .header-nav__link_main {
color: white;
}
.header-nav__main-list > li > a {
text-transform: uppercase !important;
}
@media screen and (max-width: 1200px) {
.header-nav__link_main {
padding: 7px;
}
}
@media screen and (max-width: 1023px) {
.header-nav {
width: 100%;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-nav__main-list {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: white;
width: 100%;
left: -100%;
-webkit-transition: 0.2s;
transition: 0.2s;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
padding-bottom: 100px;
}
.header-nav__main-list.show {
left: 0;
overflow: scroll;
height:calc(100% - 162px);
}
.header-nav__main-list.show + .header-nav__tel-list.show_t {
position: fixed !important;
top: auto !important;
margin-top: 0 !important;
bottom: 0 !important;
z-index: 999999 !important;
display: block !important;
right:auto !important;
}
.fixed-phone {
position: fixed;
z-index: 9999;
display: flex;
flex-flow: column;
top: 60px;
left: 0;
background: black;
width: 100%;
height: calc(100% - 60px);
justify-content: center;
align-items: center;
margin: auto;
}
.header-nav__main-list-item {
border-bottom: 1px solid #dddddd;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: robotoregular, Roboto, sans-serif;
}
.header-nav__main-list-item_open .header-nav__link_main {
color: #ff8c00;
}
.header-nav__main-list-item .header-nav__link_main:hover {
color: #ff8c00;
}
.header-nav__main-list-item:hover {
background: white;
}
.header-nav__main-list-item:hover .header-nav__sub-list {
background-color: white;
}
.header-nav__main-list-item_hidden {
display: block;
}
.header-nav__main-list-item_hidden .header-nav__link {
text-transform: uppercase;
font-family: robotoregular, Roboto, sans-serif;
}
.header-nav__main-list-item_lang {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.header-nav__tel-list {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #ff8c00;
width: 100%;
top: 0;
right: -100%;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.header-nav__tel-list.show {
right: 0;
}
.header-nav__tel-list-item {
border-bottom: 1px solid #dddddd;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-nav__tel-list-item .header-nav__link {
padding-top: 16px;
padding-bottom: 16px;
}
.header-nav__sub-list {
position: static;
opacity: 1;
visibility: visible;
width: 100%;
display: none;
-webkit-transition: none;
transition: none;
padding: 0;
}
.header-nav__sub-list-item:last-child {
padding-bottom: 14px;
}
.header-nav__link {
color: black;
padding: 8px 5%;
width: 100%;
}
.header-nav__link_login {
padding-top: 16px;
padding-bottom: 16px;
}
.header-nav__link:hover {
color: #ff8c00;
}
.header-nav__link_tel {
color: white;
}
.header-nav__link_tel:hover {
color: black;
}
.header-nav__link_lang {
color: #b4b4b4;
font-size: 14px;
padding-top: 16px;
padding-bottom: 16px;
}
.header-nav__link_main {
padding-left: 5%;
padding-right: 5%;
color: black;
padding-top: 16px;
padding-bottom: 16px;
font-family: robotoregular, Roboto, sans-serif;
}
}
.header {
position: relative;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
background: #000;
color: #f28944;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 40px;
}
.header__link {
color: #f28944;
font-size: 14px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 20px;
}
.header__link_login {
border-bottom: 1px dotted #f28944;
}
.header__link_lang {
margin-right: 20px;
padding-left: 3px;
padding-right: 3px;
}
.header__link_lang:hover {
text-decoration: underline;
}
.header__link_tel {
position: relative;
padding-left: 20px;
margin-right: 20px;
color: white;
font-weight: 800;
}
.header__link_tel:before {
position: absolute;
display: block;
content: '';
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: -291px -92px;
width: 13px;
height: 13px;
}
.header__link_tel-last {
margin-right: 0;
}
.header__link_active {
background: #ff8c00;
color: black;
}
.header__col {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: absolute;
top: 74px;
left: 0;
width: 100%;
-webkit-transition: 0.2s background;
transition: 0.2s background;
}
.header__menu {
display: none;
position: relative;
width: 60px;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
height: auto;
}
.header__menu:before {
position: absolute;
content: '';
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: -180px -191px;
width: 22px;
height: 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header__menu_close:before {
position: absolute;
content: 'X';
color: #ff8c00;
top: 30%;
left: 50%;
background-image: none;
text-align: center;
font-size: 1.4em;
}
.header_background {
/*background: url('/bitrix/templates/empty/img/bg2.webp');*/
background: url('/bitrix/templates/empty/img/fon_menu.jpg');
background-position: center;
background-size: cover;
}
.header_background .header__nav {
position: static;
padding-top: 35px;
padding-bottom: 30px;
background: rgba(0, 0, 0, 0.55);
}
.header_background .header__nav.no-img-bg {
background:#fff;
padding-top: 25px;
padding-bottom: 25px;
}
.header .header__nav_fixed {
background: white;
margin: 0;
color: black;
position: fixed;
top: 0;
left: 0;
height: 83px;
z-index: 1;
}
.header .header__nav_fixed .logo,.header_background .header__nav.no-img-bg .logo{
display: none;
}
.header .header__nav_fixed .logo_small,.header_background .header__nav.no-img-bg .logo_small {
display: block;
opacity: 1;
position: static;
left: auto;
}
@media screen and (max-width: 1023px) {
.header {
position: fixed;
width: 100%;
}
.header__info {
height: 60px;
z-index: 1;
}
.header__info .header__col {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.header__info .header__col:last-child {
display: none;
}
.header__nav {
top: 60px;
visibility: hidden;
}
.header__nav.show {
visibility: visible;
}
.header__nav .header__col {
width: 100%;
}
.header__nav .header__col:first-child {
display: none;
}
.header__link_tel {
font-size: 0;
padding: 0;
margin-right: -2.5%;
width: 60px;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
height: auto;
display: none;
}
.header__link_tel:before {
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: 0px -191px;
width: 20px;
height: 22px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header__link_tel-last {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.header__link_login {
display: none;
}
.header__link_lang {
display: none;
}
.header__menu {
display: block;
margin-left: -2.5%;
}
.header_background {
background: none;
}
.header_background .header__nav {
position: absolute;
padding: 0;
background: none;
}
}
@media screen and (max-width: 767px) {
.header__link_tel {
margin-right: -5%;
}
.header__menu {
margin-left: -5%;
}
}
.info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 25px;
padding-bottom: 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.info_no-pb {
padding-bottom: 0;
}
.info_no-pb img {
vertical-align: top;
}
.info_no-pt {
padding-top: 0;
}
.info_paddless {
padding-top: 0;
padding-bottom: 0;
}
.info_paddless img {
vertical-align: top;
}
.info_gray {
background: #f1f1f1;
}
.info_small-padding {
padding: 30px 0 10px;
}
.info_orange {
background: #ff8c00;
}
.info_vertical-center > .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info_tachograph > .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info_safedrive > .container {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.info_route {
padding: 0;
}
.info_route img {
vertical-align: top;
}
.info__col {
width: 35%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
}
.info__col_l {
width: 35%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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: left;
}
.info__col_l.article.ul.li.a {
width: 100%;
}
.info__col_l.article.ul.li.a.img {
max-width: 300px;
max-height: 177px;
}
@media screen and (max-width: 1200px) {
.info__col_l {
width: 35%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
}
}
.info__col_big {
width: 64%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 1200px) {
.info__col_big {
width: 54%;
}
}
.info__col_tachograph {
position: relative;
}
.info__col_tachograph-text {
width: 40%;
}
.info__col_fuel-control {
position: relative;
}
.info__col_man {
position: relative;
}
.info__col_vertical-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.info__col_fourty {
width: 41%;
}
.info__col_sixty {
width: 59%;
}
.info__col_left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.info__col_2019 {
width: 100%;
}
.info__col_2019 table {
margin: 50px 0px;
display:block;
}
.info__col_2019 table *:not(tr):not(span) {
display:block;
}
.info__col_2019 table tr {display:flex}
.info__col_2019 table tbody tr td {
font-family: robotolight;
padding: 7px;
font-size: 15pt;
}
/*.info__col_2019 table tbody tr td:nth-child(2) {
display: flex;
padding: 15px 10px;
}*/
.info__col_2019 table tbody tr td:nth-child(2) div {
margin: auto 10px;
}
.info__col_2019 table tbody tr:nth-child(1) td:nth-child(2) {
font-size: 16pt;
font-weight: bold;
}
.info__col_2019 table tbody tr td:nth-child(1) {
padding-left: 0px;
}
.info__col_right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.info__col_fourty {
width: 41%;
}
.info__col_sixty {
width: 59%;
}
.info__col_left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.info__col_pb {
padding-bottom: 30px;
}
.info__col_pt {
padding-top: 40px;
}
.info__col_card {
padding-top: 30px;
padding-bottom: 30px;
}
.info__col_safedrive {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.info__col_man {
position: relative;
}
.info__title {
max-width: 100%;
color: #ff8c00;
margin-bottom: 0px;
line-height: 22px;
}
.info__title h1 {
font: 600 36px/40px robotolight, Roboto, sans-serif;
}
.info__title h2, .info__title div.h2{
font: 600 22px/24px robotolight, Roboto, sans-serif;
margin-bottom: 25px;
}
.info__title_white {
color: white;
width: 100%;
}
.info__title_strong {
color: #000000;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: 1.667;
}
.info__text {
max-width: 100%;
}
.info__text p {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.info__text p:last-child {
/* margin-bottom: 0; */
}
.info__text_less {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.info__text_less {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.info__img {
max-width: 100%;
}
.info__img_emergency-button {
position: relative;
left: 20px;
}
.info__img-wrapper {
position: relative;
max-width: 100%;
}
.info__img-wrapper_right {
margin-left: 47px;
}
.info__img-wrapper_left {
padding-right: 47px;
}
.info__img-wrapper_button {
margin-right: 17px;
}
.info__img-wrapper_card {
overflow: hidden;
}
.info__img-wrapper_card img {
margin: -5% 0px -5%;
}
.info__img-wrapper_truck {
overflow: hidden;
}
.info__img-wrapper_truck img {
margin-top: -5%;
}
.info__img-wrapper_who-drive {
overflow: hidden;
}
.info__img-wrapper_who-drive img {
margin-bottom: -5%;
}
.info__img-wrapper_emergency-button {
overflow: hidden;
padding-right: 20px;
}
.info__img-wrapper_emergency-button img {
margin-bottom: -5%;
}
.info__img-wrapper_maxload {
overflow: hidden;
}
.info__img-wrapper_maxload img {
margin-bottom: -5%;
}
.info__img-wrapper_route {
overflow: hidden;
}
.info__img-wrapper_route img {
margin-top: -3%;
}
.info__description {
/*position: absolute;
left: 0;
top: 64px;*/
margin-top: -35px;
}
.info__img-title {
text-transform: uppercase;
color: #ff8c00;
font-size: 12px;
margin-bottom: 10px;
font-family: robotoregular, Roboto, sans-serif;
letter-spacing: -0.07em;
}
.info__img-list {
font-size: 12px;
margin-left: 0px !important;
}
.info__img-list-item {
font-family: robotolight, Roboto, sans-serif;
list-style-type: none !important;
list-style-position: outside !important;
text-indent: 0px !important;
padding-left: 0px !important;
font-size: 12px !important;
}
.info__list {
font-family: robotolight, Roboto, sans-serif;
margin-bottom: 22px;
}
.info__list-item {
position: relative;
}
.info__list-item:before {
display: inline-block;
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
background: #ff8c00;
margin-right: 5px;
vertical-align: middle;
}
.info__list_key {
width: 45%;
}
.info__list_key .info__list-item {
margin-left: 26px;
line-height: 28px;
}
.info__list_key .info__list-item:before {
position: absolute;
left: -26px;
width: 11px;
height: 11px;
border: 3px solid #e31d1a;
background: white;
margin-right: 0;
box-shadow: inset 0 0 0 2px #ff8c00;
top: 6px;
}
.info__button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1365px) {
.info__img-wrapper_emergency-button img {
margin-bottom: 0;
}
}
@media screen and (max-width: 1200px) {
.info_tachograph {
padding-top: 100px;
}
.info__img-wrapper_right {
margin-left: 20px;
}
.info__img-wrapper_left {
margin-right: 30px;
}
.info__img-wrapper_who-drive img {
margin: 0;
}
.info__img-wrapper_card img {
margin-bottom: 0;
margin-top: 0;
}
.info__img-wrapper_maxload img {
margin: 0;
}
.info__img-title {
letter-spacing: -0.08em;
}
.info__description {
top: 80px;
}
.info__button-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.info__col_who-drive {
padding-bottom: 30px;
}
.info__col_maxload {
padding-bottom: 30px;
}
.info__col_schedule {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media screen and (max-width: 767px) {
.info {
padding-bottom: 38px;
}
.info_no-pb {
padding-bottom: 0;
}
.info_garay {
padding-bottom: 60px;
}
.info_route {
padding-top: 60px;
padding-bottom: 0;
}
.info__col {
width: 100%;
}
.info__col_card {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.info__col_fuel-control {
margin-top: 80px;
}
.info__col_maxload {
padding-bottom: 0;
}
.info__col_notifications {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.info__col_man {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.info__img-wrapper {
margin-right: 0;
margin-left: 0;
margin-bottom: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.info__img-wrapper_card img {
margin-top: -5%;
}
.info__img-wrapper_schedule {
margin-bottom: 0;
}
.info__img-wrapper_notifications {
margin-bottom: 0;
}
.info__img-wrapper_waybill {
margin-bottom: 0;
}
.info__img-wrapper_route {
margin-bottom: 0;
}
.info__img-wrapper_route img {
margin: 0;
}
.info__img {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.info__img_emergency-button {
position: static;
}
.info__text {
margin-bottom: 22px;
}
.info__list_key {
width: 80%;
margin-bottom: 0;
}
}
.iot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 80px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
background-color: #f1f1f1;
}
.iot > .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iot__col {
width: 49%;
}
.iot__title {
font-size: 18px;
font-weight: bold;
letter-spacing: .05em;
text-transform: uppercase;
line-height: 1.5;
margin-bottom: 30px;
}
.iot__img {
max-width: 100%;
}
.iot__text p {
font-size: 14px;
line-height: 1.5;
font-family: robotolight;
}
@media (max-width: 767px) {
.iot {
padding: 40px 0;
}
.iot__col {
width: 100%;
margin-bottom: 20px;
}
.iot__col:last-child {
margin-bottom: 0;
}
.iot__img {
display: block;
margin: auto;
}
}
.landing {
background-color: #ffffff;
padding-top: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.logo {
display: inline-block;
color: white;
}
.logo__img {
width: 220px;
height: 33px;
}
.logo__title {
position: absolute;
left: 10000px;
}
.logo_footer {
margin-bottom: 20px;
}
.logo_footer .logo__img {
width: 220px;
height: 33px;
}
.logo_small {
-webkit-transition: 0.4s opacity;
transition: 0.4s opacity;
opacity: 0;
position: absolute;
}
.logo_small .logo__img {
width: 175px;
height: 26px;
}
.logo_mobile {
display: none;
}
@media screen and (max-width: 1200px) {
.logo_main .logo__img {
width: 140px;
height: 21px;
}
.logo_small .logo__img {
width: 175px;
height: 26px;
}
}
@media screen and (max-width: 1023px) {
.logo_mobile {
display: block;
}
.logo_mobile .logo__img {
width: 116px;
height: 18px;
}
}
.mailing {
background-color: #ff8c00;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 35px;
padding-bottom: 35px;
}
.mailing__col {
width: 34.04255319%;
}
.mailing__col_right {
width: 65.95744681%;
}
.mailing__text {
margin-right: 25px;
}
@media screen and (max-width: 1200px) {
.mailing__col {
width: 100%;
}
.mailing__text {
margin-bottom: 15px;
margin-right: 0;
}
}
.monitor {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 85px;
padding-bottom: 85px;
}
.monitor__info-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 368px;
height: 22px;
position: relative;
border-bottom: 1px solid #a5a5a5;
}
.monitor__info-list-item {
width: 1px;
background-color: #a5a5a5;
position: relative;
}
.monitor__info-list_bottom {
border-top: 1px solid #a5a5a5;
border-bottom: none;
}
.monitor__info-list_bottom .monitor__text {
top: auto;
bottom: 0;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
}
.monitor__info-list_cloud {
width: 185px;
}
.monitor__info-list_cloud .monitor__text {
top: 7px;
}
.monitor__text {
text-align: center;
position: absolute;
font-size: 11px;
line-height: 15px;
color: #a4a4a4;
text-transform: uppercase;
height: 35px;
width: 120px;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
font-family: latoregular, sans-serif;
}
.monitor__text_desktop {
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: -194px 0px;
width: 27px;
height: 21px;
}
.monitor__text_tablet {
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: -194px -91px;
width: 25px;
height: 20px;
}
.monitor__text_phone {
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: -291px 0px;
width: 13px;
height: 22px;
}
.monitor__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
width: 196px;
}
.monitor__wrapper_list {
width: auto;
position: relative;
margin-top: 35px;
margin-bottom: 22px;
}
.monitor__wrapper_list:after {
display: block;
content: '';
position: absolute;
height: 22px;
width: 1px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-color: #a5a5a5;
}
.monitor__wrapper_list-bottom {
margin-top: 22px;
margin-bottom: 35px;
}
.monitor__wrapper_list-bottom:after {
bottom: auto;
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.monitor__img {
width: 196px;
height: 196px;
border-radius: 50%;
border: 1px dashed #ff8c00;
}
.monitor__title {
font-size: 18px;
line-height: 22px;
letter-spacing: 0.005em;
color: #a4a4a4;
width: 185px;
text-align: center;
text-transform: uppercase;
font-family: latoregular, sans-serif;
margin-bottom: 30px;
margin-top: 5px;
}
.monitor__circle {
width: 95px;
height: 95px;
border-radius: 50%;
background-color: #ff8c00;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.monitor__icon {
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: auto;
background-repeat: no-repeat;
background-position: center;
}
.monitor__icon_satellite {
width: 60px;
height: 60px;
}
.monitor__icon_satellite {
background-image: url("/bitrix/templates/empty/img/ico/satellite.svg");
}
.monitor__icon_antenna {
background-image: url("/bitrix/templates/empty/img/ico/antenna.svg");
}
.monitor__line {
border-bottom: 1px dashed #ff8c00;
width: 12.65957447%;
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;
}
.monitor__arrow {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #ff8c00;
margin-bottom: -6px;
}
@media screen and (max-width: 1349px) {
.monitor__wrapper {
width: 140px;
}
.monitor__wrapper_list {
width: auto;
}
.monitor__img {
width: 140px;
height: 140px;
}
.monitor__circle {
width: 80px;
height: 80px;
}
}
@media screen and (max-width: 1023px) {
.monitor__wrapper {
width: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.monitor__wrapper_list {
width: auto;
margin: 0 22px 0 0;
}
.monitor__wrapper_list:after {
width: 22px;
height: 1px;
top: 50%;
right: 0;
bottom: auto;
left: auto;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.monitor__wrapper_list-bottom {
margin: 0 0 0 22px;
}
.monitor__wrapper_list-bottom:after {
right: auto;
bottom: auto;
left: 0;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.monitor__wrapper_cloud {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.monitor__wrapper_cloud .monitor__wrapper {
margin: 22px 0 0 0;
}
.monitor__wrapper_cloud .monitor__wrapper:after {
height: 22px;
width: 1px;
bottom: auto;
top: 0;
right: auto;
left: 50%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.monitor__info-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 168px;
width: 22px;
border-bottom: none;
border-right: 1px solid #a5a5a5;
}
.monitor__info-list-item {
width: auto;
height: 1px;
}
.monitor__info-list_bottom {
border-left: 1px solid #a5a5a5;
border-right: none;
}
.monitor__info-list_bottom .monitor__text {
left: auto;
top: 0;
bottom: auto;
right: 0;
-webkit-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
.monitor__info-list_cloud {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 22px;
width: 185px;
}
.monitor__info-list_cloud .monitor__info-list-item {
height: auto;
width: 1px;
}
.monitor__info-list_cloud .monitor__text {
bottom: auto;
right: auto;
top: 7px;
left: 50%;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
}
.monitor__text {
left: 0;
top: 0;
bottom: auto;
right: auto;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
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;
}
.monitor__img {
width: 196px;
height: 196px;
}
.monitor__circle {
width: 95px;
height: 95px;
}
.monitor__line {
width: 0;
height: 40px;
border-bottom: none;
border-right: 1px dashed #ff8c00;
-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;
}
.monitor__arrow {
border-top: 6px solid #ff8c00;
border-bottom: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
margin-bottom: 0;
}
.monitor__title {
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.monitor {
padding-top: 40px;
}
.monitor__wrapper_auto {
height: 90px;
}
.monitor__wrapper_list {
height: auto;
margin: 0 10px 0 0;
}
.monitor__wrapper_list:after {
width: 10px;
}
.monitor__wrapper_list-bottom {
margin: 0 0 0 10px;
}
.monitor__info-list:not(.monitor__info-list_cloud) {
width: 10px;
}
.monitor__info-list:not(.monitor__info-list_cloud) .monitor__text {
width: 90px;
}
.monitor__img {
width: 90px;
height: 90px;
}
.monitor__circle {
width: 80px;
height: 80px;
}
}
.news-block {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 56px;
padding-bottom: 48px;
}
.news-block__content {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin-bottom: 54px;
width: 100%;
}
.news-block__content p {
margin: 0px 0px 10px 0px;
display: block;
}
.news-block__content ul
{
margin: 0px 0px 10px 40px;
}
.news-block__content ul li {
list-style-type: disc;
list-style-position: inside;
text-indent: -24px;
padding-left: 10px;
margin: 0px 0px;
}
.news-block__content a
{
color: black;
text-decoration: underline;
}
.news-block__img {
margin-right: 19px;
max-width: 48.93617021%;
margin-bottom: 20px;
}
.news-block__group:before,
.news-block__group:after {
content: "";
display: table;
}
.news-block__group:after {
clear: both;
}
.news-block__title {
color: #ff8c00;
font-family: robotoregular, Roboto, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: normal;
margin-bottom: 24px;
}
.news-block__wrapper {
position: relative;
margin-bottom: 22px;
}
.news-block__wrapper_overflow {
overflow: hidden;
margin-bottom: 0;
}
.news-block__list {
margin-bottom: 22px;
}
.news-block__list_number .news-block__list-item:before {
color: #ff8c00;
}
/*
.news-block__list_dot .news-block__list-item:before {
display: inline-block;
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
background: #ff8c00;
margin-right: 5px;
vertical-align: middle;
}
*/
.news-block__list_photo {
margin: 30px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
left: 0;
text-align: center;
}
.news-block__list_photo .news-block__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 280px;
height: 280px;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 15px;
}
.news-block__list_photo .news-block__list-item:after {
display: block;
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
-webkit-transition: 0.25s opacity;
transition: 0.25s opacity;
opacity: 0;
}
.news-block__list_photo .news-block__list-item:hover:after {
border: 3px solid #ff8c00;
opacity: 1;
}
.news-block__button {
display: none;
width: 32px;
height: 32px;
border-top: 2px solid #ff8c00;
position: absolute;
top: 50%;
}
.news-block__button_left {
border-left: 2px solid #ff8c00;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
left: -40px;
}
.news-block__button_right {
border-right: 2px solid #ff8c00;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
right: -40px;
}
.news-block__button:hover {
border-width: 3px;
}
.news-block__time {
color: #969696;
}
.news-block__link {
color: #ff8c00;
font-size: 16px;
line-height: 22px;
font-family: robotolight, Roboto, sans-serif;
}
.news-block__link:hover {
text-decoration: underline;
}
.news-block__photo {
/* max-height: 100%;
min-height: 100%; */
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:280px;
height:280px;
object-fit:cover;
}
.news-block__photo_1 {
max-height: 100%;
min-height: 100%;
padding-bottom: 20px;
}
@media screen and (max-width: 1200px) {
.news-block__list_photo .news-block__list-item {
/* width: 110px;
height: 110px; */
}
}
@media screen and (max-width: 1023px) {
.news-block__img {
margin-bottom: 10px;
}
.news-block__content {
margin-bottom: 25px;
}
.news-block__list_photo .news-block__list-item {
/* width: 100px;
height: 100px; */
}
}
@media screen and (max-width: 767px) {
.news-block {
padding-top: 20px;
}
.news-block__img {
max-width: 100%;
}
.news-block__list_photo .news-block__list-item {
/* width: 70px;
height: 70px;
margin-right: 10px; */
}
}
.news-main {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 56px;
padding-bottom: 48px;
}
.news-main__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;
margin-bottom: 23px;
width: 102%;
margin-right: -2%;
}
.news-main__list-item {
width: 300px;
margin-bottom: 74px;
margin-right: 2%;
}
.news-main__img-wrapper {
margin-bottom: 21px;
}
.news-main__img {
max-width: 100%;
}
@media (min-width: 767px) {
.news-main__img { width: 100%;
height: 195px;
object-fit: cover;
object-position: center;
}
}
.news-main__link {
display: block;
color: #ff8c00;
font: 400 16px/24px roboto, Roboto, sans-serif;
margin-bottom: 13px;
}
.news-main__link:hover {
text-decoration: underline;
}
.news-main__date {
display: block;
color: #9a9a9a;
font-size: 14px;
margin-bottom: 18px;
font: 400 16px/24px roboto, Roboto, sans-serif;
}
.news-main__text {
font: 400 16px/24px roboto, Roboto, sans-serif;
}
@media screen and (max-width: 1350px) {
.news-main__list {
width: 101%;
margin-right: -1%;
}
.news-main__list-item {
margin-right: 1%;
}
}
@media screen and (max-width: 1320px) {
.news-main__list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 767px) {
.news-main {
padding-top: 20px;
}
.news-main__list-item {
width: auto;
max-width: 100%;
margin-bottom: 20px;
border-bottom: #f1f1f1 1px solid;
padding-bottom: 20px;
}
.news-main__img-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 33%;
height: auto;
margin-right: 15px;
margin-bottom: 0;
float: left;
}
}
.news {
background-color: #f1f1f1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 60px;
padding-bottom: 60px;
}
.news__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin-bottom: 35px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.news__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 80px;
margin-bottom: 20px;
}
.news__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 215px;
}
.news__wrapper_img {
width: 80px;
overflow: hidden;
margin-right: 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 0;
height: 100%;
}
.news__date {
font-family: robotolight, Roboto, sans-serif;
color: #9a9a9a;
font-size: 13px;
margin-bottom: 8px;
}
.news__text {
font-family: robotolight, Roboto, sans-serif;
font-size: 13px;
color: #ff8c00;
line-height: 18px;
max-height: 4em;
overflow: hidden;
}
.news__text:hover {
text-decoration: underline;
}
.news__more {
font-family: robotolight, Roboto, sans-serif;
font-size: 14px;
color: #ff8c00;
text-decoration: underline;
margin-left: auto;
}
.news__img {
max-height: 100%;
}
@media screen and (max-width: 1200px) {
.news__list {
margin-bottom: 20px;
}
.news__list-item {
display: none;
}
.news__list-item:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news__list-item:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 1023px) {
.news__list-item {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.news__wrapper {
width: calc(100% - 90px);
}
.news__wrapper_img {
width: 80px;
}
}
@media screen and (max-width: 767px) {
.news {
padding-top: 40px;
padding-bottom: 40px;
}
}
.opportunities {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding-top: 90px;
}
.opportunities > .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.opportunities__title {
font-size: 36px;
font-family: robotolight, Roboto, sans-serif;
padding-bottom: 60px;
width: 100%;
}
.opportunities__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
.opportunities__item {
margin-bottom: 30px;
box-sizing: content-box;
width: calc(33.3% - 40px);
padding-right: 40px;
}
.opportunities__item:last-child {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.opportunities__pic {
margin-bottom: 10px;
}
.opportunities__pic svg {
width: 50px;
height: 50px;
vertical-align: top;
}
.opportunities__name {
margin-bottom: 16px;
font: 400 18px/24px robotobold, Roboto, sans-serif;
font-weight: bold;
}
.opportunities__text {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.opportunities__buy-btn {
margin-top: 50px;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.opportunities__item {
width: 100%;
padding-right: 0;
}
}
.partners-main {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 60px;
padding-bottom: 60px;
}
.partners-main__list {
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;
margin-bottom: 23px;
}
.partners-main__list-item {
width: 48.93617021%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 75px;
}
.partners-main__img-wrapper {
overflow: hidden;
width: 140px;
min-width: 140px;
margin-right: 20px;
}
.partners-main__img {
max-width: 100%;
}
.partners-main__link {
display: block;
color: #ff8c00;
font-size: 16px;
line-height: 16px;
margin-bottom: 4px;
}
.partners-main__link:hover {
text-decoration: underline;
}
.partners-main__text {
font-size: 14px;
font-family: robotolight, Roboto, sans-serif;
line-height: 22px;
}
@media screen and (max-width: 1200px) {
.partners-main__list-item {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.partners-main {
padding-top: 20px;
}
.partners-main__list-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
border-bottom: #f1f1f1 1px solid;
padding-bottom: 20px;
}
.partners-main__img-wrapper {
margin-bottom: 10px;
margin-right: 0;
max-width: 100%;
}
}
.partners {
background-color: #f1f1f1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 50px;
padding-bottom: 50px;
}
.partners__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
width: 999999px;
}
.partners__list img {
flex: 0 0 auto;
max-height:60px;
}
.partners__list_center {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.partners__list_center .partners__list-item {
margin-right: 0;
}
.partners__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 40px;
position: relative;
}
.partners__wrapper {
overflow: hidden;
}
.partners__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 0;
}
.partners__link:hover .partners__logo {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.partners__logo {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.2s;
transition: 0.2s;
}
@media screen and (max-width: 1200px) {
.partners__list-item {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.partners {
padding-top: 40px;
padding-bottom: 20px;
}
}
.partnership {
width: 100%;
font-family: robotolight, Roboto, sans-serif;
}
.partnership__intro .container {
margin: auto;
padding-bottom: 80px;
}
@media screen and (max-width: 1340px) {
.partnership__intro-text {
width: 100%;
padding-right: 20px;
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px
}
}
@media screen and (min-width: 1341px) {
.partnership__intro-text {
max-width: 420px;
padding-right: 20px;
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px
}
}
.partnership__intro-img {
margin-top: -50px;
}
.partnership__intro-img img {
max-width: 100%;
}
.partnership__products {
background-size: cover;
background-image: url(/bitrix/templates/empty/img/partnership-bg.jpg);
background-position: center center;
padding: 90px 0 80px;
color: #fff;
}
.partnership__products .container {
margin: auto;
}
.partnership__emphasized-text {
font-weight: bold;
}
.partnership__products-text {
font: 400 16px/24px roboto, Roboto, sans-serif;
}
.partnership__products-text p {
font: 400 16px/24px roboto, Roboto, sans-serif;
margin-bottom: 30px;
}
.partnership__products-text p:last-child {
margin-bottom: 0;
}
.partnership__cloud {
padding: 80px 0;
}
.partnership__cloud .container {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.partnership__cloud-text {
max-width: 400px;
font-size: 16px;
line-height: 22px;
padding-left: 20px;
}
.partnership__cloud-text p {
margin-bottom: 30px;
}
.partnership__cloud-text p:last-child {
margin-bottom: 0;
}
.partnership__cloud-img img {
max-width: 100%;
}
.partnership__form {
text-align: center;
background-color: #f1f1f1;
padding: 50px 0 90px;
}
.partnership__form-text {
margin-bottom: 40px;
padding: 0 20px;
}
.partnership__form-footer {
margin-top: 15px;
padding: 0 20px;
font-size: 14px;
}
.partnership__form-title {
font-size: 24px;
line-height: 1.5;
margin-bottom: 10px;
font-family: robotolight, Roboto, sans-serif;
}
.partnership__form-subtitle {
font-size: 14px;
line-height: 20px;
max-width: 300px;
margin: auto;
margin-bottom: 25px;
}
.partnership__form-container {
background-color: #fff;
padding: 50px;
max-width: 600px;
margin: auto;
}
.partnership__form-notice {
margin-top: 10px;
}
.partnership__asterisk {
color: #ff8c00;
}
@media (max-width: 1365px) {
.partnership__intro .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.partnership__intro-img {
margin-top: 0;
}
}
@media (max-width: 767px) {
.partnership__intro .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.partnership__intro-text {
padding-right: 0;
margin-bottom: 40px;
}
.partnership__cloud .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.partnership__cloud-img {
padding-bottom: 20px;
}
.partnership__form-container {
padding: 20px;
}
}
.popup {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65);
-webkit-transition: 0.4s;
transition: 0.4s;
opacity: 1;
}
.popup_hidden {
opacity: 0;
z-index: -1;
}
.popup__body {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup__close {
width: 50px;
height: 50px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: -50px;
right: -50px;
}
.popup__close:before,
.popup__close:after {
position: absolute;
display: block;
content: '';
background: #ff8c00;
}
.popup__close:before {
height: 100%;
width: 2px;
top: 0;
left: 50%;
margin-left: -1px;
}
.popup__close:after {
width: 100%;
height: 2px;
left: 0;
top: 50%;
margin-top: -1px;
}
.popup__close:hover:before,
.popup__close:hover:after {
background: #ffa333;
}
@media screen and (max-width: 767px) {
.popup__close {
right: 0;
}
.popup__close_slider {
top: 0;
}
}
@media screen and (max-width: 479px) {
.popup__close_slider {
top: -50px;
}
}
.product {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 47px;
padding-bottom: 117px;
font-size: 14px;
line-height: 22px;
font-family: robotolight, Roboto, sans-serif;
}
.product__title {
font-size: 16px;
line-height: 24px;
margin-bottom: 24px;
font-family: robotoregular, Roboto, sans-serif;
}
.product__title_orange {
color: #ff8c00;
}
.product__group {
margin-bottom: 44px;
width: 100%;
}
.product__group_img {
margin-bottom: 0;
padding: 0 25px 16px;
}
.product__img {
margin-right: 43px;
}
.product__list_dot .product__list-item {
position: relative;
}
.product__list_dot .product__list-item:before {
display: inline-block;
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
background: #ff8c00;
margin-right: 5px;
vertical-align: middle;
}
.product__list_number .product__list-item:before {
color: #ff8c00;
}
.product__description {
margin-bottom: 22px;
}
@media screen and (max-width: 1023px) {
.product {
padding-bottom: 50px;
}
.product__group_img {
padding: 0 0 44px;
}
}
.resolve {
background-color: #ff8c00;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 45px;
padding-bottom: 45px;
}
.resolve__info {
color: white;
}
.resolve__title {
font-size: 24px;
line-height: 26px;
font-family: robotobold, Roboto, sans-serif;
}
.resolve__text {
font-size: 16px;
line-height: 26px;
font-family: robotolight, Roboto, sans-serif;
}
@media screen and (max-width: 1200px) {
.resolve__info {
margin-bottom: 10px;
}
}
.safedrive {
position: relative;
background-color: #ffffff;
max-width: 511px;
width: 100%;
display: inline-block;
}
.safedrive__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 1;
}
.safedrive__item {
color: #ff8c00;
font-size: 12px;
max-width: 70px;
width: 0;
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
position: relative;
text-align: center;
padding-bottom: 15%;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.safedrive__item:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 70px;
width: 100%;
padding-bottom: 100%;
background-color: #ff8c00;
border-radius: 50%;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.safedrive__item_turn {
margin: 0 10px;
}
.safedrive__item_brake {
margin-left: -15px;
margin-right: 5px;
}
.safedrive__item_strap {
margin-right: -15px;
margin-left: 5px;
}
.safedrive__item_lights:after {
background-image: url('/bitrix/templates/empty/img/safedrive/lights.png');
background-size: 61.42857143% 61.42857143%;
}
.safedrive__item_lights {
margin-bottom: 93px;
}
.safedrive__item_strap:after {
background-image: url('/bitrix/templates/empty/img/safedrive/strap.png');
background-size: 60% 60%;
}
.safedrive__item_strap {
margin-bottom: 163px;
}
.safedrive__item_time:after {
background-image: url('/bitrix/templates/empty/img/safedrive/time.png');
background-size: 57.14285714% 57.14285714%;
}
.safedrive__item_time {
margin-bottom: 200px;
}
.safedrive__item_turn:after {
background-image: url('/bitrix/templates/empty/img/safedrive/turn.png');
background-size: 57.14285714% 57.14285714%;
}
.safedrive__item_turn {
margin-bottom: 221px;
}
.safedrive__item_accel:after {
background-image: url('/bitrix/templates/empty/img/safedrive/accel.png');
background-size: 70% 52.85714286%;
}
.safedrive__item_accel {
margin-bottom: 200px;
}
.safedrive__item_brake:after {
background-image: url('/bitrix/templates/empty/img/safedrive/brake.png');
background-size: 70% 54.28571429%;
}
.safedrive__item_brake {
margin-bottom: 163px;
}
.safedrive__item_speed:after {
background-image: url('/bitrix/templates/empty/img/safedrive/speed.png');
background-size: 57.14285714% 48.57142857%;
}
.safedrive__item_speed {
margin-bottom: 93px;
}
.safedrive__bg {
background-image: url(/bitrix/templates/empty/img/safedrive/bg.png);
height: 244px;
width: 444px;
position: absolute;
z-index: 0;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.safedrive__pic {
margin-top: -50px;
position: absolute;
z-index: 2;
bottom: 0;
}
.safedrive__img {
vertical-align: top;
max-width: 100%;
}
@media (max-width: 1365px) {
.safedrive {
max-width: none;
padding-bottom: 30px;
}
.safedrive__bg {
display: none;
}
.safedrive__pic {
display: none;
}
.safedrive__items {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.safedrive__item {
margin: 5px 0;
padding-bottom: 0;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-right: 10px;
text-align: left;
}
.safedrive__item:after {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
position: static;
padding: 0;
width: 70px;
height: 70px;
display: inline-block;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.safedrive__item-text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media (max-width: 767px) {
.safedrive__item {
width: 50%;
}
.safedrive__item:after {
width: 40px;
height: 40px;
}
}
.search-result {
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 56px;
padding-bottom: 48px;
}
.search-result__list-item {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: #f1f1f1 1px solid;
}
.search-result__list-item:last-child {
border-bottom: none;
}
.search-result__section-link {
display: inline-block;
color: #9a9a9a;
font-size: 14px;
margin-bottom: 20px;
font-family: robotolight, Roboto, sans-serif;
text-decoration: none;
}
.search-result__section-link:hover {
text-decoration: underline;
}
.search-result__link {
color: #f57b27;
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
text-decoration: none;
display: block;
}
.search-result__link:hover {
text-decoration: underline;
}
.search-result__link .search-result__orange {
color: white;
}
.search-result__text {
font-size: 14px;
font-family: robotolight, Roboto, sans-serif;
line-height: 20px;
}
.search-result__info {
margin-bottom: 45px;
line-height: 30px;
}
.search-result__orange {
background: #ff8c00;
}
.slider {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slider__list {
position: relative;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 650px;
}
.slider__list1 {
position: relative;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 300px;
width: 300px;
margin: 0px 0px 0px 5px !important;
padding: 0px !important;
}
.slider__news {
position: relative;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 20px 0px 20px 0px !important;
padding: 0px !important;
}
.slider__list-item {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.slider__list-item_active {
opacity: 1;
visibility: visible;
}
.slider__img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slider__content {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 200px;
background: rgba(0, 0, 0, 0.55);
}
.slider__title {
font-size: 46px;
font-family: robotobold, Roboto, sans-serif;
line-height: 50px;
margin-bottom: 30px;
}
.slider__text {
font-size: 16px;
margin-bottom: 35px;
text-shadow: 0 0 13px #000000;
font-family: robotolight, Roboto, sans-serif;
}
.slider__wrapper {
width: 53.19148936%;
z-index: 1;
}
.slider__pagination {
position: absolute;
bottom: 57px;
left: 0;
right: 0;
text-align: center;
cursor: default;
z-index: 1;
margin: 0px !important;
}
.slider__pagination-item {
width: 14px;
height: 14px;
border: 1px solid white;
border-radius: 50%;
margin-left: 15px !important;
margin-right: 15px!important;
display: inline-block;
cursor: pointer;
-webkit-transition: 0.4s background;
transition: 0.4s background;
}
.slider__pagination-item:hover {
border-width: 2px;
}
.slider__pagination-item_active {
background: white;
}
.slider__button {
width: 32px;
height: 32px;
border-top: 2px solid white;
position: absolute;
top: 50%;
}
.slider__button_left {
border-left: 2px solid white;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
left: 9.3704246%;
}
.slider__button_right {
border-right: 2px solid white;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
right: 9.3704246%;
}
.slider__button:hover {
border-width: 3px;
}
.slider_feed {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.slider_feed .slider__list {
height: 210px;
}
.slider_feed .slider__button {
border-color: #ff8c00;
}
.slider_feed .slider__button_left {
left: -9.04255319%;
}
.slider_feed .slider__button_right {
right: -9.04255319%;
}
.slider_feed .slider__pagination {
bottom: -80px;
}
.slider_feed .slider__pagination-item {
border-color: #ff8c00;
}
.slider_feed .slider__pagination-item_active {
background: #ff8c00;
}
.slider_feed1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.slider_feed1 .slider__list1 {
height: 210px;
}
.slider_feed1 .slider__button {
border-color: #ff8c00;
}
.slider_feed1 .slider__button_left {
left: -9.04255319%;
}
.slider_feed1 .slider__button_right {
right: -9.04255319%;
}
.slider_feed1 .slider__pagination {
bottom: -80px;
}
.slider_feed1 .slider__pagination-item {
border-color: #ff8c00;
}
.slider_feed1 .slider__pagination-item_active {
background: #ff8c00;
}
.slider_news {
width: 940px;
}
.slider_news .slider__content {
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
}
.slider_news .slider__button {
border-color: #ff8c00;
}
.slider_news .slider__button_left {
left: -50px;
}
.slider_news .slider__button_right {
right: -50px;
}
.slider_news .slider__pagination {
bottom: 30px;
}
.slider_news .slider__img {
max-width: 100%;
max-height: 100%;
}
.slider_product {
width: 100%;
margin-top: 31px;
}
.slider_product .slider__content {
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
}
.slider_product .slider__list {
height: 500px;
}
.slider_product .slider__list1 {
height: 500px;
}
.slider_product .slider__pagination {
display: none;
}
.slider_product .slider__button {
border-color: #ff8c00;
}
.slider_product .slider__button_left {
left: -8.72340426%;
}
.slider_product .slider__button_right {
right: -8.72340426%;
}
@media screen and (max-width: 1200px) {
.slider__list {
height: 550px;
}
.slider__list1 {
height: 550px;
}
.slider__content {
padding-top: 0;
-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;
}
.slider__wrapper {
width: 100%;
}
.slider_news {
width: 730px;
}
}
@media screen and (max-width: 1023px) {
.slider__list {
height: 450px;
}
.slider__list1 {
height: 450px;
}
.slider__button {
display: none;
}
.slider_feed .slider__list {
height: 250px;
}
.slider_feed .slider__pagination {
bottom: -30px;
}
.slider_feed1 .slider__list1 {
height: 250px;
}
.slider_feed1 .slider__pagination {
bottom: -30px;
}
.slider__pagination {
bottom: 30px;
}
.slider_news {
width: 620px;
}
.slider_news .slider__list {
height: 500px;
}
.slider_news .slider__list1 {
height: 500px;
}
.slider_product {
margin-top: 0;
}
.slider_product .slider__list {
height: 400px;
}
.slider_product .slider__list1 {
height: 400px;
}
}
@media screen and (max-width: 767px) {
.slider__list {
height: 400px;
}
.slider__list1 {
height: 400px;
}
.slider__title {
font-size: 40px;
margin-bottom: 20px;
}
.slider_feed .slider__pagination {
bottom: -20px;
}
.slider_feed1 .slider__pagination {
bottom: -20px;
}
.slider__pagination {
bottom: 10px;
}
.slider__content {
padding-bottom: 35px;
}
.slider__text {
margin-bottom: 20px;
}
.slider_news {
width: 450px;
height: 300px;
}
.slider_news .slider__list {
height: auto;
}
.slider_news .slider__list1 {
height: auto;
}
.slider_news .slider__pagination {
bottom: 10px;
}
}
@media screen and (max-width: 479px) {
.slider_news {
width: 300px;
height: 200px;
}
}
.socials {
margin-bottom: 10px;
}
.socials__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.socials__link {
display: block;
margin-right: 10px;
}
.socials__link_vk {
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: 0px 0px;
width: 27px;
height: 27px;
}
.socials__link_fb {
background-image: url(/bitrix/templates/empty/img/sprite.png);
background-position: -97px 0px;
width: 27px;
height: 27px;
}
.solutions {
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
padding-top: 45px;
}
.solutions__intro {
margin-bottom: 70px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.solutions__intro-title {
text-transform: uppercase;
font-weight: bold;
width: 40%;
letter-spacing: .05em;
font-size: 18px;
line-height: 1.5;
padding-right: 20px;
}
.solutions__intro-text {
border-left: 3px solid #ff8c00;
width: 60%;
padding-left: 20px;
font-size: 14px;
line-height: 1.5;
font-family: robotolight;
}
.solutions__cards-wrapper {
background-color: #f1f1f1;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 50px;
padding-bottom: 30px;
}
@media (max-width: 767px) {
.solutions__intro {
margin-bottom: 40px;
}
.solutions__intro .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.solutions__intro-title {
width: 100%;
margin-bottom: 30px;
}
.solutions__intro-text {
width: 100%;
}
}
.stats-table {
background-color: #ff8c00;
color: #ffffff;
font-size: 14px;
padding: 15px 30px 15px 50px;
position: relative;
font-weight: 100;
z-index: 1;
font-family: robotolight;
}
.stats-table:before {
content: '';
background-image: url('/bitrix/templates/empty/img/stats-table-icon.png');
position: absolute;
left: 15px;
top: 20px;
width: 19px;
height: 19px;
}
.stats-table:after {
content: '';
z-index: -1;
left: -16px;
top: 15px;
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
border-top: 20px solid transparent;
border-left: 15px solid #ff8c00;
border-bottom: 30px solid transparent;
position: absolute;
}
.stats-table td:first-child {
padding-right: 10px;
}
.stats-table__title {
font-weight: bold;
font-family: robotobold;
}
.stats-table__pb {
padding-bottom: 15px;
}
.stats-table_tachograph {
left: 40%;
top: -15%;
position: absolute;
min-width: 280px;
}
.stats-table_fuel-control {
min-width: 300px;
position: absolute;
top: 10%;
left: 40%;
}
.stats-table_route {
min-width: 260px;
position: absolute;
top: 10%;
left: 40%;
}
.stats-table_route:after {
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
border-left: none;
border-right: 15px solid #ff8c00;
left: 10px;
top: 75%;
}
.stats-table_route:before {
background-image: url('/bitrix/templates/empty/img/info.svg');
background-repeat: no-repeat;
}
@media (max-width: 1349px) {
.stats-table_tachograph {
left: 50%;
top: -100px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.stats-table_tachograph:after {
-webkit-transform: none;
transform: none;
border-bottom: none;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 20px solid #ff8c00;
left: 50%;
margin-left: -5px;
top: 100%;
}
.stats-table_fuel-control {
min-width: 260px;
top: -10%;
left: 33%;
}
.stats-table_route {
top: auto;
bottom: 10px;
left: 0;
}
.stats-table_route:after {
content: none;
}
}
@media (max-width: 767px) {
.stats-table_fuel-control {
left: 50%;
top: -130px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.stats-table_fuel-control:after {
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
border-bottom: none;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 40px solid #ff8c00;
left: 30%;
margin-left: -5px;
top: 90%;
}
}
.stats {
padding-top: 80px;
padding-bottom: 80px;
background-color: white;
vertical-align: top;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.stats__img {
width: 52.45901639%;
max-width: 100%;
}
.stats__info {
display: inline-block;
width: 47.54098361%;
vertical-align: top;
padding-left: 30px;
margin-bottom: 70px;
}
.stats__text {
font-size: 16px;
line-height: 22px;
margin-bottom: 27px;
font-weight: normal;
}
.stats__main {
color: #ff8c00;
margin-bottom: 5px;
}
.stats__strong {
color: #ff8c00;
}
.stats__link {
color: #ff8c00;
font-weight: bold;
}
.stats__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-top: 1px solid #e8e8e8;
padding-top: 60px;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.stats__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.stats__number {
white-space: nowrap;
font-size: 90px;
line-height: 90px;
color: #ff8c00;
text-align: center;
font-family: robotolight, Roboto, sans-serif;
}
.stats__description {
width: 185px;
text-align: center;
font-family: robotolight, Roboto, sans-serif;
font-size: 16px;
}
.stats__title {
color: #ff8c00;
font-size: 26px;
margin-bottom: 10px;
}
.stats__prefix {
color: #ff8c00;
}
.stats__prefix_before {
position: absolute;
left: -10px;
top: 5px;
font-size: 16px;
}
.stats__prefix_in {
font-size: 26px;
line-height: 26px;
}
.stats__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 1200px) {
.stats__img {
width: 50%;
}
.stats__info {
width: 50%;
}
.stats__number {
font-size: 72px;
}
.stats__description {
width: 150px;
}
.stats__title {
font-size: 20px;
}
}
@media screen and (max-width: 1023px) {
.stats__img {
width: auto;
margin-bottom: 15px;
}
.stats__info {
width: 100%;
padding: 0;
margin-bottom: 50px;
}
.stats__list {
padding-top: 50px;
}
.stats__list-item {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.stats {
padding-top: 40px;
padding-bottom: 40px;
}
.stats__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 25px;
}
.stats__list {
padding-top: 25px;
-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;
}
.stats__list-item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.stats__number {
font-size: 90px;
}
.stats__description {
width: 185px;
}
.stats__title {
font-size: 26px;
}
.stats__wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 479px) {
.stats__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.sub-nav {
background-color: #ff8c00;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.sub-nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
width: 100%;
padding: 5px 0px;
}
.sub-nav__list-item {
position: relative;
}
.sub-nav__list-item:before {
position: absolute;
display: block;
content: '';
width: 999999px;
height: 1px;
background-color: #e6ad85;
top: 100%;
left: 0;
}
.sub-nav__link {
color: black;
display: block;
padding: 8px 23px;
font-size: 14px;
}
.sub-nav__link_active,
.sub-nav__link:hover {
color: white;
}
@media screen and (max-width: 1023px) {
.sub-nav {
display: none;
}
}
.support {
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 90px 0;
}
.support > .container {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.support__square {
display: block;
padding: 44px 0;
text-align: center;
background-color: #ff8c00;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
-webkit-transition: all .2s;
transition: all .2s;
}
.support__square:hover {
background-color: #dd7b03;
}
.support__pic {
background-color: #ffffff;
border-radius: 50%;
width: 53%;
margin: auto;
margin-bottom: 28px;
position: relative;
}
.support__pic:after {
content: '';
display: block;
width: 100%;
padding-bottom: 100%;
}
.support__img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 10px;
max-width: 100%;
}
.support__text {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
padding: 0 20px;
font-size: 18px;
font-weight: bold;
}
@media (max-width: 767px) {
.support {
padding: 20px 0;
}
.support > .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.support__square {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 20px;
}
.support__pic {
width: 160px;
}
}
.title {
font: 600 36px/40px robotolight, Roboto, sans-serif;
color: #ff8c00;
margin: 30px 0px;
padding: 0px;
text-align: left;
display: block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 100%;
}
.title_left {
-ms-flex-item-align: start;
align-self: flex-start;
line-height: 50px;
width: 31.91489362%;
margin-bottom: 30px;
}
.title_news {
margin-bottom: 60px;
}
.title_orange {
color: #ff8c00;
}
.title_white {
color: white;
}
.title_calc {
margin-bottom: 30px;
}
.title_news-block {
color: #ff8c00;
font-family: robotolight, Roboto, sans-serif;
margin-bottom: 40px;
}
.title_news-main {
color: #ff8c00;
margin-bottom: 56px;
}
.title_product {
margin-bottom: 46px;
}
.title_feed {
margin-bottom: 57px;
}
.title_partners-main {
margin-bottom: 47px;
}
.title_equipment {
margin-bottom: 0;
}
.title_marginless {
margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
.title_left {
width: auto;
}
}
@media screen and (max-width: 1023px) {
.title {
margin-bottom: 55px;
}
.title_calc {
margin-bottom: 20px;
}
.title_equipment {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.title {
margin-bottom: 40px;
}
.title_news-block {
font-size: 40px;
line-height: 40px;
}
.title_equipment {
margin-bottom: 0;
font-size: 43px;
}
.title_adaptive {
font-size: 30px;
}
.title_marginless {
margin-bottom: 0;
}
}
.why-us {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
background-color: #f1f1f1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 80px;
padding-bottom: 80px;
}
.why-us__title {
margin-bottom: 60px;
font: 400 36px/40px robotolight, Roboto, sans-serif;
}
.why-us__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.why-us__head {
font: 400 16px/22px robotoregular, Roboto, sans-serif;
min-height: 3em;
margin-bottom: 5px;
}
.why-us__item {
-ms-flex-preferred-size: 275px;
flex-basis: 275px;
}
.why-us__icon {
height: 60px;
margin-bottom: 15px;
}
.why-us__icon svg {
vertical-align: top;
height: 60px;
}
.why-us__text {
/* font: 400 14px/20px robotolight, Roboto, sans-serif; */
font: 400 16px/24px roboto, Roboto, sans-serif;
}
@media screen and (max-width: 1365px) {
.why-us__item {
padding-right: 20px;
}
}
@media screen and (max-width: 767px) {
.why-us {
padding-top: 40px;
padding-bottom: 40px;
}
.why-us__items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.why-us__item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin-bottom: 40px;
}
.why-us__head {
min-height: 0;
margin-bottom: 10px;
}
}
#russia {
width: 1000px;
-webkit-column-width: 160px;
-moz-column-width: 160px;
column-width: 160px;
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
-webkit-column-gap: 35px;
-moz-column-gap: 35px;
column-gap: 35px;
font-family: 'robotolight';
margin: 30px -35px 100px 0px;
}
#russia ul {
margin-bottom: 20px;
font-size: 11pt;
line-height: 18pt;
}
#russia ul li a {
color: black;
}
@media only screen and (min-width: 1371px) {
.sub-nav__list-item-1 {
text-align: left;
margin: 0px;
padding: 0px;
white-space: nowrap;
}
.sub-nav__list-item-1:nth-child(3n+1) {
width: 344px;
}
.sub-nav__list-item-1:nth-child(3n+2) {
width: 254px;
}
.sub-nav__list-item-1:nth-child(3n+3) {
width: 342px;
}
}
@media only screen and (max-width: 1370px) {
.sub-nav__list-item-1 {
text-align: left;
margin: 0px;
padding: 0px;
white-space: nowrap;
width: 50%;
}
}
.news-block__list_circle {
margin-left: 40px;
margin-bottom: 0px;
}
.news-block__list_circle li {
list-style-type:circle !important; /* Убираем маркеры у списка */
line-height: 1.2;
}
/*.news-block__list_circle li:before {
content: "- "; /* Добавляем в качестве маркера символ */
/* color: #ff8c00;
font-weight: bold;
}*/
.indent_ok {
margin: 0px 0px 20px 15px;
}
.indent_ok li
{
font: 400 16px/24px roboto, Roboto, sans-serif;
list-style-type: disc;
list-style-position: inside;
text-indent: -24px;
padding-left: 10px;
margin: 0px 0px;
}
.j12 {
text-align: justify;
font: 400 16px/24px roboto, Roboto, sans-serif;
}
.l14 {
text-align: left;
font: 400 16px/24px roboto, Roboto, sans-serif;
}
.j14 {
text-align: left;
font: 400 16px/24px roboto, Roboto, sans-serif;
margin: 0px 0px 10px 0px;
}
.c14 {
text-align: center;
font-size: 14pt;
font-weight: bold;
height: 70px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
@media only screen and (max-width: 1370px) {
.w550 {
max-width: 450px;
}
}
@media only screen and (min-width: 1371px) {
.w550 {
max-width: 550px;
}
}
.wh300 {
width: 300px;
height: 300px;
margin-bottom: 20px;
}
.wh300 ul.slider__list1 li {
display: flex;
}
.wh300 ul.slider__list1 li a {
margin: auto;
}
.wh300 ul.slider__list1 li a img {
max-width: 300px;
max-height: 300px;
}
.wh177 {
width: 300px;
height: 177px;
margin-bottom: 20px;
}
.wh177 ul.slider__list1 li {
display: flex;
}
.wh177 ul.slider__list1 li a {
margin: auto;
}
.wh177 ul.slider__list1 li a img {
max-width: 300px;
max-height: 177px;
}
@media only screen and (max-width: 767px) {
.order2 {
order: 1;
}
.w550 {
order: 0;
}
}
.fleximg {
width: 100%;
max-width: 1000px;
margin: 20px auto;
}
#imgimg {
width:100%;
}
#conteiner {
position: relative;
width: 100%;
margin: 30px auto;
}
.conteiner {
position: relative;
margin: 0px auto;
}
#iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.buttons {
display: flex;
flex-wrap: wrap;
margin: 20px auto;
max-width: 940px;
width: 100%;
justify-content: space-around;
z-index:2;
}
.buttons div {
width: 240px;
font-size: 14px;
margin: 20px;
}
.buttons div button {
width: 260px;
margin: 0px;
}
.else {
padding: 20px 0px 0px 0px;
margin: 0px;
color: black;
}
.else div {
width: 340px;
text-align: center;
font: 400 16px/24px roboto, Roboto, sans-serif !important;
margin: 0px 0px;
}
.else div img {
width: 320px;
}
.else div div {
font: 600 16px/24px roboto, Roboto, sans-serif !important;
margin: 20px 0px;
text-align: center;
min-height: 2em;
line-height: 14pt;
padding: 0px;
}
.else div p {
font: 400 16px/24px roboto, Roboto, sans-serif !important;
text-align: center;
min-height: 6em;
text-indent: 0px;
margin: 0px;
padding: 0px;
}
.else div a button {
width: 250px;
margin: 0px;
}
.else-block__img {
max-width: 460px;
max-height: 300px;
border-radius: 0;
margin-right: 20px;
}
.else-block_slider {
display: flex;
flex-wrap: wrap;
}
.else-left div div {
font-weight: bold;
font-size: 15pt;
margin: 20px 0px;
text-align: left;
line-height: 14pt;
}
.else-left div p {
font-size: 12pt;
text-align: left;
text-indent: 0px;
margin: 0px 0px 20px 0px;
padding: 0px;
}
@media screen and (max-width: 1299px) {
.else02 {
width: 100%;
text-align: center;
margin: 0px 0px 0px 0px;
}
}
@media screen and (min-width: 1300px) {
.else02 {
display: none;
}
}
@media screen and (max-width: 1299px) {
.else01 {
display: none;
}
}
.else1 {
width: 950px;
margin: 0px;
padding: 0px;
text-align: center;
font: 400 16px/24px roboto, Roboto, sans-serif !important;
color: black;
}
.else1 tr td {
padding: 0px;
}
.else1 tr td img {
width: 310px;
height: 202px;
object-fit: cover;
}
.else1 tr td:nth-child(odd) {
width: 310px;
}
.else1 tr td:nth-child(even) {
width: 10px;
}
.else1 tr:nth-child(2) td {
font-weight: bold;
font-size: 15pt;
padding: 20px 0px;
text-align: center;
min-height: 2em;
line-height: 14pt;
}
.else1 tr:nth-child(3) td {
font-size: 12pt;
text-align: center;
min-height: 6em;
text-indent: 0px;
margin: 0px;
padding: 10px;
vertical-align: top;
}
.else1 tr:nth-child(4) td {
text-align: center;
vertical-align: top;
}
.else1 tr td button,.else1 tr td a {
width: 250px;
margin: 10px 0px 60px 0px;
}
@media screen and (max-width: 1299px) and (min-width: 700px) {
.else_left_right {
display: block;
}
}
@media screen and (max-width: 699px) {
.else_left_right {
display: none;
}
.button_mail_hide {
text-align: center;
margin-top: 10px;
}
}
.bread {
margin-top: 20px;
font-family: robotolight, Roboto, sans-serif;
font-size: 12pt;
}
.bread a {
color: #ff8c00;
text-decoration: none;
font-weight: bold;
}
.bread a:hover {
text-decoration: underline;
}
.button_mail_hide {
display: inline-block;
border: 2px solid white;
padding: 12px 38px;
font-size: 16px;
line-height: 16px;
color: white;
text-transform: none;
background: transparent;
margin-bottom: 0px;
cursor:pointer;
}
.button_mail_hide:hover {
background: white;
color: #ff8c00;
border-color: white;
}
.brc a {
color: black!important;
text-decoration: underline!important;
}
.button_mail_hide {
}
@media screen and (max-width: 1000px) {
.news-block__list_photo {
text-align: center;
width: 100%;
}
.news-block__list-item {
margin-left: auto!important;
margin-right: auto!important;
margin-bottom: 20px;
}
}
.tips-hover {
cursor: help;
border-bottom: 1px dashed gray;
}
.tips-none {
position: fixed !important;
max-width: 600px;
background: rgb(255 140 0);
padding: 15px;
color: #fff;
-webkit-box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.4);
border-radius: 3px;
display: none;
margin-right: 25px !important;
font-size: 12px !important;
line-height: 18px !important;
}
.tips-none:before {
content:'';
background: rgb(255 140 0);
position:absolute;
dispay:block;
width:15px;
height:15px;
transform: rotate(45deg);
top:-8px;
left:calc(50% - 15px);
}
@media screen and (max-width: 800px) {
.tips-none:before {
content:'';
background: rgb(255 140 0);
position:absolute;
dispay:block;
width:15px;
height:15px;
transform: rotate(45deg);
top:-8px;
left:calc(50% - 15px);
}
}
.comment-news {
display: flex;
align-items: center;
font-style: italic;
max-width: 900px;
margin: 31px 0 20px 20px;
}
.comment-news p{
}
.comment-news img{
max-width: 120px;
margin-right: 15px;
}
.table-news {
margin: 20px 0;
}
.table-news tr{
}
.table-news td {
border: 1px solid #000;
padding: 5px 10px;
}
.table-news td b{
display: block;
width: 100%;
padding: 0 40px;
text-align: center;
white-space: nowrap;
}
/*-----------------------приложение---------------------------------*/
.feedback.custom {
padding-top: 30px;
}
.container-sldr {position:relative}
.container-sldr > * {
width:100%;
}
.container-sldr h1 {
text-align: center;
margin: 10px 0;
font-weight: 100;
font-size: 34px;
}
.container-sldr h1 + p {text-align: center;}
.params_block {
display: flex;
justify-content: space-between;
}
.params_block .params_block_item {
width: calc(25% - 13px);
padding: 14px;
border: 1px solid #E6E9ED;
border-radius: 14px;
color: #4D4D4D;
font-size: 13px;
}
.params_block .params_block_item .params_block_img {
height: 140px;
border: 1px solid #E6E9ED;
border-radius: 8px;
margin: auto;
padding: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.params_block .params_block_item .params_block_img img {
width: auto;
max-height: 90%;
}
.params_block .params_block_item .params_block_title {
font-weight: 600;
margin: 10px 0 15px;
}
.params_block .params_block_item .params_block_desc {
font-size: 12px;
}
.params_block ul,.params_block li {
list-style: inherit;
margin-left: 14px;
}
.one-click {
border-radius: 16px;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 30px;
margin: 50px 0 0;
background: url('/solutions/Mobile-App/img/one-click.jpg');
background-size: auto calc(100% - 50px);
background-repeat: no-repeat;
background-position: right 30px bottom 0;
width: 100%;
}
.one-click-content {
width: 100%;
max-width: 450px;
/* padding-right: 40px; */
color: #4D4D4D;
}
.one-click-title {font-size: 25px;
line-height: 30px;}
.one-click-content p {margin:10px 0}
.one-click-button {margin-top: 30px;}
.store-icons {display: inline-flex;
justify-content: space-between;}
.store-item + * {margin-left:5px}
.store-item img {height: 35px;
border-radius: 7px;
width: auto;
-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
}
.f-block {
width: 100%;
height: auto;
background: url('/upload/resize_cache/webp/testirovanie/img/div-wrapper.webp');
background-size: cover;
margin-top:50px;
margin-bottom: -150px;
position: relative;
}
.f-block .container {
margin: auto;
z-index:2;
position:relative;
}
.f-block .f-block-content {
max-width: 700px;
margin: 40px auto;
text-align: center;
}
.f-block .f-block-title {
font-size:26px;
color:#1E222B;
}
.f-block .f-block-text {
color: #4D4D4D;
margin-top: 30px;
max-width: 500px;
margin: 30px auto 0;
font-size: 15px;
}
.f-block-val-item {
background-repeat: no-repeat !important;
background-size: contain !important;
color: #fff;
font-size: 10px;
height: 20px;
display: flex;
align-items: center;
padding: 0px 10px 0 20px;
position: absolute;
line-height: 0;
border-radius: 10px;
z-index:1;
}
.f-block-val-item.red {
background: #B7E5B0;
top: 60px;
left: 20%;
color: #000;
}
.f-block-val-item.red:before {
position: absolute;
content: '';
background: #E2FFCB;
width: 10px;
height: 10px;
border-radius: 50%;
left: 6px;
}
.f-block-val-item.yelow {
top: 145px;
background: #FFDC84;
left: 10%;
color: #000;
}
.f-block-val-item.yelow:before {
position: absolute;
content: '';
background: #FFF0CB;
width: 10px;
height: 10px;
border-radius: 50%;
left: 6px;
}
.f-block-val-item.yelow-right {
background:#FFE8BA;
top: 60px;
right: 10%;
left: auto;
}
.f-block-val-item.yelow-right:before {
position: absolute;
content: '';
background: #FDF6E6;
width: 10px;
height: 10px;
border-radius: 50%;
left: 6px;
}
.f-block-val-item.rose {
background: #FF8C00;
left: 25%;
top: 210px;
}
.f-block-val-item.rose:before {
background: #FFDBBB;
position: absolute;
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
left: 6px;
}
.f-block-val-item.black {
background: #000;
top: 145px;
right: 20%;
left: auto;
}
.f-block-val-item.black:before {
background: #FFF;
position: absolute;
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
left: 6px;
}
.first-blc {position:relative;text-align:center;margin-top: 50px;overflow:hidden}
.first-blc:before {
left: 0;
content: '';
background: rgb(252 180 133 / 12%);
position: absolute;
width: 100%;
height: 940px;
border-radius: 50%;
bottom: -470px;
overflow: hidden;
}
.first-blc img[src="/solutions/Mobile-App/img/new-first.webp"] { width:calc(100% - 20px); max-width: 730px;
margin: auto;
display: block;
text-align: center;position: relative;}
.first-blc .store-icons {
position: absolute;
bottom: 15px;
right: 0;
}
.cntn-blc {text-align: center;
margin: 50px auto 20px;}
.cntn-blc h2 {}
@media screen and (max-width: 1023px) {
.f-block-val-item.red {
top: 60px;
left: 2%;
}
.f-block-val-item.yelow {
top: 145px;
left: 1%;
}
.f-block-val-item.yelow-right {
top: 60px;
right: 1%;
left: auto;
}
.f-block-val-item.rose {
left: 2.5%;
top: 210px;
}
.f-block-val-item.black {
top: 145px;
right: 2%;
left: auto;
}
.f-block-val-item.brown {
top: 210px;
right: 1.5%;
left: auto;
}
.f-block {
width: 100%;
height: auto;
background: url('/upload/resize_cache/webp/testirovanie/img/div-wrapper.webp');
background-size: cover;
margin-top: 50px;
margin-bottom: -80px;
position: relative;
}
@media screen and (max-width: 970px) {
.params_block .params_block_item {
width: calc(50% - 13px);
margin-bottom:20px;
}
.params_block {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.one-click-content {
width: 100%;
max-width: 571px;
}
.one-click {
background: none;
}
}
@media screen and (max-width: 500px) {
.params_block .params_block_item {
width: calc(100% - 10px);
margin-bottom:20px;
}
.params_block {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.store-item img {
height: 26px;
border-radius: 7px;
width: auto;
}
.one-click {
padding: 30px 10px;
}
.f-block {
width: 100%;
height: auto;
background: url('/upload/resize_cache/webp/testirovanie/img/div-wrapper.webp');
background-size: cover;
margin-top: 50px;
margin-bottom: -40px;
position: relative;
}
}
@media screen and (max-width: 810px) {
.f-block-val {
display: none ;
justify-content: space-between;
margin: 20px 10px 50px;
flex-flow: wrap;
}
.f-block-val > * {
position:relative;
min-width:150px;
}
}
@media screen and (min-width: 1024px) {
.header-nav__main-list {position:relative}
.header-nav__main-list-item[data-class] {
position: static;
}
.header-nav__main-list-item[data-class] .header-nav__sub-list {
width: 100%;
display: flex;
flex-flow: wrap;
-webkit-box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.3);
}
.header-nav__main-list-item[data-class] .header-nav__sub-list > li {
width:calc(50% - 20px);
}
}
.redinput {
border-color: red !important;
background: #ffd6d6;
}
.colvo-ts {
display:none;
color: red;
font-size: 11px;
position: relative;
top: -12px;
}
.redinput + .colvo-ts {display:block}
.main-hide {
font-size: 14px;
font-family: robotolight, Roboto, sans-serif;
line-height: 21px;
margin: 30px 0 0;
display:none;
}
.main-hide.active {display:block}
.main-hide h2 {margin: 15px 0;
font-weight: 600;}
.main-hide p { margin: 10px 0;}
.main-hide ul {list-style: disc; margin-left: 40px;}
.main-hide ul li {list-style: disc;}
.main-hide-open {
background: darkorange;
color: #fff;
font-size: 14px;
font-family: robotolight, Roboto, sans-serif;
padding: 5px 10px;
border-radius: 5px;
cursor: pointer;
}
.main-hide-open:before {content:'Подробнее'}
.main-hide.active + .main-hide-open:before {content:'Скрыть'}
/* End */
/* /bitrix/templates/empty/css/touchtouch.css?17396349842566 */
/* /static/fancybox3/dist/jquery.fancybox.min.css?173963500310428 */
/* /bitrix/templates/.default/components/bitrix/menu/new_menu/style.min.css?1739634984490 */
/* /bitrix/templates/empty/styles.css?174181817917102 */
/* /bitrix/templates/empty/template_styles.css?1754528676186340 */