/* сброс стилей от Эрика Майера */
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;}
input, textarea {outline:none;} input:active, textarea:active {outline:none;} :focus {outline:none;} textarea {resize:none;} textarea {resize:vertical;} textarea {resize:horizontal;}
* {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}

/* Шрифты - подгружаем шрифты, определяем их стиль и размер */
@font-face {font-family: 'bold'; src: url('../fonts/bold.eot'); src: local('O'), url('../fonts/bold.woff') format('woff'), url('../fonts/bold.ttf') format('truetype'), url('../fonts/bold.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'regular'; src: url('../fonts/regular.eot'); src: local('O'), url('../fonts/regular.woff') format('woff'), url('../fonts/regular.ttf') format('truetype'), url('../fonts/regular.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'light'; src: url('../fonts/light.eot'); src: local('O'), url('../fonts/light.woff') format('woff'), url('../fonts/light.ttf') format('truetype'), url('../fonts/light.svg') format('svg'); font-weight: normal; font-style: normal;} 

/* desctop */
@media screen and (min-device-width: 801px) {

/* теги html body и основная сетка */
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'light', sans-serif; font-size: 1.1vw; font-style: normal; font-weight: normal; line-height: 150%; background: #f2f3f7;}
#body {margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;}
.home #body {display: none;}
#content {position: relative; width: 45vw; margin: 0; padding: 7.5vw 17vw 11vw 38vw; min-height: 70vh; overflow: hidden; z-index: 20;}
.item-page {margin: 0;}
/* блок header */
header.head {position: fixed; width: 27vw; height: 100%; background: #fefefe; z-index: 999;}
header.head:hover {background: #fff;}
header.head svg {margin: 4.5vw 0vw 0vw 5vw; width: 14vw; height: auto;}
header.head .nav.menu_top {margin: 5vw 0 0 8.3vw;}
header.head .online {position: absolute; margin: 0; left: 8.3vw; bottom: 4vw;}
header.head .online a {color: #fff; background: #8387ab; border-radius: 0.25vw; padding: 1vw 1.5vw; text-decoration: none; font-size: 75%;  font-family: 'light', sans-serif;}
header.head .online a:hover {color: #fff; background: #000;}
header.head .made {position: absolute; bottom: 1vw; width: 100%; text-align: center; font-size: 75%; font-family: 'regular', sans-serif;}
header.head .made a {color: #f2f3f7; text-decoration: none;}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor: pointer;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input {display: inline-block; height: 2vw; padding: 0.3vw 0.5vw; margin-bottom: 0vw; font-size: 100%; line-height: 100%; color: #000; vertical-align: middle; border-radius: 0 !important; border: 0.1vw solid #bbb !important;}
textarea {height: auto; overflow: auto; vertical-align: top;}
input[type="search"] {width: 63.4vw !important; padding: 1vw; margin: 0; border: 0.1vw solid #e6e6e6; font-size: 1vw;}
input[type="search"]:focus {border: 0.1vw solid #323232 !important; background: #fff;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input {background: #f2f2f2; border: 0.05vw solid #c5c5c5;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border: 0.05vw solid #00a0e3;}
* {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
strong, b {font-family: 'bold', sans-serif; font-size: 100%;}

button, .btn {display: inline-block;	overflow: visible; padding: 1vw 2vw !important; outline: none; font-size: 75%; line-height: 110%; cursor: pointer; color: #fff; text-decoration: none; margin: 0; background: #ff0000; border: none; border-radius: 0.25vw; font-family: 'light', sans-serif;}
button:hover {color: #fff; background: #2f75ba;}
.btn a {color: #fff; text-decoration: none;}

h1 {font-size: 200%; color: #000; padding: 0; margin: 0vw 0 2vw 0vw; line-height: 140%; font-family: 'regular', sans-serif;}
h2 {font-size: 200%; color: #000; padding: 0; margin: 0 0 2vw 0; line-height: 140%; font-family: 'regular', sans-serif;}
h3 {font-size: 175%; color: #000; padding: 0; margin: 0 0 2vw 0; line-height: 140%; font-family: 'regular', sans-serif;}
h4 {font-size: 150%; color: #000; padding: 0; margin: 0 0 1vw 0; line-height: 140%; font-family: 'regular', sans-serif;}
h5 {font-size: 125%; color: #000; padding: 0; margin: 0 0 2vw 0; line-height: 140%; font-family: 'regular', sans-serif;}
h6 {font-size: 100%; color: #000; padding: 0; margin: 0 0 2vw 0; line-height: 140%; font-family: 'regular', sans-serif;}

.cd-btn {display: none;}
.cd-panel {display: none;}





/* меню */
ul.nav.menu_top {padding: 0; margin: 0; font-family: 'light', sans-serif;}
/* список меню, ссылки, сепараторы */
ul.nav.menu_top li {margin: 0 0vw 0.5vw 0; list-style: none; display: block; float: none;}
ul.nav.menu_top li a, ul.nav.menu_top li .separator, ul.nav.menu_top li span {color: #000; text-decoration: none; display: block; margin: 0; padding: 0; font-size: 75%; cursor: pointer;}
ul.nav.menu_top li a:hover, ul.nav.menu_top li .separator:hover, header.head.small ul.nav.menu_top li a:hover, header.head.small ul.nav.menu_top li .separator:hover {color: #8387ab; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}

ul.nav.menu_top li.item-107 {margin: 5vw 0 0 0; font-family: 'regular', sans-serif;}
ul.nav.menu_top li.item-342 {margin: 0 0 0.75vw 0; font-size: 125%; font-family: 'regular', sans-serif;}
ul.nav.menu_top li.item-343 {margin: 0 0 3vw 0; font-size: 125%; font-family: 'regular', sans-serif;}
ul.nav.menu_top li.item-343 a {color: #8387ab;}

/* активный пункт меню */
ul.nav.menu_top .current a {color:#8387ab; margin: 0; }
/* наведенный активный пункт меню */
ul.nav.menu_top .current a:hover, header.head.small ul.nav.menu_top .current a:hover {color:#8387ab;}

/* выпадающий список подменю */
ul.nav.menu_top ul {position: absolute; display: block; width: auto; opacity: 0; visibility: hidden; padding: 1.5vw 2vw; margin: 0 0 0 -1vw; background: #f5f5f5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
ul.nav.menu_top li:hover > ul {opacity: 1; visibility: visible;}
/* список подменю, ссылки, сепараторы */
ul.nav.menu_top ul li {float: none; margin: 0 0 0.5vw 0; background: transparent; padding: 0; white-space: nowrap;}
ul.nav.menu_top ul li:last-child {margin: 0;}
ul.nav.menu_top ul li a {font-size: 100%; color: #000 !important;}
ul.nav.menu_top ul li:hover a {color:#ff0000 !important;}
/* активный пункт подменю */
ul.nav.menu_top ul .current a {color:#ff0000; margin: 0;}

.rf::after {position: absolute; display: block; content: 'Звонок по РФ бесплатный'; font-size: 54% !important; color: #c9c9c9 !important; margin: -0.25vw 0 0 1.5vw;}

.top {margin: 0 0 0 25vw; width: 75vw; height: 100%; overflow: hidden; }


/* слайдер */
.newsflash.flexslider {position: relative; padding: 0vw 0 0 0; margin: 0; width: 75vw; height: 100%; z-index: 1;}
.newsflash.flexslider .title {margin: 10vw 0 0 10vw;}
.newsflash.flexslider .title h3 {font-size: 750%; text-transform: uppercase; line-height: 120%; font-family: 'bold', sans-serif; color: #fff;}
.newsflash.flexslider a {text-decoration: none; color: #fff;}
.newsflash.flexslider .text {position: absolute; bottom: 15vw; left: 13.25vw; margin: 0; width: 35vw; color: #fff; display: inline-block; font-size: 100%; line-height: 150%; font-family: 'light', sans-serif;} 
.newsflash.flexslider .text h1 {font-size: 350%; text-transform: uppercase; line-height: 120%; font-family: 'regular', sans-serif; color: #fff;}
.newsflash.flexslider .text .zagl {font-size: 300%; line-height: 100%; font-family: 'bold', sans-serif; color: #fff; margin: 0 0 1vw -0.25vw; text-shadow: 0.5vw 0.5vw 1vw #000;}
.newsflash.flexslider .text .zagl .red {color: #ff0000;}

/* кнопка подробнее */
.newsflash.flexslider .btn {display: block; margin: 7vw 0 0 10vw; padding: 0 !important; background: transparent;}
.newsflash.flexslider .btn .btn_fl {float: left; margin: 0 1vw 0 0;}
.newsflash.flexslider .btn a {color: #fff; text-decoration: none; padding: 1vw 2vw; background: #ff0000; font-size: 200%; border-radius: 0.3vw;}
.newsflash.flexslider .btn .btn_fl:nth-child(2) a {background: #2f75ba;}
.newsflash.flexslider .btn a:hover {color: #ff0000; text-decoration: none; background: #fff;}
.newsflash.flexslider .btn .btn_fl:nth-child(2) a:hover {color: #2f75ba; text-decoration: none; background: #fff;}
/* навигация стрелки */
.flex-nav-prev {position: absolute; bottom: 33vw; left: 12vw;}
.flex-nav-next {position: absolute; bottom: 33vw; left: 18vw;}
.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: 1vw; height: 1vw; 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.5; left: 1vw;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.5; 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: #000;}
/* навигация точки */
.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: #ff0000;}
.flex-control-paging li a.flex-active {background: #fff; border: 0.15vw solid #ff0000; cursor: default;}
/* изображение из текста материала */
.flexslider .slides img { /*width: 100%;*/ display: block; height: auto; -moz-user-select: none;}
/* не понял, что за хрень */
.flex-pauseplay a:before {font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '78';}
.flex-pauseplay a:hover {opacity: 1;}
.flex-pauseplay a.flex-play:before {content: '90';}
.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;}
.flexslider .slides:after {content: "12"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
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: 2000px; -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: 100vh;}

.newsflash.flexslider .social {position: absolute; margin: 47vw 0 0 11.2vw;}
.newsflash.flexslider .social a {margin: 0 1vw 0 0; float: left;}
.newsflash.flexslider .social img {height: 1.5vw;}
 
 .newsflash.flexslider .price {background: #ff0000; display: inline-block; padding: 1vw 2vw; border-radius: 0.25vw;}

.preim {position: absolute; bottom: 5vw; left: 38vw; z-index: 10; color: #fff;}
.preim .float {position: relative; float: left; margin: 0 7vw 0 0;}
.preim .float .title {font-size: 150%; margin: 0 0 0.5vw 0; padding: 0 0 0.5vw 0;}
.preim .float .text {font-size: 75%; border-top: 0.05vw solid #fff; display: inline-block;}

.ul ul {margin: 1vw 0 3vw 0;}
.ul ul li {margin: 0 0 1vw 0; color: #8387ab; padding: 0 0 0 2vw;}
.ul ul li:before {position: absolute; content: ''; width: 1.25vw; height: 0.1vw; background: #000; margin: 0.75vw 0 0 -2vw;}

 
.img {width: 100%; margin: 2vw 0 3vw 0;}
.img img {width: 100%;}

.ya_map {position: absolute; width: 73vw; height: 100vh; z-index: 1; margin: -12.5vw 0 0 -11vw;}
.contacts {position: relative; z-index: 3; background: #fff; padding: 3vw; display: inline-block; margin: 0 0 0 -7.5vw; box-shadow: 0 1vw 3vw #c5c5c5;}
 
.block_a {overflow: hidden; width: 60vw; height: auto; margin: 0 0 10vw -17vw; padding: 0 0 0 17vw;}

.block {float: right; width: 45vw; height: auto; margin: 0 8vw 0 0;}
.block h1 {line-height: 120%; color:#ff0000; margin: 0.5vw 0 2vw 0;} 
.block h1::first-line {color:#000;} 
.num {float: left; font-size: 100%; color: #ff0000;  font-family: 'bold', sans-serif; margin: 0 5vw 0 -1.5vw; padding: 1vw 0; background: #fff; text-align: center; width: 3vw;}
.block .img {float: left; margin: 2vw 3vw 0 -17vw; width: 25vw; }
.block .img img {width: 25vw; }
.block .ul {margin: 5vw 0 2vw 0; overflow: hidden;}
.block .ul img {display: block; width: 3vw; margin: 0vw 0vw 1vw 0;}
.block .ul li {float: left; margin: 0 2vw 0 0; width: 10vw; font-size: 75%; line-height: 145%;}
.block .ul li:last-child {margin: 0;}
.block_a .btn {margin: 2vw 0 0 7vw;}
.block_a .btn:hover {background: #000;}



.about .column {width: 80vw; overflow: hidden;}
.about .column .c_left {float: left; width: 35vw;}
.about .column .c_right {float: right; width: 40vw;}


.about .youtube {width: 35vw; height: 20vw; margin: 0 0 2vw 0;}
.about .youtube iframe {width: 35vw; height: 20vw;}


.about .block {float: left; width: 40vw; margin: 0 0 5vw 0; padding: 0; overflow: hidden; background: transparent;}
.about .block .fl_left {float: left; width: 10vw; height: auto; margin: 0 1.5vw 0 0;}
.about .block .fl_right {float: none; width: 35vw; height: auto; margin: 0; padding: 0;}
.about .block img {width: 10vw !important; margin: 0; padding: 0;}
.about .block h3 {color: #ff0000; font-size: 200%;}



/* Хлебные крошки ------------------------- */
.home .breadcrumbs {display: none;}
.breadcrumbs {position: absolute; margin: -3vw 0 0vw 0vw; color: #cbcbcb; width: auto; overflow: hidden; font-size: 75%;}
.breadcrumbs li a {color: #cbcbcb; text-decoration: underline;}
.breadcrumbs li a:hover {color: #00A0E3;}
.breadcrumbs li {float: left; margin: 0 0 2.5vw 0; list-style: none;}
.breadcrumbs li:first-child {display: none;}
.breadcrumbs .divider {margin: 0 0.5vw;}

.articleBody p:before {content: ""; position: absolute; margin: -1.5vw 0 1vw 0; width: 15vw; height: 0.1vw; background: #ff0000;}
p {width: 100%; margin: 1.5vw 0 5vw 0vw;}
p.gpr {font-size: 150%; line-height: 200%;}
p.gpm {font-size: 150%; line-height: 200%; font-family: 'gpm', sans-serif;}
p.gpb {font-size: 150%; line-height: 200%; font-family: 'gpb', sans-serif;}
span.font {font-size: 0.8vw; margin: 0 0 1vw 0;}

.bz {padding: 0; font-size: 100%; line-height: 120%; cursor: pointer; text-decoration: underline; margin: 0;}
.bz a {color: #3cff00;}
.bz a:hover {color: #000;}


.izob {width: 100%; overflow: hidden;}
.izob .fl_left {width: 48%; float: left; margin: 0 4% 1.5vw 0;}
.izob .fl_left:nth-child(2), .izob .fl_left:nth-child(4), .izob .fl_left:nth-child(6), .izob .fl_left:nth-child(8), .izob .fl_left:nth-child(10), .izob .fl_left:nth-child(12), .izob .fl_left:nth-child(14) {width: 48%; float: left; margin: 0 0 1.5vw 0;}
.izob .fl_left img {width: 100%;}


footer {width: 100%; height: 4vw; padding: 0; background: #cbcbcb; color: #fff; font-size: 75%;  font-family: 'light', sans-serif;}
.home footer {display: none;}
footer a {color: #fff;}
footer .made {position: absolute; margin: 1.25vw 0 0 0; right: 2vw;}

footer .social {position: absolute; margin: 20vw 0 0 10vw;}
footer .social img {width: 1.5vw;}

footer .footer {float: left; width: auto;}
footer svg {width: 19vw; height: auto; margin: 0 5vw 15vw 10vw; float: left;}
footer .fil2 {fill:#FEFEFE}
footer .fil0 {fill:#C5C6C6}
footer .fil1 {fill:#FEFEFE;fill-rule:nonzero}

footer .btn {position: absolute; display: block; margin: 0; padding: 0 !important; background: transparent; right: 10vw;}
footer .btn .btn_fl {float: left; margin: 0 1vw 6vw 0;}
footer .btn a {color: #fff; text-decoration: none; padding: 1vw 2vw; background: #ff0000; font-size: 150%; border-radius: 0.3vw;}
footer .btn .btn_fl:last-child a {background: #2f75ba;}
footer .btn a:hover {color: #ff0000; text-decoration: none; background: #ebebeb;}
footer .btn .btn_fl:last-child a:hover {color: #2f75ba; text-decoration: none; background: #ebebeb;}

footer .moduletablerec {position: absolute; margin: -13vw 0 0 -23.5vw; font-size: 80%; line-height: 135%; font-family: 'light', sans-serif;}


#cboxLoadedContent #userForm {width: 100%; padding: 0;}

#cboxOverlay {opacity: 0.9 !important; z-index: 9999999998;}
#colorbox {top: 10vh !important; left: 20vw !important; width: 59vw !important; height: 80vh !important; z-index: 9999999999; background: #fff !important; border: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3); box-shadow: 0 3px 7px rgba(0,0,0,.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 !important;}
#colorbox #cboxWrapper {width: 100% !important; height: 100% !important;}
#colorbox #cboxContent {width: 100% !important; height: 100% !important;}
#colorbox #cboxLoadedContent {overflow: auto; -webkit-overflow-scrolling: touch; overflow-y: auto; padding: 10% !important; margin: 0 !important; width: 80% !important; height: 80% !important;}
.no_title.has_scrollbar #cboxClose {right: 0vw !important; top: 0vw !important;}
#cboxClose {border: 0; line-height: 0; text-shadow: none; color: transparent; line-height: 100% !important; background: url(../images/closed.png) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; top: 1.5vw !important; right: 1vw !important; opacity: .3; filter: alpha(opacity=30); width: 1vw; height: 1vw;}



.profile {margin: 5vw 0 0 0;}
.profile legend {font-size: 150%; margin: 0 0 2vw 0;}
.profile dl {margin: 0 0 5vw 0;}
.profile dt {float: left; margin: 0 3vw 1vw 0; width: 15vw; color: #888; line-height: 120%; display: block;}
.profile dd {margin: 0 3vw 1vw 0; line-height: 120%;}

.items-leading {overflow: hidden; margin: 0 0 2.5vw 0;}

#main [class^='leading'] .page-header {position: relative; margin: 0; width: 100%;}
[class^='leading'] .page-header {position: relative; margin: 0; width: 100%; height: auto;}
[class^='leading'] {float: left; width: 24vw; height: 30vw; padding: 0; margin: 0 3vw 5vw 0; overflow: hidden;}
[class^='leading']:nth-child(3n) {float: left; width: 24vw; height: 30vw; padding: 0; margin: 0 0 5vw 0; overflow: hidden;}
[class^='leading'] img {width: 24vw; margin: 0;}
[class^='leading'] h1 {padding: 1vw 0 1vw 0; margin: 0; font-size: 150%;}
[class^='leading'] a {padding: 0; line-height: 130% !important; text-decoration: none; color: #000;}
[class^='leading'] a:after {display: none;}
[class^='leading'] .article-info {display: none;}
[class^='leading'] .category-name a {color: #b2b2b2; font-size: 80%; font-family: 'gpm', sans-serif;}
[class^='leading'] .fields-container {display: none;}
[class^='leading'] .pull-left {float: none !important;}

.pull-left {float: none !important;}
.pull-left.item-image img {width: 25vw; height: auto; margin: 0 5vw 2.5vw 0; float: left;}

#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: 1vw; padding: 1vw;     margin: 0vw; font-size: 100%; line-height: 100%; color: #ff0000; box-sizing: content-box; font-family: 'gpm', sans-serif; width: 30vw;  -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;}
.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: #000 !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: #ff0000; 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: 17vw 0 0 0 !important; padding: 0 !important; border: none !important;}
.rsform-block-submit button {color: #fff !important; text-decoration: none; padding: 1vw 2vw !important; background: #8387ab !important; font-size: 75% !important; border-radius: 0.3vw !important; width: 10vw !important; border: none !important;}
.rsform-block-submit button:hover {background: #000 !important; border: none !important;}

.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: #f2f2f2; -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.1vw solid #ff0000 !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;}

#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;}


.pager {position: fixed; display: block; bottom: 0; margin: 0 2.5% 0 -2.5%; width: 100%; height: 1px; list-style: none; text-align: center; *zoom: 1; background: #c5c5c5; opacity: 0; filter: alpha(opacity=0);}
.pager.vis {position: fixed; display: block; bottom: 0; margin: 0 2.5% 0 -2.5%; width: 100%; height: 3.5vw; list-style: none; text-align: center; *zoom: 1; background: #c5c5c5; opacity: .4; filter: alpha(opacity=40);}

.pager.vis:hover {position: fixed; display: block; bottom: 0; margin: 0 2.5% 0 -2.5%; width: 100%; list-style: none; text-align: center; *zoom: 1; background: #ff0000; opacity: 1; filter: alpha(opacity=100);}
.pager:before, .pager:after {display: table; content: ""; line-height: 0;}
.pager:after {clear: both;}
.pager li {display: inline;}
.pager li a {color: #fff; text-decoration: none;}
.pager li > a, .pager li > span {display: inline-block; padding: 1vw 10%; width: 30%;}
.pager li > a:hover, .pager li > a:focus {text-decoration: none; background: #0072a3;}
.pager .next > a, .pager .next > span {float: right;}
.pager .previous > a, .pager .previous > span {float: left;}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {color: #fff; cursor: default;}

.pagination {width: 94.75vw; margin: 0 0 0 2.5vw;}
.pagination ul {margin: 2vw 0; padding: 1vw 3vw; overflow: hidden; border: 1px solid #f4f4f4;}
.pagination ul li {float: left; margin: 0 3vw 0 0;}
.pagination ul li a {color: #000; text-decoration: none;}
.pagination ul li.active a {color: #ff0000; text-decoration: underline;}
.pagination ul li.disabled, .pagination ul li:last-child, .pagination ul li:first-child, .pagination ul li:nth-last-child(2), .pagination ul li:nth-child(2) {display: none;}


/* всплывающие подсказки */
.tooltip {position: absolute; z-index: 1030; display: none !important; visibility: visible; font-size: 80%; opacity: 0; filter: alpha(opacity=0);}
.tooltip.in {opacity: 0.8; filter: alpha(opacity=80);}
.tooltip-inner {padding: 2vw; color: #fff; text-align: center; text-decoration: none; background: #000;}



.field-entry.links a {color: #fff; padding: 0.5vw 1vw; border: 0.1vw solid #fff; text-decoration: none;}
.field-entry.links a:hover {color: #fff; padding: 0.5vw 1vw; border: 0.1vw solid #ff0000; text-decoration: none; background: #ff0000;}





/* tabs */
.tabs {width: 100%; overflow: hidden; zoom: 1; position: relative; margin: 0; z-index: 1;}

.tabs dt {float: left; margin: 0 2.5vw 0 0; padding: 0; font-size: 125%; cursor:pointer;}
.tabs dt:hover {color: #ff0000;}
.tabs dt.selected {cursor: auto; color: #ff0000; text-decoration: underline;}

.tabs dd {display: none; float: right; width: 100%; position: relative; z-index: 2; margin: 2vw 0 0 -100%;}
.tabs dd.selected {display:block;}

.tabs .tab-content {overflow: hidden;}
.tabs_clr {clear: both; font-size: 0; height: 0; line-height: 0;}



/* sliders */
.sliders {width:100%;border-bottom:solid 1px #c4c4c4;margin:10px 0;}
.sliders .title {background:#e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;padding:7px 15px;margin:0;font-size:1.2em;line-height:1em;font-weight:bold;border:solid 1px #c4c4c4;border-bottom:none;cursor:pointer;}
.sliders .title:hover {background-color:#e3e2e2;}
.sliders .title.active {background-position:right 5px;}
.sliders .desc {margin:0;padding: 10px 15px 20px;background:#f7f7f7;border-left:solid 1px #c4c4c4;border-right:solid 1px #c4c4c4;}
/* spoilers */
.spoilers {width:100%;}
.spoilers .title {background: transparent; padding: 0; margin: 0; font-size: 150%; cursor: pointer; line-height: 350%;}
.spoilers .title:nth-child(1):before {position: absolute; margin: 4vw 20vw 0 1vw; content: 'Пальто, куртки, плащи, костюмы, трикотаж, платья, блузки, рубашки, покрывала, одеяла, шторы, портьеры, аксессуары...'; font-size: 50%; line-height: 125%; color: #8387ab;}
.spoilers .title:nth-child(3):before {position: absolute; margin: 4vw 20vw 0 1vw; content: 'Шубы (чернобурка, песец, бобер, шиншилла, куница, нутрия, норка, соболь, мутон), аксессуары...'; font-size: 50%; line-height: 125%; color: #8387ab;}
.spoilers .title:nth-child(5):before {position: absolute; margin: 4vw 20vw 0 1vw; content: 'Плащи, куртки, рубашки, брюки, подушки, одеяла, мешки, чехлы...'; font-size: 50%; line-height: 125%; color: #8387ab;}
.spoilers .title:nth-child(7):before {position: absolute; margin: 4vw 20vw 0 1vw; content: 'Рубашки, брюки, футболки, халаты, постельное белье...'; font-size: 50%; line-height: 125%; color: #8387ab;}
.spoilers .title:after {position: absolute; margin: -4.1vw 0 0 45vw; content: '+'; font-size: 125%; line-height: 125%; color: #8387ab;}
.spoilers .title:hover:after {color: #000;}
.spoilers .title:hover {color: #8387ab;}
.spoilers .title.active {color: #8387ab; margin: 0;}
.spoilers .title.active:after {color: #000; transform: rotate(45deg);}
.spoilers .desc {display: none; margin: 0 0 5vw 0; padding: 0;  -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; position: relative; z-index: 1;}
.jext {display: none !important;}
.spoilers .price {width: 100%;}
.spoilers .price .line {overflow: hidden; width: 100%; border-bottom: 1px solid #fff;}
.spoilers .price .line:first-child {background: #fff;}
.spoilers .price .line:first-child .summ {float: right; width: 10vw; color: #000; text-align: center; padding: 0.5vw 0; font-size: 75%; display: none;}
.spoilers .price .line:hover {background: #fff;}
.spoilers .price .line .name {float: left; width: 34vw; font-size: 75%; padding: 0.5vw 0 0.5vw 1vw;}
.spoilers .price .line .summ {float: right; width: 10vw; color: #8387ab; text-align: center; padding: 0.5vw 0; display: none;}
.spoilers .price .line:last-child {border-bottom: none;} 
.spoilers h4 {font-size: 100%; margin: 2vw 0 1vw 0;}
 

.fiz_img {position: relative; width: 73vw; margin: 0 0 0 -11vw;}
.fiz_img img {width: 100%;}
.cl_img {position: relative; width: 73vw; margin: 0 0 0 -11vw;}
.cl_img img {width: 63vw; padding: 2vw 5vw;}





.sigplus-gallery > ul > li {display: inline-block; width: 25vw; margin: 0 1.5vw 1vw 0 !important; border: 0 none transparent; padding: 0; background: transparent none no-repeat scroll 0 0; text-align: center; visibility: visible;    opacity: 1; animation: fade-in 1s;}
.sigplus-gallery > ul > li img {width: 25vw;}

/** modal */

#sbox-content {clear: both; overflow: auto; min-height: 100%; width: 92vw; background: transparent; position: absolute;}
#sbox-content .time_article {display: none;}
#sbox-overlay {position: absolute; background: #fff; left: 0px; top: 0px; width: 100% !important; z-index: 999999990 !important;}
#sbox-window {position: fixed; background: #fff; text-align: left; overflow: hidden; padding: 0;	-moz-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; width: 90vw !important; min-height: 100vh !important; height: auto !important; padding: 0 !important; left: 0 !important; top: 0 !important; z-index: 999999999 !important;}
#sbox-btn-close {position: absolute; width: 1.5vw; height: 1.5vw; right: 5vw; top: 5vw; background: url(../images/closed.png) no-repeat center; border: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#sbox-content h1 {margin: 7vw 10vw 2vw 10vw; font-size: 300%; font-family: 'gpb', sans-serif;}
#sbox-content h3 {margin: 0vw 12vw 2vw 10vw; font-size: 150%; font-family: 'gpm', sans-serif;}
#sbox-content p {margin: 5vw 12vw 5vw 10vw; line-height: 140%;}
#sbox-content form {margin: 0vw 0 4vw 5vw;}
#sbox-content ul {margin: 0 5vw 3vw 5vw;}
#sbox-content li {margin: 0 5vw 1vw 5vw; border-left: 2px solid #fff; padding: 0 0 0 1vw;}
#sbox-content .formSpan12 {width: 40vw;}
#sbox-content .formResponsive select, #sbox-content .formResponsive textarea, #sbox-content .formResponsive input[type="text"], #sbox-content .formResponsive input[type="number"], #sbox-content .formResponsive input[type="email"], #sbox-content .formResponsive input[type="tel"], #sbox-content .formResponsive input[type="url"], #sbox-content .formResponsive input[type="password"] {width: 30vw;}
#sbox-content .nav.menu_top {}
#menu {display: none;	}

.warning {position: fixed; right: 90px; bottom: 38px;}
.warning a {padding: 16px 20px; background: #fff; text-decoration: none; color: #ff0000; border-radius: 10px; font-size: 20px;}


#jbounce-jmodal .img_popup img {width: 14.5vw; margin: 0 1vw 0 0;}
#jbounce-jmodal .img_popup img:last-child {margin: 0;}
#jbounce-jmodal .jmodal-close {position: absolute; float: right; width: 1vw; margin: 0.5vw 0 0 48vw; cursor: pointer;}
#jbounce-jmodal .jmodal-close img {width: 1vw;}
#jbounce-jmodal h2 {font-size: 500%; color: #ff0000 !important; margin: -1vw 0 0 2vw;}
#jbounce-jmodal .text {font-size: 150%; color: #2f75ba !important; margin: -0.5vw 0 2vw 2vw; width: 30vw; line-height: 130%;}
#jbounce-jmodal .blocks {width: 50vw; overflow: hidden; margin: 0 2vw 2vw 2vw;}
#jbounce-jmodal .blocks .floats {float: left; width: 21vw;}
#jbounce-jmodal .blocks .floats:last-child {float: left; width: 25vw; margin: -0.5vw 0 0 0;}

#jbounce-jmodal .formResponsive select, #jbounce-jmodal .formResponsive textarea, #jbounce-jmodal .formResponsive input[type="tel"], #jbounce-jmodal .formResponsive input[type="text"] {margin: 0 0 0.5vw 0; width: 18vw;}

/* end desctop */ }

/* 
-----------
-----------
-----------
-----------
-----------
*/

/* mobile */
@media screen and (max-device-width: 800px) {

/* теги html body и основная сетка */
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'light', sans-serif; font-size: 4vw; font-style: normal; font-weight: normal; line-height: 150%; background: #fff;}
#body {margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;}
#content {width: 80vw; margin: 125vw 0 20vw 10vw; min-height: 70vh; overflow: hidden;  z-index: 20;}
.home #content {display: none;} 
.item-page {margin: 5vw 0 0 0;}


/* блок header */
header.head {position: fixed; width: 100%; height: 110vw; background: #fff; z-index: 999;}
header.head svg {margin: 7vw 0vw 0vw 30vw; width: 60vw; height: auto;}
header.head .nav.menu_top {margin: 15vw 0 0 10vw;}
header.head .online {position: absolute; bottom: 5vw; left: 10vw; margin: 0;}
header.head .online a {color: #c5c5c5; background: transparent; border: 1px solid #e5e5e5; border-radius: 1vw; padding: 4vw 5vw; text-decoration: none; font-size: 75%;  font-family: 'light', sans-serif;}
header.head .online a:hover {color: #fff; background: #000;}

header.head.small {position: fixed; width: 100%; height: 19vw; background: #f5f5f5; z-index: 999;}
header.head.small svg {margin: 5vw 0vw 0vw 5vw; width: 45vw; height: auto;}
header.head.small .nav.menu_top {display: none;}
header.head.small .online {position: absolute; top: 6vw; right: 4vw; left: auto; margin: 0;}
header.head.small .online a {color: #8387ab; background: transparent; border: 1px solid #8387ab; border-radius: 1vw; padding: 4vw 5vw; text-decoration: none; font-size: 75%;  font-family: 'light', sans-serif;}
header.head.small .online a:hover {color: #fff; background: #8387ab;}

.home header.head.small {position: fixed; width: 100%; height: 110vw; background: #fff; z-index: 999;}
.home header.head.small svg {margin: 7vw 0vw 0vw 30vw; width: 60vw; height: auto;}
.home header.head.small .nav.menu_top {display: block; margin: 15vw 0 0 10vw;}
.home header.head.small .online {position: absolute; top: auto; bottom: 5vw; left: 10vw; margin: 0;}
.home header.head.small .online a {color: #c5c5c5; background: transparent; border: 1px solid #e5e5e5; border-radius: 1vw; padding: 4vw 5vw; text-decoration: none; font-size: 75%;  font-family: 'light', sans-serif;}
.home header.head.small .online a:hover {color: #fff; background: #000;}





label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor: pointer;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input {display: inline-block; height: 2vw; padding: 0.3vw 0.5vw; margin-bottom: 0vw; font-size: 100%; line-height: 100%; color: #000; vertical-align: middle; border-radius: 0 !important; border: 0.1vw solid #bbb !important;}
textarea {height: auto; overflow: auto; vertical-align: top;}
input[type="search"] {width: 63.4vw !important; padding: 1vw; margin: 0; border: 0.1vw solid #e6e6e6; font-size: 1vw;}
input[type="search"]:focus {border: 0.1vw solid #323232 !important; background: #fff;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input {background: #fff; border: 0.05vw solid #c5c5c5;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border: 0.05vw solid #00a0e3;}
* {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
strong, b {font-family: 'regular', sans-serif; font-size: 100%;}

button, .btn {display: inline-block;	overflow: visible; padding: 1vw 2vw !important; outline: none; font-size: 75%; line-height: 110%; cursor: pointer; color: #fff; text-decoration: none; margin: 0; background: #ff0000; border: none; border-radius: 0.25vw; font-family: 'light', sans-serif;}
button:hover {color: #fff; background: #2f75ba;}
.btn a {color: #fff; text-decoration: none;}

h1 {font-size: 200%; color: #8387ab; padding: 0; margin: 0vw 0 7.5vw 0vw; line-height: 120%; font-family: 'regular', sans-serif;}
h2 {font-size: 200%; color: #000; padding: 0; margin: 0 0 2vw 0; line-height: 140%; font-family: 'regular', sans-serif;}
h3 {font-size: 175%; color: #000; padding: 0; margin: 0 0 2vw 0; line-height: 140%; font-family: 'regular', sans-serif;}
h4 {font-size: 150%; color: #000; padding: 0; margin: 0 0 1vw 0; line-height: 140%; font-family: 'regular', sans-serif;}
h5 {font-size: 125%; color: #000; padding: 0; margin: 0 0 2vw 0; line-height: 140%; font-family: 'regular', sans-serif;}
h6 {font-size: 100%; color: #000; padding: 0; margin: 0 0 2vw 0; line-height: 140%; font-family: 'regular', sans-serif;}

.cd-btn {display: none;}
.cd-panel {display: none;}





/* меню */
ul.nav.menu_top {padding: 0; margin: 0; font-family: 'light', sans-serif;}
/* список меню, ссылки, сепараторы */
ul.nav.menu_top li {margin: 0 7vw 2vw 0; list-style: none; display: block; float: left;}
ul.nav.menu_top li a, ul.nav.menu_top li .separator, ul.nav.menu_top li span {color: #000; text-decoration: none; display: block; margin: 0; padding: 0; font-size: 75%; cursor: pointer;}
ul.nav.menu_top li a:hover, ul.nav.menu_top li .separator:hover, header.head.small ul.nav.menu_top li a:hover, header.head.small ul.nav.menu_top li .separator:hover {color: #8387ab; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}

ul.nav.menu_top li.item-107 {margin: 10vw 0 0 0; font-size: 150%; font-family: 'regular', sans-serif;}
ul.nav.menu_top li.item-342 {margin: 0 0 3vw 0; font-size: 150%; font-family: 'regular', sans-serif; float: none;}
ul.nav.menu_top li.item-343 {margin: 0 0 10vw 0; font-size: 150%; font-family: 'regular', sans-serif; float: none;}
ul.nav.menu_top li.item-343 a {color: #8387ab;}

/* активный пункт меню */
ul.nav.menu_top .current a {color:#8387ab; margin: 0; }
/* наведенный активный пункт меню */
ul.nav.menu_top .current a:hover, header.head.small ul.nav.menu_top .current a:hover {color:#8387ab;}

/* выпадающий список подменю */
ul.nav.menu_top ul {position: absolute; display: block; width: auto; opacity: 0; visibility: hidden; padding: 1.5vw 2vw; margin: 0 0 0 -1vw; background: #f5f5f5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
ul.nav.menu_top li:hover > ul {opacity: 1; visibility: visible;}
/* список подменю, ссылки, сепараторы */
ul.nav.menu_top ul li {float: none; margin: 0 0 0.5vw 0; background: transparent; padding: 0; white-space: nowrap;}
ul.nav.menu_top ul li:last-child {margin: 0;}
ul.nav.menu_top ul li a {font-size: 100%; color: #000 !important;}
ul.nav.menu_top ul li:hover a {color:#ff0000 !important;}
/* активный пункт подменю */
ul.nav.menu_top ul .current a {color:#ff0000; margin: 0;}

.rf::after {position: absolute; display: block; content: 'Звонок по РФ бесплатный'; font-size: 54% !important; color: #c9c9c9 !important; margin: -0.25vw 0 0 1.5vw;}

.top {position: absolute; bottom: 0; margin: 0; padding: 0; width: 100%; height: 55vw;}  


/* слайдер */
.newsflash.flexslider {position: relative; padding: 0vw 0 0 0; margin: 0; width: 100%; height: 100%; z-index: 1;}
.newsflash.flexslider .title {margin: 10vw 0 0 10vw;}
.newsflash.flexslider .title h3 {font-size: 750%; text-transform: uppercase; line-height: 120%; font-family: 'bold', sans-serif; color: #fff;}
.newsflash.flexslider a {text-decoration: none; color: #fff;}
.newsflash.flexslider .text {margin: 10vw 0 0 10vw; width: 80vw; color: #fff; display: inline-block; font-size: 75%; line-height: 150%; font-family: 'light', sans-serif;} 
.newsflash.flexslider .text h1 {font-size: 200%; text-transform: uppercase; line-height: 120%; font-family: 'regular', sans-serif; color: #fff;}
.newsflash.flexslider .text .zagl {font-size: 200%; line-height: 100%; font-family: 'regular', sans-serif; color: #fff; margin: 0 0 1vw 0;}
.newsflash.flexslider .text .zagl .red {color: #ff0000;}

/* кнопка подробнее */
.newsflash.flexslider .btn {display: block; margin: 7vw 0 0 10vw; padding: 0 !important; background: transparent;}
.newsflash.flexslider .btn .btn_fl {float: left; margin: 0 1vw 0 0;}
.newsflash.flexslider .btn a {color: #fff; text-decoration: none; padding: 1vw 2vw; background: #ff0000; font-size: 200%; border-radius: 0.3vw;}
.newsflash.flexslider .btn .btn_fl:nth-child(2) a {background: #2f75ba;}
.newsflash.flexslider .btn a:hover {color: #ff0000; text-decoration: none; background: #fff;}
.newsflash.flexslider .btn .btn_fl:nth-child(2) a:hover {color: #2f75ba; text-decoration: none; background: #fff;}
/* навигация стрелки */
.flex-nav-prev {position: absolute; top: 45vw; right: 16.2vw;}
.flex-nav-next {position: absolute; top: 45vw; right: 10vw;}
.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: 1vw; height: 1vw; 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.5; left: 1vw;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.5; 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: #000;}
/* навигация точки */
.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: #ff0000;}
.flex-control-paging li a.flex-active {background: #fff; border: 0.15vw solid #ff0000; cursor: default;}
/* изображение из текста материала */
.flexslider .slides img { /*width: 100%;*/ display: block; height: auto; -moz-user-select: none;}
/* не понял, что за хрень */
.flex-pauseplay a:before {font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '78';}
.flex-pauseplay a:hover {opacity: 1;}
.flex-pauseplay a.flex-play:before {content: '90';}
.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;}
.flexslider .slides:after {content: "12"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
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: 2000px; -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: 55vw;}

.newsflash.flexslider .social {position: absolute; margin: 47vw 0 0 11.2vw;}
.newsflash.flexslider .social a {margin: 0 1vw 0 0; float: left;}
.newsflash.flexslider .social img {height: 1.5vw;}
 
 .newsflash.flexslider .price {background: #ff0000; display: inline-block; padding: 1vw 2vw; border-radius: 0.25vw;}

.ul ul {margin: 5vw 0 10vw 5vw;}
.ul ul li {margin: 0 0 5vw 0; color: #8387ab; padding: 0 0 0 5vw; border-left: 0.25vw solid #000; }
 
.img {width: 100%; margin: 2vw 0 3vw 0;}
.img img {width: 100%;}

.ya_map {width: 100%; height: 100vw;}
 
.block_a {overflow: hidden; width: 60vw; height: auto; margin: 0 0 10vw -17vw; padding: 0 0 0 17vw;}

.block {float: right; width: 45vw; height: auto; margin: 0 8vw 0 0;}
.block h1 {line-height: 120%; color:#ff0000; margin: 0.5vw 0 2vw 0;} 
.block h1::first-line {color:#000;} 
.num {float: left; font-size: 100%; color: #ff0000;  font-family: 'bold', sans-serif; margin: 0 5vw 0 -1.5vw; padding: 1vw 0; background: #fff; text-align: center; width: 3vw;}
.block .img {float: left; margin: 2vw 3vw 0 -17vw; width: 25vw; }
.block .img img {width: 25vw; }
.block .ul {margin: 5vw 0 2vw 0; overflow: hidden;}
.block .ul img {display: block; width: 3vw; margin: 0vw 0vw 1vw 0;}
.block .ul li {float: left; margin: 0 2vw 0 0; width: 10vw; font-size: 75%; line-height: 145%;}
.block .ul li:last-child {margin: 0;}
.block_a .btn {margin: 2vw 0 0 7vw;}
.block_a .btn:hover {background: #000;}



.about .column {width: 80vw; overflow: hidden;}
.about .column .c_left {float: left; width: 35vw;}
.about .column .c_right {float: right; width: 40vw;}


.about .youtube {width: 35vw; height: 20vw; margin: 0 0 2vw 0;}
.about .youtube iframe {width: 35vw; height: 20vw;}


.about .block {float: left; width: 40vw; margin: 0 0 5vw 0; padding: 0; overflow: hidden; background: transparent;}
.about .block .fl_left {float: left; width: 10vw; height: auto; margin: 0 1.5vw 0 0;}
.about .block .fl_right {float: none; width: 35vw; height: auto; margin: 0; padding: 0;}
.about .block img {width: 10vw !important; margin: 0; padding: 0;}
.about .block h3 {color: #ff0000; font-size: 200%;}



/* Хлебные крошки ------------------------- */
.home .breadcrumbs {display: none;}
.breadcrumbs {position: absolute; margin: -3vw 0 0vw 0vw; color: #cbcbcb; width: auto; overflow: hidden; font-size: 75%;}
.breadcrumbs li a {color: #cbcbcb; text-decoration: none;}
.breadcrumbs li a:hover {color: #00A0E3; text-decoration: none; padding: 0 0 0.5vw 0; border-bottom: 0.03vw solid #ff0000;}
.breadcrumbs li {float: left; margin: 0 0 2.5vw 0; list-style: none;}
.breadcrumbs li:first-child {display: none;}
.breadcrumbs .divider {margin: 0 0.5vw;}

.articleBody p:before {content: ""; position: absolute; margin: -1.5vw 0 1vw 0; width: 15vw; height: 0.1vw; background: #ff0000;}
p {width: 100%; margin: 1.5vw 0 5vw 0vw;}
p.gpr {font-size: 150%; line-height: 200%;}
p.gpm {font-size: 150%; line-height: 200%; font-family: 'gpm', sans-serif;}
p.gpb {font-size: 150%; line-height: 200%; font-family: 'gpb', sans-serif;}
span.font {font-size: 0.8vw; margin: 0 0 1vw 0;}

.bz {padding: 0; font-size: 100%; line-height: 120%; cursor: pointer; text-decoration: underline; margin: 0;}
.bz a {color: #3cff00;}
.bz a:hover {color: #000;}


.izob {width: 100%; overflow: hidden;}
.izob .fl_left {width: 48%; float: left; margin: 0 4% 1.5vw 0;}
.izob .fl_left:nth-child(2), .izob .fl_left:nth-child(4), .izob .fl_left:nth-child(6), .izob .fl_left:nth-child(8), .izob .fl_left:nth-child(10), .izob .fl_left:nth-child(12), .izob .fl_left:nth-child(14) {width: 48%; float: left; margin: 0 0 1.5vw 0;}
.izob .fl_left img {width: 100%;}


footer {width: 100%; height: 15vw; padding: 0; background: #cbcbcb; color: #fff; font-size: 75%;  font-family: 'light', sans-serif;}
.home footer {display: none;}
footer a {color: #fff;}
footer .made {position: absolute; margin: 4.5vw 0 0 0; right: 10vw;}

footer .social {position: absolute; margin: 20vw 0 0 10vw;}
footer .social img {width: 1.5vw;}

footer .footer {float: left; width: auto;}
footer svg {width: 19vw; height: auto; margin: 0 5vw 15vw 10vw; float: left;}
footer .fil2 {fill:#FEFEFE}
footer .fil0 {fill:#C5C6C6}
footer .fil1 {fill:#FEFEFE;fill-rule:nonzero}

footer .btn {position: absolute; display: block; margin: 0; padding: 0 !important; background: transparent; right: 10vw;}
footer .btn .btn_fl {float: left; margin: 0 1vw 6vw 0;}
footer .btn a {color: #fff; text-decoration: none; padding: 1vw 2vw; background: #ff0000; font-size: 150%; border-radius: 0.3vw;}
footer .btn .btn_fl:last-child a {background: #2f75ba;}
footer .btn a:hover {color: #ff0000; text-decoration: none; background: #ebebeb;}
footer .btn .btn_fl:last-child a:hover {color: #2f75ba; text-decoration: none; background: #ebebeb;}

footer .moduletablerec {position: absolute; margin: -13vw 0 0 -23.5vw; font-size: 80%; line-height: 135%; font-family: 'light', sans-serif;}


#cboxLoadedContent #userForm {width: 100%; padding: 0;}

#cboxOverlay {opacity: 0.9 !important; z-index: 9999999998;}
#colorbox {top: 10vh !important; left: 20vw !important; width: 59vw !important; height: 80vh !important; z-index: 9999999999; background: #fff !important; border: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3); box-shadow: 0 3px 7px rgba(0,0,0,.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 !important;}
#colorbox #cboxWrapper {width: 100% !important; height: 100% !important;}
#colorbox #cboxContent {width: 100% !important; height: 100% !important;}
#colorbox #cboxLoadedContent {overflow: auto; -webkit-overflow-scrolling: touch; overflow-y: auto; padding: 10% !important; margin: 0 !important; width: 80% !important; height: 80% !important;}
.no_title.has_scrollbar #cboxClose {right: 0vw !important; top: 0vw !important;}
#cboxClose {border: 0; line-height: 0; text-shadow: none; color: transparent; line-height: 100% !important; background: url(../images/closed.png) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; top: 1.5vw !important; right: 1vw !important; opacity: .3; filter: alpha(opacity=30); width: 1vw; height: 1vw;}



.profile {margin: 5vw 0 0 0;}
.profile legend {font-size: 150%; margin: 0 0 2vw 0;}
.profile dl {margin: 0 0 5vw 0;}
.profile dt {float: left; margin: 0 3vw 1vw 0; width: 15vw; color: #888; line-height: 120%; display: block;}
.profile dd {margin: 0 3vw 1vw 0; line-height: 120%;}

.items-leading {overflow: hidden; margin: 0 0 2.5vw 0;}

#main [class^='leading'] .page-header {position: relative; margin: 0; width: 100%;}
[class^='leading'] .page-header {position: relative; margin: 0; width: 100%; height: auto;}
[class^='leading'] {float: left; width: 24vw; height: 30vw; padding: 0; margin: 0 3vw 5vw 0; overflow: hidden;}
[class^='leading']:nth-child(3n) {float: left; width: 24vw; height: 30vw; padding: 0; margin: 0 0 5vw 0; overflow: hidden;}
[class^='leading'] img {width: 24vw; margin: 0;}
[class^='leading'] h1 {padding: 1vw 0 1vw 0; margin: 0; font-size: 150%;}
[class^='leading'] a {padding: 0; line-height: 130% !important; text-decoration: none; color: #000;}
[class^='leading'] a:after {display: none;}
[class^='leading'] .article-info {display: none;}
[class^='leading'] .category-name a {color: #b2b2b2; font-size: 80%; font-family: 'gpm', sans-serif;}
[class^='leading'] .fields-container {display: none;}
[class^='leading'] .pull-left {float: none !important;}

.pull-left {float: none !important;}
.pull-left.item-image img {width: 25vw; height: auto; margin: 0 5vw 2.5vw 0; float: left;}

#userForm {width: 80vw;}
#userForm h4 {margin: 0 0 2vw 0; font-family: 'gpm', sans-serif;}
#userForm h2 {font-size: 200%; color: #8387ab; padding: 0; margin: 5vw 0 7.5vw 0vw; line-height: 120%; font-family: 'regular', 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 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: 4vw; padding: 4vw;     margin: 0vw; font-size: 100%; line-height: 100%; color: #8387ab; box-sizing: content-box; width: 50vw;  -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;}
.formResponsive textarea {width: 60vw; height: 40vw; 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 10vw 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: #000 !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: #ff0000; 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 {position: relative !important; margin: 60vw 0 0 0 !important; padding: 0 !important; border: none !important;}
.rsform-block-submit button {color: #fff !important; text-decoration: none; padding: 4vw 5vw !important; background: #8387ab !important; font-size: 75% !important; border-radius: 1vw !important; width: 40vw !important; border: none !important;}
.rsform-block-submit button:hover {background: #000 !important; border: none !important;}

.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: 75%; margin: -2.5vw 0 0 0vw !important; padding: 0vw 0.5vw 0 2.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.1vw solid #ff0000 !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;}

#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;}


.pager {position: fixed; display: block; bottom: 0; margin: 0 2.5% 0 -2.5%; width: 100%; height: 1px; list-style: none; text-align: center; *zoom: 1; background: #c5c5c5; opacity: 0; filter: alpha(opacity=0);}
.pager.vis {position: fixed; display: block; bottom: 0; margin: 0 2.5% 0 -2.5%; width: 100%; height: 3.5vw; list-style: none; text-align: center; *zoom: 1; background: #c5c5c5; opacity: .4; filter: alpha(opacity=40);}

.pager.vis:hover {position: fixed; display: block; bottom: 0; margin: 0 2.5% 0 -2.5%; width: 100%; list-style: none; text-align: center; *zoom: 1; background: #ff0000; opacity: 1; filter: alpha(opacity=100);}
.pager:before, .pager:after {display: table; content: ""; line-height: 0;}
.pager:after {clear: both;}
.pager li {display: inline;}
.pager li a {color: #fff; text-decoration: none;}
.pager li > a, .pager li > span {display: inline-block; padding: 1vw 10%; width: 30%;}
.pager li > a:hover, .pager li > a:focus {text-decoration: none; background: #0072a3;}
.pager .next > a, .pager .next > span {float: right;}
.pager .previous > a, .pager .previous > span {float: left;}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {color: #fff; cursor: default;}

.pagination {width: 94.75vw; margin: 0 0 0 2.5vw;}
.pagination ul {margin: 2vw 0; padding: 1vw 3vw; overflow: hidden; border: 1px solid #f4f4f4;}
.pagination ul li {float: left; margin: 0 3vw 0 0;}
.pagination ul li a {color: #000; text-decoration: none;}
.pagination ul li.active a {color: #ff0000; text-decoration: underline;}
.pagination ul li.disabled, .pagination ul li:last-child, .pagination ul li:first-child, .pagination ul li:nth-last-child(2), .pagination ul li:nth-child(2) {display: none;}


/* всплывающие подсказки */
.tooltip {position: absolute; z-index: 1030; display: none !important; visibility: visible; font-size: 80%; opacity: 0; filter: alpha(opacity=0);}
.tooltip.in {opacity: 0.8; filter: alpha(opacity=80);}
.tooltip-inner {padding: 2vw; color: #fff; text-align: center; text-decoration: none; background: #000;}



.field-entry.links a {color: #fff; padding: 0.5vw 1vw; border: 0.1vw solid #fff; text-decoration: none;}
.field-entry.links a:hover {color: #fff; padding: 0.5vw 1vw; border: 0.1vw solid #ff0000; text-decoration: none; background: #ff0000;}





/* tabs */
.tabs {width: 100%; overflow: hidden; zoom: 1; position: relative; margin: 0; z-index: 1;}

.tabs dt {float: left; margin: 0 2.5vw 0 0; padding: 0; font-size: 125%; cursor:pointer;}
.tabs dt:hover {color: #ff0000;}
.tabs dt.selected {cursor: auto; color: #ff0000; text-decoration: underline;}

.tabs dd {display: none; float: right; width: 100%; position: relative; z-index: 2; margin: 2vw 0 0 -100%;}
.tabs dd.selected {display:block;}

.tabs .tab-content {overflow: hidden;}
.tabs_clr {clear: both; font-size: 0; height: 0; line-height: 0;}



/* sliders */
.sliders {width:100%;border-bottom:solid 1px #c4c4c4;margin:10px 0;}
.sliders .title {background:#e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;padding:7px 15px;margin:0;font-size:1.2em;line-height:1em;font-weight:bold;border:solid 1px #c4c4c4;border-bottom:none;cursor:pointer;}
.sliders .title:hover {background-color:#e3e2e2;}
.sliders .title.active {background-position:right 5px;}
.sliders .desc {margin:0;padding: 10px 15px 20px;background:#f7f7f7;border-left:solid 1px #c4c4c4;border-right:solid 1px #c4c4c4;}
/* spoilers */
.spoilers {width:100%;}
.spoilers .title {background: transparent; padding: 0; margin: 0 0 5vw 0; font-size: 125%; cursor: pointer; text-decoration: underline;}
.spoilers .title:hover {color: #8387ab;}
.spoilers .title.active {color: #8387ab; margin: 0;}
.spoilers .desc {display: none; margin: 0 0 5vw 0; padding: 0; }
.jext {display: none !important;}
.spoilers .price {width: 100%;}
.spoilers .price .line {overflow: hidden; width: 100%; border-bottom: 1px solid #f5f5f5;}
.spoilers .price .line:first-child {background: #f5f5f5; font-size: 70%; line-height: 100%;}
.spoilers .price .line:first-child .name {float: left; width: 55vw; color: #000; padding: 5vw 0 5vw 4vw;}
.spoilers .price .line:first-child .summ {float: right; width: 20vw; color: #000; text-align: center; padding: 5vw 0; display: none;}
.spoilers .price .line:hover {background: #f5f5f5;}
.spoilers .price .line .name {float: left; width: 55vw; font-size: 75%; padding: 5vw 0 5vw 4vw; line-height: 110%;}
.spoilers .price .line .summ {float: right; width: 20vw; font-size: 75%; color: #8387ab; text-align: center; padding: 5vw 0; line-height: 110%; display: none;}
.spoilers .price .line:last-child {border-bottom: none;}
.spoilers h4 {font-size: 100%; margin: 10vw 0 5vw 0;}
 




.sigplus-gallery > ul > li {display: inline-block; width: 25vw; margin: 0 1.5vw 1vw 0 !important; border: 0 none transparent; padding: 0; background: transparent none no-repeat scroll 0 0; text-align: center; visibility: visible;    opacity: 1; animation: fade-in 1s;}
.sigplus-gallery > ul > li img {width: 25vw;}

/** modal */

#sbox-content {clear: both; overflow: auto; min-height: 100%; width: 92vw; background: transparent; position: absolute;}
#sbox-content .time_article {display: none;}
#sbox-overlay {position: absolute; background: #fff; left: 0px; top: 0px; width: 100% !important; z-index: 999999990 !important;}
#sbox-window {position: fixed; background: #fff; text-align: left; overflow: hidden; padding: 0;	-moz-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; width: 90vw !important; min-height: 100vh !important; height: auto !important; padding: 0 !important; left: 0 !important; top: 0 !important; z-index: 999999999 !important;}
#sbox-btn-close {position: absolute; width: 1.5vw; height: 1.5vw; right: 5vw; top: 5vw; background: url(../images/closed.png) no-repeat center; border: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#sbox-content h1 {margin: 7vw 10vw 2vw 10vw; font-size: 300%; font-family: 'gpb', sans-serif;}
#sbox-content h3 {margin: 0vw 12vw 2vw 10vw; font-size: 150%; font-family: 'gpm', sans-serif;}
#sbox-content p {margin: 5vw 12vw 5vw 10vw; line-height: 140%;}
#sbox-content form {margin: 0vw 0 4vw 5vw;}
#sbox-content ul {margin: 0 5vw 3vw 5vw;}
#sbox-content li {margin: 0 5vw 1vw 5vw; border-left: 2px solid #fff; padding: 0 0 0 1vw;}
#sbox-content .formSpan12 {width: 40vw;}
#sbox-content .formResponsive select, #sbox-content .formResponsive textarea, #sbox-content .formResponsive input[type="text"], #sbox-content .formResponsive input[type="number"], #sbox-content .formResponsive input[type="email"], #sbox-content .formResponsive input[type="tel"], #sbox-content .formResponsive input[type="url"], #sbox-content .formResponsive input[type="password"] {width: 30vw;}
#sbox-content .nav.menu_top {}
#menu {display: none;	}

.warning {position: fixed; right: 90px; bottom: 38px;}
.warning a {padding: 16px 20px; background: #fff; text-decoration: none; color: #ff0000; border-radius: 10px; font-size: 20px;}


#jbounce-jmodal .img_popup img {width: 14.5vw; margin: 0 1vw 0 0;}
#jbounce-jmodal .img_popup img:last-child {margin: 0;}
#jbounce-jmodal .jmodal-close {position: absolute; float: right; width: 1vw; margin: 0.5vw 0 0 48vw; cursor: pointer;}
#jbounce-jmodal .jmodal-close img {width: 1vw;}
#jbounce-jmodal h2 {font-size: 500%; color: #ff0000 !important; margin: -1vw 0 0 2vw;}
#jbounce-jmodal .text {font-size: 150%; color: #2f75ba !important; margin: -0.5vw 0 2vw 2vw; width: 30vw; line-height: 130%;}
#jbounce-jmodal .blocks {width: 50vw; overflow: hidden; margin: 0 2vw 2vw 2vw;}
#jbounce-jmodal .blocks .floats {float: left; width: 21vw;}
#jbounce-jmodal .blocks .floats:last-child {float: left; width: 25vw; margin: -0.5vw 0 0 0;}

#jbounce-jmodal .formResponsive select, #jbounce-jmodal .formResponsive textarea, #jbounce-jmodal .formResponsive input[type="tel"], #jbounce-jmodal .formResponsive input[type="text"] {margin: 0 0 0.5vw 0; width: 18vw;}

/* end mobile */ }







