/* подключение шрифтов */ @import url('https://brendum.ru/files/fonts/gotham/gotham.css'); /* объекты html5 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;} audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none;} /* сброс стилей от Эрика Майера */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} strong {font-family: 'bold', sans-serif;} * {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------- стили для desctop-версии */ @media (min-width: 103px) and (max-width: 3500px) { /* теги html body и основная сетка */ html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #2f1807; font-family: 'light', sans-serif; font-size: 1.1vw; font-style: normal; line-height: 150%; background: #fff;} #body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;} .home #content {width: 100%; margin: 0; padding: 0; min-height: 100vh; overflow: hidden;} #content {width: 80vw; margin: 0; padding: 15vw 10vw 10vw 10vw; overflow: hidden;} .senks #content {padding: 20vw 0 0 15vw;} /* заголовки */ h1 {font-size: 300%; font-family: 'black', sans-serif; color: #000; line-height: 125%; margin: 0 0 3vw 0;} h2 {font-size: 125%; font-family: 'bold', sans-serif; color: #456078; line-height: 125%;} h3 {font-size: 125%; font-family: 'bold', sans-serif; color: #456078; line-height: 125%;} h4 {font-size: 125%; font-family: 'bold', sans-serif; color: #456078; line-height: 125%;} /* ссылки и кнопки */ a {color: #00a0e3; text-decoration: none;} a:hover {color: #e4a307; text-decoration: none;} /* блок header */ header.head {position: fixed; width: 100%; height: 8vw; z-index: 999; background: transparent;} header.head.small {position: fixed; width: 100%; height: 4vw; z-index: 999; background: #fff;} .home header.head .logo {position: absolute; width: 10vw; height: auto; margin: 5vw 0vw 0vw 10vw; padding: 0;} .home header.head .logo svg {width: 100%; height: auto;} .home header.head .logo svg .logos {fill:#fff;} .home header.head .logo svg:hover .logos, .home header.head.small .logo svg:hover .logos {fill:#e4a307;} .home header.head.small .logo {width: 7vw; height: auto; margin: 1.1vw 0vw 0vw 10vw; padding: 0;} header.head .logo {position: absolute; width: 7vw; height: auto; margin: 1.1vw 0vw 0vw 10vw; padding: 0;} header.head .logo svg {width: 100%; height: auto;} header.head .logo svg .logos {fill:#fff;} header.head .logo svg:hover .logos {fill:#e4a307;} .home header.head .tel {position: absolute; margin: 4.75vw 0 0 73vw;} .home header.head .tel a {color: #fff; font-family: 'medium', sans-serif; display: block; width: 11vw;} .home header.head .tel a:hover {color: #e4a307;} .home header.head.small .tel {margin: 1.25vw 0 0 73vw;} .home header.head.small .tel a {color: #000;} .home header.head.small .tel a:hover {color: #e4a307;} header.head .tel {position: absolute; margin: 1.25vw 0 0 73vw;} header.head .tel a:hover {color: #e4a307;} header.head .tel a {color: #000; font-family: 'medium', sans-serif; display: block; width: 11vw;} .home header.head .online {position: absolute; margin: 4.75vw 0 0 60vw;} .home header.head .online a {color: #fff; font-family: 'medium', sans-serif;} .home header.head .online a:hover {color: #e4a307;} .home header.head.small .online {margin: 1.25vw 0 0 60vw;} .home header.head.small .online a {color: #000;} .home header.head.small .online a:hover {color: #e4a307;} header.head .online {position: absolute; margin: 1.25vw 0 0 60vw;} header.head .online a {color: #000; font-family: 'medium', sans-serif;} header.head .online a:hover {color: #e4a307;} /* блок выпадающего меню */ #pushwin {position: fixed; top: 1.5vw; right: 10vw; display: block; z-index: 9999; -webkit-user-select: none; user-select: none;} .home #pushwin {top: 5vw;} header.small ~ #pushwin {top: 1.5vw; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #pushwin input:checked ~ div {transform: none;} /* сэндвич */ #pushwin input {display: block; width: 1.5vw; height: 1vw; position: absolute; top: 0; left: 0vw; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;} #pushwin span {display: block; width: 1.5vw; height: 0.06vw; margin-bottom: 0.4vw; position: relative; background: #000; z-index: 1; transform-origin: 0.5vw 0; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} header.small ~ #pushwin span {background: #000;} .home #pushwin span {background: #fff;} /* наведенный сэндвич */ #pushwin input:hover ~ span {background: #e4a307;} #pushwin input:hover + span {width: 1.5vw; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} /* закрывашка */ #pushwin input:checked ~ span {opacity: 1; transform: rotate(45deg) translate(0.45vw, -0.05vw); width: 2vw; background: #2f1807;} #pushwin input:checked ~ span:nth-last-child(3) {opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);} #pushwin input:checked ~ span:nth-last-child(2) {transform: rotate(-45deg) translate(0.2vw, 0.4vw);} #pushwin input:checked ~ span:nth-last-child(4) {margin-left: 0;} /* наведенная закрывашка */ #pushwin input:checked:hover ~ span {width: 2vw;} /* тело выпадающего блока */ #pushwin_body {position: absolute; width: 100vw; height: 100vh; top: -5vw; left: -87vw; margin: 0; padding: 0; background: #fff; transform: translate(-110vw, 0);} header.small ~ #pushwin #pushwin_body {top: -1.5vw;} #pushwin_body .line {position: absolute; width: auto; height: 0.05vw; left: 10vw; right: 11vw; top: 15vw; background: #f2f3f7;} #pushwin_body .line2 {position: absolute; width: auto; height: 0.05vw; left: 10vw; right: 11vw; bottom: 10vw; background: #f2f3f7;} #pushwin_body nav {float: left; margin: 17.5vw 0 0 10vw;} #pushwin_body nav.uslugi {float: left; margin: 17.5vw 0 0 7.5vw;} #pushwin_body .about {position: relative; float: left; width: 35vw; margin: 17.5vw 0 0 15vw; color: #d1d9e6; line-height: 150%;} #pushwin_body .about:hover {color: #000;} #pushwin_body .logo {position: absolute; width: 10vw; height: auto; margin: 10vw 0vw 0vw 10vw; padding: 0;} #pushwin_body .logo svg {width: 100%; height: auto;} #pushwin_body .logo svg .logos {fill:#e4a307;} #pushwin_body .logo svg:hover .logos {fill:#000;} #pushwin_body .tel {position: absolute; margin: 0; bottom: 6vw; left: 10vw;} #pushwin_body .tel a {color: #000; font-family: 'bold', sans-serif; display: block; width: 11vw;} #pushwin_body .tel a:hover {color: #e4a307;} #pushwin_body .online {position: absolute; margin: 0; bottom: 5.4vw; left: 23vw;} #pushwin_body .online a {width: 12.5vw; text-align: center; color: #2f1807; background: transparent; border: 0.1vw solid #e4a307; border-radius: 3vw; padding: 0.5vw 0; font-family: 'bold', sans-serif; display: block;} #pushwin_body .online a:hover {color: #fff; background: #e4a307; border: 0.1vw solid #e4a307;} #block_a {width: 100%; height: 20vw; margin: 0; padding: 0; background: url("../images/block_a.png") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #block_a ul {width: 80vw; overflow: hidden; padding: 8.5vw 0 0 14vw;} #block_a ul li {float: left; width: auto; margin: 0 4vw 0 0; color: #fff;} #block_a ul li .nomi {float: left; width: auto; margin: -0.5vw 1vw 0 0; font-size: 400%; font-family: 'bold', sans-serif; line-height: 80%;} #block_a ul li .text {float: left; width: auto; margin: 0; font-size: 75%; font-family: 'medium', sans-serif; line-height: 140%;} #block_a ul li .btn {margin: 0.5vw 0 0 0;} #block_a ul li .btn a {color: #fff; font-family: 'medium', sans-serif; padding: 1vw 2vw; border: 0.1vw solid #fff; border-radius: 3vw;} #block_a ul li .btn a:hover {background: #ad7900;} #block_b {width: 100vw; padding: 0; overflow: hidden;} #block_b .b_d:nth-child(1) {float: left; margin: 0; width: 50vw; height: 25vw; background: url("../images/block_b_1.png") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #block_b .b_d:nth-child(2) {float: left; margin: 0; width: 25vw; height: 25vw; background: #00a0e3;} #block_b .b_d:nth-child(3) {float: left; margin: 0; width: 25vw; height: 25vw; background: #ff;} #block_b .b_d:nth-child(4) {float: left; margin: 0; width: 25vw; height: 25vw; background: url("../images/block_b_4.png") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #block_b .b_d:nth-child(5) {float: left; margin: 0; width: 25vw; height: 25vw; background: #e4a307;} #block_b .b_d:nth-child(6) {float: left; margin: 0; width: 50vw; height: 25vw; background: url("../images/block_b_6.png") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #block_b .b_d a {color: #fff; font-family: 'bold', sans-serif; font-size: 125%; margin: 9.5vw 0 0 4.5vw; display: inline-block;} #block_b .b_d:nth-child(3) a, #block_b .b_d:nth-child(5) a {color: #000;} #block_b .b_d a:hover {color: #e4a307;} #block_b .b_d:nth-child(3) a:hover, #block_b .b_d:nth-child(5) a:hover {color: #00a0e3;} #block_c {width: 100%; padding: 7.5vw 0; overflow: hidden; background: #fff;} #block_c .b_c:first-child {float: left; width: 44vw; margin: 0 3.5vw 0 10vw; padding: 0 3.5vw 0 0; border-right: 0.1vw solid #f2f3f7; font-family: 'medium', sans-serif; line-height: 175%;} #block_c .b_c:last-child {float: left; width: 30vw; font-family: 'medium', sans-serif; line-height: 175%;} #block_n {width: 100%; overflow: hidden; margin: 0; padding: 0; background: #f2f3f7;} ul.latestnewsnews {overflow: hidden; padding: 5vw 8vw 8vw 10vw;} .latestnewsnews li {float: left; width: 15vw; margin: 0 2.5vw 0 0; padding: 4vw 5vw; border-radius: 1vw; background: #fff; box-shadow: 0 2vw 5vw #90a0b7;} .latestnewsnews li:hover {box-shadow: 0 2vw 5vw #456078;} .latestnewsnews li:last-child {margin: 0;} #block_n .news_title {margin: 0 0 1vw 0; line-height: 130%;} #block_n .news_title a {color: #000; font-family: 'medium', sans-serif; margin: 0 0 1vw 0; font-size: 95%;} #block_n .news_text {color: #90a0b7; font-size: 75%; font-family: 'regular', sans-serif; line-height: 150%;} #block_n .news_date {color: #90a0b7; font-size: 75%; margin: 0 0 0.25vw 0; font-family: 'regular', sans-serif;} .about ul {width: 100%; overflow: hidden;} .about ul li {width: 23vw; float: left; margin: 0 0 2vw 7vw;} .about ul li:before {position: absolute; width: 2.5vw; height: 0.1vw; margin: 0.75vw 0 0 -4vw; content: ''; background: #584334;} .about .name {margin: 2.5vw 0; font-size: 150%; font-family: 'medium', sans-serif; color: #e4a307; display: inline-block; line-height: 125%;} .contact .text {margin: 0 0 2vw 0;} .contact .tel {margin: 0 0 0.5vw 0;} .contact .mail {margin: 0 0 10vw 0;} .contact .form {float: right; margin: 0 10vw 0 0;} .contact .yamap {width: 90vw; height: 30vw; margin: 0 0 -15vw -10vw;} [class^='leading-'] {float: left; width: 20vw; margin: 0 3vw 3vw 0;} [class^='leading-'] .article-info {margin:0 0 0vw 0;} [class^='leading-'] h1 {font-size: 150%; color: #2f1807 !important; margin: 0 0 0.75vw 0; font-family: 'Medium', sans-serif;} [class^='leading-'] h1 a {color: #2f1807;} [class^='leading-'] h1 a:hover {color: #e4a307;} /* Главное меню сайта */ ul.nav.menu {padding: 0; margin: 0;} /* список меню, ссылки, сепараторы */ ul.nav.menu li {margin: 0 0 1vw 0; list-style: none; display: inlne-block; float: none; position: relative; z-index: 2;} ul.nav.menu li a, ul.nav.menu li .separator, ul.nav.menu li span {color: #000; text-decoration: none; display: inline-block; margin: 0; padding: 0; font-size: 150%; cursor: pointer; font-family: 'medium', sans-serif;} .head.small ul.nav.menu li a, .head.small ul.nav.menu li .separator, .head.small ul.nav.menu li span {color: #e4a307;} ul.nav.menu li a:hover, ul.nav.menu li .separator:hover {color: #584334; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; display: inline-block;} /* активный пункт меню */ ul.nav.menu .current a {color:#e4a307; margin: 0; } /* наведенный активный пункт меню */ ul.nav.menu .current a:hover {color:#584334;} /* выпадающий список подменю */ ul.nav.menu ul {position: relative; display: block; width: auto; margin: 1vw 0 2vw 3vw; z-index: 1;} ul.nav.menu ul li:before {content: '→'; margin: 0 1vw 0 0;} /* список подменю, ссылки, сепараторы */ ul.nav.menu ul li {float: none; margin: 0 0 0.5vw 0; background: transparent; padding: 0; white-space: nowrap;} ul.nav.menu ul li:last-child {margin: 0;} ul.nav.menu ul li a {font-size: 150%; color: #040440 !important; display: inline-block;} ul.nav.menu ul li:hover a {color:#456078 !important;} /* активный пункт подменю */ ul.nav.menu ul .current a {color:#456078; margin: 0;} ul.nav.menu .menu_notes {display: none;} ul.nav.menu li a:hover + .menu_notes {position: fixed; display: block; color: #909090; font-size: 75%; width: 17vw; line-height: 150%; margin: -1.75vw 0 0 1vw; padding: 2vw; background: #fff; box-shadow: 2vw 2vw 2vw #f5f5f5; border-radius: 0.25vw;} /* Меню услуг */ .uslugi ul.nav.menu li {margin: 0 0 0.5vw 0; list-style: none; display: inlne-block; float: none; position: relative; z-index: 2;} .uslugi ul.nav.menu li a {color: #000; text-decoration: none; display: inline-block; margin: 0; padding: 0; font-size: 90%; cursor: pointer; font-family: 'medium', sans-serif;} .uslugi ul.nav.menu li a:hover {color:#e4a307;} .uslugi ul.nav.menu .current a {color:#e4a307; margin: 0; font-family: 'medium', sans-serif;} .top {position: relative; z-index: 1; width: 45vw; height: 50vw;} .top .name {padding: 17vw 0 0 13vw; font-size: 200%; line-height: 130%; font-family: 'medium', sans-serif;} .top .text {padding: 3vw 0 0 13vw; width: 22vw; line-height: 130%;} .top ul {padding: 7.5vw 0 0 13vw; overflow: hidden; width: 25vw;} .top ul li {float: left; margin: 0 2vw 0.25vw 0;} .top ul li a {text-decoration: underline; font-size: 75%; font-family: 'medium', sans-serif;} .men {position: absolute; z-index: 2; width: 21.5vw; top: 14.85vw; left: 39vw;} .men img {width: 100%;} .slider {position: absolute; z-index: 1; margin: 0; top: 0; right: 0; width: 50vw; height: 50vw;} .newsflash.flexslider {position: relative; padding: 0; margin: 0; width: 50vw; height: 50vw; z-index: 1;} .newsflash.flexslider .title {margin: 0;} /* кнопка подробнее */ .newsflash.flexslider .btn a {display: inline-block; margin: 2vw 0 0 4.25vw; color: #fff; text-decoration: none; padding: 0.75vw 1.5vw !important; background: #1a354f; font-size: 100% !important;} .newsflash.flexslider .btn a:hover {color: #fff; text-decoration: none; background: #456078;} /* навигация стрелки */ .flex-nav-prev {position: absolute; top: 43vw; left: 14.5vw;} .flex-nav-next {position: absolute; top: 43vw; left: 22vw;} .flex-direction-nav a {display: block; margin: 0; position: absolute; z-index: 10; opacity: 0; cursor: pointer;} .flex-direction-nav a:before, .flex-direction-nav a.flex-next:before {display: inline-block; width: 1.5vw; height: 1.5vw; content: '';} .flex-direction-nav a:before {background: url("../images/prew.svg"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .flex-direction-nav a.flex-next:before {background: url("../images/next.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 3;} .flex-direction-nav .flex-prev {left: -2vw;} .flex-direction-nav .flex-next {right: -2vw;} .flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.9; left: 1vw;} .flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;} .flexslider:hover .flex-direction-nav .flex-next {opacity: 0.9; right: 1vw;} .flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1;} .flex-pauseplay a {display: block; width: 2vw; height: 2vw; position: absolute; bottom: 1vw; right: 1vw; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #2f1807;} /* навигация точки */ .flex-control-nav {display: none; width: 100%; position: absolute; bottom: 3vw; text-align: center; margin: 0;} .flex-control-nav li {margin: 0 1vw; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 0.5vw; height: 0.5vw; display: block; background: #fff; border: none; cursor: pointer; text-indent: -9999px; border-radius: 1vw;} .flex-control-paging li a:hover {width: 0.5vw; height: 0.5vw; border: none; background: #e4a307;} .flex-control-paging li a.flex-active {background: #fff; border: 0.15vw solid #e4a307; cursor: default;} /* изображение из текста материала */ .flexslider .slides img { /*width: 100%;*/ display: block; height: auto; -moz-user-select: none;} /* не понял, что за хрень */ .flex-pauseplay a:hover {opacity: 1;} .flex-container a:hover, .flex-slider a:hover {outline: none;} .slides, .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flex-pauseplay span {text-transform: capitalize;} .flexslider {margin: 0; padding: 0; overflow: hidden;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} html[xmlns] .flexslider .slides {display: block;} * html .flexslider .slides {height: 1%;} .no-js .flexslider .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1; border-radius: 0;} .flexslider .slides { zoom: 1;} .flex-viewport {max-height: 22f1807px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 30vw;} .carousel li {margin-right: 0.5vw;} .flex-control-thumbs {margin: 0.5vw 0 0; /*position: static;*/ overflow: hidden;} .flex-control-thumbs li {/*width: 25%; float: left; margin: 0;*/} .flex-control-thumbs img {width: 15vw; height: 8vw; display: block; opacity: .7; cursor: pointer; border: 0.3vw solid #fff; transition: all 1s ease;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default; border-color: #71b02f;} .newsflash.flexslider li{padding: 0;} .newsflash.flexslider ol{margin-left: 0;} .slider_full {position: relative; background-size: cover!important; margin: 0; display: block; overflow: hidden; height: 50vw;} .slider_mob {display: none;} .newsflash.flexslider .inf {position: relative; z-index: 10; margin: 33vw 0 0 15.5vw; width: 23vw;} .newsflash.flexslider h3 {font-size: 160%; line-height: 125%; font-family: 'bold', sans-serif; color: #000;} .newsflash.flexslider a {text-decoration: none; color: #000;} .flex-pauseplay {display: none;} /* параметры материала */ .item-page .pull-left.item-image {width: 70vw; margin: 0 0 3vw -15vw;} .item-page .pull-left.item-image img {width: 100%;} .page-header {margin: 0;} .page-header .shared_icons {position: relative; float: right; margin: -3.25vw 0 0 0; z-index: 5;} .page-header .shared_icons .ya-share2__container_size_s .ya-share2__item {margin: 0 0.25vw 0 0;} .page-header .shared_icons .ya-share2__container_size_s .ya-share2__icon {height: 1.1vw; width: 1.1vw; background-size: 1.1vw 1.1vw; line-height: 1.1vw;} .article-info {overflow: hidden; color: #c5c5c5; font-size: 75%; margin: 0 0 3vw 0;} .article-info a {color: #456078;} .article-info .article-info-term {display: none;} .article-info .createdby, .article-info .category-name {display: inline-block; float: left; margin: 0 1.5vw 0 0;} .ya-share2__item_service_telegram .ya-share2__badge, .ya-share2__item_service_skype .ya-share2__badge, .ya-share2__item_service_whatsapp .ya-share2__badge, .ya-share2__item_service_viber .ya-share2__badge, .ya-share2__item_service_pocket .ya-share2__badge, .ya-share2__item_service_lj .ya-share2__badge, .ya-share2__item_service_linkedin .ya-share2__badge, .ya-share2__item_service_evernote .ya-share2__badge, .ya-share2__item_service_facebook .ya-share2__badge, .ya-share2__item_service_vkontakte .ya-share2__badge, .ya-share2__item_service_collections .ya-share2__badge {background-color: #e5e5e5 !important;} .ya-share2__item_service_telegram .ya-share2__badge:hover {background-color: #64a9dc !important;} .ya-share2__item_service_skype .ya-share2__badge:hover {background-color: #00aff0 !important;} .ya-share2__item_service_whatsapp .ya-share2__badge:hover {background-color: #65bc54 !important;} .ya-share2__item_service_viber .ya-share2__badge:hover {background-color: #7b519d !important;} .ya-share2__item_service_pocket .ya-share2__badge:hover {background-color: #ee4056 !important;} .ya-share2__item_service_lj .ya-share2__badge:hover {background-color: #0d425a !important;} .ya-share2__item_service_linkedin .ya-share2__badge:hover {background-color: #0083be !important;} .ya-share2__item_service_evernote .ya-share2__badge:hover {background-color: #24d666 !important;} .ya-share2__item_service_facebook .ya-share2__badge:hover {background-color: #3b5998 !important;} .ya-share2__item_service_vkontakte .ya-share2__badge:hover {background-color: #4680c2 !important;} .ya-share2__item_service_collections .ya-share2__badge:hover {background-color: #eb1c00 !important;} /* блок "хлебные крошки" */ .breadcrumb {position: absolute; margin: -4vw 0 0 0; overflow: hidden; font-size: 75%; color: #e5e5e5;} .breadcrumb li {float: left; margin: 0;} .breadcrumb a {color: #e5e5e5; text-decoration: underline;} .breadcrumb a:hover {color: #e4a307; text-decoration: underline;} .breadcrumb li span {margin: 0 1vw;} .breadcrumb li span:first-child {margin: 0;} /** modal */ #sbox-overlay {position: fixed !important; background: #2f1807 !important; left: 0 !important; top: 0 !important; z-index: 65555 !important; opacity: 0.85 !important;} #sbox-window {position: fixed !important; text-align: left !important; overflow: hidden !important; padding: 0 !important; border-radius: 0 !important; top: 0 !important; left: 0vw !important; width: 50vw !important; height: 100vh !important;} #sbox-content {clear: both !important; overflow: auto !important; background: #f5f5f5 !important; height: 100% !important; width: 52.5vw !important; } #sbox-btn-close {position: absolute !important; width: 1.5vw !important; height: 1.5vw !important; right: 3vw !important; top: 2vw !important; background: url("../images/close.svg") center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; border: none !important;} #sbox-content .item-page {padding: 10vw; overflow: hidden;} #sbox-content .item-page h1 {font-size: 200%; font-family: 'bold', sans-serif; margin: 0 0 2vw 0;} #sbox-content .item-page h3 {font-size: 150%; font-family: 'bold', sans-serif; margin: 1vw 0;} #sbox-content .item-page .img {width: 100%; padding: 0 0 2vw 0; display: block;} #sbox-content .item-page .img img {width: 100%;} #sbox-content .item-page .img_portfolio {position: relative; margin: 2vw 0 0 0vw; display: inline-block; width: 100%;overflow: hidden;} #sbox-content .item-page .img_portfolio img {float: left; width: 15vw; margin: 0 1vw 1vw 0; border-radius: 0.5vw; border: 0.05vw solid #d5d5d5;} #sbox-content iframe {min-height: 100% !important; width: 100% !important;} #sbox-content iframe h2 {padding: 5vw !important;} /* footer */ footer {position: relative; width: 100%; height: 25vw; padding: 0; background: #e4a307; z-index: 1; color: #fff; font-size: 75%; font-family: 'regular', sans-serif;} footer a {position: relative; color: #fff; text-decoration: none;} footer a:hover {color: #000;} footer .logo {position: absolute; margin: 4.5vw 0 0 10vw; width: 10vw; height: auto;} footer .logo svg {width: 100%; height: auto;} footer .logo .fil1, footer .logo .fil2 {fill: #fff;} footer .contact {position: absolute; margin: 12vw 0 0 10vw;} footer .contact .customadress {margin: 0 0 2vw 0; line-height: 150%;} footer .contact .customtel {margin: 0; line-height: 150%;} footer .copy {position: absolute; margin: 0; right: 10vw; top: 4.5vw; text-align: right; font-family: 'medium', sans-serif;} footer #social {position: absolute; top: 7vw; right: 10vw;} footer #social a {margin: 0 0 0 1vw;} footer #social svg {width: auto; height: 1vw;} footer nav {position: absolute; margin: 5vw 0 0 32vw;} footer ul.nav.menu li {margin: 0 0 0.5vw 0; list-style: none; display: inlne-block; float: none; position: relative; z-index: 2;} footer ul.nav.menu li a, footer ul.nav.menu li .separator, footer ul.nav.menu li span {color: #fff; text-decoration: none; display: inline-block; margin: 0; padding: 0; font-size: 100%; cursor: pointer; font-family: 'medium', sans-serif;} footer ul.nav.menu li a:hover, fooer ul.nav.menu li .separator:hover {color: #000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; display: inline-block;} footer ul.nav.menu .current a {color:#fff; margin: 0; text-decoration: underline;} footer .made {position: absolute; right: 10vw; bottom: 2vw;} /* настройка галереи */ .fancybox-content {-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;} /* настройка всплывающих изображений */ #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%;} #jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0;} #userForm {width: 30vw;} #userForm h4 {margin: 0 0 2vw 0; font-family: 'gpm', sans-serif;} .formResponsive .formHorizontal .formControls {*display: inline-block; padding: 0 !important; margin: 0 !important; width: 0; height: auto !important;} .formResponsive .formHorizontal .rsform-block {margin: 0 0 1.5vw 0; padding: 0;} .formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {display: inline-block; height: auto; padding: 1vw; margin: 0vw; font-size: 100%; line-height: 100%; color: #040440; box-sizing: content-box; font-family: 'regular', sans-serif; width: 25vw; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 0.05vw solid #c5c5c5;} .formResponsive select:focus, .formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus {border: 0.05vw solid #435d75 !important; box-shadow: 0 1vw 3vw #d1d9e6;display: inline-block; height: auto; padding: 1vw; margin: 0vw; font-size: 100%; line-height: 100%; color: #fff; box-sizing: content-box; font-family: 'regular', sans-serif;} .formResponsive textarea {height: 11.4vw; line-height: 140%;} .formResponsive select {font-size: 80%;} .formResponsive .formHorizontal p.formDescription {margin: 0;} .formResponsive .formHorizontal .formControlLabel {display: none; float: left; width: 20%; padding: 0; margin: 0; text-align: right;} .rsform-block.rsform-block-intro {margin: 0 0 2vw 0 !important;} .rsform-block-oldtotal {float: right; margin: -43.75vw 0 0 32.5vw !important; padding: 0 !important; position: fixed; border: none !important;} .rsform-block-oldtotal input {display: inline; height: auto !important; padding: 0 !important; margin: 0; font-size: 125% !important; line-height: 100%; color: #040440 !important; box-sizing: content-box; font-family: 'bold', sans-serif !important; width: 6vw !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: center; border: none !important; background: #fff !important; text-decoration: line-through;} .rsform-block-total {float: right; margin: -43vw 0 0 32vw !important; padding: 0 !important; position: fixed; border: none !important;} .rsform-block-total input {display: inline-block; height: 3vw !important; padding: 1vw 0 !important; margin: 0vw; font-size: 300% !important; line-height: 100%; color: #ff2f18070; box-sizing: content-box; font-family: 'bold', sans-serif !important; width: 15vw !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: center;} #userForm_calc .rsform-block-submit {float: right; margin: -37vw 0 0 32vw !important; padding: 0 !important; position: fixed; border: none !important;} .formSpan12 .rsform-block-submit {margin: 0vw 0 0 0 !important; padding: 0 !important; border: none !important;} .rsform-block-submit button {color: #2f1807 !important; text-decoration: none; padding: 0.75vw 1.5vw !important; background: #fff !important; font-size: 100% !important; border-radius: 3vw !important; border: 0.1vw solid #e4a307 !important;} .rsform-block-submit button:hover {color: #fff !important; background: #e4a307 !important; border: 0.1vw solid #e4a307 !important; cursor: pointer;} .online .rsform-block-submit {float: none; margin: 0vw !important; padding: 0 !important; border: none !important;} input::-moz-placeholder {color: #c5c5c5; font-size: 80%;} input::-webkit-input-placeholder { color: #c5c5c5; font-size: 80%; } input:-ms-input-placeholder { color: #c5c5c5; font-size: 80%; } input::-ms-input-placeholder { color: #c5c5c5; font-size: 80%; } input::placeholder { color: #c5c5c5; font-size: 80%; } textarea::-moz-placeholder {color: #c5c5c5; font-size: 80%;} textarea::-webkit-input-placeholder { color: #c5c5c5; font-size: 80%; } textarea:-ms-input-placeholder { color: #c5c5c5; font-size: 80%; } textarea::-ms-input-placeholder { color: #c5c5c5; font-size: 80%;} textarea::placeholder { color: #c5c5c5; font-size: 80%; } .rsform-block-companyname, .rsform-block-devizname, .rsform-block-sferaname, .rsform-block-productname, .rsform-block-preimname, .rsform-block-concurentname, .rsform-block-namename, .rsform-block-telname, .rsform-block-mailname, .rsform-block-celiname, .rsform-block-caklname, .rsform-block-pos1name, .rsform-block-pos2name, .rsform-block-tipname, .rsform-block-mobname, .rsform-block-strukturaname, .rsform-block-kompname, .rsform-block-hostname, .rsform-block-domenname, .rsform-block-langname, .rsform-block-itegrname, .rsform-block-emotionname, .rsform-block-firstname, .rsform-block-colorname, .rsform-block-reclamaname, .rsform-block-siteyesname, .rsform-block-sitenoname, .rsform-block-srokname, .rsform-block-sumname, .rsform-block-prodvname, .rsform-block-obslname, .rsform-block-dopname, .rsform-block-filename, .rsform-block-paneliname, .rsform-block-1panel-wname, .rsform-block-1panel-hname, .rsform-block-2panel-wname, .rsform-block-2panel-hname, .rsform-block-3panel-wname, .rsform-block-3panel-hname, .rsform-block-4panel-wname, .rsform-block-4panel-hname, .rsform-block-tipname, .rsform-block-ufname, .rsform-block-svetname, .rsform-block-razname, .rsform-block-otvname {position: absolute; font-size: 80%; margin: -0.75vw 0 0 0.5vw !important; padding: 0vw 0.5vw 0 0.5vw !important; background: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} #1panel_w select {width: 10vw !important;} .rsform-block-paneli select {width: 23vw;} .rsform-block-1panel-w, .rsform-block-2panel-w, .rsform-block-3panel-w, .rsform-block-4panel-w {float: left;} .rsform-block-1panel-w input[type="text"], .rsform-block-2panel-w input[type="text"], .rsform-block-3panel-w input[type="text"], .rsform-block-4panel-w input[type="text"] {width: 10vw;} .rsform-block-1panel-h input[type="text"], .rsform-block-2panel-h input[type="text"], .rsform-block-3panel-h input[type="text"], .rsform-block-4panel-h input[type="text"] {width: 10vw !important; margin: 0vw 0 0 13vw;} .rsform-block-1panel-hname, .rsform-block-2panel-hname, .rsform-block-3panel-hname, .rsform-block-4panel-hname {margin: -0.75vw 0 0 13.5vw !important;} .rsform-block-tip {float: left;} .rsform-block-tip select {width: 10vw;} .rsform-block-uf select {width: 10vw; margin: 0vw 0 0 13vw;} .rsform-block-ufname {margin: -0.75vw 0 0 13.5vw !important;} .rsform-block-svet {float: left;} .rsform-block-svet select {width: 10vw;} .rsform-block-raz {float: left;} .rsform-block-raz select {width: 10vw;} .rsform-block-otv select {width: 10vw; margin: 0vw 0 0 13vw;} .rsform-block-otvname {margin: -0.75vw 0 0 13.5vw !important;} .rsform-block-adminmail {display: none !important;} .formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus { border: 0.05vw solid #ff2f18070 !important; outline: 0; outline: thin dotted \9; } .formResponsive input[type="submit"], .formResponsive button[type="submit"], .formResponsive input[type="reset"], .formResponsive button[type="reset"], .formResponsive input[type="button"], .formResponsive button[type="button"], .formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {width: auto;} .formResponsive select[multiple], .formResponsive select[size] {height: auto;} .formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {float: left;} .formResponsive .formBody {float: none;} .formResponsive label {float: left;} #page2Next,#page3Prev, #page4Prev, #page5Prev, #page6Prev, #SubmitbriefPrev {position: absolute; margin: 0;} #page3Next, #page4Next, #page5Next, #page6Next, #Submitbrief {position: absolute; margin: 0 0 0 7vw;} input#file {display: inline-block; height: 3vw; border: 0.1vw solid #bbb; width: 46vw; padding: 0; margin: 0vw 0 0 0; font-size: 80%; line-height: 100%; box-sizing: content-box; cursor: pointer;} input#file {display: inline-block; height: 3vw; border: 0.1vw solid #bbb; width: 46vw; padding: 0; margin: 0vw 0 0 0; font-size: 80%; line-height: 100%; box-sizing: content-box; cursor: pointer;} #system-message {position: fixed; top: 5vw; right: 5vw; width: 25vw; padding: 2.5vw; color: #fff; background: #2f75ba;} #system-message h4 {color: #fff;} #system-message a.close {position: absolute; top: 1vw; right: 1.5vw; cursor: pointer;} #__29 .block_a ul {margin: 0; display: flex; flex-direction: column; flex-wrap: wrap; height: 46vw;} #__29 .block_a ul li {margin: 0; width: 21.669vw; padding: 3.5vw 2.5vw; background: #f2f3f7; font-family: 'medium', sans-serif;} #__29 .block_a ul li .dop {margin: 0; font-size: 75%; font-family: 'regular', sans-serif; line-height: 125%; margin: 0.75vw 0 0 2vw;} #__29 .block_a ul li img {margin: -3.5vw -2.5vw; width: 26.669vw; padding: 0; vertical-align: bottom;} #__29 .block_a ul li:nth-child(2n) {background: #fff;} #__29 .block_a ul li:nth-child(5n) {background: #0088cc; color: #fff;} #__29 .block_a ul li:nth-child(3n) {background: #e4a307; color: #fff;} #__29 .block_a ul li:nth-child(7n) {background: #000; color: #fff;} #__29 .block_a ul li:nth-child(9n) {background: #000; color: #fff;} #__29 .block_a ul li:nth-child(11n) {background: #000; color: #fff;} #__30 .block_a ul {margin: 0; display: flex; flex-direction: column; flex-wrap: wrap; height: 90vw;} #__30 .block_a ul li {margin: 0; width: 21.669vw; padding: 3.5vw 2.5vw; background: #f2f3f7; font-family: 'medium', sans-serif;} #__30 .block_a ul li img {margin: -3.5vw -2.5vw; width: 26.669vw; padding: 0; vertical-align: bottom;} #__30 .block_a ul li:nth-child(2n) {background: #fff;} #__30 .block_a ul li:nth-child(5n) {background: #0088cc; color: #fff;} #__30 .block_a ul li:nth-child(3n) {background: #e4a307; color: #fff;} #__30 .block_a ul li:nth-child(7n) {background: #000; color: #fff;} #__30 .block_a ul li:nth-child(9n) {background: #000; color: #fff;} #__30 .block_a ul li:nth-child(11n) {background: #000; color: #fff;} #__31 .img {width: 30vw; float: right; margin: 3vw 0 0 10vw;} #__31 .img img {width: 100%;} #__31 .img:before {position: absolute; content: ''; width: 29vw; height: 29vw; border: 1vw solid #e4a307; margin: -3vw 0 0 -3vw;} #__31 .block_a ul {margin: 0 0 5vw 0;} #__31 .block_a ul li {margin: 0 0 2vw 10vw;} #__31 .block_a ul li:before {position: absolute; content: ''; width: 0.5vw; height: 0.5vw; background: #e4a307; margin: 0.55vw 0 0 -2vw;} #__32 .block_a ul {margin: 0; display: flex; flex-direction: column; flex-wrap: wrap; height: 75vw;} #__32 .block_a ul li {margin: 0; width: 21.669vw; padding: 3.5vw 2.5vw; background: #f2f3f7; font-family: 'medium', sans-serif;} #__32 .block_a ul li img {margin: -3.5vw -2.5vw; width: 26.669vw; padding: 0; vertical-align: bottom;} #__32 .block_a ul li:nth-child(2n) {background: #fff;} #__32 .block_a ul li:nth-child(5n) {background: #0088cc; color: #fff;} #__32 .block_a ul li:nth-child(3n) {background: #e4a307; color: #fff;} #__32 .block_a ul li:nth-child(7n) {background: #000; color: #fff;} #__32 .block_a ul li:nth-child(9n) {background: #000; color: #fff;} #__32 .block_a ul li:nth-child(11n) {background: #000; color: #fff;} #__33 .block_a ul {margin: 0; display: flex; flex-direction: column; flex-wrap: wrap; height: 70vw;} #__33 .block_a ul li {margin: 0; width: 21.669vw; padding: 3.5vw 2.5vw; background: #f2f3f7; font-family: 'medium', sans-serif;} #__33 .block_a ul li img {margin: -3.5vw -2.5vw; width: 26.669vw; padding: 0; vertical-align: bottom;} #__33 .block_a ul li:nth-child(2n) {background: #fff;} #__33 .block_a ul li:nth-child(5n) {background: #0088cc; color: #fff;} #__33 .block_a ul li:nth-child(3n) {background: #e4a307; color: #fff;} #__33 .block_a ul li:nth-child(7n) {background: #000; color: #fff;} #__33 .block_a ul li:nth-child(9n) {background: #000; color: #fff;} #__33 .block_a ul li:nth-child(11n) {background: #000; color: #fff;} #__41 .block_a ul {margin: 0; display: flex; flex-direction: column; flex-wrap: wrap; height: 40vw;} #__41 .block_a ul li {margin: 0; width: 21.669vw; padding: 3.5vw 2.5vw; background: #f2f3f7; font-family: 'medium', sans-serif;} #__41 .block_a ul li img {margin: -3.5vw -2.5vw; width: 26.669vw; padding: 0; vertical-align: bottom;} #__41 .block_a ul li:nth-child(2n) {background: #fff;} #__41 .block_a ul li:nth-child(5n) {background: #0088cc; color: #fff;} #__41 .block_a ul li:nth-child(3n) {background: #e4a307; color: #fff;} #__41 .block_a ul li:nth-child(7n) {background: #000; color: #fff;} #__41 .block_a ul li:nth-child(9n) {background: #000; color: #fff;} #__47 #block_b {width: 100vw; padding: 0; overflow: hidden; margin: 0 0 -10vw -10vw;} #__47 #block_b .b_d:nth-child(1) {float: left; margin: 0; width: 50vw; height: 25vw; background: url("../images/block_b_1.png") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #__47 #block_b .b_d:nth-child(2) {float: left; margin: 0; width: 25vw; height: 25vw; background: #00a0e3;} #__47 #block_b .b_d:nth-child(3) {float: left; margin: 0; width: 25vw; height: 25vw; background: #ff;} #__47 #block_b .b_d:nth-child(4) {float: left; margin: 0; width: 25vw; height: 25vw; background: url("../images/block_b_4.png") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #__47 #block_b .b_d:nth-child(5) {float: left; margin: 0; width: 25vw; height: 25vw; background: #e4a307;} #__47 #block_b .b_d:nth-child(6) {float: left; margin: 0; width: 50vw; height: 25vw; background: url("../images/block_b_6.png") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #__47 #block_b .b_d a {color: #fff; font-family: 'bold', sans-serif; font-size: 125%; margin: 9.5vw 0 0 4.5vw; display: inline-block;} #__47 #block_b .b_d:nth-child(3) a, #block_b .b_d:nth-child(5) a {color: #000;} #__47 #block_b .b_d a:hover {color: #e4a307;} #__47 #block_b .b_d:nth-child(3) a:hover, #block_b .b_d:nth-child(5) a:hover {color: #00a0e3;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------- конец стилей для desctop-версии */} /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- стили для mobile-версии */ @media (min-width: 101px) and (max-width: 102px) { /* -------------------------------------------------------------------------------------------------------------------------------------------------------- конец стилей для mobile-версии */}