/**
*
* CSS Reset
*
**/
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;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
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;
}
sup {
font-size: 0.6em;
position: relative;
top: -0.5em;
vertical-align: baseline;
}
sub {
font-size: 0.6em;
bottom: -0.5em;
position: relative;
vertical-align: baseline;
}
/**
*
* Начальные настройки
*
**/
html {
background-color: #ffffff;
color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 10pt;
}
h1, h2, .h {
text-align: left;
font-size: 2rem;
color: #1a1a1a;
margin: 0 0 30px;
}
.h a {
font-size: 2rem;
}
h3 {
color: #1a1a1a;
font-size: 1.8rem;
margin: 30px 0;
}
h4 {
color: #1a1a1a;
font-size: 1.6rem;
margin: 20px 0;
text-transform: uppercase;
}
h5 {
color: #1a1a1a;
font-size: 1.6rem;
margin: 20px 0;
}
h6 {
color: #1a1a1a;
font-size: 1.4rem;
margin: 20px 0;
text-transform: uppercase;
}
p {
color: #1a1a1a;
font-size: 1.1rem;
line-height: 1.4;
margin: 0 0 22px;
}
a {
color: #2b2e95;
cursor: pointer;
font-size: 1rem;
text-decoration: underline;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all opacity 200ms linear;
transition: all 200ms linear;
}
a:hover {
color: #000000;
text-decoration: underline;
}
ul {
margin: 0 0 30px;
}
li {
font-size: 1rem;
font-style: italic;
list-style: circle outside;
margin: 5px 0 10px 25px;
}
li a {
font-style: italic;
}
strong {
font-weight: 700;
}
/**
*
* Исключения настройки
*
**/
h2 a {
border-bottom: 1px solid transparent;
color: #1a1a1a;
font-size: 2rem;
margin: 0 0 30px;
text-align: left;
text-decoration: none;
}
h2 a:hover {
border-bottom-color: #aeaeae;
text-decoration: none;
}
p.big {
font-size: 1.3rem;
color: #3a3a3a;
}
p.small {
font-size: 1rem;
font-style: italic;
}
p.empty
/**
*
* Типы файлов
*
**/
.file {
margin: 0 0 30px;
padding: 0 0 0 40px;
position: relative;
}
.file:nth-of-type(1) {
margin-top: 40px;
}
.file:nth-last-of-type(1) {
margin-bottom: 0;
}
.file a {
border-bottom: 1px solid #8cd8ff;
color: #148bc8;
cursor: pointer;
font-size: 1.2rem;
font-style: italic;
text-decoration: none;
}
.file a:hover {
border-bottom-color: transparent;
color: #000000;
}
.file a:before {
background: url(../images/file-type.png) 0 0 no-repeat;
background-size: 100% auto;
content: '';
height: 26px;
left: 0;
position: absolute;
top: -5px;
width: 26px;
}
.file a[href $= ".pdf"]:before {
background-position: 0 -104px;
}
.file a[href $= ".doc"]:before, .file a[href $= ".docx"]:before {
background-position: 0 -26px;
}
.file a[href $= ".jpg"]:before, .file a[href $= ".png"]:before, .file a[href $= ".gif"]:before {
background-position: 0 -52px;
}
.file a[href $= ".rar"]:before {
background-position: 0 -156px;
}
.file a[href $= ".xls"]:before, .file a[href $= ".xlsx"]:before {
background-position: 0 -182px;
}
.file a[href $= ".zip"]:before, .file a[href $= ".7z"]:before {
background-position: 0 -208px;
}
.file span {
color: #939393;
font-size: 1rem;
letter-spacing: -0.5px;
margin: 0 0 0 15px;
}
/**
*
* Иконки
*
**/
.icons:before {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
content: '';
position: absolute;
}
.icon-adress-grey:before {
width: 15px;
height: 19px;
background-position: -2px -2px;
}
.icon-phone-grey:before {
width: 14px;
height: 16px;
background-position: -2px -76px;
}
.icon-mail-grey:before {
width: 18px;
height: 12px;
background-position: -20px -76px;
}
.icon-exit-hover:before {
width: 13px;
height: 24px;
background-position: -42px -76px;
}
.icon-phone-white:before {
width: 25px;
height: 28px;
background-position: -92px -2px;
}
.icon-exit:before {
width: 13px;
height: 24px;
background-position: -2px -34px;
}
.icon-arrow-lite-hover:before {
width: 21px;
height: 54px;
background-position: -92px -34px;
}
.icon-arrow-lite:before {
width: 21px;
height: 54px;
background-position: -121px -2px;
}
.icon-adress-white:before {
width: 25px;
height: 30px;
background-position: -117px -60px;
}
.icon-close:before {
width: 33px;
height: 33px;
background-position: -21px -2px;
}
.icon-arrow-big:before {
width: 30px;
height: 70px;
background-position: -58px -2px;
}
/**
*
* Пользовательское
*
**/
.page {
background-image: url(../images/background-bubble.png), url(../images/background.png);
min-width: 1000px;
overflow: hidden;
padding: 80px 0 0;
z-index: 10;
}
.page .region {
clear: both;
position: relative;
z-index: 100;
}
.page .region > .wrapper {
margin: 0 auto;
text-align: left;
width: 980px;
}
.page .region-1 {
background-image: url(../images/background-menu-main.jpg);
background-position: center top;
background-repeat: repeat-x;
background-size: auto 100%;
}
.page-index .region-7 {
margin: -30px 0 0;
}
.page-index .region-6, .page-index .region-7, .page .region-4 {
background-color: #040509;
}
.page-index .region-6, .page .region-4 {
background-image: url(../images/background-footer.jpg);
background-position: center top;
background-repeat: repeat-x;
}
.page .region-4 {
margin: 30px 0 0;
}
.page-index .region-6 {
margin: 40px 0 0;
padding: 20px 0 0;
}
.page-index .region-4 {
background: none;
}
.page-index .region-4, .page .region-3 {
overflow: hidden;
}
.page-index .region-4 > .wrapper,
.page .region-3 > .wrapper,
.page .region-2 > .wrapper,
.page .region-22 > .wrapper {
background-color: rgba(255, 255, 255, 0.9);
margin: 0 -40px;
padding: 30px 40px 40px;
width: 1060px;
}
.page .region-22 > .wrapper {
padding: 0 40px;
}
.page .region-2 > .wrapper {
padding-bottom: 1px;
margin-bottom: -20px;
}
.page-index .region-2 > .wrapper {
margin-bottom: 40px;
}
.page-index .region-3 {
background-color: #000000;
background-image: url(../images/background-slider.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: 1400px 100%;
margin: 0 0 50px;
padding: 30px 0 10px;
}
.page-index .region-3 > .wrapper {
background: none;
width: 980px;
padding: 0;
}
.page > .decoration {
position: relative;
z-index: 90;
}
.page > .decoration > .wrapper {
}
.page > .fixed {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 200;
}
.page > .fixed > .wrapper {
}
.columns {
font-size: 0;
line-height: 0;
letter-spacing: -1;
}
.columns > .column, .columns > .row {
font-size: 1rem;
line-height: 1;
letter-spacing: normal;
}
.columns > .column {
display: inline-block;
position: relative;
vertical-align: top;
}
.columns > .column-25 {
margin-right: 30px;
width: 250px;
}
.columns .column-50 {
margin: 0 30px 0 0;
width: 460px;
}
.columns .column-50:nth-of-type(2n) {
margin: 0 0 0 30px;
}
.columns > .column-70 {
width: 700px;
}
.logo {
display: inline-block;
height: 80px;
line-height: 0;
}
.slogo {
font-size: 1.3rem;
font-weight: 300;
margin: 20px 0 0;
text-align: center;
text-transform: uppercase;
}
.phone {
background-image: url(../images/phone.png);
background-position: 2px center;
background-repeat: no-repeat;
font-size: 1.8rem;
padding: 4px 0 4px 30px;
margin: 0 0 12px;
text-shadow: 1px 1px 0px #ffffff;
}
.phone span {
display: inline-block;
font-weight: 700;
margin: 0 4px 0 7px;
}
.mail {
background-image: url(../images/mail.png);
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
font-size: 1.8rem;
margin: 0 0 12px;
padding: 1px 0 4px 30px;
text-shadow: 1px 1px 0px #ffffff;
}
.mail a {
border-bottom: 1px solid #cccccc;
color: #1a1a1a;
font-size: inherit;
text-decoration: none;
}
.mail a:hover {
border-bottom-color: transparent;
color: #000;
}
.adress {
background-image: url(../images/adress.png);
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
font-size: 1.8rem;
margin: 0 0 12px;
padding: 1px 0 4px 30px;
text-shadow: 1px 1px 0px #ffffff;
}
.adress a {
border-bottom: 1px solid #cccccc;
color: #1a1a1a;
font-size: inherit;
text-decoration: none;
}
.adress a:hover {
border-bottom-color: transparent;
color: #000;
}
.price {
margin: 20px 0 0;
position: relative;
}
.price > span {
color: #2b2e95;
display: inline-block;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
margin: 0 10px 0 0;
position: relative;
text-transform: uppercase;
vertical-align: top;
}
.price > span:before {
color: #1a1a1a;
content: 'Цена';
display: none;
font-size: 0.9rem;
font-weight: 400;
margin: 0 15px 0 0;
text-transform: uppercase;
}
.price > span:after {
color: #1a1a1a;
content: 'р';
font-size: 0.9rem;
font-weight: 400;
margin: 0 0 0 7px;
text-transform: uppercase;
top: 1px;
}
.price .discount {
position: absolute;
top: -20px;
text-align: center;
width: 100%;
}
.price .discount span {
font-size: 0.9rem;
font-weight: 400;
display: inline-block;
padding: 0 2px;
position: relative;
}
.price .discount span:before {
background-color: #ba0000;
content: '';
height: 1px;
left: 0;
position: absolute;
top: 5px;
width: 100%;
}
.price .discount:before {
}
.price .discount:after {
display: none;
}
.button {
line-height: 0;
}
.button a {
background-color: #2b2e95;
color: #ffffff;
display: inline-block;
font-size: 1.1rem;
line-height: 1;
margin: 0;
padding: 15px 25px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.button a:hover {
background-color: #1a1a1a;
}
.button-callme {
}
.button-callme a {
background-color: #1a1a1a;
}
.button-callme a:hover {
background-color: #2b2e95;
}
.button-basket {
height: 0px;
position: relative;
line-height: 0;
}
.button-basket a {
display: block;
height: 27px;
right: 0;
position: absolute;
text-decoration: none;
top: -30px;
width: 27px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.button-basket a:hover {
background-color: #000;
}
.button-basket a:before, .button-basket a:after {
background-position: center center;
background-repeat: no-repeat;
content: '';
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.button-basket a:before {
background-image: url(../images/basket.png);
}
.button-basket a:after {
background-image: url(../images/basket-ready.png);
opacity: 0;
}
.button-basket .ready {
background-color: transparent;
cursor: default;
}
.button-basket .ready:hover {
background-color: transparent;
}
.button-basket .ready:before {
opacity: 0;
}
.button-basket .ready:after {
opacity: 1;
}
.more {
border-bottom: 1px solid #228de1;
color: #228de1;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
}
.more:hover {
border-bottom-color: transparent;
}
.social {
display: inline-block;
margin: 24px 0 0;
}
.social a {
display: inline-block;
text-decoration: none;
}
.social a:hover {
opacity: 1;
}
.social .od {
background-image: url(../images/social-od.png);
background-position: center center;
background-repeat: no-repeat;
height: 16px;
width: 10px;
vertical-align: top;
}
.social .vk {
background-image: url(../images/social-vk.png);
background-position: center center;
background-repeat: no-repeat;
height: 16px;
width: 16px;
vertical-align: top;
}
.social .fb {
background-image: url(../images/social-fb.png);
background-position: center center;
background-repeat: no-repeat;
height: 16px;
width: 16px;
vertical-align: top;
}
.social .sk {
background-image: url(../images/social-sk.png);
background-position: center center;
background-repeat: no-repeat;
height: 16px;
width: 16px;
vertical-align: top;
}
.social .tw {
background-image: url(../images/social-tw.png);
background-position: center center;
background-repeat: no-repeat;
height: 16px;
width: 20px;
vertical-align: top;
}
.developer {
margin: 15px 0 0;
}
.developer a {
border-bottom: 1px solid #cecece;
color: #1a1a1a;
font-size: 0.7rem;
font-weight: 300;
text-decoration: none;
text-transform: uppercase;
}
.developer a:hover {
border-bottom-color: transparent;
}
.date {
margin: 0 0 5px;
position: block;
}
.date span {
background-color: #3a3a3a;
color: #ffffff;
display: inline-block;
font-size: 0.8rem;
font-weight: 300;
padding: 7px 12px;
}
.link {
color: #343691;
font-size: 1.2rem;
line-height: 1.6;
margin: 10px 0 0;
}
.link a {
border-bottom: 1px solid #343691;
color: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: none;
}
.link a.nolink {
border-bottom-color: transparent;
color: #1a1a1a;
cursor: default;
}
.link a:hover {
border-bottom-color: transparent;
color: #1a1a1a;
}
.content-lite {
color: #6a6a6a;
cursor: default;
font-size: 1rem;
font-weight: 300;
line-height: 1.4;
margin: 15px 0 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.block {
margin: 0 0 35px;
}
.blocks {
margin: 20px 0 30px;
position: relative;
}
.blocks > .block {
display: inline-block;
width: 100%;
vertical-align: top;
}
.blocks > .block-auto {
width: auto;
margin: 0 20px 30px 0;
}
.blocks > .block-25 {
width: 22%;
}
.blocks > .block-25:nth-of-type(4n+2) {
margin: 0 2% 35px 4%;
}
.blocks > .block-25:nth-of-type(4n+3) {
margin: 0 4% 35px 2%;
}
.blocks > .block-33 {
width: 30%;
}
.blocks > .block-33:nth-of-type(3n+2) {
margin: 0 5% 35px;
}
.blocks > .block-50 {
width: 48%;
}
.blocks > .block-50:nth-of-type(2n) {
margin: 0 0 35px 2%;
}
.blocks > .block-50:nth-of-type(2n+1) {
margin: 0 2% 35px 0;
}
.content-map {
margin: 0;
}
.content-map > .wrapper {
height: 450px;
position: relative;
margin: 0 0 -25px;
}
.label {
font-size: 0.9rem;
font-weight: 400;
display: inline-block;
line-height: 0.9rem;
margin: 5px 15px 0 0;
text-transform: uppercase;
}
.value {
font-size: 1.4rem;
font-weight: 700;
display: inline-block;
line-height: 1.4;
}
.crumb {
text-align: left;
white-space: nowrap;
vertical-align: top;
overflow: hidden;
}
.crumb a {
border-bottom: 1px solid #afafaf;
color: #6a6a6a;
display: inline-block;
font-size: 11px;
font-weight: 400;
line-height: 14px;
margin: 0 0 0 20px;
opacity: 0.8;
position: relative;
text-decoration: none;
z-index: 10;
}
.crumb a:first-child {
margin: 0;
}
.crumb a:before {
background-image: url(../images/crumb.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 100% 100%;
content: '';
height: 5px;
left: -11px;
top: 5px;
opacity: 0.5;
position: absolute;
width: 3px;
}
.crumb a:hover {
border-bottom-color: transparent;
}
.crumb a:first-child:before {
display: none;
}
.crumb a.active {
cursor: default;
border-bottom-color: transparent;
color: #bababa;
}
.crumb a.active:hover {
border-bottom-color: transparent;
color: #cacaca;
}
.crumb a span {
display: inline-block;
}
.crumb a span.text {
/**
white-space: nowrap;
max-width: 232px;
text-overflow: ellipsis;
overflow: hidden;
**/
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.crumb a:hover span.text {
color: #000;
border-bottom: 1px solid #000;
opacity: 1;
}
.crumb a span.active {
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
}
.crumb a.current span.text {
color: #000;
border-bottom: 1px solid transparent;
cursor: default;
}
.crumb a.current:hover span.text {
color: #000;
}
.crumb a.current span.active {
opacity: 0;
}
.crumb > span {
vertical-align: top;
display: inline-block;
background: url(../images/control-crumb.png) center center no-repeat;
width: 3px;
height: 5px;
margin: 7px 15px 0 0;
}
.photos {
margin: 20px -5px 0;
position: relative;
}
.photos-catalog {
}
.photos .photo {
position: relative;
width: 150px;
line-height: 0;
vertical-align: bottom;
display: inline-block;
margin: 10px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.photos-catalog .photo {
background-position: center center;
background-size: cover;
opacity: 0.9;
margin: 0 5px 10px;
height: 155px;
overflow: hidden;
width: 155px;
}
.photos-catalog .photo:hover {
opacity: 1;
}
.photos .photo:hover {
}
.photos .photo .hover {
}
.photos .photo:hover .hover {
}
.photos .photo a {
display: inline-block;
width: 100%;
height: 100%;
position: relative;
background-position: center center;
background-repeat: no-repeat;
z-index: 20;
line-height: 0;
}
.photos .photo a img {
width: 100%;
}
.manufacturer {
margin: 30px -10px;
}
.manufacturer .blocks {
z-index: 20;
position: relative;
}
.manufacturer .block {
margin: 0 10px 20px;
position: relative;
}
.manufacturer .block .label {
cursor: pointer;
display: inline-block;
padding: 9px 15px 10px 15px;
color: #ffffff;
position: relative;
text-decoration: none;
margin: 0;
}
.manufacturer .block .label.delete {
background-color: #2B2E95;
}
.manufacturer .block .label:before {
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.manufacturer .block .label.delete:after {
position: absolute;
display: inline-block;
width: 12px;
height: 12px;
background-color: transparent;
background-image: url(../images/close-white.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 100%;
border-color: transparent;
border-radius: 0 0 0 3px;
border-style: solid;
border-width: 2px 2px 3px 3px;
top: 0px;
right: 0px;
content: '';
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.manufacturer .block .label.delete:hover:after{
background-color: #000000;
border-color: #000000;
}
.filter {
margin: 20px 0px 30px;
}
.filter .blocks {
padding: 25px 20px 5px;
border: 1px solid #cccccc;
z-index: 20;
position: relative;
background: #eeeeee;
}
.filter .block {
margin: 0 10px 20px;
position: relative;
}
.filter .block .label {
cursor: pointer;
margin: 0;
}
.filter .block .dropping {
margin: 0;
position: absolute;
visibility: hidden;
opacity: 0;
min-width: 100px;
max-width: 250px;
width: auto;
padding-top: 15px;
left: 0;
top: 12px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.filter .block:hover .dropping {
padding: 10px 0 0;
visibility: visible;
opacity: 1;
}
.filter .block .dropping a {
font-size: 0.9rem;
color: #ffffff;
display: block;
line-height: 1;
padding: 10px 17px 9px 15px;
position: relative;
text-decoration: none;
background-color: #333333;
white-space: nowrap;
z-index: 1;
}
.filter .block .dropping a:hover {
background-color: #1a1a1a;
color: #fff;
z-index: 2;
}
.filter .block .dropping a.ready:after {
position: absolute;
opacity: 0;
display: inline-block;
width: 12px;
height: 12px;
background-color: transparent;
background-image: url(../images/close-white.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 100%;
border-color: transparent;
border-radius: 0 0 0 3px;
border-style: solid;
border-width: 2px 2px 3px 3px;
top: 0px;
right: 0px;
content: '';
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.filter .block .dropping a.ready:hover:after{
background-color: #000000;
border-color: #000000;
opacity: 1;
}
.filter .list {
margin: 30px -10px 0;
position: relative;
z-index: 10;
}
.filter .list a {
display: inline-block;
padding: 9px 16px 10px 11px;
color: #ffffff;
position: relative;
text-decoration: none;
margin: 0 10px 15px 10px;
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
.filter .list a:after {
position: absolute;
display: inline-block;
width: 12px;
height: 12px;
background-color: transparent;
background-image: url(../images/close-white.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 100%;
border-color: transparent;
border-radius: 0 0 0 3px;
border-style: solid;
border-width: 2px 2px 3px 3px;
top: 0px;
right: 0px;
content: '';
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.filter .list a:hover:after{
background-color: #000000;
border-color: #000000;
}
.image {
line-height: 0;
}
.image a {
}
.image img {
width: 100%;
}
._catalog .elements .image,
._manufacturer .elements .image {
align-items: center;
display: flex;
height: 228px;
width: 228px;
}
._catalog .elements .image a,
._manufacturer .elements .image a {
align-items: center;
display: flex;
height: 100%;
text-align: center;
width: 100%;
}
._catalog .elements .image a img,
._manufacturer .elements .image a img {
max-height: 100%;
max-width: 100%;
width: auto;
}
.count {
display: inline-block;
vertical-align: top;
}
.count input {
border: 1px solid #cccccc;
padding: 5px 9px 5px;
margin: 0;
color: #999999;
font-size: 11px;
outline: none;
width: 60px;
background: rgb(229,229,229);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(249,249,249,1) 40%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(40%,rgba(249,249,249,1)), color-stop(100%,rgba(249,249,249,1)));
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 );
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.count input:focus {
color: #1a1a1a;
border-color: #999999;
}
.total .label {
display: inline-block;
font-size: 1.4rem;
font-weight: 300;
margin: 0 50px 0 0;
}
.total .text {
display: inline-block;
font-size: 1.4rem;
font-weight: 300;
margin: 0 25px 0 0;
}
.total .count span {
font-size: 1.4rem;
font-weight: 400;
display: inline-block;
line-height: 1;
margin: 0 5px 0 0;
}
.total .count span:after {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
content: 'шт.';
margin: 0 50px 0 5px;
text-transform: none;
}
.total .price span {
color: #1a1a1a;
font-size: 1.4rem;
font-weight: 700;
display: inline-block;
margin: 0 5px 0 0;
}
.total .price span:after {
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
content: 'руб.';
margin: 0 0 0 5px;
text-transform: none;
}
.parameters {
margin: 20px 0 0;
}
._catalog .elements .parameters,
._manufacturer .elements .parameters {
display: none;
}
.parameters .parameter {
margin: 8px 0 0;
white-space: nowrap;
}
.parameters .parameter span,
.parameters .parameter a {
display: inline-block;
font-size: 0.9rem;
line-height: 1;
text-overflow: ellipsis;
white-space: normal;
vertical-align: top;
}
.parameters .parameter span:nth-of-type(2n+1) {
text-align: right;
width: 180px;
}
.parameters .parameter span:nth-of-type(2n+2) {
color: #000000;
font-weight: 700;
margin: 0 0 0 10px;
text-align: left;
width: 210px;
}
.parameters .parameter a {
border-bottom: 1px solid #2b2e95;
font-weight: 700;
margin: 0 0 0 0;
text-align: left;
text-decoration: none;
}
.parameters .parameter a:hover {
border-bottom-color: transparent;
}
.parameters .parameter .flag {
height: auto;
position: relative;
margin-left: 20px;
margin-top: -8px;
width: 24px;
right:
}
.basket {
}
.basket .element {
margin: 0 0 30px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.basket .element.remove {
opacity: 0;
height: 0;
margin: 0;
}
.basket .link {
margin: 5px 25px 0 0;
width: 460px;
}
.basket .price {
margin: 5px 25px 0 0;
width: 100px;
}
.basket .price span {
color: #1a1a1a;
display: inline-block;
font-size: 1.1rem;
font-weight: 300;
line-height: 1;
margin: 0 10px 0 0;
text-transform: uppercase;
vertical-align: top;
}
.basket .price span:after {
color: #1a1a1a;
content: 'р';
font-size: 1rem;
font-weight: 300;
margin: 0 0 0 7px;
text-transform: uppercase;
top: 1px;
}
.basket .count {
margin: 0 25px 0 0;
width: 100px;
}
.basket .count input {
width:
}
.basket .total {
margin: 5px 25px 0 0;
width: 100px;
}
.basket .total span {
color: #1a1a1a;
display: inline-block;
font-size: 1.1rem;
font-weight: 700;
line-height: 1;
margin: 0 10px 0 0;
text-transform: uppercase;
vertical-align: top;
}
.basket .total span:after {
color: #1a1a1a;
content: 'р';
font-size: 1rem;
font-weight: 400;
margin: 0 0 0 7px;
text-transform: uppercase;
top: 1px;
}
.basket .button {
text-align: right;
width: 120px;
}
.basket .button a {
font-size: 0.7rem;
font-weight: 300;
padding: 8px 13px;
}
/*
*
* WYSIWYG
*
*/
/* Блок в шабке сайта */
.wysiwyg-header {
position: relative;
font-size: 0;
color: #000;
}
.wysiwyg-header .column-1 {
width: 470px;
}
.wysiwyg-header .column-2 {
width: 310px;
}
.wysiwyg-header .column-3 {
text-align: right;
width: 200px;
}
.wysiwyg-header .button {
}
/* блок в ботинке сайта */
.wysiwyg-footer {
color: #ffffff;
}
.wysiwyg-footer p, .wysiwyg-footer a, .wysiwyg-footer span {
color: #ffffff;
}
.wysiwyg-footer .column-1 {
width: 160px;
}
.wysiwyg-footer .column-2 {
margin: 10px 0 0;
width: 380px;
}
.wysiwyg-footer .column-3 {
margin: 10px 0 0;
text-align: right;
width: 440px;
}
.wysiwyg-footer .link {
border-bottom: 1px solid transparent;
display: inline-block;
font-size: 0.8rem;
font-weight: 300;
margin: 0 0 0 17px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.wysiwyg-footer .link:hover {
border-bottom-color: #a1a1a1;
}
.wysiwyg-footer .link:before {
background-color: #a1a1a1;
content: '';
height: 5px;
left: -9px;
position: absolute;
width: 1px;
top: 6px;
}
.wysiwyg-footer .link:nth-of-type(1) {
margin: 0;
}
.wysiwyg-footer .link:nth-of-type(1):before {
display: none;
}
/*
*
* Идивидуальное
*
*/
#header {
margin: 0 0 30px;
}
#map {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
#ajax {
display: none;
}
#banner {
text-align: left;
position: relative;
}
#banner .wrapper {
}
#banner a {
display: block;
line-height: 0;
margin: 0;
position: relative;
text-decoration: none;
}
#banner a:after {
background-image: url(../images/shadow.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% 100%;
bottom: -14px;
content: '';
height: 15px;
left: 0;
opacity: 0.6;
position: absolute;
width: 100%;
z-index: -1;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#banner a:hover:after {
opacity: 1;
}
#banner img {
width: 100%;
}
#basket_total {
margin: 15px 0 35px;
}
#basket {
background-color: rgba(0, 0, 0, 0.8);
bottom: 0;
height: 60px;
left: 0;
opacity: 0;
position: fixed;
text-align: left;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
width: 100%;
visibility: hidden;
z-index: 200;
}
#basket.show {
opacity: 1;
visibility: visible;
}
#basket .wrapper {
margin: 0 auto;
text-align: right;
width: 1000px;
}
#basket .count, #basket .price, #basket .button {
display: inline-block;
vertical-align: top;
}
#basket .count, #basket .price {
line-height: 1;
margin: 20px 30px 0 0;
}
#basket .count span, #basket .price span {
color: #ffffff;
display: inline-block;
vertical-align: top;
}
#basket .count .label, #basket .price .label {
font-size: 0.9rem;
font-weight: 400;
line-height: 1;
margin: 9px 10px 0 0;
text-transform: uppercase;
}
#basket .count .value, #basket .price .value {
font-size: 1.4rem;
font-weight: 700;
display: inline-block;
line-height: 1.4;
}
#basket .price .label:after {
display: none;
}
#basket .price .value:after {
color: #ffffff;
}
#basket .button {
margin: 8px 0 0;
}
#basket._admin {
display: none;
}
#catalog {
position: relative;
text-align: left;
}
#catalog > .wrapper {
font-size: 0;
}
#catalog .content-lite {
margin: 0 0 30px;
}
#catalog .elements {
margin: 0 0 30px;
}
#catalog .elements .button {
position: absolute;
right: 0;
bottom: -4px;
}
#catalog .block {
margin-bottom: 0;
position: relative;
}
#catalog .price {
padding: 0 50px 0 0;
text-align: right;
}
#control {
position: relative;
}
#control > .wrapper {
margin: 10px 0 30px 0;
}
#filler {
margin: 20px 0 0;
position: relative;
text-align: left;
}
#filler > .wrapper {
}
#filler .elements {
}
#filler .elements .column-1 {
margin: 0 30px 0 0;
width: 200px;
}
#filler .elements .column-2 {
width: 240px;
}
#filler .elements .link {
margin: 0;
}
.page-catalog #filler .elements .link {
margin-top: 20px;
}
#filler .elements .price {
padding: 0 60px 0 0;
text-align: right;
}
#filler .elements .button {
position: absolute;
right: 0;
bottom: -4px;
}
#footer {
position: relative;
}
#footer > .wrapper {
padding: 30px 0 40px;
}
#footer._index > .wrapper, #footer._catalog > .wrapper, #footer._basket > .wrapper {
padding: 30px 0 70px;
}
#index {
position: relative;
text-align: left;
margin: 35px 0 0;
}
#index .wrapper {
}
#menu_left {
text-align: left;
}
#menu_left .wrapper {
background-color: #000000;
background-image: url(../images/background-menu-left.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% 1398px;
padding: 15px 0 25px;
position: relative;
}
#menu_left .wrapper:after {
}
#menu_left div.separator {
line-height: 0;
width: 100%;
height: 0px;
}
#menu_left div.root {
line-height: 0;
}
#menu_left div.root:first-child {
border-top: none;
}
#menu_left div.root:last-child {
border-bottom: none;
}
#menu_left div.root a {
display: inline-block;
display: block;
position: relative;
text-align: left;
line-height: 0;
text-decoration: none;
}
#menu_left div.root a:before, #menu_left div.root a:after {
content: '';
height: 100%;
left: 0;
opacity: 0;
position: absolute;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
top: 0;
transition: all 200ms linear;
width: 100%;
}
#menu_left div.root a:before {
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
#menu_left div.root a:after {
background-color: #000000;
z-index: 2;
}
#menu_left div.root a span {
color: #ffffff;
display: block;
font-size: 1rem;
font-weight: 400;
line-height: 1;
padding: 16px 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
text-shadow: 0 0 0 #000000;
transition: all 200ms linear;
z-index: 40;
}
#menu_left div.root a span:before {
content: '';
position: absolute;
}
#menu_left div.root a:hover:before {
opacity: 1;
}
#menu_left div.root a:hover span {
text-shadow: 0 0 2px #000000;
}
#menu_left div.root a.active:after {
opacity: 1;
}
#menu_left div.root a.active span {
text-shadow: 0 0 2px #000000;
}
#menu_left div.childs {
line-height: 0;
padding: 8px 0 7px;
}
#menu_left div.childs div.child {
margin: 7px 20px 8px 30px;
}
#menu_left div.childs div.child:first-child {
border-top: none;
}
#menu_left div.childs div.child a {
position: relative;
padding: 0;
text-align: left;
text-decoration: none;
}
#menu_left div.childs div.child a:before {
content: '-';
color: #cccccc;
font-size: 12px;
position: absolute;
left: -10px;
top: 9px;
}
#menu_left div.childs div.child a:hover:before {
color: #cccccc;
}
#menu_left div.childs div.child a.active:before {
color: #cccccc;
}
#menu_left div.childs div.child a span {
border-bottom: 1px solid transparent;
color: #ffffff;
font-size: 12px;
line-height: 16px;
font-weight: 400;
display: inline-block;
border-bottom: 1px solid transparent;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#menu_left div.childs div.child a:hover span {
border-bottom-color: #cccccc;
}
#menu_left div.childs div.child a.active span {
border-bottom-color: #cccccc;
color: #ffffff;
}
#menu_left div.childs div.child a.active span.symbol {
display: inline-block;
width: 8px;
height: 11px;
position: absolute;
background: url(../images/menu-left-child.jpg) center center no-repeat;
left: -22px;
top: 3px;
display: none;
}
#menu_main {
position: relative;
margin: 0 -10px;
z-index: 20;
}
#menu_main._admin {
}
#menu_main > div.wrapper {
height: 50px;
position: relative;
text-align: left;
white-space: nowrap;
width: 1000px;
}
#menu_main > div.wrapper:before, #menu_main > div.wrapper:after {
}
#menu_main > div.wrapper:before {
}
#menu_main > div.wrapper:after {
background-image: url(../images/shadow.png);
background-position: center top;
background-size: 120% 100%;
content: '';
height: 20px;
left: 0;
position: absolute;
opacity: 0.6;
bottom: -20px;
width: 100%;
z-index: -1
}
#menu_main div.menu {
position: relative;
text-align: center;
z-index: 1;
}
#menu_main div.menu:before {
background-color: #1a1a1a;
border-left: 1px solid #a1a1a1;
content: '';
height: 100%;
left: -1px;
opacity: 0.2;
position: absolute;
top: 0;
width: 1px;
}
#menu_main div.menu:first-child:before {
display: none;
}
#menu_main div.menu a {
color: #ffffff;
display: inline-block;
font-size: 0.9rem;
height: 50px;
padding: 17px 30px 20px;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
z-index: 1;
}
#menu_main div.menu a:hover {
}
#menu_main div.menu a:before {
background-color: rgba(0, 0, 0, 0.5);
content: '';
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
width: 100%;
z-index: -1;
}
#menu_main div.menu a:hover:before {
opacity: 1;
}
#menu_main div.menu.active a {
}
#menu_main div.menu.active a:before {
background-color: #000000;
opacity: 0.6;
}
#menu_main div.menu div.dropping {
left: 0;
opacity: 0;
padding: 5px 0;
position: absolute;
top: 50px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
visibility: hidden;
width: 220px;
}
#menu_main._index div.menu div.dropping {
display: none;
}
#menu_main div.menu:hover div.dropping {
opacity: 1;
padding: 10px 0 0;
visibility: visible;
}
#menu_main div.menu div.dropping > div.wrapper {
background-color: rgba(0, 0, 0, 0.8);
padding: 10px 0 15px;
}
#menu_main div.menu div.dropping a {
color: #ffffff;
display: block;
font-size: 0.9rem;
height: auto;
padding: 10px 20px;
text-align: left;
text-overflow: ellipsis;
white-space: normal;
}
#menu_main div.menu div.dropping a:hover {
background-color: #000000;
}
#menu_main div.menu div.dropping a:before {
display: none;
}
#menu_main div.menu.callback {
float: right;
background-color: #A60000;
}
#menu_main div.menu.callback:before {
display: none;
}
#news {
position: relative;
text-align: left;
margin: 15px 0;
}
#news .wrapper {
}
#info {
position: relative;
text-align: left;
margin: 15px 0;
}
#info .wrapper {
}
#news h2 a, #info h2 a {
color: #ffffff;
}
#news .link, #info .link {
color: #eeeeee;
}
#news .link a, #info .link a {
border-bottom: 1px solid #a1a1a1;
}
#news .link a:hover, #info .link a:hover {
border-bottom-color: transparent;
color: #ffffff;
}
#news .content-lite, #info .content-lite {
color: #999999;
}
#scroll_top {
position: fixed;
display: inline-block;
width: 100%;
height: 0;
min-width: 1000px;
left: 0;
bottom: 0;
margin: 0 auto;
z-index: 0;
}
#scroll_top a {
position: absolute;
width: 52px;
height: 52px;
background: url(../images/scroll-top.png) center center no-repeat;
background-size: 52px 52px;
display: inline-block;
cursor: pointer;
bottom: 15px;
right: 15px;
z-index: 10;
-webkit-border-radius: 6px;
border-radius: 6px;
z-index: 1000;
}
#slider {
position: relative;
text-align: left;
}
#slider > .wrapper {
height: 350px;
margin: 0 -10px 50px;
padding: 0 0 20px;
text-align: center;
}
#slider > .wrapper > .arrow {
background-repeat: no-repeat;
height: 100%;
opacity: 0.5;
position: absolute;
text-decoration: none;
top: 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
width: 50px;
z-index: 40;
}
#slider > .wrapper > .arrow:hover {
opacity: 1;
}
#slider > .wrapper > .arrow.previous {
background-image: url(../images/previous.png);
background-position: left 150px;
left: -50px;
}
#slider > .wrapper > .arrow.next {
background-position: right 150px;
background-image: url(../images/next.png);
right: -50px;
}
#slider > .wrapper > .blocks {
background-color: rgba(0, 0, 0, 0.8);
height: 100%;
line-height: 0;
position: relative;
}
#slider > .wrapper > .blocks > .block {
font-size: 0;
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
text-align: left;
top: 0;
visibility: hidden;
width: 100%;
z-index: 10;
}
#slider > .wrapper > .blocks > .block.active {
opacity: 1;
visibility: visible;
z-index: 20;
}
#slider > .wrapper > .blocks > .block > .element {
color: #fff;
display: inline-block;
height: 100%;
position: relative;
vertical-align: top;
width: 100%;
}
#slider > .wrapper > .blocks > .block > .element:first-child {
}
#slider > .wrapper > .blocks > .block > .element > a {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 30;
}
#slider > .wrapper > .blocks > .block > .element > .title {
background-color: rgba(0, 0, 0, 0.8);
color: #ffffff;
display: inline-block;
font-size: 2rem;
font-weight: 400;
line-height: 1.5;
padding: 25px 35px;
position: relative;
margin: 50px 50px 0;
text-shadow: 0px 0px 3px #000000;
text-transform: uppercase;
width: 460px;
z-index: 20;
}
#slider > .wrapper > .blocks > .block > .element > .content-lite {
background-color: rgba(0, 0, 0, 0.8);
color: #ffffff;
display: inline-block;
font-size: 1rem;
font-style: italic;
font-weight: 400;
line-height: 1.3;
padding: 0 35px 35px;
position: relative;
margin: 0 50px 0;
text-shadow: 0px 0px 1px #000000;
width: 460px;
z-index: 20;
}
#slider > .wrapper > .blocks > .block > .element > .image {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
#slider > .wrapper > .blocks > .block > .element > .image img {
width: 100%;
height: 100%;
}
#slider > .wrapper > .circles {
position: absolute;
z-index: 40;
bottom: -5px;
height: 0px;
width: 100%;
text-align: center;
}
#slider > .wrapper > .circles a {
background-color: #ffc180;
-webkit-border-radius: 7px;
border-radius: 7px;
display: inline-block;
height: 14px;
margin: 0 5px;
opacity: 0.5;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-ms-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
width: 14px;
}
#slider > .wrapper > .circles a:hover {
opacity: 0.9;
}
#slider > .wrapper > .circles a.active {
opacity: 0.7;
background-color: #2b2e95;
}
#viewer {
text-align: center;
z-index: 900;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
overflow: scroll;
}
#viewer h1, #viewer h2, #viewer h3, #viewer h4, #viewer h5, #viewer p, #viewer a, #viewer li {
color: #000;
}
#viewer div.overlay {
width: 100%;
height: 100%;
display: inline-block;
background: url(../images/viewer-loading.gif) center center no-repeat rgba(26, 26, 26, 0.85);
position: fixed;
z-index: 10;
top: 0;
left: 0;
opacity: 0;
cursor: default;
}
#viewer div.overlay div.gradient {
visibility: hidden;
}
#viewer div.overlay div.control {
position: relative;
width: 100%;
height: 100%;
display: inline-block;
}
#viewer div.overlay div.control a {
display: inline-block;
position: relative;
}
#viewer div.overlay div.control a span {
position: absolute;
width: 40px;
height: 40px;
top: 30px;
z-index: 20;
opacity: 0.2;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.overlay div.control a div {
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
}
#viewer div.overlay div.control a:hover span {
opacity: 1;
}
#viewer div.overlay div.control a.close {
width: 100%;
height: 45%;
}
#viewer div.overlay div.control a.close span {
background: url(../images/close-bold.png) center center;
background-size: 100% 100%;
right: 30px;
}
#viewer div.overlay div.control a.next, #viewer div.overlay div.control a.previous {
width: 50%;
height: 55%;
}
#viewer div.overlay div.control a.next span {
background-position: left 0px;
right: 30px;
}
#viewer div.overlay div.control a.previous span {
background-position: left -31px;
left: 30px;
}
#viewer div.overlay div.control a.alone {
width: 100%;
height: 100%;
}
#viewer div.container {
position: relative;
max-width: 800px;
width: 800px;
display: inline-block;
top: 0px;
left: 0px;
text-align: center;
opacity: 0;
z-index: 200;
margin: 20px auto;
background: #ffffff;
vertical-align: top;
}
#viewer div.container div.top {
}
#viewer div.container div.top div.title {
}
#viewer div.container div.top div.control {
position: absolute;
z-index: 30;
top: 18px;
right: 18px;
text-align: right;
white-space: nowrap;
}
#viewer div.container div.top div.control a {
display: inline-block;
position: relative;
margin-left: 15px;
line-height: 0;
}
#viewer div.container div.top div.control a span {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
line-height: 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.top div.control a span.state {
z-index: 10;
opacity: 0.5;
}
#viewer div.container div.top div.control a span.hover {
display: none;
}
#viewer div.container div.top div.control a:hover span.state {
opacity: 1;
}
#viewer div.container div.top div.control a.close {
width: 16px;
height: 16px;
position: relative;
}
#viewer div.container div.top div.control a.close span {
background: url(../images/close.png) left top no-repeat;
background-size: 100% 100%;
}
#viewer div.container div.middle {
text-align: left;
position: relative;
min-height: 100px;
padding: 30px 40px 40px;
}
#viewer div.container div.middle div.title {
}
#viewer div.container div.middle div.title h1, #viewer div.container div.middle div.title h2, #viewer div.container div.middle h1.title, #viewer div.container div.middle h2.title {
font-size: 22px;
padding: 0 0 30px;
margin: 0;
text-transform: uppercase;
}
#viewer div.container div.middle div.content-1 {
}
#viewer div.container div.bottom {
text-align: right;
padding: 0 40px 0;
}
#viewer div.container div.bottom div.button {
position: relative;
z-index: 50;
text-align: right;
padding: 0 0 20px;
}
#viewer div.container div.bottom div.button a {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
color: #fff;
line-height: 10px;
position: relative;
padding: 16px 35px 17px;
text-shadow: 1px 0 1px #000000;
text-decoration: none;
}
#viewer div.container div.bottom div.button a:before, #viewer div.container div.bottom div.button a:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.bottom div.button a:before {
z-index: -2;
background: rgb(191,48,48); /* Old browsers */
background: -moz-linear-gradient(top, rgba(191,48,48,1) 0%, rgba(135,28,28,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,48,48,1)), color-stop(100%,rgba(135,28,28,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(191,48,48,1) 0%,rgba(135,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(191,48,48,1) 0%,rgba(135,28,28,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(191,48,48,1) 0%,rgba(135,28,28,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(191,48,48,1) 0%,rgba(135,28,28,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf3030', endColorstr='#871c1c',GradientType=0 ); /* IE6-9 */
}
#viewer div.container div.bottom div.button a:after {
opacity: 0;
z-index: -1;
background: -moz-linear-gradient(top, rgba(94,22,22,0) 0%, rgba(94,22,22,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,22,22,0)), color-stop(100%,rgba(94,22,22,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(94,22,22,0) 0%,rgba(94,22,22,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(94,22,22,0) 0%,rgba(94,22,22,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(94,22,22,0) 0%,rgba(94,22,22,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(94,22,22,0) 0%,rgba(94,22,22,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e1616', endColorstr='#5e1616',GradientType=0 ); /* IE6-9 */
}
#viewer div.container div.bottom div.button a:hover:after {
opacity: 1;
}
#viewer div.container div.shadow {
position: absolute;
bottom: -15px;
height: 15px;
width: 100%;
background: url(../images/shadow.png) center bottom no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
/** **************** **/
/** ** Исключения ** **/
/** **************** **/
#viewer div.container div._ERROR {
padding: 130px 150px;
background: url(../images/viewer-error.png) center 60px no-repeat;
}
#viewer div.container div.-element {
padding: 55px 65px 65px;
width: 830px;
}
#viewer div.container div.-element div.middle div.link a {
font-size: 0.9rem;
color: #005a97;
text-decoration: none;
border-bottom: 1px solid #55b0ed;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.-element div.middle div.link a:hover {
border-bottom-color: transparent;
color: #00426e;
}
#viewer div.container div.-element div.middle div.files {
margin: 10px 0 0 0;
position: relative;
}
#viewer div.container div.-element div.middle div.files div.file {
position: relative;
padding: 10px 0 15px 35px;
}
#viewer div.container div.-element div.middle div.files div.file span.icon {
position: absolute;
left: 0px;
top: 10px;
width: 20px;
height: 20px;
background-size: 100% auto;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(../images/file-type.png);
}
#viewer div.container div.-element div.middle div.files div.file-doc span.icon, #viewer div.container div.-element div.middle div.files div.file-docx span.icon, #viewer div.container div.-element div.middle div.files div.file-pages span.icon {
background-position: 0 -20px;
}
#viewer div.container div.-element div.middle div.files div.file-gif span.icon {
background-position: 0 -40px;
}
#viewer div.container div.-element div.middle div.files div.file-jpg span.icon, #viewer div.container div.-element div.middle div.files div.file-jpeg span.icon {
background-position: 0 -60px;
}
#viewer div.container div.-element div.middle div.files div.file-pdf span.icon {
background-position: 0 -80px;
}
#viewer div.container div.-element div.middle div.files div.file-ppt span.icon, #viewer div.container div.-element div.middle div.files div.file-pptx span.icon {
background-position: 0 -100px;
}
#viewer div.container div.-element div.middle div.files div.file-rar span.icon {
background-position: 0 -120px;
}
#viewer div.container div.-element div.middle div.files div.file-xls span.icon, #viewer div.container div.-element div.middle div.files div.file-xlsx span.icon, #viewer div.container div.-element div.middle div.files div.file-numbers span.icon {
background-position: 0 -140px;
}
#viewer div.container div.-element div.middle div.files div.file-zip span.icon {
background-position: 0 -160px;
}
#viewer div.container div.-element div.middle div.files div.file a {
color: #005a97;
font-size: 1.1rem;
padding-bottom: 1px;
border-bottom: 1px solid #ececec;
line-height: 1.2;
text-decoration: none;
margin-right: 12px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.-element div.middle div.files div.file a:hover {
color: #00426e;
border-bottom-color: transparent;
}
#viewer div.container div.-element div.middle div.files div.file span.size {
display: inline-block;
font-size: 0.8rem;
color: #999999;
cursor: default;
}
#viewer div.container div.-element div.middle div.photos {
margin: 15px -9px;
position: relative;
}
#viewer div.container div.-element div.middle div.photos div.photo {
position: relative;
border: 1px solid #1c1c1c;
width: 183px;
line-height: 0;
vertical-align: bottom;
display: inline-block;
margin: 9px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
#viewer div.container div.-element div.middle div.photos div.photo:hover {
border-color: #c5c5c5;
}
#viewer div.container div.-element div.middle div.photos div.photo span.hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
line-height: 0;
background: rgb(242,242,242);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.-element div.middle div.photos div.photo:hover span.hover {
opacity: 1;
}
#viewer div.container div.-element div.middle div.photos div.photo a {
display: inline-block;
width: 100%;
height: 100%;
position: relative;
background-position: center center;
background-repeat: no-repeat;
z-index: 20;
line-height: 0;
}
#viewer div.container div.-element div.middle div.photos div.photo a img {
width: 100%;
}
#viewer div.container div.-form {
}
#viewer div.container div.-form div.fields {
margin: 0 -20px 10px -20px;
}
#viewer div.container div.-form div.field {
width: 340px;
margin: 0px 20px 35px;
display: inline-block;
vertical-align: top;
font-size: 0px;
}
#viewer div.container div.-form div.field div.label {
font-size: 12px;
color: #333333;
text-transform: uppercase;
text-align: left;
height: 20px;
padding: 0 0 5px;
position: relative;
vertical-align: top;
}
#viewer div.container div.-form div.field div.label span.important {
color: #d70000;
font-size: 15px;
display: inline-block;
padding: 0 4px;
}
#viewer div.container div.-form div.field div.label span.hint {
display: inline-block;
text-align: left;
font-size: 10px;
color: #676767;
padding: 0 5px 0;
}
#viewer div.container div.-form div.field div.input {
position: relative;
}
#viewer div.container div.-form div.field div.input input {
border: 1px solid #cccccc;
padding: 5px 9px 5px;
margin: 0;
color: #999999;
font-size: 11px;
outline: none;
width: 320px;
background: rgb(229,229,229);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(249,249,249,1) 40%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(40%,rgba(249,249,249,1)), color-stop(100%,rgba(249,249,249,1)));
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 );
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.-form div.field div.input input:focus {
color: #1a1a1a;
border-color: #999999;
}
#viewer div.container div.-form div.field div.input input._error, #viewer div.container div.-form div.field div.input input.error {
border-color: #ba0000;
}
#viewer div.container div.-form div.field.field-captcha div.input input {
width: 110px;
}
#viewer div.container div.-form div.field div.input span.image {
display: inline-block;
width: 100px;
height: 30px;
position: absolute;
right: 95px;
top: -3px;
}
#viewer div.container div.-form div.field div.input span.image img {
}
#viewer div.container div.-form div.field div.select {
}
#viewer div.container div.-form div.field div.select select {
border: 1px solid #cccccc;
padding: 6px 9px 7px;
color: #999999;
font-size: 11px;
outline: none;
width: 340px;
background: rgb(229,229,229);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(249,249,249,1) 40%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(40%,rgba(249,249,249,1)), color-stop(100%,rgba(249,249,249,1)));
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 40%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 );
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.-form div.field div.select select:focus {
color: #1a1a1a;
border-color: #999999;
}
#viewer div.container div.-form div.field div.select select._error, #viewer div.container div.-form div.field div.select select.error {
border-color: #ba0000;
}
#viewer div.container div.-form div.field div.textarea {
}
#viewer div.container div.-form div.field div.textarea textarea {
border: 1px solid #cccccc;
padding: 8px 9px 9px;
margin: 0;
color: #999999;
font-size: 11px;
outline: none;
resize: none;
width: 700px;
height: 80px;
background: rgb(229,229,229);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(249,249,249,1) 10%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(10%,rgba(249,249,249,1)), color-stop(100%,rgba(249,249,249,1)));
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 10%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 10%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 10%,rgba(249,249,249,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(249,249,249,1) 10%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 );
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.-form div.field div.textarea textarea:focus {
color: #1a1a1a;
border-color: #999999;
}
#viewer div.container div.-form div.field div.textarea textarea._error, #viewer div.container div.-form div.field div.textarea textarea.error {
border-color: #ba0000;
}
#viewer div.container div.-form div.important {
color: #b2b2b2;
font-size: 12px;
margin: 0px 20px 35px 0;
text-align: right;
display: inline-block;
width: 340px;
padding: 25px 0 0;
}
#viewer div.container div.-form div.important span {
color: #d70000;
font-size: 1.1rem;
display: inline-block;
padding: 0 4px;
}
#viewer div.container div.-form div.text {
padding: 10px 0 0 105px;
}
#viewer div.container div.-form div.text a:hover {
color: #c78592;
}
#viewer div.container div.-form div.button {
position: relative;
z-index: 50;
text-align: right;
}
#viewer div.container div.-form div.button a {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
color: #fff;
line-height: 10px;
position: relative;
padding: 16px 35px 17px;
text-shadow: 1px 0 1px #000000;
text-decoration: none;
}
#viewer div.container div.-form div.button a:before, #viewer div.container div.-form div.button a:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
#viewer div.container div.-form div.button a:before {
z-index: -2;
background: rgb(191,48,48); /* Old browsers */
background: -moz-linear-gradient(top, rgba(191,48,48,1) 0%, rgba(135,28,28,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,48,48,1)), color-stop(100%,rgba(135,28,28,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(191,48,48,1) 0%,rgba(135,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(191,48,48,1) 0%,rgba(135,28,28,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(191,48,48,1) 0%,rgba(135,28,28,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(191,48,48,1) 0%,rgba(135,28,28,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf3030', endColorstr='#871c1c',GradientType=0 ); /* IE6-9 */
}
#viewer div.container div.-form div.button a:after {
opacity: 0;
z-index: -1;
background: -moz-linear-gradient(top, rgba(94,22,22,0) 0%, rgba(94,22,22,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,22,22,0)), color-stop(100%,rgba(94,22,22,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(94,22,22,0) 0%,rgba(94,22,22,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(94,22,22,0) 0%,rgba(94,22,22,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(94,22,22,0) 0%,rgba(94,22,22,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(94,22,22,0) 0%,rgba(94,22,22,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e1616', endColorstr='#5e1616',GradientType=0 ); /* IE6-9 */
}
#viewer div.container div.-form div.button a:hover:after {
opacity: 1;
}
#viewer div.container div.-send div.bottom {
margin: 0 20px 20px 0;
}
#viewer div.container div.-send div.middle div.title {
display: none;
}
#viewer div.container div.-send div.content-success {
}
#viewer div.container div.-send div.content-success h1 {
color: #004377;
}
#viewer div.container div.-send div.content-error {
}
#viewer div.container div.-send div.content-error h1 {
color: #bf0000;
}
/**********************************************/
/**********************************************/
/** ИСКЛЮЧЕНИЯ БЛОКОВ ФОРМ
/**********************************************/
/**********************************************/
#viewer div.container div.-form._rent div.field-comment, #viewer div.container div.-form._callme div.field-comment {
width: 700px;
}
#viewer div.container div.-form._enter {
width: 480px;
}
#viewer div.container div.-form._enter div.field-email div.label,
#viewer div.container div.-form._enter div.field-password div.label {
width: 90px;
}
#viewer div.container div.-form._enter div.button {
margin: 30px 0 0 105px;
text-align: left;
}
#viewer div.container div.-form._enter div.button a:first-child {
margin: 0 25px 0 0;
}
#viewer div.container div.-form._forget {
width: 480px;
}
#viewer div.container div.-form._forget div.field-email div.label {
width: 65px;
}
#viewer div.container div.-form._forget div.button {
margin: 30px 0 0 80px;
text-align: left;
}
#viewer div.container div.-form._forget div.button a:first-child {
margin: 0 25px 0 0;
}
.block-catalog-menu {
margin-left: -10px;
margin-top: -10px;
}
.block-catalog-menu>.wrapper>.title {
color:#fff;
font-family:"Open Sans",sans-serif;
font-size:1.2rem;
font-weight:700;
text-align:left;
text-transform:uppercase;
}
.block-catalog-menu>.wrapper>.title a,.block-catalog-menu>.wrapper>.title span {
background-color:#2C3293;
display:block;
color:#fff;
font-size:1.3rem;
padding:15px 15px 15px 15px;
border-bottom-color:transparent;
text-decoration: none;
}
.block-catalog-menu>.wrapper>.title .icon {
height:14px;
right:15px;
top:15px;
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
-moz-transition:-moz-transform .4s ease;
-o-transition:-o-transform .4s ease;
-webkit-transition:-webkit-transform .4s ease;
transition:transform .4s ease;
width:7px;
}
.block-catalog-menu>.wrapper>.title .icon:before {
border:1px solid #fff;
border-radius:10px;
content:'';
height:20px;
left:-7px;
position:absolute;
top:-3px;
width:20px;
}
.block-catalog-menu>.wrapper> .title.show .icon {
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
}
.block-catalog .menu>.item,.block-catalog .menu .childs>.item {
position:relative;
}
.region-catalog-menu-manufacturers .block-catalog .menu,
.region-catalog-menu-manufacturers-index .block-catalog .menu {
height: 0;
overflow: hidden;
}
.block-catalog-menu-manufacturers .menu {
max-height: 500px;
overflow-y: scroll;
}
.block-catalog .menu.show {
height:auto;
max-height:10000px;
}
.block-catalog .menu>.item>a,.block-catalog .menu .childs>.item>a {
background-color:transparent;
border-top:1px solid #eaeaea;
display:block;
color:#1a1a1a;
font-family:"Open Sans",sans-serif;
font-size:1rem;
line-height:1.4;
padding:10px 10px 10px 15px;
position:relative;
text-decoration:none;
-moz-transition:background-color .4s ease,border-color .4s ease,color .4s ease;
-o-transition:background-color .4s ease,border-color .4s ease,color .4s ease;
-webkit-transition:background-color .4s ease,border-color .4s ease,color .4s ease;
transition:background-color .4s ease,border-color .4s ease,color .4s ease;
z-index:1;
}
.block-catalog .menu .childs>.item:nth-of-type(1)>a {
border-top:none;
}
.block-catalog .menu>.item>a:before,.block-catalog .menu .childs>.item>a:before {
display: none;
background-color:#ED878D;
border-radius:3px;
content:'';
height:6px;
left:12px;
position:absolute;
top:21px;
width:6px;
}
.block-catalog .menu>.item>a .icon,.block-catalog .menu .childs>.item>a .icon {
background: url(../images/arrow-next.png) center center no-repeat;
background-size: 100% 100%;
right:20px;
height:9px;
opacity:.5;
position: absolute;
top:14px;
-moz-transition:right .4s ease,opacity .4s ease;
-o-transition:right .4s ease,opacity .4s ease;
-webkit-transition:right .4s ease,opacity .4s ease;
transition:right .4s ease,opacity .4s ease;
width:5px;
}
.block-catalog .menu>.item:hover>a,.block-catalog .menu .childs>.item:hover>a {
background-color:#fff;
color:#2C3293;
}
.block-catalog .menu>.item:hover>a .icon,.block-catalog .menu .childs>.item:hover>a .icon {
opacity:1;
right:15px;
}
.block-catalog .menu>.item.active>a,.block-catalog .menu .childs>.item.active>a {
background-color:#fff;
border-bottom-color:transparent;
color:#FC1C25;
}
.block-catalog .menu>.item.active>a .icon,.block-catalog .menu .childs>.item.active>a .icon {
opacity:1;
}
.block-catalog .menu .item>.childs {
background-color:#fff;
position:absolute;
opacity:0;
margin-top:1px;
top:0;
-moz-transform:translate(0,20px);
-ms-transform:translate(0,20px);
-webkit-transform:translate(0,20px);
transform:translate(0,20px);
-moz-transition:opacity .4s ease,-moz-transform .4s ease,visibility .4s ease;
-o-transition:opacity .4s ease,-o-transform .4s ease,visibility .4s ease;
-webkit-transition:opacity .4s ease,-webkit-transform .4s ease,visibility .4s ease;
transition:opacity .4s ease,transform .4s ease,visibility .4s ease;
left:100%;
visibility:hidden;
width:auto;
z-index:1;
}
.block-catalog .menu .item>.childs .item>a {
padding-right:20px;
white-space:nowrap;
}
.block-catalog .menu>.item:hover>.childs,.block-catalog .menu .childs>.item:hover>.childs {
opacity:1;
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-webkit-transform:translate(0,0);
transform:translate(0,0);
-moz-transition:opacity .4s ease,-moz-transform .4s ease,visibility 0 ease;
-o-transition:opacity .4s ease,-o-transform .4s ease,visibility 0 ease;
-webkit-transition:opacity .4s ease,-webkit-transform .4s ease,visibility 0 ease;
transition:opacity .4s ease,transform .4s ease,visibility 0 ease;
visibility:visible;
}
.block-catalog .menu .flag {
left: 15px;
position: absolute;
top: 13px;
width: 16px;
z-index: 2;
}
.block-catalog-menu-manufacturers .menu .item {
}
.block-catalog-menu-manufacturers .menu .item a {
padding-left: 40px;
}
.block-catalog .menu .flag img {
width: 100%;
}
.block-catalog .filters {
margin-left: -10px;
margin-top: -4px;
}
.block-catalog .filters .subs {
background-color:#fff;
margin-bottom:20px;
padding:15px 0;
}
.block-catalog .filters .sub {
padding:10px 20px;
position:relative;
z-index:1;
}
.block-catalog .filters .sub a {
border-bottom:1px solid #fff;
color:#fff;
font-family:"PT Sans",sans-serif;
font-size:1rem;
line-height:1.3;
text-decoration:none;
-moz-transition:border-color .4s ease;
-o-transition:border-color .4s ease;
-webkit-transition:border-color .4s ease;
transition:border-color .4s ease;
}
.block-catalog .filters .sub a:before {
background-color:#a6a6a6;
content:'';
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
-moz-transition:opacity .4s ease;
-o-transition:opacity .4s ease;
-webkit-transition:opacity .4s ease;
transition:opacity .4s ease;
width:100%;
z-index:-1;
}
.block-catalog .filters .sub a:hover {
border-bottom-color:transparent;
}
.block-catalog .filters .sub a:hover:before {
opacity:.5;
}
.block-catalog .filters .sub a.active {
border-bottom-color:transparent;
color:#fff;
}
.block-catalog .filters .sub a.active:before {
background-color:#8F040A;
opacity:1;
}
.block-catalog .filters .subs2 {
padding:10px 15px 5px 25px;
position:relative;
z-index:1;
}
.block-catalog .filters .sub2 {
margin-bottom:10px;
}
.block-catalog .filters .sub2 a {
border-bottom:1px solid transparent;
color:#fff;
font-family:"PT Sans Narrow",sans-serif;
font-size:1.1rem;
line-height:1.3;
text-decoration:none;
-moz-transition:border-color .4s ease;
-o-transition:border-color .4s ease;
-webkit-transition:border-color .4s ease;
transition:border-color .4s ease;
}
.block-catalog .filters .sub2 a:hover {
border-bottom-color:#fff;
}
.block-catalog .filters .sub2 a.active {
border-bottom-color:transparent;
color:#fff;
}
.block-catalog .filters .item {
background-color:#fff;
margin:0 0 10px;
position:relative;
}
.block-catalog .filters .title {
background-color:#2D3691;
color:#fff;
cursor:pointer;
font-family:"PT Sans Narrow",sans-serif;
font-size:1rem;
font-weight:700;
padding: 10px 20px 10px 10px;
position:relative;
text-transform:uppercase;
}
.block-catalog .filters .title .prefix {
font-size:1.1rem;
font-weight:400;
text-transform: none;
}
.block-catalog .filters .title .icon {
background: url(../images/arrow-white.png) center center no-repeat;
background-size: 100% 100%;
height:10px;
right:15px;
position: absolute;
top:11px;
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
-moz-transition:-moz-transform .4s ease;
-o-transition:-o-transform .4s ease;
-webkit-transition:-webkit-transform .4s ease;
transition:transform .4s ease;
width:5px;
}
.block-catalog .filters .title .icon:before {
display: none;
border:1px solid #fff;
border-radius:10px;
content:'';
height:20px;
left:-7px;
position:absolute;
top:-3px;
width:20px;
}
.block-catalog .filters .item.show .title .icon {
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
}
.block-catalog .filters .fields {
height:auto;
padding:0 15px;
max-height:0;
overflow-y:hidden;
-moz-transition:padding .2s ease,max-height .4s ease,margin .4s ease;
-o-transition:padding .2s ease,max-height .4s ease,margin .4s ease;
-webkit-transition:padding .2s ease,max-height .4s ease,margin .4s ease;
transition:padding .2s ease,max-height .4s ease,margin .4s ease;
white-space:normal;
}
.block-catalog .filters .item.show .fields {
height:auto;
overflow-y: scroll;
margin:0 0 30px;
max-height:400px;
padding:15px 15px;
}
.block-catalog .filters .field {
margin:10px 0 0;
position:relative;
white-space:nowrap;
vertical-align:top;
z-index:1;
}
.block-catalog .filters .field-checkbox .input {
display:inline-block;
}
.block-catalog .filters .field-checkbox .input:before {
display:none;
}
.block-catalog .filters .field-checkbox .input input[type="checkbox"] {
cursor:pointer;
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
width:100%;
z-index:2;
}
.block-catalog .filters .field-checkbox .input>span {
color:#1a1a1a;
display:inline-block;
font-family:"PT Sans",sans-serif;
font-size:1rem;
line-height:1.3;
padding-left:21px;
padding-top:1px;
position:relative;
transition:color .4s ease;
vertical-align:top;
white-space:normal;
z-index:1;
}
.block-catalog .filters .field-checkbox .input>span:before {
border:1px solid #1a1a1a;
border-radius:2px;
content:'';
height:11px;
left:0;
position:absolute;
top:3px;
-moz-transition:background-color .4s ease,border-color .4s ease;
-o-transition:background-color .4s ease,border-color .4s ease;
-webkit-transition:background-color .4s ease,border-color .4s ease;
transition:background-color .4s ease,border-color .4s ease;
width:11px;
z-index:1;
}
.block-catalog .filters .field-checkbox .input>span .icon {
background: url(../images/check-black.png) center center no-repeat;
background-size: 100% 100%;
left:1px;
opacity:0;
position: absolute;
-moz-transition:opacity .2s ease;
-o-transition:opacity .2s ease;
-webkit-transition:opacity .2s ease;
transition:opacity .2s ease;
top:0;
z-index:2;
height:12px;
width:12px;
}
.block-catalog .filters .field-checkbox .input>span em {
color:#1a1a1a;
font-family:"PT Sans Narrow",sans-serif;
font-style:normal;
padding-left:7px;
}
.block-catalog .filters .field-checkbox .input input[type="checkbox"]:hover+span:before {
border-color:#FC1C25;
}
.block-catalog .filters .field-checkbox .input input[type="checkbox"]:checked+span:before {
border-color:#1a1a1a;
}
.block-catalog .filters .field-checkbox .input input[type="checkbox"]:checked+span .icon {
opacity:1;
}
.block-catalog .filters .field-checkbox .dropping {
display:block;
margin-left:21px;
max-height:0;
overflow:hidden;
-moz-transition:max-height .4s ease;
-o-transition:max-height .4s ease;
-webkit-transition:max-height .4s ease;
transition:max-height .4s ease;
}
.block-catalog .filters .field-checkbox .dropping .field {
margin-top:10px;
}
.block-catalog .filters .field-checkbox .dropping.show {
max-height:5000px;
}
.block-catalog .filters .field-input {
font-size:0;
white-space:nowrap;
}
.block-catalog .filters .field-input>span {
display:inline-block;
vertical-align:top;
}
.block-catalog .filters .field-input .value {
color:#1a1a1a;
font-size:.9rem;
font-style:italic;
font-weight:400;
margin:4px 6px 0 8px;
}
.block-catalog .filters .field-input .value:nth-of-type(1) {
margin-left:0;
}
.block-catalog .filters .field-input .input {
position:relative;
}
.block-catalog .filters .field-input .input:before {
content:'';
height:100%;
left:-1px;
position:absolute;
top:-1px;
width:100%;
z-index: -1;
}
.block-catalog .filters .field-input .input input {
height:24px;
font-size:1rem;
font-family:"PT Sans Narrow",sans-serif;
padding:0 9px;
width:62px;
}
.block-catalog .filters .buttons {
display:inline-block;
margin-top:10px;
margin-right:20px;
text-align:left;
}
.block-catalog .filters .button-apply {
display: none;
}
.block-catalog .filters .buttons .button[id="filters_reset"]:before {
background-color:#3a3a3a;
}
.block-catalog .filters .buttons .button[id="filters_reset"]:before:hover {
background-color:#4C4C4C;
}
.block-catalog .control {
margin:-12px 0 0;
}
.block-catalog .control .column {
}
.block-catalog .control .sorted {
width: 540px;
}
.block-catalog .control .limit {
width: 220px;
text-align:right;
}
.block-catalog .control span {
font-family:"PT Sans",sans-serif;
}
.block-catalog .control a {
border-bottom:1px solid transparent;
color:#4C4C4C;
display:inline-block;
font-family:"PT Sans Narrow",sans-serif;
font-size:1rem;
margin-left:20px;
text-decoration:none;
text-transform:uppercase;
}
.block-catalog .control a:nth-of-type(1) {
margin-left:20px;
}
.block-catalog .control a:hover {
border-bottom-color:transparent;
color:#DF0E19;
}
.block-catalog .control a.active {
border-bottom-color:transparent;
color:#FC1C25;
position:relative;
}
/*
.block-catalog .control a.active:before {
background-size:100% 100%;
content:'';
height:8px;
left:0;
position:absolute;
top:3px;
width:10px;
}
.block-catalog .control a[data-control-method="ASC"]:before {
background-image:url(../images/icon-sorted-2.png);
}
.block-catalog .control a[data-control-method="DESC"]:before {
background-image:url(../images/icon-sorted-1.png);
}
*/
.block-catalog .control a.active:after {
color: #9a9a9a;
margin-left: 5px;
}
.block-catalog .control a[data-control-method="ASC"]:after {
content: '(по возростанию)';
}
.block-catalog .control a[data-control-method="DESC"]:after {
content: '(по убыванию)';
}
.block-catalog .control a[data-control-sorted="2"][data-control-method="ASC"]:after {
content: '(А-Я)';
}
.block-catalog .control a[data-control-sorted="2"][data-control-method="DESC"]:after {
content: '(Я-А)';
}
.block-catalog .control a:nth-of-type(1),.block-catalog .control .limit a {
padding-left:0;
}
.block-catalog .control a:nth-of-type(1):before,.block-catalog .control a:nth-of-type(1):after,.block-catalog .control .limit a:before,.block-catalog .control .limit a:after {
display:none;
}
.pages {
margin-top:20px;
position: relative;
text-align:center;
z-index: 1;
}
.pages .showmore {
display:none;
}
.pages .pager {
margin-top:30px;
}
.pages .pager a {
display:inline-block;
font-family:'PT Sans',sans-serif;
font-size:1rem;
height:30px;
margin:0 10px;
position:relative;
text-decoration:none;
vertical-align:top;
width:30px;
}
.pages .pager a:after,
.pages .pager a:after {
border: 1px solid #9a9a9a;
background-color: #fff;
content:'';
height:100%;
left:0;
position:absolute;
top:0;
-moz-transition:border-color .4s ease, background-color .4s ease;
-o-transition:border-color .4s ease, background-color .4s ease;
-webkit-transition:border-color .4s ease, background-color .4s ease;
transition:border-color .4s ease, background-color .4s ease;
width:100%;
z-index:-1;
}
.pages .pager .previous,
.pages .pager .next {
cursor:default;
opacity:.4;
}
.pages .pager .previous.show,
.pages .pager .next.show {
cursor:pointer;
opacity:1;
}
.pages .pager .previous.show:hover,
.pages .pager .next.show:hover {
}
.pages .pager .previous:before,
.pages .pager .next:before {
background-position:center center;
background-repeat:no-repeat;
background-size:auto 7px;
content:'';
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1;
}
.pages .pager .previous {
margin-right:15px;
}
.pages .pager .previous:before {
background-image:url(../images/arrow-next.png);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.pages .pager .next {
margin-left:15px;
}
.pages .pager .next:before {
background-image:url(../images/arrow-next.png);
}
.pages .pager .page-link {
color:#4C4C4C;
font-family:"PT Sans Narrow",sans-serif;
font-size:1rem;
padding-top:8px;
text-align:center;
}
.pages .pager .page-link:hover {
opacity:1;
}
.pages .pager a:hover:after {
border: 1px solid #2C3293;
}
.pages .pager .page-link.active {
color:#fff;
}
.pages .pager .page-link.active:after {
background-color:#2C3293;
border-color:#2C3293;
opacity:1;
}
.pages .pager span {
display:inline-block;
margin:7px 5px 0;
vertical-align:top;
}
.pages .pager span:before {
color:#9a9a9a;
content:'...';
display:block;
font-size:1.1rem;
}
.block-search {
position:relative;
margin-bottom: 0;
z-index: 100;
}
.page-index .block-search {
margin-bottom: -20px;
margin-top: -40px;
}
.block-search>.wrapper {
position:relative;
}
.block-search input,.block-search select {
background:#f6f6f6;
background:-moz-linear-gradient(top,#f6f6f6 0%,#fff 50%,#fff 100%);
background:-webkit-linear-gradient(top,#f6f6f6 0%,#fff 50%,#fff 100%);
background:linear-gradient(to bottom,#f6f6f6 0%,#fff 50%,#fff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#ffffff',GradientType=0);
border:1px solid #CCC;
color:#595959;
font-size:1rem;
font-style:italic;
outline:none;
padding:9px 24px 9px 14px;
-webkit-transition:border-color .4s ease;
-moz-transition:border-color .4s ease;
-ms-transition:border-color .4s ease;
-o-transition:border-color .4s ease;
transition:border-color .4s ease;
width:100%;
}
.block-search input:focus,.block-search select:focus {
border:1px solid #2E398F;
}
.block-search .icon {
height:18px;
opacity:.5;
right:18px;
top:10px;
width:18px;
}
.ui-autocomplete {
border:1px solid #2E398F!important;
background:none!important;
background-color:#fff!important;
border-radius:4px;
max-height:250px;
overflow-y:auto;
overflow-x:hidden;
padding:0!important;
width: 980px !important;
z-index: 110;
}
.ui-autocomplete .ui-menu-item {
background-image:none;
background:#fff;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFFFFFFF',endColorstr='#FFF1F1F1');
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
background-size:100%;
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fff),color-stop(100%,#f1f1f1));
background-image:-moz-linear-gradient(top,#fff,#f1f1f1);
background-image:-webkit-linear-gradient(top,#fff,#f1f1f1);
background-image:linear-gradient(to "top",#fff,#f1f1f1);
color:#4C4C4C;
font-size:.9rem;
font-style:normal;
list-style: none;
margin-top:3px;
margin-left: 0;
padding:12px 16px!important;
-moz-transition:background-color .4s ease,color .4s ease;
-o-transition:background-color .4s ease,color .4s ease;
-webkit-transition:background-color .4s ease,color .4s ease;
transition:background-color .4s ease,color .4s ease;
}
.ui-autocomplete .ui-menu-item:before {
display:none;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
background:none;
background-color:#2E398F;
border:none;
color:#fff;
cursor:pointer;
}
#filters-preload {
}
#filters-preload .loading {
background: url(../images/loading.gif) center bottom no-repeat;
display: block;
margin: 0 auto 20px;
font-size: 0.8rem;
font-weight: 700;
color: #000;
text-transform: uppercase;
text-align: center;
padding-bottom: 30px;
}