/*
HTML5 Boilerplate
style.css contains a reset, font normalization and some base styles.
*/
/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub,
sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:0px solid #ccc; margin:9px 0; padding:0; background: #dcdcdc; }
input, select { vertical-align:middle; }
/* End reset */
/* Fonts */
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
code, kbd, samp { font-family: monospace, sans-serif; }
/* Minimal base styles */
body, select, input, textarea {
color: #444;
/* set your base font here, to apply evenly */
/* font-family: Georgia, serif; */
}
h1,h2,h3,h4,h5,h6 { /*font-weight: bold;*/ }
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #06c; text-decoration: none; cursor: pointer;}
a:hover { color: #09f; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong{ font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
/* colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius: 1px;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* Non-semantic helper classes */
.clearfix:before, .clearfix:after, .clear:before, .clear:after {
content: "\0020"; display: block; height: 0; visibility: hidden;
}
.clearfix:after, .clear:after { clear: both; }
.clearfix, .clear { zoom: 1; }
/* FONTS
------------------------------------------------------------------------------ */
@font-face {
font-family: 'SegoeUI';
src: url('fonts/segoeui.eot');
src: local("☺"),
url('fonts/segoeui.eot?#iefix') format('embedded-opentype'),
url('fonts/segoeui.woff') format('woff'),
url('fonts/segoeui.ttf') format('truetype'),
url('fonts/segoeui.otf') format('opentype'),
url('fonts/segoeui.svg#SegoeUI') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SegoeUILight';
src: url('fonts/segoeuil.eot');
src: local("☺"),
url('fonts/segoeuil.eot?#iefix') format('embedded-opentype'),
url('fonts/segoeuil.ttf') format('truetype'),
url('fonts/segoeuil.otf') format('opentype'),
url('fonts/segoeuil.svg#SegoeUILight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SegoeUISemibold';
src: url('fonts/seguisb.eot');
src: local("☺"),
url('fonts/seguisb.eot?#iefix') format('embedded-opentype'),
url('fonts/seguisb.woff') format('woff'),
url('fonts/seguisb.ttf') format('truetype'),
url('fonts/seguisb.otf') format('opentype'),
url('fonts/seguisb.svg#SegoeUISemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SegoeUIBold';
src: url('fonts/segoeuib.eot');
src: local("☺"),
url('fonts/segoeuib.eot?#iefix') format('embedded-opentype'),
url('fonts/segoeuib.woff') format('woff'),
url('fonts/segoeuib.ttf') format('truetype'),
url('fonts/segoeuib.otf') format('opentype'),
url('fonts/segoeuib.svg#SegoeUIBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Calibri';
src: url('fonts/calibri.eot');
src: local("☺"),
url('fonts/calibri.eot?#iefix') format('embedded-opentype'),
url('fonts/calibri.ttf') format('truetype'),
url('fonts/calibri.svg#Calibri') format('svg');
font-weight: normal;
font-style: normal;
}
.semibold { font-family: 'SegoeUISemibold', sans-serif; }
.bold { font-family: 'SegoeUIBold', sans-serif; }
.bolder { font-family: Arial, sans-serif; font-weight: bold; }
/* PRIMARY SYLES
------------------------------------------------------------------ */
html, body {
height: 100%;
color: #000;
font: normal 12px/16px 'SegoeUI', Calibri, Arial, sans-serif;
background: #fff;
}
body {
margin-right: 0 !important; /* for Fancybox */
}
* { outline-width: 0; }
h1 {
font: 28px 'SegoeUILight', Arial, sans-serif;
/* font: 38px/40px 'SegoeUILight', Arial, sans-serif;*/
}
h2 {
font-size: 28px;
line-height: 30px;
font-family: 'SegoeUILight', Calibri, Arial, sans-serif;
}
h3 { font-size: 15px; line-height: 22px; }
h1, h2, h3 {
font-weight: normal;
padding-bottom: 12px;
}
.note { font-size: 11px; line-height: 16px; color: #808080; }
.red { color: #c03; }
hr.red { background: #c03; margin-bottom: 15px; }
p {
padding-bottom: 11px;
}
.hidden { display: none; }
.invisible { position: absolute; right: 9999px; }
.jsFormSucces,
.jsHiddenCalculations,
.jsBox { display: none; }
/* EDITABLE CONTENT
------------------------------------------------------------------ */
.editable ul {
margin: 5px 0 5px 2px;
list-style: none;
}
.editable ul li {
padding-left: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpiPMNgzHBDRO49AxBovHkkyALiABkCIAEQm4kBDbCAlCFrYfz//z+KCgwtAAEGAAZlFAr4JWMCAAAAAElFTkSuQmCC) left 6px no-repeat;
}
/* HELPERS
------------------------------------------------------------------ */
.clears {
clear: both;
overflow: hidden;
font-size: 0;
}
.hidden { display: none; }
.pblue { color: #06c; }
.pred { color: #c03; }
.spacer10 { width: 100%; height: 10px; }
.spacer20 { width: 100%; height: 20px; }
.spacer30 { width: 100%; height: 30px; }
.spacer40 { width: 100%; height: 40px; }
/* LINKS
------------------------------------------------------------------ */
a { color: #06c; text-decoration: none; }
a:hover { color: #09f; }
/*a:hover img,
a:hover i {
opacity: 0.7;
filter: Alpha(opacity = 70);
}
*/
/* Inner links */
a.inner { color: #000; }
a.inner:hover { color: #c03; }
.inner.current { color: #c03; cursor: default; }
a.caption { color: #c03; }
a.caption:hover { color: #f06; }
.caption.current,
.caption.current:hover { color: #000; cursor: default; }
a.leader, li.leader { color: #c03; text-transform: uppercase; }
a.leader:hover { color: #f06; }
/* «See more» links */
a.futher {
display: inline-block;
padding: 5px 0 5px 1px;
color: #000;
}
a.futher:hover {
color: #f03;
}
a.futher:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNp0TwEKADAExD7JC73Ja6yrWdKmdJxzQZlJqprAngySTrg7Vy29MbMrkqmsIcPvuzFJOMiLBK6IeF5Fvz+2AAMANjlAgonv8WAAAAAASUVORK5CYII=);
padding: 0 20px 0 6px;
}
a.futher:hover:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpiPMNgzAAE/4GYkQEJMEEFGZBouASyyv/IEgzYJJmQBFAkmbAZA1LEhE0Q3VUoxiG7CsUfAAEGAI5tChEb15rLAAAAAElFTkSuQmCC);
}
/* «Go up» links */
a.up {
display: inline-block;
padding: 5px 10px 5px 0;
color: #808080;
}
a.up:hover {
color: #f03;
}
a.up:before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAItJREFUeNpi/P//PwM62LVr1y0g9c7Nzc0CXY4Ji+IbQEoViM2B7CN4NQAVXANS6khC1kCxg1g1ACUuASlNBkxgB5Q7gKIBKHAbSOmC2EB3M0LlfiGx7YFqToA1ABlzgbQKmmIQYEMTMwerBYXSzp07/4NoGAbxsYmBaCYsJmMFMDVMDCQCkjUABBgAg/NR690Yki0AAAAASUVORK5CYII=);
padding: 0 5px 0 1px;
vertical-align: 0%;
}
a.up:hover:before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNpi/P//PwM6OMtocgtIvTP+f8YCXY4Ji+IbQEoViM2B7CN4NQAVXANS6khC1kCxg1g1ACUuASlNBkxgB5Q7gKIBKHAbSOmC2EB3M0LlfiGx7YFqToA1ABlzgbQKmmIQYEMTMwerBYXSGaAwiIZhEB+bGIhmwmIyVgBTw8RAIiBZA0CAAQBdL0iL93kR3AAAAABJRU5ErkJggg==);
}
.goUp {
position: fixed;
display: block;
bottom: 0;
}
/* LIST WITH FLAGS AS LIST-IMAGE */
.flag { padding-left: 20px; background-position: 0 2px; background-repeat: no-repeat; }
.france { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpiZAhdwoAE/q+KhrM/OJkhSzExEA1GlQ64UoAAAwDo7gR7kvSfHAAAAABJRU5ErkJggg==); }
.russia { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpi/PDhAwNxgImBaEAbpYwMDP8H1gH/BzgESFAKEGAAFJcE4tYp+SMAAAAASUVORK5CYII=); }
.denmark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAIAAADA5ys1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNpi/KJhzgAD3NdPAMmvmhYM2AATA9GANkoZ////T31TWZD9O8hDgASlAAEGAM6zC707LexBAAAAAElFTkSuQmCC); }
.tree dd .flag {
margin-left: 0;
}
.germanyBig {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAIAAACdjxhxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACNJREFUeNpiYBgFVASM/yk2golh1AgYYGE4MxoWg8oIgAADAEMbAeOY0p1OAAAAAElFTkSuQmCC");
}
/* FILES LINKS
------------------------------------------------------------------ */
.file {
font-family: 'SegoeUISemibold', sans-serif;
}
.file i {
display: inline-block;
width: 26px;
height: 30px;
padding-right: 8px;
vertical-align: -60%;
}
.avi i { background: url(../images/sprite.png) -42px 0 no-repeat; }
.pdf i { background: url(../images/sprite.png) -42px -38px no-repeat; }
/* STRUCTURE
------------------------------------------------------------------ */
.wrapper {
position: relative;
min-height: 100%;
}
.pageWrapper {
position: relative;
width: 100%;
padding-bottom: 485px;
}
.footerWrapper {
position: absolute;
width: 100%;
bottom: 0;
}
.footer {
height: 485px;
position: relative;
}
.container {
width: 785px;
margin: auto;
}
.small {
font-size: 11px;
line-height: 16px;
color: #808080;
}
/* BUTTON CLASS FOR LINKS & INPUTS
------------------------------------------------------------------ */
.btn,
.btn:link,
.btn:visited {
display: inline-block;
height: 26px;
min-width: 35px;
line-height: 25px;
padding: 0 10px;
text-align: center;
font-size: 12px;
color: #fff;
font-family: 'SegoeUISemibold', SegoeUI, sans-serif;
background-color: #b9b9b9;
border: 0;
}
.btn-big,
.btn-big:link,
.btn-big:visited {
height: 43px;
line-height: 41px;
padding: 0 60px 3px 20px;
font-size: 15px;
background-image: url(../images/btn-arrow.png);
background-position: right center;
background-repeat: no-repeat;
}
.btn:hover { background-color: #dcdcdc; color: #000; }
.btn-grey,
.btn-grey:link,
.btn-grey:visited { background-color: #585858; }
.btn-grey:hover { background-color: #808080; color: #fff; }
.btn-blue,
.btn-blue:link,
.btn-blue:visited { background-color: #0066cc; }
.btn-blue:hover { background-color: #0099ff; color: #fff; }
.btn:active { background-color: #000000; color: #fff; }
.btn:focus { outline: 1px #000 dotted; }
.btns {
display: inline;
margin: 0 10px;
}
.btns .btn { margin-right: 10px; }
.btn::-moz-focus-inner { /* убираем внутренний отступ у кнопки в FF, который зарезервирован для рамки при фокусе */
padding:0;
border:0;
}
/* UNIFORM INPUTS RESTYLE
------------------------------------------------------------------ */
.radio,
.checker,
.radio span,
.checker span { width: 16px; height: 16px; padding: 0 !important; }
textarea.uniform,
input.text {
color: #000;
font: 15px 'Calibri', 'SegoeUI', sans-serif;
background: #fff;
border: 1px #bbb solid;
border-radius: 0;
}
textarea.uniform:focus,
input.text:focus {
background: #fff;
border-color: #000;
box-shadow: none;
}
/* Стили для плейсхолдеров */
::-webkit-input-placeholder { color: #b9b9b9; }
input:-moz-placeholder { color: #b9b9b9; }
textarea:-moz-placeholder { color: #b9b9b9; }
.text.placeholder { color: #b9b9b9; }
/* Стиль для ошибки */
.inp { position: relative; }
.inp .text, .inp .uniform { width: 100%; }
.inp span {
display: none;
position: absolute;
line-height: 26px;
top: -26px;
margin-top: -6px;
right: 0;
margin-right: -3px;
padding: 0 10px;
color: #fff;
font-size: 11px;
background: #ff0707;
}
.inp span:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNpi/M/O/p+BSMAExIxEqmVkgjEIKYSZzEBAAyOyMxjwaGBEdzMukzBsAggwAC9gAiKnK7h+AAAAAElFTkSuQmCC);
position: absolute;
line-height: 100%;
bottom: 0;
margin-bottom: -6px;
left: 0;
margin-left: 45px;
}
.inp.error span { display: block; }
.inp.error .text,
.inp.error .uniform { border-color: #ff0707; }
/* Стиль для формы поиска */
.inpSearch {
position: relative;
width: 100%;
padding-right: 30px;
text-align: left;
}
.inpSearch .text {
position: relative;
width: 100%;
padding-right: 30px;
border-width: 2px;
}
.inpSearch input[type="submit"] {
position: absolute;
z-index: 1;
width: 30px;
height: 100%;
right: -7px;
border: none;
background: url(../images/sprite.png) -73px 6px no-repeat;
opacity: 0.8;
filter: alpha(opacity=80);
}
.inpSearch input.focused {
background: url(../images/sprite.png) -73px -22px no-repeat;
}
.inpSearch input[type="submit"]:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.inpSearch .text:focus {
border-color: #bbb;
}
.inpSearch a:link,
.inpSearch a:visited,
.inpSearch a:hover {
font-size: 15px;
color: #000;
padding: 0;
}
div.search-popup{
position: absolute;
padding: 0 3px 0 3px;
font: normal 15px/25px Calibri, 'SegoeUI', sans-serif;
border: 2px #bbb solid;
border-top-width: 0;
background: #fff;
}
div.search-popup-row, div.search-popup-row-active{
position: relative; padding: 0; margin: 0px;cursor: hand;cursor: pointer;
}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
/* BALL LINK CLASS
------------------------------------------------------------------ */
.ball { color: #06c; font-size: 15px; display: inline-block; vertical-align: middle;}
.ball:hover { color: #09f; }
.ball-red:link,
.ball-red:visited { color: #c03; }
.ball-red:hover { color: #f06; }
.ball:active { color: #000; }
.ball i {
display: inline-block;
width: 22px;
height: 22px;
margin-right: 6px;
background-color: #06c;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNqcUkEKACAIc9H/f1wrAiFJtNrJFKebgaRsMI8N0KBGRY+kyCOeG6oz1tOhOZRA6KlrOnS70iJl6wJaXxE1fItGcjQz/dtWZUi/xhBgAGTnFw6pQlGfAAAAAElFTkSuQmCC);
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 50%;
overflow: hidden;
vertical-align: -30%;
}
.ball-load i{
background-color: #bc2706;
}
.ball:hover i { background-color: #09f; }
.ball:active i { background-color: #000; }
.ball:active i { background-color: #000; }
.ball-load:hover i{
background-color: #FC7373;
opacity: 0.6;
}
.ball-mail i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGJJREFUeNqkkYEKwCAIRM/Rh+uXO6ZuHFHMsQPDLh+owd3Vv0vlOpES9BT1R13sNhqQZZYCtYxNeNXAycALzNASXMEzFN5YzCC8hJpJpzeMDaTkK239qfn1HUZGJ6L9U4ABAMrU4kAd7ahOAAAAAElFTkSuQmCC); }
.ball-load i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NkEzN0IyM0MzOEIxMUU1OUNEQURFOEE4QUFBQUZDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NkEzN0IyNEMzOEIxMUU1OUNEQURFOEE4QUFBQUZDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc2QTM3QjIxQzM4QjExRTU5Q0RBREU4QThBQUFBRkNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc2QTM3QjIyQzM4QjExRTU5Q0RBREU4QThBQUFBRkNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+B801rAAABGxJREFUeNqUVV1sVEUU/mbuz95dtt3+AIUgQZRgEbRAggQNaA2CBBWiyAs+6IMvBB9MeMFEfFDRaIymKDxIYlCJMShG+TESQUxAXkhIQCFBtEXabtnu0na7v/fOzPHcu0DZiglMMrkzZ875zv+5oq/zbuhKBWp0GNJ1YXwfIhYDBBpN2W8XRM9DWo+aarkZAEnPK/pD1f3QdMiK2+dEzMubahH2BAsUGNgNLRCOBxvjlhAS0PoRMsFWqvorjKG6d10swXIxn4x4nW+HSantLHVgPI6sv1kuwWxT+eJxna+uoHGgdQbI8E2vIL+8n89dbNGEWwILKZNk1DeqWNkSAUrc1hIWQZB+hYz5jkFSdcDCkmCXtuiRwtMwoRLc0SKWMSX1BIz5kIWdCJgtZapZokr+5tDSOwWtmR2iE7SvXmItq4QUsMt9vY3Cpm1QcLWu5xVu7WCq4xLjhl4yvcx4daYDwWjuHZdaT9jG17OpZB6zGi3EW9sAJwbpuNClUfgDaQYQiE+fAtgun22QX0KlL82ohPjMNqZZ1yyuKfEz6fuN8jtwadmMrrMuKLvpOYpWtUI0MkiavyNvbKTMhmVjdONHx+Inb1PPwglkrmbo5qUHeumfpVPprzn2HolKYXmoSrhRzFHesxO9a1dB5DJIPrMB1qSpEb368/fIbXoZlEkjsfE1JOY+BLhxoFKC+u0I1MmjKO7eDj99BVBmkaz05ezIFWUiAJXtR+8vp6CzzODFOY7lWmP0XMC5HbtR2PVBWEFwpt/LzD5rrEIPXEbQfQHVP89Alw2H0TghqKhJquiT3PwuFi1ZCjlrDoo73kL17/O1hCVTiHwKylEFcCWBRkcg7pqJ2LMv1pLH4yDz1Y+wG6Fty5MFhMVr1bpbHdqL4uGjMF98iuzBg2joaK8BxxPwOE+xh5fzLHBg8kMcPg9moBf5rq0sqJE//hPzcZ5TEjaROM1y82HVCrh47AAudn2JRAIRU2JxZ0R3n1yHjj8WAPfMQ+Xzj1E49StaYgzcdwnpnZ+x+8zTyqBNYSk6Z0T3gqZ1/pXhvbFpKbiTp8Hvuwh/OOD4sLtsYaJ9HuKzO1jKZktaEPR2Y/jIDzwRDVrXrI+sH/x6T1TX4Q7FpOe8IC4tnjwxuJo9bnxzHwX8yIEUNm5UftiuMPXtG3ZnyEOqNhSud2v4FpvckpNu4gEp3VjWaWp6L4qjN6Z1bDjhhjXhltcV4xpNjLVq2KHerI73k4sfT/NMS8Jpm77PTnrH/EHceqqJcfsW9ND62KT473zYpXIDkHZLG6xUaripc/W6hoUzzgaZccK3uVQep+3U1JWk/Fww2A9JKoAaGYJsnpibsnX76ubORSd0/g4Q2UPS8qQu4ClT9fvD2AjbuTaPpQXFLWxNm3HZm/vg2mAEr5IW2bEA/s+0FKJsxbw3OblrOC39N4fRvum3BCoVeGAXsnz7CCS+5b2Sk7eetGnn8CSkKx3SVIbGedmY3G83TNqnhq70cMv9R+m/AgwArmsYzUIUOqkAAAAASUVORK5CYII=); }
.ball-red i { background-color: #c03; }
.ball-red:hover i { background-color: #f06; }
.ball-red:active i { background-color: #000; }
.ball i:active { background-color: #000; }
.balls {
display: inline-block;
margin-left: 7px;
}
/* CHOSEN RESTYLE
------------------------------------------------------------------ */
select { min-width: 80px; font-size: 14px; }
.chzn-container { }
.chzn-container-single .chzn-single {
border: 1px #b9b9b9 solid;
box-shadow: none;
background: #fff;
border-radius: 0;
color: #000;
border-color: #b9b9b9;
vertical-align: top;
line-height: 22px;
}
.chzn-container .chzn-drop {
box-shadow: none;
border-bottom: 1px #000 solid;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
}
.chzn-container-single .chzn-single-with-drop { border: 1px #000 solid; }
.chzn-container-single .chzn-drop { border-radius: 0; }
.chzn-container-single .chzn-search { display: none; }
.chzn-container .chzn-results .highlighted { background: #000; color: #fff; filter: none; }
.chzn-container .chzn-results { margin: 0 0 4px 0; padding: 0; max-height: 325px; }
.chzn-container .chzn-results li { padding: 5px 5px 7px 8px; }
/* TREE
------------------------------------------------------------------ */
.tree {}
.tree dt {
margin-bottom: 10px;
font-family: 'SegoeUISemibold', sans-serif;
}
.tree dt a {
padding-left: 11px;
color: #000;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpijIiI+M/AwMDIAAVMUPo/ugBcEFkALIguwIgswIisBW4LQIABAMnSBRYmZt3cAAAAAElFTkSuQmCC) 2px 60% no-repeat;
}
.tree dt a:hover {
color: #c03;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpiPMNg/J+BgYGRAQqYoPR/dAG4ILIAWBBdgBFZgBFZC9wWgAADAMZOBQ3EPMUQAAAAAElFTkSuQmCC) 2px 60% no-repeat;
}
.tree .opened a,
.tree .opened a:hover {
color: #c03;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpiPMNg/J8BB2ACYkYccoxMMAa6BEwnA5oCuEKAAAMA5PcCDKl4648AAAAASUVORK5CYII=) 0 60% no-repeat;
}
.tree dd {
display: none;
padding-left: 11px;
}
.tree dd li {
margin-left: 5px;
}
/*.tree .opened + dd { display: block; } Реализуется через jQuery */
.tree .leading { font-size: 13px; font-family: 'SegoeUISemibold', sans-serif; }
/* RESULTS OF VOTING LIST
------------------------------------------------------------------ */
.voted {
list-style: none;
}
.voted li {
position: relative;
display: block;
margin-bottom: 7px;
}
.voted i {
display: block;
font-style: normal;
padding: 3px 10px;
}
.voted li span {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000;
opacity: 0.14;
filter: alpha(opacity=14);
}
/* PAGER
------------------------------------------------------------------ */
.pager {}
.pager ul {
list-style: none;
}
.pager li {
display: inline-block;
float: left;
line-height: 24px;
vertical-align: bottom;
}
.pager .etc { padding: 0 5px; }
.pager li a { color: #000; padding: 0 5px; display: block; }
.pager li a:hover { color: #c03; }
.pager .current a,
.pager .current { color: #c03; cursor: default; }
.pager .current { padding: 0 5px; }
.pager .nav {
position: relative;
width: 22px;
height: 22px;
float: right;
line-height: 22px;
padding: 0;
margin: 0 5px;
border: 2px #c03 solid;
background-color: #c03;
background-position: 60% 7px;
background-repeat: no-repeat;
cursor: pointer;
}
.pager .nav a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0;
}
.pager .nav:hover,
.pager .nav.hover { background-color: #fff; }
.pager .nav:active { background-color: #000; border-color: #000; }
.pager .nav-left { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNp0kEEKACAIBCvq0P8fW1BgEm5IbcIehHFEo4gEUk1T0SQCDM00cFe8TACypjATBbwJ6ge4131Nfl0xYNpA+F0HsPvr2AsAnj8tAQYAYawa++U9YB4AAAAASUVORK5CYII=); margin: -2px 5px 0 0; right: 32px; position: absolute; }
.pager .nav-left:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNp00NEJACAIBFCvlWr/CWqmK/qS8xRChZeFIBkHKyT4Dib3b0bUoOSCmGo4ZEFGLcgIzcTyXAv14xa6FUAvXAEGAF4ZDw8TvP8QAAAAAElFTkSuQmCC); }
.pager .nav-left:active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNp0kEEKACAIBCvq0P8fW1BgEm5IbcIehHFEo4gEUk1T0SQCDM00cFe8TACypjATBbwJ6ge4131Nfl0xYNpA+F0HsPvr2AsAnj8tAQYAYawa++U9YB4AAAAASUVORK5CYII=); }
.pager .nav-right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNqEj0EKACAIBC3s0P8fW2BgBgYWGy3syWHUpKrkadZKIDkAwyoISsEkDrK1IBP5gJExmm4j7Rv5ARwr8w+4v+sIiFB9AStTgAEAkvcZAd8cUzMAAAAASUVORK5CYII=); margin: -2px 0 0 40px; }
.pager .nav-right:hover,
.pager .nav-right.hover{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNqEkAEKACAIA9Uv1f9fUG9aEgVlqwYyhJswFYBUzeKCj8qihNLdxo7gmya0XsANeoIWQhSMEFjAfgBrdwCsnbIXNAEGAIIZDw+pHHXrAAAAAElFTkSuQmCC); }
.pager .nav-right:active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNqEj0EKACAIBC3s0P8fW2BgBgYWGy3syWHUpKrkadZKIDkAwyoISsEkDrK1IBP5gJExmm4j7Rv5ARwr8w+4v+sIiFB9AStTgAEAkvcZAd8cUzMAAAAASUVORK5CYII=); }
.pager .nav-disabled,
.pager .nav-disabled:hover,
.pager .nav-disabled:active {
background-color: #dcdcdc;
border-color: #dcdcdc;
cursor: default;
}
.nav-disabled.nav-left:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNp0kEEKACAIBCvq0P8fW1BgEm5IbcIehHFEo4gEUk1T0SQCDM00cFe8TACypjATBbwJ6ge4131Nfl0xYNpA+F0HsPvr2AsAnj8tAQYAYawa++U9YB4AAAAASUVORK5CYII=); }
.nav-disabled.nav-right:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNqEj0EKACAIBC3s0P8fW2BgBgYWGy3syWHUpKrkadZKIDkAwyoISsEkDrK1IBP5gJExmm4j7Rv5ARwr8w+4v+sIiFB9AStTgAEAkvcZAd8cUzMAAAAASUVORK5CYII=); }
.pgrs { padding-bottom: 25px; padding-top: 15px; }
.pgrs .pager { float: right; }
.pgrs .archiveLink { float: left; line-height: 26px; }
.pgrs .archiveLink a + a { margin-left: 26px; }
.pgrs .archiveSelect { float: left; line-height: 22px; }
.pgrs .archiveSelect .selects { width: 300px; }
.pgrs .archiveSelect select:first-child { width: 110px; }
.pgrs .archiveSelect .chzn-container { margin-right: 8px; }
.pgrs .archiveSelect .text {
float: left;
margin-right: 14px;
line-height: 25px;
vertical-align: middle;
}
/* BREAD
------------------------------------------------------------------ */
.bread {
font-size: 11px;
padding-bottom: 5px;
margin-top: -3px;
}
.bread ul {
list-style: none;
text-transform: uppercase;
}
.bread li {
display: inline-block;
line-height: 18px;
}
.bread li:before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNpiYGBgWA/EKgw4AEhiAxC3ATEPLkXeQHwAiCOBmBGbAjYgrgTiLUBsyIwm+ReIPwGxGxALIUuoA/FSIJ4BxNIwQUUgng/Ey6EKUMBWIDbB5gCAAAMA9zYLQ3EdZUcAAAAASUVORK5CYII=);
padding: 0 7px 0 6px;
}
.bread li:first-child:before {
content: '';
padding: 0;
}
.bread a {
color: #000;
}
.bread a:hover { color: #c03; }
.bread .current,
.bread .current a {
color: #585858;
cursor: default;
}
/* FANCYBOX RESTYLE & POPUPS
------------------------------------------------------------------ */
.fancy { display: none; }
.fancybox-lock .fancybox-overlay { overflow-y: auto; }
.fancybox-skin {
padding: 0 !important;
box-shadow: none !important;
border-radius: 0;
color: #000;
background: transparent;
}
.fancybox-inner { overflow: visible !important; }
.fancybox-close {
width: 30px;
height: 30px;
top: -28px;
right: -24px;
}
.fancybox-image { background: #fff; }
.fancybox-nav:hover,
.fancybox-close:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.fancybox-nav span {
visibility: visible;
}
.fancybox-next span {
right: -45px;
}
.fancybox-prev span {
left: -45px;
}
.fancyText {
width: 320px;
padding: 20px;
background: #fff;
}
.fancyText .text {
display: block;
width: 314px;
margin: 5px 0 18px 0;
}
.fancyVideo {
position: relative;
min-width: 700px;
}
.fancyVideo h2 {
position: absolute;
bottom: 100%;
padding-bottom: 0;
color: #fff;
}
.fancyVideo .fancyVideoWrapper { padding-top: 15px; position: relative; }
.fancyVideo .fancyVideoWrapper > * { width: 100%; }
.fancybox-title-float-wrap .child {
font: normal 18px/23px 'SegoeUI', sans-serif;
color: #fff;
border-radius: 0;
text-shadow: none;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkOAMAANIAzr59FiYAAAAASUVORK5CYII=);
}
/* VIDEO PLAYER RESTYLE
------------------------------------------------------------------ */
.leanback-player-flash-fallback,
.h5_lb_player .h5_lb_video { border: 0; }
.h5_lb_player .big_play_button div {
display: none;
}
.h5_lb_player .big_play_button,
.h5_lb_player .big_play_button:hover {
width: 72px;
height: 72px;
background: url(../images/sprite.png) -128px -198px no-repeat;
border: 0;
border-radius: 0;
}
.h5_lb_player .big_play_button:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.h5_lb_controls {
height: 40px;
background: #666;
border: 0;
right: 0;
margin-left: -1px;
}
/* Pause Btn */
.h5_lb_controls div.h5_lb_pause_control div {
width: 22px;
height: 22px;
background: url(../images/sprite.png) -63px -205px no-repeat;
border-bottom: 0;
border-right: 0;
}
#leanback-video-id0_pause_inner0 {
margin: 9px 0 0 9px;
background-repeat: no-repeat;
}
#leanback-video-id0_pause_inner1 { display: none; }
/* Play Btn */
.h5_lb_controls div.h5_lb_play_control div {
width: 22px;
height: 22px;
margin: 9px 0 0 9px;
background: url(../images/sprite.png) -91px -205px no-repeat;
}
/* Stop & Info Btns */
.h5_lb_controls div.h5_lb_info_control,
.h5_lb_controls div.h5_lb_stop_control {
display: none;
}
/* Progress Bar */
.h5_lb_controls div.h5_lb_progress_control .progress_bar_bg {
height: 10px;
margin: 15px 0 0 10px;
background: #808080;
border: 0;
}
.h5_lb_controls div.h5_lb_progress_control .progress_bar_buffered {
height: 10px;
margin: 15px 0 0 10px;
background: #b9b9b9;
}
.h5_lb_controls div.h5_lb_progress_control .progress_bar_played {
height: 10px;
margin: 15px 0 0 10px;
background: #09f;
}
.progress_bar_time div.progress_bar_time_txt {
background: #fff;
font-family: 'SegoeUI', sans-serif;
text-shadow: none;
color: #000;
}
/* Timer */
.h5_lb_controls div.h5_lb_timer_control {
width: 100px;
}
.h5_lb_timer_control div {
margin: 14px 0 0 0;
font: 12px 'SegoeUI', sans-serif;
text-shadow: none;
}
/* Volume Btn */
.h5_lb_controls div.h5_lb_volume_control {
padding: 0;
width: 40px;
margin-left: -2px
}
#leanback-video-id0_mute0 {
width: 22px;
height: 22px;
margin: 9px 0 0 0;
background: url(../images/sprite.png) -34px -205px no-repeat;
}
#leanback-video-id0_mute1,
#leanback-video-id0_mute2,
#leanback-video-id0_mute3,
#leanback-video-id0_mute4,
#leanback-video-id0_mute5,
#leanback-video-id0_mute6 { display: none !important; }
/* Volume Track */
.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume {
visibility: hidden; /* Скрываем на время звуковую дорожку */
margin: 15px 0px 0px 27px;
}
.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume div {
width: 1px;
height: 10px;
border: 0;
}
.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume div.is {
background: #0099ff;
}
.h5_lb_controls div.h5_lb_volume_control .h5_lb_volume div.isnot {
background: #b9b9b9;
}
/* Fullscreen Btn */
.h5_lb_controls div.h5_lb_fullscreen_control {
position: absolute;
right: 10px;
padding: 0;
margin: 0px 0px 0px 0px;
width: 22px;
}
.h5_lb_controls div.h5_lb_fullscreen_control div {
border: 0;
}
.h5_lb_controls div.h5_lb_fullscreen_control div.h5_lb_fullscreen_control_fs1,
.h5_lb_controls div.h5_lb_fullscreen_control div.h5_lb_fullscreen_control_fs2 {
width: 22px;
height: 22px;
margin: 9px 0 0 0;
background: url(../images/sprite.png) -6px -205px no-repeat;
}
/* FORM
------------------------------------------------------------------ */
.form {
padding: 25px 0;
}
.field {
margin-bottom: 22px;
clear: both;
text-align: right;
line-height: 25px;
}
.field label {
float: left;
}
.field .inp {
display: inline-block;
width: 362px;
margin-right: 8px;
}
.field .uniform {
height: 140px;
resize: vertical;
}
.field .btn {
margin: 18px 0 0 168px;
float: left;
}
.required {
margin-left: 3px;
color: #c03;
}
/* HEADER
------------------------------------------------------------------ */
.header {
position: relative;
min-height: 85px;
margin: 0 5px 0 15px;
}
.header .logo {
position: absolute;
top: 25px;
left: 0;
display: block;
padding: 0;
}
.header .logo img {
width: 196px;
height: 51px;
}
.header a.logo img:hover{
opacity: 0.9;
}
.header .phone {
position: absolute;
bottom: 5px;
left: 250px;
}
.header .phone img {
display: inline-block;
width: 18px;
height: 18px;
}
.header .phone span {
line-height: 18px;
font: 15px 'SegoeUI', Arial, sans-serif;
color: #000;
padding: 0 0 0 8px;
vertical-align: 25%;
}
.header .info {
position: absolute;
width: 335px;
top: 18px;
right: 0;
text-align: right;
}
.header a {
display: inline-block;
padding: 0 3px 0 14px;
font-size: 13px;
}
.header .info .load img {
display: inline-block;
width: 14px;
height: 14px;
}
.header .info a span {
padding: 0 0 0 6px;
vertical-align: 20%;
}
.header .search {
margin: 11px 37px 0 0;
position: relative;
}
/* CONTAINER
------------------------------------------------------------------ */
.leftCol {
display: inline-block;
vertical-align: top;
width: 196px;
padding: 0 27px 0 0;
}
.rightCol {
display: inline-block;
vertical-align: top;
width: 538px;
}
.main {
position: relative;
padding: 20px 0 31px 15px;
/* margin: 20px 0 31px 15px;*/
padding-bottom: 31px;
}
.main .rightCol {
padding: 12px 0 0;
}
.main .leftMenu {
border-bottom: #b9b9b9 2px solid;
padding: 2px 0 10px;
}
.main .leftMenu ul{
list-style: none;
text-align: left;
font: 18px/32px 'SegoeUI', Arial, sans-serif;
position: relative;
z-index: 397;
}
.main .leftMenu ul li {
cursor: pointer;
}
.main .leftMenu ul li:hover {
position: relative;
z-index: 399;
}
.main .leftMenu ul ul {
visibility: hidden;
position: absolute;
z-index: 398;
top: -13px;
left: 108%;
background: #fff;
font: 13px/20px 'SegoeUI', Arial, sans-serif;
text-align: left;
border: 6px #d6003d solid;
padding: 15px 19px 16px;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
}
.main .leftMenu ul ul:before {
content: "";
display: block;
background: url(../images/menu-corner.png) 100% 11px no-repeat;
position: absolute;
width: 23px;
position: absolute;
top: 7px;
left: -31px;
bottom: 0;
padding: 0 0 0 10px;
}
.main .leftMenu ul li:hover ul {
visibility: visible;
}
.main .leftCol li a {
color: #000;
}
.main .leftCol ul ul a {
color: #585858;
white-space:nowrap;
display:block;
}
.main .leftCol li:hover > a,
.main .leftCol li a:hover,
.main .leftCol li .current {
color: #d20039;
}
.main .leftMenu .menuHeader {
font: 15px/20px 'SegoeUI', Arial, sans-serif;
color: #000;
text-transform: uppercase;
white-space:nowrap;
display:block;
cursor: default;
}
.main .leftCol .links {
font: 15px/26px 'SegoeUI', Arial, sans-serif;
border-bottom: #b9b9b9 2px solid;
padding: 7px 0 10px;
}
.main .leftCol .links ul{
list-style: none;
text-align: left;
}
.main .survey {
padding: 12px 0 0;
}
.main .survey .question {
font: 12px/16px 'SegoeUI', Arial, sans-serif;
color: #808080;
display: inline-block;
padding: 0 0 11px;
}
.main .survey .btn {
margin: 0 8px 0 0;
}
.main .survey .thanks {
display: none;
margin-top: 10px;
padding: 6px 0px;
text-align: center;
color: #808080;
}
.vote {
list-style: none;
}
.vote li {
padding-bottom: 11px;
}
.vote label {
display: inline-block;
width: 170px;
padding-top: 2px;
}
/*---- Main Slider ----*/
.mainSlider {
height: auto !important;
border-bottom: 2px #b9b9b9 solid;
margin: 0 0 10px;
position: relative;
}
.mainSlider .slide {
width: 538px;
height: 275px;
display: block;
}
.mainSlider .sliderNav{
border-top: 2px #fff solid;
}
/* Sliderkit Restyle */
.mainSlider .sliderkit-panels { height: 275px; }
.mainSlider.sliderkit .sliderkit-nav-clip ul li {
float: none;
cursor: pointer;
}
.mainSlider.sliderkit .sliderkit-nav {
text-align: left;
}
.mainSlider .sliderkit-nav-clip,
.mainSlider .sliderkit-nav-clip ul {
width: auto !important;
height: auto !important;
}
.mainSlider.sliderkit .sliderkit-nav {
position: relative;
bottom: 0;
}
.mainSlider.sliderkit .sliderkit-nav-clip,
.mainSlider.sliderkit .sliderkit-nav-clip ul li a {
overflow: visible;
}
.mainSlider.sliderkit .sliderkit-panels-wrapper {
position: relative;
}
/* - - - - - - - - - */
.mainSlider .sliderNav li {
display: table-cell;
background: #fff;
padding: 7px;
position: relative;
}
.mainSlider .sliderNav li a{
color: #585858;
display: block;
}
.mainSlider .sliderNav li:hover a,
.mainSlider .sliderNav li a:hover{
color: #d20039;
}
.mainSlider .sliderNav li.sliderkit-selected {
background: #b9b9b9;
cursor: default;
}
.mainSlider .sliderNav li.sliderkit-selected a:before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUeNqE0VEKACEIBFCVPch2GQ/tZdqbuPURSDTTgPiRDyE1MwWkj2qnByOg9itagy+ChkBEQGgECIKGwMoJ6vg9CGrcfbavbqJg3/iUW6Tco+xONL8AAwDF9SYnHb5zKgAAAABJRU5ErkJggg==");
position: absolute;
margin-top: -18px;
margin-left: -6px;
left: 50%;
}
.mainSlider .sliderNav li.sliderkit-selected a {
color: #fff;
position: relative;
cursor: default;
}
.sliderNews {
width: 536px;
margin: 0 0 10px;
padding: 3px;
padding-left: 0;
height: 20px;
background: #dbdbdb;
}
.sliderNews .date {
display: inline-block;
font: 12px/23px 'SegoeUI', Arial, sans-serif;
padding: 0 0 0 9px;
color: #585858;
height: 20px;
width: 68px;
line-height: 20px;
vertical-align: 4px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAIAAADDbMD2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVJREFUeNpi3L17NxMDAwO1MECAAQCxfgJZFd/kEwAAAABJRU5ErkJggg==") center right no-repeat;
}
.sliderNews .date span{
vertical-align: 4px;
}
.sliderNews .title {
position: relative;
display: inline-block;
padding: 0 2px 0 6px;
font: 15px/20px 'SegoeUI', Arial, sans-serif;
color: #000;
width: 385px;
height: 20px;
overflow: hidden;
}
.sliderNews .title:hover {
color: #d20039;
}
.sliderNews .title span {
vertical-align: 4px;
}
.sliderNews .title i {
position: absolute;
width: 40px;
height: 100%;
right: 0;
top: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAABCAYAAABJwyn/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJJREFUeNpivH37NhsDAwMzELNCMRuUZoey2ZHYnEg0B1QcxuaC8jmQMEw9B5J6DiRz2ZAwC9ReFqh7mBiGAAAIMAAngAOSoPZBfgAAAABJRU5ErkJggg==) 0 0 repeat-y;
}
.sliderNews .arrowLeft{
padding: 0 7px 0 0;
line-height: 20px;
width: 15px;
height: 20px;
}
.sliderNews .arrowLeft i{
display: inline-block;
width: 10px;
height: 12px;
vertical-align: 4px;
background: url(../images/sprite.png) -152px 0 no-repeat;
}
.sliderNews .arrowRight{
padding: 0 1px 0 0;
line-height: 20px;
width: 15px;
height: 20px;
}
.sliderNews .arrowRight i{
display: inline-block;
width: 10px;
height: 12px;
vertical-align: 4px;
background: url(../images/sprite.png) -165px 0 no-repeat;
}
.sliderNews .allNews {
width: 15px;
height: 20px;
display: inline-block;
line-height: 20px;
text-align: center;
}
.sliderNews .allNews i{
display: inline-block;
width: 3px;
height: 13px;
vertical-align: 4px;
background: url(../images/sprite.png) -180px 0 no-repeat;
}
.sliderNews .newsNav {
position: absolute;
right: 0;
top: 7px;
z-index: 50;
background: #dbdbdb;
}
.sliderNews .newsNav a:hover i {
opacity: 0.8;
filter: Alpha(opacity=80)
}
.sliderNews .sliderkit-panel {
}
.sliderNews .sliderkit-panel {
width: 100%;
background: #dbdbdb;
}
.sliderNews .sliderkit-go-btn {
display: inline-block;
}
/*-------- БЛОКИ ---------*/
.blockLinks {
margin: 0 0 0 -7px;
}
.blockLinks a img:hover {
opacity: 0.85;
filter: Alpha(opacity=85);
}
.brick {
position: relative;
display: block;
float: left;
height: 102px;
width: 102px;
margin: 0 0 7px 7px;
background: #808080;
font: 11px/14px 'SegoeUI', Arial, sans-serif;
overflow: hidden;
}
.brick span {
position: absolute;
width: 100%;
left: 13px;
bottom: 8px;
z-index: 100;
}
.brick i {
display: block;
margin: 0 auto;
}
a.brick {
color: #fff;
}
.brickWrap {
width: 327px;
float: left;
}
.brickR2-1 {
width: 211px;
}
.support{
float: left;
width: 211px;
height: 211px;
margin: 0 0 7px 7px;
font: 11px/14px 'SegoeUI', Arial, sans-serif;
color: #000;
background: #e3e3e3;
background-image: -ms-linear-gradient(top left, #DCDCDC 0%, #E5E5E5 100%);
background-image: -moz-linear-gradient(top left, #DCDCDC 0%, #E5E5E5 100%);
background-image: -o-linear-gradient(top left, #DCDCDC 0%, #E5E5E5 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #DCDCDC), color-stop(1, #E5E5E5));
background-image: -webkit-linear-gradient(top left, #DCDCDC 0%, #E5E5E5 100%);
background-image: linear-gradient(to bottom right, #DCDCDC 0%, #E5E5E5 100%);
}
.support .contact {
padding: 2px 10px 0 28px;
}
.support .phone{
font: 15px/26px 'SegoeUI', Arial, sans-serif;
padding: 17px 0 19px;
}
.support .suppLink {
display: block;
color: #000;
margin: 0 0 0 -14px;
}
.support .suppLink:hover {
color: #d20039;
}
.support .suppLink i {
display: inline-block;
width: 14px;
height: 11px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKpJREFUeNpi/P//P0NjY6MmAwNDFBDbAbEYEN8C4u1AvKq+vv4dMyMjowOQsxCIg4FYHohFgFgdiH2AWO3gwYNHWYCMaiDWYsAOAoH4GhPUCnzAHaToCwFFn0CKNuFR8AeI14Dc1ATEnCBjgVgAScFrIJ4GxPMZoUHAB+TsBmJTIN4CxJdBNND7x0GqWaC6CqFu8wVKbEW3ExRO+kD6NxC3ABVcxeYwgAADALfAKppXVKuMAAAAAElFTkSuQmCC) 0 0 no-repeat;
vertical-align: -3px;
}
/*---- CONTENT ----*/
.contentPage {
font: 12px/16px 'SegoeUI', Arial, sans-serif;
position: relative;
}
.contentPage ul{
margin: -7px 0 5px 13px;
list-style-position: outside;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpiPMNgzHBDRO49AxBovHkkyALiABkCIAEQm4kBDbCAlCFrYfz//z+KCgwtAAEGAAZlFAr4JWMCAAAAAElFTkSuQmCC);
}
.contentPage li {
padding: 0 0 4px;
}
.contentPage ol {
display: inline-block;
padding: 0 0 5px;
margin: 0 0 0 19px;
}
.contentPage table {
width: 100%;
margin: 3px 0 10px;
}
.contentPage th {
border-top: 1px #b9b9b9 solid;
border-bottom: 1px #b9b9b9 solid;
padding: 5px 0 8px;
text-align: right;
font-family: 'SegoeUI Semibold', Arial, sans-serif;
}
.contentPage th:first-child {
text-align: left;
}
.contentPage td{
text-align: right;
padding: 5px 0 8px;
border-bottom: 1px #ededed solid;
}
.contentPage td:first-child {
text-align: left;
}
.contentPage table + span {
font: 11px/14px 'SegoeUI', Arial, sans-serif;
color: #808080;
display: inline-block;
padding: 0 0 8px;
}
.contentPage img {
float: left;
padding: 0 10px 15px 0;
}
.contentPage h2 .date {
color: #808080;
padding: 0 9px 0 0;
}
.contentPage {
padding: 0 0 20px;
}
.contentPage .newsNav {
text-align: right;
padding: 20px 0 0;
}
.contentPage h2 {
position: relative;
padding-right: 70px;
}
.contentPage h2 .newsNav {
position: absolute;
bottom: 5px;
right: 0;
}
.contentPage .allNews {
color: #c03;
vertical-align: 50%;
padding: 0 10px 0 0;
}
.contentPage .allNews:hover {
color: #d6003d;
}
.contentPage .nav {
display: inline-block;
width: 22px;
height: 22px;
border: 2px #c03 solid;
background-color: #c03;
background-position: 52% 51%;
background-repeat: no-repeat;
cursor: pointer;
line-height: 22px;
}
.contentPage .nav:hover,
.contentPage .nav.hover { background-color: #fff; }
.contentPage .nav:active { background-color: #000; border-color: #000; }
.contentPage .nav-left {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNp0kEEKACAIBCvq0P8fW1BgEm5IbcIehHFEo4gEUk1T0SQCDM00cFe8TACypjATBbwJ6ge4131Nfl0xYNpA+F0HsPvr2AsAnj8tAQYAYawa++U9YB4AAAAASUVORK5CYII=);
margin: 0 5px 0 0;
}
.contentPage h2 .nav-left {
margin: 0;
}
.contentPage .nav-left:hover,
.contentPage .nav-left.hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNp00NEJACAIBFCvlWr/CWqmK/qS8xRChZeFIBkHKyT4Dib3b0bUoOSCmGo4ZEFGLcgIzcTyXAv14xa6FUAvXAEGAF4ZDw8TvP8QAAAAAElFTkSuQmCC); }
.contentPage .nav-left:active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNp0kEEKACAIBCvq0P8fW1BgEm5IbcIehHFEo4gEUk1T0SQCDM00cFe8TACypjATBbwJ6ge4131Nfl0xYNpA+F0HsPvr2AsAnj8tAQYAYawa++U9YB4AAAAASUVORK5CYII=); }
.contentPage .nav-right {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNqEj0EKACAIBC3s0P8fW2BgBgYWGy3syWHUpKrkadZKIDkAwyoISsEkDrK1IBP5gJExmm4j7Rv5ARwr8w+4v+sIiFB9AStTgAEAkvcZAd8cUzMAAAAASUVORK5CYII=);
margin: 0 0 0 2px;
}
.contentPage .nav-right:hover,
.contentPage .nav-right.hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNqEkAEKACAIA9Uv1f9fUG9aEgVlqwYyhJswFYBUzeKCj8qihNLdxo7gmya0XsANeoIWQhSMEFjAfgBrdwCsnbIXNAEGAIIZDw+pHHXrAAAAAElFTkSuQmCC); }
.contentPage .nav-right:active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNqEj0EKACAIBC3s0P8fW2BgBgYWGy3syWHUpKrkadZKIDkAwyoISsEkDrK1IBP5gJExmm4j7Rv5ARwr8w+4v+sIiFB9AStTgAEAkvcZAd8cUzMAAAAASUVORK5CYII=); }
.contentPage .nav-disabled,
.contentPage .nav-disabled:hover,
.contentPage .nav-disabled:active {
background-color: #dcdcdc;
border-color: #dcdcdc;
cursor: default;
}
.nav-disabled.nav-left:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNp0kEEKACAIBCvq0P8fW1BgEm5IbcIehHFEo4gEUk1T0SQCDM00cFe8TACypjATBbwJ6ge4131Nfl0xYNpA+F0HsPvr2AsAnj8tAQYAYawa++U9YB4AAAAASUVORK5CYII=); }
.nav-disabled.nav-right:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNqEj0EKACAIBC3s0P8fW2BgBgYWGy3syWHUpKrkadZKIDkAwyoISsEkDrK1IBP5gJExmm4j7Rv5ARwr8w+4v+sIiFB9AStTgAEAkvcZAd8cUzMAAAAASUVORK5CYII=); }
/*---- MAP ----*/
.map {}
.map .mapList {
padding: 9px 0 0 ;
}
.map ul {
list-style: none;
}
.map li {
padding: 0 0 36px;
}
.map ul li a,
.map ul li span {
display: block;
text-transform: uppercase;
padding: 0 0 8px;
border-bottom: 1px #dcdcdc solid;
font: 15px/16px 'SegoeUI', Arial, sans-serif;
color: #000;
}
.map ul li a:hover {
color: #c03;
}
.map ul ul {
margin: 0 0 0 -10px;
}
.map ul ul li {
display: inline-block;
width: 170px;
padding: 12px 0 0 10px;
vertical-align: top;
}
.map ul ul li a {
text-transform: uppercase;
font: 12px/16px 'SegoeUI', Arial, sans-serif;
color: #c03;
padding: 0 0 0;
border: none;
}
.map ul ul li a:hover {
color: #f06;
}
.map ul ul ul li {
padding: 13px 0 0 10px;
}
.map ul ul ul li a {
text-transform: none;
color: #000;
}
.map ul ul ul li a:hover {
color: #c03;
}
/* FLOW [News, Catalog, etc]
------------------------------------------------------------------ */
.flow {}
.flow .date,
.box .date {
display: block;
color: #808080;
padding-bottom: 7px;
}
.flow hr {
width: 100%;
float: left;
margin: 30px 0 30px 10px;
}
.flow ul {
margin-left: 2px;
list-style: none;
}
.flow li {
padding-left: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpiPMNgzHBDRO49AxBovHkkyALiABkCIAEQm4kBDbCAlCFrYfz//z+KCgwtAAEGAAZlFAr4JWMCAAAAAElFTkSuQmCC) left 6px no-repeat;
}
.category .expert .item .announce ul,
.itemPage .expert .item .announce ul {
list-style: none;
}
.category .expert .item .announce li,
.itemPage .expert .item .announce li {
padding-left: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpiPMNgzHBDRO49AxBovHkkyALiABkCIAEQm4kBDbCAlCFrYfz//z+KCgwtAAEGAAZlFAr4JWMCAAAAAElFTkSuQmCC) left 6px no-repeat;
}
.flow .first h2 {
padding-bottom: 7px;
}
.flow .first .imgWrapper {
width: 260px;
max-height: 260px;
float: left;
text-align: center;
}
.flow .first .imgWrapper img {
max-width: 260px;
max-height: 260px;
}
.flow .first .announce {
width: 270px;
float: right;
}
.flow .first .btnwrp {
margin-top: 10px;
}
.flow .boxes {
margin-left: -10px;
padding-bottom: 15px;
}
.flow .box {
width: 172px;
float: left;
margin-left: 10px;
}
.flow .box h3 {
padding-bottom: 7px;
}
.flow .box .date {
margin-top: -4px;
padding-bottom: 5px;
}
.flow .box .imgWrapper {
position: relative;
}
.flow .box .imgWrapper img {
height: 108px;
max-width: 100%;
}
.flow .box .imgWrapper .new {
position: absolute;
width: 30px;
height: 30px;
bottom: 15px;
right: 35px;
}
.flow .box .announce {
margin-bottom: 5px;
overflow: hidden;
}
.flow .box .preview {
margin-bottom: 15px;
overflow: hidden;
}
/*---- GROUP PAGE----*/
.group-page {
padding: 7px 0 0;
}
.group-page img {
padding: 0 0 5px;
}
.group-page h2 {
padding-bottom: 14px;
}
.group-page ul {
list-style-position: inside;
}
.group-page .info a {
display: block;
padding: 0 0 14px 0;
}
.group-page .supportLinks {
list-style: none;
padding: 16px 0 0;
}
.group-page .supportLinks > li {
display: inline-block;
vertical-align: top;
width: 177px;
text-transform: uppercase;
padding: 0 0 12px;
font: 12px/16px 'SegoeUI', Arial, sans-serif;
color: #c03;
}
.group-page .supportLinks ul {
padding: 0 0 14px 0;
}
.group-page .supportLinks li li {
display: block;
text-transform: none;
padding: 14px 0 0;
}
/* CALCULATOR PAGES
------------------------------------------------------------------ */
.calc {
}
.calc .p38 { font-size: 38px; }
.calc .p28 { font-size: 28px; }
.calc .p26 { font-size: 26px; }
.calc .p18 { font-size: 18px; line-height: 42px }
.calc hr { margin: 14px 0; }
.calc hr.red { margin-bottom: 10px; }
.calc hr.undertitle { margin: 2px 0 10px 0; }
.calc p { font-size: 15px; line-height: 20px; }
.calc .note { font-size: 12px; line-height: 14px; }
.calc .uppercase { text-transform: uppercase; }
.calc .tree dt { margin-bottom: 0; }
.calc .tree dd { padding: 0; }
.calc .buttons a { margin-left: 30px; vertical-align: middle; }
.calc .buttons a:first-child { margin-left: 0;}
.calc .brdBox {
display: inline-block;
padding: 15px 14px 7px 14px;
border: 1px #dcdcdc solid;
}
.calc .fraction {
display: inline-block;
vertical-align: middle;
text-align: center;
}
.calc .numerator {
display: block;
padding-bottom: 3px;
border-bottom: 1px #000 solid;
}
.calc .denominator {
display: block;
padding-top: 3px;
}
.calc table {
font-size: 15px;
margin-top: 20px;
}
.calc table .text {
width: 55px;
}
.calc table td {
padding: 0 13px 15px 0;
vertical-align: middle;
}
.calc .compareItems {
position: relative;
height: 395px;
margin-top: 7px;
margin-bottom: 17px;
}
.calc .compareItem img,
.calc .compareItem select {
width: 100%;
}
.calc .compareItem .imgWrapper {
margin-bottom: 20px;
}
.calc .compareItems .firstItem {
position: absolute;
left: 0;
bottom: 0;
width: 240px;
background: #dcdcdc;
padding: 10px 10px 19px 10px;
}
.calc .firstItem .imgWrapper {
position: relative;
width: 240px;
height: 243px;
}
.calc .firstItem .imgWrapper img {
position: absolute;
width: 239px;
height: 239px;
}
.calc .firstItem .bigText {
font-size: 18px;
padding: 18px 0;
}
.calc .compareItems .effective {
position: absolute;
left: 260px;
bottom: 45px;
width: 86px;
float: left;
margin: 0 0 0 10px;
}
.calc .effective .percent {
display: block;
font-size: 38px;
line-height: 42px;
color: #c03;
}
.calc .compareItems .secondItem {
position: absolute;
right: 0;
bottom: 0;
width: 160px;
float: right;
border: 1px #dcdcdc solid;
padding: 9px 9px 18px 9px;
}
.calc .compareItems .secondItem .imgWrapper {
position: relative;
width: 160px;
height: 191px;
}
.calc .compareItems .secondItem .imgWrapper img {
position: absolute;
width: 160px;
height: 189px;
}
.calc .compareItems .secondItem .bigText {
padding: 22px 0 20px 0;
}
/* / .compareItems */
.calc .overview {
width: 100%;
margin: 8px 0 15px 0;
text-align: center;
border: 1px #dcdcdc solid;
}
.calc .overview .imgWrapper {
width: 100%;
height: 299px;
line-height: 299px;
}
.calc .overview .firstItem .imgWrapper img {
position: static;
width: 290px;
height: 290px;
}
.calc .overview .firstItem {
width: 290px;
float: left;
padding: 10px;
background: #dcdcdc;
}
.calc .overview .firstItem .subscription {
margin: 10px 0 25px 0;
font-size: 18px;
}
.calc .overview .secondItem {
width: 204px;
margin-right: 15px;
float: right;
}
.calc .overview .secondItem .imgWrapper img {
width: 209px;
height: 209px;
vertical-align: middle;
}
.calc .overview .secondItem .subscription {
margin-top: 20px;
font-size: 15px;
}
/* / .overview */
/*---- CATEGORY----*/
.category {
padding: 7px 0 24px;
}
.subCtgr { padding-bottom: 0; } /* отмена padding на странице subsubcategory */
.category .slider {
margin: 0 0 5px;
position: relative;
height: 222px;
overflow: hidden;
}
/* Sliderkit Restyle */
.category .sliderkit-panels {
width: 382px;
height: 222px;
display: inline-block;
}
.category .sliderkit .sliderkit-nav-clip ul li { float: none; }
.category .sliderkit-nav-clip,
.category .sliderkit-nav-clip ul {
width: auto !important;
height: auto !important;
text-align: left;
}
.category .slider.sliderkit .sliderkit-nav {
position: absolute;
top: 0;
right: 0;
}
.category .slider.sliderkit .sliderkit-nav-clip,
.category .slider.sliderkit .sliderkit-nav-clip ul li a {
overflow: visible;
}
/* - - - - - - - - - */
.category .slider .slide {
display: inline-block;
vertical-align: middle;
width: 382px;
height: 222px;
}
.category .slider .sliderNav {
display: inline-block;
vertical-align: middle;
width: 156px;
height: 222px;
}
.category .slider .sliderNav ul{
list-style: none;
border-left: 2px #fff solid;
background: #fff;
}
.category .slider .sliderNav li{
padding: 6px 5px 15px 5px;
height: 35px;
cursor: pointer;
}
.category .slider .sliderNav li a{
color: #585858;
display: block;
}
.category .slider .sliderNav li:hover a,
.category .slider .sliderNav li a:hover{
color: #d20039;
}
.category .slider .sliderNav li.sliderkit-selected {
background: #b9b9b9;
position: relative;
cursor: default;
}
.category .slider .sliderNav li.sliderkit-selected:before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGtJREFUeNqE0sEJwDAIBVDJHD00g/TqzubaQdJD97AWGpBEf4WPCO+iCakqgXSLiogWyqv7ofygvbWWwgVFMEQzTJGHEA14Wm6EBjwsm+ViZgjfql9PsV8G4vk8KY4OHuLsCReMPkX1wyPAALnJQAqyZkKZAAAAAElFTkSuQmCC");
position: absolute;
top: 35%;
left: -9px;
}
.category .slider .sliderNav li.sliderkit-selected a {
color: #fff;
position: relative;
cursor: default;
}
.category h2 {
padding: 0 0 17px;
}
.category .subCategories {
margin: 0 0 0 -8px;
padding: 5px 0 34px;
font-size: 0;
display: table;
width: 548px;
overflow: hidden;
}
.category .subCategory {
display: inline-block;
vertical-align: top;
width: 265px;
padding: 0 0 20px 8px;
font-size: 12px;
}
.category .subCategory .title{
display: block;
background: #dcdcdc;
font: 12px/18px 'SegoeUISemibold', Arial, sans-serif;
text-transform: uppercase;
color: #000;
height: 18px;
padding: 7px 20px;
overflow: hidden;
}
.category .subCategory .desc{
height: 80px;
overflow: hidden;
}
.category .subCategory img {
padding: 0 0 9px;
max-width:265px;
}
.category .subCategory .btn {
margin: 2px 0 11px;
}
.category .subCategory .subSubCategory {
display: block;
padding: 15px 0 7px;
border-bottom: 2px #dcdcdc solid;
font-size: 12px;
}
.category .subCategories+h2 {
padding: 0 0 10px;
}
.category .boxes{
margin: 0 0 0 -14px;
padding: 5px 0 0;
}
.category .box{
display: inline-block;
vertical-align: top;
width: 168px;
padding: 0 0 0 14px;
}
.category .box .imgWrapper {
width: 170px;
height: 113px;
padding: 0 0 5px;
text-align: center;
}
.category .box .imgWrapper img {
width: 170px;
height: 113px;
}
.category .box .announce {
height: 138px;
padding-bottom: 10px;
}
.category .box .announce h3 {
padding: 0 0 5px;
line-height: 20px;
}
.subCategoryPage {
padding: 7px 0 54px;
}
.subCategoryPage .slider {
padding: 0 0 4px;
}
.subCategoryPage .subCategories {
margin: 0 0 0 -9px;
padding: 3px 0 23px;
}
.subCategoryPage h2 {
padding: 0 0 16px;
}
.subCategoryPage .subCategory .title {
padding: 6px 20px 9px;
}
.subCategoryPage .subCategory .btn {
margin: 5px 0 11px 1px;
}
.category .expert {
padding: 4px 0 10px;
}
.category .expert .title {
font-size: 12px;
padding: 9px 20px 7px;
height: auto;
}
.category .expert .item {
padding: 16px 0 14px;
border-bottom: 1px #dcdcdc solid;
}
.category .expert .item .imgWrap {
display: inline-block;
vertical-align: top;
text-align: center;
width:60px;
height: 65px;
overflow: hidden;
padding: 0 10px 0 0;
}
.category .expert .item .name {
display: inline-block;
width: 78px;
height: 65px;
overflow: hidden;
padding: 0 8px 0 0;
vertical-align: top;
font: 12px/15px 'SegoeUI', Arial, sans-serif;
color: #000;
}
.category .expert .item .announce {
display: inline-block;
vertical-align: top;
width: 102px;
height: 65px;
/* min-height: 30px; */
overflow: hidden;
font: 11px/15px 'SegoeUI', Arial, sans-serif;
}
.category .expert .item .see-link {
display: inline-block;
margin: 0 0 0 73px;
}
/*---- ITEM ----*/
.itemPage {
padding: 7px 0 24px;
}
.itemPage .galleryCol {
display: inline-block;
vertical-align: top;
width: 261px;
padding: 0 10px 0 0;
}
.itemPage .galleryWrap {
position: relative;
height: 212px;
width: 251px;
text-align: center;
}
.itemPage .galleryWrap img {
max-height: 212px;
max-width: 251px;
vertical-align: middle;
}
.itemPage .galleryWrap .imageH {
display: inline-block;
width: 251px;
}
.itemPage .galleryWrap .imageV {
display: table-cell;
width: 251px;
vertical-align: middle;
line-height: 212px;
}
.itemPage .galleryCol .panel {
padding: 7px 0 0;
margin: 0 0 25px 0px;
overflow: hidden;
}
.itemPage .galleryCol .panel ul {
list-style: none;
font-size: 0;
line-height: 0;
}
.itemPage .galleryCol .panel li {
display: inline-block;
width: 41px;
height: 41px;
border: 1px #dcdcdc solid;
position: relative;
margin: 0 9px 9px 0;
overflow: hidden;
}
.itemPage .galleryCol .panel li:hover,
.itemPage .galleryCol .panel .current {
border: 1px #c03 solid ;
}
.itemPage .galleryCol .panel .current a {
cursor: default;
}
.itemPage .galleryCol .panel .videoPrev {
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #000;
width: 100%;
height: 100%;
opacity: 0.8;
filter: Alpha(opacity=80);
}
.itemPage .galleryCol .panel li img {
width: 100%;
height: 100%;
}
.itemPage .galleryCol .panel .videoPrev i{
display: block;
width: 38px;
height: 38px;
background: url(../images/sprite.png) -207px 0 no-repeat;
margin: 2px 0 0 2px;
}
.itemPage .galleryCol .panel li:hover i{
opacity: 0.8;
filter: Alpha(opacity=80);
}
.itemPage .shared {
padding: 0 0 15px;
}
.itemPage .shared span {
display: inline-block;
padding-right: 10px;
}
.itemPage .itemName {
margin: -8px 0 0;
padding: 0 0 20px;
font-size: 22px;
}
.itemPage .new {
position: absolute;
width: 30px;
height: 30px;
position: absolute;
bottom: 0;
right: 0;
margin: 10px;
}
.itemPage .itemDesc {
display: inline-block;
vertical-align: top;
width: 260px;
}
.itemPage .itemDesc .item .see-link {
margin: 0px 0px 0px 68px;
}
.itemPage .prod {
padding: 0 0 27px;
line-height: 40px;
}
.itemPage .prod .producer {
display: inline-block;
}
.itemPage .prod .producer img {
max-height: 50px;
vertical-align: middle;
}
.itemPage .flag {
display: inline-block;
padding: 0 15px 0 0;
vertical-align: middle;
}
.itemPage .flag img {
padding-right: 7px;
vertical-align: -3px;
}
.itemPage .btn-big {
padding: 0 54px 0 20px;
}
.itemPage .btn + span {
display: block;
font: 12px/14px 'SegoeUI', Arial, sans-serif;
color: #808080;
padding: 8px 0 10px;
}
.itemPage .expert {
padding: 16px 0 10px;
}
.itemPage .expert h3 {
padding-bottom: 4px;
border-bottom: 1px #dcdcdc solid;
}
.itemPage .expert .item {
padding: 14px 0 14px;
}
.itemPage .expert .item .imgWrap {
height: auto;
}
.itemPage .expert .item .name {
height: auto;
padding-bottom: 7px;
}
.itemPage .expert .item .announce {
height: auto;
}
.itemPage .expert .item .btn {
margin: 0 0 0 72px;
}
.itemPage .expert .item .imgWrap {
width: 55px;
}
.itemPage .fullDesc {
padding: 45px 0 10px;
}
.itemPage .fullDesc h2 {
padding: 0 0 19px;
}
.itemPage .fullDesc .heading ul {
list-style: none;
text-align: justify;
border-top: 1px #b9b9b9 solid;
border-bottom: 1px #b9b9b9 solid;
margin: 0 0 10px;
}
.itemPage .fullDesc .heading li {
display: inline-block;
padding: 8px 12px 8px 13px;
}
.itemPage .fullDesc .heading li.current {
background: #b9b9b9;
position: relative;
}
.itemPage .fullDesc .heading li.current:after {
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #b9b9b9;
bottom: -7px;
left: 47%;
position: absolute;
}
.itemPage .fullDesc .heading li a {
text-transform: uppercase;
}
.itemPage .fullDesc .heading li.current a {
color: #fff;
cursor: default;
}
.itemPage .fullDesc .boxCharact table {
text-transform: uppercase;
}
.itemPage .fullDesc table {
width: 100%;
margin: 0 0 12px;
}
.itemPage .fullDesc td {
padding: 6px 0 7px;
text-align: right;
border-bottom: 1px solid #ededed;
}
.itemPage .fullDesc td:first-child {
text-align: left;
}
.itemPage .infoPlus {
padding: 20px 0 43px;
}
.itemPage h2 {
padding: 0 0 10px;
}
.infoPlus .surveyMessage {
color: #808080;
}
/*------- item Print Page ------*/
.itemPrintPage {
display: none;
font: 16px/22px 'SegoeUI', Arial, sans-serif;
}
.itemPrintPage .container {
width: 960px;
margin: auto;
}
.itemPrintPage .header {
height: 200px;
margin: 0 -12px 0 0;
text-align: right;
}
.itemPrintPage .main {
padding: 0;
}
.itemPrintPage .itemPage {
padding: 18px 0 26px;
}
.itemPrintPage .itemName {
font-size: 38px;
padding: 0 0 20px;
}
.itemPrintPage .fullDescPrint {
padding: 29px 0 0 0;
}
.itemPrintPage .fullDescPrint h1{
padding: 0;
}
.itemPrintPage .fullDescPrint h2 {
border-bottom: 1px #000 solid;
margin: 0 0 14px;
padding: 18px 0 13px;
page-break-inside: avoid;
}
.itemPrintPage .fullDescPrint p {
padding-bottom: 14px;
}
.itemPrintPage .fullDescPrint ul{
margin: 0 0 5px 16px;
list-style-position: outside;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpiPMNgzHBDRO49AxBovHkkyALiABkCIAEQm4kBDbCAlCFrYfz//z+KCgwtAAEGAAZlFAr4JWMCAAAAAElFTkSuQmCC);
}
.itemPrintPage .fullDescPrint li{
padding: 0 0 8px;
}
.itemPrintPage .fullDescPrint table {
width: 100%;
margin: 0 0 15px;
}
.itemPrintPage .fullDescPrint td {
padding: 12px 0 5px;
text-align: right;
border-bottom: 1px solid #ededed;
}
.itemPrintPage .fullDescPrint td:first-child {
text-align: left;
}
.itemPrintPage .fullDescPrint .calc p {
padding: 0 0 24px;
}
.itemPrintPage .fullDescPrint .calc .ocup{
font: 28px/40px 'SegoeUI', Arial, sans-serif;
padding: 0 0 10px;
}
.itemPrintPage .galleryCol {
width: 450px;
float: left;
padding: 0 2px 0 0;
}
.itemPage .itemName .new i {
bottom: -3px;
}
.itemPrintPage .itemDesc {
width: 475px;
float: right;
padding: 0 0 0 3px;
}
.itemPrintPage .prod {
font-size: 18px;
padding: 0 0 31px;
}
.itemPrintPage .prod .flag {
padding: 0 22px 0 0;
vertical-align: 2px;
}
.itemPrintPage .flag img {
min-width: 30px;
max-width: 40px;
}
.itemPrintPage .tradeMark img {
min-height: 25px;
max-height: 50px;
}
.itemPrintPage .prod .flag span{
vertical-align: 3px;
}
.itemPrintPage .plate{
display: inline-block;
min-width: 35px;
text-align: center;
color: #000;
font: 18px/57px 'SegoeUISemibold', SegoeUI, sans-serif;
background: #dcdcdc;
border: 0;
outline: 0;
height: 57px;
}
.itemPrintPage .expert {
padding: 25px 0 10px;
}
.itemPrintPage .expert h2 {
border-bottom: 1px #b9b9b9 solid;
padding: 0 0 19px;
}
.itemPrintPage .expert .item {
padding: 15px 0 7px;
}
.itemPrintPage .expert .item .imgWrap{
padding: 0 15px 0 0;
}
.itemPrintPage .expert .item .name {
padding: 0 12px 0 0;
width: 190px;
font-size: 15px;
line-height: 19px ;
}
.itemPrintPage .expert .item .announce {
width: 190px;
}
.itemPrintPage .footer {
height: auto;
border-top: 1px #000 solid;
padding: 34px 0 0;
}
.itemPrintPage .footer .phone {
margin: 0;
line-height: 30px;
}
.itemPrintPage .footer .phone img{
vertical-align: -4px;
padding: 0 5px 0 10px;
}
.itemPrintPage .footer .fax {
padding: 0 0 11px;
line-height: 30px;
}
.itemPrintPage .footer .fax img{
vertical-align: -5px;
padding: 0 4px 0 10px;
}
.itemPrintPage .footer .logo {
padding: 10px 0 0;
}
/* SEARCH PAGE
------------------------------------------------------------------ */
.searchPage {
padding-top: 10px;
}
.searchPage .inpSearch {
width: 502px;
margin-bottom: 12px;
}
/* VIDEO GALLERY PAGE
------------------------------------------------------------------ */
.side {
width: 360px;
float: left;
padding-bottom: 11px;
}
.side ul {
margin-left: 2px;
list-style: none;
}
.side li {
line-height: 12px;
padding-bottom: 4px;
padding-left: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpiPMNgzHBDRO49AxBovHkkyALiABkCIAEQm4kBDbCAlCFrYfz//z+KCgwtAAEGAAZlFAr4JWMCAAAAAElFTkSuQmCC) left 55% no-repeat;
}
.aside {
width: 128px;
float: right;
padding: 20px;
margin-bottom: 30px;
background: #f0f0f0;
}
.aside p {
padding-bottom: 20px;
}
.aside ul {
list-style: none;
}
.aside li {
padding-bottom: 20px;
}
.videoWrapper {
width: 538px;
padding-top: 5px;
margin-bottom: 12px;
}
.side p .bold {
padding-right: 20px;
}
.videoWrapper > * {
width: 100%;
}
/* SECTIONS LIST
------------------------------------------------------------------ */
.sectionsList {
list-style: none;
padding-top: 10px;
margin-left: -10px;
}
.sectionsList li {
width: 170px;
margin: 0 0 15px 10px;
display: inline-block;
vertical-align: top;
}
/* COLUMNED [3 and 2 Columns in the content]
------------------------------------------------------------------ */
.columned {
padding-top: 5px;
margin-left: -10px;
}
.columned > * {
vertical-align: top;
}
.columned ul {
list-style: none;
}
.columned li {
padding-bottom: 15px;
}
.columned .colPadding {
padding-left: 10px;
}
.columned .colPadding h3 {
color: #c03;
}
.columned .colTitle {
margin-bottom: 10px;
padding: 6px 10px;
font: 15px/20px 'SegoeUISemibold', sans-serif;
text-transform: uppercase;
background: #dcdcdc;
}
.columned .col-3 {
display: inline-block;
width: 170px;
margin-left: 10px;
}
.columned .col-2 {
display: inline-block;
width: 260px;
margin-left: 10px;
margin-bottom: 30px;
border-bottom: 1px #dcdcdc solid;
}
/*----- download ------*/
.download {
padding-top: 5px;
margin-left: -10px;
}
.download .block {
list-style: none;
display: inline-block;
width: 260px;
margin-left: 10px;
margin-bottom: 30px;
border-bottom: 1px #dcdcdc solid;
vertical-align: top;
}
.download .colTitle {
margin-bottom: 10px;
padding: 6px 10px;
font: 15px/20px 'SegoeUISemibold', sans-serif;
text-transform: uppercase;
background: #dcdcdc;
}
.download ul ul {
padding-left: 10px;
list-style: none;
display: block;
}
.download ul ul li {
font: 15px/22px 'SegoeUISemibold', sans-serif;
color: #c03;
margin-bottom: 12px;
}
.download ul ul ul li {
font: 12px/16px 'SegoeUISemibold', sans-serif;
color: #000;
margin-bottom: 10px;
}
.download ul ul ul ul li {
font: 12px/16px 'SegoeUISemibold', sans-serif;
}
.download a{
padding-left: 11px;
color: #000;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpijIiI+M/AwMDIAAVMUPo/ugBcEFkALIguwIgswIisBW4LQIABAMnSBRYmZt3cAAAAAElFTkSuQmCC) 2px center no-repeat;
}
.download a:hover {
color: #c03;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpiPMNg/J+BgYGRAQqYoPR/dAG4ILIAWBBdgBFZgBFZC9wWgAADAMZOBQ3EPMUQAAAAAElFTkSuQmCC) 2px center no-repeat;
}
.download .opened a{
color: #c03;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpiPMNg/J8BB2ACYkYccoxMMAa6BEwnA5oCuEKAAAMA5PcCDKl4648AAAAASUVORK5CYII=) 0 center no-repeat;
}
.download .flag {
margin-left: 0;
}
.download .flag a {
padding: 0;
background: none;
color: #06c;
}
.download .flag li {
cursor: pointer;
}
.download .flag a:hover {
color: #09f;
}
.download .flag span {
display: inline-block;
width: 14px;
margin: 0 0 0 -20px;
padding: 0 3px 0 0;
}
/*-------- 404---------*/
.err404 {
line-height: 18px;
}
.err404Num {
font: 180px "SegoeUIBold", Arial,sans-serif;
color: #b9b9b9;
text-align: center;
}
/*---- FOOTER ----*/
.footer .container:first-child {
border-top: 2px solid #dcdcdc;
}
.footer .leftCol {
padding: 19px 1px 0 40px ;
}
.footer .rightCol {
padding: 11px 5px 0 0 ;
width: 543px;
margin: 0 -5px 0 0;
}
.footer .leftCol a.small {
display: block;
padding: 0 0 5px;
}
.footer .community {
padding: 17px 0 0 0;
font: 15px/15px 'SegoeUI', Arial, sans-serif;
}
.footer .community .socLink {
margin: 12px 0 0 0;
}
.footer .leftCol .community a {
display: inline-block;
margin: 0 2px 0 0;
}
.footer .bottomMenu {
margin: 0 0 0 0px;
}
.footer .bottomMenuCol {
display: inline-block;
vertical-align: top;
width: 123px;
padding: 0 30px 0 0;
}
.footer .bottomMenuCol.col3 {
padding: 0 20px 0 0;
}
.footer .bottomMenuCol.min {
width: 82px;
padding: 0;
}
.footer .bottomMenuCol ul {
list-style: none;
}
.footer .bottomMenuCol li {
padding: 0 0 23px;
}
.footer .bottomMenuCol li a,
.footer .bottomMenuCol li span {
font: 13px/14px 'SegoeUISemibold', Arial, sans-serif;
color: #000;
}
.footer .bottomMenuCol li a:hover,
.footer .bottomMenuCol li.current span{
color: #c03;
}
.footer .bottomMenuCol li li {
padding: 3px 0 0;
}
.footer .bottomMenuCol li li a,
.footer .bottomMenuCol li li span{
font: 12px/14px 'SegoeUI', Arial, sans-serif;
color: #585858;
}
.footer .bottomMenuCol li li a:hover,
.footer .bottomMenuCol li li.current{
color: #09F;
}
.footer .phone {
/* margin: 0 0 0 -25px;*/
}
.footer .phone img {
display: inline-block;
width: 18px;
height: 18px;
}
.footer .phone span {
line-height: 18px;
font: 15px 'SegoeUI', Arial, sans-serif;
color: #000;
/* padding: 0 0 0 6px;*/
vertical-align: 25%;
}
.footer .copyright {
height: 38px;
background: #dcdcdc;
position: absolute;
bottom: 0;
min-width: 100%;
line-height: 36px;
white-space: nowrap;
}
.footer .copyright .container {
padding: 0 0 0 10px;
}
.footer .copyright a {
margin: 0 0 0 25px;
}
.footer .copyright .sibirixLink a {
position: relative;
padding: 0 0 0 30px;
}
.footer .copyright .logoSibirix {
padding: 0 3px 0 10px;
position: absolute;
left: 0;
}
/* --- BITRIX PAGER RESTYLE --- */
.blog-page-title,
.blog-vert-separator,
.blog-page-pagen,
.blog-page-all { display: none; }
.hiddenUl ul { display: none; }
/* Media queries for responsive design. These follow after primary styles so they will successfully override. */
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
/* Print styles. Inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: ""; }
abbr:after { content: ""; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
.mainh1{
font-size: 26px;
}
#phoneOrder_link {
border-bottom: 1px dashed #eb392b;
left: 10px;
padding: 0;
position: absolute;
top: -30px;
}
.modal.active {
display: block;
height: auto;
opacity: 1;
top: 4rem;
}
.modal {
background: #fff none repeat scroll 0 0;
height: 0;
left: 50%;
margin-left: -300px;
opacity: 0;
overflow: hidden;
position: fixed;
top: -10rem;
transition: all 0.25s ease 0s;
width: 600px;
z-index: 5100;
}
.modal-head {
background: #fff none repeat scroll 0 0;
color: #000;
padding: 0.5rem 1rem;
}
.modal-body {
background: #005bb6 none repeat scroll 0 0;
color: #fff;
padding: 1rem;
position: relative;
}
.modal-head img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.modal .modal_close {
cursor: pointer;
display: block;
padding: 0.5rem;
position: absolute;
right: 10px;
top: 10px;
transition: all 0.25s ease 0s;
}
.modal .modal-title {
font: 300 32px "SegoeUILight",Arial,sans-serif;
margin-bottom: 15px;
text-align: center;
}
.form-descr {
font-size: 14px;
opacity: 0.5;
text-align: center;
}
.modal .form-horizontal .form-group {
margin-bottom: 15px;
width: 100%;
}
.modal .form-horizontal .form-group .label_area {
margin-right: 15px;
padding-top: 0.33rem;
text-align: right;
width: 180px;
}
.modal .form-horizontal .form-group .input_area {
width: 350px;
}
.modal .form-horizontal .form-group .label_area label {
font-size: 16px;
}
.modal .form-horizontal .form-group .input_area input, .modal .form-horizontal .form-group .input_area textarea {
border: 0 none;
border-radius: 4px;
box-sizing: border-box;
display: block;
height: 36px;
padding: 0.25rem 0.5rem;
width: 100%;
}
.modal .form-horizontal .form-group .submit_btn {
background: #cc0033 none repeat scroll 0 0;
border: 0 none;
border-radius: 4px;
box-sizing: border-box;
color: #fff;
font-size: 20px;
height: 48px;
padding: 0.25rem 3rem;
transition: all 0.25s ease 0s;
width: auto;
}
.modal .form-horizontal .form-group {
margin-bottom: 15px;
width: 100%;
}
.modal .form-horizontal .form-group .label_area, .form-horizontal .form-group .input_area {
display: inline-block;
vertical-align: top;
}
#modal-fade {
background-color: #0a1c40;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0.75;
position: fixed;
top: 0;
transition: all 0.25s ease 0s;
width: 100%;
z-index: 500;
}
.modal .form-horizontal .form-group .input_area textarea {
height: 144px;
}
#success-callback {
font: 300 20px "SegoeUILight",Arial,sans-serif;
margin-bottom: 15px;
text-align: center;
}
.for_politics.error{
border: 1px solid #ff0707;
}
.for_politics{
margin-bottom: 10px;
}