/* Start:/bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1751190426507*/ input.search-suggest {} div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;} div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;} div.search-popup-row{background:#FFFFFF;} div.search-popup-row-active{background:#EEEEEE;} div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;} div.search-popup-el-cnt{text-align:right; float:right;} /* End */ /* Start:/bitrix/components/avtonavix/news.list/templates/avt_citiesList/style.css?1751190422162*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/components/bitrix/menu/templates/avt_horizontal_multilevel/style.min.css?17511904253715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/components/bitrix/menu/templates/avt_horizontal_multilevel/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/components/bitrix/menu/templates/avt_horizontal_multilevel/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/components/bitrix/menu/templates/avt_horizontal_multilevel/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/bitrix/templates/main/components/bitrix/menu/avtCommonFooter/style.min.css?1751190388490*/ 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/main/components/bitrix/menu/avtCommonFooter/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/components/avtonavix/news.list/templates/avt_footerContcts/style.css?1751190422162*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/main/styles.min.css?17511903882003*/ .slam-easyform{font:unset}.slam-easyform [class*=col-xs-]{padding-left:8px;padding-right:8px}@media (min-width:768px){.slam-easyform .modal-dialog{width:450px}}.slam-easyform .modal-content{padding:40px;border-radius:20px}.slam-easyform .modal-header{border-bottom:none}.slam-easyform .modal-header .close{position:absolute;right:15px;top:15px;margin-top:0}.slam-easyform .modal .modal-header .title{line-height:20px;width:100%;text-align:center;color:#212121;font-family:"PTSerifPro-Demi";font-size:16px}.slam-easyform .form-title{font-family:'PTSerifPro-Demi';color:#292929;font-size:1.125rem;line-height:1.5rem;margin-bottom:1.5rem}.slam-easyform .form-control{padding:8px 30px;text-align:center;width:100%;border:1px solid #00aced;border-radius:20px;margin-bottom:15px}.slam-easyform .form-control:hover{border:1px solid #fff;-webkit-box-shadow:0 0 10px 3px #b9e9fa;box-shadow:0 0 10px 3px #b9e9fa}.slam-easyform .form-control:focus::placeholder{color:#dfdede}.slam-easyform .form-control::-webkit-input-placeholder{color:gray;font-weight:400;font-size:14px;font-family:'PT Sans Regular'}.slam-easyform .form-control:focus::-webkit-input-placeholder{color:#dfdede}.slam-easyform .form-control:-moz-placeholder{color:gray;font-weight:400;font-size:14px;font-family:'PT Sans Regular'}.slam-easyform .form-control:focus:-moz-placeholder{color:#dfdede}.slam-easyform .form-control::-moz-placeholder{color:gray;font-weight:400;font-size:14px;font-family:'PT Sans Regular'}.slam-easyform .form-control:focus::-moz-placeholder{color:#dfdede}.slam-easyform .form-control:-ms-input-placeholder{color:gray;font-weight:400;font-size:14px;font-family:'PT Sans Regular'}.slam-easyform .form-control:focus:-ms-input-placeholder{color:#dfdede}.slam-easyform .btn{padding:9px 30px;text-align:center;display:inline-block;border:1px solid #00aced!important;border-radius:20px!important;font-size:.8125rem!important;background-color:#00aced!important;color:#fff!important;cursor:pointer}.text-center{text-align:center} /* End */ /* Start:/bitrix/templates/main/template_styles.css?1751190387345894*/ @charset "utf-8"; html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button { vertical-align: baseline; font-family: 'PT Sans Regular'; font-weight: inherit; border: none; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; } /* remember to define focus styles! */ :focus { outline: 0; } a { text-decoration: none; color: #383837; padding-bottom: 2px; } body { background: #fff; line-height: 1; color: #3b3b3e; font-size: 100%; position: relative; width: 100%; } ol, ul { list-style: none; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } /* remove possible quote marks (") from &
*/ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 } /* Flexboxgrid 6.3.1 */ .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem } .row { box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row.reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse } .col.reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse } .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-xs { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100% } .col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333% } .col-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667% } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333% } .col-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667% } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333% } .col-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667% } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333% } .col-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667% } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-xs-offset-1 { margin-left: 8.333% } .col-xs-offset-2 { margin-left: 16.667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.333% } .col-xs-offset-5 { margin-left: 41.667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.333% } .col-xs-offset-8 { margin-left: 66.667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.333% } .col-xs-offset-11 { margin-left: 91.667% } .start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center } .end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start } .middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center } .bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end } .around-xs { -ms-flex-pack: distribute; justify-content: space-around } .between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between } .first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1 } .last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1 } @media only screen and (min-width: 48em) { .container { width: 46rem } .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-sm { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100% } .col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333% } .col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667% } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333% } .col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667% } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333% } .col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667% } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333% } .col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667% } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-sm-offset-1 { margin-left: 8.333% } .col-sm-offset-2 { margin-left: 16.667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.333% } .col-sm-offset-5 { margin-left: 41.667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.333% } .col-sm-offset-8 { margin-left: 66.667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.333% } .col-sm-offset-11 { margin-left: 91.667% } .start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center } .end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start } .middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center } .bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end } .around-sm { -ms-flex-pack: distribute; justify-content: space-around } .between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between } .first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1 } .last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1 } } @media only screen and (min-width: 62em) { .container { width: 61rem } .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-md { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100% } .col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333% } .col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667% } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333% } .col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667% } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333% } .col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667% } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333% } .col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667% } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-md-offset-1 { margin-left: 8.333% } .col-md-offset-2 { margin-left: 16.667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.333% } .col-md-offset-5 { margin-left: 41.667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.333% } .col-md-offset-8 { margin-left: 66.667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.333% } .col-md-offset-11 { margin-left: 91.667% } .start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center } .end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start } .middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center } .bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end } .around-md { -ms-flex-pack: distribute; justify-content: space-around } .between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between } .first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1 } .last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1 } } @media only screen and (min-width: 75em) { .container { width: 71rem } .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-lg { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100% } .col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333% } .col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667% } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333% } .col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667% } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333% } .col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667% } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333% } .col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667% } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-lg-offset-1 { margin-left: 8.333% } .col-lg-offset-2 { margin-left: 16.667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.333% } .col-lg-offset-5 { margin-left: 41.667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.333% } .col-lg-offset-8 { margin-left: 66.667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.333% } .col-lg-offset-11 { margin-left: 91.667% } .start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start } .center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center } .end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end } .top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start } .middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center } .bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end } .around-lg { -ms-flex-pack: distribute; justify-content: space-around } .between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between } .first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1 } .last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1 } } @font-face { font-family: 'PT Sans Regular'; src: url('/bitrix/templates/desktop/fonts/PTSans-Regular.eot'); src: url('/bitrix/templates/desktop/fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/desktop/fonts/PTSans-Regular.woff') format('woff'), url('/bitrix/templates/desktop/fonts/PTSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSerifPro-Demi'; src: url('/bitrix/templates/desktop/fonts/PTSerifPro-Demi.eot'); src: url('/bitrix/templates/desktop/fonts/PTSerifPro-Demi.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/desktop/fonts/PTSerifPro-Demi.woff') format('woff'), url('/bitrix/templates/desktop/fonts/PTSerifPro-Demi.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSerifPro-Regular'; src: url('/bitrix/templates/desktop/fonts/PTSerifPro-Regular.eot'); src: url('/bitrix/templates/desktop/fonts/PTSerifPro-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/desktop/fonts/PTSerifPro-Regular.woff') format('woff'), url('/bitrix/templates/desktop/fonts/PTSerifPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'PTSerifPro-Demi'; src: url('/bitrix/templates/desktop/fonts/PTSans-Bold.eot'); src: url('/bitrix/templates/desktop/fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/desktop/fonts/PTSans-Bold.woff') format('woff'), url('/bitrix/templates/desktop/fonts/PTSans-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'PT Sans Italic'; src: url('/bitrix/templates/desktop/fonts/PTSans-Italic.eot'); src: url('/bitrix/templates/desktop/fonts/PTSans-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/desktop/fonts/PTSans-Italic.woff') format('woff'), url('/bitrix/templates/desktop/fonts/PTSans-Italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } .button { padding: 0.78125rem 1.25rem; font-size: 0.8125rem; background-color: #00aced; color: #fff; cursor: pointer; border-radius: 1.25rem; } .button:hover { background-color: #2fbef4; } .button:active { background-color: #0b98ce; } .button, .headerVideo, /*.section,*/ nav li a, nav .mega-dropdown, nav li ul, .blueFon, .imgFon, input, select, a, path, circle, .zakazPresentaion input::-webkit-input-placeholder, .arenda input::-webkit-input-placeholder, .owl-carousel .owl-nav svg, .headerSearch input::-webkit-input-placeholder, .blockVigoda input::-webkit-input-placeholder, .blockVigoda .b-custom-select, .b-custom-select__item, .fire, .review a, .svgBlock, .citiesSelect input::-webkit-input-placeholder, .readySolutions h2, .headerAuth p, .dModel h4 span.i div, .modelHints span.i div, .mHint .hintText, .bottomLinkA a, .sliderNext .butText, .sliderNext .butArrow, .sliderNext, .viewReview .butText, .viewReview .butArrow, .viewReview, .sliderGoTo li, .partCustom .boxLogo, .partButtons .owl-dot, .partLogo, .partTitle, .partText, .viewLicense, .viewLicense .butText, div.docInner, h3.docInner, .boxFile, .boxFileTitle, .pageLic .boxFile .boxFileSVG svg, .cities li, .footer a:after, .gpsCapabilities .box span:after, .contForm textarea, .newsPager li, .solDelitel span, .solDelitel .line:after, .solDelitel .line:before, .gpsCapabilities .box span, .wialonVozmognosti .box:hover p, .wialonVozmognosti .box:hover h4, .downloadWialon .applinks .col-xs img, .anotherA li, .catalogMenu li, .catalogItems .item, .logWebVersion.animate .owl-thumbs .col-xs:after, .pageViolation .row, .pageViolation p, textarea::-webkit-input-placeholder, .readySolutions li, .slideControls svg, .subscribeEdit input[type=text]::-webkit-input-placeholder, .subscribeForm input[type=text]::-webkit-input-placeholder { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s } .selectGroup input, .selectGroup select, .selectVid input, .selectVid select { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none } /* добавим горизонтальное и вертикальное центрирование центрирование */ .outer:before { content: ''; /*display: inline-block;*/ height: 100%; vertical-align: middle; } .inner { /*display: inline-block;*/ flex: 1; align-items: center; align-self: center; justify-content: center; text-align: center; } .outer { text-align: center; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10; align-items: center; align-self: center; justify-content: center; text-align: center; display: flex; flex-direction: row; } /* горизонтальное центрирование блока неизвестной ширины */ .navi { position: relative; width: 100%; } .navicontainer { position: relative; float: right; right: 50%; } .wrpr { position: relative; right: -50%; } .section { position: relative; } .hide { display: none; } .left { float: left; } .right { float: right; } .center, .alignCenter { text-align: center; } .alignJustify { text-align: justify; } .alignLeft { text-align: left; } .alignRight { text-align: right; } .clear:after, .bigMenu:after { content: ''; display: table; clear: both; } .absoluteCenter { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .centered { margin: 0 auto; } html, body { height: 100%; } .section.header { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 100vh; flex-direction: column; } .content { flex: 1; } body.anim .section.header { min-height: calc(100vh - 100px); height: calc(100vh - 100px); } body.anim .section.header { height: 100vh; } body.anim.hideLayout .section.header { height: 100vh; } .layout1000 { width: 62.5rem; margin: 0 auto; } .layout940 { width: 58.75rem; margin: 0 auto; } .mainZag { color: #292929 !important; font-family: "PTSerifPro-Regular" !important; font-size: 1.875rem !important; } .rH3 { color: #434142; font-size: 20px; font-family: "PTSerifPro-Demi"; line-height: 26px; } .catalogMon .rH3 { text-align: center; } .blockPlace { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100px; background-color: #212121; /*-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);*/ } .blockPlace img { width: 16px; float: left; max-height: 18px; margin-right: 10px; } .blockPlace p { font-size: 14px; float: left; } .blockPlace p span { border-bottom: 1px dotted #fff; cursor: pointer; } .blockPlace button { float: right; background-color: transparent; margin: 0 7px; cursor: pointer; } .blockPlace button.no { width: 17px; height: 18px; fill: #fff; } .blockPlace button.yes { width: 20px; height: 18px; fill: #fff; } .blockPlace .baloon { color: #fff; background-color: #00aced; border-radius: 5px; float: right; margin-top: 20px; margin-right: 50px; padding: 17px 24px; line-height: 18px; display: inline-block; position: relative; } .blockPlace .baloon:before { content: ''; background: no-repeat url("/bitrix/templates/desktop/svg/Blue_triangle.svg"); background-size: cover; width: 35px; height: 30px; position: absolute; bottom: -20px; right: 30%; z-index: 10; } /*body.anim .blockPlace {animation: placeBottom 0.5s linear forwards;animation-delay:0s;} body.anim .layout{animation: move 0.5s linear forwards;animation-delay:0s;}*/ body.anim .layout { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } body.anim .blockPlace { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); display: block; } body.anim.hideLayout .layout { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } body.anim.hideLayout .blockPlace { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } body .layout { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } body .blockPlace { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); display: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none } @-webkit-keyframes placeBottom { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } 50% { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } to { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes placeBottom { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } 50% { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } to { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes hide { from { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } to { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } } @keyframes move { from { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } to { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } } @keyframes moveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } 50% { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } to { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } .sectionWrap { width: 1175px; margin: 0 auto; } .sectionWrapSmall { width: 1000px; margin: 0 auto; } .sectionWrapMob { width: 1170px; margin: 0 auto; } /*.header {height:100vh;min-height:calc(700px + 165px);}*/ .headerTop { height: 93px; } .headerLogo { float: left; width: 310px; height: 90px } .headerLogo svg { width: 200px; height: 76px; margin-top: 7px; } .headerLogo svg .st0 { fill-rule: evenodd; clip-rule: evenodd; fill: #0F58A7; } .headerLogo svg .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #00ADEE; } .headerSearch { float: left; padding-top: 27px; width: calc(100% - 310px - 180px); max-width: 489px; } .headerSearch input { border: 1px solid #ebebeb; padding: 9px 45px 9px 15px; font-size: 14px; color: #0f57a7; border-radius: 20px; width: 100%; max-width: 100%; } .headerSearch input:hover, .headerSearch input:focus { max-width: 100%; } .headerSearch input:hover, .headerSearch input:focus { border: 1px solid #fff; -webkit-box-shadow: 0 0 10px 3px #b9e9fa; box-shadow: 0 0 10px 3px #b9e9fa } .headerSearch input:focus::placeholder { color: #dfdede; } .headerSearch input::-webkit-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .headerSearch input:focus::-webkit-input-placeholder { color: #dfdede; } /* Firefox < 19 */ .headerSearch input:-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .headerSearch input:focus:-moz-placeholder { color: #dfdede; } /* Firefox > 19 */ .headerSearch input::-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .headerSearch input:focus::-moz-placeholder { color: #dfdede; } /* Internet Explorer 10 */ .headerSearch input:-ms-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .headerSearch input:focus:-ms-input-placeholder { color: #dfdede; } .headerSearch span { position: relative; } .headerSearch .searchIcon { position: absolute; top: 0px; right: 21px; width: 19px; height: 19px; } .headerSearch .searchIcon img { width: 100%; height: 100%; } .headerChoose { float: left; width: 220px; text-align: right; padding-top: 24px; color: #0f57a7; font-size: 16px; } .headerChoose span { border-bottom: 1px dotted #0f57a7; cursor: pointer; } .headerChoose p { font-family: 'PTSerifPro-Demi'; margin-top: 12px; } .headerAuth { float: right; padding-top: 7px; text-align: center; display: inline-block; margin-right: 10px; } .headerAuth p { font-family: 'PTSerifPro-Demi'; font-size: 14px; margin-top: 6px; color: #1057a9 } .headerAuth.hover p { color: #00ADEE } .headerAuth svg { width: 66px; height: 52px; } .headerAuth .st0 { fill: #1057a9; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s } .headerAuth .st1 { fill: #FFFFFF; stroke: #1057a9; stroke-width: 20; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s } .headerAuth.hover svg .st0 { fill: #00ADEE; } .headerAuth.hover svg .st1 { fill: #FFFFFF; stroke: #00ADEE; } .backList.opened { -webkit-animation: pArea 0.5s ease forwards; animation: pArea 0.5s ease forwards; } .backList.closed { -webkit-animation: pArea2 0.5s ease forwards; animation: pArea2 0.5s ease forwards; } @-webkit-keyframes pArea { from { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } } @keyframes pArea { from { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } } @-webkit-keyframes pArea2 { from { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } to { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes pArea2 { from { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } to { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } nav { float: right; font-size: 16px } nav > ul { float: left; position: relative } nav li { list-style: none; float: left; } nav .dropdown { position: relative; } nav li a { float: left; padding: 28px 32px; font-size: 16px; color: #fff; } nav li a:hover { background-color: #1f262e; color: #00aced } nav li ul { display: none; list-style-type: none; } nav li:hover ul { display: inline; } nav li li { float: none } nav .dropdown ul { position: absolute; left: 0; top: 100%; background: #fff; padding: 20px 0 0 0; background-color: rgba(40, 41, 41, 0.9); } nav .dropdown li { white-space: nowrap } nav .dropdown li a { padding: 0px 35px; min-width: 200px } nav .mega-dropdown { position: absolute; top: 100%; left: 0; background: #fff; overflow: hidden; padding: 0px; background-color: rgba(40, 41, 41, 0.9); } nav li li a { float: none; color: #fff; display: block; padding: 0px; margin-bottom: 21px; border-radius: 3px; } nav li li a:hover { color: #00aced; background-color: transparent; } .mega-col { padding: 34px 32px 0 32px; width: 33%; float: left; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.8 199.2'%3e%3cpath fill='%23fff' d='M2.4 199.2L.8 147.9c-1-32.2-1-64.3 0-96.5L2.4 0 4 51.4c1 32.2 1 64.3 0 96.5l-1.6 51.3z'/%3e%3c/svg%3e"); background-size: 2px 66px; background-position: center right; background-repeat: no-repeat; } .mega-col.diz1 { width: 218px; } .mega-col.diz2 { width: 277px; } .mega-col.diz3 { width: 202px; } .mega-col:last-child { background-image: none; } #menu-icon { position: absolute; right: 0; top: 50%; margin-top: -12px; margin-right: 30px; display: none } #menu-icon span { border: 2px solid #fff; width: 30px; margin-bottom: 5px; display: block; -webkit-transition: all .2s; transition: all .1s } @media only screen and (max-width: 959px) { nav { display: none; width: 100%; clear: both; float: none; max-height: 400px; overflow-y: scroll } #menu-icon { display: inline; top: 45px; cursor: pointer } #menu-icon.active .first { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 10px } #menu-icon.active .second { transform: rotate(135deg); -webkit-transform: rotate(135deg); position: relative; top: -9px; } #menu-icon.active .third { display: none } .search { float: none } .search input { width: 100% } nav { padding: 10px } nav ul { float: none } nav li { float: none } nav ul li a { float: none; padding: 8px; display: block } #header nav ul ul { display: block; position: static; background: none; border: none; padding: 0 } #header nav a { color: #fff; padding: 8px } #header nav a:hover { background: #fff; color: #333; border-radius: 3px } #header nav ul li li a:before { content: "- " } .mega-col { width: 100% } } .headerBottom { width: 100%; height: 72px; background-color: #0f57a7; position: relative; z-index: 15; clear: both; } .headerVideo { width: 100%; position: relative; clear: both; height: calc(100vh - 165px); } .headerVideo { width: 100%; height: calc(100vh - 162px); min-height: calc(100vh - 162px); position: relative; clear: both; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ } .headerVideo h1 { font-size: 2.75rem; color: #fff; font-family: 'PT Sans Regular'; } .headerVideoBlack { /*background-image:url('/bitrix/templates/main/../img/testVideo.jpg');*/ background-size: cover; background-position: center center; width: 100%; height: 100%; position: relative; z-index: 1; } .headerVideoBlack:after { content: ''; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; } .scroll-down { position: absolute; left: 50%; bottom: 36px; margin-left: -19px; width: calc(38px + 2rem); height: calc(19px + 2rem); padding: 1rem; border-top: 0; border-left: 0; -webkit-animation: downscroll 1.2s ease infinite; animation: downscroll 1.2s ease infinite; cursor: pointer; z-index: 10 } .scroll-down path { fill-rule: evenodd; clip-rule: evenodd; fill: #fff } @-webkit-keyframes downscroll { 0% 100 % { -webkit-transform: translateY(0) ; transform: translateY(0) } 50 % { -webkit-transform: translateY(10px) ; transform: translateY(10px) } } @keyframes downscroll { 0% 100 % { -webkit-transform: translateY(0) ; transform: translateY(0) } 50 % { -webkit-transform: translateY(10px) ; transform: translateY(10px) } } .readySolutions h2 { width: 100%; font-size: 1.875rem; color: #292929; font-family: 'PTSerifPro-Regular'; text-align: center; margin: 6.25rem 0 1.5625rem 0; opacity: 0; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .readySolutions.wialonSol h2 { margin: 2.9375rem 0 2.9375rem 0; } .readySolutions h2.anima { -webkit-animation: realUPDown 0.8s ease forwards; animation: realUPDown 0.8s ease forwards; animation-delay: 1s; } .readySolutions p { width: 100%; max-width: 57rem; font-size: 1.375rem; line-height: 1.75rem; color: #292929; font-weight: 500; font-family: 'PT Sans Regular'; text-align: center; margin: 0px auto; margin-bottom: 3.75rem; opacity: 0; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .readySolutions p.anima { -webkit-animation: realUPDown 0.8s ease forwards; animation: realUPDown 0.8s ease forwards; animation-delay: 1s; } .readySolutions { display: inline-block; padding-bottom: 4.6875rem; clear: both; width: 100%; } .readySolutions li { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; float: left; height: 11.1875rem; width: calc(33% - 1rem); margin: 0 0.5rem 1rem 0.5rem; position: relative; cursor: pointer; opacity: 0 } .readySolutions li.anima { -webkit-animation: pulse2 0.8s ease forwards; /* Safari 4+ */ -moz-animation: pulse2 0.8s ease forwards; /* Fx 5+ */ -o-animation: pulse2 0.8s ease forwards; /* Opera 12+ */ animation: pulse2 0.8s ease forwards; /* IE 10+, Fx 29+ */ } .readySolutions .outer, .readySolutions .outer span { color: #fff; font-size: 1rem; font-family: 'PTSerifPro-Demi'; font-weight: 400; line-height: 1.2rem; } .blueFon { background-color: rgba(41, 41, 41, 0.5); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; } .imgFon { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center center; } .readySolutions li:hover .blueFon { background-color: rgba(16, 87, 167, 0.7); } .readySolutions li .imgFon { -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .readySolutions li:hover .imgFon { -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .readySolutions li.anima.start1 { animation-delay: 0.5s } .readySolutions li.anima.start2 { animation-delay: 0.55s } .readySolutions li.anima.start3 { animation-delay: 0.60s } .readySolutions li.anima.start4 { animation-delay: 0.65s } .readySolutions li.anima.start5 { animation-delay: 0.7s } .readySolutions li.anima.start6 { animation-delay: 0.75s } .readySolutions li.anima.start7 { animation-delay: 0.8s } .readySolutions li.anima.start8 { animation-delay: 0.85s } .readySolutions li.anima.start9 { animation-delay: 0.9s } @-webkit-keyframes pulse2 { from { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes pulse2 { from { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes pulse2 { from { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes pulse2 { from { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes realUPDown { from { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes realUPDown { from { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .demoBlock { height: 29.8125rem; clear: both; color: #fff; display: inline-block; width: 100%; position: relative; color: #292929; -webkit-box-shadow: inset 0px -19px 38px 0 rgba(15, 87, 167, 0.15); box-shadow: inset 0px -19px 38px 0 rgba(15, 87, 167, 0.15); } .demoBlock:after { opacity: 0; content: ''; position: absolute; bottom: -13.75rem; right: 55%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); background-image: url(/bitrix/templates/desktop/svg/logobak.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 47.5rem; height: 47.5rem; z-index: -10; } .demoBlock.anima:after { opacity: 1; -webkit-transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); } .demoBlock h2 { font-size: 1.5rem; font-family: 'PTSerifPro-Regular'; width: 40%; margin: 7.5rem 0 0.9375rem 0; line-height: 2rem; } .demoBlock p { font-size: 1rem; width: 17.5rem; margin-bottom: 2.8125rem; line-height: 1.2; } .demoBlock .button { font-size: 1rem; padding: 0.625rem 2.5rem } .demoBlock .sectionWrap { position: relative; height: 100%; } .demoBlock img { position: absolute; width: 38.125rem; top: -3.75rem; left: 40%; } .blockArenda { background-color: #fff; height: 27.8125rem; clear: both; color: #fff; /*display:inline-block;*/ width: 100%; overflow: hidden; text-align: right; margin-bottom: 2rem; } .blockArenda .col-xs { position: relative; text-align: left; } .blockArenda .bABig { width: 100%; height: 100%; background-image: url('/bitrix/templates/desktop/svg/oborud.svg'); background-repeat: no-repeat; background-size: contain; background-position: center right; } .blockArenda h2 { text-align: right; font-size: 1.5rem; font-family: 'PTSerifPro-Regular'; width: 21.875rem; margin: 5.5rem 0 0.9375rem 0; color: #292929; float: right; clear: both; line-height: 2rem; } .blockArenda p { text-align: left; font-family: "PT Sans Regular"; font-size: 1rem; width: 21.875rem; margin-bottom: 2.8125rem; line-height: 1.25rem; color: #292929; float: right; clear: both; } .blockArenda .button { font-size: 1rem; padding: 0.625rem 2.5rem; float: right; clear: both; } .blockArenda .sectionWrap { position: relative; height: 100%; } .blockArenda img { position: absolute; width: 100%; top: 0; left: 0; max-width: 100%; max-height: 100%; } .blockArenda .box { float: left; padding-left: 10rem; } .blockVigoda { background-color: #0f57a7; height: 460px; } .blockVigoda h2 { margin: 50px 0; font-size: 1.875rem; color: #fff; font-family: 'PTSerifPro-Regular'; } .blockVigoda .left { width: 50%; } .blockVigoda .right { width: 50%; } .blockVigoda .input { width: 100%; position: relative; } .blockVigoda .input input, .blockVigoda .input select { width: 100%; } .blockVigoda .col { float: left; } .blockVigoda .col.fifty { width: 50%; padding: 0 22px 0 0; } .blockVigoda .col.thirty { width: 33%; padding: 0 15px 0 0; } .blockVigoda .button { clear: both; padding: 0.67rem 2.1875rem; margin-top: 25px; } .b-custom-select { position: relative; display: inline-block; background: #fff; font-size: 14px; border-radius: 20px; vertical-align: middle; text-align: left; cursor: pointer; } .b-custom-select_disabled { color: #bcbcbc; background: #f9f9f9; } .b-custom-select_focus { } .b-custom-select_expanded { z-index: 199; border-bottom: none; } .lte7 .b-custom-select { display: inline; zoom: 1; } .b-custom-select__title { cursor: pointer; overflow: hidden; } .b-custom-select__title__text { margin: 5px 30px 3px 10px; font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; } .myb-custom-select__title__icon { position: absolute; top: 0px; right: 10px; display: block; width: 22px; height: 20px; background: transparent; } .myb-custom-select__title__icon:hover { animation: pulse 1s linear; } /*.myb-custom-select__title__icon:after {content: url(/img/strelki.png);position: absolute;top: 12px;right: 7px;}*/ .myb-custom-select__title__icon:after { content: ''; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml-stylesheet type='text/css' href='../css/svg.css'?%3e%3csvg id='Слой_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3e%3cstyle%3e.st0%7bfill:%23292929%7d%3c/style%3e%3cpath class='st0' d='M4 10.8h7.3c.4 0 .7.5.4.8L8 16.4c-.2.3-.6.3-.8 0l-3.7-4.8c-.2-.3 0-.8.5-.8zM11.3 8H4c-.5 0-.7-.5-.4-.8l3.7-4.8c.2-.3.6-.3.8 0l3.7 4.8c.1.3-.1.8-.5.8z'/%3e%3c/svg%3e"); position: absolute; width: 100%; height: 100%; fill: #00aced; top: 10px; right: 3px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .b-custom-select_expanded .b-custom-select__title__icon { } .b-custom-select_disabled .b-custom-select__title__icon { background: #f9f9f9; } .b-custom-select__title__input { border: none; background: none; outline: 0; color: #00aced; font-size: 14px; padding: 13px 17px; border-radius: 20px; } .b-custom-select__dropdown { background: #fff; overflow: hidden; border-radius: 5px; } .b-custom-select__list { padding: 5px 5px; } .b-custom-select__group { padding: 4px; white-space: nowrap; font-size: 14px; font-family: gothampro-custom; font-weight: 400; } .b-custom-select__item { position: relative; display: block; height: 49px; line-height: 49px; padding: 0px 5px; overflow: hidden; cursor: pointer; white-space: nowrap; border-bottom: 1px dotted #cecece; font-size: 14px; font-weight: 400; } .b-custom-select_multiple .b-custom-select__item { } .b-custom-select__item:hover, .b-custom-select__item.selected { background: #f9f9f9; color: #00aced; } .b-custom-select__item.disabled { color: #bcbcbc; } .b-custom-select_multiple .b-custom-select__item:hover, .b-custom-select_multiple .b-custom-select__item.selected { background: none; } .b-custom-select_multiple .b-custom-select__item.selected:before { background-position: -46px 0; } .b-custom-select__wrap-scrollbar { position: absolute; top: 0; bottom: 0; right: 0; width: 22px; /*border-left: 1px solid #ececec;*/ } .b-custom-select__dropdown__inner::-webkit-scrollbar { width: 0; } .b-custom-select__wrap-scrollbar:after { content: ""; position: absolute; top: 3px; bottom: 3px; left: 9px; width: 3px; /*border-left: 1px solid #b1b1b1;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #ededed; } .b-custom-select__scrollbar { position: absolute; z-index: 1; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 7px; height: 200px !important; background: #00aced; border-radius: 4px; cursor: pointer; } #demo-select_2 { opacity: 0.1; line-height: 0px; top: 0px; left: 0px; width: 30%; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .blockVigoda select { width: 100%; color: #00aced; visibility: hidden; font-size: 14px; padding: 9px 17px; border-radius: 20px; border: 1px solid #00aced; } .blockVigoda label { width: 100%; color: #fff; font-size: 1rem; font-family: PTSerifPro-Demi, 'PT Sans Regular'; margin-bottom: 10px; line-height: 1.2rem; } .blockVigoda .thirty label { min-height: 2.4rem; display: block; } .blockVigoda input { width: 100%; color: #292929; font-size: 14px; border-radius: 20px; padding: 9px 17px; cursor: pointer; } /*.blockVigoda .b-custom-select:hover {-webkit-box-shadow:0 0 10px 3px #b9e9fa;box-shadow:0 0 10px 3px #b9e9fa;border-radius:20px}*/ .blockVigoda .b-custom-select__title { border-radius: 20px } .blockVigoda .input { margin-top: 10px; } .blockVigoda form .row { margin-bottom: 20px; display: inline-block; width: 100%; } .blockVigoda form { display: inline-block; } .blockVigoda .errormess { display: none; } .blockVigoda input:hover { /*border:1px solid #fff;-webkit-box-shadow:0 0 10px 3px #b9e9fa;box-shadow:0 0 10px 3px #b9e9fa*/ } .blockVigoda input:focus::placeholder { color: #dfdede; } .blockVigoda input::-webkit-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .blockVigoda input:focus::-webkit-input-placeholder { color: #dfdede; } /* Firefox < 19 */ .blockVigoda input:-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .blockVigoda input:focus:-moz-placeholder { color: #dfdede; } /* Firefox > 19 */ .blockVigoda input::-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .blockVigoda input:focus::-moz-placeholder { color: #dfdede; } /* Internet Explorer 10 */ .blockVigoda input:-ms-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .blockVigoda input:focus:-ms-input-placeholder { color: #dfdede; } .blockVigoda .left, .blockVigoda .right { opacity: 0 } .blockVigoda.animate .left { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimLeft; animation-name: myAnimLeft; animation-fill-mode: forwards; } .blockVigoda.animate .right { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimRight; animation-name: myAnimRight; animation-fill-mode: forwards; } /* .catalogOrder input[type="text"]:placeholder{color:#cfcfcf;font-style:italic;font-weight:300;font-size:14px;font-family:gothampro-custom;} */ .jobs-infographic { width: 470px; height: 250px; margin: 0 auto; position: relative; margin-top: 30px; } .jobs-infographic.active { display: block; } .jobs-infographic .base { position: absolute; bottom: 25px; left: 0px; height: 2px; width: 470px; background-color: #fff; -webkit-animation: pjobsbase 0.95s linear; } .jobs-infographic .baseVertical { position: absolute; bottom: 25px; left: 0px; width: 2px; height: 170px; background-color: #fff; -webkit-animation: pjobsbase2 0.95s linear; } .jobs-infographic .chart-text { position: absolute; bottom: 200px; left: 0px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-size: 14px; font-family: 'PTSerifPro-Demi'; } .jobs-infographic .chart-text2 { position: absolute; bottom: 10px; right: 0px; -webkit-transform: translate(110%, -50%); -moz-transform: translate(110%, -50%); transform: translate(110%, -50%); color: #fff; font-size: 14px; font-family: 'PTSerifPro-Demi'; } .jobs-infographic .chart-text3 { position: absolute; bottom: -30px; left: 0px; color: #fff; font-size: 14px; font-family: 'PTSerifPro-Demi'; } .rightPodschet { display: none; } .rightIcons { padding-left: 6.875rem; } .rightIcons .box { } .rightIcons .box svg { width: 3.75rem; height: 3.75rem; fill: #fff; } .rightIcons p, .rightIcons .iconText { color: #fff; font-size: 1rem; font-family: PTSerifPro-Demi; line-height: 1.25rem; } .rightIcons .iconText { margin-top: 0.3125rem; font-family: PTSerifPro-Regular, PTSerifPro-Demi; } .rightIcons p { margin-bottom: 1.5rem; } .rightIcons .col-xs-4 { padding-left: 1rem; padding-right: 1rem; position: relative;; } .rightIcons .col-xs-4:nth-child(1) { padding-left: 0; } .rightIcons .col-xs-4:nth-child(3) { padding-right: 0; } .rightIcons .col-xs-4:after { content: '*'; position: absolute; top: 1.625rem; right: 6px; color: #fff; font-size: 1.5rem; font-family: PTSerifPro-Demi; } .rightIcons .col-xs-4:nth-child(1):after { right: 24px; } .rightIcons .col-xs-4:nth-child(2):after { right: 18px; } .rightIcons .col-xs-4:nth-child(3):after { display: none; } .probeg .st0 { stroke: #fff; stroke-linecap: round; stroke-miterlimit: 10 } .probeg .st0, .probeg .st1 { fill: none; stroke-width: 8 } .probeg .st1, .probeg .st2, .probeg .st3, .probeg .st4 { stroke: #fff; stroke-miterlimit: 10 } .probeg .st2 { stroke-linecap: round; stroke-linejoin: round; fill: #fff; stroke-width: 8 } .probeg .st3, .probeg .st4 { fill: none; stroke-width: 5 } .probeg .st4 { fill: #fff; stroke-linecap: round } .formulaWrap { width: 25.9375rem; padding: 0 5px 2.1875rem 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 722 54'%3e%3cpath d='M711.8 8s0 21.8-29.2 21.8h-287c-7.2 0-14.4 1-21.3 3.2-7.2 2.2-14.3 5.7-14.3 11 0-5.3-7.1-8.8-14.2-11.1-6.9-2.2-14-3.2-21.3-3.2h-287C8.3 29.7 8.3 7.9 8.3 7.9' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: left bottom; background-size: contain } .podchetBottom { padding-left: 5.5rem; position: relative; width: 25.9375rem; margin-top: 1.25rem; color: #ffffff; font-size: 1rem; font-family: PTSerifPro-Demi; line-height: 1.25rem; } .podchetBottom:after { position: absolute; left: 0; top: 5px; content: '10%'; color: #ffffff; font-size: 2.3125rem; font-family: PTSerifPro-Demi; } .day1 { left: 18px; } .day2 { left: 57px; } .day3 { left: 94px; } .day4 { left: 132px; } .day5 { left: 170px; } .day6 { left: 208px; } .day7 { left: 246px; } .day8 { left: 284px; } .day9 { left: 322px; } .day10 { left: 359px; } .day11 { left: 398px; } .day12 { left: 436px; } .view .day1 { -webkit-animation: pj10 0.2s linear; left: 18px; } .view .day2 { -webkit-animation: pj11 0.25s linear; left: 57px; } .view .day3 { -webkit-animation: pj12 0.3s linear; left: 94px; } .view .day4 { -webkit-animation: pj13 0.35s linear; left: 132px; } .view .day5 { -webkit-animation: pj14 0.4s linear; left: 170px; } .view .day6 { -webkit-animation: pj15 0.45s linear; left: 208px; } .view .day7 { -webkit-animation: pj16 0.5s linear; left: 246px; } .view .day8 { -webkit-animation: pj17 0.55s linear; left: 284px; } .view .day9 { -webkit-animation: pj18 0.6s linear; left: 322px; } .view .day10 { -webkit-animation: pj19 0.65s linear; left: 359px; } .view .day11 { -webkit-animation: pj20 0.7s linear; left: 398px; } .view .day12 { -webkit-animation: pj21 0.75s linear; left: 436px; } .infoLine { counter-increment: section; } .infoLine:after { content: counter(section); background-color: #fff; border-radius: 9px; width: 18px; height: 18px; color: #0f57a7; font-size: 12px; font-family: 'PTSerifPro-Demi'; display: block; text-align: center; line-height: 18px; position: absolute; bottom: -25px; left: 0px; } .jobs-infographic .infoLine { width: 18px; border-radius: 5px; animation-fill-mode: both; position: absolute; bottom: 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfeff+0,53cbf1+84,1eb6ef+100 */ background: rgb(252, 254, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252, 254, 255, 1) 0%, rgba(83, 203, 241, 1) 84%, rgba(30, 182, 239, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(252, 254, 255, 1) 0%, rgba(83, 203, 241, 1) 84%, rgba(30, 182, 239, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(252, 254, 255, 1) 0%, rgba(83, 203, 241, 1) 84%, rgba(30, 182, 239, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfeff', endColorstr='#1eb6ef', GradientType=0); /* IE6-9 */ } @-webkit-keyframes pjobsbase { 0% { width: 0px; } 63% { width: 470px; } 100% { width: 470px; } } @-webkit-keyframes pjobsbase2 { 0% { height: 0px; } 63% { height: 100px; } 100% { height: 170px; } } @-webkit-keyframes pjobsavg { 0% { height: 0px; } 37% { height: 0px; } 68% { height: 100px; } 100% { height: 100px; } } @-webkit-keyframes pjobsprg { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 122px; } 100% { height: 122px; } } @-webkit-keyframes pjobsswd { 0% { height: 0px; } 68% { height: 0px; } 100% { height: 132px; } } @-webkit-keyframes pj10 { 0% { height: 0px; } 68% { height: 0px; } 100% { height: 14px; } } @-webkit-keyframes pj11 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 14px; } 100% { height: 28px; } } @-webkit-keyframes pj12 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 21px; } 100% { height: 42px; } } @-webkit-keyframes pj13 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 28px; } 100% { height: 56px; } } @-webkit-keyframes pj14 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 35px; } 100% { height: 70px; } } @-webkit-keyframes pj15 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 42px; } 100% { height: 84px; } } @-webkit-keyframes pj16 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 49px; } 100% { height: 98px; } } @-webkit-keyframes pj17 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 56px; } 100% { height: 112px; } } @-webkit-keyframes pj18 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 63px; } 100% { height: 126px; } } @-webkit-keyframes pj19 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 70px; } 100% { height: 140px; } } @-webkit-keyframes pj20 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 77px; } 100% { height: 154px; } } @-webkit-keyframes pj21 { 0% { height: 0px; } 47% { height: 0px; } 78% { height: 84px; } 100% { height: 168px; } } .spinText { margin-top: 50px; margin-left: 115px; } .spinText p { color: #fff; font-size: 16px; line-height: 30px; } .spinText p span { font-size: 18px; font-family: 'PTSerifPro-Demi'; } .myAnimLeft { -webkit-animation: myAnimLeft 1s; } .myAnimRight { -webkit-animation: myAnimRight 1s; } .bounceInUp { -webkit-animation: bounceInUp 1s; } .bounceInDown { -webkit-animation: bounceInDown 1.2s; } .bounceInLeft { -webkit-animation: bounceInLeft 1.3s; } .bounceInRight { -webkit-animation: bounceInRight 1.4s; } .myOpacity { -webkit-animation: myOpacity 1s; } .blockPreim h2 { font-size: 1.875rem; font-family: 'PTSerifPro-Regular'; color: #292929; padding: 6.25rem 0 4rem 0; text-align: center; line-height: 2rem; } .owl-carousel .owl-nav svg { width: 128px; height: 128px; fill: none; stroke: #00aced; stroke-miterlimit: 10; stroke-width: 3px; opacity: 0.5; transform: translateX(0) scale(1, 1); } .owl-carousel .owl-nav svg:hover { stroke-width: 3px; opacity: 1; -webkit-transform: translateX(5px) scale(1.1, 1.1); -ms-transform: translateX(5px) scale(1.1, 1.1); transform: translateX(5px) scale(1.1, 1.1); } .owl-carousel .owl-nav svg:active { -webkit-transform: translateX(5px) scale(0.9, 0.9); -ms-transform: translateX(5px) scale(0.9, 0.9); transform: translateX(5px) scale(0.9, 0.9); } .owl-carousel .owl-nav .owl-prev { position: absolute; top: 50%; -webkit-transform: scale(-1, 1) translateY(-50%); -ms-transform: scale(-1, 1) translateY(-50%); transform: scale(-1, 1) translateY(-50%); left: -150px; color: #00aced !important; } .owl-carousel .owl-nav .owl-prev:hover { background-color: transparent !important; } .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -150px; color: #00aced !important; } .owl-carousel .owl-nav .owl-next:hover { background-color: transparent !important; } .custom2.owl-carousel { width: 1152px; margin: 0 auto; } .custom2.owl-carousel .owl-stage-outer { padding-bottom: 15px; } .owl-carousel { margin-bottom: 6.25rem; } .blockPreim .owl-item .item { padding: 0 0px; position: relative; max-height: 46rem; min-height: 40rem; } #logoObject.page3 { margin-left: 120px; height: 580px; } #logoObject.page4 { margin-left: -20px; margin-top: -40px; margin: 0px; } .blockLogo { background-color: #0f57a7; height: 330px; position: relative; } /*.fixedCarousel {position:absolute;top:5px;left:-5px;width:100%;height:100%;background:url('/bitrix/templates/main/../img/logoBak.png') no-repeat center center;z-index:1000;}*/ #logoObject { margin-left: 50px; z-index: 3; position: relative; } .avtonavixWhy { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .avtonavixWhy .col1 { position: absolute; left: 135px; top: 210px; } .avtonavixWhy .col2 { position: absolute; left: 450px; top: 210px; } .avtonavixWhy .col3 { position: absolute; left: 765px; top: 210px; } .avtonavixWhy .textWrap { width: 105px; height: 70px; text-align: center; color: #1b6fbc; font-size: 16px; } .avtonavixWhy .textWrap span { font-size: 26px; font-family: 'PTSerifPro-Demi' } .avtonavixWhy .rowWhy { position: absolute; left: 0px; top: 470px; width: calc(100% + 50px); font-family: "PT Sans Regular"; font-size: 16px; color: #2d2d2d; text-align: center; } .avtonavixWhy .rowWhy span { color: #1b6ebc; font-family: "PTSerifPro-Demi"; font-size: 80px; text-align: center; line-height: 120px; } .blockLogo { position: relative; display: block; overflow: hidden; } .blockLogo h2 { text-align: center; color: #fff; font-size: 1.875rem; font-family: 'PTSerifPro-Regular'; margin: 40px 0 50px 0 } /* .blockLogo li {float:left;width:140px !important;margin:0 15px;height:140px;position:relative;border-radius:50%;background-color:#fff;box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.5);overflow: hidden} .blockLogo li:first-child {margin-left:0;} .blockLogo li:last-child {margin-right:0;} .blockLogo li .inner{} .blockLogo li .inner svg,.blockLogo li .inner img{width:90%;max-width:110px;} #light-slider {height:10.625rem !important;z-index: 5;position:relative;width: 100%;} #light-slidercopy{height:10.625rem !important;position:absolute;top:0;left:0;z-index: 2} #light-slidercopy svg{visibility:hidden;} */ .blockLogo { position: relative } .blockLogo ul { list-style: none outside none; padding-left: 0; margin-bottom: 1rem; margin-left: 0; } .blockLogo li { } .blockLogo .liWrapper { display: flex; float: left; cursor: pointer; /*min-height: 140px; width:calc(100% - 15px);*/ width: 140px; height: 140px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; box-shadow: 7px 7px 12px -3px rgba(0, 0, 0, 0.5); padding: 1rem; margin-right: 15px; /*height:200px !important;*/ } .blockLogo .liWrapper div { flex: 1; background-size: 100px; background-repeat: no-repeat; background-position: center center; } .blockLogo img { display: block; height: auto; max-width: 100%; } .blockLogo .lSSlideWrapper { overflow: visible; padding-bottom: 2rem; } .blockLogo .lSSlideOuter { padding-bottom: 2rem; } .slideControls { position: absolute; width: 100%; top: 2.4rem; left: 0; } .slideControls svg { width: 70px; height: 70px; fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 3px; opacity: 0.5; transform: translateX(0) scale(1); } .slideControls svg:hover { transform: translateX(0) scale(1.1); opacity: 1 } .slideControls .slideNext { right: -80px; position: absolute; cursor: pointer; } .slideControls .slidePrev { left: -80px; position: absolute; cursor: pointer; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .carousel, .slideContainer { position: relative; } .carousel img { width: 100%; } .carousel .slide { text-align: center; min-height: 3.125rem; overflow: hidden; } .zakazPresentaion { width: 40%; } .blockEtap { padding: 70px 0 40px 0; display: inline-block; width: 100%; } .blockEtap h2 { padding-bottom: 65px; color: #292929; font-size: 1.5625rem; font-family: 'PTSerifPro-Regular' } .zakazPresentaion p { color: #2b2b2b; font-size: 1rem; line-height: 20px; } .zakazPresentaion form { margin-top: 25px; } .zakazPresentaion input { padding: 8px 30px; text-align: center; width: 100%; border: 1px solid #00aced; border-radius: 20px; margin-bottom: 15px; } .div.mf-name.input input, div.mf-email.input input { padding: 8px 30px; text-align: center; width: 100%; border: 1px solid #00aced; border-radius: 20px; margin-bottom: 15px; } .zakazPresentaion input:hover { border: 1px solid #fff; -webkit-box-shadow: 0 0 10px 3px #b9e9fa; box-shadow: 0 0 10px 3px #b9e9fa } .zakazPresentaion input:focus::placeholder { color: #dfdede; } .zakazPresentaion input::-webkit-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .zakazPresentaion input:focus::-webkit-input-placeholder { color: #dfdede; } /* Firefox < 19 */ .zakazPresentaion input:-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .zakazPresentaion input:focus:-moz-placeholder { color: #dfdede; } /* Firefox > 19 */ .zakazPresentaion input::-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .zakazPresentaion input:focus::-moz-placeholder { color: #dfdede; } /* Internet Explorer 10 */ .zakazPresentaion input:-ms-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .zakazPresentaion input:focus:-ms-input-placeholder { color: #dfdede; } .zakazPresentaion .button, .zakazPresentaion input[type="submit"] { width: 9.0625rem; } .zakazPresentaion .input { position: relative; } .zakazPresentaion .errormess { display: none; background-color: #00aced; position: absolute; top: 0px; left: 0px; width: 100%; color: #fff; height: 38px; border-radius: 10px; line-height: 38px; padding-left: 30px; } .zakazPresentaion .input.left { width: calc(100% - 160px) } .blockEtap .zakazPresentaion.left { padding-right: 95px; } .blockEtap .etap.right { padding-left: 95px; } .etap { width: 60%; } .flexEtap ul { display: -webkit-flex; /* Safari */ display: flex; -webkit-flex-direction: row; /* Safari */ flex-direction: row; -webkit-flex-wrap: wrap; /* Safari */ flex-wrap: wrap; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; -webkit-align-items: baseline; /* Safari */ align-items: baseline; } .flexEtap li { width: 33%; margin-bottom: 3.75rem; } .flexEtap li svg { width: 100%; height: auto; max-width: 8rem; max-height: 4.375rem; } .flexEtap li .sv { text-align: center; } .flexEtap p { font-size: 1rem; font-family: 'PTSerifPro-Demi'; line-height: 1.25rem; margin-top: 0.625rem; text-align: center; } .temp .st0 { fill: none; stroke: #00ACED; stroke-width: 18; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; } .temp2 .st0 { fill: none; stroke: #00ACED; stroke-width: 25; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; } .temp2 .st1 { fill: #00ACED; } .temp2 .st2 { font-family: 'MyriadPro-Bold'; } .temp2 .st3 { font-size: 276.8615px; } .temp3 .st0 { fill: #00ACED; } .temp4 .st0 { fill: #00ACED; } .aboutPrincip { color: #fff; background-image: url("/bitrix/templates/main/../img/temp/princip.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; margin-top: 8.125rem; padding-bottom: 5rem; } .aboutPrincip h2 { margin-top: 3.125rem; width: 100%; font-family: "PTSerifPro-Regular"; font-size: 1.375rem; } .aboutPrincip h3 { margin-top: 1.5625rem; width: 100%; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; margin-bottom: 4.375rem; } .aboutPrincip h4 { width: 100%; font-family: "PTSerifPro-Demi"; font-size: 1.375rem; margin-bottom: 1.375rem; text-align: center; line-height: 1.5rem } .aboutPrincip p { width: 100%; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; text-align: center; line-height: 1.5rem; } .aboutPrincip .sv { text-align: center; } .aboutPrincip svg { width: 100%; height: 100%; min-height: 90px; max-width: 147px; max-height: 70px; margin-bottom: 1rem; } .aboutPrincip svg path, .aboutPrincip polygon { fill: #00ACED; } .sectionPage { padding: 4.6875rem 0 0 0; } .sectionPage h1 { position: relative; text-align: center; color: #292929; font-size: 1.875rem; font-family: 'PTSerifPro-Regular'; line-height: 2.25rem; width: 33rem; margin: 0 auto; margin-bottom: 4.0625rem; } .sectionPage h1:after { content: ""; position: absolute; height: 0.1875rem; width: 10.375rem; bottom: -1rem; left: 50%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1140 4.13'%3e%3cg data-name='Слой 2'%3e%3cpath fill='%2300aced' d='M1140 2.06L570 4.13 0 2.06 570 0l570 2.06z' data-name='Слой 1'/%3e%3c/g%3e%3c/svg%3e"); background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .sectionPage { position: relative; } .sectionPage.logoBakVar1:after { content: ''; position: absolute; bottom: 7.5rem; left: 50%; opacity: 0.2; -webkit-transform: translateX(-44.75rem); -moz-transform: translateX(-44.75rem); -ms-transform: translateX(-44.75rem); -o-transform: translateX(-44.75rem); transform: translateX(-44.75rem); background-image: url('/bitrix/templates/desktop/svg/logobak.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 24.0625rem; height: 24.1875rem; z-index: -10; } .sectionPage.logoBakVar2:after { content: ''; position: absolute; bottom: 7.5rem; right: 50%; opacity: 0.2; -webkit-transform: translateX(44.75rem); -moz-transform: translateX(44.75rem); -ms-transform: translateX(44.75rem); -o-transform: translateX(44.75rem); transform: translateX(44.75rem); background-image: url('/bitrix/templates/desktop/svg/logobak.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 24.0625rem; height: 24.1875rem; z-index: -10; } .whitebak { background-color: #fff; width: 22.5rem; margin: 0 auto; padding: 0 2rem 2rem 2rem; height: 100%; } .bigList { margin: 5.625rem 0 13.75rem 0; } .bigList:after { content: ""; display: table; clear: both; } .bigList li { margin-bottom: 5.9375rem; } .bigList li:after { content: ""; display: table; clear: both; } .bigList li .bigListImg:after { content: ""; display: table; clear: both; } .bigList li svg { max-width: 9.375rem; max-height: 100%; width: 100%; } .bigListImg { float: left; position: relative; width: 31.25rem; } .bigListImg svg { width: 70%; } .bigListImg img { max-width: 80%; max-height: 4.375rem; } .bigListText { width: 60%; float: right; color: #434142; font-size: 1rem; line-height: 1.5rem; text-indent: 1.875rem; } #rgd { margin-top: 2.5rem; } .bigListLicense { margin: 0px 0 10.9375rem 0; } .bigListLicense:after { content: ""; display: table; clear: both; } .bigListLicense li { width: 50%; float: left; margin-bottom: 7.5rem; } .bigListLicense img { width: 9.6875rem; float: left; -webkit-box-shadow: 10px 10px 23px -4px rgba(0, 0, 0, 0.32); -moz-box-shadow: 10px 10px 23px -4px rgba(0, 0, 0, 0.32); box-shadow: 10px 10px 23px -4px rgba(0, 0, 0, 0.32); } .bigListLicense div { float: left; width: calc(100% - 9.6875rem); padding: 0 2.1875rem 0 1.875rem; font-size: 1.125rem; color: #292929; font-family: 'Pt Sans Bold'; margin-bottom: 3.125rem; } .bigListLicense button { float: left; margin-left: 1.875rem; } .ObjectText { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 5 } .translate h3 { color: #0f57a8; font-size: 1.1666666666666667rem; font-family: PTSerifPro-Demi, 'Pt Sans Bold'; margin-bottom: 1.25rem; line-height: 1.25rem; } .translate p { color: #2d2d2d; font-size: 0.875rem; font-family: 'PT Sans Regular'; line-height: 1.125rem; } .ObjectText .ob1 { position: absolute; top: 110px; left: 65px; width: 250px; } .ObjectText .ob2 { position: absolute; top: 110px; left: 640px; width: 250px; } .ObjectText .ob3 { position: absolute; top: 295px; left: 20px; width: 230px; } .ObjectText .ob4 { position: absolute; top: 295px; left: 720px; width: 230px; } .ObjectText .ob5 { position: absolute; top: 470px; left: 65px; width: 250px; } .ObjectText .ob6 { position: absolute; top: 470px; left: 640px; width: 250px; } /* .ob1.translate:hover h3,.ob1.translate:hover p{animation: showUpLeft 0.5s linear forwards;} .ob1.translate h3,.ob1.translate p{-webkit-perspective: 1000;perspective: 1000;animation: showUpLeftOut 0.5s linear forwards;} @keyframes showUpLeft {from {-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0);}to {-ms-transform:translate(-5px,-5px);-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}} @keyframes showUpLeftOut {from {-ms-transform:translate(-5px,-5px);-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}to {-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0);}} .ob2.translate:hover h3,.ob2.translate:hover p{animation: showUpRight 0.5s linear forwards;} .ob2.translate h3,.ob2.translate p{animation: showUpRightOut 0.5s linear forwards;} @keyframes showUpRight {from {-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0);}to {-ms-transform:translate(5px,-5px);-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}} @keyframes showUpRightOut {from {-ms-transform:translate(5px,5px);-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}to {-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0);}} */ /*@keyframes showUp {from {-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}to {-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}}*/ .ob1 { opacity: 0; } .startAnim2 .ob1 { animation: show 1s linear forwards; } .ob2 { opacity: 0; } .startAnim2 .ob2 { animation: show 1s linear forwards; animation-delay: 0.5s; } .ob4 { opacity: 0; } .startAnim2 .ob4 { animation: show 1s linear forwards; animation-delay: 1s; } .ob6 { opacity: 0; } .startAnim2 .ob6 { animation: show 1s linear forwards; animation-delay: 1.5s; } .ob5 { opacity: 0; } .startAnim2 .ob5 { animation: show 1s linear forwards; animation-delay: 2s; } .ob3 { opacity: 0; } .startAnim2 .ob3 { animation: show 1s linear forwards; animation-delay: 2.5s; } @keyframes show { from { opacity: 0; } to { opacity: 1; } } .fire { width: 30px; height: 30px; display: none; } .fire svg { width: 18px; height: 18px; fill: #00aced; position: absolute; top: 6px; left: 6px; } .fire.hot { display: block; position: absolute; top: 25px; left: 0px; border-radius: 50%; animation: animateShadow 2s infinite forwards; } .document { position: relative; padding: 30px 50px; } .document h3 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 20px; margin-bottom: 20px; } .document p { color: #292929; font-family: "PT Sans Regular"; font-size: 16px; line-height: 22px; } .document .button { float: left; margin-right: 18px; margin-top: 20px; } .document:after { content: ""; display: table; clear: both; } .document:before { content: ""; display: table; clear: both; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background-image: url("/bitrix/templates/main/../img/bottomLine.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; opacity: 0.3 } .document.last { margin-bottom: 170px; } .document.last:before { display: none; } @keyframes scaleUpDown { 0%, 100% { transform: scaleY(1) scaleX(1); } 50%, 90% { transform: scaleY(1.1); } 75% { transform: scaleY(0.95); } 80% { transform: scaleX(0.95); } } @keyframes shake { 0%, 100% { transform: skewX(0) scale(1); } 50% { transform: skewX(5deg) scale(0.9); } } @keyframes particleUp { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; top: -100%; transform: scale(0.5); } } @keyframes glow { 0%, 100% { background-color: #0096cf; } 50% { background-color: #00aced; } } @keyframes animateShadow { 0%, 100% { -webkit-box-shadow: 0 0 10px 3px #b9e9fa; box-shadow: 0 0 10px 3px #b9e9fa; } 50% { -webkit-box-shadow: 0 0 10px 3px #fff; box-shadow: 0 0 10px 3px #fff; } } /*flame*/ .flame { position: relative; width: 25px; height: 25px; background-color: transparent; margin-top: 7px; margin-left: 7px; } .fire-main { position: absolute; height: 100%; width: 100%; animation: scaleUpDown 3s ease-out; animation-iteration-count: infinite; animation-fill-mode: both; } .fire-main .main-fire { position: absolute; width: 100%; height: 100%; background-image: radial-gradient(farthest-corner at 10px 0, rgba(113, 216, 255, 1) 100%, rgba(0, 150, 207, 1) 95%); transform: scaleX(0.8) rotate(45deg); border-radius: 0 40% 60% 40%; filter: drop-shadow(0 0 10px rgba(0, 129, 178, 0.3)); } .fire-main .particle-fire { position: absolute; top: 60%; left: 45%; width: 10px; height: 10px; background-color: #0096cf; border-radius: 50%; filter: drop-shadow(0 0 10px rgba(0, 129, 178, 0.3)); animation: particleUp 2s ease-out 0; animation-iteration-count: infinite; animation-fill-mode: both; } .fire-right { height: 100%; width: 100%; position: absolute; animation: shake 2s ease-out 0; animation-iteration-count: infinite; animation-fill-mode: both; } .fire-right .main-fire { position: absolute; top: 15%; right: -25%; width: 80%; height: 80%; background-color: #0096cf; transform: scaleX(0.8) rotate(45deg); border-radius: 0 40% 60% 40%; filter: drop-shadow(0 0 10px rgba(0, 129, 178, 0.3)); } .fire-right .particle-fire { position: absolute; top: 45%; left: 50%; width: 15px; height: 15px; background-color: #0096cf; transform: scaleX(0.8) rotate(45deg); border-radius: 50%; filter: drop-shadow(0 0 10px rgba(0, 129, 178, 0.3)); animation: particleUp 2s ease-out 0; animation-iteration-count: infinite; animation-fill-mode: both; } .fire-left { position: absolute; height: 100%; width: 100%; animation: shake 3s ease-out 0; animation-iteration-count: infinite; animation-fill-mode: both; } .fire-left .main-fire { position: absolute; top: 15%; left: -20%; width: 80%; height: 80%; background-color: #0096cf; transform: scaleX(0.8) rotate(45deg); border-radius: 0 40% 60% 40%; filter: drop-shadow(0 0 10px rgba(0, 129, 178, 0.3)); } .fire-left .particle-fire { position: absolute; top: 10%; left: 20%; width: 10%; height: 10%; background-color: #0096cf; border-radius: 50%; filter: drop-shadow(0 0 10px rgba(0, 129, 178, 0.3)); animation: particleUp 3s infinite ease-out 0s; animation-fill-mode: both; } .fire-bottom .main-fire { position: absolute; top: 30%; left: 20%; width: 75%; height: 75%; background-color: #00aced; transform: scaleX(0.8) rotate(45deg); border-radius: 0 40% 100% 40%; filter: blur(5px); animation: glow 2s ease-out 0; animation-iteration-count: infinite; animation-fill-mode: both; } /*tooltip */ .tooltip { visibility: hidden; z-index: 7; opacity: .40; width: 160px; height: 74px; position: absolute; left: 10px; border-radius: 5px; transform: translateY(-125%); background-color: #fff; } .tooltip p { color: #00aced; font-size: 14px; } .fire:hover .tooltip { visibility: visible; opacity: 1; transition: .3s linear; animation: odsoky 1s ease-in-out infinite alternate; } @keyframes odsoky { 0% { transform: translateY(-125%); } 100% { transform: translateY(-118%); } } .review { } .review .col-xs-6 { padding-bottom: 2.8125rem; margin-bottom: 3rem; } .review .col-xs-6:nth-child(1n) { padding-right: 3rem; } .review .col-xs-6:nth-child(2n) { padding-left: 3rem; } .review .fio { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.25rem; padding: 0.75rem 0 0.1875rem 0; display: inline-block; } .review .dolgnost { color: #292929; font-family: "PT Sans Italic"; font-size: 0.875rem; line-height: 1.375rem; } .review p { color: #000000; font-family: "PT Sans Regular"; font-size: 1rem; line-height: 1.375rem; } .review a { color: #00aced; font-family: "PT Sans Regular"; font-size: 0.9375rem; line-height: 1.25rem; margin-top: 1rem; border-bottom: 1px solid #00aced; display: inline-block; cursor: pointer } .review a:hover { border-bottom: 1px solid #fff; } .review .avatarFoto { float: left; width: 5rem; height: 5rem; background-color: #fff; border-radius: 50%; border: 1px solid #e4e4e4; position: relative; margin-right: 1rem; } .review .avatarFoto img { max-width: calc(100% - 0.625rem); max-height: calc(100% - 0.625rem); margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .review:before { content: ""; display: table; clear: both; position: absolute; width: 100%; height: 0.1875rem; bottom: 0; left: 0; background-image: url("/bitrix/templates/main/../img/bottomLine.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; opacity: 0.3 } .review.last { margin-bottom: 10.625rem; } .review.last:before { display: none; } .avatar { margin-bottom: 2.5rem; } .aboutP h3, .aboutO h3 { color: #292929; font-size: 1.375rem; font-family: "PTSerifPro-Demi"; margin-bottom: 0.75rem; } .aboutP p { color: #292929; font-size: 1rem; font-family: "PT Sans Regular", "PT Sans Regular"; margin: 1.1875rem 0; line-height: 1.375rem; } .groupFotoWrap { margin: 2.5rem 3.75rem 0px 3.75rem; -webkit-box-shadow: 0px 0px 25px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 25px -4px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 25px -4px rgba(0, 0, 0, 0.5); } .groupFoto { border: 1.25rem solid rgba(255, 255, 255, 1); width: 100%; height: 25rem; background-repeat: no-repeat; background-size: cover; background-position: center center; } .aboutP .sv .st0, .aboutP .sv path { fill: #00ACED; } .aboutP .sv { } .aboutP .sv svg { width: 100%; height: 100%; min-height: 5.625rem; max-width: 9.1875rem; } .aboutP .flexEtap { margin-top: 8.4375rem; } .aboutP .flexEtap h4 { text-align: center; color: #292929; font-family: "Pt Sans Bold"; font-size: 1.375rem; margin: 1.25rem 0; } .aboutO { margin-top: 5rem; } .developmentInfographic { width: 100%; height: 570px; overflow: hidden; position: relative; } .aboutMission { margin-top: 6.25rem; } .aboutMission h3 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.375rem; margin-bottom: 2.5rem; } .aboutMission p { color: #000000; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; line-height: 1.3125rem; position: relative; z-index: 1 } .aboutMission p:after { position: absolute; bottom: 0; left: 0; content: '«'; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 12rem; color: #00aced; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.2; z-index: -1 } .aboutMission p:before { position: absolute; top: 0; right: 0; content: '»'; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 12rem; color: #00aced; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); opacity: 0.2; z-index: -1 } .aboutMissionTarget { padding-right: 5rem; } .aboutMissionMission { padding-left: 5rem; } .horizontal-scroll::-webkit-scrollbar { width: 1px; height: 1px; } .horizontal-scroll::-webkit-scrollbar-button { width: 1px; height: 1px; } .horizontal-scroll { z-index: 2; position: relative; width: 600px; height: 100vw; overflow-y: auto; overflow-x: hidden; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(-90deg) translate3d(0, -600px, 0); transform: rotate(-90deg) translate3d(0, -600px, 0); } .horizontal-scroll > * { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(90deg) translate3d(0, -600px, 0); transform: rotate(90deg) translate3d(0, -600px, 0); } .horizontal-scroll__block { width: 7000px; background: #FDFFFC; position: relative; margin-top: 50%; } .horizontal-scroll__block svg { margin-top: 10px; } .horizontal-scroll__block:not(:first-child) { margin-top: 30px; } .horizontal-scroll__block .background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: no-repeat center center / cover; opacity: .8; background-blend-mode: luminosity; } .horizontal-scroll__block .letter { display: inline-block; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .horizontal-scroll { overflow: -moz-scrollbars-none; overflow: hidden; } #developmentDiagramm { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .circles .st0 { fill: #00ADEE; } .svgBlock .st1 { fill: #00ADEE; } .svgBlock .st2 { fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF; stroke: #00ADEE; stroke-width: 2; stroke-miterlimit: 10; } .svgBlock .st3 { font-family: 'PTSerifPro-Demi'; } .svgBlock .st4 { font-size: 18.7832px; } .svgBlock .st5 { font-size: 17.6092px; } .svgBlock .st6 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #00ADEE; stroke-width: 2; stroke-miterlimit: 10; } .svgBlock .st7 { font-size: 19.9571px; } .svgBlock .st8 { fill-rule: evenodd; clip-rule: evenodd; fill: #0F58A7; } .svgBlock .st9 { fill: url(#SVGID_1_); } .svgBlock .st10 { fill-rule: evenodd; clip-rule: evenodd; fill: #00ADEE; } .svgBlock .st11 { fill: #FFFFFF; } .svgBlock .st12 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: url(#SVGID_2_); stroke-miterlimit: 10; } .svgBlock .st14 { fill: #0F58A7; } .svgBlock .st15 { fill: #00ADEE; } .svgBlock .st16 { fill: #00ADEE; } .svgBlock .st17 { fill: #00ADEE; } .svgBlock .st18 { fill: #00ADEE; } .svgBlock .st19 { fill: #00ADEE; } .svgBlock .st20 { fill: #00ADEE; } .svgBlock .st21 { fill: #00ADEE; } .svgBlock { opacity: 0.5; } .svgBlock.active { opacity: 1; } .svgBlock.active .st10, .svgBlock.active .st2 { fill-rule: evenodd; clip-rule: evenodd; fill: #00ADEE; } .svgBlock.active .st1 { fill: #fff; } .svgBlock.active circle.st1 { fill: #00ADEE; } .svgBlock.active .svgFon { fill-rule: evenodd; clip-rule: evenodd; fill: #0F58A7; enable-background: new } .svgBlock .svgFon { fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF; stroke: #00ADEE; stroke-width: 2; stroke-miterlimit: 10; } .svgBlock.active .svgFon { fill-rule: evenodd; clip-rule: evenodd; fill: #0F58A7; stroke: #0F58A7; stroke-width: 2; stroke-miterlimit: 10; } .owl-item.active .row.examples.jlivetime-active { display: block; } .row.examples.jlivetime-active { display: none; font-size: 20px; font-family: "Pt Sans Bold"; color: #282828; font-weight: 600; } .cities { overflow-y: scroll !important; height: calc(100vh - 93px); display: none; width: 100%; background-color: rgba(33, 33, 33, 0.9); position: absolute; top: 93px; left: 0px; z-index: 100; padding: 125px 0 75px 0; } .cities .sectionWrap { position: relative; } .cities li { color: #fff; line-height: 22px; cursor: pointer; font-size: 14px } .cities li:hover { color: #00aeef; } .cities li.citiesListA { color: #00aced; } .cities li.citiesListA:hover { color: #fff; } .cities .col { width: 20%; float: left; } /*.cities::-webkit-scrollbar {width: 1px;height: 1px;} .cities::-webkit-scrollbar-button {width: 1px;height: 1px;} /* width */ .cities::-webkit-scrollbar { width: 10px; } /* Track */ .cities::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .cities::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .cities::-webkit-scrollbar-thumb:hover { background: #555; } .preventscroll { position: fixed; overflow-y: scroll; overflow: hidden !important; } .closeCities { position: absolute; right: 0px; top: -80px; width: 33px; height: 33px; cursor: pointer; } .closeCities svg { width: 100%; height: 100%; } .closeCities .cls-1 { fill: #fff; } .citiesSelect { width: 770px; position: relative; } .cSSvg { width: 14px; height: 14px; position: absolute; top: 20px; right: 0px; cursor: pointer; } .cSSvg svg { width: 100%; height: 100%; } .citiesSelect .cls-1 { fill: #fff; } .citiesSelect input { width: 100%; height: 47px; background-color: transparent; border-bottom: 1px solid #ffffff; color: #fff; } .citiesSelect input:focus::placeholder { color: #dfdede; } .citiesSelect input::-webkit-input-placeholder { color: #c1c1c1; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .citiesSelect input:focus::-webkit-input-placeholder { color: #dfdede; } /* Firefox < 19 */ .citiesSelect input:-moz-placeholder { color: #c1c1c1; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .citiesSelect input:focus:-moz-placeholder { color: #dfdede; } /* Firefox > 19 */ .citiesSelect input::-moz-placeholder { color: #c1c1c1; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .citiesSelect input:focus::-moz-placeholder { color: #dfdede; } /* Internet Explorer 10 */ .citiesSelect input:-ms-input-placeholder { color: #c1c1c1; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .citiesSelect input:focus:-ms-input-placeholder { color: #dfdede; } .citiesList { margin-top: 60px; } .autocomplete-suggestions { color: #fff; font-size: 14px; font-family: 'PT Sans Regular'; border: 1px solid #fff; line-height: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(33, 33, 33, 1); cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer; } .autocomplete-suggestion:hover { color: #191919; } .autocomplete-no-suggestion { padding: 2px 5px; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: #00aced;; } .autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #00aced;; display: block; border-bottom: 1px solid #00aced;; } .secondMenu { height: 50px; border-bottom: 1px solid #ebebeb; } .secondMenu li { float: left; line-height: 50px; position: relative; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s } .secondMenu li a { color: #0f57a7; font-size: 18px; font-family: 'PT Sans Regular'; padding: 0 36px; } .secondMenu li:hover, .secondMenu li.active { background-color: #cd2852; } .secondMenu li:after { content: ''; position: absolute; width: 18px; height: 8px; bottom: 0px; left: 50%; opacity: 0; transform: translateX(-50%); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 8.3'%3e%3cpath fill='%23cd2852' d='M0 0l9.2 8.3L18.5 0z'/%3e%3c/svg%3e"); } .secondMenu li.active:after, .secondMenu li:active:after { content: ''; animation: treugBottom 0.5s ease-in-out forwards; } @keyframes treugBottom { 0% { transform: translate(-50%, 0px); opacity: 0; } 100% { transform: translate(-50%, 8px); opacity: 1; } } .secondMenu li:hover a, .secondMenu li.active a { color: #fff; } .videoWrap { margin: 0 auto; margin-top: 7.5rem; margin-bottom: 5.9375rem; width: 100%; max-width: 750px; } .videoWrapFull { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; width: 100%; } .videoWrapFull iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fullPage .col-xs { padding: 0px; } .fullPage .row { margin: 0px; } .monP { font-size: 16px; line-height: 24px; color: #434142; margin: 0 auto; margin-bottom: 1rem; text-indent: 1rem; } .pageAction .pageActionFoto { width: 100%; height: 100%; min-height: 100%; background-position: center right; background-repeat: no-repeat; background-size: contain } .pageAction .col-xs:nth-child(2) { background-color: #0f57a7; } .pageAction .col-xs:nth-child(2) .box { padding: 60px calc(100% - 590px) 60px 80px; color: #fff; } .pageAction .col-xs:nth-child(2) .box h3 { font-size: 34px; font-family: "PTSerifPro-Regular"; margin-bottom: 15px; } .pageAction .col-xs:nth-child(2) .box h4 { font-size: 24px; font-family: "PTSerifPro-Demi"; margin-bottom: 30px; } .pageAction .col-xs:nth-child(2) .box p { font-size: 16px; margin-bottom: 140px; line-height: 22px; } .pageAction .col-xs:nth-child(2) .box .dateTo { font-size: 24px; } .pageAction h3, .pageAction h4, .pageAction p { max-width: 33.25rem } .pageAction .sp-image { float: right } .mobileApp { padding-bottom: 5rem; border-top: 1px solid #e7e6e6 } .mobileApp h3 { color: #292929; font-size: 1.875rem; font-family: "PTSerifPro-Regular"; margin-bottom: 15px; } .mobileApp h4 { color: #292929; font-size: 24px; font-family: "PT Sans Regular"; margin-bottom: 30px; } .mobileApp p { color: #292929; font-size: 1rem; line-height: 22px; } .mobileApp .applinks { margin-top: 4.6875rem; } .mobileApp .applinks img { max-width: 100%; } .mobileApp .button { display: inline-block; padding: 12px 33px; font-family: "PTSerifPro-Demi"; font-size: 14px; letter-spacing: normal; } .mobileApp .boxbig { padding: 4.6875rem 40px 4.375rem 83px; } .mobileApp .underline { border-bottom: 1px solid #00aeef; } .mobileApp .appimg { background-image: url('/img/temp/mobileapp.png'); width: 100%; background-position: bottom center; background-repeat: no-repeat; } .mblockVozm { padding: 0px 0 95px 0; } .blockVozm { padding: 0px 0 2.5rem 0; border-bottom: 1px solid #e7e6e6; } .mblockVozm { margin-top: 70px; } .blockVozm h2, .mblockVozm h2 { color: #292929; font-size: 1.875rem; font-family: "PT Sans Regular"; margin-bottom: 100px; text-align: center; } .blockVozm h3, .mblockVozm h3, .recomendedApp h3 { color: #292929; font-size: 1.125rem; font-family: "PTSerifPro-Demi"; margin-bottom: 10px; } .blockVozm p, .recomendedApp p { color: #292929; font-size: 14px; line-height: 18px; } .mblockVozm p { display: none; } .mblockVozm h3 { line-height: 1.55rem } .mblockVozm .box { display: table } .mblockVozm .box img { display: table-cell; vertical-align: middle } .mblockVozm .box h3 { display: table-cell; vertical-align: middle } .blockVozm .leftImg, .mblockVozm .leftImg, .recomendedApp .leftImg { width: 5.5625rem; height: 5.5625rem; float: left; margin-right: 0.875rem; } .blockVozm .row, .mblockVozm .row, .recomendedApp .row { margin-bottom: 35px; } .blockVozm .button { display: none; } .fullPageRecommended { -webkit-box-shadow: 0px -10px 38px -13px rgba(15, 87, 167, 0.15); -moz-box-shadow: 0px -10px 38px -13px rgba(15, 87, 167, 0.15); box-shadow: 0px -10px 38px -13px rgba(15, 87, 167, 0.15); } .recommendedDevices { box-shadow: 0px 0px 0.3125rem 0.125rem rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px .3125rem .125rem rgba(0, 0, 0, .2); -webkit-box-shadow: 0px 0px 0.3125rem 0.125rem rgba(0, 0, 0, .2); background-image: url("/bitrix/templates/main/../img/temp/adam-grabek-28280-unsplash.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .recommendedDevices.rRec { background-image: url("/bitrix/templates/main/../img/temp/adam-grabek-28280-unsplash.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .recommendedDevicesWrap { width: 100%; height: 100%; padding: 4.6875rem 0 60px 0; background-color: rgba(0, 0, 0, 0.5) } .rRec .recommendedDevicesWrap { background-color: rgba(0, 0, 0, 0.7) } .recommendedDevicesWrap .button { display: inline-block; padding: 12px 33px; font-family: "PT Sans Regular"; font-size: 14px; letter-spacing: normal; } .recommendedDevicesWrap .button.bigButton { padding: 12px 33px; font-family: "PT Sans Regular"; font-size: 14px; } .recommendedDevicesWrap .buttonWrap { text-align: center; position: absolute; bottom: 1.75rem; left: 0; width: 100%; height: 2.375rem; } .recommendedDevicesWrap .owl-carousel .owl-stage { display: flex } .recommendedDevicesWrap .owl-carousel.owl-drag .owl-item { flex: 1; } .recommendedDevicesWrap .owl-carousel.owl-drag .owl-item .itemWrap { height: 100%; display: table; position: relative; padding-bottom: 3.625rem; } .recommendedDevicesWrap .recImg { width: calc(100% - 2rem); height: 12.0625rem; background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 1rem; } .recommendedDevicesWrap .item { background-color: #fff; margin: 1px; overflow: hidden; padding: 0px 0px 0px 0px; height: 100%; /*-webkit-box-shadow: 0px 1px 3px 4px rgba(231,231,231,0.3); -moz-box-shadow: 0px 1px 3px 4px rgba(231,231,231,0.3); box-shadow: 0px 1px 3px 4px rgba(231,231,231,0.3);*/ } .recommendedDevicesWrap .item .itemWrap { border: 1px solid #ededed; border-radius: 10px; } .recommendedDevicesWrap h2 { color: #fff; font-size: 1.875rem; font-family: "PTSerifPro-Regular"; margin-bottom: 5rem; text-align: center; } .rRec .recommendedDevicesWrap h2 { color: #fff; } .recommendedDevicesWrap .owl-item { border-radius: 15px; overflow: hidden; } .recommendedDevicesWrap .item h4 { color: #434142; font-size: 16px; font-family: "PTSerifPro-Demi"; margin-bottom: 0px; width: 100%; text-align: center; padding: 0 1rem 1rem 1rem; line-height: 1.375rem; } .recommendedDevicesWrap .owl-nav { display: none; } .recommendedDevicesWrap .item { position: relative; } .recommendedDevicesWrap .item.mAkciya:after { position: absolute; top: 25px; left: -40px; background-color: #cd2852; content: "Акция"; font-size: 13px; width: 150px; text-align: center; line-height: 20px; color: #fff; -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .recommendedDevicesWrap .item p { color: #292929; font-size: 0.875rem; font-family: "PT Sans Regular"; margin-bottom: 1.25rem; line-height: 1.25rem; } .recommendedDevicesWrap .item img { padding: 0 20px 0 25px; } .recommendedDevicesWrap .owl-carousel { margin-bottom: 60px; } .recommendedDevicesWrap .owl-carousel .owl-nav svg { stroke: #00aced } .rRec .recommendedDevicesWrap .owl-carousel .owl-nav svg { stroke: #fff } .mShadow { /*-webkit-appearance: none; -webkit-box-shadow: inset 0px 5px 10px -2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 5px 10px -2px rgba(0,0,0,0.1); box-shadow: inset 0px 5px 10px -2px rgba(0,0,0,0.1);*/ border-top: 1px solid #e4e4e4; padding: 15px 20px 20px 25px; } .dModel h4 { max-width: 43.125rem; } .dModel h4 span.i { cursor: pointer; width: 22px; height: 22px; margin-left: 10px; position: relative; } .dModel h4 span.i div { width: 22px; height: 22px; display: inline-block;; border-radius: 50%; position: absolute; top: 5px; left: 0px; -webkit-box-shadow: 0 0 10px 3px #b9e9fa; box-shadow: 0 0 10px 3px #b9e9fa } .dModel h4 span.i:hover div { -webkit-box-shadow: none; box-shadow: none } .dModel h4 span.i img { position: absolute; top: 4px; left: 7px; } .model { margin: 120px 0; position: relative; display: flex; justify-content: center; align-items: center; } .modelObject { text-align: center; display: inline-block; margin: 0 auto; } .modelObject img { max-width: 55.625rem; width: 100%; } .modelHints { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 55.625rem; width: 100%; height: 100%; } .model.azs .modelObject img { max-width: 106.25rem; } .model.azs .modelHints { max-width: 106.25rem; } .taxi .hint1 { position: absolute; left: 25.5625rem; top: 13.0625rem; } .taxi .hint2 { position: absolute; left: 13.375rem; top: 12.875rem; } .taxi .hint3 { position: absolute; left: 25.25rem; top: 9.75rem; } .taxi .hint4 { position: absolute; left: 16.25rem; top: 9rem; } .taxi .hint5 { position: absolute; left: 49.75rem; top: 9.375rem; } .bus .hint1 { position: absolute; left: 16.1875rem; top: 12.9375rem; } .bus .hint2 { position: absolute; left: 9.0125rem; top: 12.4rem; } .bus .hint3 { position: absolute; left: 15.625rem; top: 2.8125rem; } .bus .hint4 { position: absolute; left: 8.75rem; top: 2.375rem; } .bus .hint5 { position: absolute; left: 26rem; top: 5.3125rem; } .bus .hint6 { position: absolute; left: 45.625rem; top: 18.375rem; } .bus .hint7 { position: absolute; left: 13.125rem; top: 11.25rem; } .bus .hint8 { position: absolute; left: 50.875rem; top: 13.75rem; } .kamaz .hint1 { position: absolute; left: 12.5rem; top: 14.375rem; } .kamaz .hint2 { position: absolute; left: 3.5625rem; top: 13.625rem; } .kamaz .hint3 { position: absolute; left: 5.3125rem; top: 3.75rem; } .kamaz .hint4 { position: absolute; left: 13.625rem; top: 3.75rem; } .kamaz .hint5 { position: absolute; left: 24.0625rem; top: 13.3125rem; } .kamaz .hint6 { position: absolute; left: 34.875rem; top: 18.3125rem; } .kamaz .hint7 { position: absolute; left: 41rem; top: 24.375rem; } .kamaz .hint8 { position: absolute; left: 53.100rem; top: 15.3125rem; } .kamaz .hint9 { position: absolute; left: 41.000rem; top: 7.8125rem; } .agro .hint1 { position: absolute; left: 22.875rem; top: 11.5625rem; } .agro .hint2 { position: absolute; left: 26.875rem; top: 7.0625rem; } .agro .hint3 { position: absolute; left: 22.5rem; top: 7.5rem; } .agro .hint4 { position: absolute; left: 31.6875rem; top: 6rem; } .agro .hint5 { position: absolute; left: 42.725rem; top: 14.9375rem; } .agro .hint6 { position: absolute; left: 44.1875rem; top: 6.375rem; } .agro .hint7 { position: absolute; left: 31.625rem; top: 21.25rem; } .agro .hint8 { position: absolute; left: 18.75rem; top: 2.4375rem; } .musor .hint1 { position: absolute; left: 12.1875rem; top: 14rem; } .musor .hint2 { position: absolute; left: 5rem; top: 12.75rem; } .musor .hint3 { position: absolute; left: 12.5rem; top: 6.5625rem; } .musor .hint4 { position: absolute; left: 20.5625rem; top: 13.625rem; } .musor .hint5 { position: absolute; left: 30.625rem; top: 19.8125rem; } .musor .hint6 { position: absolute; left: 38rem; top: 22.5rem; } .musor .hint7 { position: absolute; left: 51.875rem; top: 12.875rem; } .musor .hint8 { position: absolute; left: 38.25rem; top: 6.9375rem; } .tanker .hint1 { position: absolute; left: 14rem; top: 19.125rem; } .tanker .hint2 { position: absolute; left: 7.875rem; top: 16.5625rem; } .tanker .hint3 { position: absolute; left: 6.5rem; top: 2.6875rem; } .tanker .hint4 { position: absolute; left: 25.875rem; top: 17.4375rem; } .tanker .hint5 { position: absolute; left: 33.125rem; top: 22.375rem; } .tanker .hint6 { position: absolute; left: 41.3125rem; top: 29.0625rem; } .tanker .hint7 { position: absolute; left: 35.3125rem; top: 8.625rem; } .tanker .hint8 { position: absolute; left: 52.8125rem; top: 12.6875rem; } .tanker .hint9 { position: absolute; left: 30.625rem; top: 26.8125rem; } .spec .hint1 { position: absolute; left: 35.4375rem; top: 15.25rem; } .spec .hint2 { position: absolute; left: 40rem; top: 14.5375rem; } .spec .hint3 { position: absolute; left: 46.1875rem; top: 7.125rem; } .spec .hint4 { position: absolute; left: 18.4375rem; top: 21.875rem; } .spec .hint5 { position: absolute; left: 4.375rem; top: 15rem; } .spec .hint6 { position: absolute; left: 52.025rem; top: 13.375rem; } .spec .hint7 { position: absolute; left: 43.375rem; top: 12.0375rem; } .azs .hint1 { position: absolute; left: 39.375rem; top: 13.375rem; } .azs .hint2 { position: absolute; left: 40.875rem; top: 10.25rem; } .azs .hint3 { position: absolute; left: 50.5rem; top: 15.1875rem; } .azs .hint4 { position: absolute; left: 51.875rem; top: 2.5rem; } .azs .hint5 { position: absolute; left: 73.75rem; top: 13.125rem; } .modelHints span.i { cursor: pointer; width: 31px; height: 31px; position: relative; } .modelHints span.i div { background-color: #fff; width: 31px; height: 31px; display: inline-block;; border-radius: 50%; position: absolute; top: 5px; left: 0px; -webkit-box-shadow: -1px 4px 58px 9px rgba(0, 175, 239, 0.89); -moz-box-shadow: -1px 4px 58px 9px rgba(0, 175, 239, 0.89); box-shadow: -1px 4px 58px 9px rgba(0, 175, 239, 0.89); z-index: 10 } .modelHints span.i:hover div { -webkit-box-shadow: none; box-shadow: none } .modelHints span.i svg { position: absolute; top: 7px; left: 10px; } .mHint { z-index: 10; width: 31px; height: 31px; } .mHint .hintText { display: none; opacity: 0; padding: 10px; max-width: 290px; margin-left: 50px; background-color: #fff; border-radius: 10px; border: 1px solid #8e8e8e; z-index: 11; } .tooltip-content h5 { color: #434142; font-size: 12px; font-family: "PT Sans Italic"; display: none; } .tooltip-content h3 { color: #434142; font-size: 20px; font-family: "PTSerifPro-Demi"; margin-bottom: 10px; } .tooltip-content p { color: #292929; font-size: 14px; line-height: 18px; } .tooltip-content .leftImg { width: 89px; height: 89px; float: left; margin-right: 25px; background-size: contain; background-position: center center; background-repeat: no-repeat } .mHint .hintText .row { margin-bottom: 35px; } .model .tooltipR { opacity: 1; position: absolute; width: 2.2em; height: 2.2em; cursor: pointer; visibility: visible; } /* Trigger item */ .model .tooltip-item { border-radius: 50%; width: 30px; height: 30px; left: 50%; top: 50%; margin: -15px 0 0 -15px; position: absolute; } .model .tooltip-item div.shad { width: 30px; height: 30px; left: 0; top: 0; position: absolute; border-radius: 50%; -webkit-box-shadow: 0px 1px 29px 6px rgba(0, 175, 239, 0.8); -moz-box-shadow: 0px 1px 29px 6px rgba(0, 175, 239, 0.8); box-shadow: 0px 1px 29px 6px rgba(0, 175, 239, 0.8); -webkit-animation: pulse 0.6s infinite alternate; animation: pulse 0.6s infinite alternate; z-index: 1; } .model .tooltip-item div.fon { background-color: #fff; border-radius: 50%; width: 30px; height: 30px; left: 50%; top: 50%; margin: -15px 0 0 -15px; position: absolute; z-index: 2 } .model .tooltip-item svg { width: 30px; height: 30px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; fill: #00afef; background-color: #00afef; border-radius: 50%; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(0.9, 0.9, 1); } to { -webkit-transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* Tooltip */ .model .tooltip-content { position: absolute; background: #fff; z-index: 9999; width: 21.4375rem; bottom: 50%; margin-bottom: -1em; padding: 20px; border-radius: 20px; font-size: 1.1em; text-align: center; opacity: 0; cursor: default; pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.36); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.36); } .model .tooltip-west .tooltip-content { left: 2.625rem; -webkit-transform-origin: -2em 50%; transform-origin: -2em 50%; -webkit-transform: translate3d(0, calc(100% + 8px), 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, calc(100% + 8px), 0) rotate3d(0, 0, 0, 0) } .model .tooltip-east .tooltip-content { right: 2.625rem; -webkit-transform-origin: calc(100% + 2em) 50%; transform-origin: calc(100% + 2em) 50%; -webkit-transform: translate3d(0, calc(100% + 8px), 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, calc(100% + 8px), 0) rotate3d(0, 0, 0, 0) } .model .tooltipR:hover .tooltip-content { z-index: 1000; opacity: 1; pointer-events: auto; } /* Gap "bridge" and arrow */ .model .tooltip-content::before, .model .tooltip-content::after { content: ''; position: absolute; } .model .tooltip-west .tooltip-content::before, .model .tooltip-west .tooltip-content::after { right: 99%; } .model .tooltip-east .tooltip-content::before, .model .tooltip-east .tooltip-content::after { left: 99%; } .recomendedApp h2 { padding: 3.5rem 0 30px 0; } .recomendedApp .button { display: inline-block; position: absolute; right: 0.75rem; bottom: 0.625rem; display: none; } .recomendedApp .col-xs { padding: 0px 5px } .recomendedApp .box { /*border:1px solid #ebebeb;*/ border-radius: 10px; padding: 20px 12px 20px 12px; height: 100%; position: relative } .recomendedApp .box:after { content: ''; display: table; clear: both } .rRec { margin-top: 5.625rem; } .sectionWrap.anotherA { padding-bottom: 6.25rem; } .anotherA h3 { margin: 4.6875rem 0 4.375rem 0; font-family: "PTSerifPro-Regular"; font-size: 2rem; color: #292929; text-align: center; width: 100%; } .anotherA h2 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.375rem; line-height: 1.625rem; margin: 0.875rem 0 1.375rem 0; } .anotherA p { color: #292929; font-family: "PT Sans Regular"; font-size: 1rem; line-height: 1.375rem; } .anotherA li:hover { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } .anotherA .box { background-color: #fff; /*width:19rem;min-height:15.625rem;height:1px;*/ width: 100%; height: 100%; min-height: 16.375rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 3px 26px 0px rgba(0, 0, 0, 0.28); -moz-box-shadow: 1px 3px 26px 0px rgba(0, 0, 0, 0.28); box-shadow: 1px 3px 26px 0px rgba(0, 0, 0, 0.28); padding: 1rem; } .anotherAImg { float: left; width: 14.375rem; height: 14.375rem; background-position: center center; background-repeat: no-repeat; background-size: 6.25rem; } .anotherAImg.anotherDoc { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%232b98e4' d='M375.451 315.733a8.536 8.536 0 0 0-8.533-8.533h-51.2c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533h51.2c4.71.001 8.533-3.822 8.533-8.533zM341.317 93.867V51.2c0-4.71-3.823-8.533-8.533-8.533s-8.533 3.823-8.533 8.533v42.667c0 23.526 19.14 42.667 42.667 42.667h76.8v162.133c0 4.71 3.823 8.533 8.533 8.533s8.533-3.823 8.533-8.533V128a8.536 8.536 0 0 0-8.533-8.533h-85.333c-14.115 0-25.601-11.486-25.601-25.6zM366.917 204.8H298.65a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533h68.267a8.536 8.536 0 0 0 8.533-8.533c.001-4.71-3.822-8.533-8.533-8.533zM273.051 213.333a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533h51.2c4.71.001 8.533-3.822 8.533-8.533zM213.317 256a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533h17.067a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-17.067zM213.317 170.667h85.333a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-85.333a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533zM264.517 273.067h85.333a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-85.333a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533zM315.717 358.4c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533h17.067c4.71 0 8.533-3.823 8.533-8.533s-3.823-8.533-8.533-8.533h-17.067zM281.584 307.2h-68.267c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533h68.267c4.71 0 8.533-3.823 8.533-8.533s-3.823-8.533-8.533-8.533zM281.584 358.4h-68.267c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533h68.267c4.71 0 8.533-3.823 8.533-8.533s-3.823-8.533-8.533-8.533zM484.754 351.497l-17.067-17.067c-13.116-13.116-33.101-13.09-46.199 0L309.684 446.234a8.546 8.546 0 0 0-2.5 6.033v51.2a8.536 8.536 0 0 0 8.533 8.533h51.2a8.546 8.546 0 0 0 6.033-2.5l111.804-111.804c13.594-13.594 13.594-32.597 0-46.199zm-74.3 18.099l13.534 13.534-74.138 74.138-13.534-13.534 74.138-74.138zm-86.203 125.337v-39.134l39.134 39.134h-39.134zm51.2-12.066l-13.534-13.534 74.138-74.138 13.534 13.534-74.138 74.138zm97.237-97.237l-11.034 11.034-39.134-39.134 11.034-11.034c6.741-6.733 15.292-6.767 22.067 0l17.067 17.067c6.903 6.912 6.903 15.163 0 22.067z'/%3e%3cpath fill='%232b98e4' d='M281.584 494.933H59.717c-14.114 0-25.6-11.486-25.6-25.6V42.667c0-14.114 11.486-25.6 25.6-25.6h269.534L412.084 99.9a8.523 8.523 0 0 0 12.066 0 8.523 8.523 0 0 0 0-12.066L338.817 2.5a8.513 8.513 0 0 0-6.033-2.5H59.717C36.191 0 17.051 19.14 17.051 42.667v426.667c0 23.526 19.14 42.667 42.667 42.667h221.867c4.71 0 8.533-3.823 8.533-8.533s-3.824-8.535-8.534-8.535z'/%3e%3cpath fill='%232b98e4' d='M281.584 409.6h-68.267c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533h68.267c4.71 0 8.533-3.823 8.533-8.533s-3.823-8.533-8.533-8.533zM170.651 162.133a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v51.2a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533v-51.2zM153.584 204.8h-34.133v-34.133h34.133V204.8zM110.917 426.667h51.2a8.536 8.536 0 0 0 8.533-8.533v-51.2a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v51.2a8.536 8.536 0 0 0 8.533 8.533zm8.534-51.2h34.133V409.6h-34.133v-34.133zM121.951 321.766a8.54 8.54 0 0 0 6.878 2.457 8.513 8.513 0 0 0 6.255-3.755l34.133-51.2c2.611-3.925 1.553-9.225-2.364-11.836a8.533 8.533 0 0 0-11.836 2.364l-28.356 42.539-9.711-9.702c-3.336-3.337-8.73-3.337-12.066 0s-3.337 8.73 0 12.066l17.067 17.067z'/%3e%3c/svg%3e"); } .anotherAImg.anotherCom { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 406.482 406.482'%3e%3cpath fill='%232b98e4' d='M365.981 37.5a7.5 7.5 0 0 0-7.5-7.5H48a7.5 7.5 0 0 0-7.5 7.5v220.486a7.5 7.5 0 0 0 7.5 7.5h310.481a7.5 7.5 0 0 0 7.5-7.5V37.5zM55.5 250.486V216.69h62.102c2.975 7.318 10.153 12.497 18.526 12.497 11.028 0 20-8.972 20-20s-8.972-20-20-20c-8.376 0-15.555 5.182-18.529 12.503H55.5v-16.693h115.026l18.853 18.853a19.86 19.86 0 0 0-1.751 8.143c0 11.028 8.972 20 20 20s20-8.972 20-20-8.972-20-20-20a19.88 19.88 0 0 0-7.442 1.451l-21.251-21.251a7.497 7.497 0 0 0-5.303-2.197H55.5v-14.75h206.095c2.975 7.318 10.153 12.496 18.526 12.496 11.028 0 20-8.972 20-20s-8.972-20-20-20c-8.376 0-15.556 5.182-18.529 12.504H55.5v-14.75h51.633c1.989 0 3.897-.79 5.303-2.197l21.258-21.258a19.875 19.875 0 0 0 7.441 1.451c11.028 0 20-8.972 20-20s-8.972-20-20-20-20 8.972-20 20c0 2.901.635 5.653 1.751 8.144l-18.86 18.86H55.5V45h295.481v18.493H234.493c-1.989 0-3.897.79-5.303 2.197l-21.258 21.258a19.875 19.875 0 0 0-7.441-1.451c-11.028 0-20 8.972-20 20s8.972 20 20 20 20-8.972 20-20a19.86 19.86 0 0 0-1.751-8.144l18.86-18.86h113.382v126.004h-59.6c-2.973-7.322-10.153-12.504-18.529-12.504-11.028 0-20 8.972-20 20s8.972 20 20 20c8.373 0 15.551-5.178 18.526-12.496h59.603v30.989H55.5zm75.628-41.299c0-2.757 2.243-5 5-5s5 2.243 5 5-2.243 5-5 5-5-2.244-5-5zm76.5-2.194c2.757 0 5 2.243 5 5s-2.243 5-5 5-5-2.243-5-5 2.244-5 5-5zm67.493-59.25c0-2.757 2.243-5 5-5s5 2.243 5 5-2.243 5-5 5-5-2.243-5-5zm-138.986-64.25c0-2.757 2.243-5 5-5s5 2.243 5 5-2.243 5-5 5-5-2.243-5-5zm69.356 22.004c0 2.757-2.243 5-5 5s-5-2.243-5-5 2.243-5 5-5 5 2.243 5 5zm72.362 106.496c0 2.757-2.243 5-5 5s-5-2.243-5-5 2.243-5 5-5 5 2.243 5 5z'/%3e%3cpath fill='%232b98e4' d='M369.206 313.486h-71.468v-18h68.043c16.653 0 30.201-13.548 30.201-30.201V30.201C395.982 13.548 382.434 0 365.781 0H40.701C24.048 0 10.5 13.548 10.5 30.201v235.084c0 16.653 13.548 30.201 30.201 30.201h68.046v18h-71.47c-16.005 0-29.026 13.021-29.026 29.026v34.944c0 16.005 13.021 29.026 29.026 29.026h331.929c16.005 0 29.026-13.021 29.026-29.026v-34.944c-.001-16.005-13.022-29.026-29.026-29.026zM25.5 265.285V30.201C25.5 21.819 32.319 15 40.701 15h325.08c8.382 0 15.201 6.819 15.201 15.201v235.084c0 8.382-6.819 15.201-15.201 15.201H40.701c-8.382 0-15.201-6.819-15.201-15.201zm98.248 30.201h158.99v18h-158.99v-18zm259.483 81.97c0 7.734-6.292 14.026-14.026 14.026H37.277c-7.734 0-14.026-6.292-14.026-14.026v-34.944c0-7.734 6.292-14.026 14.026-14.026h331.929c7.734 0 14.026 6.292 14.026 14.026v34.944z'/%3e%3cpath fill='%232b98e4' d='M181.492 352.484H52.499a7.5 7.5 0 0 0 0 15h128.994a7.5 7.5 0 1 0-.001-15zM355.483 352.484h-22.499a7.5 7.5 0 0 0 0 15h22.499a7.5 7.5 0 0 0 0-15z'/%3e%3c/svg%3e"); } .anotherAImg.anotherMoney { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%232b98e4' d='M85.072 454.931c-1.859-1.861-4.439-2.93-7.069-2.93s-5.21 1.069-7.07 2.93c-1.86 1.861-2.93 4.44-2.93 7.07s1.069 5.21 2.93 7.069c1.86 1.86 4.44 2.931 7.07 2.931s5.21-1.07 7.069-2.931c1.86-1.859 2.931-4.439 2.931-7.069s-1.07-5.21-2.931-7.07zM469.524 182.938a10.054 10.054 0 0 0-7.07-2.93c-2.63 0-5.21 1.069-7.07 2.93-1.859 1.86-2.93 4.44-2.93 7.07s1.07 5.21 2.93 7.069a10.077 10.077 0 0 0 7.07 2.931c2.64 0 5.21-1.07 7.07-2.931 1.869-1.859 2.939-4.439 2.939-7.069s-1.07-5.21-2.939-7.07z'/%3e%3cpath fill='%232b98e4' d='M509.065 2.929A10.006 10.006 0 0 0 501.992 0L255.998.013c-5.522 0-9.999 4.478-9.999 10V38.61L151.21 64.009c-5.335 1.43-8.501 6.913-7.071 12.247l49.127 183.342-42.499 42.499c-5.409-7.898-14.491-13.092-24.764-13.092H30.006c-16.542 0-29.999 13.458-29.999 29.999V482c0 16.542 13.457 30 29.999 30h95.998c14.053 0 25.875-9.716 29.115-22.78l11.89 10.369a50.382 50.382 0 0 0 33.118 12.412h301.867c5.522 0 10-4.478 10-10V10a10.01 10.01 0 0 0-2.929-7.071zM136.002 482.001c0 5.513-4.486 10-10 10H30.005c-5.514 0-10-4.486-10-10V319.005c0-5.514 4.486-10 10-10h37.999V424.2c0 5.522 4.478 10 10 10s10-4.478 10-10V309.005h37.999c5.514 0 10 4.486 10 10v162.996zm30.043-401.262l79.954-21.424V96.37l-6.702 1.796a9.997 9.997 0 0 0-7.071 12.247c3.843 14.341-4.698 29.134-19.039 32.977a9.998 9.998 0 0 0-7.066 12.267L245.1 299.995h-20.07l-10.343-40.464a9.985 9.985 0 0 0-1.676-3.507L166.045 80.739zm79.954 61.49v84.381l-18.239-67.535c7.619-3.934 13.854-9.82 18.239-16.846zM389.663 492H200.125a30.388 30.388 0 0 1-19.974-7.485l-24.149-21.061V325.147l43.658-43.658 7.918 30.98a10 10 0 0 0 9.688 7.523l196.604.012c7.72 0 14 6.28 14 14s-6.28 14-14 14H313.13c-5.522 0-10 4.478-10 10s4.478 10 10 10h132.04c7.72 0 14 6.28 14 14s-6.28 14-14 14H313.13c-5.522 0-10 4.478-10 10s4.478 10 10 10h110.643c7.72 0 14 6.28 14 14s-6.28 14-14 14H313.13c-5.522 0-10 4.478-10 10s4.478 10 10 10h76.533c7.72 0 14 6.28 14 14-.001 7.716-6.281 13.996-14 13.996zm102.331 0h-71.36c1.939-4.273 3.028-9.01 3.028-14s-1.089-9.727-3.028-14h3.139c18.747 0 33.999-15.252 33.999-33.999a33.778 33.778 0 0 0-3.609-15.217c14.396-3.954 25.005-17.149 25.005-32.782a33.816 33.816 0 0 0-6.711-20.255v-126.74c0-5.522-4.478-10-10-10s-10 4.478-10 10v113.792a34.008 34.008 0 0 0-7.289-.795h-.328a33.79 33.79 0 0 0 3.028-14c0-18.748-15.252-33.999-33.999-33.999h-16.075c17.069-7.32 29.057-24.286 29.057-44.005 0-26.389-21.468-47.858-47.857-47.858-26.388 0-47.857 21.469-47.857 47.858 0 19.719 11.989 36.685 29.057 44.005h-54.663V109.863c17.864-3.893 31.96-17.988 35.852-35.853h75.221c3.892 17.865 17.988 31.96 35.852 35.853v31.09c0 5.522 4.478 10 10 10s10-4.478 10-10v-40.018c0-5.522-4.478-10-10-10-14.847 0-26.924-12.079-26.924-26.925 0-5.522-4.478-10-10-10h-93.076c-5.522 0-10 4.478-10 10 0 14.847-12.078 26.925-26.924 26.925-5.522 0-10 4.478-10 10v199.069H266V20.011L491.994 20v472zM378.996 283.858c-15.361 0-27.857-12.497-27.857-27.857s12.497-27.858 27.857-27.858S406.853 240.64 406.853 256s-12.496 27.858-27.857 27.858z'/%3e%3c/svg%3e"); } .anotherAText { padding-bottom: 1.25rem; } .containerA { position: relative; /*background-image: url('/bitrix/templates/main/../img/temp/stockBak.jpg');*/ /*background: rgba(0,174,237,1); background: -moz-linear-gradient(left, rgba(0,174,237,1) 0%, rgba(15,86,167,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,174,237,1)), color-stop(100%, rgba(15,86,167,1))); background: -webkit-linear-gradient(left, rgba(0,174,237,1) 0%, rgba(15,86,167,1) 100%); background: -o-linear-gradient(left, rgba(0,174,237,1) 0%, rgba(15,86,167,1) 100%); background: -ms-linear-gradient(left, rgba(0,174,237,1) 0%, rgba(15,86,167,1) 100%); background: linear-gradient(to right, rgba(0,174,237,1) 0%, rgba(15,86,167,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeed', endColorstr='#0f56a7', GradientType=1 );*/ background-repeat: repeat-y; background-size: cover; background-position: center center; } .sliderTitle { position: absolute; top: 0px; left: 0px; z-index: 50; text-align: center; width: 100%; margin-top: 1.875rem; color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.5rem; } #example1 .sp-buttons { left: 50%; width: auto; margin-left: 12.1875rem; display: inline-block; position: absolute; bottom: 3rem; z-index: 50; padding-left: 5.3125rem; } .containerA .slider-pro h3.sp-layer, .pageAction .slider-pro h3.sp-layer { padding-left: 5.3125rem; width: 31.6875rem; font-family: "PTSerifPro-Regular"; color: #292929; font-size: 1.875rem; } .containerA .slider-pro h4.sp-layer, .pageAction .slider-pro h4.sp-layer { padding-left: 5.3125rem; width: 31.6875rem; font-family: "PTSerifPro-Demi"; color: #292929; font-size: 1.375rem } .containerA .slider-pro p.sp-layer, .pageAction .slider-pro p.sp-layer { padding-left: 5.3125rem; width: 31.6875rem; font-family: "PT Sans Regular"; color: #292929; font-size: 1rem } .containerA .dateTo.sp-layer, .pageAction .dateTo.sp-layer { padding-left: 25.3125rem; width: 40.2rem; line-height: 1.25rem; font-family: "PT Sans Regular"; color: #292929; font-size: 0.875rem; } .pageAction .dateTo.sp-layer { padding-left: 21.3125rem; } .containerA .dateTo.sp-layer span, .pageAction .dateTo.sp-layer span { font-family: "PTSerifPro-Demi"; } .anotherA .col-xs { width: calc(50% - 0.9475rem); } .anotherA .col-xs:first-child { margin-right: 1.875rem; } .anotherA li { margin-bottom: 1.875rem; } .anotherA li:last-child { margin-bottom: 0; } .sliderControls { padding-left: 5.3125rem; position: absolute; left: 50%; bottom: 3rem; z-index: 51; } .sliderNext { float: left; position: relative; overflow: hidden; background-color: transparent; border: 1px solid #00aced; border-radius: 30px; line-height: 2.375rem; padding: 0 2.1875rem; cursor: pointer; background-color: #00aeef; } .sliderNext .butText { color: #ffffff; font-family: "PTSerifPro-Demi"; font-size: 0.875rem } .sliderNext .butArrow { width: 1.5625rem; height: 1.125rem; position: absolute; top: 0.5rem; left: 5rem; opacity: 0; -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } .sliderNext:hover { background-color: #00aced; } .sliderNext:hover .butText { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .sliderNext:hover .butArrow { transition-delay: 0.2s; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .sliderGoTo { float: left; display: none; } .sp-button { cursor: pointer; font-family: "PTSerifPro-Demi"; font-size: 1rem; color: #292929; margin-left: 1rem; float: left; border-radius: 50%; width: 2.375rem; height: 2.375rem; line-height: 2.275rem; border: 1px solid #00aeef; text-align: center; } .sp-button:hover, .sp-button.sp-selected-button { background-color: #00aeef; color: #fff; } .partCentered { width: 22.5rem; margin: 0 auto; } .partDelitel { height: 3px; background-image: url('/bitrix/templates/main/../img/partdelitel.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; margin-bottom: 4.6875rem; } .partLogo { height: 6.6875rem; margin-bottom: 2.1875rem; } .partLogo div { background-color: #fff; background-repeat: no-repeat; background-size: contain; background-position: center center; width: 100%; height: 100%; } .partTitle { color: #434142; font-size: 2rem; font-family: "PTSerifPro-Regular"; margin-bottom: 1.1875rem; } .partText { color: #434142; font-size: 1.125rem; font-family: "PT Sans Regular"; line-height: 1.5rem; } .partButtons { margin: 1.25rem 0 8.125rem 0; } .viewReview { position: relative; display: inline-block; overflow: hidden; background-color: transparent; border: 1px solid #00aced; border-radius: 30px; line-height: 2.375rem; padding: 0 2.1875rem; cursor: pointer; } .viewReview .butText { color: #03aded; font-family: "PTSerifPro-Demi"; font-size: 0.875rem } .viewReview .butArrow { width: 1.5625rem; height: 1.125rem; position: absolute; top: 0.5rem; left: 5rem; opacity: 0; -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } .viewReview:hover { background-color: #00aced; } .viewReview:hover .butText { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .viewReview:hover .butArrow { transition-delay: 0.2s; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .viewLicense { position: relative; display: inline-block; overflow: hidden; background-color: transparent; border: 1px solid #00aced; border-radius: 30px; line-height: 2.125rem; padding: 0 2.1875rem; cursor: pointer; margin-right: 0.625rem; } .viewLicense .butText { color: #03aded; font-family: "PTSerifPro-Demi"; font-size: 0.875rem } .viewLicense:hover, .viewLicense.active { background-color: #00aced; } .viewLicense:hover .butText, .viewLicense.active .butText { color: #fff; } .partCustom { margin-top: 2.9375rem; } .partCustom .boxLogo { overflow: hidden; cursor: pointer; position: relative; width: 115px; height: 115px; background-color: #fff; border-radius: 50%; -webkit-box-shadow: -1px 10px 23px -1px rgba(0, 0, 0, 0.36); -moz-box-shadow: -1px 10px 23px -1px rgba(0, 0, 0, 0.36); box-shadow: -1px 10px 23px -1px rgba(0, 0, 0, 0.36); } .partCustom .boxLogo:hover { -webkit-box-shadow: -1px 10px 23px -1px rgba(0, 172, 237, 0.36); -moz-box-shadow: -1px 10px 23px -1px rgba(0, 172, 237, 0.36); box-shadow: -1px 10px 23px -1px rgba(0, 172, 237, 0.36); /*-webkit-transform: scale(0.95) translateY(10px); -moz-transform: scale(0.95) translateY(10px); -ms-transform: scale(0.95) translateY(10px); -o-transform: scale(0.95) translateY(10px); transform: scale(0.95) translateY(10px);*/ -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } .partCustom .row { margin-bottom: 1.5rem; } .partCustom .owl-item .item .row { margin-left: 0px; margin-right: 0px; } .partCustom.owl-carousel { margin-bottom: 0; height: 417px; } .partImg { top: 5px; width: 90px; height: 90px; background-position: center center; background-size: contain; background-repeat: no-repeat } .partButtons .owl-dots { margin-right: 3.25rem; position: relative; z-index: 10; } .partButtons .owl-dot { cursor: pointer; font-family: "PTSerifPro-Demi"; font-size: 1rem; color: #00aeef; background-color: #fff; margin-left: 0.625rem; float: right; border-radius: 50%; width: 2.375rem; height: 2.375rem; line-height: 2.275rem; border: 1px solid #00aeef; text-align: center; } .partButtons .owl-dot.active, .partButtons .owl-dot:hover { color: #fff; background-color: #00aeef; } .row.part { padding-top: 2.9375rem; } h3.docInner { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.25rem; width: 26.25rem; margin: 0 auto; margin-bottom: 1rem; margin-top: 0.5rem; } div.docInner { background-color: #e6e6e6; width: 26.25rem; margin: 0 auto; height: calc(100% - 1.25rem); } .docInnerImg { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; } .partSertificates { padding: 3.4375rem 0 8.125rem 0; } .partSertificates .col-xs-6 { height: 38.625rem; } .pageLic.owl-carousel { padding: 5.1875rem 0 0 0; position: absolute; top: 0px; left: 0px; } .pageLic .boxFile { cursor: pointer; position: relative; } .pageLic .boxFile:hover { /*-webkit-transform: scale(0.95) translateY(10px); -moz-transform: scale(0.95) translateY(10px); -ms-transform: scale(0.95) translateY(10px); -o-transform: scale(0.95) translateY(10px); transform: scale(0.95) translateY(10px);*/ -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } .pageLic .row { margin-bottom: 1.875rem; } .pageLic .owl-item .item .row { margin-left: 0px; margin-right: 0px; } /*.pageLic.owl-carousel{margin-bottom: 0;height:500px;}*/ .boxFileSVG { width: 2.875rem; margin: 0 auto; background-color: #fff; } .pageLic .boxFile .boxFileSVG svg { fill: #0f57a7; -webkit-filter: drop-shadow(3px 6px 3px rgba(0, 0, 0, 0.2)); filter: drop-shadow(3px 6px 3px rgba(0, 0, 0, 0.2)); background-color: #fff; } .pageLic .boxFile:hover .boxFileSVG svg { fill: #00aced; -webkit-filter: drop-shadow(3px 6px 3px rgba(0, 172, 237, 0.2)); filter: drop-shadow(3px 6px 3px rgba(0, 172, 237, 0.2)); } .pageLic .boxFile:hover .boxFileTitle { color: #00aced; } .boxFileTitle { color: #0f57a7; font-family: "PT Sans Regular"; font-size: 1rem; margin-top: 1.125rem; } .pageLic.owl-theme .owl-dots { margin-right: 3.25rem; position: relative; z-index: 10; float: right; } .pageLic.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 2rem; } .pageLic.owl-theme .owl-dots .owl-dot { cursor: pointer; font-family: "PTSerifPro-Demi"; font-size: 1rem; color: #00aeef; background-color: #fff; margin-left: 0.625rem; float: left; border-radius: 50%; width: 2.375rem; height: 2.375rem; border: 1px solid #00aeef; text-align: center; } .pageLic.owl-theme .owl-dots .owl-dot span, .pageLic.owl-theme .owl-dots .owl-dot.active span, .pageLic.owl-theme .owl-dots .owl-dot:hover span { background-color: transparent; display: inline-block; width: auto; height: auto; } .pageLic.owl-theme .owl-dots .owl-dot.active, .pageLic.owl-theme .owl-dots .owl-dot:hover { color: #fff; background-color: #00aeef; } .partSert.owl-carousel.owl-loaded { display: block; } .partLicense.owl-carousel.owl-loaded { display: none; } .carouselWrapLic { height: 700px; overflow: hidden; position: relative; } .footerLogo { position: absolute; left: 0; top: 3.375rem; width: 13.75rem; height: 4.375rem; } .footerLogo svg { width: 100%; height: 100%; } .footerLogo svg path { fill: #fff; } .footerLogo svg circle { fill: #fff; } .footerLogo a { position: relative; z-index: 10; } .footerAdress { padding-left: 1rem; position: absolute; left: 0; top: 9rem; width: 13.75rem; height: 4.375rem; color: #fff; font-family: 'PT Sans Regular'; font-size: 0.95rem; line-height: 1.125rem; } .footerAdress p { font-family: 'PTSerifPro-Demi'; margin-bottom: 1rem; } .row.copyright { margin-top: 0.8rem; font-family: 'PT Sans Regular'; color: #fff; font-size: 0.85rem; line-height: 1rem; } .row.copyright a { font-family: 'PT Sans Regular'; color: #fff; font-size: 0.85rem; line-height: 1rem; padding-bottom: 0px; border-bottom: 1px solid #fff; } .row.copyright a:hover { border-bottom: 1px solid transparent } .footer { clear: both; background: rgb(0, 172, 237); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(36, 119, 211, 1) 0%, rgba(36, 119, 211, 1) 18%, rgba(36, 119, 211, 1) 18%, rgba(36, 119, 211, 1) 19%, rgba(36, 119, 211, 1) 19%, rgba(15, 87, 167, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(36, 119, 211, 1) 0%, rgba(36, 119, 211, 1) 18%, rgba(36, 119, 211, 1) 18%, rgba(36, 119, 211, 1) 19%, rgba(36, 119, 211, 1) 19%, rgba(15, 87, 167, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(36, 119, 211, 1) 0%, rgba(36, 119, 211, 1) 18%, rgba(36, 119, 211, 1) 18%, rgba(36, 119, 211, 1) 19%, rgba(36, 119, 211, 1) 19%, rgba(15, 87, 167, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aced', endColorstr='#0f57a7', GradientType=1); /* IE6-9 fallback on horizontal gradient */ position: relative; /*overflow: hidden;*/ min-height: 610px; } .footer .sectionWrap { position: relative; } .footer .row.sectionWrap { padding: 3.375rem 0 0 18.125rem; } .footer .row.sectionWrap li { line-height: 1rem; margin-bottom: 1.1875rem; } .footer .row.sectionWrap li:last-child { margin: 0px; } .footer .row.sectionWrap a { font-size: 0.875rem; color: #fff; position: relative; font-family: "PT Sans Regular", "PT Sans Regular"; } .footer .row.sectionWrap a:after { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: transparent; } .footer .row.sectionWrap a:hover:after { background-color: #fff; } .copyrights { text-align: center; margin: 4.375rem 0 1.875rem 0; font-size: 0.875rem; font-family: 'PT Sans Italic'; color: #0f57a7; font-weight: 600; } .blockAdres .col-xs-12.filial { margin: 0 0 2.5rem 0 } .blockAdres .col-xs-12.filial a { margin: 0 0 0 1rem; color: #fff; position: relative } .blockAdres .col-xs-12.filial a:after { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: transparent; } .blockAdres .col-xs-12.filial a:hover:after { background-color: #fff; } .blockAdres { margin: 3rem 0; padding: 2rem 0 0 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; font-family: "PT Sans Regular"; font-size: 0.875rem; line-height: 1.125rem; } .blockAdres .col-xs-4 { margin: 0 0 2.5rem 0 } .blockIcons.sectionWrap { height: 4.0625rem; overflow: hidden; padding-right: 4.125rem; } .blockIcons li { float: left; margin: 0.375rem 0.755rem 0 0.75rem; } .blockIcons li:first-child { float: left; margin: 0.375rem 0.755rem 0 0; } .blockIcons li svg { width: 100%; height: 100%; max-width: 30px; max-height: 1.875rem; cursor: pointer; } .blockIcons li:nth-child(1) { margin-top: 0.2rem; } .blockIcons li:nth-child(2) { margin-top: 0.575rem; } .blockIcons li:nth-child(2) svg { width: 100%; height: 100%; max-width: 30px; max-height: 1.5rem; cursor: pointer; } .blockIcons li svg path, .blockIcons li svg circle { fill: #fff; } .blockIcons li:hover svg path, .blockIcons li:hover svg circle { fill: #00aced; } .bottomLinkA { padding-left: 1.375rem; } .bottomLinkA a { padding-bottom: 0px; border-bottom: 1px solid #fff; position: relative; font-family: "PT Sans Regular"; font-size: 0.875rem; color: #fff; line-height: 4.0625rem; } .bottomLinkA a:hover { border-bottom: 1px solid #0f57a7; } .bottomLinkA a:after { content: ''; position: absolute; top: 0px; left: -21px; width: 14px; height: 18px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3e%3cpath style='fill:%23fff' d='M256 0C156.748 0 76 80.748 76 180c0 33.534 9.289 66.26 26.869 94.652l142.885 230.257A15 15 0 0 0 258.499 512h.119a14.997 14.997 0 0 0 12.75-7.292L410.611 272.22C427.221 244.428 436 212.539 436 180 436 80.748 355.252 0 256 0zm128.866 256.818L258.272 468.186l-129.905-209.34C113.734 235.214 105.8 207.95 105.8 180c0-82.71 67.49-150.2 150.2-150.2S406.1 97.29 406.1 180c0 27.121-7.411 53.688-21.234 76.818z' fill='%230f57a7'/%3e%3cpath style='fill:%23fff' d='M256 90c-49.626 0-90 40.374-90 90 0 49.309 39.717 90 90 90 50.903 0 90-41.233 90-90 0-49.626-40.374-90-90-90zm0 150.2c-33.257 0-60.2-27.033-60.2-60.2 0-33.084 27.116-60.2 60.2-60.2s60.1 27.116 60.1 60.2c0 32.683-26.316 60.2-60.1 60.2z' fill='%230f57a7'/%3e%3c/svg%3e"); } .gpsBlock { border-bottom: 1px solid #e7e6e6; padding-bottom: 2.9375rem } .gpsBlock .box { background-color: #fff; -webkit-box-shadow: 0px 4px 29px -5px rgba(42, 42, 42, 0.35); -moz-box-shadow: 0px 4px 29px -5px rgba(42, 42, 42, 0.35); box-shadow: 0px 4px 29px -5px rgba(42, 42, 42, 0.35); } .gpsBlock > h2 { width: 100%; text-align: center; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; padding: 3.125rem 0 5rem 0 } .gpsBlock .col-xs { padding-left: 2rem; padding-right: 2rem; } .gpsFoto { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; min-height: 18.75rem; } .animate .gpsFoto { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimLeft; animation-name: myAnimLeft; animation-fill-mode: forwards; } .gpsText p { margin-bottom: 1.875rem; line-height: 1.4375rem; color: #434142; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; } .animate .gpsText, .animate .gpsButtons { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimRight; animation-name: myAnimRight; animation-fill-mode: forwards; } .gpsButtons, .gpsText, .animate .gpsFoto { opacity: 0 } .gpsButtons button { margin-right: 0.625rem; } .animate.rever .gpsFoto { -webkit-animation-name: myAnimRight; animation-name: myAnimRight; } .animate.rever .gpsText, .animate.rever .gpsButtons { -webkit-animation-name: myAnimLeft; animation-name: myAnimLeft; } .gpsElements { padding: 2.75rem 0; border-bottom: 1px solid #e7e6e6; } .gpsElements h3 { width: 100%; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; text-align: center } .gpsCalc { width: 100%; text-align: center; margin-top: 3.125rem; } .gpsCalc span { color: #0f57a7; font-family: "PTSerifPro-Demi"; font-size: 5rem; } .gpsToday { padding: 5rem 0; border-bottom: 1px solid #e7e6e6; } .gpsToday h3 { width: 100%; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; text-align: center; } .gpsToday .col-xs { padding: 3.75rem 0; text-align: center } .gpsToday .box { width: 11.875rem; text-align: center; opacity: 0; margin: 0 auto; } .gpsToday .box svg { max-width: 5.3125rem; max-height: 4.6875rem; margin-bottom: 1.5rem; } .gpsToday .box p { color: #292929; font-family: "PT Sans Regular"; font-size: 1rem; line-height: 1.4375rem; } .gpsToday.animate .box { -webkit-animation: pulse2 0.8s ease forwards; animation: pulse2 0.8s ease forwards; } .gpsToday.animate .start1 { animation-delay: 0.5s } .gpsToday.animate .start2 { animation-delay: 0.55s } .gpsToday.animate .start3 { animation-delay: 0.60s } .gpsToday.animate .start4 { animation-delay: 0.65s } .gpsToday.animate .start5 { animation-delay: 0.7s } .gpsToday.animate .start6 { animation-delay: 0.75s } .gpsToday.animate .start7 { animation-delay: 0.8s } .gpsToday.animate .start8 { animation-delay: 0.85s } .gpsToday.animate .start9 { animation-delay: 0.9s } .gpsToday.animate .start10 { animation-delay: 0.95s } .gpsToday.animate .start11 { animation-delay: 1.0s } .gpsToday.animate .start12 { animation-delay: 1.05s } .gpsCapabilities { padding: 3rem 0 1rem 0; border-bottom: 1px solid #e7e6e6; } .gpsCapabilities .col-xs { padding-left: 3rem; } .gpsCapabilities h3 { width: 100%; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; text-align: center; margin-bottom: 3.75rem; } .gpsCapabilities .row { margin-bottom: 2rem; } .gpsCapabilities .box { position: relative; line-height: 2.375rem; } .gpsCapabilities .box span { position: relative; color: #434142; font-size: 1rem; font-family: "PT Sans Regular"; cursor: pointer; } .gpsCapabilities .box span:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; } .gpsCapabilities .box span:hover { position: relative; color: #00aced; } .gpsCapabilities .box span:hover:after { background-color: #00aced; } .gpsCapabilities .box span:before { position: absolute; width: 1rem; height: 0.8125rem; right: 0; top: 0; background-image: url('/bitrix/templates/main/../img/picture.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; content: ''; -webkit-transform: translate(110%, -50%); -moz-transform: translate(110%, -50%); -ms-transform: translate(110%, -50%); -o-transform: translate(110%, -50%); transform: translate(110%, -50%); } /*.gpsCapabilities .box:after{position:absolute;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='587.91' height='587.91'%3e%3cg fill='%2300aeef'%3e%3cpath d='M86.451 501.46c26.937 26.936 58.315 48.088 93.265 62.871 36.207 15.314 74.642 23.078 114.239 23.078 39.596 0 78.032-7.764 114.239-23.078 34.949-14.783 66.328-35.936 93.266-62.871 26.936-26.938 48.09-58.316 62.871-93.266 15.314-36.207 23.08-74.643 23.08-114.238 0-39.598-7.766-78.033-23.08-114.239-14.781-34.95-35.936-66.328-62.871-93.265-26.938-26.937-58.316-48.09-93.266-62.872C371.986 8.265 333.551.501 293.955.501c-39.597 0-78.032 7.765-114.239 23.079-34.95 14.782-66.328 35.936-93.265 62.872s-48.09 58.315-62.873 93.264C8.265 215.923.5 254.358.5 293.956c0 39.596 7.765 78.031 23.079 114.238 14.782 34.95 35.936 66.328 62.872 93.266zM293.955 43.341c138.411 0 250.614 112.204 250.614 250.615 0 138.41-112.203 250.613-250.614 250.613S43.34 432.366 43.34 293.956c0-138.411 112.204-250.615 250.615-250.615z'/%3e%3cpath d='M293.955 587.909c-39.667 0-78.167-7.778-114.434-23.117-35.01-14.809-66.442-35.998-93.423-62.979-26.983-26.984-48.172-58.417-62.979-93.425C7.778 372.119 0 333.618 0 293.956c0-39.663 7.778-78.165 23.118-114.435 14.807-35.008 35.997-66.44 62.979-93.423 26.982-26.983 58.415-48.172 93.423-62.979C215.79 7.779 254.291.001 293.954.001c39.666 0 78.167 7.778 114.433 23.119 35.009 14.807 66.441 35.997 93.425 62.979 26.984 26.985 48.173 58.417 62.979 93.423 15.341 36.27 23.119 74.771 23.119 114.434 0 39.662-7.778 78.163-23.119 114.433-14.806 35.007-35.994 66.439-62.979 93.425-26.982 26.98-58.415 48.169-93.425 62.979-36.266 15.338-74.767 23.116-114.432 23.116zm0-586.908c-39.529 0-77.898 7.751-114.044 23.039-34.889 14.757-66.215 35.874-93.106 62.765-26.892 26.892-48.009 58.217-62.766 93.105C8.751 216.057 1 254.427 1 293.956 1 333.483 8.751 371.854 24.039 408c14.757 34.889 35.874 66.214 62.766 93.106 26.89 26.889 58.215 48.006 93.106 62.765 36.142 15.287 74.512 23.038 114.044 23.038s77.901-7.751 114.044-23.039c34.89-14.758 66.216-35.875 93.106-62.764 26.893-26.895 48.009-58.22 62.764-93.106 15.289-36.146 23.041-74.516 23.041-114.044 0-39.529-7.752-77.899-23.041-114.044-14.754-34.887-35.871-66.212-62.764-93.106-26.892-26.891-58.218-48.008-93.106-62.765-36.144-15.289-74.514-23.04-114.044-23.04zm0 544.068c-67.075 0-130.136-26.12-177.565-73.549-47.429-47.43-73.55-110.489-73.55-177.564s26.12-130.136 73.55-177.565c47.429-47.429 110.49-73.55 177.565-73.55s130.135 26.121 177.564 73.55c47.43 47.43 73.55 110.49 73.55 177.565s-26.12 130.135-73.55 177.564c-47.429 47.429-110.49 73.549-177.564 73.549zm0-501.228c-66.808 0-129.617 26.017-176.858 73.257-47.24 47.241-73.257 110.05-73.257 176.858s26.017 129.617 73.257 176.856c47.24 47.24 110.05 73.257 176.858 73.257s129.617-26.017 176.857-73.257c47.24-47.239 73.257-110.049 73.257-176.856 0-66.808-26.017-129.618-73.257-176.858-47.241-47.241-110.049-73.257-176.857-73.257z'/%3e%3cg%3e%3cpath d='M228.992 400.794a21.414 21.414 0 0 0 15.146 6.273 21.417 21.417 0 0 0 15.146-6.273L442.67 217.409c8.365-8.365 8.365-21.927 0-30.292s-21.928-8.366-30.293 0l-168.239 168.24-68.606-68.607c-8.365-8.366-21.927-8.366-30.292 0-8.365 8.365-8.365 21.927 0 30.292l83.752 83.752z'/%3e%3cpath d='M244.138 407.567c-5.855 0-11.36-2.28-15.5-6.42l-83.752-83.752c-8.546-8.547-8.546-22.453 0-31 4.14-4.141 9.645-6.421 15.5-6.421s11.359 2.28 15.5 6.421l68.253 68.253 167.885-167.886a21.773 21.773 0 0 1 15.5-6.42 21.78 21.78 0 0 1 15.5 6.42c4.141 4.14 6.421 9.645 6.421 15.5s-2.28 11.359-6.421 15.5L259.638 401.147a21.774 21.774 0 0 1-15.5 6.42zm-83.752-126.592a20.779 20.779 0 0 0-14.792 6.128c-8.156 8.157-8.156 21.428 0 29.585l83.752 83.752a20.782 20.782 0 0 0 14.792 6.127 20.782 20.782 0 0 0 14.793-6.127l183.385-183.385c3.951-3.951 6.128-9.205 6.128-14.792s-2.177-10.842-6.128-14.793c-3.951-3.952-9.205-6.127-14.793-6.127s-10.842 2.176-14.793 6.127L244.138 356.063l-68.96-68.96a20.779 20.779 0 0 0-14.792-6.128z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");content: '';background-position: center center;background-repeat: no-repeat;background-size: cover;width:2.375rem;height:2.375rem;top:0;left:0; -webkit-transform: translateX(calc(-100% - 1rem)); -moz-transform: translateX(calc(-100% - 1rem)); -ms-transform: translateX(calc(-100% - 1rem)); -o-transform: translateX(calc(-100% - 1rem)); transform: translateX(calc(-100% - 1rem));}*/ .gpsCapabilities .box:after { position: absolute; content: ''; background-position: center center; background-repeat: no-repeat; background-size: contain; width: 2.375rem; height: 2.375rem; top: 0; left: 0; -webkit-transform: translateX(calc(-100% - 1rem)); -moz-transform: translateX(calc(-100% - 1rem)); -ms-transform: translateX(calc(-100% - 1rem)); -o-transform: translateX(calc(-100% - 1rem)); transform: translateX(calc(-100% - 1rem)); } .gpsCapabilities .box.vozm1:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='30.502' height='32.196'%3e%3cpath fill='%2300aced' d='M18.592 17.892a1.53 1.53 0 0 1-1.102-.473l-2.611-2.746-1.576 1.516a.669.669 0 0 1-.647.161.67.67 0 0 1-.469-.475l-1.195-4.55-1.235-4.532a.674.674 0 0 1 .861-.817l4.471 1.459 4.478 1.417a.677.677 0 0 1 .259 1.132l-1.59 1.499 2.611 2.747a1.514 1.514 0 0 1-.054 2.147l-1.149 1.097a1.54 1.54 0 0 1-1.052.418zM14.9 13.048h.012a.67.67 0 0 1 .477.209l3.078 3.236a.178.178 0 0 0 .247.004l1.151-1.097a.17.17 0 0 0 .006-.246l-3.078-3.234a.678.678 0 0 1 .024-.953l1.251-1.177-3.394-1.073-3.291-1.075.909 3.336.904 3.446 1.235-1.188a.684.684 0 0 1 .469-.188z'/%3e%3cpath fill='%2300aced' d='M24.355 20.699H6.148a1.934 1.934 0 0 1-1.933-1.932V5.205c0-1.065.868-1.932 1.933-1.932h18.207c1.066 0 1.931.867 1.931 1.932v13.563a1.932 1.932 0 0 1-1.931 1.931zM6.148 4.619a.586.586 0 0 0-.586.586v13.563c0 .324.263.588.586.588h18.207a.586.586 0 0 0 .584-.588V5.205a.584.584 0 0 0-.584-.586H6.148z'/%3e%3cpath fill='%2300aced' d='M23.554 32.196H6.954a.675.675 0 0 1-.674-.673c0-1.822 2.291-3.32 5.886-3.893v-3.658H2.441A2.446 2.446 0 0 1 0 21.528V2.445A2.445 2.445 0 0 1 2.441 0H28.06a2.445 2.445 0 0 1 2.442 2.445v19.083a2.445 2.445 0 0 1-2.442 2.444h-9.725v3.658c3.534.563 5.807 2.021 5.887 3.798.002.033.004.062.004.095 0 .37-.302.673-.672.673zM7.9 30.849h14.701c-.635-.801-2.352-1.629-5.023-1.968a.674.674 0 0 1-.589-.669V23.3c0-.371.302-.674.675-.674H28.06a1.1 1.1 0 0 0 1.099-1.099V2.445a1.1 1.1 0 0 0-1.099-1.1H2.441a1.1 1.1 0 0 0-1.096 1.1v19.083c0 .606.492 1.099 1.096 1.099h10.397c.372 0 .674.303.674.674v4.912c0 .34-.251.627-.589.669-2.671.338-4.388 1.166-5.023 1.967z'/%3e%3c/svg%3e"); } .gpsCapabilities .box.vozm4:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='36.417' height='22.555'%3e%3cpath fill='%2300aced' d='M1.775 10.729a.678.678 0 0 1-.585-1.028c.904-1.535 3.703-4.528 5.377-6.314.471-.504.842-.9.995-1.08C8.821.842 10.426.022 12.081 0a5.713 5.713 0 0 1 4.086 1.635A5.742 5.742 0 0 1 17.9 5.688a9.08 9.08 0 0 1-.038.801h.294a7.13 7.13 0 0 1-.035-.567c-.042-3.179 2.5-5.798 5.669-5.839 1.801-.027 3.443.766 4.605 2.222.193.239.842.902 1.592 1.665 1.731 1.764 4.104 4.183 4.943 5.524a.681.681 0 1 1-1.155.722C33.014 9 30.606 6.547 29.012 4.923c-.838-.855-1.447-1.472-1.683-1.769-.895-1.12-2.136-1.723-3.522-1.71-2.416.033-4.354 2.032-4.322 4.461.001.159.023.493.111 1.175a.68.68 0 0 1-.675.768l-1.808.005h-.002a.68.68 0 0 1-.678-.756c.088-.82.105-1.209.102-1.392a4.382 4.382 0 0 0-1.324-3.096 4.354 4.354 0 0 0-3.112-1.246c-1.698.022-2.924 1.157-3.503 1.832-.173.201-.535.587-1.034 1.122-1.526 1.633-4.37 4.668-5.2 6.075a.677.677 0 0 1-.587.337z'/%3e%3cpath fill='%2300aced' d='M8.303 19.774a5.881 5.881 0 0 1-4.125-1.677 5.862 5.862 0 0 1-1.785-4.158 5.865 5.865 0 0 1 1.676-4.203 5.872 5.872 0 0 1 4.236-1.79 5.88 5.88 0 0 1 4.125 1.679 5.872 5.872 0 0 1 1.789 4.16 5.874 5.874 0 0 1-1.678 4.204 5.865 5.865 0 0 1-4.238 1.785zm.002-10.463a4.514 4.514 0 0 0-3.26 1.374 4.518 4.518 0 0 0-1.291 3.235 4.52 4.52 0 0 0 1.375 3.201 4.52 4.52 0 0 0 3.174 1.291c1.24 0 2.398-.487 3.262-1.374a4.523 4.523 0 0 0 1.291-3.236 4.524 4.524 0 0 0-1.376-3.2 4.515 4.515 0 0 0-3.175-1.291z'/%3e%3cpath fill='%2300aced' d='M28.109 22.555a8.262 8.262 0 0 1-8.133-6.63c-1.062-.452-2.308-.472-3.606-.069-.896 3.632-4.18 6.264-7.955 6.312l-.112.002c-4.519 0-8.243-3.678-8.302-8.198a8.25 8.25 0 0 1 2.355-5.904 8.259 8.259 0 0 1 5.84-2.51l.111-.001a8.257 8.257 0 0 1 7.234 4.225l5.576-.009a8.338 8.338 0 0 1 6.885-3.826l.112-.003c4.518 0 8.242 3.677 8.303 8.198a8.256 8.256 0 0 1-2.357 5.905 8.262 8.262 0 0 1-5.842 2.508h-.109zm-9.931-8.351c.975 0 1.891.22 2.721.649.191.1.322.286.357.498a6.909 6.909 0 0 0 6.854 5.84h.093a6.89 6.89 0 0 0 4.882-2.098 6.89 6.89 0 0 0 1.969-4.935c-.048-3.779-3.161-6.854-6.938-6.854l-.094.003a6.985 6.985 0 0 0-5.931 3.484.68.68 0 0 1-.589.342l-6.368.012a.676.676 0 0 1-.609-.378 6.913 6.913 0 0 0-6.217-3.849h-.093a6.897 6.897 0 0 0-4.882 2.099 6.878 6.878 0 0 0-1.969 4.936c.048 3.777 3.161 6.854 6.938 6.854l.094-.001c3.271-.044 6.096-2.399 6.722-5.604a.688.688 0 0 1 .436-.51 7.645 7.645 0 0 1 2.624-.488z'/%3e%3cpath fill='%2300aced' d='M28.112 20.162a5.883 5.883 0 0 1-4.127-1.677 5.921 5.921 0 0 1-.109-8.364 5.872 5.872 0 0 1 4.238-1.786c1.548 0 3.014.597 4.125 1.679a5.863 5.863 0 0 1 1.785 4.157 5.876 5.876 0 0 1-1.676 4.205 5.865 5.865 0 0 1-4.236 1.786zm.002-10.465c-1.241 0-2.397.49-3.264 1.377a4.557 4.557 0 0 0 .086 6.434 4.524 4.524 0 0 0 3.176 1.294c1.238 0 2.395-.49 3.26-1.377a4.515 4.515 0 0 0 1.291-3.235 4.528 4.528 0 0 0-1.374-3.199 4.528 4.528 0 0 0-3.175-1.294z'/%3e%3c/svg%3e"); } .gpsCapabilities .box.vozm7:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='32.945' height='25.995'%3e%3cpath fill='%2300aced' d='M2.491 25.995c-.381 0-.729-.145-.98-.405L.369 24.409c-.544-.566-.479-1.514.145-2.115l10.655-10.286-1.945-.605c-.666-.207-1.095-.625-1.178-1.145-.082-.523.197-1.051.768-1.453l2.553-1.806c.623-.442 1.164-1.503 1.156-2.271l-.041-3.125c-.009-.67.226-1.051.424-1.253.223-.226.522-.35.846-.35.352 0 .712.138 1.075.408l2.503 1.868c.414.311 1.106.509 1.762.509.285 0 .546-.038.756-.108l2.96-1.004c.747-.254 1.403-.104 1.748.377.269.376.309.902.112 1.483l-1.004 2.959c-.247.727-.06 1.901.398 2.517l1.868 2.504c.569.762.423 1.338.284 1.613-.232.466-.759.731-1.441.731h-.035l-3.125-.04c-.783 0-1.836.542-2.271 1.156l-1.803 2.553c-.357.504-.809.781-1.273.781-.6 0-1.096-.447-1.326-1.192l-.602-1.933L3.63 25.52a1.66 1.66 0 0 1-1.139.475zm11.26-24.791c-.012.013-.071.127-.067.386l.04 3.125c.014 1.161-.717 2.597-1.664 3.267L9.507 9.787c-.211.148-.27.264-.274.294.01.007.102.099.348.175l2.914.906a.6.6 0 0 1 .238 1.006L1.347 23.158c-.162.158-.175.352-.113.416l1.14 1.182c.031.032.081.038.117.038.1 0 .214-.051.304-.136l11.409-11.014a.603.603 0 0 1 .992.252l.89 2.865c.076.245.169.336.194.35.01-.006.127-.064.275-.275l1.805-2.553c.66-.934 2.079-1.665 3.232-1.665l.034.001 3.146.04c.244 0 .354-.058.373-.077-.004-.012-.023-.141-.178-.346l-1.87-2.506c-.694-.932-.946-2.521-.573-3.621l1.004-2.959c.08-.238.063-.365.049-.395.002.005-.026-.004-.076-.004a.981.981 0 0 0-.309.063l-2.96 1.002a3.542 3.542 0 0 1-1.142.174c-.911 0-1.861-.285-2.479-.748l-2.504-1.866c-.168-.127-.298-.172-.356-.172zM21.959 21.315a2.433 2.433 0 0 1-2.43-2.43c0-1.338 1.09-2.43 2.43-2.43a2.434 2.434 0 0 1 2.429 2.43c0 1.339-1.09 2.43-2.429 2.43zm0-3.656a1.227 1.227 0 1 0 0 0zM29.712 9.832a3.239 3.239 0 0 1-3.235-3.234 3.239 3.239 0 0 1 3.235-3.234 3.238 3.238 0 0 1 3.233 3.234 3.238 3.238 0 0 1-3.233 3.234zm0-5.266c-1.121 0-2.033.911-2.033 2.032s.912 2.033 2.033 2.033a2.033 2.033 0 0 0 0-4.065zM6.966 5.005a2.137 2.137 0 0 1 0-4.273 2.137 2.137 0 0 1 0 4.273zm0-3.071a.935.935 0 1 0-.002 1.87.935.935 0 0 0 .002-1.87z'/%3e%3c/svg%3e"); } .gpsCapabilities .box.vozm2:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='25.422' height='31.637'%3e%3cpath fill='%2300aced' d='M20.036 28.889H5.386a2.477 2.477 0 0 1-2.473-2.476V9.873a.608.608 0 1 1 1.216 0v16.541c0 .694.563 1.258 1.256 1.258h14.65a1.26 1.26 0 0 0 1.257-1.258V9.873c0-.336.272-.607.608-.607.338 0 .611.271.611.607v16.541a2.476 2.476 0 0 1-2.475 2.475z'/%3e%3cpath fill='%2300aced' d='M23.022 31.637H2.401C1.077 31.637 0 30.591 0 29.306V7.399c0-1.287 1.077-2.333 2.401-2.333a.609.609 0 0 1 0 1.216c-.654 0-1.186.502-1.186 1.116v21.906c0 .612.531 1.114 1.186 1.114h20.621c.653 0 1.185-.502 1.185-1.114V7.399c0-.614-.531-1.116-1.185-1.116a.608.608 0 1 1 0-1.216c1.324 0 2.4 1.046 2.4 2.333v21.906c.001 1.285-1.075 2.331-2.4 2.331z'/%3e%3cpath fill='%2300aced' d='M21.005 8.835H4.417a.61.61 0 0 1-.609-.609 3.868 3.868 0 0 1 3.865-3.862h1.348A3.748 3.748 0 0 1 12.71 0a3.749 3.749 0 0 1 3.693 4.364h1.348a3.866 3.866 0 0 1 3.861 3.862.609.609 0 0 1-.607.609zM5.098 7.618h15.228a2.648 2.648 0 0 0-2.574-2.038h-2.156a.61.61 0 0 1-.559-.848 2.53 2.53 0 0 0-2.326-3.516 2.53 2.53 0 0 0-2.526 2.526c0 .343.069.676.204.991a.608.608 0 0 1-.561.847H7.674a2.649 2.649 0 0 0-2.576 2.038zM18.864 14.104H6.723a.608.608 0 1 1 0-1.216h12.141a.607.607 0 1 1 0 1.216zM18.864 17.329H6.723a.608.608 0 0 1 0-1.215h12.141a.607.607 0 1 1 0 1.215zM18.864 20.553H6.723a.608.608 0 1 1 0-1.216h12.141c.336 0 .607.272.607.607a.606.606 0 0 1-.607.609z'/%3e%3c/svg%3e"); } .gpsCapabilities .box.vozm5:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='24.36' height='23.009'%3e%3cpath fill='%2300aced' d='M7.462 20.133a.54.54 0 0 1-.541-.54V.539c0-.297.242-.539.541-.539s.537.242.537.539v19.055a.536.536 0 0 1-.537.539z'/%3e%3cpath fill='%2300aced' d='M14.386 23.009H.54A.539.539 0 0 1 0 22.47c0-1.947 3.206-3.415 7.462-3.415 4.199 0 7.377 1.43 7.459 3.341a.539.539 0 0 1-.535.613zM1.284 21.93h12.352c-.699-.93-3.112-1.797-6.174-1.797-3.065 0-5.477.868-6.178 1.797zM17.888 13.124c-1.713 0-2.944-.534-4.133-1.047-1.139-.491-2.215-.956-3.699-.956-.758 0-1.56.119-2.452.365a.538.538 0 0 1-.683-.52V1.257c0-.242.164-.454.398-.518C8.301.466 9.2.333 10.055.333c1.709 0 2.938.533 4.125 1.046 1.14.491 2.215.959 3.707.959 3.675 0 5.516-1.964 5.533-1.984a.542.542 0 0 1 .94.365v9.707a.527.527 0 0 1-.145.364c-.085.096-2.183 2.334-6.327 2.334zm-7.832-3.083c1.709 0 2.938.533 4.125 1.046 1.14.491 2.215.959 3.707.959 3.078 0 4.892-1.401 5.392-1.849v-8.34c-.998.679-2.793 1.559-5.392 1.559-1.713 0-2.944-.533-4.133-1.046-1.139-.491-2.215-.958-3.699-.958-.645 0-1.32.087-2.057.264v8.602a9.55 9.55 0 0 1 2.057-.237z'/%3e%3c/svg%3e"); } .gpsCapabilities .box.vozm8:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='24.928' height='22.542'%3e%3cpath fill='%2300aced' d='M23.006 18.214h-5.178a.518.518 0 1 1 0-1.038h5.178a.888.888 0 0 0 .887-.887V1.923a.889.889 0 0 0-.887-.888H10.201c-.764 0-1.035.333-1.523.938-.084.102-.171.21-.263.317L6.234 5.055a.521.521 0 0 1-.405.197H1.925a.887.887 0 0 0-.887.887v10.15c0 .489.396.887.887.887h5.249a.52.52 0 0 1 0 1.038H1.925A1.927 1.927 0 0 1 0 16.29V6.14c0-1.061.865-1.925 1.925-1.925h3.653l2.03-2.573.011-.014c.089-.105.172-.208.254-.306C8.398.672 8.943 0 10.201 0h12.805c1.058 0 1.922.864 1.922 1.924V16.29a1.926 1.926 0 0 1-1.922 1.924z'/%3e%3cpath fill='%2300aced' d='M14.479 22.542h-4.028a1.62 1.62 0 0 1-1.62-1.617v-6.661a.578.578 0 0 0-.577-.578l-2.853.009c-.718 0-.959-.382-1.031-.545-.073-.166-.185-.605.302-1.126l2.615-2.799c.412-.442 1.08-1.167 1.487-1.611l2.565-2.808a1.507 1.507 0 0 1 2.248 0l2.566 2.808c.398.439 1.068 1.161 1.488 1.611l2.614 2.799c.487.52.374.96.305 1.126-.073.163-.314.545-1.026.545h-.001l-2.854-.009a.579.579 0 0 0-.581.578v6.661a1.62 1.62 0 0 1-1.619 1.617zM8.25 12.65c.895 0 1.617.723 1.617 1.614v6.661c0 .32.262.581.584.581h4.028a.583.583 0 0 0 .583-.581v-6.661c0-.892.723-1.614 1.611-1.614l2.759.009-2.548-2.727c-.42-.452-1.092-1.177-1.494-1.618l-2.566-2.81a.482.482 0 0 0-.718 0l-2.565 2.81c-.412.447-1.081 1.173-1.496 1.618l-2.547 2.727 2.752-.009z'/%3e%3c/svg%3e"); } .gpsCapabilities .box.vozm3:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='22.988' height='24.665'%3e%3cpath fill='%2300aced' d='M.475 24.665A.474.474 0 0 1 0 24.187a.48.48 0 0 1 .475-.483h16.58a.48.48 0 1 1 0 .961H.475zm0-1.829A.48.48 0 0 1 0 22.351c0-.264.211-.476.475-.476h1.539L2 21.788V3.99C2 1.856 3.512 0 5.512 0h6.541c2 0 3.514 1.856 3.514 3.99v8.455l.338-.085a1.248 1.248 0 0 1 1.369 1.119c.139 2.346.359 3.943.891 4.831.244.411.535.629.906.716.398.086.961.033 1.744-.266.879-.363 1.31-.936 1.188-1.961-.135-1.135-.936-2.816-2.752-5.27-.379-.51-.678-1.099-.711-1.801l.021-.293-.85.113c-.037.007-.078.007-.111.007a.489.489 0 0 1-.439-.518l.195-2.458a.512.512 0 0 1 .209-.365l1.492-1.006a.478.478 0 0 1 .67.124.48.48 0 0 1-.127.67l-1.305.882-.125 1.631 1.73-.239.065-2.717c0-.02.006-.034.006-.054.082-.582-.086-1.37-.435-2.08-.357-.716-.844-1.246-1.299-1.425a.487.487 0 0 1-.273-.623.488.488 0 0 1 .631-.271c1.385.544 2.412 2.65 2.359 4.221l-.021.266-.086 3.121a.482.482 0 0 1-.408.464l-.91.126-.025.358c.019.47.217.887.523 1.299 1.82 2.466 2.764 4.318 2.934 5.725.18 1.505-.543 2.451-1.793 2.976-.656.244-1.254.378-1.791.364a2.99 2.99 0 0 1-.51-.059c-.684-.154-1.18-.57-1.531-1.166-.588-.989-.828-2.566-.967-4.442l-.053-.787-.029-.086c-.09-.205-.381-.265-.561.032a.492.492 0 0 1-.127.141l-.031.012v8.118l-.016.087h1.504c.268 0 .484.212.484.476a.486.486 0 0 1-.484.485L.475 22.836zm14.143-.961l-.012-.087V3.99c0-1.737-1.209-3.028-2.553-3.028H5.512c-1.344 0-2.553 1.291-2.553 3.028v17.799l-.018.087 11.677-.001zM4.97 11.801a.486.486 0 0 1-.483-.482.48.48 0 0 1 .483-.477h7.408a.48.48 0 0 1 .484.477.485.485 0 0 1-.484.482H4.97zm.498-1.953c-.762 0-1.281-.691-1.281-1.4V3.817c0-.703.519-1.393 1.281-1.393h6.533c.77 0 1.277.689 1.277 1.393v4.631c0 .709-.508 1.4-1.277 1.4H5.468zm6.533-.969c.113 0 .318-.126.318-.431V3.817c0-.3-.205-.431-.318-.431H5.468c-.113 0-.313.131-.313.431v4.631c0 .305.199.431.313.431h6.533zM6.302 6.341h-.045a.487.487 0 0 1-.459-.51c.02-.352.08-.656.18-.907a1.535 1.535 0 0 1 1.02-.954c.199-.059.398-.093.578-.106a.475.475 0 0 1 .521.43.472.472 0 0 1-.43.524c-.316.033-.496.085-.623.191a.667.667 0 0 0-.172.267c-.053.132-.092.331-.113.608a.479.479 0 0 1-.457.457z'/%3e%3c/svg%3e"); } .gpsCapabilities .box.vozm6:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='22.297' height='20.993'%3e%3cpath fill='%2300aced' d='M1.453 20.993a1.08 1.08 0 0 1-.119-2.152c1.414-.158 2.007-1.509 2.251-2.73C1.303 14.358 0 11.887 0 9.285 0 4.166 5.002 0 11.149 0c6.148 0 11.148 4.166 11.148 9.285s-5 9.283-11.148 9.283c-.83 0-1.66-.076-2.473-.231-2.731 2.626-7.037 2.656-7.223 2.656zm9.696-19.951c-5.574 0-10.107 3.696-10.107 8.243 0 2.363 1.245 4.616 3.417 6.18.158.115.24.31.209.504-.372 2.329-1.514 3.717-3.219 3.906-.022.001-.037.02-.037.042.003.021.02.037.041.037.173 0 4.266-.03 6.679-2.541a.518.518 0 0 1 .482-.148c.829.176 1.683.264 2.535.264 5.574 0 10.107-3.698 10.107-8.244 0-4.547-4.533-8.243-10.107-8.243z'/%3e%3cpath fill='%2300aced' d='M12.639 15.472a.735.735 0 0 1-.162-.012.52.52 0 0 1 .163-1.019c.207-.007 4.468-.242 5.495-4.662a.522.522 0 0 1 .625-.387c.28.063.454.342.388.624-.46 1.982-1.526 3.476-3.164 4.443-1.425.838-2.855 1.013-3.345 1.013z'/%3e%3c/svg%3e"); } .gpsCapabilities .box.vozm9:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='20.85' height='27.07'%3e%3cpath fill='%2300aced' d='M8.158 27.07a.477.477 0 0 1-.473-.474.47.47 0 0 1 .473-.466h4.695a.47.47 0 1 1 0 .94H8.158zm0-1.557a.476.476 0 0 1-.473-.475c0-.258.215-.472.473-.472h4.695c.26 0 .473.214.473.472a.475.475 0 0 1-.473.475H8.158zm-.519-1.621a.478.478 0 0 1-.473-.475v-3.086l-.324-.11C2.848 18.761 0 14.922 0 10.429 0 4.669 4.67 0 10.422 0 16.18 0 20.85 4.669 20.85 10.429c0 4.493-2.853 8.332-6.842 9.792l-.184.064v3.132c0 .26-.211.475-.473.475H7.639zm5.242-.946v-2.387l-.357.083c-.676.138-1.385.215-2.102.215-.721 0-1.42-.077-2.102-.215l-.213-.051.004 2.354 4.77.001zm-2.459-3.035c5.238 0 9.488-4.248 9.488-9.481 0-5.232-4.25-9.488-9.488-9.488C5.19.942.94 5.198.94 10.43c0 5.233 4.25 9.481 9.482 9.481zm0-1.207c-4.567 0-8.273-3.708-8.273-8.274a8.25 8.25 0 0 1 2.424-5.85l.084-.078.025-.038.092-.065.389-.356a8.222 8.222 0 0 1 5.26-1.889h.09l.057-.006.086.02.617.026c4.17.429 7.424 3.956 7.424 8.236-.002 4.566-3.703 8.274-8.275 8.274zm0-.946a7.263 7.263 0 0 0 4.662-1.674l.1-.091-1.104-.997a.473.473 0 1 1 .635-.701l1.146 1.044.223-.246a7.311 7.311 0 0 0 1.646-4.008v-.123l-1.445.02a.472.472 0 1 1-.013-.947l1.465-.014-.019-.344a7.28 7.28 0 0 0-1.633-3.909l-.125-.138-.908 1a.46.46 0 0 1-.66.032.474.474 0 0 1-.031-.669l.939-1.03-.215-.189a7.242 7.242 0 0 0-3.91-1.64l-.143-.007-.008 1.31a.47.47 0 0 1-.94-.006l.008-1.316-.416.02a7.255 7.255 0 0 0-3.916 1.64l-.021.014.953.862a.484.484 0 0 1 .033.668.486.486 0 0 1-.377.155.478.478 0 0 1-.291-.122l-1-.909-.291.325a7.227 7.227 0 0 0-1.523 3.184l-.111.72 1.369.02c.26 0 .467.215.461.48 0 .26-.215.467-.475.461l-1.385-.02.029.565a7.279 7.279 0 0 0 1.215 3.352l.406.545.961-1.058a.471.471 0 1 1 .699.636L5.4 15.763l.359.322a7.285 7.285 0 0 0 4.663 1.673zm-5.455-5.111a.47.47 0 0 1-.121-.915l4.336-1.529v-.007a1.26 1.26 0 0 1 1.246-1.13c.389 0 .74.184.967.461h.006l2.18-.766a.473.473 0 0 1 .313.891l-2.213.777v.02a1.261 1.261 0 0 1-1.252 1.129c-.389 0-.731-.182-.967-.461l-.008-.013-4.297 1.518a.658.658 0 0 1-.19.025zm5.461-2.016a.308.308 0 1 0 0-.617.305.305 0 0 0-.305.305c0 .175.137.312.305.312z'/%3e%3c/svg%3e"); } .gpsCapabilities.animate .box { -webkit-animation: pulse2 0.8s ease forwards; animation: pulse2 0.8s ease forwards; opacity: 0; } /*.gpsCapabilities.animate h3{-webkit-animation:pulse2 0.8s ease forwards;animation:pulse2 0.8s ease forwards;}*/ .gpsCapabilities.animate .vozm1 { animation-delay: 0.5s } .gpsCapabilities.animate .vozm2 { animation-delay: 0.55s } .gpsCapabilities.animate .vozm3 { animation-delay: 0.60s } .gpsCapabilities.animate .vozm4 { animation-delay: 0.65s } .gpsCapabilities.animate .vozm5 { animation-delay: 0.7s } .gpsCapabilities.animate .vozm6 { animation-delay: 0.75s } .gpsCapabilities.animate .vozm7 { animation-delay: 0.8s } .gpsCapabilities.animate .vozm8 { animation-delay: 0.85s } .gpsCapabilities.animate .vozm9 { animation-delay: 0.9s } .gpsCapabilities.animate .vozm10 { animation-delay: 0.95s } .gpsCapabilities.animate .vozm11 { animation-delay: 1.0s } .gpsCapabilities.animate .vozm12 { animation-delay: 1.05s } .solWrap { display: none; margin-top: 0rem; } .solDelitel { margin-left: 0.5rem; margin-right: 1.375rem; padding-right: 1.875rem; position: relative; } .solDelitel:hover span { color: #00aced; } .solDelitel:hover .line:before { background-color: #00aced; } .solDelitel:hover .line:after { background-color: #00aced; } .solDelitel:after { content: ''; position: absolute; right: 0; top: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270.6 512'%3e%3cpath d='M35.1 256L266.3 24.8c5.7-5.7 5.7-14.8 0-20.5-5.7-5.7-14.8-5.7-20.5 0L4.3 245.8c-5.7 5.7-5.7 14.8 0 20.5l241.5 241.4c2.8 2.8 6.5 4.3 10.2 4.3 3.6 0 7.4-1.4 10.2-4.3 5.7-5.7 5.7-14.8 0-20.5L35.1 256z' fill='%23474747'/%3e%3c/svg%3e"); height: 16px; width: 9px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: cover; -moz-transform: rotate(-90deg); /* Для Firefox */ -ms-transform: rotate(-90deg); /* Для IE */ -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(-90deg); /* Для Opera */ transform: rotate(-90deg); } .solDelitel:hover:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270.6 512'%3e%3cpath d='M35.1 256L266.3 24.8c5.7-5.7 5.7-14.8 0-20.5-5.7-5.7-14.8-5.7-20.5 0L4.3 245.8c-5.7 5.7-5.7 14.8 0 20.5l241.5 241.4c2.8 2.8 6.5 4.3 10.2 4.3 3.6 0 7.4-1.4 10.2-4.3 5.7-5.7 5.7-14.8 0-20.5L35.1 256z' fill='%2300aced'/%3e%3c/svg%3e"); } .line { cursor: pointer; position: relative; z-index: 1; overflow: hidden; text-align: right; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.125rem; } .line span { } .line:before, .line:after { content: ''; display: inline-block; width: 100%; height: 2px; background: #b4b4b4; z-index: -1; position: relative; vertical-align: middle; } .line:before { right: 15px; margin: 0 0 0 -100%; } .line:after { left: 15px; margin: 0 -100% 0 0; } .contTel h3, .contRek h3, .contForm h3, .contMap h3 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.15rem; margin-bottom: 1rem; } .contTel p { color: #292929; font-family: "PT Sans Regular"; font-size: 1rem; line-height: 1.45rem; } .contTel .contBox { margin-bottom: 1.875rem; } .contTel, .contRek, .contForm { margin-bottom: 3.125rem; } .contRek { display: none; } .contRek p, .contForm p, .contMap p, .contTel p { margin-bottom: 1.475rem; line-height: 1.4375rem; color: #434142; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; } .contRek a { color: #0f57af; } .contTel .col-xs { padding: 0; } .contTel a { color: #00aeef; padding-bottom: 0; border-bottom: 1px solid #00aeef; } .recvisits { margin-bottom: 19.4375rem; } .contForm.zakazPresentaion { width: 100%; } .contForm textarea { padding: 8px 30px; height: 12.5rem; text-align: left; width: 100%; border: 1px solid #00aced; border-radius: 20px; margin-bottom: 15px; } .contForm textarea:hover { border: 1px solid #fff; -webkit-box-shadow: 0 0 10px 3px #b9e9fa; box-shadow: 0 0 10px 3px #b9e9fa } .contForm textarea:focus::placeholder { color: #dfdede; } .contForm textarea::-webkit-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .contForm textarea:focus::-webkit-input-placeholder { color: #dfdede; } /* Firefox < 19 */ .contForm textarea:-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .contForm textarea:focus:-moz-placeholder { color: #dfdede; } /* Firefox > 19 */ .contForm textarea::-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .contForm textarea:focus::-moz-placeholder { color: #dfdede; } /* Internet Explorer 10 */ .contForm textarea:-ms-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .contForm textarea:focus:-ms-input-placeholder { color: #dfdede; } .contMap #map { height: 37.5rem; } .newsYou h3 { color: #292929; } .newsYou h3 { font-size: 1.375rem; font-family: "PT Sans Regular"; margin-bottom: 1.75rem; line-height: 1.625rem; } .newsYou p { color: #292929; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; margin-bottom: 1.65rem; line-height: 1.375rem; } .newsYou .row p { color: #292929; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 0.875rem; line-height: 1.25rem; } .newsYou h4 a { color: #292929; font-family: "PT Sans Regular"; font-size: 1.125rem; border-bottom: 2px solid #949494 } .newsYou h5 { font-size: 1.125rem; font-family: "PT Sans Regular"; margin-bottom: 0.75rem; } .newsYou .row { padding-top: 0.6875rem; } .newsYou .col-xs, .newsArt .col-xs-12 { padding-left: 0; padding-right: 0; } .newsYou iframe { width: calc(100% - 2rem) } .newsBlog { padding-bottom: 1rem; border-bottom: 1px solid #e7e6e6; } .newsArt h3 { color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.375rem; } .newsArt .row { margin-top: 0.625rem; padding: 0.625rem 0; border-top: 1px solid #e7e6e6; } .newsArt a { font-family: "PTSerifPro-Demi"; color: #292929; font-size: 1.125rem; line-height: 1.4375rem; } .newsArt a:hover { color: #0f57a7; } .newsArt p { margin-top: 1.625rem; color: #292929; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; line-height: 1.4375rem; text-indent: 0.75rem; } .newsArt p.newsDate { margin-top: 0.75rem; font-family: "PT Sans Italic"; font-size: 0.875rem; text-indent: 0; } .newsPager { padding-bottom: 10rem; margin-top: 1.8125rem; } .newsPager ul { float: right; } .newsPager li { float: left; width: 2rem; height: 2rem; line-height: 1.85rem; margin: 0 0.25rem; background-color: #fff; text-align: center; border: 1px solid #00aeef; border-radius: 50%; padding: 0px; } .newsPager li svg { width: 0.3125rem; height: 0.5625rem; fill: #00aeef; } .newsPager li.newsPrev svg { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .newsPager li:hover svg { fill: #fff; } .newsPager li.newsEmpty { background-color: transparent; border: none; } .newsPager li, .newsDot { color: #00aeef; font-family: "PTSerifPro-Demi"; font-size: 0.75rem; } .newsPager li.active, .newsPager li:hover:not(.newsDot):not(.newsEmpty) { color: #fff; background-color: #00aeef; } .articleBody { padding-bottom: 7.5rem; } .articleBody h3 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.375rem; margin-bottom: 1rem; } .articleBody p { color: #292929; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; margin-bottom: 1.25rem; line-height: 1.4375rem; } .articleBody a { color: #0f57af; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; margin-bottom: 1.25rem; line-height: 1.4375rem; } .articleBody img { } .articleBody .imgText { clear: both; width: 18.125rem; color: #292929; font-family: "PT Sans Italic"; font-size: 0.875rem; line-height: 1.5rem; margin-top: 0.5rem; position: relative; } .articleBody .imgText:after { position: absolute; width: 10.9375rem; height: 1px; bottom: -1.1875rem; right: 0; background-color: #292929; content: ''; } .articleBody .img { margin: 0 1.75rem 1.75rem 1.75rem; text-align: right; } .breadcrumbs { text-align: center; margin-bottom: 0.875rem; } .breadcrumbs li { display: inline; margin-right: 0.75rem; position: relative; } .breadcrumbs li, .breadcrumbs li a { color: #292929; font-family: "PT Sans Regular"; font-size: 0.875rem; } .breadcrumbs li a { border-bottom: 1px solid #fff; padding-bottom: 0px; } .breadcrumbs li a:hover { border-bottom: 1px solid #949494; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs li:after { position: absolute; right: 0; top: 50%; content: '>'; -webkit-transform: translate(calc(100% + 2px), -50%); -moz-transform: translate(calc(100% + 2px), -50%); -ms-transform: translate(calc(100% + 2px), -50%); -o-transform: translate(calc(100% + 2px), -50%); transform: translate(calc(100% + 2px), -50%); } .breadcrumbs ul { text-align: center; list-style-type: none; } .articleLast { margin-bottom: 6.875rem } .articleLast h3 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.375rem; } .articleLast .col-xs { padding-left: 0; padding-right: 3.75rem; } .articleLast .col-xs:last-child { padding-left: 0; padding-right: 0; } .articleLast .topLine { margin-top: 0.625rem; padding: 0.625rem 0; border-top: 1px solid #e7e6e6; } .articleLast a { font-family: "PTSerifPro-Demi"; color: #292929; font-size: 1.125rem; line-height: 1.4375rem; } .articleLast a:hover { color: #0f57a7; } .articleLast p { margin-top: 1.625rem; color: #292929; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; line-height: 1.4375rem; text-indent: 0.75rem; } .articleLast p.newsDate { margin-top: 0.75rem; font-family: "PT Sans Italic"; font-size: 0.875rem; text-indent: 0; } .footerLogo svg .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #fff; } .downloadWialon { padding-bottom: 5rem; border-bottom: 1px solid #e7e6e6; } .downloadWialon .gpsFoto { width: 100%; height: 6.25rem; background-position: center center; background-repeat: no-repeat; background-size: 15.625rem; min-height: 6.25rem; } .downloadWialon.animate .gpsFoto { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimLeft; animation-name: myAnimLeft; animation-fill-mode: forwards; } .downloadWialon .applinks .col-xs { max-width: 7.5rem; padding-left: 0; padding-right: 0; } .downloadWialon .applinks .col-xs:first-child { margin-right: 0.625rem; } .downloadWialon .applinks .col-xs img { max-width: 100%; } .downloadWialon .applinks .col-xs img:hover { opacity: 0.75 } .downloadWialon h3 { color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; margin: 2.5rem 0; text-align: center; width: 100%; } .downloadWialon.animate .downloadHosting { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimLeft; animation-name: myAnimLeft; animation-fill-mode: forwards; } .downloadWialon.animate .downloadLocal { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimRight; animation-name: myAnimRight; animation-fill-mode: forwards; } .wialonVozmognosti { padding-bottom: 2.5rem; border-bottom: 1px solid #e7e6e6; } .wialonVozmognosti h2 { margin: 2.5rem 0; width: 100%; text-align: center; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; } .wialonVozmognosti h4 { line-height: 2.5rem; width: 100%; color: #292929; font-family: "PT Sans Regular"; font-size: 1.25rem; } .wialonVozmognosti p { line-height: 1.5rem; width: 100%; color: #434142; font-family: "PT Sans Regular"; font-size: 1rem; max-width: 28.125rem } .wialonVozmognosti .box { margin-bottom: 2.1875rem; padding-top: 0.625rem; padding-left: 4.375rem; cursor: pointer; position: relative; } .wialonVozmognosti .box .svgLogo { max-width: 3.4375rem; max-height: 3.4375rem; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .wialonVozmognosti .box:hover .svgLogo, .wialonVozmognosti .box.active .svgLogo { fill: #00aced; } .wialonVozmognosti .box:hover p, .wialonVozmognosti .box:hover h4, .wialonVozmognosti .box.active p, .wialonVozmognosti .box.active h4 { color: #0f57a7; } .mobileBox { background-image: url('/bitrix/templates/main/../img/telephone.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 18.3125rem; height: 36.0625rem; position: relative; overflow: hidden; } .mobileBox .owl-item { height: 32.0625rem; overflow: hidden; } .mobileBox .owl-carousel { position: absolute; top: 1.375rem; left: 1.4375rem; width: calc(15.4375rem - 0px); height: 32.0625rem; } .mobileBox .mobileTopBack { position: absolute; top: 0; left: -1px; width: 100%; height: 100%; background-image: url('/bitrix/templates/main/../img/iphone10.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: 2 } .mobileClient { padding: 2.5rem 0 6.25rem 0; } .mobileClient .row { width: 100%; } .mobileClient h3 { margin: 0 0 3.5rem 0; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; text-align: center; width: 100%; } .mobileClient p { text-align: center; color: #292929; font-family: "PT Sans Regular"; font-size: 1.375rem; } .mobileClient div { width: 100%; text-align: center; margin-bottom: 1.5625rem; } .mobileClient div.row, .mobileClient div.col-xs-4 { margin-bottom: 0rem; } .mobileClient div span { color: #00aced; font-family: "PT Sans Regular"; font-size: 4.5rem; } .wialonVozmognosti.animate .box { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimLeft; animation-name: myAnimLeft; animation-fill-mode: forwards; } .wialonVozmognosti.animate .mobileBox { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimRight; animation-name: myAnimRight; animation-fill-mode: forwards; } .fignuaLeftTop { width: 22.875rem; height: 37.0625rem; position: absolute; top: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/topLeft.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .fignuaLeftBottom { width: 16.8125rem; height: 45.5rem; position: absolute; bottom: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/bottomLeft.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .fignuaRightBottom { width: 24.3125rem; height: 78.8125rem; position: absolute; bottom: 0; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/bottomRight.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .wialonLeftTop { width: 20.25rem; height: 85.125rem; position: absolute; top: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/wialonLeftTop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .wialonLeftBottom { width: 63.25rem; height: 80.8125rem; position: absolute; bottom: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/wialonLeftBottom.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .wialonRightTop { width: 12.6875rem; height: 41.25rem; position: absolute; top: 0; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/wialonRightTop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .wialonRightBottom { width: 31.625rem; height: 67.75rem; position: absolute; top: 128.125rem; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/wialonRightBottom.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .openModal { overflow-y: hidden; } .arendaWrap { display: none; background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; } .arenda { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; width: 28.125rem; height: auto; display: table; padding: 2.5rem; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; border-radius: 1.25rem; } .arenda h4 { margin: 0.625rem 0 1.125rem 0; line-height: 1.25rem; width: 100%; text-align: center; color: #212121; font-family: "PTSerifPro-Demi"; font-size: 1rem; } .arenda input { padding: 8px 30px; text-align: center; width: 100%; border: 1px solid #00aced; border-radius: 20px; margin-bottom: 15px; } .arenda input:hover { border: 1px solid #fff; -webkit-box-shadow: 0 0 10px 3px #b9e9fa; box-shadow: 0 0 10px 3px #b9e9fa } .arenda input:focus::placeholder { color: #dfdede; } .arenda input::-webkit-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .arenda input:focus::-webkit-input-placeholder { color: #dfdede; } /* Firefox < 19 */ .arenda input:-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .arenda input:focus:-moz-placeholder { color: #dfdede; } /* Firefox > 19 */ .arenda input::-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .arenda input:focus::-moz-placeholder { color: #dfdede; } /* Internet Explorer 10 */ .arenda input:-ms-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .arenda input:focus:-ms-input-placeholder { color: #dfdede; } .arenda div.button { width: 9.0625rem; display: inline-block } .arenda .input { position: relative; } .arenda .errormess { display: none; background-color: #00aced; position: absolute; top: 0px; left: 0px; width: 100%; color: #fff; height: 38px; border-radius: 10px; line-height: 38px; padding-left: 30px; } .arenda p { line-height: 1.25rem; color: #212121; font-family: "PT Sans Regular"; font-size: 0.875rem; margin-top: 0.875rem; text-align: center } .arenda .probOtvet { line-height: 1.25rem; color: #1dae00; font-family: "PT Sans Regular"; font-size: 0.875rem; margin-top: 0.875rem; text-align: center } .arenda a { line-height: 1.25rem; color: #00aced; font-family: "PT Sans Regular"; font-size: 0.875rem; margin-top: 0.875rem; border-bottom: 1px solid #00aced; padding-bottom: 0; } .arenda a:hover { border-bottom: 1px solid #fff; } .sendError { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; width: 28.125rem; height: 22rem; display: none; padding: 2.5rem; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; border-radius: 1.25rem; } .sendSuccess { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; width: 28.125rem; height: 17.5rem; display: none; padding: 2.5rem; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; border-radius: 1.25rem; } .sendSVG { text-align: center; margin-bottom: 1.875rem; } .sendSVG svg { width: 4.6875rem; height: 4.6875rem; fill: #00aced } .sendText { line-height: 1.25rem; font-family: "PT Sans Regular"; font-size: 1rem; color: #212121; text-align: center; margin-bottom: 1.25rem; } .sendText span { font-family: PTSerifPro-Demi; font-size: 1rem; color: #212121; text-align: center } .sendButton { text-align: center } .sendButton .button { display: inline-block } .dispetcher { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 422.692 422.692'%3e%3cpath fill='%231fb6ef' d='M271.786 289.626v-7.36c2.08-1.68 4.08-3.52 6-5.44a109.36 109.36 0 0 0 27.68-60.96 53.762 53.762 0 0 0 34.72-20.64c11.6-16.4 12.64-40 2.96-69.6a8.002 8.002 0 0 0-3.2-4.16l-4.4-2.96a108.478 108.478 0 0 0-25.92-73.04c-21.52-24.24-54.56-36.48-98.32-36.64-43.68 0-76.8 12.4-98.32 36.32a108.478 108.478 0 0 0-25.92 73.04l-4.4 2.96a8.002 8.002 0 0 0-3.2 4.16c-9.68 29.76-8.64 53.2 2.96 69.6a53.918 53.918 0 0 0 34.72 20.88 109.44 109.44 0 0 0 27.76 61.04 78.037 78.037 0 0 0 6 5.44v7.36c-30.64 5.92-152.96 34.64-150.88 116.24a8 8 0 0 0 8 8h406.64a8 8 0 0 0 8-8c2.08-81.6-120.24-110.32-150.88-116.24zm-159.44-91.68a34.72 34.72 0 0 1-16.96-12.4l.4.08c-8-11.68-8.72-29.36-1.6-52.72l5.84-3.92a8 8 0 0 0 3.52-7.44 94.558 94.558 0 0 1 21.76-65.84c18.08-20.48 47.12-30.72 86-30.88 38.88-.16 67.92 10.4 86.32 30.88a94.558 94.558 0 0 1 21.76 65.84 8 8 0 0 0 3.52 7.44l5.84 3.92c7.12 23.28 6.64 41.04-1.6 52.72a34.886 34.886 0 0 1-17.04 12.4 53.277 53.277 0 0 0 13.04-40 37.441 37.441 0 0 0-12.88-22.4c-3.44-80-59.52-88.96-83.68-88.96-5.114-.015-10.222.36-15.28 1.12a100.705 100.705 0 0 0-15.28-1.12c-24 0-80 8.8-83.68 88.96a37.44 37.44 0 0 0-13.04 22.32 53.2 53.2 0 0 0 13.04 40zm182-65.6a164.805 164.805 0 0 1-95.6-24 8 8 0 0 0-10.4 1.04c-16 17.2-45.2 21.2-59.28 22.08 4.32-56.56 38.56-68.88 67.36-68.88a77.331 77.331 0 0 1 13.68 1.12 7.982 7.982 0 0 0 3.2 0 77.71 77.71 0 0 1 13.68-1.12c28.56 0 62.96 12.64 66.96 69.68l.4.08zm-162.48 67.12l.32.08a7.997 7.997 0 0 0-2-5.36c-10.96-12.56-16-24-14.64-33.44a21.2 21.2 0 0 1 7.28-13.52c10.56 0 48-2 72-22.72a180.395 180.395 0 0 0 88.8 24c5.36 0 10.8 0 16.48-.88a21.118 21.118 0 0 1 7.2 13.12c1.36 9.28-3.68 20.88-14.64 33.44a7.997 7.997 0 0 0-2 5.36v4.16l-46.56 24.96c-9.24-8.748-23.823-8.349-32.571.891-8.748 9.24-8.349 23.823.891 32.571 9.24 8.748 23.823 8.349 32.571-.891a23.039 23.039 0 0 0 6.309-15.851c.036-.72.036-1.44 0-2.16l36.72-19.68a88.007 88.007 0 0 1-21.44 42.24 71.28 71.28 0 0 1-53.04 19.84h-4a71.44 71.44 0 0 1-52.96-19.76c-25.28-25.2-24.72-66-24.72-66.4zm103.44 45.92a7.12 7.12 0 1 1-14.24 0 7.12 7.12 0 0 1 14.24 0zm-32 152H16.266c6.32-60.08 104-85.2 134.56-91.68v14.32c0 18.16 22.08 32 52.48 34.32v43.04zm-36.48-77.36V292.426a96.721 96.721 0 0 0 42.48 8.96h4a96.721 96.721 0 0 0 42.48-8.96v27.6c0 7.6-17.36 18.56-44.48 18.56s-44.48-10.96-44.48-18.56zm52.48 77.6v-43.36c30.4-2.08 52.48-16 52.48-34.32v-14c30.8 6.4 128 31.52 134.56 91.68h-187.04z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .uchetControl { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 496'%3e%3cpath fill='%231fb6ef' d='M264 144H40c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h224c4.8 0 8-3.2 8-8v-48c0-4.8-3.2-8-8-8zm-8 48H48v-32h208v32zM72 224H40c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32H48v-16h16v16zM136 224h-32c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32h-16v-16h16v16zM72 288H40c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32H48v-16h16v16zM136 288h-32c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32h-16v-16h16v16zM200 288h-32c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32h-16v-16h16v16zM264 288h-32c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32h-16v-16h16v16zM72 352H40c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32H48v-16h16v16zM136 352h-32c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32h-16v-16h16v16zM136 416H40c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h96c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32H48v-16h80v16zM200 352h-32c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32h-16v-16h16v16zM264 352h-32c-4.8 0-8 3.2-8 8v96c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-96c0-4.8-3.2-8-8-8zm-8 96h-16v-80h16v80zM200 416h-32c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32h-16v-16h16v16zM264 224h-96c-4.8 0-8 3.2-8 8v32c0 4.8 3.2 8 8 8h96c4.8 0 8-3.2 8-8v-32c0-4.8-3.2-8-8-8zm-8 32h-80v-16h80v16zM376 384h-48c-4.8 0-8 3.2-8 8v96c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-96c0-4.8-3.2-8-8-8zm-8 96h-32v-16h32v16zm0-32h-32v-48h32v48z'/%3e%3cpath fill='%231fb6ef' d='M493.6 58.4l-56-56C436 .8 434.4 0 432 0H216c-4.8 0-8 3.2-8 8v104H8c-4.8 0-8 3.2-8 8v368c0 4.8 3.2 8 8 8h288c4.8 0 8-3.2 8-8V368h96v120c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8V368h24c4.8 0 8-3.2 8-8V64c0-2.4-.8-4-2.4-5.6zM440 27.2L468.8 56H440V27.2zM288 480H16V128h272v352zm160 0h-32v-16h32v16zm0-32h-32V320h32v128zm32-96h-16v-40c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v40h-96v-4.8l29.6-29.6c3.2 1.6 6.4 2.4 10.4 2.4 13.6 0 24-10.4 24-24 0-3.2-.8-7.2-2.4-10.4l18.4-18.4 18.4 18.4c3.2 3.2 8 3.2 11.2 0l34.4-34.4V272h16v-40c0-4.8-3.2-8-8-8h-40v16h20.8L408 268.8l-18.4-18.4c-3.2-3.2-8-3.2-11.2 0l-24 24c-3.2-1.6-7.2-2.4-10.4-2.4-13.6 0-24 10.4-24 24 0 3.2.8 7.2 2.4 10.4L304 324.8V120c0-4.8-3.2-8-8-8h-72V16h200v48c0 4.8 3.2 8 8 8h48v280zm-144-56c0-4.8 3.2-8 8-8s8 3.2 8 8-3.2 8-8 8-8-3.2-8-8z'/%3e%3cpath fill='%231fb6ef' d='M240 32h64v16h-64zM240 64h168v16H240zM320 112h144v16H320zM320 144h64v16h-64zM320 176h144v16H320zM320 208h64v16h-64z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .dvigControl { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.853 512.853'%3e%3cpath fill='%231fb6ef' d='M188.587 410.027c-9.387 0-17.067 7.68-17.067 17.067s7.68 17.067 17.067 17.067 17.067-7.68 17.067-17.067-7.681-17.067-17.067-17.067zM410.453 410.027c-9.387 0-17.067 7.68-17.067 17.067s7.68 17.067 17.067 17.067 17.067-7.68 17.067-17.067-7.68-17.067-17.067-17.067zM384.853 350.293h-17.067c-5.12 0-8.533 3.413-8.533 8.533 0 5.12 3.413 8.533 8.533 8.533h17.067c5.12 0 8.533-3.413 8.533-8.533.001-5.119-3.413-8.533-8.533-8.533zM256.853 264.96H137.387c-5.12 0-8.533 3.413-8.533 8.533s3.413 8.533 8.533 8.533h119.467c5.12 0 8.533-3.413 8.533-8.533s-3.414-8.533-8.534-8.533zM94.72 179.627c28.16 0 51.2-23.04 51.2-51.2 0-28.16-23.04-51.2-51.2-51.2-28.16 0-51.2 23.04-51.2 51.2 0 28.16 23.04 51.2 51.2 51.2zm0-85.334c18.773 0 34.133 15.36 34.133 34.133s-15.36 34.133-34.133 34.133c-18.773 0-34.133-15.36-34.133-34.133s15.36-34.133 34.133-34.133z'/%3e%3cpath fill='%231fb6ef' d='M501.76 333.227l-32.948-13.517a7.481 7.481 0 0 0-.455-.627l-21.211-84.843c-2.56-11.947-12.8-19.627-24.747-19.627h-80.213v-25.6c0-9.387-7.68-17.067-17.067-17.067H176.103c7.404-14.569 12.484-28.356 12.484-47.787 0-49.493-41.813-89.6-93.867-89.6-52.053 0-93.867 40.107-94.72 89.6 0 23.893 7.68 39.253 17.92 58.027 1.707 2.56 3.413 5.973 5.12 9.387 23.361 45.164 57.373 100.266 63.147 110.211V418.56c0 9.387 7.68 17.067 17.067 17.067h34.863c4.095 24.134 25.217 42.667 50.47 42.667s46.375-18.533 50.47-42.667h120.927c4.095 24.134 25.217 42.667 50.47 42.667s46.375-18.533 50.47-42.667h34.863c9.387 0 17.067-7.68 17.067-17.067v-69.12c-.001-7.68-4.267-13.653-11.094-16.213zM325.12 222.293v8.533c0 42.667-34.133 76.8-76.8 76.8H103.253v-5.973c4.893-7.952 23.38-38.266 41.629-70.827H273.92c5.12 0 8.533-3.413 8.533-8.533s-3.413-8.533-8.533-8.533H154.299a960.218 960.218 0 0 0 11.248-21.333l1.392-3.48c.147-.264.293-.527.44-.787H325.12v34.133zM34.133 174.507c-9.387-17.92-16.213-30.72-16.213-50.347 0-40.107 34.133-72.533 76.8-72.533 42.667 0 76.8 32.427 76.8 72.533 0 19.627-6.827 31.573-16.213 50.347-1.707 2.56-3.413 5.973-5.12 9.387-15.906 31.054-37.854 68.145-50.943 90.416a6928.6 6928.6 0 0 1-4.58 7.622c-11.97-20.513-37.518-62.252-55.41-98.037-1.707-3.415-3.414-5.975-5.121-9.388zm154.454 286.72c-18.773 0-34.133-15.36-34.133-34.133 0-18.773 15.36-34.133 34.133-34.133 18.773 0 34.133 15.36 34.133 34.133 0 18.773-15.36 34.133-34.133 34.133zm221.866 0c-18.773 0-34.133-15.36-34.133-34.133 0-18.773 15.36-34.133 34.133-34.133 18.773 0 34.133 15.36 34.133 34.133.001 18.773-15.359 34.133-34.133 34.133zm85.334-42.667h-34.863c-2.881-16.98-14.192-31.177-29.444-38.106-.338-.155-.674-.314-1.017-.462-.214-.092-.432-.175-.648-.264a48.393 48.393 0 0 0-1.672-.662c-.152-.056-.306-.108-.459-.163a50.134 50.134 0 0 0-1.893-.644c-.138-.044-.276-.085-.415-.127a49.048 49.048 0 0 0-1.962-.56l-.439-.113a50.286 50.286 0 0 0-1.96-.455c-.166-.035-.331-.071-.497-.104a50.422 50.422 0 0 0-1.922-.346c-.191-.031-.381-.064-.573-.093a50.094 50.094 0 0 0-1.877-.24c-.213-.024-.425-.052-.639-.074a51.526 51.526 0 0 0-1.899-.146c-.21-.013-.417-.033-.628-.043a51.669 51.669 0 0 0-2.529-.065c-.849 0-1.692.024-2.529.065-.21.01-.418.03-.628.043-.636.039-1.27.084-1.899.146-.214.021-.426.05-.639.074a52.27 52.27 0 0 0-1.877.24c-.192.029-.382.062-.574.093-.645.104-1.285.218-1.921.345l-.498.104c-.658.139-1.311.291-1.959.455-.146.037-.293.074-.439.113-.66.174-1.314.361-1.962.561-.138.042-.276.083-.414.127-.638.202-1.268.418-1.894.644-.152.055-.305.107-.457.163a48.58 48.58 0 0 0-1.675.664c-.215.089-.432.172-.645.263-.343.148-.68.308-1.019.463-15.25 6.93-26.561 21.126-29.442 38.105H239.057c-2.881-16.979-14.19-31.174-29.439-38.104-.34-.156-.677-.316-1.021-.464-.213-.091-.43-.174-.645-.263a53.004 53.004 0 0 0-1.675-.664c-.151-.056-.305-.108-.457-.163a50.797 50.797 0 0 0-1.894-.644l-.414-.127a50.783 50.783 0 0 0-1.962-.561l-.439-.113a50.286 50.286 0 0 0-1.96-.455c-.166-.035-.331-.071-.497-.104a50.422 50.422 0 0 0-1.922-.346c-.191-.031-.381-.064-.573-.093a50.094 50.094 0 0 0-1.877-.24c-.213-.024-.425-.052-.639-.074a51.526 51.526 0 0 0-1.899-.146c-.21-.013-.417-.033-.628-.043a51.669 51.669 0 0 0-2.529-.065c-.849 0-1.692.024-2.529.065-.21.01-.418.03-.628.043-.636.039-1.27.084-1.899.146-.214.021-.426.05-.639.074a52.27 52.27 0 0 0-1.877.24c-.192.029-.382.062-.573.093-.645.104-1.286.218-1.922.346-.166.033-.332.069-.497.104-.659.139-1.312.291-1.96.455-.146.037-.293.074-.439.113-.66.174-1.313.361-1.962.56-.138.042-.277.083-.415.127-.637.202-1.267.418-1.893.644-.153.055-.307.107-.459.163a50.5 50.5 0 0 0-1.672.662c-.216.089-.434.172-.648.264-.342.148-.678.307-1.017.462-15.252 6.929-26.563 21.126-29.444 38.106h-34.863v-93.867H248.32c52.053 0 93.867-41.813 93.867-93.013v-.853H422.4c4.267 0 7.68 3.413 8.533 6.827l19.44 78.507h-62.96c-5.973 0-11.093-5.12-11.093-11.093V264.96c0-5.12-3.413-8.533-8.533-8.533s-8.533 3.413-8.533 8.533v40.107c0 15.36 12.8 28.16 28.16 28.16h70.827l37.547 14.507v70.826z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .geozone { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.043 512.043'%3e%3cpath fill='%231fb6ef' d='M473.21.021H200.923c-22.457 1.146-39.78 20.202-38.787 42.667v349.867c0 .128.067.234.073.36.028.964.22 1.917.569 2.816l.053.18.014.048 20.196 46.408a16.123 16.123 0 0 0 14.642 9.921h7.121v34.133a25.29 25.29 0 0 0 1.573 8.533H102.402v-153.6c-.015-14.132-11.468-25.585-25.6-25.6V170.095c35.76-4.505 61.856-36.034 59.599-72.006-2.257-35.972-32.09-63.992-68.133-63.992S2.393 62.117.136 98.089c-2.257 35.972 23.839 67.501 59.599 72.006v145.659c-14.132.015-25.585 11.468-25.6 25.6v153.6h-25.6c-4.713 0-8.533 3.82-8.533 8.533s3.82 8.533 8.533 8.533h494.933a8.533 8.533 0 0 0 0-17.066h-35.706a25.274 25.274 0 0 0 1.572-8.533v-34.133h7.117a16.136 16.136 0 0 0 14.642-9.912l20.2-46.417.014-.045c.026-.061.031-.128.056-.19.35-.902.543-1.857.569-2.824.005-.121.07-.223.07-.345V42.688c.992-22.466-16.333-41.522-38.792-42.667zm-456.141 102.4c0-28.277 22.923-51.2 51.2-51.2s51.2 22.923 51.2 51.2-22.923 51.2-51.2 51.2c-28.265-.031-51.169-22.936-51.2-51.2zm68.266 392.534H51.202v-153.6a8.544 8.544 0 0 1 8.533-8.533h17.067a8.544 8.544 0 0 1 8.533 8.533v153.6zm170.667-8.534a8.544 8.544 0 0 1-8.533 8.533h-17.067a8.544 8.544 0 0 1-8.533-8.533v-34.133h34.133v34.133zm15.494 8.534a25.274 25.274 0 0 0 1.572-8.533v-34.133h128v34.133a25.29 25.29 0 0 0 1.573 8.533H271.496zm180.773-8.534a8.54 8.54 0 0 1-8.533 8.533h-17.067a8.54 8.54 0 0 1-8.533-8.533v-34.133h34.133v34.133zm23.325-51.2h-277.05l-14.854-34.133h306.763l-14.859 34.133zm-176.925-51.2v-17.067a8.544 8.544 0 0 1 8.533-8.533h59.733a8.544 8.544 0 0 1 8.533 8.533v17.067h-76.799zM494.935 42.688v341.333h-102.4v-17.067c-.015-14.132-11.468-25.585-25.6-25.6h-59.733c-14.132.015-25.585 11.468-25.6 25.6v17.067h-102.4V42.688c-.965-13.033 8.705-24.43 21.721-25.6H473.21c13.017 1.17 22.689 12.566 21.725 25.6z'/%3e%3cpath fill='%231fb6ef' d='M452.269 34.155h-230.4c-14.132.015-25.585 11.468-25.6 25.6v8.533c.015 14.132 11.468 25.585 25.6 25.6h230.4c14.132-.015 25.585-11.468 25.6-25.6v-8.533c-.016-14.132-11.468-25.585-25.6-25.6zm8.533 34.133a8.542 8.542 0 0 1-8.533 8.533h-230.4a8.544 8.544 0 0 1-8.533-8.533v-8.533a8.544 8.544 0 0 1 8.533-8.533h230.4a8.54 8.54 0 0 1 8.533 8.533v8.533zM230.402 298.688c-18.851 0-34.133 15.282-34.133 34.133.022 18.842 15.291 34.112 34.133 34.133 18.851 0 34.133-15.282 34.133-34.133 0-18.851-15.282-34.133-34.133-34.133zm0 51.2c-9.426 0-17.067-7.641-17.067-17.067.009-9.422 7.645-17.057 17.067-17.067 9.426 0 17.067 7.641 17.067 17.067s-7.641 17.067-17.067 17.067zM443.735 298.688c-18.851 0-34.133 15.282-34.133 34.133 0 18.851 15.282 34.133 34.133 34.133 18.851 0 34.133-15.282 34.133-34.133-.019-18.843-15.29-34.113-34.133-34.133zm0 51.2c-9.426 0-17.067-7.641-17.067-17.067s7.641-17.067 17.067-17.067 17.067 7.641 17.067 17.067c-.011 9.421-7.645 17.056-17.067 17.067zM452.269 110.955h-230.4c-14.132.015-25.585 11.468-25.6 25.6v119.467c.015 14.132 11.468 25.585 25.6 25.6h230.4c14.132-.015 25.585-11.468 25.6-25.6V136.555c-.016-14.132-11.468-25.585-25.6-25.6zm8.533 145.066a8.542 8.542 0 0 1-8.533 8.533h-230.4a8.544 8.544 0 0 1-8.533-8.533V136.555a8.544 8.544 0 0 1 8.533-8.533h230.4a8.54 8.54 0 0 1 8.533 8.533v119.466z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .locator { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3e%3cpath fill='%231fb6ef' d='M21.021 28.977C18.75 26.412 15.722 25 12.493 25s-6.257 1.412-8.527 3.977c-4.612 5.211-4.612 13.688 0 18.899l8.527 9.633 8.527-9.633c4.613-5.211 4.613-13.688.001-18.899zM19.523 46.55l-7.029 7.941-7.03-7.941c-3.966-4.479-3.966-11.768 0-16.247C7.349 28.173 9.846 27 12.493 27s5.145 1.173 7.029 3.303c3.966 4.479 3.966 11.767.001 16.247zM48.747 24.507l6.464-7.286c3.478-3.92 3.478-10.296 0-14.216C53.491 1.067 51.195 0 48.746 0c-2.448 0-4.744 1.067-6.464 3.005-3.478 3.92-3.478 10.296 0 14.216l6.465 7.286zM43.778 4.333C45.113 2.828 46.877 2 48.746 2c1.87 0 3.634.828 4.969 2.333 2.828 3.187 2.828 8.373 0 11.56l-4.968 5.601-4.969-5.601c-2.828-3.187-2.828-8.373 0-11.56zM52.604 54.517a1 1 0 0 0-1.195.756 3.47 3.47 0 0 1-.663 1.392 1 1 0 1 0 1.572 1.236 5.51 5.51 0 0 0 1.042-2.188 1 1 0 0 0-.756-1.196zM31.995 31a3.517 3.517 0 0 1-1.252-.23 1.004 1.004 0 0 0-1.291.578 1.002 1.002 0 0 0 .578 1.291c.626.238 1.285.36 1.963.361h.357a1 1 0 1 0 0-2h-.355zM29.621 24.676a1 1 0 0 0 .528-.151 3.451 3.451 0 0 1 1.454-.503 1.001 1.001 0 0 0-.219-1.989 5.423 5.423 0 0 0-2.294.794 1 1 0 0 0 .531 1.849zM18.064 58h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM35.993 40c-.086 0-.171.002-.256.006a1 1 0 0 0 .04 1.999l.042-.001L37.778 42a1 1 0 1 0 0-2h-1.785zM35.493 24h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2zM47.778 40a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2zM51.351 32a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 1-1zM41.778 42h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2zM43.493 24a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zM36.351 31a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2zM45.351 32a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 1-1zM59.426 35.632a1 1 0 1 0-1.975.317 3.502 3.502 0 0 1-.1 1.54 1 1 0 1 0 1.92.562 5.51 5.51 0 0 0 .155-2.419zM42.064 58h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM36.064 58h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM47.065 50a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 1-1zM41.065 50a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 1-1zM47.993 58h-1.93a1 1 0 1 0 0 2l1.971-.001.029-1v1c.553 0 .965-.447.965-1 0-.552-.482-.999-1.035-.999zM51.531 52.719a1 1 0 0 0 .785-1.618 5.543 5.543 0 0 0-1.879-1.528 1 1 0 1 0-.891 1.791c.463.229.877.566 1.197.974.198.25.491.381.788.381zM55.345 39.729c-.429.18-.883.271-1.352.271h-.215a1 1 0 1 0 0 2h.215a5.46 5.46 0 0 0 2.125-.427 1 1 0 1 0-.773-1.844zM28.029 29.855c.524-.173.81-.738.638-1.263a3.494 3.494 0 0 1-.146-1.537 1 1 0 0 0-.867-1.117.995.995 0 0 0-1.117.867 5.504 5.504 0 0 0 .229 2.412 1.001 1.001 0 0 0 1.263.638zM24.064 58h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM34.122 50.594a1 1 0 0 0 .417-1.909 3.538 3.538 0 0 1-1.228-.936 1 1 0 1 0-1.531 1.287 5.538 5.538 0 0 0 1.927 1.467c.135.061.276.091.415.091zM56.746 31.738a5.438 5.438 0 0 0-2.317-.722 1 1 0 1 0-.156 1.994 3.443 3.443 0 0 1 1.47.458 1 1 0 0 0 1.003-1.73zM30.064 58h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM32.555 44.839c.099-.514.307-.989.619-1.413a1 1 0 0 0-1.611-1.185 5.48 5.48 0 0 0-.973 2.222 1.001 1.001 0 0 0 1.965.376z'/%3e%3cpath fill='%231fb6ef' d='M48.993 15c3.032 0 5.5-2.468 5.5-5.5S52.025 4 48.993 4s-5.5 2.468-5.5 5.5 2.468 5.5 5.5 5.5zm0-9c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5-3.5-1.57-3.5-3.5 1.571-3.5 3.5-3.5zM12.493 31c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6zm0 10c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .eco { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 480' width='512' height='512'%3e%3cpath d='M142.52 312.008a24 24 0 0 0-22.52-16 24 24 0 0 0-22.528 16 22.44 22.44 0 0 0 0 16c4.341 12.44 17.944 19.005 30.384 14.664a23.858 23.858 0 0 0 14.664-14.664 22.45 22.45 0 0 0 0-16zm-22.52 16a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM96 136.008H32v80h144v-80H96zm0 64H48v-48h48v48zm64 0h-48v-48h48v48z' fill='%2300aced'/%3e%3cpath d='M478.16 201.976l-34.664-83.2a23.936 23.936 0 0 0-22.16-14.768H24c-13.255 0-24 10.745-24 24v176c0 13.255 10.745 24 24 24h40.64c4.391 30.574 32.736 51.8 63.311 47.409 24.574-3.529 43.88-22.836 47.409-47.409h129.28c4.391 30.574 32.736 51.8 63.311 47.409 24.574-3.529 43.88-22.836 47.409-47.409H456c13.255 0 24-10.745 24-24v-92.8a23.787 23.787 0 0 0-1.84-9.232zM440 152.008l20 48h-76v-48h56zm-280.8 176c-4.396 21.65-25.51 35.636-47.16 31.24-21.65-4.396-35.636-25.51-31.24-47.16s25.51-35.636 47.16-31.24c18.628 3.783 32.021 20.152 32.04 39.16a40.105 40.105 0 0 1-.8 8zm32.8-16h-16.64c-4.391-30.575-32.736-51.8-63.311-47.409-24.574 3.529-43.88 22.835-47.409 47.409H24a8 8 0 0 1-8-8v-56h176v64zm80-80v80h-64v-160h64v80zm127.2 96c-4.396 21.65-25.51 35.636-47.16 31.24-21.65-4.396-35.636-25.51-31.24-47.16 4.396-21.65 25.51-35.636 47.16-31.24 18.628 3.783 32.021 20.152 32.04 39.16a40.105 40.105 0 0 1-.8 8zm64.8-24a8 8 0 0 1-8 8h-40.64c-4.391-30.575-32.736-51.8-63.311-47.409-24.574 3.529-43.88 22.835-47.409 47.409H288v-64h176v56zm0-72H288v-96h-96v96H16v-104a8 8 0 0 1 8-8h397.336a8 8 0 0 1 7.384 4.92l4.616 11.08H304v80h160v16zm-96-80v48h-48v-48h48z' fill='%2300aced'/%3e%3cpath d='M382.52 312.008a24 24 0 0 0-22.52-16 24 24 0 0 0-22.528 16 22.44 22.44 0 0 0 0 16c4.341 12.44 17.944 19.005 30.384 14.664a23.858 23.858 0 0 0 14.664-14.664 22.45 22.45 0 0 0 0-16zm-22.52 16a8 8 0 1 1 0-16 8 8 0 0 1 0 16z' fill='%2300aced'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .effectivnost { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 503.607 503.607'%3e%3cpath fill='%2300aeef' d='M478.426 417.993c-50.095-26.565-88.52-41.461-122.727-47.172l3.54-4.867c1.679-1.679 2.518-4.197 1.679-6.715l-7.866-31.463c20.804-29.41 33.046-66.178 33.046-101.153v-33.574h25.18c5.036 0 8.393-3.357 8.393-8.393s-3.357-8.393-8.393-8.393h-8.393v-8.393c0-66.308-43.646-122.544-109.115-141.01v-1.68C293.77 11.75 282.859 0 268.59 0h-33.574c-13.43 0-25.18 10.911-25.18 25.18v1.679c-65.469 18.466-109.115 74.702-109.115 141.01v8.393h-8.393c-5.036 0-8.393 3.357-8.393 8.393s3.357 8.393 8.393 8.393h25.18v33.574c0 34.975 12.242 71.743 33.046 101.154l-7.866 31.463c0 1.679 0 5.036 1.679 6.715l3.54 4.867c-34.206 5.712-72.632 20.607-122.727 47.172C9.233 425.548 0 441.495 0 459.121v36.092c0 5.036 3.357 8.393 8.393 8.393H495.213c5.036 0 8.393-3.357 8.393-8.393v-36.092c.001-16.787-10.072-32.734-25.18-41.128zm-231.656-7.769l5.081-11.432 12.545 27.6 8.205 18.46H231.66l15.11-34.628zm-21.49 51.415h52.983l4.796 25.18h-62.815l5.036-25.18zm114.654-117.508l3.357 15.108-8.574 11.773a7.48 7.48 0 0 0-1.498 1.656l-34.912 48.34-11.078 15.211-22.628-50.913c27.048-3.299 51.193-16.877 70.694-36.39.216-.214.433-.426.648-.642l.156-.159a154.457 154.457 0 0 0 3.835-3.984zM328.999 61.389c.932.62 1.856 1.25 2.77 1.892 10.699 7.973 20.575 17.313 28.31 27.368l-38.61 7.554 7.53-36.814zM182.138 98.203l-38.61-7.554c7.735-10.056 17.612-19.396 28.311-27.369.913-.641 1.837-1.271 2.769-1.891l7.53 36.814zm-64.63 69.666c0-22.335 5.623-43.406 15.8-61.82l58.063 11.46h1.679c2.518 0 4.197-.839 6.715-1.679 2.518-1.679 3.357-5.036 2.518-7.554l-11.523-56.08a139.223 139.223 0 0 1 19.077-7.49v22.442c0 5.036 3.357 8.393 8.393 8.393s8.393-3.357 8.393-8.393V25.18c0-4.197 3.357-8.393 8.393-8.393h33.574c4.197 0 8.393 3.357 8.393 8.393v41.967c0 5.036 3.357 8.393 8.393 8.393 5.036 0 8.393-3.357 8.393-8.393V44.706a139.091 139.091 0 0 1 19.685 7.779l-11.291 54.952c0 2.518.839 5.875 2.518 7.554s3.357 2.518 5.875 2.518h1.679l57.687-12.145c10.416 18.576 16.175 39.894 16.175 62.505v8.393H117.509v-8.393zm16.787 25.18h235.016v33.574c0 36.599-12.555 69.122-31.405 93.843l-.49.163-2.518 2.518c-4.223 5.631-8.68 10.765-13.337 15.394-19.763 18.412-43.336 29.564-66.05 30.669-1.143-.491-2.425-.738-3.708-.738-1.29 0-2.453.253-3.496.749-13.904-.638-28.134-5.045-41.623-12.584-13.665-7.851-26.52-19.169-37.977-33.49l-2.518-2.518-.49-.163c-18.85-24.722-31.405-57.245-31.405-93.843v-33.574zm104.71 192.259l-22.628 50.913-11.078-15.211-34.912-48.34a15.02 15.02 0 0 0-.869-.793l-9.203-12.637 3.357-15.108a153.17 153.17 0 0 0 3.457 3.594c19.704 20.151 44.279 34.216 71.876 37.582zM16.787 459.121c0-10.911 5.875-20.984 15.948-26.02 53.501-28.423 92.015-42.688 126.323-46.949l50.088 68.87-6.359 31.796h-186v-27.697zM486.82 486.82H300.821l-6.359-31.796 50.63-69.616c34.188 5.159 73.391 19.413 125.78 46.855 10.072 5.875 15.948 15.948 15.948 26.859v27.698z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .effectivnost2 { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 429.6 429.6'%3e%3cpath fill='%2300aeef' d='M423.201 420.4c0-2.32-8.48-56.48-18.88-96-10.32-37.6-95.28-67.28-125.12-76.8a242.221 242.221 0 0 0 25.04-81.44c38-5.04 73.6-14.64 73.6-32.72 0-5.28 0-20.96-62.56-31.2V92.08c0-50.8-45.52-92.08-101.44-92.08-55.92 0-101.44 41.28-101.44 92.08v10.16c-62.4 10.24-62.56 25.92-62.56 31.2 0 18.08 35.6 27.68 73.6 32.72a242.002 242.002 0 0 0 25.28 81.76c-30.32 9.76-114 39.44-123.76 76.4-10.56 39.6-18.56 93.84-18.56 96.08a8 8 0 0 0 8 9.2h400.8a8 8 0 0 0 8-9.2zm-294.8-328.32c0-41.92 38.32-76.08 85.44-76.08s85.44 34.16 85.44 76.08v10a673.11 673.11 0 0 1-85.44 5.04 672.004 672.004 0 0 1-85.44-5.04v-10zm-62.24 41.44h-.08c2.48-3.04 16-10.48 53.84-16h.96a673.704 673.704 0 0 0 92.88 5.92 673.714 673.714 0 0 0 92.88-5.92h.96c38.16 5.76 51.36 13.2 53.84 16-6.08 8-58.56 22.4-147.76 22.4s-141.44-14.08-147.52-22.4zm74.32 38.4h146.72c-4.4 26.64-21.76 104-73.36 104.56s-68.88-77.68-73.36-104.56zm17.294 89.941a69.518 69.518 0 0 0 55.986 30.619 69.602 69.602 0 0 0 56-30.88c12.72 3.84 27.28 8.96 41.92 14.88l-5.28 83.2h-184.24l-5.28-83.2c14.136-5.67 28.35-10.782 40.894-14.619zM65.441 413.84h-42.08c2.8-17.36 9.36-56 17.12-85.2 2.24-8.56 11.84-17.52 25.12-26.16l-.16 111.36zm281.68 0h-265.6V292.8c6.24-3.36 12.88-6.56 19.68-9.6l5.44 84.96a8 8 0 0 0 8 7.52h199.52a8 8 0 0 0 8-7.52l5.44-84.96c6.8 3.12 13.44 6.32 19.68 9.6l-.16 121.04zm16 0V302.16c13.28 8.64 22.8 17.68 25.12 26.16 8 29.28 14.32 67.84 17.12 85.2l-42.24.32z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .effectivnost3 { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485 485'%3e%3cpath fill='%2300aeef' d='M375.935 375.033c-10.498-5.408-22.442-10.275-35.512-14.472a419.63 419.63 0 0 1-4.303-2.33c-16.668-9.184-29.807-17.867-36.12-23.803v-24.286c30.385-17.372 51.163-48.542 57.804-86.695C375.017 218.518 390 202.361 390 187.5c0-15.043-11.308-25.026-30-27.094V150h35v-7.5c0-9.655-8.382-46.807-27.002-47.469C355.397 57.703 326.775 27.87 290 13.748V0h-95v13.748c-36.824 14.137-65.464 43.973-78.033 81.285C98.372 95.74 90 132.851 90 142.5v7.5h35v10.406c-18.692 2.068-30 12.051-30 27.094 0 14.861 14.983 31.019 32.196 35.948 6.647 38.167 27.429 69.336 57.804 86.695v24.285c-6.312 5.936-19.45 14.618-36.106 23.795a424.938 424.938 0 0 1-4.338 2.349c-13.408 4.401-25.363 9.341-35.485 14.658-62.571 32.182-64.037 75.318-64.069 77.139L45 485h395v-32.537c-.009-1.837-.949-45.344-64.065-77.43zM340 376.218c9.011 3.058 17.38 6.448 25 10.127V430h-25v-53.782zM375 187.5c0 6.126-6.627 14.467-15.266 19.07.165-2.964.266-31.088.266-31.088 13.367 1.874 15 8.786 15 12.018zM290 29.958C318.457 42.536 340.807 65.964 352.045 95H290V29.958zM210 15h65v80h-65V15zm-15 14.956V95h-62.081C144.134 65.976 166.5 42.545 195 29.956zM110 187.5c0-3.232 1.633-10.144 15-12.018 0 0 .101 28.125.266 31.088C116.627 201.966 110 193.626 110 187.5zm-4.088-52.5c2.285-10.771 8.315-23.686 11.757-25h249.662c3.442 1.314 9.472 14.229 11.757 25H105.912zm35.315 81.156c-.814-5.79-1.227-12.066-1.227-18.656V150h205v47.5c0 6.59-.413 12.866-1.229 18.674-5.158 37.347-25.101 67.55-54.733 82.874C275.075 306.315 259.417 310 242.5 310s-32.575-3.685-46.555-10.962c-29.614-15.314-49.557-45.517-54.718-82.882zM285 317.299v17.312C279.87 339.974 263.613 355 242.5 355c-20.977 0-37.346-15.055-42.5-20.404v-17.298c13.182 5.108 27.424 7.702 42.5 7.702 15.079 0 29.324-2.595 42.5-7.701zm-125 51.905c9.754-5.509 23.203-13.621 32.241-21.169C200.885 356.174 219.023 370 242.5 370s41.615-13.826 50.259-21.966c9.035 7.546 22.48 15.656 32.241 21.169V430H160v-60.796zm-40 17.305c7.426-3.641 15.798-7.078 25-10.258V430h-25v-43.491zM90.2 470H60v-17.37c.093-2.065 2.189-31.708 45-57.922V430.2c-8.466 1.22-15 8.502-15 17.3v20c0 .851.082 1.681.2 2.5zm289.8-2.5c0 1.355-1.145 2.5-2.5 2.5h-270c-1.355 0-2.5-1.145-2.5-2.5v-20c0-1.355 1.145-2.5 2.5-2.5h270c1.355 0 2.5 1.145 2.5 2.5v20zm45 2.5h-30.2c.118-.819.2-1.649.2-2.5v-20c0-8.798-6.534-16.081-15-17.3v-35.764c43.445 26.306 44.951 56.392 45 58.136V470z'/%3e%3cpath fill='%2300aeef' d='M242.5 255h20v-15H250v-32.5h-15v40a7.5 7.5 0 0 0 7.5 7.5z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .obrabotkaField { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 429.707 429.707'%3e%3cpath fill='%2300aeef' d='M193.699 249.787h-9.52c-16.48 0-47.2 3.04-67.28 23.12a63.95 63.95 0 0 0-7.04 8.56v-45.44h.96c16.48 0 47.2-2.96 67.28-23.04 27.44-27.44 22.88-74.8 22.72-76.8a8 8 0 0 0-7.12-7.12h-9.52c-16.48 0-47.2 3.04-67.28 23.12a63.95 63.95 0 0 0-7.04 8.56v-20.88c8.96-8 35.28-34.88 35.28-67.76 0-38.8-36.72-69.04-38.24-70.32a8 8 0 0 0-10.08 0c-1.6 1.28-38.24 31.6-38.24 70.32 0 32.88 26.32 59.6 35.28 67.76v20.48a64.063 64.063 0 0 0-7.04-8.64c-20.08-20.08-50.8-23.12-67.28-23.12h-9.52a8 8 0 0 0-7.12 7.12c0 2-4.72 49.36 22.72 76.8 20.08 20.08 50.8 23.04 67.28 23.04h1.04v45.04a63.368 63.368 0 0 0-7.12-8.16c-20.08-20.08-50.8-23.12-67.28-23.12h-9.52a8 8 0 0 0-7.12 7.12c0 2-4.72 49.36 22.72 76.8 20.08 20.08 50.8 23.04 67.28 23.04h1.04v65.44a8 8 0 0 0 16 0v-64.96h.88c16.48 0 47.2-2.96 67.28-23.04 27.44-27.44 22.88-74.8 22.72-76.8a8 8 0 0 0-7.12-7.12zm-156.56-48.16c-16.56-16.56-18.48-44.24-18.4-56.96h.96c11.28 0 39.36 1.76 56 18.4s18.48 44.24 18.4 56.96c-10.879.32-39.84-1.28-56.96-18.4zM94.1 340.747c-10.88.24-39.84-1.28-56.96-18.4-16.56-16.56-18.48-44.24-18.4-56.96 10.96 0 40 1.28 56.96 18.4s18.479 44.24 18.4 56.96zm8.079-215.36l-.08-.08c-9.12-8.96-27.28-29.84-27.28-53.28s18.24-44.32 27.28-53.28c9.12 8.96 27.28 29.84 27.28 53.28s-18.08 44.4-27.2 53.36zm26.4 37.6l-.4.08c16.64-16.64 44.72-18.4 56-18.4h1.04c0 12.72-1.68 40-18.4 57.04s-46.08 18.72-57.04 18.4c.241-13.04 2.08-40.4 18.8-57.12zm38.56 159.36c-16.72 17.04-44.64 18.4-56 18.4h-1.04c0-12.8 1.84-40.4 18.48-56.96l-.08-.08c16.64-16.64 44.72-18.4 56-18.4h1.04c0 12.72-1.68 40-18.4 57.04zM426.74 256.907a8 8 0 0 0-7.12-7.12h-9.52c-16.48 0-47.2 3.04-67.28 23.12a63.382 63.382 0 0 0-7.04 8.56v-45.44h.72c16.48 0 47.2-2.96 67.28-23.04 27.44-27.44 22.88-74.8 22.72-76.8a8 8 0 0 0-7.12-7.12h-9.52c-16.48 0-47.2 3.04-67.28 23.12a63.95 63.95 0 0 0-7.04 8.56v-20.88c8.96-8 35.28-34.88 35.28-67.76 0-38.8-36.72-69.04-38.24-70.32a8 8 0 0 0-10.08 0c-1.6 1.28-38.24 31.6-38.24 70.32 0 32.88 26.32 59.6 35.28 67.76v20.48a63.95 63.95 0 0 0-7.04-8.56c-20.08-20.08-50.8-23.12-67.28-23.12h-9.52a8 8 0 0 0-7.12 7.12c0 2-4.72 49.36 22.72 76.8 20.08 20.08 50.8 23.04 67.28 23.04h1.04v45.04a63.95 63.95 0 0 0-7.04-8.56c-20.08-20.08-50.8-23.12-67.28-23.12h-9.52a8 8 0 0 0-7.12 7.12c0 2-4.72 49.36 22.72 76.8 20.08 20.08 50.8 23.04 67.28 23.04h1.04v65.44a8 8 0 0 0 16 0v-64.64h1.04c16.48 0 47.2-2.96 67.28-23.04 27.44-27.44 22.88-74.8 22.72-76.8zm-106.96 83.84c-11.28.24-40.24-1.28-56.96-18.4-16.56-16.56-18.48-44.24-18.4-56.96h.96c11.28 0 39.36 1.76 56 18.4 16.64 16.64 18.48 44.24 18.4 56.96zm0-120.72c-11.28.32-40.24-1.28-56.96-18.4-16.56-16.56-18.48-44.24-18.4-56.96h.96c11.28 0 39.36 1.76 56 18.4s18.48 44.24 18.4 56.96zm7.88-94.839c-9.157-9.023-27.16-29.821-27.16-53.161 0-23.44 18.24-44.32 27.36-53.28 9.12 8.96 27.28 29.76 27.28 53.28-.001 23.353-18.293 44.097-27.48 53.161zm26.2 37.799h.32c16.64-16.64 44.72-18.4 56-18.4h1.04c0 12.72-1.68 40-18.4 57.04s-44.64 18.4-56 18.4h-1.04c-.401-12.96 1.44-40.32 18.08-57.04zm38.959 159.36c-16.72 17.04-44.64 18.4-56 18.4h-1.04c-.4-12.8 1.52-40.4 18.08-56.96l.32-.08c16.64-16.64 44.72-18.4 56-18.4h1.04c.001 12.72-1.679 40-18.4 57.04z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .agroAnalitics { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 383.522 383.522'%3e%3cpath fill='%2300aeef' d='M228.276 105.68l-34.88-10.24a5.638 5.638 0 0 0-3.24 0l-34.88 10.24a5.679 5.679 0 0 0-4 5.52l.48 37.96v.44a5.68 5.68 0 0 0 5.68 5.68h68.68a5.68 5.68 0 0 0 5.64-5.64l.52-38.12a5.68 5.68 0 0 0-4-5.84zm-7.76 38.08h-57.52l-.4-28.52 29.16-8.4 29.16 8.56-.4 28.36z'/%3e%3cpath fill='%2300aeef' d='M350.196 208.44l-3.56-9.28-38.88-100.72a5.68 5.68 0 0 0-3.72-3.44l-110.64-32.56a5.638 5.638 0 0 0-3.24 0l-110.4 32.48a5.679 5.679 0 0 0-4 3.52l-38.68 100.72-3.56 9.28a12.013 12.013 0 0 0-.8 4.32 13.519 13.519 0 0 0 4 9.12 20 20 0 0 0 7.6 5.08 19.494 19.494 0 0 0 6.88 1.32h25.88v107.48a17.763 17.763 0 0 0 5.04 12.72 17.8 17.8 0 0 0 12.6 5.24h194.08a17.757 17.757 0 0 0 12.2-4.88l.36-.36a17.758 17.758 0 0 0 5.28-12.72V228.28h25.88a19.494 19.494 0 0 0 6.88-1.32 20 20 0 0 0 7.6-5.08 13.477 13.477 0 0 0 4-9.12 11.97 11.97 0 0 0-.8-4.32zm-166.44 82.52l-43.56 43.4v-86.6l43.56 43.2zm-36-51.76h88l-44 43.76-44-43.76zm.4 103.12l43.6-43.32 43.48 43.36-87.08-.04zm95.04-8l-43.44-43.36 43.56-43.2-.12 86.56zm96.12-121.56a2.48 2.48 0 0 1-.8 1.48 8.673 8.673 0 0 1-3.28 2.12 7.987 7.987 0 0 1-2.84.56h-31.44a5.68 5.68 0 0 0-5.68 5.68v113.16a6.441 6.441 0 0 1-1.88 4.56l-.2.24a6.404 6.404 0 0 1-4.32 1.68h-34.2V239.76a11.717 11.717 0 0 0-3.44-8.32 11.718 11.718 0 0 0-8.32-3.68h-102.32a11.718 11.718 0 0 0-8 3.04l-.44.4a11.717 11.717 0 0 0-3.32 8.56v102.72h-34.12a6.398 6.398 0 0 1-4.56-1.88 6.441 6.441 0 0 1-1.88-4.56V222.6a5.68 5.68 0 0 0-5.68-5.68l-31.6-.04a7.987 7.987 0 0 1-2.84-.56 8.673 8.673 0 0 1-3.28-2.12 2.48 2.48 0 0 1-.8-1.48.877.877 0 0 1 0-.28l3.68-9.24 37.48-98.08 106.52-31.32 106.56 31.32 37.44 98.08 3.56 9.28a.823.823 0 0 1 0 .28z'/%3e%3cpath fill='%2300aeef' d='M383.156 206.96l-51.2-133.84a5.68 5.68 0 0 0-3.72-3.44l-134.84-39.64a5.638 5.638 0 0 0-3.24 0L55.756 69.6a5.679 5.679 0 0 0-4 3.52L.356 206.96a5.68 5.68 0 0 0 3.349 7.301l.051.019a5.68 5.68 0 0 0 7.32-3.28l50.08-131.24 130.6-38.36 130.6 38.36 50.16 131.2a5.684 5.684 0 1 0 10.64-4z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .notices { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%2300aeef' d='M502.001 246.001h-28.038c-5.522 0-9.999 4.477-9.999 9.999 0 5.523 4.478 9.999 9.999 9.999h28.038c5.522 0 9.999-4.477 9.999-9.999s-4.477-9.999-9.999-9.999zM500.981 192.611c-2.762-4.783-8.875-6.421-13.659-3.66l-18.359 10.599c-4.783 2.761-6.422 8.876-3.66 13.659a9.993 9.993 0 0 0 13.659 3.661l18.359-10.6c4.783-2.761 6.422-8.876 3.66-13.659zM497.321 305.73l-18.359-10.6c-4.784-2.762-10.897-1.123-13.659 3.66-2.762 4.783-1.123 10.898 3.66 13.659l18.359 10.6a9.996 9.996 0 0 0 13.659-3.66c2.762-4.783 1.124-10.898-3.66-13.659zM424.327 118.013c-9.869-43.064-23.233-63.997-40.857-63.997-3.391 0-6.621.783-9.702 2.341L6.128 210.772A9.995 9.995 0 0 0 0 219.99v71.994a10 10 0 0 0 6.127 9.219l53.931 22.656.097.041 25.839 10.853v62.735c0 15.714 12.784 28.498 28.498 28.498h90.993c15.714 0 28.498-12.784 28.498-28.498v-.567l139.8 58.728c3.077 1.553 6.303 2.334 9.688 2.334 17.624 0 30.988-20.933 40.857-63.997 8.473-36.972 13.139-85.976 13.139-137.987-.001-52.01-4.667-101.014-13.14-137.986zM213.983 397.489c0 4.687-3.813 8.499-8.499 8.499h-90.993c-4.687 0-8.499-3.813-8.499-8.499v-54.334l107.992 45.366v8.968zM73.994 308.022v-52.181c0-5.523-4.478-9.999-9.999-9.999-5.522 0-9.999 4.477-9.999 9.999v43.78l-33.997-14.282v-58.703L351.619 87.35c-3.28 8.548-6.276 18.756-9.005 30.663-.31 1.35-.612 2.722-.912 4.104L228.325 164.79c-5.169 1.945-7.781 7.712-5.837 12.88a10.002 10.002 0 0 0 9.36 6.479c1.17 0 2.36-.208 3.521-.644l102.052-38.411c-5.165 32.412-7.946 70.76-7.946 110.905 0 52.011 4.666 101.015 13.139 137.987 2.729 11.906 5.727 22.112 9.005 30.661L73.994 308.022zm276.292-88.85c17.68 3.011 31.185 18.431 31.185 36.955 0 18.521-13.5 33.937-31.174 36.953a823.935 823.935 0 0 1-.824-37.08c0-12.512.276-24.832.813-36.828zm54.547 170.349c-9.13 39.841-19.328 48.465-21.363 48.465a1.16 1.16 0 0 1-.292-.05c-.162-.079-.32-.164-.488-.235l-.238-.1c-3.356-2.023-12.266-12.827-20.345-48.081-4.974-21.704-8.58-47.838-10.638-76.402 28.173-3.687 50-27.83 50-56.991 0-29.168-21.837-53.315-50.018-56.994 2.054-28.663 5.668-54.886 10.656-76.654 8.074-35.233 16.98-46.046 20.34-48.077l.883-.371c.049-.007.099-.017.141-.017 2.035 0 12.233 8.624 21.363 48.465 8.146 35.55 12.634 82.969 12.634 133.521 0 50.552-4.487 97.97-12.635 133.521z'/%3e%3cpath fill='%2300aeef' d='M199.505 186.34c-1.938-5.171-7.697-7.793-12.871-5.858l-.229.086c-5.172 1.937-7.794 7.699-5.858 12.871 1.504 4.016 5.316 6.495 9.366 6.495a9.99 9.99 0 0 0 3.505-.638l.229-.086c5.172-1.936 7.795-7.699 5.858-12.87z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .ecoGKX { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.014 512.014'%3e%3cpath fill='%2300aeef' d='M127.71 366.851c-18.849.011-34.12 15.299-34.112 34.147.008 18.849 15.292 34.123 34.14 34.119s34.126-15.285 34.126-34.133c-.027-18.848-15.305-34.118-34.154-34.133zm0 51.2c-9.423-.012-17.053-7.658-17.046-17.081.008-9.423 7.651-17.057 17.074-17.053 9.423.004 17.06 7.644 17.06 17.067-.016 9.427-7.661 17.062-17.088 17.067zM383.919 366.851c-18.849.011-34.12 15.299-34.112 34.147.008 18.849 15.292 34.123 34.14 34.119 18.849-.004 34.126-15.285 34.126-34.133-.027-18.848-15.306-34.118-34.154-34.133zm0 51.2c-9.423-.012-17.053-7.658-17.046-17.081.008-9.423 7.651-17.057 17.074-17.053 9.423.004 17.06 7.644 17.06 17.067-.017 9.427-7.661 17.062-17.088 17.067zM196.031 153.517a8.533 8.533 0 0 0 8.533-8.533v-8.533a8.533 8.533 0 0 0-17.066 0v8.533a8.533 8.533 0 0 0 8.533 8.533zM196.031 307.117a8.533 8.533 0 0 0 8.533-8.533V179.117a8.533 8.533 0 0 0-17.066 0v119.467a8.533 8.533 0 0 0 8.533 8.533zM230.194 153.517a8.533 8.533 0 0 0 8.533-8.533v-8.533a8.533 8.533 0 0 0-17.066 0v8.533a8.532 8.532 0 0 0 8.533 8.533zM230.194 307.117a8.533 8.533 0 0 0 8.533-8.533V179.117a8.533 8.533 0 0 0-17.066 0v119.467a8.532 8.532 0 0 0 8.533 8.533zM264.352 153.517a8.533 8.533 0 0 0 8.533-8.533v-8.533a8.533 8.533 0 0 0-17.066 0v8.533a8.533 8.533 0 0 0 8.533 8.533zM264.352 307.117a8.533 8.533 0 0 0 8.533-8.533V179.117c0-4.713-3.82-8.533-8.533-8.533s-8.533 3.82-8.533 8.533v119.467a8.533 8.533 0 0 0 8.533 8.533z'/%3e%3cpath fill='%2300aeef' d='M486.414 247.384h-8.558v-47.171a25.697 25.697 0 0 0-2.708-11.45l-23.758-47.471a2.695 2.695 0 0 0-.117-.242l-12.3-24.583a25.468 25.468 0 0 0-22.908-14.15h-74.85c-9.423.009-17.06 7.644-17.071 17.067v8.533h-17.096V110.85a17.006 17.006 0 0 0-8.542-14.695v-27.05a26.83 26.83 0 0 0-9.237-20.391 25.078 25.078 0 0 0-20.062-5.85l-159.85 24.042a8.526 8.526 0 0 0-5.938 3.871L88.851 93.784H79.54a25.482 25.482 0 0 0-23.817 16.183L2.119 245.421a33.999 33.999 0 0 0 4.763 32.321l45.625 60.025a8.49 8.49 0 0 0 1.366 1.462 8.477 8.477 0 0 0 4.579 1.971h.013a8.584 8.584 0 0 0 1.921-.008 8.51 8.51 0 0 0 4.779-2.196l.012-.012h.004l.254-.25 1.174-1.173 11.28 16.862c-20.179 21.584-24.172 53.704-9.893 79.571 14.28 25.868 43.587 39.605 72.604 34.031 29.017-5.574 51.149-29.191 54.829-58.508h17.688c.009 9.422 7.645 17.057 17.067 17.067h51.254c9.422-.009 17.057-7.645 17.067-17.067h17.689c3.446 27.869 23.605 50.786 50.807 57.759s55.899-3.421 72.327-26.195c16.428-22.775 17.236-53.285 2.037-76.898l22.951-22.932h22.098c14.132-.015 25.585-11.468 25.6-25.6v-42.667c-.015-14.132-11.467-25.584-25.6-25.6zm-179.366-102.4h17.096v167.125l-12.083 12.075h-5.013v-179.2zM115.752 83.201l155.992-23.463a7.887 7.887 0 0 1 6.391 1.908 9.777 9.777 0 0 1 3.304 7.458l.001 24.679H109.051l6.701-10.582zM60.748 233.692a25.545 25.545 0 0 0-1.529 6.675l-6.342 69.688-32.379-42.6a16.903 16.903 0 0 1-2.438-15.942L71.59 116.25a8.508 8.508 0 0 1 7.95-5.4h35.108l-21.961 50.051-9.393-12.509a8.536 8.536 0 0 0-13.65 10.25l15.17 20.202-24.066 54.848zm15.729 69.888l-6.458 6.45 6.2-68.121a9.648 9.648 0 0 1 .329-1.784l20.024-45.623 17.482 23.281a25.28 25.28 0 0 0-3.419 12.534 25.81 25.81 0 1 0 16.313-23.791l-22.502-29.966 28.839-65.71h156.696v213.333l-90.421-.004-20.617-20.596a16.951 16.951 0 0 0-12.071-5H88.544a17.174 17.174 0 0 0-12.067 4.997zm51.225-73.263a8.553 8.553 0 0 1 8.546-8.533 8.534 8.534 0 1 1-8.546 8.533zm.008 221.867c-28.271-.025-51.171-22.959-51.154-51.231.017-28.271 22.944-51.178 51.215-51.169s51.185 22.929 51.185 51.2c-.045 28.276-22.97 51.18-51.246 51.2zm102.475-42.667v-34.133h51.254l.009 25.554-.009.046.009.046.003 8.487h-51.266zm153.734 42.667c-28.271-.025-51.171-22.959-51.154-51.231.017-28.271 22.944-51.178 51.215-51.169s51.185 22.929 51.185 51.2c-.046 28.276-22.97 51.18-51.246 51.2zm46.433-101.128a68.167 68.167 0 0 0-114.158 41.395h-17.689v-17.067c-.009-9.422-7.645-17.057-17.067-17.067h-51.254c-9.422.009-17.057 7.645-17.067 17.067v17.067H195.43a68.15 68.15 0 0 0-104.345-48.997l-12.167-18.188 9.626-9.616 78.338.004 20.617 20.596a16.951 16.951 0 0 0 12.071 5h116.025a8.545 8.545 0 0 0 6.033-2.496l17.08-17.068.006-.006 6.035-6.03h78.342l21.345 21.334-14.084 14.072zm30.437-26.872h-5.017l-23.117-23.104a8.555 8.555 0 0 0-6.033-2.496H341.21l.004-179.201h74.85a8.5 8.5 0 0 1 7.642 4.717l6.183 12.35h-45.971c-9.424.007-17.063 7.643-17.075 17.067v51.2c.012 9.424 7.651 17.06 17.075 17.067h34.163c1.742 0 42.708.388 42.708 34.133v68.267zm.001-105.462a71.667 71.667 0 0 0-42.708-14.004H383.91l.009-51.2h54.504l21.467 42.896a8.454 8.454 0 0 1 .9 3.8v18.508zm34.158 96.929a8.54 8.54 0 0 1-8.533 8.533h-8.558v-59.733h8.558a8.54 8.54 0 0 1 8.533 8.533v42.667z'/%3e%3cpath fill='%2300aeef' d='M392.456 247.384h-25.621c-4.713 0-8.533 3.82-8.533 8.533s3.82 8.533 8.533 8.533h25.621c4.713 0 8.533-3.82 8.533-8.533s-3.82-8.533-8.533-8.533z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .tasksGKX { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3e%3cpath fill='%2300aeef' d='M38.914 0H6.5v60h47V14.586L38.914 0zm.586 3.414L50.086 14H39.5V3.414zM8.5 58V2h29v14h14v42h-43z'/%3e%3cpath fill='%2300aeef' d='M42.5 21h-16a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2zM22.875 18.219l-4.301 3.441-1.367-1.367a.999.999 0 1 0-1.414 1.414l2 2a.998.998 0 0 0 1.331.074l5-4a1 1 0 0 0-1.249-1.562zM42.5 32h-16a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2zM22.875 29.219l-4.301 3.441-1.367-1.367a.999.999 0 1 0-1.414 1.414l2 2a.998.998 0 0 0 1.331.074l5-4a1 1 0 0 0-1.249-1.562zM42.5 43h-16a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2zM22.875 40.219l-4.301 3.441-1.367-1.367a.999.999 0 1 0-1.414 1.414l2 2a.998.998 0 0 0 1.331.074l5-4a1 1 0 0 0-1.249-1.562z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .uBlock { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%2300aeef' d='M230.792 354.313l-6.729 60.51a10.67 10.67 0 0 0 10.604 11.844h42.667a10.67 10.67 0 0 0 10.604-11.844l-6.729-60.51c10.927-7.948 17.458-20.521 17.458-34.313 0-23.531-19.135-42.667-42.667-42.667S213.333 296.469 213.333 320c0 13.792 6.532 26.365 17.459 34.313zM256 298.667c11.76 0 21.333 9.573 21.333 21.333 0 8.177-4.646 15.5-12.125 19.125a10.673 10.673 0 0 0-5.958 10.781l6.167 55.427h-18.833l6.167-55.427c.5-4.49-1.885-8.802-5.958-10.781-7.479-3.625-12.125-10.948-12.125-19.125-.001-11.76 9.572-21.333 21.332-21.333z'/%3e%3cpath fill='%2300aeef' d='M437.333 192h-32v-42.667C405.333 66.99 338.344 0 256 0S106.667 66.99 106.667 149.333V192h-32A10.66 10.66 0 0 0 64 202.667v266.667C64 492.865 83.135 512 106.667 512h298.667C428.865 512 448 492.865 448 469.333V202.667A10.66 10.66 0 0 0 437.333 192zM128 149.333c0-70.583 57.417-128 128-128s128 57.417 128 128V192h-21.333v-42.667c0-58.813-47.854-106.667-106.667-106.667S149.333 90.521 149.333 149.333V192H128v-42.667zm213.333 0V192H170.667v-42.667C170.667 102.281 208.948 64 256 64s85.333 38.281 85.333 85.333zm85.334 320c0 11.76-9.573 21.333-21.333 21.333H106.667c-11.76 0-21.333-9.573-21.333-21.333v-256h341.333v256z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .carSharing { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Слой_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 215.8 123.5'%3e%3cstyle%3e.st0%7bfill:%230094d9%7d%3c/style%3e%3cpath class='st0' d='M44.4 105c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.9 6.4-6.4 6.4zm0-18.2c-6.5 0-11.8 5.3-11.8 11.8s5.3 11.8 11.8 11.8 11.8-5.3 11.8-11.8c-.1-6.5-5.3-11.8-11.8-11.8z'/%3e%3cpath class='st0' d='M210.5 103.8h-10.8c.4-1.7.6-3.4.6-5.2 0-13.7-11.2-24.9-24.9-24.9s-24.9 11.2-24.9 24.9c0 1.8.2 3.6.6 5.2H68.8c.4-1.7.6-3.4.6-5.2 0-13.7-11.2-24.9-24.9-24.9S19.6 84.9 19.6 98.6c0 1.8.2 3.6.6 5.2H5.4V92.5l5.7-8c.3-.4.5-1 .5-1.5v-9.3h6.1c1.5 0 2.7-1.2 2.7-2.7s-1.2-2.7-2.7-2.7h-6c.3-3.1 1.6-3.8 7.4-6.3 8.2-3.6 33.1-13.4 36.8-14.9.5-.2.9-.5 1.2-.9 2.4-3.3 23-31.6 29.7-40.8h36.4v36.8H79.1c-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7h44.1v23.2c0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7V47.5h75.7v20.7h-5.4c-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7h5.4v9.3c0 .6.2 1.1.5 1.6l5.7 8v11.3zm-35.1 14.3c-10.8 0-19.5-8.8-19.5-19.5 0-10.8 8.8-19.5 19.5-19.5 10.8 0 19.5 8.8 19.5 19.5 0 10.8-8.7 19.5-19.5 19.5zm-131 0c-10.8 0-19.5-8.8-19.5-19.5 0-10.8 8.8-19.5 19.5-19.5 10.8 0 19.5 8.8 19.5 19.5 0 10.8-8.8 19.5-19.5 19.5zM204.3 12.9v29.3h-75.7V5.4h68.2c4.1-.1 7.5 3.3 7.5 7.5zm11.1 77.2l-5.7-8V12.9c0-7.1-5.8-12.9-12.9-12.9H85.4c-.9 0-1.7.4-2.2 1.1-6.9 9.3-27.8 38.1-30.1 41.3-3.4 1.4-27.9 11-36.2 14.7-7.4 3.3-10.7 5.1-10.7 13.5v11.6L.5 90.3c-.3.5-.5 1-.5 1.6v14.6c0 1.5 1.2 2.7 2.7 2.7h19.1c4 8.4 12.6 14.3 22.5 14.3s18.5-5.9 22.5-14.3h86c4 8.4 12.6 14.3 22.5 14.3s18.5-5.9 22.5-14.3h15.3c1.5 0 2.7-1.2 2.7-2.7V91.6c.1-.5-.1-1.1-.4-1.5z'/%3e%3cpath class='st0' d='M175.4 105c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.9 6.4-6.4 6.4zm0-18.2c-6.5 0-11.8 5.3-11.8 11.8s5.3 11.8 11.8 11.8 11.8-5.3 11.8-11.8c0-6.5-5.3-11.8-11.8-11.8zM112.8 55.3h-8.1c-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7h8.1c1.5 0 2.7-1.2 2.7-2.7 0-1.5-1.2-2.7-2.7-2.7zM66.6 54.2c-1.5 0-2.7 1.2-2.7 2.7v13.9c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7V56.9c0-1.5-1.2-2.7-2.7-2.7zM150.9 31.5c.5.4 1 .5 1.6.5.8 0 1.6-.4 2.2-1.1l8.4-11.3c.9-1.2.6-2.9-.5-3.8-1.2-.9-2.9-.6-3.8.5l-8.4 11.3c-.9 1.4-.7 3 .5 3.9zM170.4 31.5c.5.4 1 .5 1.6.5.8 0 1.6-.4 2.2-1.1l8.4-11.3c.9-1.2.6-2.9-.5-3.8-1.2-.9-2.9-.6-3.8.5l-8.4 11.3c-1 1.4-.7 3 .5 3.9z'/%3e%3c/svg%3e"); background-size: 5.625rem; background-repeat: no-repeat; background-position: center center } .carResponse { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%2300aeef' d='M486.4 412.16c-50.93-27.008-89.996-42.152-124.772-47.958l3.599-4.948c1.707-1.707 2.56-4.267 1.707-6.827l-8.067-32.267c20.803-29.854 32.748-67.112 31.96-102.56v-50.76a42.708 42.708 0 0 0 1.707-1.293c11.093-9.387 17.067-23.04 17.067-36.693 0-64-52.053-116.053-115.2-116.053h-75.947c-64 0-116.053 52.053-116.907 115.2 0 14.507 5.973 27.307 17.067 36.693.279.215.57.415.853.624V217.6c0 35.558 12.446 72.939 33.597 102.839l-7.997 31.987c0 1.707 0 4.267 1.707 6.827l3.599 4.948c-34.776 5.807-73.843 20.95-124.772 47.958C9.387 419.84 0 436.053 0 453.973v36.693c0 5.12 3.413 8.533 8.533 8.533h494.933c5.12 0 8.533-3.413 8.533-8.533v-36.693c.001-17.066-10.239-33.28-25.599-41.813zm-140.8-75.093l3.413 15.36-8.717 11.969a7.615 7.615 0 0 0-1.523 1.684l-46.933 64.853-23.009-51.982c24.824-2.986 47.238-14.489 65.882-31.265a152.38 152.38 0 0 0 10.887-10.619zm35.84-185.174c-.224.196-.458.378-.687.567-.959.223-1.89.582-2.726 1.14-3.692 2.769-7.634 4.53-11.689 5.303-3.216.493-6.488.449-9.644-.183-61.203-11.621-123.109-12.69-182.526-3.21a548.516 548.516 0 0 0-19.714 3.21 34.752 34.752 0 0 1-3.151.202c-6.86-.123-13.508-2.029-19.036-6.175-5.12-3.413-8.533-8.533-10.24-13.653l36.693-6.827c64-11.947 129.707-11.947 195.413 0l36.407 6.773c-1.889 4.831-5.036 9.297-9.1 12.853zM217.6 29.867h75.947c52.343 0 95.272 40.762 98.752 92.233l-35.605-6.046c-67.413-11.947-135.68-11.947-201.387 0l-35.605 6.046c3.477-51.471 46.373-92.233 97.898-92.233zM136.533 174.08c6.827 1.707 14.507 2.56 22.187.853 31.861-5.947 64.144-8.932 96.64-8.958 32.5.026 65.21 3.01 97.92 8.958 2.331.583 4.261.764 6.068.823 5.372.407 10.986-.393 16.118-1.676v43.52c0 37.209-12.764 70.274-31.929 95.407l-.498.166-2.56 2.56c-4.293 5.724-8.824 10.943-13.558 15.649-21.188 19.74-46.685 31.284-70.921 31.284h-.001c-.887 0-1.772-.018-2.657-.046-14.418-.496-29.207-5.012-43.208-12.837-13.895-7.982-26.966-19.49-38.614-34.051l-2.56-2.56-.498-.166c-19.164-25.134-31.929-58.199-31.929-95.407V174.08zm106.636 204.871l-23.009 51.982-46.933-64.853a14.853 14.853 0 0 0-.884-.806l-9.356-12.848 3.413-15.36a155.605 155.605 0 0 0 3.506 3.646c20.077 20.537 45.129 34.856 73.263 38.239zm251.764 103.182H17.067v-28.16c0-11.093 5.973-21.333 16.213-26.453 54.393-28.896 93.548-43.399 128.428-47.731l53.332 73.331c1.34 2.011 3.215 2.959 5.608 3.277.404.08.811.136 1.218.136 0 0 .853 0 .853.853 2.56 0 5.973-2.56 6.827-5.12l26.501-59.628 11.291 24.767 15.115 34.008c.853 2.56 3.413 5.12 6.827 5.12h.853c2.56 0 5.12-1.707 6.827-3.413l53.883-74.09c34.757 5.245 74.615 19.737 127.877 47.636 10.24 5.973 16.213 16.213 16.213 27.307v28.16z'/%3e%3cpath fill='%2300aeef' d='M238.933 98.133h34.133c5.12 0 8.533-3.413 8.533-8.533V46.933c0-5.12-3.413-8.533-8.533-8.533h-34.133c-5.12 0-8.533 3.413-8.533 8.533V89.6c0 5.12 3.413 8.533 8.533 8.533zm8.534-42.666h17.067v25.6h-17.067v-25.6z'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .gibdd { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.004 512.004'%3e%3cpath fill='%2300aeef' d='M506.625 235.884L217.344 70.434c-22.313-12.782-52.854-5.891-67.563 15.159L93.74 165.707a46.384 46.384 0 0 0-8.406 26.701c0 16.588 8.917 32.039 23.26 40.317l61.01 35.233-11.021 14.707c-5.969 7.955-9.25 17.818-9.25 27.765 0 10.229 3.746 19.851 9.78 27.805l-16.238 24.433H64v-32.105c0-5.901-4.771-10.561-10.667-10.561H10.667C4.771 320.002 0 324.662 0 330.563v106.763c0 5.901 4.771 10.676 10.667 10.676h42.667c5.896 0 10.667-4.775 10.667-10.676v-10.657h78.875c21.448 0 41.354-10.654 53.25-28.513l17.484-26.25c3.367.731 6.763 1.394 10.234 1.394 16.979 0 32.958-9.05 41.688-23.625l11.72-19.551 90.78 52.425a10.62 10.62 0 0 0 5.333 1.428c1.031 0 2.063-.146 3.073-.448a10.713 10.713 0 0 0 6.469-5.453l7.897-15.829c1.296.098 2.543.378 3.863.378 41.167 0 74.667-33.53 74.667-74.734 0-4.525-.668-9.188-1.661-13.955l38.432-19.231a10.69 10.69 0 0 0 5.896-9.258 10.687 10.687 0 0 0-5.376-9.563zM42.667 426.669H21.333v-85.333h21.333v85.333zm135.708-40.302a42.572 42.572 0 0 1-35.5 19H64v-21.333h78.875c7.167 0 13.802-3.552 17.75-9.5l14.771-22.164 18.318 10.988-15.339 23.009zm68.865-47.584c-7.458 12.406-25.01 16.823-37.427 9.354l-27.052-16.229c-7.458-4.469-12.094-12.656-12.094-21.354a25.12 25.12 0 0 1 4.979-14.948l12.564-16.751 70.56 40.711-11.53 19.217zm121.645 19.688L119.25 214.439c-7.76-4.479-12.583-12.833-12.583-21.802a25.076 25.076 0 0 1 4.552-14.448L138 139.939l263.967 152.284-33.082 66.248zm32.735-17.808l22.328-44.714 23.695-11.846c.119 1.309.357 2.664.357 3.93 0 27.025-20.283 49.18-46.38 52.63zm14.742-64.769l-266.078-153.5 16.977-24.246a30.042 30.042 0 0 1 24.594-12.813 30.057 30.057 0 0 1 14.906 3.958L478.74 244.71l-62.378 31.184z'/%3e%3ccircle fill='%2300aeef' cx='352.002' cy='309.335' r='10.667'/%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .controlVugruzka { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Слой_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280.6 245.5'%3e%3cstyle%3e.st0%7bfill:%230094d9%7d%3c/style%3e%3cpath class='st0' d='M33.4 238.7c11.9 0 21.5-9.6 21.5-21.5s-9.6-21.5-21.5-21.5c-11.8 0-21.5 9.6-21.5 21.5 0 11.8 9.7 21.5 21.5 21.5zm0-50c15.7 0 28.4 12.8 28.4 28.4 0 15.7-12.8 28.4-28.4 28.4-15.7 0-28.4-12.8-28.4-28.4 0-15.6 12.8-28.4 28.4-28.4z'/%3e%3cpath class='st0' d='M33.4 224.2c3.9 0 7.1-3.2 7.1-7.1s-3.2-7.1-7.1-7.1-7.1 3.2-7.1 7.1c.1 4 3.2 7.1 7.1 7.1zm0-21c7.7 0 14 6.3 14 14s-6.3 14-14 14-14-6.3-14-14c0-7.8 6.3-14 14-14zM150.7 238.7c11.8 0 21.5-9.6 21.5-21.5s-9.6-21.5-21.5-21.5-21.5 9.6-21.5 21.5c0 11.8 9.7 21.5 21.5 21.5zm0-50c15.7 0 28.4 12.8 28.4 28.4 0 15.7-12.8 28.4-28.4 28.4-15.7 0-28.4-12.8-28.4-28.4 0-15.6 12.7-28.4 28.4-28.4z'/%3e%3cpath class='st0' d='M150.7 224.2c3.9 0 7.1-3.2 7.1-7.1s-3.2-7.1-7.1-7.1-7.1 3.2-7.1 7.1c.1 4 3.2 7.1 7.1 7.1zm0-21c7.7 0 14 6.3 14 14s-6.3 14-14 14-14-6.3-14-14c0-7.8 6.3-14 14-14zM216.6 238.7c11.9 0 21.5-9.6 21.5-21.5s-9.6-21.5-21.5-21.5c-11.8 0-21.5 9.6-21.5 21.5 0 11.8 9.7 21.5 21.5 21.5zm0-50c15.7 0 28.4 12.8 28.4 28.4 0 15.7-12.8 28.4-28.4 28.4-15.7 0-28.4-12.8-28.4-28.4 0-15.6 12.7-28.4 28.4-28.4z'/%3e%3cpath class='st0' d='M216.6 224.2c3.9 0 7.1-3.2 7.1-7.1s-3.2-7.1-7.1-7.1-7.1 3.2-7.1 7.1c0 4 3.2 7.1 7.1 7.1zm0-21c7.7 0 14 6.3 14 14s-6.3 14-14 14-14-6.3-14-14c0-7.8 6.3-14 14-14z'/%3e%3cpath class='st0' d='M125.4 153.5h151.7c1.9 0 3.5 1.6 3.5 3.5v71c0 1.9-1.6 3.5-3.5 3.5h-19.5c-1.9 0-3.5-1.6-3.5-3.5v-26.3l-21.9-21.8h-97.1l-21.8 21.8V228c0 1.9-1.6 3.5-3.5 3.5H74.3c-1.9 0-3.5-1.6-3.5-3.5v-26.3L49 179.9H1.6c-.9 0-1.6-.7-1.6-1.6v-3.7c0-.9.7-1.6 1.6-1.6h48.8c.9 0 1.8.4 2.5 1l23.8 23.8c.7.7 1 1.5 1 2.5v24.3h28.6v-24.3c0-.9.4-1.8 1-2.5l23.8-23.8c.7-.7 1.5-1 2.5-1h100c.9 0 1.8.4 2.5 1l23.8 23.8c.7.7 1 1.5 1 2.5v24.3h12.6v-64.1H1.6c-.9 0-1.6-.7-1.6-1.6v-3.7c0-.9.7-1.6 1.6-1.6h29.3m7-.1h80.5'/%3e%3cg%3e%3cpath class='st0' d='M110 78.9h-9.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1h9.9c2.3 0 4.1-1.8 4.1-4.1.1-2.2-1.8-4.1-4.1-4.1zM110 95.5h-9.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1h9.9c2.3 0 4.1-1.9 4.1-4.1.1-2.2-1.8-4.1-4.1-4.1z'/%3e%3cpath class='st0' d='M182.5 145.3c-13.6 0-24.7-11.1-24.7-24.7s11.1-24.7 24.7-24.7 24.7 11.1 24.7 24.7-11.1 24.7-24.7 24.7zM90.8 129c.7-2.7 1.1-5.5 1.1-8.4 0-18.2-14.8-33-33-33-6.3 0-12.2 1.8-17.3 4.9V78.2l10.6-10.6h66.2l8.7 15.8c.7 1.3 2.1 2.1 3.6 2.1h17.4c2.3 0 4.1-1.8 4.1-4.1V59.3h2.7l10.2 17v16.1c-6.4 3.9-11.3 10-13.8 17.1h-19.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1h18.2c-.1.9-.1 1.8-.1 2.7 0 2.9.4 5.7 1.1 8.4H90.8v.2zm-31.9 16.3c-13.6 0-24.7-11.1-24.7-24.7s11.1-24.7 24.7-24.7 24.7 11.1 24.7 24.7-11.1 24.7-24.7 24.7zm38.8-137h4v51.1H89c1.8-10.9 6.3-37.4 8.7-51.1zM144 55.7v21.6h-10.8l-8.7-15.8c-.7-1.3-2.1-2.1-3.6-2.1H110V8.3h23.8L144 55.7zm37.8-47.4h16.6v83.4c-2.6-1.4-5.3-2.5-8.3-3.2v-59c0-.8-.2-1.5-.6-2.1l-7.7-12.8V8.3zM260 129h-10.1v-2.2c0-2.3-1.9-4.1-4.1-4.1-2.3 0-4.1 1.8-4.1 4.1v2.2h-8.3v-2.2c0-2.3-1.9-4.1-4.1-4.1-2.3 0-4.1 1.8-4.1 4.1v2.2h-10.7c.7-2.7 1.1-5.5 1.1-8.4 0-8.6-3.3-16.5-8.8-22.4V4.1c0-2.3-1.9-4.1-4.1-4.1h-24.9c-2.3 0-4.1 1.9-4.1 4.1v11.6c0 .8.2 1.5.6 2.1l7.7 12.8v56.9c-2.9.1-5.6.5-8.3 1.2V75.1c0-.8-.2-1.5-.6-2.1l-12-20c-.8-1.2-2.1-2-3.6-2h-5.9l-9.4-42.7h1.9c2.3 0 4.1-1.8 4.1-4.1S146.3.1 144.1.1h-50c-2 0-3.7 1.5-4.1 3.4-2.2 12.7-7.7 45.3-9.5 56h-9.9V43.1c0-6.9-5.6-12.5-12.5-12.5-2.3 0-4.1 1.8-4.1 4.1s1.9 4.1 4.1 4.1c2.3 0 4.2 1.9 4.2 4.2v16.4H50.4c-1.1 0-2.2.4-2.9 1.2l-13 13c-.8.8-1.2 1.8-1.2 2.9v23.3c-4.6 5.7-7.4 12.9-7.4 20.8 0 18.2 14.8 33 33 33 12.1 0 22.7-6.6 28.4-16.3H154c5.7 9.8 16.3 16.3 28.4 16.3s22.7-6.6 28.4-16.3h49.1c2.3 0 4.1-1.8 4.1-4.1.2-2.4-1.7-4.2-4-4.2z'/%3e%3cpath class='st0' d='M182.5 128.7c-4.5 0-8.1-3.6-8.1-8.1s3.6-8.1 8.1-8.1 8.1 3.6 8.1 8.1c0 4.4-3.6 8.1-8.1 8.1zm0-24.5c-9.1 0-16.4 7.4-16.4 16.4 0 9.1 7.4 16.4 16.4 16.4s16.4-7.4 16.4-16.4c0-9.1-7.4-16.4-16.4-16.4zM58.9 128.7c-4.5 0-8.1-3.6-8.1-8.1s3.6-8.1 8.1-8.1 8.1 3.6 8.1 8.1c0 4.4-3.7 8.1-8.1 8.1zm0-24.5c-9 0-16.4 7.4-16.4 16.4 0 9.1 7.4 16.4 16.4 16.4s16.4-7.4 16.4-16.4c0-9.1-7.4-16.4-16.4-16.4z'/%3e%3c/g%3e%3c/svg%3e"); background-size: 4.625rem; background-repeat: no-repeat; background-position: center center } .catalogMenu .sectionWrap { padding-bottom: 1.25rem; } .catalogMenu { padding: 0 0; margin-top: 0.8125rem; -webkit-box-shadow: 0px 10px 38px -13px rgba(15, 87, 167, 0.15); -moz-box-shadow: 0px 10px 38px -13px rgba(15, 87, 167, 0.15); box-shadow: 0px 10px 38px -13px rgba(15, 87, 167, 0.15); } .catalogMenu .col-xs-3 { vertical-align: middle } .catalogMenu .col-xs-9 .row { height: 4.7625rem; } .catalogMenu .col-xs-9 .row:first-child { margin-top: -0.1625rem; } .catalogMenu .col-xs-9 .row:last-child { padding-left: 3rem; margin-top: -0.5625rem; } .catalogMenuBak { background-image: url('/bitrix/templates/main/../img/figures.jpg'); background-repeat: no-repeat; background-position: 14.375rem center; background-size: 35.3125rem; } .catalogMenu ul { padding-left: 2.1875rem; position: relative; height: 100%; display: inline-block; } .catalogMenu ul:before { width: 100%; height: 1px; content: ''; background-color: #22b8ef; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px); transform: translateY(2px); z-index: -1; } .catalogMenu li { float: left; line-height: 2.5rem; margin-right: 2.75rem; background-color: #fff; border-radius: 1.75rem; border: 1px solid #00aced; margin-top: 1.05rem; } .catalogMenu li:last-child { margin-right: 0; } .catalogMenu li:hover, .catalogMenu li.active { background-color: #00aced; } .catalogMenu li:hover a, .catalogMenu li.active a { color: #fff; } .catalogMenu li a { color: #292929; font-family: "PT Sans Regular"; font-size: 1rem; padding: 0 1.875rem; } .catalogMenuZag { color: #292929; font-family: "PT Sans Regular"; font-size: 1.625rem; padding-left: 3rem; } .recommendedDevicesWrap { width: 100%; height: 100%; padding: 4.6875rem 0 60px 0; background-color: rgba(0, 0, 0, 0.5) } .rRec .catalogItems { background-color: rgba(0, 0, 0, 0.7) } .catalogItems .button { display: inline-block; padding: 12px 33px; font-family: "PT Sans Regular"; font-size: 14px; letter-spacing: normal; } .catalogItems .button.bigButton { padding: 16px 33px; font-size: 18px; border-radius: 40px; } .catalogItems .buttonWrap { text-align: center; } .col-xs.catalogItems { padding-left: 0; padding-right: 0; } .catalogItems .item { background-color: #fff; margin: 1px; overflow: hidden; padding: 0px 0px 0px 0px; float: left; width: calc(25% - 0.875rem); margin-right: 0.875rem; margin-bottom: 0.875rem; /*-webkit-box-shadow: 0px 1px 3px 4px rgba(231,231,231,0.3); -moz-box-shadow: 0px 1px 3px 4px rgba(231,231,231,0.3); box-shadow: 0px 1px 3px 4px rgba(231,231,231,0.3);*/ } .catalogItems .item:nth-child(4n) { margin-right: 0; } .catalogItems .item .itemWrap { border: 1px solid #ededed; border-radius: 10px; } .catalogItems h2 { color: #fff; font-size: 2rem; font-family: "PTSerifPro-Demi"; margin-bottom: 5rem; text-align: center; } .rRec .catalogItems h2 { color: #fff; } .catalogItems .owl-item { border-radius: 0.9375rem; overflow: hidden; } .catalogItems .item h4 { color: #434142; font-size: 1rem; font-family: "PTSerifPro-Demi"; padding-bottom: 0.9375rem; margin-bottom: 0px; width: 100%; text-align: center; } .catalogItems .item { position: relative; } .catalogItems .item.mAkciya:after { position: absolute; top: 1.5625rem; left: -2.5rem; background-color: #cd2852; content: "Акция"; font-size: 0.8125rem; width: 9.375rem; text-align: center; line-height: 1.25rem; color: #fff; -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .catalogItems .item p { color: #292929; font-size: 0.875rem; font-family: "PT Sans Regular"; margin-bottom: 1.25rem; line-height: 1.25rem; } .catalogItems .item img { padding: 0 1.25rem 0 1.5625rem; width: 100%; } .catalogItems .owl-carousel { margin-bottom: 3.75rem; } .catalogItems .owl-carousel .owl-nav svg { stroke: #00aced } .rRec .catalogItems .owl-carousel .owl-nav svg { stroke: #fff } .catalogPager { padding-bottom: 10rem; margin-top: 1.8125rem; } .catalogPager ul { float: left; } .catalogPager li { float: left; width: 2rem; height: 2rem; line-height: 2rem; margin: 0 0.25rem; background-color: #fff; text-align: center; border: 1px solid #00aeef; border-radius: 50%; padding: 0px; } .catalogPager li svg { width: 0.3125rem; height: 0.5625rem; fill: #00aeef; } .catalogPager li.newsPrev svg { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .catalogPager li:hover svg { fill: #fff; } .catalogPager li.newsEmpty { background-color: transparent; border: none; } .catalogPager li, .newsDot { color: #00aeef; font-family: "PTSerifPro-Demi"; font-size: 0.75rem; } .catalogPager li.active, .catalogPager li:hover:not(.newsDot):not(.newsEmpty) { color: #fff; background-color: #00aeef; } .readySolutions2 { display: inline-block; padding-bottom: 4.6875rem; clear: both; width: 100%; } .readySolutions2 ul { margin-top: 2.5rem; } .readySolutions2 li { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; float: left; height: 11.1875rem; width: calc(25% - 1rem); margin: 0 0.5rem 1rem 0.5rem; position: relative; cursor: pointer; opacity: 0 } .readySolutions2 li.anima { -webkit-animation: pulse2 0.8s ease forwards; animation: pulse2 0.8s ease forwards; } .readySolutions2 .outer, .readySolutions2 .outer span { color: #fff; font-size: 1.25rem; font-family: 'PTSerifPro-Demi'; } .readySolutions2 .outer span { width: 80%; line-height: 1.6875rem } .blueFon { background-color: rgba(41, 41, 41, 0.5); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; } .imgFon { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center center; } .readySolutions2 li:hover .blueFon { background-color: rgba(16, 87, 167, 0.7); } .readySolutions2 li:hover .imgFon { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) } .readySolutions2 li.anima.start1 { animation-delay: 0.5s } .readySolutions2 li.anima.start2 { animation-delay: 0.55s } .readySolutions2 li.anima.start3 { animation-delay: 0.60s } .readySolutions2 li.anima.start4 { animation-delay: 0.65s } .readySolutions2 li.anima.start5 { animation-delay: 0.7s } .readySolutions2 li.anima.start6 { animation-delay: 0.75s } .readySolutions2 li.anima.start7 { animation-delay: 0.8s } .readySolutions2 li.anima.start8 { animation-delay: 0.85s } .readySolutions2 li.anima.start9 { animation-delay: 0.9s } .gpsFreeDownload { margin-top: 2.9375rem } .gpsFreeDownload p { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1rem; } .gpsFreeDownload .applinks { margin-top: 0.875rem; max-width: 16.9375rem; } .gpsBlock .gpsFreeDownload .col-xs { padding-left: 0; padding-right: 0.625rem; } .gpsBlock .gpsFreeDownload .box { box-shadow: none; max-width: 7.1875rem } .gpsBlock .gpsFreeDownload .box img { width: 100%; } .gpsMob { background-position: calc(100% - 3rem) center; } .logistikHow { border-bottom: 1px solid #e7e6e6; padding-bottom: 2.75rem; counter-reset: section; } .logistikHow h3 { width: 100%; padding-top: 2.5rem; padding-bottom: 5rem; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; } .logistikHow svg { max-width: 5.25rem; max-height: 5.25rem; fill: #00aced; margin-bottom: 0.875rem; } .logistikHow p { color: #292929; font-family: "PT Sans Regular"; font-size: 1.125rem; line-height: 1.375rem; margin: 0 auto; max-width: 7.8125rem } .logistikHow .col-xs { padding: 0 2.5rem; } .logistikHow .box div { position: relative; } .logistikHow .box div:after { position: relative; color: #fff; counter-increment: section; content: counter(section); position: absolute; background-color: #0f57a7; position: absolute; top: 0; left: 1.5rem; width: 1.9375rem; height: 1.9375rem; border-radius: 50%; line-height: 1.9375rem; -webkit-transform: translate(-30%, -30%); -moz-transform: translate(-30%, -30%); -ms-transform: translate(-30%, -30%); -o-transform: translate(-30%, -30%); transform: translate(-30%, -30%); } .animate .gpsFreeDownload { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimRight; animation-name: myAnimRight; animation-fill-mode: forwards; } .gpsFreeDownload { opacity: 0 } .logistikHow .col-xs { opacity: 0; } .logistikHow.animate .col-xs { -webkit-animation: pulse2 0.8s ease forwards; animation: pulse2 0.8s ease forwards; } .logistikHow.animate .col-xs.start1 { animation-delay: 0.3s } .logistikHow.animate .col-xs.start2 { animation-delay: 0.35s } .logistikHow.animate .col-xs.start3 { animation-delay: 0.4s } .logistikHow.animate .col-xs.start4 { animation-delay: 0.45s } .logistikHow.animate .col-xs.start5 { animation-delay: 0.5s } .nimbusHow { border-bottom: 1px solid #e7e6e6; padding-bottom: 2.75rem; counter-reset: section; } .nimbusHow h3 { width: 100%; padding-top: 2.5rem; padding-bottom: 5rem; color: #292929; font-family: "PTSerifPro-Regular"; font-size: 1.875rem; } .nimbusHow svg { max-width: 5.25rem; max-height: 5.25rem; fill: #00aced; margin-bottom: 0.875rem; } .nimbusHow p { color: #292929; font-family: "PT Sans Regular"; font-size: 1.125rem; line-height: 1.375rem; margin: 0 auto; max-width: 10.625rem } .nimbusHow .col-xs { padding: 0 1.875rem; } .nimbusHow .box div { position: relative; } .nimbusHow .box div:after { position: relative; color: #fff; counter-increment: section; content: counter(section); position: absolute; background-color: #0f57a7; position: absolute; top: 0.7rem; left: 1.5rem; width: 1.9375rem; height: 1.9375rem; border-radius: 50%; line-height: 1.9375rem; -webkit-transform: translate(0, -40%); -moz-transform: translate(0, -40%); -ms-transform: translate(0, -40%); -o-transform: translate(0, -40%); transform: translate(0, -40%); } .animate .gpsFreeDownload { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimRight; animation-name: myAnimRight; animation-fill-mode: forwards; } .gpsFreeDownload { opacity: 0 } .nimbusHow .col-xs { opacity: 0; } .nimbusHow.animate .col-xs { -webkit-animation: pulse2 0.8s ease forwards; animation: pulse2 0.8s ease forwards; } .nimbusHow.animate .col-xs.start1 { animation-delay: 0.3s } .nimbusHow.animate .col-xs.start2 { animation-delay: 0.35s } .nimbusHow.animate .col-xs.start3 { animation-delay: 0.4s } .nimbusHow.animate .col-xs.start4 { animation-delay: 0.45s } .nimbusHow.animate .col-xs.start5 { animation-delay: 0.5s } .nimbusHow.animate .col-xs.start2 div:after { left: auto; right: 0; -webkit-transform: translate(-70%, -40%); -moz-transform: translate(-70%, -40%); -ms-transform: translate(-70%, -40%); -o-transform: translate(-70%, -40%); transform: translate(-70%, -40%); } .nimbusHow.animate .col-xs.start5 div:after { -webkit-transform: translate(50%, -40%); -moz-transform: translate(50%, -40%); -ms-transform: translate(50%, -40%); -o-transform: translate(50%, -40%); transform: translate(50%, -40%); } .logWebVersion { border-bottom: 1px solid #e7e6e6; padding-bottom: 2.75rem; } .logWebVersion .owl-carousel { max-width: 35rem; margin: 0 auto; } .logWebVersion h2 { font-family: "PTSerifPro-Regular"; color: #292929; font-size: 1.875rem; width: 100%; padding: 2.75rem 0 5.25rem 0; text-align: center } .logWebVersion .owl-carousel, .logWebVersion .owl-thumbs { opacity: 0; } .logWebVersion.animate .owl-carousel, .logWebVersion.animate .owl-thumbs { -webkit-animation: pulse2 0.8s ease forwards; animation: pulse2 0.8s ease forwards; } .logWebVersion.animate .owl-thumbs { animation-delay: 0.2s; margin-top: 3.125rem; border-top: 1px solid #e7e6e6; width: 100%; } .logWebVersion.animate .owl-thumbs h4 { color: #0f57a7; font-family: "PT Sans Regular"; font-size: 1.25rem; max-width: 8.75rem; line-height: 1.625rem; margin-bottom: 1.4375rem; } .logWebVersion.animate .owl-thumbs p { color: #434142; font-family: "PT Sans Regular"; font-size: 1rem; line-height: 1.625rem; max-width: 13.75rem } .logWebVersion.animate .owl-thumbs .col-xs { position: relative; padding-top: 1.4375rem; cursor: pointer } .logWebVersion.animate .owl-thumbs .col-xs:after { opacity: 0; position: absolute; content: ''; top: -4px; left: 0; background-color: #00aced; width: 100%; height: 3px; } .logWebVersion.animate .owl-thumbs .col-xs.active:after, .logWebVersion.animate .owl-thumbs .col-xs:hover:after { opacity: 1 } .gpsNimbus { background-position: calc(100% - 4rem) center; background-size: 12.5rem 16.5625rem; } .catalogItem { padding-bottom: 3.75rem; max-width: 50rem; margin: 0 auto; } .catalogItem img { padding: 0 2.5rem 2.5rem 0 } .catalogItem h3 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem; } .catalogItem .button { display: inline-block; margin: 3.375rem 0 0 0; padding: 0.625rem 2rem; } .catalogItem p { color: #292929; font-family: "PT Sans Regular"; font-size: 1rem; line-height: 1.25rem; } .catalogPrice { position: relative; } .catalogPrice div { display: inline-block; float: left; margin-left: calc(50% + 8px); margin-top: 3.125rem; color: #292929; font-family: "PT Sans Regular"; font-size: 1.5rem; } .catalogTechnical { -webkit-box-shadow: 0px -10px 38px -13px rgba(15, 87, 167, 0.15); -moz-box-shadow: 0px -10px 38px -13px rgba(15, 87, 167, 0.15); box-shadow: 0px -10px 38px -13px rgba(15, 87, 167, 0.15); padding: 2.8125rem 0 7.5rem 0; } .catalogTechnical h4 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.25rem; width: 100%; margin-bottom: 2.3125rem; padding-left: 1.875rem; } .catalogTechnical .divTable { display: table; width: 100%; border: 1px solid #b4b4b4; } .catalogTechnical .divTableRow { display: table-row; } .catalogTechnical .divTableRow:last-child .divTableCell { border-bottom: none; } .catalogTechnical .divTableRow .divTableCell:nth-child(1n) { font-family: "PT Sans Regular"; font-size: 1rem; color: #292929; } .catalogTechnical .divTableRow .divTableCell:nth-child(2n) { font-family: "PT Sans Regular"; font-size: 0.875rem; color: #434142; } /*.catalogTechnical .divTableRow .divTableCell:nth-child(3){ border-left:1px solid #b4b4b4;}*/ .catalogTechnical .divTableRow .divTableCell .smallText { color: #434142; font-family: "PT Sans Regular"; font-size: 0.75rem; line-height: 1rem; } .catalogTechnical .divTableHeading { background-color: #EEE; display: table-header-group; } .catalogTechnical .divTableCell, .catalogTechnical .divTableHead { display: table-cell; } .catalogTechnical .divTableCell { border-bottom: 1px solid #b4b4b4; padding: 0.625rem 1.875rem; width: 25%; line-height: 1.625rem; vertical-align: middle } .catalogTechnical .divTableCell:nth-child(2n) { background-color: #d9f3fc; } .catalogTechnical .divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; } .catalogTechnical .divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; } .catalogTechnical .divTableBody { display: table-row-group; } .stockFigure { width: 100%; height: 52.5625rem; position: absolute; top: 13.75rem; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/stockFigure.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1 } .fignuaItem { width: 100%; height: 43.5rem; position: absolute; top: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/figuraItem.jpg'); background-position: top center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .catalogMinText { color: #292929; font-family: "PT Sans Regular"; font-size: 1rem; text-indent: 0.8rem; line-height: 1.25rem; margin-bottom: 6.25rem; } .catalogMon { padding-bottom: 4.25rem; } .pageLearn .videoWrap { margin-top: 1.5rem; margin-bottom: 5.625rem; } .pageLearn p { color: #434142; font-family: "PT Sans Regular"; font-size: 1rem; line-height: 1.5rem; } .transition, p, ul li i:before, ul li i:after { transition: all 0.25s ease-in-out; } .pageViolation { padding-bottom: 6.25rem; } .pageViolation img { width: 90%; margin: 0 auto; } .pageViolation .box { max-width: 15.3125rem; border-radius: 0.625rem; border: 1px solid #dcdcdc; overflow: hidden; padding: 1rem; float: left; margin-right: 1rem } .pageViolation .col-xs-5, .pageViolation .col-xs-4, .pageViolation .col-xs-3 { padding-left: 0; padding-right: 0; } .pageViolation .col-xs-4 { padding-right: 0.4375rem; } .pageViolation p { font-family: "PT Sans Regular"; color: #292929; font-size: 1rem; line-height: 1.375rem; letter-spacing: 1px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2; text-indent: 1rem; } .pageViolation dl { margin: 20px 0; padding: 0; } .pageViolation dt { letter-spacing: 1px; cursor: pointer; position: relative; } .pageViolation dt:after { background-color: #e7e6e6; height: 1px; width: 100%; max-width: 26rem; position: absolute; bottom: 0; left: -1.625rem; content: ''; opacity: 1 } .pageViolation dt:last-of-type:after { opacity: 0 } .pageViolation dt.active:after { opacity: 0; } .pageViolation dt h5 { font-size: 1.375rem; color: #292929; font-family: "PTSerifPro-Demi"; line-height: 3.75rem; position: relative; } .pageViolation dt.active h5 { color: #0f57a7; } .pageViolation dt h5:after { position: absolute; content: ''; left: -1.625rem; top: 50%; background-color: #0f57a7; width: 0.5rem; height: 0.5rem; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .pageViolation dd { margin: 0; background: #fff; padding: 1rem 0; position: relative; } .pageViolation dd.active:after { background-color: #e7e6e6; height: 1px; width: 100%; max-width: 26rem; position: absolute; bottom: 0; left: -1.625rem; content: ''; opacity: 1 } .pageViolation dd.active:last-child:after { opacity: 0 } .pageViolation dd:after { opacity: 0; } .pageViolation dd h3 { margin: 0 0 0.25em; } .pageViolation dd p { margin: 0; } .recomendationsFAQ { margin-top: 3.75rem; } .recomendationsFAQ h2 { font-family: "PTSerifPro-Regular"; color: #292929; font-size: 1.375rem; padding-bottom: 0.5rem; } .recomendationsFAQ .button { margin-top: 2.0625rem; display: inline-block; padding: 0.625rem 2rem; } .is_overlay { display: block; width: 100%; height: 100%; } #preloader { z-index: 3; margin: auto; left: 0; top: 0; right: 0; bottom: 0; position: absolute; width: 4em; height: 4em; text-align: center; vertical-align: middle; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; background-color: black; border: 1px solid black; border-radius: 10px; padding: 5px; opacity: 0.5; } #wait { -webkit-animation: spin 1.2s infinite linear; -moz-animation: spin 1.2s infinite linear; -ms-animation: spin 1.2s infinite linear; -o-animation: spin 1.2s infinite linear; animation: spin 1.2s infinite linear; font-size: 4em; color: white; } #trailer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1; } #trailer > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } @media (min-aspect-ratio: 16/9) { #trailer > video { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { #trailer > video { width: 300%; left: -100%; } } @media (min-aspect-ratio: 16/10) { #trailer > video { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/10) { #trailer > video { width: 300%; left: -100%; } } @supports (object-fit: cover) { #trailer > video { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } } .trailerWrap { } #trailer { padding-bottom: 56.25%; height: 0; width: 100%; } #zbox-overlay { background-color: #666666; bottom: 0; left: 0; opacity: 0.1; position: fixed; right: 0; top: 0; z-index: 800; } .zbox-content { position: fixed; z-index: 801; opacity: 0.1; text-align: center; padding: 0.625rem 2.5rem; background-color: #ffffff; border-radius: 0.5rem; font-size: 0; } #zbox-magnifier { box-shadow: 0px 5px 5px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 1); display: none; background-repeat: no-repeat; background-image: none; background-position: -62.5rem -62.5rem; z-index: 802; position: fixed; left: 31.25rem; top: 31.25rem; border: 1px solid black; background-color: #fff; width: 12.5rem; height: 12.5rem; border-bottom-right-radius: 6.25rem; border-bottom-left-radius: 6.25rem; border-top-right-radius: 6.25rem; border-top-left-radius: 6.25rem; -moz-border-radius-bottomright: 6.25rem; -moz-border-radius-bottomleft: 6.25rem; -moz-border-radius-topright: 6.25rem; -moz-border-radius-topleft: 6.25rem; } .zbox-screen { overflow: hidden; left: 0; position: absolute; top: 0; z-index: 803; } #zbox-spinner { left: 0; position: absolute; top: 0; z-index: 803; width: 2rem; height: 2rem; text-indent: -9999px; background-image: url('/bitrix/templates/main/../img/spinner.gif'); background-repeat: no-repeat; } .zbox-button { background-color: transparent; background-repeat: no-repeat; cursor: pointer; display: block; position: absolute; width: 2.5rem; height: 2.5rem; } .zbox-button.left { left: 0.375rem; top: 4rem; background-position: -2rem 0px; display: none; } .zbox-button.right { right: 0.25rem; top: 4rem; background-position: -4rem 0px; display: none; } .zbox-cap { position: absolute; left: 0px; bottom: 0px; height: 3.125rem; font-size: 1.25rem; font-family: 'Pt Sans Bold'; background-color: rgba(0, 172, 237, 0.8); color: #fff; width: 100%; line-height: 3.125rem; } .containerReview .image-wrap { } .containerReview .image-stage { transition: all 0.1s ease; cursor: zoom-in; overflow: hidden; /*position: absolute;top:50%;left:50%;width:100%;height:100%; -webkit-transform: scale(1) translate(-50%,-50%); -moz-transform: scale(1) translate(-50%,-50%); -ms-transform: scale(1) translate(-50%,-50%); -o-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%);*/ } .containerReview .image-stage-title { position: absolute; width: 100%; height: 2.5rem; bottom: 0; left: 0; transition: all 0.1s ease; cursor: zoom-in; background-color: #33bdf1; text-align: center; line-height: 2.5rem; color: #fff; font-size: 1.25rem; font-family: 'PT Sans Regular'; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .containerReview .image-stage img { width: 100%; max-height: 90vh; transition: all 0.3s ease; touch-action: pan-y; user-select: none; -webkit-user-drag: none; } .containerReview .image-stage.zoom-in { cursor: -webkit-grab; } .containerReview .image-stage.zoom-in img { transform: scale(1.5); } .containerReview .controls { position: absolute; right: 2em; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .containerReview .controls button { display: block; width: 20px; height: 20px; padding: 0; border: none; background-color: transparent; cursor: pointer; transition: all 0.2s ease; } .containerReview .controls button:focus, .containerReview .controls button:active { outline: none; } .containerReview .control-in { opacity: 1; margin-bottom: 2em; } .containerReview .control-out { opacity: .4; } .containerReview .image-stage.zoom-in + .controls .control-in { opacity: .4; } .containerReview .image-stage.zoom-in + .controls .control-out { opacity: 1; } .containerWrap { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); } .containerReview { padding: 1.5rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 0.5rem; background-color: #fff; /*height:calc(100% - 5rem);*/ width: 35rem; } .reviewClose { right: -1.25rem; top: -1.25rem; background-position: center center; background-image: url('/bitrix/templates/desktop/img/close3.png'); border-radius: 50%; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.22); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.22); background-color: #fff; background-repeat: no-repeat; cursor: pointer; display: block; position: absolute; width: 2.5rem; height: 2.5rem; } #contentMap { max-width: 18.75rem; } #contentMap #bodyContent { padding: 1rem 0 1rem 1rem; } #contentMap h4 { color: #292929; font-family: "PTSerifPro-Demi"; font-size: 1.15rem; margin-bottom: 1rem; } #contentMap p { line-height: 1.4375rem; color: #434142; font-family: "PT Sans Regular", "PT Sans Regular"; font-size: 1rem; margin-bottom: 0; } .contactWrap { position: relative; } .contactWrap .contForm { position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; padding: 2.5rem; border-radius: 1.25rem; z-index: 100; max-width: 28.125rem; box-shadow: 0px 3px 35px 0px rgba(15, 87, 167, 0.15); } .contactWrap .contLicense { margin-top: 1rem; font-size: 0.875rem; } .contactWrap .contForm .contLicense a { font-size: 0.875rem; margin-top: 1rem; color: #00aced; padding-bottom: 0; border-bottom: 1px solid #00aced; font-size: 0.875rem; } .contactWrap .contForm.zakazPresentaion form { margin-top: 0; } .contactWrap .contForm h3 { color: #212121; font-size: 1rem; font-family: PTSerifPro-Regular; } .contactWrap .contForm a { color: #00aced; font-size: 1rem; font-family: PTSerifPro-Regular; padding-bottom: 0; border-bottom: 1px solid #00aced; line-height: 1.375rem; } .contactWrap .zakazPresentaion .input:after { opacity: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 475.2 475.2'%3e%3cpath fill='%23e86a6a' d='M405.6 69.6C360.7 24.7 301.1 0 237.6 0s-123.1 24.7-168 69.6S0 174.1 0 237.6s24.7 123.1 69.6 168 104.5 69.6 168 69.6 123.1-24.7 168-69.6 69.6-104.5 69.6-168-24.7-123.1-69.6-168zm-19.1 316.9c-39.8 39.8-92.7 61.7-148.9 61.7s-109.1-21.9-148.9-61.7c-82.1-82.1-82.1-215.7 0-297.8C128.5 48.9 181.4 27 237.6 27s109.1 21.9 148.9 61.7c82.1 82.1 82.1 215.7 0 297.8z'/%3e%3cpath fill='%23e86a6a' d='M342.3 132.9c-5.3-5.3-13.8-5.3-19.1 0l-85.6 85.6-85.6-85.6c-5.3-5.3-13.8-5.3-19.1 0-5.3 5.3-5.3 13.8 0 19.1l85.6 85.6-85.6 85.6c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4l85.6-85.6 85.6 85.6c2.6 2.6 6.1 4 9.5 4 3.5 0 6.9-1.3 9.5-4 5.3-5.3 5.3-13.8 0-19.1l-85.4-85.6 85.6-85.6c5.3-5.3 5.3-13.8 0-19.1z'/%3e%3c/svg%3e"); content: ''; position: absolute; top: 50%; left: 1rem; width: 1rem; height: 1rem; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .contactWrap .zakazPresentaion .input.textar:after { top: 1.6rem; } .contactWrap .zakazPresentaion .input.error:after { opacity: 1; } .contactWrap .zakazPresentaion .input textarea { padding: 8px 30px 8px 2.5rem; } .contactWrap .zakazPresentaion .input textarea, .contactWrap .zakazPresentaion .input input { font-family: "PT Sans Regular" } .contactWrap .ajaxotvet, #contactFormMain .ajaxotvet { text-align: center; color: #e86a6a; font-size: 1rem; font-family: PTSerifPro-Demi; margin-bottom: 1rem; } .contactWrap .ajaxotvet.success, #contactFormMain .ajaxotvet.success { color: #5bd15e; } .contClose { right: -1.25rem; top: -1.25rem; background-position: center center; background-image: url('/bitrix/templates/desktop/img/close3.png'); border-radius: 50%; background-color: #fff; background-repeat: no-repeat; cursor: pointer; display: block; position: absolute; width: 2.5rem; height: 2.5rem; -webkit-box-shadow: 0px 0px 29px -1px rgba(51, 190, 241, 0.4); -moz-box-shadow: 0px 0px 29px -1px rgba(51, 190, 241, 0.4); box-shadow: 0px 0px 29px -1px rgba(51, 190, 241, 0.4); display: none } .recvisits { color: #00aced; font-family: "PT Sans Regular"; font-size: 1.375rem; padding-bottom: 0; border-bottom: 1px solid #00aced; display: inline-block; cursor: pointer; } /*body.anim .section.header{height:100vh;} body.anim.hideLayout .section.header{height:100vh;} /*.headerVideo {width:100%;height:auto;position:relative;clear:both;}*/ /*.section.header{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display: flex;flex-direction: column;}*/ .header { } /*.mainvideoWrap{margin: 0 auto;width: 100%; } .mainvideoWrapFull {position: relative; padding-bottom: 56.25%;height: 0; width: 100%;overflow: hidden;} .mainvideoWrapFull video{ position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%;object-fit: fill;} .mainvideoWrap .videoBak{background-color: rgba(0,0,0,0.4);position: absolute;top:0;left:0;width:100%;height:100%;z-index: 10;} .mainvideoWrap h1{font-size:2.75rem;color:#fff;font-family: 'PT Sans Regular';} */ .headerVideoBlack { overflow: hidden; position: relative; } .headerVideoBlack video { max-height: 100%; top: 0; left: 0; position: absolute; min-width: 100%; min-height: 100%; object-fit: cover; } .pageAction #example1 { padding: 2.5rem 0 } .content { position: relative } .contRight { width: 28.375rem; height: 65.5625rem; position: absolute; top: 7.1875rem; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/contRight.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .contLeft { width: 20.625rem; height: 76.8125rem; position: absolute; top: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/contLeft.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .monLeftTop { width: 13.0625rem; height: 48.0625rem; position: absolute; top: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/monLeftTop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .monLeftMiddle { width: 9.9375rem; height: 33.1875rem; position: absolute; top: 76.125rem; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/monLeftMiddle.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .monLeftBottom { width: 55.0625rem; height: 14.375rem; position: absolute; bottom: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/monLeftBottom.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .monRightTop { width: 18.875rem; height: 54.8125rem; position: absolute; top: 6.25rem; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/monRightTop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .monRightBottom { width: 26.375rem; height: 55.5625rem; position: absolute; bottom: 0; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/monRightBottom.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .newsLeftTop { width: 15.25rem; height: 27.1875rem; position: absolute; top: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/newsLeftTop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .newsLeftBottom { width: 56.0625rem; height: 18.1875rem; position: absolute; bottom: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/newsLeftBottom.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .newsRightBottom { width: 16.375rem; height: 46.3125rem; position: absolute; bottom: 0; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/newsRightBottom.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .partLeftBottom { width: 28.4375rem; height: 15.1875rem; position: absolute; bottom: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/partLeftBottom.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .partRightTop { width: 15.4375rem; height: 45.1875rem; position: absolute; top: 0; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/partRightTop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .revLeftTop { width: 16rem; height: 81.8125rem; position: absolute; top: 0; left: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/revLeftTop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .revRightBottom { width: 18.5rem; height: 79.1875rem; position: absolute; bottom: 0; right: 0; opacity: 0.15; background-image: url('/bitrix/templates/main/../img/revRightBottom.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1 } .headerSearch table { width: 100%; } .headerSearch td { width: 100%; position: relative } .headerSearch input[type='submit'] { position: absolute; top: 50%; right: 21px; width: 19px; height: 19px; background-image: url('/bitrix/templates/main/img/seachIcon.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: transparent; border: none; box-shadow: none; padding: 0; border-radius: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .lSSlideWrapper, .blockLogo { overflow: hidden; } body { overflow-x: hidden; } .zakazPresentaion p { margin-bottom: 25px; } div.mf-name.input, div.mf-email.input, div.mf-captcha.input, div.mf-message.input { width: 100%; padding-bottom: 0; } div.mf-name.input input, div.mf-email.input input, div.mf-captcha.input input, div.mf-message.input input { width: 100%; } .hidden { display: none; } .zakazPresentaion .col-xs-6 { padding-left: 0; padding-right: 0; } .zakazPresentaion .mf-text { color: #2b2b2b; font-size: 14px; line-height: 20px; font-family: 'PT Sans Regular'; } .contLicense a { line-height: 1.25rem; color: #00aced; font-family: "PT Sans Regular"; font-size: 0.875rem; margin-top: 0.875rem; border-bottom: 1px solid #00aced; padding-bottom: 0; } .arendaWrap .input:after, #contactFormMain .input:after { opacity: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 475.2 475.2'%3e%3cpath fill='%23e86a6a' d='M405.6 69.6C360.7 24.7 301.1 0 237.6 0s-123.1 24.7-168 69.6S0 174.1 0 237.6s24.7 123.1 69.6 168 104.5 69.6 168 69.6 123.1-24.7 168-69.6 69.6-104.5 69.6-168-24.7-123.1-69.6-168zm-19.1 316.9c-39.8 39.8-92.7 61.7-148.9 61.7s-109.1-21.9-148.9-61.7c-82.1-82.1-82.1-215.7 0-297.8C128.5 48.9 181.4 27 237.6 27s109.1 21.9 148.9 61.7c82.1 82.1 82.1 215.7 0 297.8z'/%3e%3cpath fill='%23e86a6a' d='M342.3 132.9c-5.3-5.3-13.8-5.3-19.1 0l-85.6 85.6-85.6-85.6c-5.3-5.3-13.8-5.3-19.1 0-5.3 5.3-5.3 13.8 0 19.1l85.6 85.6-85.6 85.6c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4l85.6-85.6 85.6 85.6c2.6 2.6 6.1 4 9.5 4 3.5 0 6.9-1.3 9.5-4 5.3-5.3 5.3-13.8 0-19.1l-85.4-85.6 85.6-85.6c5.3-5.3 5.3-13.8 0-19.1z'/%3e%3c/svg%3e"); content: ''; position: absolute; top: 50%; left: 1rem; width: 1rem; height: 1rem; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .arendaWrap .input.error:after, #contactFormMain .input.error:after { opacity: 1; } .arendaWrap .ajaxotvet, #contactFormMain .ajaxotvet { text-align: center; color: #e86a6a; font-size: 1rem; font-family: PTSerifPro-Demi; margin-bottom: 1rem; } .mf-captcha .mf-text { margin-bottom: 0.3rem; } div.mf-ok-text { text-align: center; } .user_phone.required, .arendaWrap .ajaxotvet, #contactFormMain .ajaxotvet { display: none; } .demoBlock p, .blockArenda p, .aboutP p, .review p, .readySolutions p { text-align: justify } .slideContainer ul { display: none; } .slideContainer ul#light-slider { display: block; } .subscribeEdit td { padding: 0.5rem; font-size: 1rem; line-height: 1.375rem; font-family: "PT Sans Regular" } .subscribeEdit thead td { font-weight: 600; } .subscribeEdit p { margin-bottom: 0.5rem; } .subscribeEdit table { position: relative; padding-bottom: 1rem; } .subscribeEdit table:after { content: ""; display: table; clear: both; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; /*background-image:url("/bitrix/templates/desktop/img/bottomLine.png");*/ background-color: #e7e6e6; background-size: contain; background-position: center center; background-repeat: no-repeat; opacity: 1 } /*.subscribeEdit table.data-table:after{display:none;}*/ .subscribeEdit input[type=text] { padding: 8px 30px; text-align: center; width: 100%; border-radius: 20px; margin-bottom: 15px; margin-top: 0.5rem; } .subscribeForm input[type=text] { padding: 8px 30px; text-align: center; width: 100%; border-radius: 20px; } .subscribeForm input[type=submit] { float: right; margin-left: 0.75rem; cursor: pointer } .subscribeForm input[type=submit]:hover { -webkit-box-shadow: 0 0 10px 3px #b9e9fa; box-shadow: 0 0 10px 3px #b9e9fa } .subscribeForm input[type=text] { width: 14.375rem } .subscribeEdit input[type=checkbox], .subscribeEdit input[type=radio] { margin-right: 0.5rem; } .subscribeEdit input[type=text].button, .subscribeForm input[type=text].button { padding: 0.59375rem 30px; } .subscribeEdit input[type=text]:hover, .subscribeForm input[type=text]:hover, .subscribeEdit input[type=text]:focus, .subscribeForm input[type=text]:focus { -webkit-box-shadow: 0 0 10px 3px #b9e9fa; box-shadow: 0 0 10px 3px #b9e9fa } .subscribeEdit input[type=text]:focus::placeholder, .subscribeForm input[type=text]:focus::placeholder { color: #dfdede; } .subscribeEdit input[type=text]::-webkit-input-placeholder, .subscribeForm input[type=text]::-webkit-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .subscribeEdit input[type=text]:focus::-webkit-input-placeholder, .subscribeForm input[type=text]:focus::-webkit-input-placeholder { color: #dfdede; } /* Firefox < 19 */ .subscribeEdit input[type=text]:-moz-placeholder, .subscribeForm input[type=text]:-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .subscribeEdit input[type=text]:focus:-moz-placeholder, .subscribeForm input[type=text]:focus:-moz-placeholder { color: #dfdede; } /* Firefox > 19 */ .subscribeEdit input[type=text]::-moz-placeholder, .subscribeForm input[type=text]::-moz-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .subscribeEdit input[type=text]:focus::-moz-placeholder, .subscribeForm input[type=text]:focus::-moz-placeholder { color: #dfdede; } /* Internet Explorer 10 */ .subscribeEdit input[type=text]:-ms-input-placeholder, .subscribeForm input[type=text]:-ms-input-placeholder { color: #808080; font-weight: 400; font-size: 14px; font-family: 'PT Sans Regular' } .subscribeEdit input[type=text]:focus:-ms-input-placeholder, .subscribeForm input[type=text]:focus:-ms-input-placeholder { color: #dfdede; } .subscribeForm { position: absolute; top: 0; left: 1.875rem; z-index: 10; } .subscribeForm h4 { color: #fff; font-size: 1rem; font-family: "PT Sans Regular"; line-height: 1.375rem; margin-bottom: 0.5rem; } .subscribeForm #asd_subscribe_res { color: #fff !important; font-size: 1rem; font-family: "PT Sans Regular"; line-height: 1.375rem; margin-bottom: 0.5rem; max-width: 14.375rem } .subscribeForm [type=submit] { padding-top: 0.5rem; width: 2.375rem; height: 2.375rem; background-color: #fff; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 384'%3e%3cpath d='M448 0H64C28.7 0 0 28.7 0 64v256c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zM342.7 170.8L478.1 54.7c.9 3 1.9 6 1.9 9.3v256c0 2.2-.8 4.2-1.3 6.3l-136-155.5zM448 32c2.1 0 4 .8 6 1.2L256 202.9 58 33.2c2-.4 3.9-1.2 6-1.2h384zM33.3 326.3c-.4-2.1-1.3-4-1.3-6.3V64c0-3.3 1-6.3 1.9-9.3l135.4 116.1-136 155.5zM64 352c-3.2 0-6.2-.9-9.1-1.8l138.8-158.6 52 44.5c3 2.6 6.7 3.9 10.4 3.9s7.4-1.3 10.4-3.9l52-44.5 138.8 158.6c-2.9.9-5.9 1.8-9.1 1.8H64z' fill='%230f57a7'/%3e%3c/svg%3e"); background-size: 1.375rem; background-position: center center; background-repeat: no-repeat; border-radius: 50%; cursor: pointer; } .subscribeWrap { position: relative } .blockIcons.sectionWrap { height: 5.0625rem; } .blockIcons .col-xs-3 { padding-top: 1rem; } .blockIcons p { font-family: "PT Sans Regular"; color: #fff; font-size: 0.875rem } /*! * Jquery Growl */ .jGrowl { z-index: 9999; color: #ffffff; font-size: 1rem; font-family: "PT Sans Regular"; position: fixed; } .jGrowl .red_response { background-color: #9b0000 !important; } .jGrowl .green_response { background-color: #009b00 !important; } .jGrowl.top-left { left: 0px; top: 0px; } .jGrowl.top-right { right: 0px; top: 0px; } .jGrowl.bottom-left { left: 0px; bottom: 0px; } .jGrowl.bottom-right { right: 0px; bottom: 0px; } .jGrowl.center { top: 0px; width: 50%; left: 25%; } .jGrowl.center .jGrowl-notification, .jGrowl.center .jGrowl-closer { margin-left: auto; margin-right: auto; } .jGrowl-notification { background-color: #000000; opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9 *100)); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9 *100)); zoom: 1; width: 350px; padding: 10px; margin: 10px; text-align: left; display: none; border-radius: 5px; word-break: break-all; min-height: 40px; } .jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight, .jGrowl-notification .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #000; color: #fff; } .jGrowl-notification .jGrowl-header { font-weight: bold; font-size: .85em; } .jGrowl-notification .jGrowl-close { background-color: transparent; color: inherit; border: none; z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; } .jGrowl-closer { background-color: #000000; opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9 *100)); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9 *100)); zoom: 1; width: 350px; padding: 10px; margin: 10px; text-align: left; display: none; border-radius: 5px; word-break: break-all; padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; } .jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight, .jGrowl-closer .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #000; color: #fff; } .ajaxLoader { width: 13rem; height: 13rem; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; } .ajaxLoader svg { width: 100%; height: 100% } .nonOpacity { opacity: 0 } .ajaxLoader { width: 3rem; height: 3rem; margin: auto; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; display: none; } .ajaxLoader svg { width: 100%; height: 100% } .ajaxLoader0 { fill-rule: evenodd; clip-rule: evenodd; fill: #0F58A7; } .ajaxLoader1 { fill-rule: evenodd; clip-rule: evenodd; fill: #00ADEE; } .nonOpacity { opacity: 0 } .ajaxLoader0, .ajaxLoader1 { animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1); } .ajaxLoader .start0 { animation-delay: 0s } .ajaxLoader .start1 { animation-delay: -.5s } .ajaxLoader .start2 { animation-delay: -1s } .ajaxLoader .start3 { animation-delay: -1.5s } .track path { animation: chevron-pulse 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1); } .trackWhite path { fill: #fff !important; } .track .start3 { animation-delay: 0s } .track .start2 { animation-delay: -.3s } .track .start1 { animation-delay: -.6s } .track .start0 { animation-delay: -.9s } @keyframes chevron-pulse { 0% { opacity: 0 } 40% { opacity: 1 } 80% { opacity: 0 } 100% { opacity: 0 } } #preloaderStart.ajaxLoader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 800; height: 100%; width: 100%; display: block } .no-js #preloaderStart, .oldie #preloaderStart { display: none; } #loader { /* position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; padding: 0; background-color: #862121; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out;*/ } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ss-preload { opacity: 0; } .ss-loaded { animation-duration: 2s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .no-csstransitions { opacity: 1; } #preloaderWrap { width: 25rem; height: 13rem; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; } #preloaderWrap svg { width: 90%; height: 90% } .loginWrap { display: none; background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; } .login { background-color: #fff; width: 540px; height: 13.25rem; padding: 40px 20px; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; border-radius: 1.25rem; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .login h4 { margin: 0.625rem 0 2.5rem 0; line-height: 1.25rem; width: 100%; text-align: center; color: #212121; font-family: "PTSerifPro-Demi"; font-size: 1rem; } .login .row { margin-left: -5px; margin-right: -5px; } .login .login__item { flex: 0 0 auto; width: auto; padding-left: 5px; padding-right: 5px; } .login div.button { display: inline-block; text-align: center; white-space: nowrap; padding: 0.58125rem 1.25rem; width: 8.75rem; } .login .input { position: relative; } .login .errormess { display: none; background-color: #00aced; position: absolute; top: 0px; left: 0px; width: 100%; color: #fff; height: 38px; border-radius: 10px; line-height: 38px; padding-left: 30px; } .login p { line-height: 1.25rem; color: #212121; font-family: "PT Sans Regular"; font-size: 0.875rem; margin-top: 0.875rem; text-align: center } .login .probOtvet { line-height: 1.25rem; color: #1dae00; font-family: "PT Sans Regular"; font-size: 0.875rem; margin-top: 0.875rem; text-align: center } .login a { line-height: 1.25rem; color: #00aced; font-family: "PT Sans Regular"; font-size: 0.875rem; margin-top: 0.875rem; border-bottom: 1px solid #00aced; padding-bottom: 0; } .login a:hover { border-bottom: 1px solid #fff; } .blockIcons .col-xs-3.socialLiFotter { padding-top: 0.325rem; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes myAnimLeft { 0% { opacity: 0; -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } to { opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @keyframes myAnimLeft { /* from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }*/ 0% { opacity: 0; -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } /* 20% { -webkit-transform:translateX(-8%);-ms-transform:translateX(-8%);transform:translateX(-8%); } 40% { -webkit-transform:translateX(-6%);-ms-transform:translateX(-6%);transform:translateX(-6%); } 60% { -webkit-transform:translateX(-4%);-ms-transform:translateX(-4%);transform:translateX(-4%); } 80% { -webkit-transform:translateX(-2%);-ms-transform:translateX(-2%);transform:translateX(-2%); } */ to { opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .myAnimLeft { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimLeft; animation-name: myAnimLeft; } @-webkit-keyframes myAnimRight { 0% { opacity: 0; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } to { opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @keyframes myAnimRight { /* from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }*/ 0% { opacity: 0; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } /* 20% { -webkit-transform:translateX(-8%);-ms-transform:translateX(-8%);transform:translateX(-8%); } 40% { -webkit-transform:translateX(-6%);-ms-transform:translateX(-6%);transform:translateX(-6%); } 60% { -webkit-transform:translateX(-4%);-ms-transform:translateX(-4%);transform:translateX(-4%); } 80% { -webkit-transform:translateX(-2%);-ms-transform:translateX(-2%);transform:translateX(-2%); } */ to { opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .myOpacity { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myOpacity; animation-name: myOpacity; } @-webkit-keyframes myOpacity { 0% { opacity: 0; } to { opacity: 1; } } @keyframes myOpacity { 0% { opacity: 0; } to { opacity: 1; } } .myAnimRight { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: myAnimRight; animation-name: myAnimRight; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 75% { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); } 90% { -webkit-transform: translate3d(0, -0px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* .owl-animated-out - only for current item */ /* This is very important class. Use z-index if you want move Out item above In item */ .owl-animated-out { z-index: 1 } /* .owl-animated-in - only for upcoming item /* This is very important class. Use z-index if you want move In item above Out item */ .owl-animated-in { z-index: 0 } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*------------------------------------------ Responsive Grid Media Queries - 1280, 1024, 768, 480 1280-1024 - desktop (default grid) 1024-768 - tablet landscape 768-480 - tablet 480-less - phone landscape & smaller --------------------------------------------*/ @media all and (max-width: 1680px) { .readySolutions h2 { margin: 6.25rem 0 1.5625rem 0; } .azs .hint1 { position: absolute; left: 36.375rem; top: 12.375rem; } .azs .hint2 { position: absolute; left: 37.875rem; top: 9.25rem; } .azs .hint3 { position: absolute; left: 45.5rem; top: 14.1875rem; } .azs .hint4 { position: absolute; left: 45.875rem; top: 1.5rem; } .azs .hint5 { position: absolute; left: 66.75rem; top: 12.125rem; } } @media all and (max-width: 1536px) { .demoBlock:after { width: 43rem; height: 43rem; } .azs .hint1 { position: absolute; left: 34.375rem; top: 12.375rem; } .azs .hint2 { position: absolute; left: 35.875rem; top: 9.25rem; } .azs .hint3 { position: absolute; left: 42.5rem; top: 13.1875rem; } .azs .hint4 { position: absolute; left: 42.875rem; top: 1.5rem; } .azs .hint5 { position: absolute; left: 63.75rem; top: 12.125rem; } .jobs-infographic .chart-text2 { transform: translate(0%, 250%); } } @media all and (max-width: 1440px) { .blockPreim h2 { padding: 6.25rem 0 1rem 0; } .azs .hint1 { position: absolute; left: 39.375rem; top: 13.375rem; } .azs .hint2 { position: absolute; left: 40.875rem; top: 10.25rem; } .azs .hint3 { position: absolute; left: 50.5rem; top: 15.1875rem; } .azs .hint4 { position: absolute; left: 51.875rem; top: 2.5rem; } .azs .hint5 { position: absolute; left: 73.75rem; top: 13.125rem; } .model .tooltip-content { width: 26rem; } .catalogMenu ul:before { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @media all and (max-width: 1366px) { .sectionWrapMob { width: 900px; } .azs .hint1 { position: absolute; left: 38.375rem; top: 13.375rem; } .azs .hint2 { position: absolute; left: 39.875rem; top: 10.25rem; } .azs .hint3 { position: absolute; left: 49rem; top: 15.1875rem; } .azs .hint4 { position: absolute; left: 49.875rem; top: 2.5rem; } .azs .hint5 { position: absolute; left: 71.75rem; top: 13.125rem; } .readySolutions h2 { margin: 3.25rem 0 1.5625rem 0; } .readySolutions li { height: 9rem; width: calc(33% - 1rem); } } @media all and (max-width: 1280px) { .owl-carousel .owl-nav .owl-prev { left: -100px; } .owl-carousel .owl-nav .owl-next { right: -100px; } .azs .hint1 { position: absolute; left: 36.375rem; top: 12.375rem; } .azs .hint2 { position: absolute; left: 37.875rem; top: 9.25rem; } .azs .hint3 { position: absolute; left: 45.5rem; top: 14.1875rem; } .azs .hint4 { position: absolute; left: 45.875rem; top: 1.5rem; } .azs .hint5 { position: absolute; left: 66.75rem; top: 12.125rem; } .slideControls { top: -6rem; } .slideControls .slideNext { right: 30%; } .slideControls .slidePrev { left: 30%; } } @media all and (max-width: 1152px) { .sectionWrap { width: 1024px; margin: 0 auto; } .headerSearch { max-width: 300px; } .headerChoose { width: 150px; } .headerLogo { width: 270px; } .owl-carousel .owl-nav svg { width: 70px; height: 70px; } .blockLogo li { margin: 0 3px; } .blockLogo li { width: 151px !important; height: 150px; } .owl-carousel .owl-nav .owl-next { right: -30px; } .owl-carousel .owl-nav .owl-prev { left: -30px; } #light-slider li { margin: 0 10px !important; } #light-slidercopy li:last-child { display: none; } #light-slidercopy { display: none; } .blockVigoda label { height: 30px; display: inline-block; } .hint1 { left: 280px; top: 295px; } .hint2 { left: 610px; top: 270px; } .hint3 { left: 730px; top: 190px; } .azs .hint1 { position: absolute; left: 32.375rem; top: 12.375rem; } .azs .hint2 { position: absolute; left: 33.875rem; top: 9.25rem; } .azs .hint3 { position: absolute; left: 40.5rem; top: 12.1875rem; } .azs .hint4 { position: absolute; left: 40.875rem; top: 1.5rem; } .azs .hint5 { position: absolute; left: 60.75rem; top: 10.125rem; } } @media all and (max-width: 1024px) { .owl-carousel .owl-nav .owl-prev { left: 40%; top: 100%; } .owl-carousel .owl-nav .owl-next { right: 40%; top: 100%; } .recommendedDevices .owl-carousel .owl-nav .owl-prev { left: 30%; top: calc(100% + 70px); } .recommendedDevices .owl-carousel .owl-nav .owl-next { right: 30%; top: calc(100% + 70px); } .blockEtap .zakazPresentaion.left { padding-right: 40px; width: calc(50% - 40px); } .blockEtap .etap.right { padding-left: 40px; width: calc(50% - 40px); } .sectionWrap, .sectionWrapSmall { width: 900px; } .jobs-infographic .chart-text2 { bottom: -40px; right: 30px; } .ObjectText .ob1 { left: 30px; } .ObjectText .ob3 { left: 0px; } .ObjectText .ob5 { left: 30px; } .ObjectText .ob2 { left: 595px; } .ObjectText .ob4 { left: 630px; } .ObjectText .ob6 { left: 595px; } .avtonavixWhy .col1 { top: 185px; left: 120px; } .avtonavixWhy .col2 { top: 185px; left: 395px; } .avtonavixWhy .col3 { top: 185px; left: 677px; } .hint1 { left: 220px; top: 295px; } .hint2 { left: 550px; top: 270px; } .hint3 { left: 670px; top: 190px; } .partCustom .boxLogo { width: 90px; height: 90px; } .partCustom .partImg { width: 70px; height: 70px; } .demoBlock:after { width: 37rem; height: 37rem; bottom: -5rem; } .model .tooltip-content { width: 26rem; } .azs .hint1 { position: absolute; left: 28.375rem; top: 10.375rem; } .azs .hint2 { position: absolute; left: 29.375rem; top: 7.25rem; } .azs .hint3 { position: absolute; left: 36.5rem; top: 10.1875rem; } .azs .hint4 { position: absolute; left: 40.875rem; top: 1.5rem; } .azs .hint5 { position: absolute; left: 53.75rem; top: 9.125rem; } .demoBlock img { position: absolute; width: 34.125rem; top: -3.75rem; left: 40%; } .rightIcons { padding-left: 4.875rem; } .blockLogo li { width: 161px !important; height: 160px; } } @media all and (min-width: 1024px) and (max-width: 1280px) { } @media all and (min-width: 768px) and (max-width: 1024px) { } @media all and (min-width: 480px) and (max-width: 768px) { } @media all and (max-width: 480px) { } /* Portrait */ @media screen and (orientation: portrait) { /* Portrait styles here */ } /* Landscape */ @media screen and (orientation: landscape) { /* Landscape styles here */ } /* CSS for iPhone, iPad, and Retina Displays */ /* Non-Retina */ @media screen and (-webkit-max-device-pixel-ratio: 1) { } /* Retina */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } /* iPhone Portrait */ @media screen and (max-device-width: 480px) and (orientation: portrait) { } /* iPhone Landscape */ @media screen and (max-device-width: 480px) and (orientation: landscape) { } /* iPad Portrait */ @media screen and (min-device-width: 481px) and (orientation: portrait) { } /* iPad Landscape */ @media screen and (min-device-width: 481px) and (orientation: landscape) { } /* Microsoft Edge styles */ @supports (-ms-ime-align:auto) { .headerSearch .searchIcon { top: -13px; } .avtonavixWhy .col1 { left: 140px; top: 220px; } .avtonavixWhy .col2 { left: 475px; top: 220px; } .avtonavixWhy .col3 { left: 805px; top: 220px; } .blockPreim .owl-item .item, .item.firstPart #logoObject { overflow: -moz-scrollbars-none; overflow: hidden; } .blockPreim .owl-item .item::-webkit-scrollbar, .item.firstPart #logoObject::-webkit-scrollbar { width: 1px; height: 1px; } .blockPreim .owl-item .item::-webkit-scrollbar-button, .item.firstPart #logoObject::-webkit-scrollbar-button { width: 1px; height: 1px; } .b-custom-select__wrap-scrollbar { display: none } .headerVideoBlack video { max-height: 100%; top: -30%; left: -30%; position: absolute; min-width: 160%; min-height: 160%; object-fit: cover; } .secondPart #logoObject { margin-left: 0px; } .avtonavixWhy .textWrap { margin-left: -50px; } } /* CSS Хаки */ @media not all and (min-resolution: .001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { } } /* Firefox */ @-moz-document url-prefix() { .b-custom-select__dropdown__inner { overflow-y: hidden !important; } .myb-custom-select__title__icon { width: 100%; height: 100%; } .myb-custom-select__title__icon::after { background-position: center right; width: 22px; height: 20px; } .myb-custom-select__title__icon:hover { animation: none; } } .contMap { margin-top: -60px; } .contTel { margin-bottom: 0 !important; padding-bottom: 0 !important; } .contactWrap .contForm { position: relative !important; top: 100px !important; } /* End */ /* /bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1751190426507 */ /* /bitrix/components/avtonavix/news.list/templates/avt_citiesList/style.css?1751190422162 */ /* /bitrix/components/bitrix/menu/templates/avt_horizontal_multilevel/style.min.css?17511904253715 */ /* /bitrix/templates/main/components/bitrix/menu/avtCommonFooter/style.min.css?1751190388490 */ /* /bitrix/components/avtonavix/news.list/templates/avt_footerContcts/style.css?1751190422162 */ /* /bitrix/templates/main/styles.min.css?17511903882003 */ /* /bitrix/templates/main/template_styles.css?1751190387345894 */