/* --- подключение шрифтов --- */
@import url('../fonts/font.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: 801px) and (max-width: 3500px) {

/* теги html body и основная сетка */
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #2f1807; font-family: 'regular', sans-serif; font-size: 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: 70vw; margin: 0; padding: 8.5vw 10vw 10vw 19vw; min-height: 100vh; overflow: hidden;}  

.senks #content {padding: 20vw 0 0 15vw;}


/* заголовки */
h1 {font-size: 300%; font-family: 'black', sans-serif; color: #2f1807; line-height: 125%; margin: 0 0 3vw 0;}
h1:first-letter {color: #33cc33;} 
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: #40B3F4; text-decoration: none;}
a:hover {color: #33cc33; text-decoration: none;}

/* блок header */
header.head {position: fixed; width: 9vw; height: 100vh; z-index: 999; background: #584334;}

.home header.head .logo {position: absolute; width: 15vw; height: auto; margin: 4vw 0vw 0vw 19vw; 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:#33cc33;}
.home header.head.small .logo {width: 7vw; height: auto; margin: 10vw 0vw 0vw 1vw; padding: 0;}
header.head .logo {position: absolute; width: 7vw; height: auto; margin: 10vw 0vw 0vw 1vw; padding: 0;}
header.head .logo svg {width: 100%; height: auto;}
header.head .logo svg .logos {fill:#fff;}
header.head .logo svg:hover .logos {fill:#33cc33;}


.home header.head .tel {position: absolute; margin: 5vw 0 0 62vw;}
.home header.head .tel a {color: #fff; font-family: 'bold', sans-serif; display: block; width: 10vw;}
.home header.head .tel a:hover {color: #33cc33;}
.home header.head.small .tel {margin: 33vw 0 0 1vw;}
.home header.head.small .tel a {color: #fff; font-family: 'bold', sans-serif; display: block; width: 7vw; font-size: 72%;}
.home header.head.small .tel a:hover {color: #33cc33;}
header.head .tel {position: absolute; margin: 33vw 0 0 1vw;}
header.head .tel a:hover {color: #33cc33;}
header.head .tel a {color: #fff; font-family: 'bold', sans-serif; display: block; width: 7vw; font-size: 72%;}


.home header.head .online {position: absolute; margin: 4.5vw 0 0 75vw;}
.home header.head .online a {width: 12.5vw; text-align: center; color: #fff; background: transparent; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 0; font-family: 'bold', sans-serif; display: block;}
.home header.head .online a:hover {color: #2f1807; background: #fff; border: 0.1vw solid #fff;}
.home header.head.small .online {margin: 35vw 0 0 1vw;}
.home header.head.small .online a {display: inline-block; color: #fff; background:  transparent; border: none; border-radius: none; padding: 0; text-decoration: none; font-size: 75%;  font-family: 'bold', sans-serif; width: 7vw;}
.home header.head.small .online a:hover {color: #33cc33;}
header.head .online {position: absolute; margin: 35vw 0 0 1vw;}
header.head .online a {display: inline-block; color: #fff; background:  transparent; border: none; border-radius: none; padding: 0; text-decoration: none; font-size: 75%;  font-family: 'bold', sans-serif; width: 7vw;}
header.head .online a:hover {color: #33cc33;}

/* социальные ссылки */
#social {position: fixed; margin: 0; bottom: 1vw; left: 3.75vw; z-index: 999999;}
#social svg {width: 1.5vw; height: 1.5vw; margin: 0 0 1vw 0; display: block;}
#social a {text-decoration: none;}
#social .soc0 {fill:none;fill-rule:nonzero}
#social .soc1 {fill:#fff;fill-rule:nonzero}
#social svg:hover .soc1 {fill:#456078;fill-rule:nonzero}



/* блок выпадающего меню */
#pushwin {position: fixed; top: 5vw; left: 3.5vw; display: block; z-index: 9999;  -webkit-user-select: none; user-select: none;} 
#pushwin input:checked ~ div {transform: none;}
/* сэндвич */
#pushwin input {display: block; width: 2vw; height: 3vw; position: absolute; top: -0.65vw; left: -0.25vw; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;}
#pushwin span {display: block; width: 2vw; height: 0.1vw; margin-bottom: 0.7vw; position: relative; background: #fff; 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;}
#pushwin span:nth-last-child(4) {transform-origin: 0% 100%; width: 1vw; margin-left: 1vw;}
#pushwin span:nth-last-child(2) {transform-origin: 0% 100%; width: 1vw;}
/* наведенный сэндвич */
#pushwin input:hover ~ span {background: #fff;}
#pushwin input:hover + span {width: 2vw; -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:hover ~ span:nth-last-child(4) {width: 2vw; margin-left: 0;}
#pushwin input:hover ~ span:nth-last-child(2) {width: 1.5vw;}
/* закрывашка */
#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: -4.5vw; margin: 0; padding: 0; background: #fff; transform: translate(-110vw, 0);}  
#pushwin_body .line {position: absolute; width: 0.05vw; height: auto; top: 3.5vw; bottom: 3.5vw; left: 10vw; background: #e5e5e5;}
#pushwin_body .line2 {position: absolute; width: 0.05vw; height: auto; top: 3.5vw; bottom: 3.5vw; left: 65vw; background: #f2f3f7;}
#pushwin_body nav {float: left; margin: 12vw 0 0 15vw;}
#pushwin_body nav.uslugi {float: left; margin: 5vw 0 0 7.5vw;}
#pushwin_body .about {position: relative; float: left; width: 20vw; margin: 5.5vw 0 0 15vw; color: #d1d9e6; line-height: 175%;}
#pushwin_body .about:hover {color: #000;}

#pushwin_body .logo {position: absolute; width: 10vw; height: auto; margin: 5vw 0vw 0vw 15vw; padding: 0;}
#pushwin_body .logo svg {width: 100%; height: auto;}
#pushwin_body .logo svg .logos {fill:#33cc33;}
#pushwin_body .logo svg:hover .logos {fill:#000;}

#pushwin_body .tel {position: absolute; margin: 38vw 0 0 70.75vw;}
#pushwin_body .tel a {color: #000; font-family: 'bold', sans-serif; display: block; width: 10vw;}
#pushwin_body .tel a:hover {color: #33cc33;}

#pushwin_body .online {position: absolute; margin: 41vw 0 0 70.75vw;}
#pushwin_body .online a {width: 12.5vw; text-align: center; color: #2f1807; background: transparent; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 0; font-family: 'bold', sans-serif; display: block;}
#pushwin_body .online a:hover {color: #fff; background: #33cc33; border: 0.1vw solid #33cc33;}





#block_a {width: 100%; margin: 0;}
#block_a img {width: 69vw; margin: 10vw 0 10vw 20vw;}

#block_b {width: 90vw; margin: 0 0 0 9vw; overflow: hidden;}
#block_b img {width: 45.5vw; margin: 0vw 5vw 0vw 0; float: left;}
#block_b .name {margin: 10vw 0 3vw 0; font-size: 300%; font-family: 'black', sans-serif; color: #2f1807;}
#block_b .name:first-letter {color: #33cc33;} 
#block_b .text {margin: 0; width: 29vw; display: inline-block;}
#block_b .text strong {font-family: 'bold', sans-serif; font-size: 125%;}
#block_b .text .btn {margin: 2.5vw 0 0 0;}
#block_b .text .btn a {display: inline-block; color: #2f1807; background: transparent; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 1.5vw 0.6vw 1.5vw; font-family: 'medium', sans-serif;}
#block_b .text .btn a:hover {color: #fff; background: #33cc33; border: 0.1vw solid #33cc33;}


#block_c {width: 90vw; padding: 10vw 0 7.5vw 9vw; overflow: hidden; background: #f2f3f7;}
#block_c .b_c {float: left; width: 17.5vw; margin: 0 0 0 7vw;}
#block_c .b_c:first-child {float: left; width: 17.5vw; margin: 0 0 0 10vw;}
#block_c .b_c .name {margin: 0 0 2.5vw 0; font-size: 500%; font-family: 'black', sans-serif; color: #33cc33;}
#block_c .b_c:nth-child(2) .name { margin: -2.2vw 0 1.2vw 0; font-size: 250%; font-family: 'black', sans-serif; line-height: 100%;}
#block_c .b_c .text {margin: 0;}

#block_d {width: 90vw; padding: 0vw 0 0 9vw; overflow: hidden;}
#block_d .b_d {float: left; margin: 0; width: 45vw;}
#block_d .b_d:hover {background: #584334;}
#block_d .b_d:hover .name {color: #fff;}
#block_d .b_d .name {margin: 5vw 0 0vw 2vw; font-size: 150%; font-family: 'medium', sans-serif; color: #33cc33; display: inline-block; line-height: 125%;}
#block_d .b_d img {width: 22.5vw; margin: 0; float: left;}
#block_d .b_d:nth-child(3) img, #block_d .b_d:nth-child(4) img {width: 22.5vw; margin: 0; float: right;}
#block_d .b_d:nth-child(3) .name, #block_d .b_d:nth-child(4) .name {margin: 5vw 2vw 0 0; float: right; text-align: right;}


#block_e .name {margin: 0vw 0 3vw 0; font-size: 300%; font-family: 'black', sans-serif; color: #2f1807;}
#block_e {width: 70vw; padding: 10vw 0 7.5vw 19vw; overflow: hidden;}
#block_e .name:first-letter {color: #33cc33;} 
#block_e .text {margin: 0 0 2vw 0; width: 29vw; display: inline-block;}
#block_e ul {width: 100%; overflow: hidden;}
#block_e ul li {float: left; margin: 0 1vw 1vw 0;}
#block_e ul li a {display: inline-block; color: #2f1807; background: transparent; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 1.5vw 0.6vw 1.5vw; font-family: 'medium', sans-serif;}
#block_e ul li a:hover {color: #fff; background: #33cc33; border: 0.1vw solid #33cc33;}


#block_n {width: 70vw; overflow: hidden; margin: 0vw 0 10vw 19vw; padding: 8vw 0 0 0; border-top: solid 0.1vw #f2f3f7;} 
#block_n .name {margin: 0vw 0 3vw 0; font-size: 300%; font-family: 'black', sans-serif; color: #2f1807;}
#block_n .name:first-letter {color: #33cc33;} 
.latestnewsnews li {float: left; width: 18vw; margin: 0 7.5vw 0 0;}
.latestnewsnews li:last-child {margin: 0;}
#block_n .news_title {margin: 0 0 1vw 0; line-height: 140%;}
#block_n .news_title a {color: #33cc33; font-family: 'bold', sans-serif; margin: 0 0 1vw 0;}
#block_n .news_text {color: #2f1807;}
#block_n .news_date {color: #90a0b7; font-size: 75%; margin: 0 0 0.5vw 0;}
#block_n .news_link {margin: 1.5vw 0 0 0;}
#block_n .news_link a {display: inline-block; color: #fff; text-decoration: none; padding: 0.75vw 1.5vw !important; background: #1a354f; font-size: 100% !important;}
#block_n .news_link a:hover {color: #fff; text-decoration: none; background: #456078;}


.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: #33cc33; 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: #33cc33;}


.portfolio .name {margin: 3vw 0 0.5vw 0; font-size: 200%; font-family: 'bold', sans-serif;}
.portfolio .img {margin: 1vw 0 0 0; overflow: hidden;}
.portfolio .img ul.sigFreeClassic {margin: 0 !important; padding: 0 !important; overflow: hidden;}
.portfolio .img ul.sigFreeClassic li.sigFreeThumb {margin: 0 !important; padding: 0 !important;}
.portfolio .img ul.sigFreeClassic li.sigFreeThumb a {width: 8vw !important; height: 8vw !important; margin: 0 0.5vw 0.5vw 0} 
.portfolio .img ul.sigFreeClassic li.sigFreeThumb a img {width: 8vw !important; height: 8vw !important;} 


.otdelka .img {width: 90vw; margin: 3vw 0 3vw -10vw; overflow: hidden;}
.otdelka .img img {width: 100%;}
.otdelka ul {padding: 3vw; overflow: hidden;}
.otdelka ul li {float: left; width: auto; margin: 0 2vw 2vw 0; padding: 0 3vw 1.5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.otdelka ul li span {position: absolute; display: block; color: #33cc33; margin: 1.5vw 0 0 -2vw; font-family: 'bold', sans-serif;}

.otdelka .tabl {width: 100%; overflow: hidden; margin: 2vw 0 0 0;}
.otdelka .tabl .line {width: 70vw; overflow: hidden;}
.otdelka .tabl .line:hover {background: #f2f3f7;}

.otdelka .tabl .line .cel {float: left; width: 15.4vw; padding: 0.5vw 1vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.otdelka .tabl .line .cel:last-child {border-right: none;} 

.otdelka .tabl .line:first-child .cel {padding: 1vw; background: #f2f3f7; font-family: 'medium', sans-serif;}  
.otdelka .tabl .line:first-child .cel:nth-child(1), .otdelka .tabl .line:first-child .cel:nth-child(2) {width: 6.69vw;}  
.otdelka .tabl .line:first-child .cel:nth-child(1):after {content: '▼'; position: absolute; margin: 0.1vw 0 0 1vw;}  
.otdelka .tabl .line:first-child .cel:nth-child(2):after {content: '▶'; position: absolute; margin: 0.1vw 0 0 1vw;}  

.otdelka .jwts_tabberlive {margin: 4vw 0 2vw 0;}
.otdelka ul.jwts_tabbernav {margin: 0 !important;}
.otdelka ul.jwts_tabbernav li {margin: 0 1vw 0 0 !important; box-shadow: none;}
.otdelka ul.jwts_tabbernav li a {display: inline-block; color: #2f1807; background: transparent; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 1.5vw 0.6vw 1.5vw; font-family: 'medium', sans-serif;}
.otdelka ul.jwts_tabbernav li.jwts_tabberactive a {display: inline-block; color: #fff; background: #33cc33; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 1.5vw 0.6vw 1.5vw; font-family: 'medium', sans-serif;}
.otdelka ul.jwts_tabbernav li a:hover {color: #fff; background: #33cc33; border: 0.1vw solid #33cc33;}
.otdelka .jwts_tabberlive .jwts_tabbertab {text-align: left; margin: 1vw 0 0 0 !important; padding: 0; border: none; border-radius: none; background: #fff;}

.otdelka .tabl2 {width: 100%; overflow: hidden; margin: 2vw 0 0 0;}
.otdelka .tabl2 .line {width: 70vw; overflow: hidden;}
.otdelka .tabl2 .line:hover {background: #f2f3f7;}

.otdelka .tabl2 .line .cel {float: left; width: 10vw; padding: 0.5vw 1vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.otdelka .tabl2 .line .cel:last-child {border-right: none;} 
.otdelka .tabl2 .line:first-child .cel {padding: 1vw; background: #f2f3f7; font-family: 'medium', sans-serif;}  
.otdelka .tabl2 .line .cel:nth-child(1) {width: 55.85vw;} 
.otdelka .tabl2 .line .cel:nth-child(2) {width: 2vw;} 
.otdelka .tabl2 .line .cel:nth-child(3) {width: 6vw;} 




.electra .img {width: 90vw; margin: 3vw 0 3vw -10vw; overflow: hidden;}
.electra .img img {width: 100%;}
.electra ul {padding: 3vw; overflow: hidden;}
.electra ul li {float: left; width: auto; margin: 0 2vw 2vw 0; padding: 0 3vw 1.5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.electra ul li span {position: absolute; display: block; color: #33cc33; margin: 1.5vw 0 0 -2vw; font-family: 'bold', sans-serif;}


.electra .tabl {width: 100%; overflow: hidden; margin: 2vw 0 0 0;}
.electra .tabl .line {width: 70vw; overflow: hidden;}
.electra .tabl .line:hover {background: #f2f3f7;}

.electra .tabl .line .cel {float: left; width: 10vw; padding: 0.5vw 1vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.electra .tabl .line .cel:last-child {border-right: none;} 
.electra .tabl .line:first-child .cel {padding: 1vw; background: #f2f3f7; font-family: 'medium', sans-serif;}  
.electra .tabl .line .cel:nth-child(1) {width: 55.85vw;} 
.electra .tabl .line .cel:nth-child(2) {width: 6vw;} 
.electra .tabl .line .cel:nth-child(3) {width: 2vw;} 

.electra .jwts_tabberlive {margin: 4vw 0 2vw 0;}
.electra ul.jwts_tabbernav {margin: 0 !important;}
.electra ul.jwts_tabbernav li {margin: 0 1vw 1vw 0 !important; box-shadow: none;}
.electra ul.jwts_tabbernav li a {display: inline-block; color: #2f1807; background: transparent; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 1.5vw 0.6vw 1.5vw; font-family: 'medium', sans-serif;}
.electra ul.jwts_tabbernav li.jwts_tabberactive a {display: inline-block; color: #fff; background: #33cc33; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 1.5vw 0.6vw 1.5vw; font-family: 'medium', sans-serif;}
.electra ul.jwts_tabbernav li a:hover {color: #fff; background: #33cc33; border: 0.1vw solid #33cc33;}
.electra .jwts_tabberlive .jwts_tabbertab {text-align: left; margin: 1vw 0 0 0 !important; padding: 0; border: none; border-radius: none; background: #fff;}

.electra .tabl2 {width: 100%; overflow: hidden; margin: 2vw 0 0 0;}
.electra .tabl2 .line {width: 70vw; overflow: hidden;}
.electra .tabl2 .line:hover {background: #f2f3f7;}

.electra .tabl2 .line .cel {float: left; width: 10vw; padding: 0.5vw 1vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.electra .tabl2 .line .cel:last-child {border-right: none;} 
.electra .tabl2 .line:first-child .cel {padding: 1vw; background: #f2f3f7; font-family: 'medium', sans-serif;}  
.electra .tabl2 .line .cel:nth-child(1) {width: 55.85vw;} 
.electra .tabl2 .line .cel:nth-child(2) {width: 2vw;} 
.electra .tabl2 .line .cel:nth-child(3) {width: 6vw;} 
.electra .tabl2 .line .celall {width: 68vw; padding: 0.5vw 1vw; font-family: 'medium', sans-serif; color: #33cc33;} 




.san .img {width: 90vw; margin: 3vw 0 3vw -10vw; overflow: hidden;}
.san .img img {width: 100%;}
.san ul {padding: 3vw; overflow: hidden;}
.san ul li {float: left; width: auto; margin: 0 2vw 2vw 0; padding: 0 3vw 1.5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.san ul li span {position: absolute; display: block; color: #33cc33; margin: 1.5vw 0 0 -2vw; font-family: 'bold', sans-serif;}

.san .tabl {width: 100%; overflow: hidden; margin: 3vw 0;}
.san .tabl .line {width: 70vw; overflow: hidden;}
.san .tabl .line:hover {background: #f2f3f7;}

.san .tabl .line .cel {float: left; width: 10vw; padding: 0.5vw 1vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.san .tabl .line .cel:last-child {border-right: none;} 
.san .tabl .line:first-child .cel {padding: 1vw; background: #f2f3f7; font-family: 'medium', sans-serif;}  
.san .tabl .line .cel:nth-child(1) {width: 55.85vw;} 
.san .tabl .line .cel:nth-child(2) {width: 2vw;} 
.san .tabl .line .cel:nth-child(3) {width: 6vw;} 





.otop .img {width: 90vw; margin: 3vw 0 3vw -10vw; overflow: hidden;}
.otop .img img {width: 100%;}
.otop ul {padding: 3vw; overflow: hidden;}
.otop ul li {float: left; width: auto; margin: 0 2vw 2vw 0; padding: 0 3vw 1.5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.otop ul li span {position: absolute; display: block; color: #33cc33; margin: 1.5vw 0 0 -2vw; font-family: 'bold', sans-serif;}

.otop .tabl {width: 100%; overflow: hidden; margin: 3vw 0;}
.otop .tabl .line {width: 70vw; overflow: hidden;}
.otop .tabl .line:hover {background: #f2f3f7;}

.otop .tabl .line .cel {float: left; width: 10vw; padding: 0.5vw 1vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.otop .tabl .line .cel:last-child {border-right: none;} 
.otop .tabl .line:first-child .cel {padding: 1vw; background: #f2f3f7; font-family: 'medium', sans-serif;}  
.otop .tabl .line .cel:nth-child(1) {width: 55.85vw;} 
.otop .tabl .line .cel:nth-child(3) {width: 12vw;} 

.otop ul {padding: 3vw; overflow: hidden;}
.otop ul li {float: left; width: auto; margin: 0 2vw 2vw 0; padding: 1.5vw 3vw 1.5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.otop ul li span {position: absolute; display: block; color: #33cc33; margin: 0vw 0 0 -2vw; font-family: 'bold', sans-serif;}
.otop .name {margin: 3vw 0; font-size: 150%; font-family: 'black', sans-serif; color: #2f1807;}



.key .img {width: 90vw; margin: 3vw 0 3vw -10vw; overflow: hidden;}
.key .img img {width: 100%;}
.key ul {padding: 3vw; overflow: hidden;}
.key ul li {width: auto; margin: 0 0 2vw 0; padding: 1.5vw 3vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.key ul li span {color: #33cc33; margin: 0vw 0 1vw 0vw; font-family: 'bold', sans-serif; display: inline-block;}
.key .name {margin: 3vw 0; font-size: 150%; font-family: 'black', sans-serif; color: #2f1807;}

.key ul.list2 {padding: 1vw 3vw; overflow: hidden;}
.key ul.list2 li {float: left; width: auto; margin: 0 1vw 1vw 0; padding: 1vw 2vw; box-shadow: 0 1vw 2vw #d1d9e6;}













/* Главное меню сайта */
ul.nav.menu {padding: 0; margin: 0;}
/* список меню, ссылки, сепараторы */
ul.nav.menu li {margin: 0 0 2vw 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: 300%; cursor: pointer; font-family: 'black', sans-serif;}
.head.small ul.nav.menu li a, .head.small ul.nav.menu li .separator, .head.small ul.nav.menu li span {color: #33cc33;}
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:#33cc33; 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.25vw 0; list-style: none; display: inlne-block; float: none; position: relative; z-index: 2;}
.uslugi ul.nav.menu li a {color: #a5a5a5; text-decoration: none; display: inline-block; margin: 0; padding: 0; font-size: 90%; cursor: pointer; font-family: 'regular', sans-serif;}
.uslugi ul.nav.menu li a:hover {color:#33cc33;}
.uslugi ul.nav.menu .current a {color:#33cc33; margin: 0; font-family: 'medium', sans-serif;}







.slider {position: relative; margin: 0 0 0 9vw; width: 91vw; height: 51vw;}
.slider .fon {position: absolute; width: 31vw; height: 51vw; margin: 0; background: #111319; opacity: .75; filter: alpha(opacity=75); z-index: 1;}

.newsflash.flexslider {position: relative; padding: 0; margin: 0; width: 91vw; height: 51vw; z-index: 1;}
.newsflash.flexslider .title {margin: 0;}
.newsflash.flexslider .flex-viewport {position: relative;}
/* кнопка подробнее */
.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: 45vw; left: 9vw;}
.flex-nav-next {position: absolute; top: 45vw; left: 28vw;}
.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: 7vw; height: 2vw; 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: #33cc33;}
.flex-control-paging li a.flex-active {background: #fff; border: 0.15vw solid #33cc33; 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: 51vw;}
.slider_mob {display: none;}

.newsflash.flexslider .inf {position: relative; z-index: 10; margin: 21vw 0 0 10vw; width: 60vw;}
.newsflash.flexslider h3 {font-size: 600%; line-height: 80%; font-family: 'bold', sans-serif;}
.newsflash.flexslider h3:first-letter {color: #33cc33;}

.newsflash.flexslider a {text-decoration: none; color: #fff;}
.newsflash.flexslider .text .text {margin: 2vw 0 0 0; width: 35vw; color: #fff; display: inline-block; line-height: 150%; font-size: 125%;} 
.flex-pauseplay {display: none;}

/* счетчик */
.sl_list {counter-reset: sl_num; }
.sl_list .sl_num {counter-increment: sl_num; margin: 0;}
.sl_list::after {display: block; content: "/ " counter(sl_num); position: fixed; margin: 45.75vw 0 0 79.75vw; color: #fff; font-size: 175%; z-index: 5;}

.sl_lists {counter-reset: sl_nums;}
.sl_lists .sl_nums {display: block;}
.sl_lists .sl_nums:after {content: counters(sl_nums, "."); counter-increment: sl_nums;  position: absolute; margin: -6vw 0 0 78vw; color: #fff; font-size: 300%; z-index: 5;}

.numd {display: block; content: "/ " counter(sl_num); position: fixed; margin: 45.75vw 0 0 79.75vw; color: #fff; font-size: 175%; z-index: 5;}







/* параметры материала */
.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: #33cc33; 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  #footer {padding: 10vw 13vw; overflow: hidden;}
#sbox-content  #footer h2 {font-size: 200%; color: #000; margin: 0 0 1.5vw 0;}
#sbox-content  #footer .text {width: 25vw; margin: 0 0 2vw 0;}
#sbox-content  #footer .rsform-block-namename {position: relative; margin: 0; font-size: 75%;}
#sbox-content  #footer .rsform-block-name {position: relative; margin: 0 0 1.25vw 0; font-size: 100%;}
#sbox-content  #footer .rsform-block-name input {position: relative; padding: 0.75vw 1vw; border: 0.05vw solid #c5c5c5; border-radius: 0.25vw; width: 23vw;}
#sbox-content  #footer .rsform-block-telname {position: relative; margin: 0; font-size: 75%;}
#sbox-content  #footer .rsform-block-tel {position: relative; margin: 0 0 1.25vw 0; font-size: 100%;}
#sbox-content  #footer .rsform-block-tel input {position: relative; padding: 0.75vw 1vw; border: 0.05vw solid #c5c5c5; border-radius: 0.25vw; width: 23vw;}
#sbox-content  #footer .rsform-block-infoname {position: relative; margin: 0; font-size: 75%;}
#sbox-content  #footer .rsform-block-info {position: relative; margin: 0 0 1.25vw 0; font-size: 100%;}
#sbox-content  #footer .rsform-block-info textarea {position: relative; padding: 0.75vw 1vw; border: 0.05vw solid #fc5c5c5; border-radius: 0.25vw; width: 23vw; height: 7.5vw;}

#sbox-content  #footer .rsform-block-submit {position: relative; margin: 1.5vw 0 0 0vw;}
#sbox-content  #footer .rsform-block-submit button {color: #000; background: transparent; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.75vw 1.5vw; font-family: 'bold', sans-serif; display: block;}
#sbox-content  #footer .rsform-block-submit button:hover {color: #fff; background: #33cc33; border: 0.1vw solid #33cc33; cursor: pointer;}






/* footer */

footer {position: relative; width: 100%; height: 50vw; padding: 0; background: #2f1807;  z-index: 1; color: #fff;}
footer a {position: relative; color: #fff; text-decoration: none;}
footer a:hover {color: #ff2f18070;}

footer h3 {font-size: 200%; font-family: 'regular', sans-serif; color: #fff;}
footer h3:first-letter {color: #33cc33;}


footer .moduletablefirst {float: left; margin: 10vw 5vw 0 19vw; padding: 0 5vw 0 0; width: 23vw;}
footer .moduletablefirst .text {margin: 2vw 0 0 0;}
footer .customadress {margin: 2vw 0;}
footer .moduletablefooter {position: absolute; width: 25vw; margin: 21vw 0vw 0 19vw; padding: 0;}
footer .moduletableright {float: right; width: 23vw; margin: 4.6vw 5vw 0 0; padding: 0 0 0 3vw; border-left: 0.05vw solid #040440;}
footer .copy {position: absolute; margin: 0; right: 8.5vw; top: 10vw; line-height: 150%; text-align: right;}

footer .nav.menu {position: relative; padding: 8.5vw 0 0 0;}
footer ul.nav.menu li {float: none; margin: 0 0 1vw 0;}
footer ul.nav.menu li a {color: #fff;}

footer .made {position: absolute; right: 8.5vw; bottom: 3vw; font-size: 75%;}



/* настройка галереи */
.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;}





#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 {display: none; 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;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------- конец стилей для desctop-версии */}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------- стили для mobile-версии */
@media (min-width: 101px) and (max-width: 800px) {

/* теги html body и основная сетка */
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #2f1807; font-family: 'regular', sans-serif; font-size: 4vw; 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: 90vw; margin: 0; padding: 30vw 5vw 10vw 5vw; min-height: 100vh; overflow: hidden;}  

.senks #content {padding: 20vw 0 0 15vw;}


/* заголовки */
h1 {font-size: 200%; font-family: 'black', sans-serif; color: #2f1807; line-height: 125%; margin: 0 0 5vw 0;}
h1:first-letter {color: #33cc33;} 
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: #40B3F4; text-decoration: none;}
a:hover {color: #33cc33; text-decoration: none;}

/* блок header */
header.head {position: fixed; width: 100vw; height: 16vw; z-index: 999; background: #584334;}
.home header.head {position: fixed; width: 100vw; height: 16vw; z-index: 999; background: transparent;}
header.head.small {background: #584334;}

header.head .logo {position: absolute; width: 25vw; height: auto; margin: 5vw 0vw 0vw 5vw; padding: 0;}
header.head .logo svg {width: 100%; height: auto;}
header.head .logo svg .logos {fill:#fff;}
header.head .logo svg:hover .logos, .home header.head.small .logo svg:hover .logos {fill:#33cc33;}

header.head .tel {position: absolute; margin: 5vw 0 0 55vw;}
header.head .tel a {color: #fff; font-family: 'medium', sans-serif; display: inline-block; font-size: 75%;}
header.head .tel a:hover {color: #33cc33;}

header.head .online {display: none;}

/* социальные ссылки */
#social {display: none;}



/* блок выпадающего меню */
#pushwin {position: fixed; top: 6vw; right: 5vw; display: block; z-index: 9999;  -webkit-user-select: none; user-select: none;} 
#pushwin input:checked ~ div {transform: none;}
/* сэндвич */
#pushwin input {display: block; width: 6vw; height: 9vw; position: absolute; top: -1.95vw; left: -0.75vw; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;}
#pushwin span {display: block; width: 6vw; height: 0.4vw; margin-bottom: 1.1vw; position: relative; background: #fff; 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;}
#pushwin span:nth-last-child(4) {transform-origin: 0% 100%; width: 3vw; margin-left: 3vw;}
#pushwin span:nth-last-child(2) {transform-origin: 0% 100%; width: 3vw;}
/* наведенный сэндвич */
#pushwin input:hover ~ span {background: #fff;}
#pushwin input:hover + span {width: 6vw; -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:hover ~ span:nth-last-child(4) {width: 6vw; margin-left: 0;}
#pushwin input:hover ~ span:nth-last-child(2) {width: 4.5vw;}
/* закрывашка */
#pushwin input:checked ~ span {opacity: 1; transform: rotate(45deg) translate(0.45vw, -0.05vw); width: 6vw; background: #2f1807;}
#pushwin input:checked ~ span:nth-last-child(3) {opacity: 0; transform: rotate(0deg) scale(0.6, 0.6);}
#pushwin input:checked ~ span:nth-last-child(2) {transform: rotate(-45deg) translate(-0.8vw, 1.6vw);}
#pushwin input:checked ~ span:nth-last-child(4) {margin-left: 0;}
/* наведенная закрывашка */
#pushwin input:checked:hover ~ span {width: 6vw;}

/* тело выпадающего блока */
#pushwin_body {position: absolute; width: 100vw; height: 100vh; top: -6vw; left: -89vw; margin: 0; padding: 0; background: #fff; transform: translate(-110vw, 0);}  
#pushwin_body .line {display: none;}
#pushwin_body .line2 {display: none;}
#pushwin_body nav {margin: 20vw 0 0vw 10vw; display: block; width: 80vw;}
#pushwin_body nav.uslugi {margin: 5vw 0 0 10vw; display: inline-block;}
#pushwin_body .about {display: none;}

#pushwin_body .logo {position: absolute; width: 30vw; height: auto; margin: 5vw 0vw 0vw 10vw; padding: 0;}
#pushwin_body .logo svg {width: 100%; height: auto;}
#pushwin_body .logo svg .logos {fill:#33cc33;}
#pushwin_body .logo svg:hover .logos {fill:#000;}

#pushwin_body .tel {position: absolute; margin: 38vw 0 0 70.75vw;}
#pushwin_body .tel a {color: #000; font-family: 'bold', sans-serif; display: block; width: 10vw;}
#pushwin_body .tel a:hover {color: #33cc33;}

#pushwin_body .online {position: absolute; margin: 41vw 0 0 70.75vw;}
#pushwin_body .online a {width: 12.5vw; text-align: center; color: #2f1807; background: transparent; border: 0.1vw solid #33cc33; border-radius: 3vw; padding: 0.5vw 0; font-family: 'bold', sans-serif; display: block;}
#pushwin_body .online a:hover {color: #fff; background: #33cc33; border: 0.1vw solid #33cc33;}





#block_a {width: 100%; margin: 0;}
#block_a img {width: 90vw; margin: 20vw 0 20vw 5vw;}

#block_b {width: 100vw; margin: 0; overflow: hidden;}
#block_b img {position: absolute; z-index: 1; width: 100vw; margin: 0;}
#block_b .name {position: relative; z-index: 2; margin: 20vw 0 5vw 5vw; font-size: 200%; font-family: 'black', sans-serif; color: #fff;}
#block_b .text {position: relative; z-index: 2; margin: 0 0 0 5vw; width: 90vw; display: inline-block;}
#block_b .text strong {font-family: 'bold', sans-serif; font-size: 125%; color: #fff; display: inline-block; margin: 0 0 45vw 0;}
#block_b .text .btn {margin: 5vw 0 20vw 0;}
#block_b .text .btn a {display: inline-block; color: #2f1807; background: transparent; border: 0.5vw solid #33cc33; border-radius: 10vw; padding: 2.5vw 5vw 2.5vw 5vw; font-family: 'medium', sans-serif; font-size: 75%;}
#block_b .text .btn a:hover {color: #fff; background: #33cc33; border: 0.5vw solid #33cc33;}


#block_c {width: 100vw; padding: 20vw 0 20vw 0; overflow: hidden; background: #f2f3f7;}
#block_c .b_c {float: left; width: 70vw; margin: 0 0 10vw 5vw;}
#block_c .b_c .name {margin: 0 0 2.5vw 0; font-size: 500%; font-family: 'black', sans-serif; color: #33cc33; line-height: 90%;}
#block_c .b_c .text {margin: 0;}

#block_d {width: 100vw; padding: 0; overflow: hidden;}
#block_d .b_d {margin: 0; width: 100vw; height: 50vw;}
#block_d .b_d:hover {background: #584334;}
#block_d .b_d:hover .name {color: #fff;}
#block_d .b_d .name {margin: 5vw 0 0vw -10vw; font-size: 125%; font-family: 'medium', sans-serif; color: #33cc33; display: inline-block; line-height: 125%;}
#block_d .b_d img {width: 50vw; margin: 0; float: left;}
#block_d .b_d:nth-child(2) img, #block_d .b_d:nth-child(4) img {width: 50vw; margin: 0; float: right;}
#block_d .b_d:nth-child(2) .name, #block_d .b_d:nth-child(4) .name {margin: 5vw 5vw 0 0; float: right; text-align: right;}


#block_e .name {margin: 0vw 0 5vw 0; font-size: 200%; font-family: 'black', sans-serif; color: #2f1807; line-height: 110%;}
#block_e {width: 90vw; padding: 20vw 0 20vw 5vw; overflow: hidden;}
#block_e .name:first-letter {color: #33cc33;} 
#block_e .text {margin: 0 0 5vw 0vw; width: 90vw; display: inline-block;}
#block_e ul {width: 100%; overflow: hidden;}
#block_e ul li {float: left; margin: 0 1vw 2vw 0;}
#block_e ul li a {display: inline-block; color: #2f1807; background: transparent; border: 0.5vw solid #33cc33; border-radius: 10vw; padding: 1.5vw 2.5vw 1.6vw 2.5vw; font-family: 'medium', sans-serif; font-size: 70%;}
#block_e ul li a:hover {color: #fff; background: #33cc33; border: 0.5vw solid #33cc33;}


#block_n {width: 90vw; overflow: hidden; margin: 0vw 0 20vw 5vw; padding: 10vw 0 0 0; border-top: solid 0.5vw #f2f3f7;} 
#block_n .name {margin: 0vw 0 5vw 0; font-size: 200%; font-family: 'black', sans-serif; color: #2f1807; line-height: 110%;}
#block_n .name:first-letter {color: #33cc33;} 
.latestnewsnews li {width: 90vw; margin: 0 0 10vw 0;}
.latestnewsnews li:last-child {margin: 0;}
#block_n .news_title {margin: 0 0 5vw 0; line-height: 140%;}
#block_n .news_title a {color: #33cc33; font-family: 'bold', sans-serif; margin: 0 0 1vw 0;}
#block_n .news_text {color: #2f1807;}
#block_n .news_date {color: #90a0b7; font-size: 75%; margin: 0 0 0.5vw 0;}
#block_n .news_link {margin: 1.5vw 0 0 0;}
#block_n .news_link a {display: inline-block; color: #fff; text-decoration: none; padding: 0.75vw 1.5vw !important; background: #1a354f; font-size: 100% !important;}
#block_n .news_link a:hover {color: #fff; text-decoration: none; background: #456078;}


.about ul {width: 100%; overflow: hidden;}
.about ul li {width: 84vw; margin: 0 0 5vw 6vw;}
.about ul li:before {position: absolute; width: 3vw; height: 0.5vw; margin: 2.5vw 0 0 -6vw; content: ''; background: #584334;}
.about .name {margin: 7.5vw 0; font-size: 125%; font-family: 'medium', sans-serif; color: #33cc33; display: inline-block; line-height: 125%;}


.contact .text {margin: 0 0 5vw 0;}
.contact .tel {margin: 0 0 2vw 0;}
.contact .mail {margin: 0 0 10vw 0;}
.contact .form {display: none;}
.contact .yamap {width: 100vw; height: 100vw; margin: 0 0 0 -5vw;}

[class^='leading-'] {width: 90vw; margin: 0 0 10vw 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: #33cc33;}


.portfolio .name {margin: 5vw 0 2vw 0; font-size: 125%; font-family: 'bold', sans-serif;}
.portfolio .img {margin: 1vw 0 0 0; overflow: hidden;}
.portfolio .img ul.sigFreeClassic {margin: 0 !important; padding: 0 !important; overflow: hidden;}
.portfolio .img ul.sigFreeClassic li.sigFreeThumb {margin: 0 !important; padding: 0 !important;}
.portfolio .img ul.sigFreeClassic li.sigFreeThumb a {width: 15vw !important; height: 15vw !important; margin: 0 0.5vw 0.5vw 0} 
.portfolio .img ul.sigFreeClassic li.sigFreeThumb a img {width: 15vw !important; height: 15vw !important;} 


.otdelka .img {width: 100vw; margin: 10vw 0 10vw -5vw; overflow: hidden;}
.otdelka .img img {width: 100%;}
.otdelka ul {padding: 10vw 5vw; overflow: hidden;}
.otdelka ul li {float: left; width: 70vw; margin: 0 0 5vw 0; padding: 1vw 5vw 5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6; font-size: 75%; line-height: 150%;}
.otdelka ul li span {position: absolute; display: block; color: #33cc33; margin: 1vw 0 0 -3vw; font-family: 'bold', sans-serif;}

.otdelka .tabl {width: 100%; overflow: hidden; margin: 5vw 0 0 0;}
.otdelka .tabl .line {width: 90vw; overflow: hidden; font-size: 75%; line-height: 125%;}
.otdelka .tabl .line:hover {background: #f2f3f7;}

.otdelka .tabl .line .cel {float: left; width: 20vw; padding: 2vw 4.9vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.otdelka .tabl .line .cel:first-child {width: 80vw;} 
.otdelka .tabl .line .cel:first-child, .otdelka .tabl .line .cel:last-child {border-right: none;} 

.otdelka .tabl .line:first-child .cel {background: #f2f3f7; font-family: 'medium', sans-serif;}  
.otdelka .tabl .line:first-child .cel:nth-child(1), .otdelka .tabl .line:first-child .cel:nth-child(2) {display: none;}  

.otdelka .jwts_tabberlive {margin: 10vw 0 5vw 0;}
.otdelka ul.jwts_tabbernav {margin: 0 !important;}
.otdelka ul.jwts_tabbernav li {margin: 0 1vw 2vw 0 !important; box-shadow: none; width: auto;}
.otdelka ul.jwts_tabbernav li a {display: inline-block; color: #2f1807; background: transparent; border: 0.5vw solid #33cc33; border-radius: 10vw; padding: 1.5vw 2.5vw 1.5vw 2.5vw; font-family: 'medium', sans-serif; font-size: 90%;}
.otdelka ul.jwts_tabbernav li.jwts_tabberactive a {display: inline-block; color: #fff; background: #33cc33; border: 0.5vw solid #33cc33; border-radius: 10vw; padding: 1.5vw 2.5vw 1.5vw 2.5vw; font-family: 'medium', sans-serif;}
.otdelka ul.jwts_tabbernav li a:hover {color: #fff; background: #33cc33; border: 0.5vw solid #33cc33;}
.otdelka .jwts_tabberlive .jwts_tabbertab {text-align: left; margin: 5vw 0 0 0 !important; padding: 0; border: none; border-radius: none; background: #fff;}

.otdelka .tabl2 {width: 100%; overflow: hidden; margin: 2vw 0 0 0;}
.otdelka .tabl2 .line {width: 90vw; overflow: hidden; font-size: 75%;}
.otdelka .tabl2 .line:hover {background: #f2f3f7;}

.otdelka .tabl2 .line .cel {float: left; width: 10vw; padding: 0.5vw 1vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.otdelka .tabl2 .line .cel:last-child {border-right: none;} 
.otdelka .tabl2 .line:first-child .cel {padding: 1vw; background: #f2f3f7; font-family: 'medium', sans-serif;}  
.otdelka .tabl2 .line .cel:nth-child(1) {width: 50.85vw;} 
.otdelka .tabl2 .line .cel:nth-child(2) {width: 10vw;} 
.otdelka .tabl2 .line .cel:nth-child(3) {width: 20vw;} 




.electra .img {width: 100vw; margin: 10vw 0 10vw -5vw; overflow: hidden;}
.electra .img img {width: 100%;}
.electra ul {padding: 10vw 5vw; overflow: hidden;}
.electra ul li {float: left; width: 70vw; margin: 0 0 5vw 0; padding: 1vw 5vw 5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6; font-size: 75%; line-height: 150%;}
.electra ul li span {position: absolute; display: block; color: #33cc33; margin: 1vw 0 0 -3vw; font-family: 'bold', sans-serif;}




.electra .tabl {width: 100%; overflow: hidden; margin: 0;}
.electra .tabl .line {width: 90vw; overflow: hidden; font-size: 75%; line-height: 125%;}
.electra .tabl .line:hover {background: #f2f3f7;}

.electra .tabl .line .cel {float: left; width: 35vw; padding: 2vw 4.9vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.electra .tabl .line .cel:first-child {width: 80vw;} 
.electra .tabl .line .cel:first-child, .otdelka .tabl .line .cel:last-child {border-right: none;} 

.electra .tabl .line:first-child .cel {background: #f2f3f7; font-family: 'medium', sans-serif;}  
.electra .tabl .line:first-child .cel:nth-child(1), .otdelka .tabl .line:first-child .cel:nth-child(2) {display: none;}  



.electra .jwts_tabberlive {margin: 10vw 0 5vw 0;}
.electra ul.jwts_tabbernav {margin: 0 !important;}
.electra ul.jwts_tabbernav li {margin: 0 1vw 2vw 0 !important; box-shadow: none; width: auto;}
.electra ul.jwts_tabbernav li a {display: inline-block; color: #2f1807; background: transparent; border: 0.5vw solid #33cc33; border-radius: 10vw; padding: 1.5vw 2.5vw 1.5vw 2.5vw; font-family: 'medium', sans-serif; font-size: 90%;}
.electra ul.jwts_tabbernav li.jwts_tabberactive a {display: inline-block; color: #fff; background: #33cc33; border: 0.5vw solid #33cc33; border-radius: 10vw; padding: 1.5vw 2.5vw 1.5vw 2.5vw; font-family: 'medium', sans-serif;}
.electra ul.jwts_tabbernav li a:hover {color: #fff; background: #33cc33; border: 0.5vw solid #33cc33;}
.electra .jwts_tabberlive .jwts_tabbertab {text-align: left; margin: 5vw 0 0 0 !important; padding: 0; border: none; border-radius: none; background: #fff;}

.electra .tabl2 {width: 100%; overflow: hidden; margin: 2vw 0 0 0;}
.electra .tabl2 .line {width: 90vw; overflow: hidden; font-size: 75%;}
.electra .tabl2 .line:hover {background: #f2f3f7;}

.electra .tabl2 .line .cel {float: left; width: 10vw; padding: 0.5vw 1vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.electra .tabl2 .line .cel:last-child {border-right: none;} 
.electra .tabl2 .line:first-child .cel {padding: 1vw; background: #f2f3f7; font-family: 'medium', sans-serif;}  
.electra .tabl2 .line .cel:nth-child(1) {width: 50.85vw;} 
.electra .tabl2 .line .cel:nth-child(2) {width: 10vw;} 
.electra .tabl2 .line .cel:nth-child(3) {width: 20vw;} 




.san .img {width: 100vw; margin: 10vw 0 10vw -5vw; overflow: hidden;}
.san .img img {width: 100%;}
.san ul {padding: 3vw; overflow: hidden;}
.san ul li {float: left; width: auto; margin: 0 2vw 2vw 0; padding: 0 3vw 1.5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.san ul li span {position: absolute; display: block; color: #33cc33; margin: 1.5vw 0 0 -2vw; font-family: 'bold', sans-serif;}


.san .tabl {width: 100%; overflow: hidden; margin: 0;}
.san .tabl .line {width: 90vw; overflow: hidden; font-size: 75%; line-height: 125%;}
.san .tabl .line:hover {background: #f2f3f7;}

.san .tabl .line .cel {float: left; width: 35vw; padding: 2vw 4.9vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5;} 
.san .tabl .line .cel:first-child {width: 80vw;} 
.san .tabl .line .cel:last-child {border-right: none;} 

.san .tabl .line:first-child .cel {background: #f2f3f7; font-family: 'medium', sans-serif;}  
.san .tabl .line:first-child .cel:nth-child(1), .san .tabl .line:first-child .cel:nth-child(2) {display: none;}  




.otop .img {width: 100vw; margin: 10vw 0 10vw -5vw; overflow: hidden;}
.otop .img img {width: 100%;}
.otop ul {padding: 3vw; overflow: hidden;}
.otop ul li {float: left; width: auto; margin: 0 2vw 2vw 0; padding: 0 3vw 1.5vw 5vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.otop ul li span {position: absolute; display: block; color: #33cc33; margin: 1.5vw 0 0 -2vw; font-family: 'bold', sans-serif;}

.otop .tabl {width: 100%; overflow: hidden; margin: 10vw 0;}
.otop .tabl .line {width: 90vw; overflow: hidden;}
.otop .tabl .line:hover {background: #f2f3f7;}

.otop .tabl .line .cel {float: left; padding: 2vw 3vw; border-top: 0.05vw solid #e5e5e5; border-right: 0.05vw solid #e5e5e5; font-size: 75%; line-height: 150%;} 
.otop .tabl .line .cel:last-child {border-right: none;} 
.otop .tabl .line:first-child .cel {background: #f2f3f7; font-family: 'medium', sans-serif;}  
.otop .tabl .line .cel:nth-child(1) {width: 57vw;} 
.otop .tabl .line .cel:nth-child(2) {width: 20vw;} 


.otop ul {padding: 10vw 5vw; overflow: hidden;}
.otop ul li {float: left; width: 65vw; margin: 0 0 5vw 0; padding: 5vw 5vw 5vw 10vw; box-shadow: 0 1vw 3vw #d1d9e6; font-size: 75%; line-height: 150%;}
.otop ul li span {position: absolute; display: block; color: #33cc33; margin: 0vw 0 0 -5vw; font-family: 'bold', sans-serif;}
.otop .name {margin: 10vw 0 5vw 0; font-size: 125%; font-family: 'black', sans-serif; color: #2f1807;}



.key .img {width: 100vw; margin: 10vw 0 10vw -5vw; overflow: hidden;}
.key .img img {width: 100%;}
.key ul {padding: 10vw 5vw; overflow: hidden;}
.key ul li {width: 70vw; margin: 0 0 2vw 0; padding: 5vw; box-shadow: 0 1vw 3vw #d1d9e6;}
.key ul li span {color: #33cc33; margin: 0vw 0 1vw 0vw; font-family: 'bold', sans-serif; display: inline-block;}
.key .name {margin: 10vw 0 5vw 0; font-size: 125%; font-family: 'black', sans-serif; color: #2f1807;}

.key ul.list2 {padding: 0vw 0 5vw 0; overflow: hidden;}
.key ul.list2 li {float: left; width: auto; margin: 0 1vw 1vw 0; padding: 5vw; box-shadow: 0 1vw 2vw #d1d9e6;}













/* Главное меню сайта */
ul.nav.menu {padding: 0; margin: 0;}
/* список меню, ссылки, сепараторы */
ul.nav.menu li {margin: 0 5vw 1.5vw 0; list-style: none; display: inlne-block; float: left; 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: 100%; 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: #33cc33;}
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:#33cc33; 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.25vw 0; list-style: none; display: inlne-block; float: none; position: relative; z-index: 2;}
.uslugi ul.nav.menu li a {color: #a5a5a5; text-decoration: none; display: inline-block; margin: 0; padding: 0; font-size: 90%; cursor: pointer; font-family: 'regular', sans-serif;}
.uslugi ul.nav.menu li a:hover {color:#33cc33;}
.uslugi ul.nav.menu .current a {color:#33cc33; margin: 0; font-family: 'medium', sans-serif;}







.slider {position: relative; margin: 0vw; width: 100vw; height: 100vw;}
.slider .fon {position: absolute; width: 35vw; height: 100vw; margin: 0; background: #111319; opacity: .75; filter: alpha(opacity=75); z-index: 1;}

.newsflash.flexslider {position: relative; padding: 0; margin: 0; width: 100vw; height: 100vw; 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: 90vw; left: 5vw;}
.flex-nav-next {position: absolute; top: 90vw; left: 65vw;}
.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: 21vw; height: 6vw; 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: #33cc33;}
.flex-control-paging li a.flex-active {background: #fff; border: 0.15vw solid #33cc33; 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: 100vw;}
.slider_mob {display: none;}

.newsflash.flexslider .inf {position: relative; z-index: 10; margin: 50vw 0 0 5vw; width: 90vw;}
.newsflash.flexslider h3 {font-size: 200%; line-height: 110%; font-family: 'bold', sans-serif;}
.newsflash.flexslider h3:first-letter {color: #33cc33;}

.newsflash.flexslider a {text-decoration: none; color: #fff;}
.newsflash.flexslider .text .text {margin: 2vw 0 0 0; width: 100%; color: #fff; display: inline-block; line-height: 125%; font-size: 100%;} 
.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 {display: none;}



/* блок "хлебные крошки" */
.breadcrumb {position: absolute; margin: -7vw 0 0 0; overflow: hidden; font-size: 75%; color: #e5e5e5; width: 100%;} 
.breadcrumb li {float: left; margin: 0;}
.breadcrumb a {color: #e5e5e5; text-decoration: underline;}
.breadcrumb a:hover {color: #33cc33; text-decoration: underline;}
.breadcrumb li span {margin: 0 2vw;}
.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: 100vw; padding: 0; background: #2f1807;  z-index: 1; color: #fff;}
footer a {position: relative; color: #fff; text-decoration: none;}
footer a:hover {color: #ff2f18070;}

footer h3 {font-size: 200%; font-family: 'regular', sans-serif; color: #fff;}
footer h3:first-letter {color: #33cc33;}


footer .moduletablefirst {display: none;}
footer .moduletablefirst .text {margin: 2vw 0 0 0;}
footer .customadress {margin: 2vw 0;}
footer .moduletablefooter {display: none;}
footer .moduletableright {float: right; width: 23vw; margin: 4.6vw 5vw 0 0; padding: 0 0 0 3vw; border-left: 0.05vw solid #040440;}
footer .copy {position: absolute; margin: 0; left: 5vw; top: 20vw; line-height: 150%; text-align: left;}

footer .nav.menu {position: relative; padding: 8.5vw 0 0 0;}
footer ul.nav.menu li {float: none; margin: 0 0 1vw 0;}
footer ul.nav.menu li a {color: #fff;}

footer .made {position: absolute; left: 5vw; bottom: 10vw; font-size: 75%;}

.footer .formResponsive select, .footer .formResponsive textarea, .footer .formResponsive input[type="text"], .footer .formResponsive input[type="number"], .footer .formResponsive input[type="email"], .footer .formResponsive input[type="tel"], .footer .formResponsive input[type="url"], .footer .formResponsive input[type="password"] {display: inline-block; height: auto; padding: 1.25vw !important; margin: 0vw; font-size: 100%; line-height: 100%; color: #040440; box-sizing: content-box; font-family: 'regular', sans-serif; width: 20vw !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; border: 0.05vw solid #c5c5c5 !important;}

.footer .rsform-block-namename, .footer .rsform-block-telname, .footer .rsform-block-mailname, .footer .rsform-block-infoname {position: absolute; font-size: 80%; margin: -0.75vw 0 0 0.5vw !important; padding: 0vw 0.5vw 0 0.5vw !important; background: #2f1807; -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;}

.footer .rsform-block-submit button {color: #fff !important; text-decoration: none; padding: 0.75vw 2vw !important; background: transparent !important; font-size: 75% !important; border-radius: 2vw !important; width: auto !important; border: solid 0.1vw #33cc33 !important; cursor: pointer;} 
.footer .rsform-block-submit button:hover {background: #33cc33 !important; border: solid 0.1vw #33cc33 !important; }

.footer .rsform-block-namename, .footer .rsform-block-telname, .footer .rsform-block-mailname, .footer .rsform-block-infoname {position: absolute; font-size: 80%; margin: -0.75vw 0 0 0.5vw !important; padding: 0vw 0.5vw 0 0.5vw !important; background: #2f1807; -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;}

.footer textarea, .footer input, .footer .uneditable-input {background: #2f1807; border: 0.05vw solid #c5c5c5; color: #040440;}

.footer .formResponsive textarea:focus, .footer .formResponsive input[type="text"]:focus, .footer .formResponsive input[type="number"]:focus, .footer .formResponsive input[type="email"]:focus, .footer .formResponsive input[type="tel"]:focus, .footer .formResponsive input[type="url"]:focus, .footer .formResponsive input[type="password"]:focus, .footer .formResponsive select:focus {border: 0.05vw solid #040440 !important;  box-shadow: 0 0.5vw 0.5vw #d5d5d5;}



/* настройка галереи */
.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 #33cc33 !important;}
.rsform-block-submit button:hover {color: #fff !important; background: #33cc33 !important; border: 0.1vw solid #33cc33 !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;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------- конец стилей для mobile-версии */}