<!--
@font-face {
    font-family: "EanGnivc";
    src: url("/lib/EanGnivc.eot");
    src: url("/lib/EanGnivc.eot?#iefix") format("embedded-opentype"),
    url("/lib/EanGnivc.woff") format("woff"),
    url("/lib/EanGnivc.ttf") format("truetype"),
    url("/lib/EanGnivc.svg#EanGnivc") format("svg");
}
*{
    margin:0;
    padding:0;
}
html {width:100%;height:100%;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
font-style: normal;
box-sizing: content-box;
font-weight:500;
color:#333;
overflow-x:hidden;
}
#showBarcode {
font-family: 'EanGnivc';
font-size: 5rem;
color:black;
float:right;
margin-top:15px;
margin-right:15px;
margin-bottom:-15px;
}
.warning {
position:fixed;
bottom:10px;
left:10px;
text-align:center;
max-height:300px;
max-width:600px;
background-color: white;
border-radius:3px;
border:1px solid #333;
padding:5px;
}
.display_off {
display:none;
}
.warning_cookies_btn {
height:25px;
width:200px;
text-align:center;
background-color:azure;
font-weight:bolder;
margin-top:10px;
border-radius:3px;
border:1px solid #333;
}
body {
font-size: 1.2rem;
background-color:#FFF;
height:100%;
width:100%;
}
H1 {
text-align: left;
margin:0 0 15px 15px;
}
H2 {
text-align:left;
margin:0 0 15px 15px;
}
H3 {
text-align: center;
margin-bottom: 15px;
}
h4 {
margin: 15px 0 5px 20px;
}
H5 {
text-align:left;
margin:0 0 15px 15px;
}
INPUT:focus {
outline: none;
}
INPUT {
margin:0;
padding:0;
vertical-align: middle;
border-radius: 2px;
border: 1px solid #999;
}
label {
cursor: pointer;
display: block;
word-break: break-all;
}
BUTTON {
padding:0;
margin:0;
vertical-align: middle;
cursor: pointer;
}
BUTTON:focus {
outline: none;
}
BUTTON:hover {
outline: none;
}
a:focus {
outline: none;
}
a.anchor {
position:absolute;
margin-top:-100px;
}
a {
color:#0000FF;
text-decoration: none;
cursor: pointer;
}
a:link {
color:#0000FF;
text-decoration: none;
cursor: pointer;
}
a:visited {
color:#0000FF;
}
a:active {
color:#E44235;
}
a:hover {
color:#E44235;
}
TEXTAREA {
font-family: "Roboto", sans-serif;
font-size: 1.2rem;
text-indent: 10px;
}
#InputAddress {
width:95%;
}
#cdekPvzName {
width:95%;    
}
#cdek-delivery-info {
font-size:1.2rem;
font-weight: 600;
padding-top:10px;
padding-bottom:20px;
text-transform: uppercase;
}
.marginTopBottom10 {
margin-top:10px;
margin-bottom:10px;
font-size:1rem;
}
.basketInfoLu {
list-style-type:circle;
margin-left:20px;
}
.basketInfoLu li {
color:green;
}
.basketInfoLu li span {
font-size:1rem;
color:#333333;
font-weight:400;
}
.textUnderline {
    text-decoration:underline;
    color:blue;
}
.listOrderDevice {
    display:none;
}
.listOrderTitle {
    margin-top:30px;
    font-size:1rem;
    font-weight:bold;
}
.listOrder {
    cursor:pointer;
    width:99%;
    border:1px solid Grey;
    border-radius:5px;
    margin-top:0;
    margin-bottom:20px;
}
.listOrderSection {
    vertical-align:middle;
    width:18%;
    text-align:center;
    padding:5px;
    display:inline-block;
}
.close_filter_div {
width:100%;
text-align:left;
margin-bottom:15px;
}
.close_filter_div a {
text-decoration:none !important;
}
.close_filter_div a:active {
text-decoration:none !important;
color:#333 !important;
}
.close_filter_div a:hover {
text-decoration:none !important;
color:#333 !important;
}
.close_filter {
box-shadow: 0px 0px 4px 0px #CCC;
padding: 6px 8px 6px 16px;
color: #333;
margin: 0 10px 10px 0;
box-sizing: border-box;
font-size: 1.1rem;
border-radius: 15px;
border:1px solid #333;
height: 30px;
background: #B3B3B3;
display: inline-block;
align-items: center;
}
.close_filter:hover {
border-color:#E44235;    
}
.close_filter svg {
margin-left:4px;
margin-bottom:-2px;
}
.open {
padding: 6px 16px;
background: #f2f3f5;
border:1px solid #CCC;
}
.fon_description h2 {
font-size:1.4rem;    
}
.fon_description {
margin-top:-30px;
width:100%;
border-bottom: 1px solid #EEEEEE;
padding-top: 6px;
box-shadow:0px 0px 4px 0px #CCC;
background-color:#FAFAFA;
}
.underH1 {
margin-top:-15px;
font-size:1.4rem;
}
.show_more {
display:none;
width:100%;
text-align:center;
padding:10px 0;
font-weight:700;
text-decoration:underline;
}
.RoundInfoGreen {
height:18px;
width:18px;
font-weight:800;
border-radius:18px;
background-color:#00CC00;
color:#FFF;
text-align:center;
font-style: italic;
font-size:10pt;
float:left;
cursor:pointer;
}
.RoundInfoGrey {
height:14px;
width:14px;
font-weight:800;
border-radius:14px;
background-color:#CCC;
color:#FFF;
text-align:center;
font-style: italic;
font-size:10pt;
float:left;
cursor:pointer;
border: 1px solid #999;
}
.srez {
border:1px solid Silver;
border-radius:12px;
background-color:#EFEFEF;
min-height:16px;
float:left;
padding:3px 5px;
margin: 5px;
text-decoration:none !important;
font-size: 1.2rem;
}
.srezOn {
border:1px solid Grey;
font-size:1.2rem;
font-weight:bold;
border-radius:12px;
background-color:#EFEFEF;
min-height:12px;
float:left;
padding:3px 5px;
margin: 5px;
text-decoration:none !important;
font-size: 1rem;
}
.table_border_online_pay {
width:100%;
text-align:center;
border-radius:3px;
border:1px solid #CCC;
border-collapse: collapse;
}
.table_border_online_pay td {
border:1px solid #CCC;
padding:2px 3px;
}
.table_border_online_pay th {
border:1px solid #CCC;
}
/*стили для гаража пользователя*/
.AutoUserDiv {
margin-bottom:30px;
border:1px solid #CCC;
overflow:hidden;
}
.AutoUserDivTitleDelete {
float:right;
text-align:right;
margin-right:15px;
margin-top:-15px;
}
.AutoUserDivTitle {
background: linear-gradient(to bottom, #FFF, #EFEFEF);
padding:15px 5px;
width:100%;
overflow:hidden;
border-bottom:1px solid #CCC;
}
.AutoUserDiv h3:first-letter {
color:red;
}
.AutoUserDiv h3 {
text-align:left;
}
.AutoUserDiv h4 {
text-align:left;
margin-top:-15px;
}
.AutoUserDivParts {
padding:15px 10px;
width:98%;
}
.AutoUserButtonAddBasket {
background: url(./images/new/basket.png) no-repeat center center;
background-color:#E44235 !important;
}
.AutoUserTableParts {
width:100%;
}
/* таблица выборки двигателей автомобиля*/
.TableAutoEngineSelect {
border:1px solid #CCC;
width:100%;
text-align:center;
margin:15px 0;
border-radius:3px;
}
.border-top-grey {
border-top:1px solid #CCC;
}
.TableAutoEngineSelect_top {
background-color:#EFEFEF;
font-weight:bolder;
font-size:10pt;
}
.SelectAuto {
height: 28px;
font-size: 1.2rem;
color: #333;
min-width: 450px;
margin: 10px 0;
text-indent: 10px;
}
/* прогресс бар*/
.HiddenProgressBar {
display: none;
}
.div_center_align {
text-align:center;
}
.div_center_align img{
margin:auto;
}
.size_img_counter {
border: 0;
width: 88px;
height: 31px;
}
.size_img_counter_rambler {
width:1px;
height:1px;
border:0;
}
.item_name_link {
font-size: 17px;
font-weight:normal;
font-family: 'PT Sans', sans-serif;
font-style: normal;
color:black;
}
.item_name_link a {
margin-left:-15px;
}
#fountainG{

position:relative;
width:48px;
height:6px;
margin:5px auto;
}

.fountainG{
position:absolute;
top:0;
background-color:rgb(0,0,0);
width:6px;
height:6px;
animation-name:bounce_fountainG;
-o-animation-name:bounce_fountainG;
-ms-animation-name:bounce_fountainG;
-webkit-animation-name:bounce_fountainG;
-moz-animation-name:bounce_fountainG;
animation-duration:1.5s;
-o-animation-duration:1.5s;
-ms-animation-duration:1.5s;
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
transform:scale(.3);
-o-transform:scale(.3);
-ms-transform:scale(.3);
-webkit-transform:scale(.3);
-moz-transform:scale(.3);
border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}

#fountainG_1{
left:0;
animation-delay:0.6s;
-o-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-moz-animation-delay:0.6s;
}

#fountainG_2{
left:6px;
animation-delay:0.75s;
-o-animation-delay:0.75s;
-ms-animation-delay:0.75s;
-webkit-animation-delay:0.75s;
-moz-animation-delay:0.75s;
}

#fountainG_3{
left:12px;
animation-delay:0.9s;
-o-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-moz-animation-delay:0.9s;
}

#fountainG_4{
left:18px;
animation-delay:1.05s;
-o-animation-delay:1.05s;
-ms-animation-delay:1.05s;
-webkit-animation-delay:1.05s;
-moz-animation-delay:1.05s;
}

#fountainG_5{
left:24px;
animation-delay:1.2s;
-o-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-moz-animation-delay:1.2s;
}

#fountainG_6{
left:30px;
animation-delay:1.35s;
-o-animation-delay:1.35s;
-ms-animation-delay:1.35s;
-webkit-animation-delay:1.35s;
-moz-animation-delay:1.35s;
}

#fountainG_7{
left:36px;
animation-delay:1.5s;
-o-animation-delay:1.5s;
-ms-animation-delay:1.5s;
-webkit-animation-delay:1.5s;
-moz-animation-delay:1.5s;
}

#fountainG_8{
left:42px;
animation-delay:1.64s;
-o-animation-delay:1.64s;
-ms-animation-delay:1.64s;
-webkit-animation-delay:1.64s;
-moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
0%{
transform:scale(1);
background-color:red;
}

100%{
transform:scale(.3);
background-color:rgb(255,255,255);
}
}

@-o-keyframes bounce_fountainG{
0%{
-o-transform:scale(1);
background-color:red;
}

100%{
-o-transform:scale(.3);
background-color:rgb(255,255,255);
}
}

@-ms-keyframes bounce_fountainG{
0%{
-ms-transform:scale(1);
background-color:red;
}

100%{
-ms-transform:scale(.3);
background-color:rgb(255,255,255);
}
}

@-webkit-keyframes bounce_fountainG{
0%{
-webkit-transform:scale(1);
background-color:red;
}

100%{
-webkit-transform:scale(.3);
background-color:rgb(255,255,255);
}
}

@-moz-keyframes bounce_fountainG{
0%{
-moz-transform:scale(1);
background-color:red;
}

100%{
-moz-transform:scale(.3);
background-color:rgb(255,255,255);
}
}
/* прогресс бар*/
.red_text {
color:#CC0033;
font-size:1rem;
font-weight:600;
padding-top:15px;
}
.text_PriceForNet {
padding:10px;
color:#666;
text-align:center;
font-size:1rem;
font-weight:bolder;
}
.text_PriceForNet a {
font-size:1.2rem;
color:#333;
}
.SaleDiv {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
text-align: center;
padding:15px 0 5px 0;
margin: 0 auto;
font-weight: 600;
color: red;
font-size: 1.4rem;
text-shadow: 0 0 5px yellow;
}
#device-left-bar {
margin-left:-251px; /*обязательное свойство*/
padding:20px;
width:200px;
min-height:100%;
height:auto;
overflow:auto;
position:absolute; /*обязательное свойство*/
top:34px; /*обязательное свойство*/
left:0; /*обязательное свойство*/
background-color: #333;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index:9999;
}
#device-left-bar li {
cursor:pointer;
list-style-type: none;
width:100%;
text-align: left;
padding: 10px 0;
border-bottom: 1px solid #000;
font-size: 1.35rem;
color: #EFEFEF;
}
#device-left-bar li:hover {
color: #FFFFFF;    
}
#device-left-bar li a {
font-size: 1.35rem;
color: #EFEFEF;
}
#device-left-bar li:nth-child(2) {
border: none;
}
#device-left-bar li:nth-child(3) {
padding-top: 30px;
}
#device-left-bar li:last-child {
border: none;
}
/*описание классов и  идентификаторов для main.htm */
#device-view-basket {
display: none;
}
#main-top-black-line {
width:100%;
background-color: #333333;
min-height:10px;
}
#main-top-line {
width:100%;
height: 28px;
background-color: #FFFFFF;
border-bottom: 1px solid #EEEEEE;
padding-top: 6px;
box-shadow: inset 0 -10px 50px -10px #CCCCCC, 0 5px 10px #CCCCCC;
color:#333;
box-sizing: content-box;
}
#main-top-line a {
color: #333;
cursor: pointer;
}
#main-top-line a:visited {
color: #333;
}
#main-top-line a:active {
color: #E44235;
}
#main-top-line a:hover {
color: #E44235;
}
#main-top-line img {
border:none;
}
#main-basket {
float:right;
width:20%;
height: 65px;
margin-top:-35px;
background-color: #E44235;
border-radius: 0 0 6px 6px;
color:#EFEFEF;
cursor: pointer;
}
#main-basket:hover {
background-color: red;
transition-property: background-color;
transition-duration: 0.5s;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.5s;
}
.BasketTop {
height:35px;
width:100%;
font-weight: 800;
text-align: center;
}
.BasketTop p{
padding-top: 0.3rem;
}
.BasketTop span::before {
height: 16px;
width: 20px;
margin-bottom: -2px;
margin-right: 5px;
display: inline-block;
content: ' ';
background: url("./images/new/basket.png") no-repeat center center;
}
.BasketBottom {
text-align: center;
font-size: 0.9rem;
font-weight: normal;
height:30px;
width: 100%;
box-shadow: inset 0 60px 10px -60px #333;
}
.BasketBottom p {
padding-top:0.6rem;
}
.global_max_width {
margin: 0 auto;
max-width: 1000px;
}
.float_right {
float:right;
width: auto;
text-align: right;
padding-right:0.5rem;
}
.vxod {
margin-right:21%;
}
#main-logo-line {
display: block;
height: 120px;
width:100%;
overflow: hidden;
}
#main-logo-line img {
max-width:200px;
height:auto;
aspect-ratio: 5/2;
padding: 5px 0 0 0.5rem;
float:left;
cursor:pointer;
}
#max_chat {
background: url('./images/max_ico_22.jpg') left center no-repeat;
height:30px;
width: 30px;
cursor:pointer;
}
.LargeText {
padding:0.8rem 0 0.5rem 0;
font-weight:bold;
font-size: 1.4rem;
color:#666;
line-height: 25px;
}
.LargeText a {
color:#666;
cursor: default;
}
#SearchAndPhone {
text-align: right;
padding:15px 0.5rem 0 0;
}
#GlobalSearchButton {
display: block;
width:500px;
height:28px;
background-color: #FFF;
float:right;
margin:0;
padding:0;
}
#SearchAndPhone input {
box-sizing:border-box;
background: none;
padding-left:15px;
border:1px solid #CCC;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
border-right:none;
font-size: 1.2rem;
width:320px;
height:28px;
color:#999;
font-style:italic;
margin:0;
box-shadow: 0px 0px 4px 0px #CCC;
float:right;
}
#SearchAndPhone button {
box-sizing:border-box;
border:1px solid #CCC;
font-size: 1.2rem;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
width:80px;
height:28px;
margin:0;
float:right;
box-shadow: 0px 0px 2px 0px #CCC;
}
#SearchAndPhone button:active {
color: red;
background-color: #EFEFEF;
}
#SearchAndPhone button:hover {
color: red;
background-color: #EFEFEF;
}
#DeviceSearchButton button {
background: url("./images/new/search.gif") center no-repeat;
border: none;
width: 26px;
height: 26px;
margin-right: 1.2rem;
float: right;
}
#DeviceSearchButton button:hover {
background: url("./images/new/search-focus.gif") center no-repeat;
}
#DeviceBasketButton button {
background: url("./images/new/basket-device.gif") center no-repeat;
border: none;
width:32px;
height:26px;
margin: 0 2rem 0 0.3rem;
float: right;
}
#DeviceBasketButton button:hover {
background: url("./images/new/basket-device-focus.gif") center no-repeat;
}
#DeviceBasketButton p{
width:auto;
float:right;
color:#E9E9E9;
font-weight: bold;
padding-top:5px;
}
#DeviceMenuButton button {
background: url("./images/new/menu-device.gif") center no-repeat;
border: none;
width:30px;
height:26px;
margin: 0 0.3rem 0 1.2rem;
float: left;
}
#DeviceMenuButton button:hover {
background: url("./images/new/menu-device-focus.gif") center no-repeat;
}
.ClearDiv {
clear: both;
overflow: hidden;
height: 1px;
width: 100%;
float: none;
}
/* панель навигации*/
#navigation-line {
margin: 0;
background-color: #333;
box-shadow: inset 0 68px 60px -63px #555, 0 5px 10px rgba(0,0,0,0.25), 0 2px 2px rgba(0,0,0,0.22);;
border-bottom: 5px solid #CCC;
}
#navigation-line ul {
padding:0;
margin: 0 auto;
list-style: none;
position: relative;
}
#navigation-line ul li {
margin: 0px -5px 0 0;
display:inline-block;
background:none;
border-left:1px solid #CCC;
}
#navigation-line ul li:last-child {
border-right:1px solid #CCC;
}
#navigation-line a {
display:block;
padding:0 10px;
color:#EEE;
font-size:1.2rem;
font-weight:700;
line-height: 45px;
text-decoration:none;
}
#navigation-line a:hover {
border-bottom:5px solid red;
margin-bottom:-5px;
transition-property: border-bottom;
transition-duration: 0.5s;
-webkit-transition-property: border-bottom;
-webkit-transition-duration: 0.5s;
box-shadow: inset 0 -68px 60px -63px #555;
color:#fff;
}
#drop-div {
display:none;
position: absolute;
top: 100%;
left:0;
min-width:170px;
min-height:100px;
background-color:#EEEEEE;
border:1px solid #CCC;
margin-top:5px;
z-index:9898;
padding: 10px 0;
border-radius:2px;
box-shadow:0 5px 10px rgba(0,0,0,0.25), 0 2px 2px rgba(0,0,0,0.22);
}
#drop-div2 {
display:none;
position: absolute;
top: 100%;
left:0;
min-width:170px;
min-height:100px;
background-color:#EEEEEE;
border:1px solid #CCC;
margin-top:5px;
z-index:9898;
padding: 10px 0;
border-radius:2px;
box-shadow:0 5px 10px rgba(0,0,0,0.25), 0 2px 2px rgba(0,0,0,0.22);
}
.brand-div {
width:100%;
}
#navigation-line ul li:hover > div#drop-div {
display:block;
}
#navigation-line ul li:hover > div#drop-div2 {
display:block;
}
#navigation-line ul ul li {
min-width:170px;
background:none;
border:none;
}
#navigation-line ul ul li:last-child {
border-right:none;
}
#navigation-line ul ul li a {
color:#333;
line-height: 35px;
font-weight:500;
}
#navigation-line ul ul li a:hover {
border:none;
background:none;
color:#E44235;
margin-bottom:0;
text-decoration:underline;
box-shadow:none;
}
#navigation-line ul ul.catalog-ul-main li {
float:none;
display:list-item;
}
#navigation-line li.main-catalog-li:hover {
background-color:#EEE;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
box-shadow: 0 1px 15px 0 rgba(0,0,0,0.25);
}
#navigation-line ul ul.brand-ul {
-moz-column-count: 6;
-moz-column-gap: 0;
-webkit-column-count: 6;
-webkit-column-gap: 0;
column-count: 6;
column-gap: 0;
}
#navigation-line ul ul ul {
display:none;
position: absolute;
top: -11px;
left:100%;
width:300px;
min-height:100%;
background-color:#EEEEEE;
border:1px solid #CCC;
margin-left:5px;
z-index:9998;
padding: 10px 0;
border-radius:2px;
box-shadow:0 5px 10px rgba(0,0,0,0.25), 0 2px 2px rgba(0,0,0,0.22);
}
#navigation-line ul ul ul a {
line-height:20px;
font-size:1.2rem;
}
#navigation-line a.all-category-show:hover {
background-color:#EEE;
box-shadow:0 0 35px 20px #EEE;
}
#navigation-line a.all-category-show {
display:block;
position:absolute;
top:275px;
/*width:100%;*/
height:25px;
background-color:#EEE;
box-shadow:0 0 35px 20px #EEE;
z-index:9999;
padding-left:15px;
font-size:1.2rem;
font-weight:700;
}
#navigation-line ul ul ul li.lost-catalog-li {
/*display:inline-block;
position:relative;
width:32%;*/
overflow:hidden;
/*height:300px;*/
margin:3px 3px 15px 3px;
box-shadow: 0 0 40px #EEE inset;
z-index:9998;
}
#navigation-line li.lost-catalog-li ul {
background:none;
}
.catalog-div-info {
width:50%;
padding:50px 10px;
font-size:0.9rem;
text-align:center;
}
#navigation-line ul ul li:hover > ul {
display:block;
}
#navigation-line ul ul ul ul {
display:block;
position:static;
width:100%;
border:none;
background-color:#EEEEEE;
box-shadow:none;
border-radius:0;
}
/*контент*/
#content-line, .item_page_content_line {
box-sizing: content-box;
-moz-box-sizing: content-box;
padding: 30px 0 30px 0;
margin:0 auto;
}
#content-line a, .item_page_content_line a {
text-decoration: none;
color:#333;
}
#content-line a:visited, .item_page_content_line a:visited {
color:#333;
}
#content-line a:hover, .item_page_content_line a:hover {
color:red;
}
#content-line a:active, .item_page_content_line a:active {
color:red;
}
/*центральная часть сайта*/
.small-banner {
width:30%;
height:auto;
float:right;
overflow:hidden;
text-align:right;
}
.small-banner img {
width:100%;
height:auto;
border-radius:2px;
border:none;
cursor:pointer;
}
.small-banner-img {
margin-left:10%;
border:none;
height:auto;
}
.error_text {
font-size: 1rem;
color:red;
display: block;
width: 100%;
}
#PageSite, .item_page_PageSite {
width:100%;
height: auto;
}
#PageSite INPUT, .item_page_PageSite INPUT {
height: 28px;
font-size: 1.2rem;
color: #666;
min-width: 450px;
margin:10px 0;
text-indent:10px;
}
#cdek-map INPUT {
min-width: 10px;    
}
#PageSite TEXTAREA, .item_page_PageSite TEXTAREA {
font-size: 1.2rem;
color: #666;
min-width: 450px;
margin:10px 0;
text-indent:10px;
height:5.3rem;
}
#PageSite INPUT[type="checkbox"], .item_page_PageSite INPUT[type="checkbox"] {
border: 1px solid #666;
height:15px;
width: 15px;
margin: 2px 15px 0 0;
padding: 0;
float:left;
min-width: 0px;
}
#contentSite button, .item_page_contentSite button {
margin:10px 0;
padding:6px 25px;
font-weight: 700;
background-color: #EFEFEF;
border-radius: 6px;
border:1px solid #CCC;
color:#333;
font-size: 1.2rem;
}
#contentSite button.RedButton, .item_page_contentSite button.RedButton {
background-color: #E44235;
border-color: red;
color:#FFF;
margin:auto 0;
margin-bottom: 30px;
}
#contentSite button.marginBottom5 {
margin-bottom:0;
width:80%;
}
#contentSite a.oneClickLink {
text-decoration:underline;
font-size:1.1rem;
}
#contentSite button.marginBottom10 {
margin-top:0;
margin-bottom:10px;
}
#contentSite button.marginBottom30 {
margin-bottom:30px;
width:80%;
}
#contentSite button.RedButton.margin10, .item_page_contentSite button.RedButton.margin10 {
margin:10px auto 0 auto;
}
#contentSite button:hover, .item_page_contentSIte button:hover {
transition-property: border-color, color;
transition-duration:0.3s;
-webkit-transition-property: border-color, color;
-webkit-transition-duration:0.3s;
border-color: #666;
color: red;
}
#contentSite button.RedButton:hover, .item_page_contentSIte button.RedButton:hover {
background-color: red;
color:#FFF;
}
#PageSite a:link, .item_page_PageSite a:link {
color: black;
text-decoration: underline;
}
#PageSite a:visited, .item_page_PageSite a:visited {
color: black;
text-decoration: underline;
}
#PageSite a:active, .item_page_PageSite a:active {
color: red;
text-decoration: underline;
}
#PageSite a:hover, .item_page_PageSite a:hover {
color: red;
text-decoration: underline;
}
#PageSite li.filb label {
color:black;
}
#PageSite li.filb label:active, .item_page_PageSite a:active {
color: red;
}
#PageSite li.filb label:hover, .item_page_PageSite a:hover {
color: red;
}
#PageSite p, .item_page_PageSite p {
margin-bottom:10px;
font-size: 1.2rem;
text-align: justify;
text-indent:20px;
color:#333;
}
#PageSite p.dopText, .item_page_PageSite p.dopText {
font-size: 1rem;
color:#666;
}
#PageSite p.itemDescription, .item_page_PageSite p.itemDescription {
margin: 10px 10px 0 0;
text-align: left;
}
#PageSite p.itemMeets, .item_page_PageSite p.itemMeets {
margin: 5px 5px 0 0;
text-align: left;
text-indent: 0;
font-size: 1rem;
color: #666;
}
#PageSite p.saleText, .item_page_PageSite p.saleText {
text-indent: 0;
color: #666;
text-align: center;
margin: 10px 5px 0 0;
}
#PageSite .leftHalf p, .item_page_PageSite .leftHalf p {
text-align: center;
}
#PageSite .rightHalf p, .item_page_PageSite .rightHalf p {
text-align: center;
}
#PageSite .WhereLocation p, .item_page_PageSite .WhereLocation p {
text-align: center;
}
/*нижняя часть сайта*/
.interval {
line-height:1.8;
}
.floatleft {
float:left;
overflow:hidden;
}
.fontsize09 {
font-size:1rem;
}
#footer {
padding: 0;
overflow:hidden;
}
#footer a {
color:#333;
}
#footer a:link {
font-weight:600;
text-decoration:none;
color:#333;
}
#footer a:active {
text-decoration:none;
color:red;
}
#footer a:visited {
text-decoration:none;
color:#333;
}
#footer a:hover {
text-decoration:none;
color:red;
}
#subscribe {
padding: 0;
overflow:hidden;
}
#subscribe-line {
width:100%;
padding:5px 0;
margin:30px 0 0 0;
border-top: 1px solid #CCC;
background-color:#EFEFEF;
min-height:30px;
text-align:right;
overflow:hidden;
box-sizing: content-box;
-moz-box-sizing: content-box;
box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 15px 15px rgba(0,0,0,0.22);
}
#subscribe-line INPUT {
height:28px;
margin:0;
padding:2px 5px;
text-align:center;
color:#666;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
border: 1px solid #CCC;
border-right:none;
width:200px;
font-size: 1.2rem;
}
#subscribe-line BUTTON {
border: 1px solid #888;
height:34px;
margin:0 5px 0 -5px;
padding:2px 20px;
font-weight:700;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
color:#FFF;
background-color:#888;
font-size: 1.2rem;
}
#subscribe-line BUTTON:hover {
border:1px solid #000;
background-color:#666;
}
.colorE44235 a {
color:#E44235 !important;
}
.colorE44235 a:link {
color:#E44235 !important;
}
.colorE44235 a:active {
color:red !important;
}
.colorE44235 a:visited {
color:#E44235 !important;
}
.colorE44235 a:hover {
color:red !important;
}
.subscribe-text {
float:left;
font-size:1rem;
font-weight:600;
width:46%;
text-align:left;
overflow:hidden;
color:#333;
}
.subscribe-text IMG {
margin:0 5px 0 5px;
padding:0;
float:left;
border:0;
}
.subscribe-input {
float:right;
width:50%;
min-width:365px;
}
.social_link {
cursor:pointer;
border:1px solid #CCC;
border-radius:8px;
overflow:hidden;
width:30px;
height:30px;
margin-right:10px;
padding:0;
float:left;
}
.social_link:hover{
    border-color:white;
}
.marginauto {
width:130px;
margin:10px auto 0 auto;
overflow:hidden;
}
#bottom-line {
padding:10px 0;
width:100%;
border-top: 1px solid #CCC;
background: linear-gradient(to top, #CCC, #EFEFEF);
}
#bottom-line p {
font-size: 1.2rem;
text-align: center;
}
.footer33 {
float:left;
width:32.5%;
text-align:center;
margin:0;
padding:0;
overflow:hidden;
}
.contour {
/*border:1px solid #CCC;
border-radius:2px;*/
text-align:justify;
padding:10px;
/*overflow:hidden;
max-height:105px;*/
}
.contour p {
color:#666 !important;
}
.contour H2 {
font-size:1.4rem;
margin-bottom:-10px;
}
.vd_button {
float:left;
text-align:left;
font-weight:bold;
font-size:1rem;
width:100%;
padding-top:7px;
}
.vd_button span {
padding-left:10px;
cursor:pointer;
color:#333;
}
.vd_button span:hover {
color:#E42325;
}
/* не разобранные*/
.fixedWindow {
z-index: 10005;
width:100%;
position: fixed;
top:20%;
}
.fixedWindowHide {
padding-top: 15%;
z-index: 10005;
width: 100%;
position: fixed;
height: 100%;
background: rgba(51, 51, 51,0.7);
}
#window_message {
margin:0 auto;
}
.titleForm {
width:100%;
padding-bottom: 10px;
text-transform: uppercase;
}
#window_message button {
margin:15px 0;
padding:6px 25px;
font-weight: 700;
background-color: #EFEFEF;
border-radius: 6px;
border:1px solid #CCC;
color:#333;
font-size: 1.2rem;
}
#window_message button:hover {
transition-property: border-color, color;
transition-duration:0.3s;
-webkit-transition-property: border-color, color;
-webkit-transition-duration:0.3s;
border-color: #666;
color: red;
}
#window_message INPUT {
font-size: 1.2rem;
margin:10px 0;
height:28px;
width:98.5%;
min-width:280px;
text-indent: 10px;
}
#window_message TEXTAREA {
-moz-box-sizing:padding-box;
-webkit-box-sizing:padding-box;
margin-top: 8px;
padding:3px;
}
#window_message p {
text-transform: uppercase;
margin: 15px 0;
}
#window_message a:link {
color:black;
text-decoration: underline;
}
#window_message a:visited {
color:black;
}
#window_message a:active {
color:red;
}
#window_message a:hover {
color:red;
}
.window_message_open {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:15px 10px;
background-color:#F7F7F7;
border-radius:2px;
border:1px solid #999;
box-shadow: 0 0 15px #CCC;
width:96%;
max-width:400px;
height:auto;
text-align:center;
}
.close_window_x:hover {
color:red;   
}
.close-window {
vertical-align:top;
float:right;
width:auto;
height:20px;
cursor:pointer;
font-weight:bold;
margin-top:-10px;
margin-right:-2px;
padding:0;
color:#FF9900;
}
.rating-star-over {
padding:0;
margin:0;
z-index:9;
height:17px;
width:100px;
background: url(images/rating/star-withe.jpg) top left no-repeat;
}
.divStars {
width:100px;
margin: 0 auto;
text-align: center;
}
.rating-star-full {
padding:0;
margin:0;
float: left;
z-index:10;
height:17px;
background: url(images/rating/star-yellow.jpg) top left no-repeat;
}
.rating-voice {
height:34px;
width:100px;
margin:0;
margin-left:200px;
padding:0;
font-size:10pt;
font-weight:bold;
color:#666;
}
.rating-voice BUTTON {
border-radius:0;
box-shadow:none;
color:#FF6600;
padding:0;
padding-left:5px;
margin:0;
font-size:12pt;
}
.rating-voice BUTTON:hover {
color:red;
}
/* скрытые элементы для большого экрана*/
.device_visible {
display: none;
}
.device_hidden {
display: inline;
}
.ButtonLoptopMenu {
display: none;
}
.CloseButtonLoptopMenu {
display: none;
}
/*стили для страницы omg_page (о магазине, новости и слайд баннер)*/
.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cycle-slideshow {
float:left;
border-radius:2px;
min-width: 300px;
max-width: 70%;
margin: 0 auto;
padding: 0;
position: relative;
background: url('images/banner/lotos-motor-oil.jpg') 50% 50% no-repeat;
}
.cycle-slideshow img {
position: absolute; top: 0; left: 0;
width: 100%; padding: 0; display: block;
}
.cycle-slideshow img:first-child {
position: static;
z-index: 100;
}
.cycle-pager {
text-align: center;
width: 100%;
z-index: 500;
position: absolute;
top: 10px;
overflow: hidden;
}
.cycle-pager span {
font-family: arial;
font-size: 50px;
width: 16px;
height: 16px;
display: inline-block;
color: #ddd;
cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}
.cycle-caption {
position: absolute;
color: white;
bottom: 15px;
right: 15px;
z-index: 700;
}
.cycle-overlay {
font-family: tahoma, arial;
position: absolute;
bottom: 0;
width: 100%;
z-index: 600;
background: black;
color: white;
padding: 15px;
opacity: .5;
}
#MainImgItem {
max-height:650px;
padding-bottom:0;
max-width: 82%;
}
.item_page_write_max {
border-left:2px solid Grey;
margin-top:15px;
margin-bottom:15px;
padding-left:25px;
max-width:550px;
font-style: italic;
}
.item_page_write_max img {
margin-bottom:-4px;
cursor:pointer;
}
.item_page_div_for_other_items {
margin-bottom:15px;
}
.item_page_other_volume {
box-sizing: border-box;
display:inline-block;
margin:0 15px 0 0;
overflow:hidden;
padding:12px 10px 12px 10px;
border: 1px solid #CCC;
border-radius:2px;
cursor:pointer;
box-shadow: 0px 0px 4px 0px #CCC;
}
.item_page_other_volume img {
    float:left;
}
.item_page_other_volume div {
    float:right;
    padding-left:7px;
    height:100%;
}
.item_page_other_volume:hover {
border-color:#999;
}
.item_page_other_volume a {
text-decoration:none !important;
color:#333 !important;
}
.item_page_nav_line {
width:100%;
height:38px;
background-color: #FFFFFF;
border-bottom: 1px solid #EEEEEE;
box-shadow: inset 0 -10px 50px -10px #CCCCCC, 0 5px 10px #CCCCCC;
margin-bottom:30px;
}
.item_page_nav_line ul {
padding: 0;
margin: 0 auto;
list-style: none;
position: relative;
}
.item_page_nav_line li:first-child {
border-left:none;
}
.item_page_nav_line li {
margin: 0px -5px 0 0;
display: inline-block;
background: none;
border-right: 1px solid #FFF;
}
.item_page_nav_line h2 {
display: block;
padding: 0 10px;
color: #333;
font-size: 1.2rem;
font-weight: 700;
line-height: 38px;
text-decoration: none;
margin:0;
}
.item_page_nav_line a {
display: block;
padding: 0 10px;
color: #333 !important;
font-size: 1.2rem;
line-height: 38px;
text-decoration: none !important;
}
.item_page_nav_line a:hover {
border-bottom:3px solid red;
margin-bottom:-2px;
transition-property: border-bottom;
transition-duration: 0.5s;
-webkit-transition-property: border-bottom;
-webkit-transition-duration: 0.5s;
color:#000000;
}
.item_page_active_h2 {
border-bottom:1px solid #999;
margin-bottom:-1px;
color:#000000;
background:rgba(212,212,212,0.7);
}
.omg_page_SaleLineTitle {
border:none;
text-align: left;
padding-left:7px;
font-size: 1.2rem;
font-weight:500;
margin:30px 0;
text-transform: uppercase;
}
.omg_page_SaleLineItems {
overflow: hidden;
}
.omg_page_SaleLineItemPrice {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 45px;
position: absolute;
bottom: 0;
text-align:left;
font-weight: 700;
padding:20px 0 10px 12px;
color: #333;
margin-left: -2px;
}
.bottom15 {
bottom:18px;
text-align:center;
font-weight:400;
}
.omg_page_button_basket {
width:55px;
height:30px;
margin:-10px 10px -2px 0;
border-radius:4px;
float:right;
text-align:center;
background: url(./images/new/omg_basket_.jpg) no-repeat center center;
}
.omg_page_button_basket:hover {
background: url(./images/new/omg_basket.jpg) no-repeat center center;
}
.omg_page_SaleLineItemName {
font-size: 1.1rem;
padding: 10px 5px 5px 5px;
overflow:hidden;
max-height:80px;
}
.omg_page_SaleLineItem {
position: relative;
border: 1px solid #CCC;
width:19%;
float: left;
box-sizing: border-box;
padding: 2px;
text-align: center;
margin:0.5%;
overflow: hidden;
border-radius: 2px;
min-height: 280px;
cursor: pointer;
box-shadow:0px 0px 4px 0px #CCC
}
.omg_page_SaleLineItem:hover {
border-color: black;
-webkit-transition-duration: 0.5s;
-webkit-transition-property: border-color;
transition-duration: 0.5s;
transition-property: border-color;
}
.omg_page_SaleLineItem img {
max-width: 75px;
height: auto;
aspect-ratio: 3/4;
margin: 0 auto;
border: none;
overflow: hidden;
}
.omg_page_Banner {
width:590px;
margin:0 auto;
}
.omg_news_line {
width:100%;
margin:15px 0 0 0;
border: 1px solid #CCC;
border-radius:5px;
box-shadow:0px 0px 4px 0px #CCC
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.height_20px {
height:20px;
}
.min_height60 {
min-height:60px;
}
.extra_space::after {
content: "\00a0";
}
.omg_news_line h2 {
margin-top:10px;
}
.omg_news_line_separator {
width:50%;
margin-left:25%;
}
.omg_news_line div:first-child {
margin-right:1%;
}
.omg_news_line h3 {
color:#333;
position:absolute;
bottom:5px;
border-radius:4px;
text-align:left;
margin:0 18px 0 18px;
padding:0 5px 0 5px;
text-shadow:-0   -2px 2px #FCFCFC,
0   -2px 2px #FCFCFC,
-0    2px 2px #FCFCFC,
0    2px 2px #FCFCFC,
-2px -0   2px #FCFCFC,
2px -0   2px #FCFCFC,
-2px  0   2px #FCFCFC,
2px  0   2px #FCFCFC,
-1px -2px 2px #FCFCFC,
1px -2px 2px #FCFCFC,
-1px  2px 2px #FCFCFC,
1px  2px 2px #FCFCFC,
-2px -1px 2px #FCFCFC,
2px -1px 2px #FCFCFC,
-2px  1px 2px #FCFCFC,
2px  1px 2px #FCFCFC,
-2px -2px 2px #FCFCFC,
2px -2px 2px #FCFCFC,
-2px  2px 2px #FCFCFC,
2px  2px 2px #FCFCFC,
-2px -2px 2px #FCFCFC,
2px -2px 2px #FCFCFC,
-2px  2px 2px #FCFCFC,
2px  2px 2px #FCFCFC;;
}
.omg_news_line img {
border:none;
display: block;
}
.omg_news_line h4 {
text-align:center;
margin:0px 18px 0px 18px;
padding:0px 0px 15px 0px;
}
.omg_news_title_div {
position:relative;
box-sizing:border-box;
width:100%;
margin:0;
overflow:hidden;
cursor:pointer;  
}
.omg_news_small_div {
position:relative;
box-sizing:border-box;
width:35%;
border-radius:2px;
padding:0 10px 0 10px;
margin:0;
float:left;
overflow:hidden;
cursor:pointer;
}
.omg_news_large_div {
position:relative;
box-sizing:border-box;
width:65%;
padding:0;
margin:0;
float:left;
overflow:hidden;
cursor:pointer;
}
.omg_news_large_div img {
border-radius:5px;
}
.omg_news_date {
width:100%;
text-align:right;
color:grey;
font-size:0.8rem;
font-weight:bold;
}
.omg_news_large_div:hover h3 {
color:#000;;
}
.omg_news_small_div:hover h3{
color:#000;
}
.omg_news_img {
width:100%;
border:none;
padding:0;
height:auto;
}
.omg_page_magazin_img {
float:right;
margin:10px 0 10px 20px;
}
.omg_icon {
float:left;
margin-right:15px;
}
.text_omg_page {
margin-top:30px;
}
.text_omg_page H1 {
    text-align:center;
}
.text_omg_page div.middle img {
    float:left;
    padding:10px;
    height:130px;
    width:auto;
}
.text_omg_page div.middle {
    min-height:150px;
    width:100%;
    overflow:hidden;
}
.text_omg_page div.middle p {
    margin-top:25px;
}
/*Стили для страницы новостей*/
.post_image {
max-width: 100%;
height: auto;
margin: 0 10px 10px 0;
}

/* стили для страници регистрации нового пользователя reg_page*/
.FormDiv {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #333;
border-bottom: 1px solid #CCC;
border-radius: 2px;
width:100%;
padding:30px 0;
margin: 30px 0;
}
.FormDivTitle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: -30px;
padding-top: 5px;
width:100%;
text-transform: uppercase;
overflow: hidden;
text-align: left;
margin-bottom: 25px;
color: black;
}
.InputFields {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
overflow: hidden;
}
.InputFieldsLebal {
width:100%;
color: black;
font-size: 1rem;
margin-bottom: -8px;
}
.InputFieldsInput {
Width:100%;
}
.InputFieldsImgCaptcha {
width:120px;
float: left;
}
.InputFieldsImgCaptcha IMG {
margin: 0;
padding-top: 10px;
}
.InputFieldsCaptchaInput {
width:120px !important;
float:left;
min-width: 100px !important;
}
.CaptchaMarginTop {
margin-top: 10px;
}
.BasketTable {
width:100%;
}
#basket_page_ItemsInBasket {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
overflow: hidden;
margin:5px 0 30px 0;
position: relative;
}
#basket_page_ItemsInBasket a:link {
color:#333;
text-decoration: none;
}
#basket_page_ItemsInBasket a:visited {
color:#333;
text-decoration: none;
}
#basket_page_ItemsInBasket a:active {
color: red;
}
#basket_page_ItemsInBasket a:hover {
color:red;
}
#basket_page_ItemsInBasket IMG {
float:left;
margin:0 10px;
}
#basket_page_ItemsInBasket INPUT {
min-width: 2.5rem;
width:2.5rem;
text-align: center;
text-indent: 0px;
border: none;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin: 0;
}
#basket_page_ItemsInBasket BUTTON {
margin: 0;
padding: 0 3px;
border: 1px solid #CCC;
border-radius: 0px;
display: inline;
height: 30px;
width: 30px;
background-color: #FFF;
}
.basket_page_ItemsInBasketContent {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:left;
overflow: hidden;
text-align: center;
min-height: 100px;
width: 60%;
}
.basket_page_ItemsInBasketNum {
float:left;
min-height: 100px;
min-width: 105px;
text-align: center;
width:20%;
}
.basket_page_ItemsInBasketAmount {
float: left;
height: 100%;
text-align: right;
font-weight: 600;
min-height: 100px;
width:20%;
}
.basket_page_ItemsInBasketAmount span {
margin-right: 9px;
}
.basket_page_ItemsInBasketAmount p {
margin-right: 9px;
color:#999 !important;
font-weight: normal;
font-size: 1rem !important;
text-align: right !important;
width: 100%;
}
.basket_page_ItemsInBasketBottom {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
margin: 30px 0;
padding-top: 5px;
border-top: 1px dotted #CCC;
text-align: right;
text-transform: uppercase;
font-weight: 600;
}
#basket_page_ItemsInBasketDelete {
text-align: center;
position: absolute;
bottom: 10px;
right: 10px;
}
#basket_page_ItemsInBasketDelete a:link {
font-size: 1rem;
color:#999;
text-decoration: underline;
}
#basket_page_ItemsInBasketDelete a:visited {
font-size: 1rem;
color:#999;
}
#basket_page_ItemsInBasketDelete a:active {
font-size: 1rem;
color:red;
}
#basket_page_ItemsInBasketDelete a:hover {
font-size: 1rem;
color:red;
}
#basket_page_DeliveryForm INPUT[type="radio"] {
min-width: 0;
width:15px;
min-height: 0;
height: 15px;
display: inline;
}
#basket_page_DeliveryForm label {
display: inline;
}
#basket_page_DeliveryForm IMG {
border: none;
margin: 0;
padding: 0;
margin-bottom: -10px;
}
#basket_page_DeliveryForm p {
font-size: 1rem;
color: #666;
}
#basket_page_DeliveryForm label {
word-break: normal;
}
.basket_page_deliveryBlock {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
text-align: left;
margin:10px 0;
border-bottom: 1px dotted #CCC;
word-break: normal;
}
/* новые стили для измененной страницы оформления заказа   ===================================================== ( редакция 1) */
.basket_page_choiseBlock50 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top:10px;
width:50%;
float:left;
padding:1px;
}
.basketInfo_padding_left_30 {
padding-left:30px !important;
}
.basket_page_BorderRadius {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:3px;
border: 2px solid #CCC;
margin:auto;
padding:5px;
width:100%;
cursor:pointer;
min-height:100px;
}
.basket_page_BorderRadius INPUT[type="radio"] {
display:none;
}
.basket_page_textBlock {
float:left;
padding: 10px;
margin: auto;
width:calc(100% - 50px);
color:black;
}
.basket_page_textBlockO {
float:right;
border-radius:20px;
border:2px solid #CCC;
height:20px;
width:20px;
text-align:center;
font-size:12pt;
color:#00CC00;
}
.basket_page_choiseUnderBlock50 {
margin-top:15px;
margin:auto;
width:100%;
text-align:left;
padding:10px 0 10px 0;
}
.BorderGreen {
border-color:#00CC00;
}
.basket_page_MapCenter {
margin:auto;
text-align:center;
}
.basket_page_OtherCity:hover {
color:#E44235;
}
.basket_page_OtherCity {
padding-left:15px;
text-decoration:underline;
cursor:pointer;
font-weight:500;
}
.basket_page_itogi {
width:100%;
padding:10px 0 5px 0;
overflow:hidden;
border-bottom:1px dotted #CCC;
max-width:450px;
}
.basket_page_itogi SPAN {
float:left;
font-weight:600;
font-size:12pt;
}
.basket_page_itogi B {
float:right;
font-size:12pt;
}
#ShowItogi {
margin-bottom:15px;
}
.ShortInput250 {
min-width:200px !important;
width:250px;
}
.ShortInput150 {
min-width:100px !important;
width:150px;
}
.MarginBottomNo {
margin-bottom:10px !important;
}
#button_promo_code {
display:none;
}
#post_index_visible {
display:none;
}
.hiddeninput {
display: none;
}
.TitleLeftUpper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
font-weight:600;
text-align: left;
text-transform: uppercase;
}
.BorderNone {
border: none;
}
.BorderBottomNo {
border-bottom: none;
margin: 30px 0 0 0;
padding: 30px 0 0 0;
}
#user_office_navigation ul {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
overflow: hidden;
margin:30px 0;
height: 45px;
list-style: none;
background: linear-gradient(to bottom, #FFF, #EFEFEF);
border: 1px solid #CCC;
}
#user_office_navigation ul li {
float:left;
padding:12px 15px 0 15px;
border-right: 1px solid #CCC;
height: 100%;
cursor: pointer;
}
#user_office_navigation ul li.user_office_activeBar {
background: linear-gradient(to top, #FFF, #EFEFEF);
}
#user_office_navigation ul li.user_office_activeBar:first-letter {
color:red;
}
#user_office_navigation ul li:hover {
background: linear-gradient(to top, #FFF, #EFEFEF);
color:red;
}
.RelativeDiv {
position: relative;
padding-bottom: 10px;
}
.TopRightFloat {
position: absolute;
top: 15px;
right: 0;
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
/*вывод товара*/
.ItemOrderInfo {
font-size:1rem;
padding-bottom:10px;
}
.ItemLine {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
margin:0 auto;
padding: 10px 0 0 0;
overflow: hidden;
border-bottom:1px solid #CCC;
}
.ItemLineIMG {
width:20%;
height: 100%;
float: left;
text-align: center;
}
.ItemLineIMG IMG {
border: none;
margin:10px;
cursor: pointer;
}
.ItemLineContent {
min-height:155px;
width:54%;
float: left;
border-right: 1px solid #CCC;
margin-top:-10px;
padding: 10px 0 20px 0;
}
.ItemLineRightSide {
width:25%;
height: 100%;
float: left;
text-align: center;
margin-top:-10px;
margin-left:-1px;
border-left:1px solid #CCC;
padding: 10px 0 0 0;
}
.ItemLineRightSide div.SalePriceCss {
margin: 0 auto;
padding-top:5px;
width: 110px; 
min-height: 24px;
transform: skew(-20deg);
background: linear-gradient(to right, #fefcea, #f1da36);
border-right:10px solid #e6cc0e;
}
.ItemLineRightSide span.CatPrice {
font-size:1.4rem;
font-weight:bold;
}
.ItemLineRightSide span.CatPriceNo {
position: relative;
font-size:1.2rem;
font-weight:bold;
color:#7e7e83;
}
.ItemLineRightSide span.CatPriceNo:before {
border-bottom: 1px solid black;
position: absolute;
content: "";
width: 100%;
height: 50%;
transform: rotate(15deg);
}
#contentSite .ItemLineRightSide button {
width:145px;
}
.ItemLineRightSide a {
display:block;
margin:10px 0 20px 0;
}
.itemYes {
width:100%;
text-align: center;
font-weight: 600;
color: green;
padding: 10px 0;
}
.itemNo {
width:100%;
text-align: center;
font-weight: 600;
color: #555;
padding: 10px 0;
}
.page_NumList {
display: inline-block;
list-style: none;
height:28px;
padding:0;
margin: 15px auto;
border: 1px solid #CCC;
border-radius: 2px;
overflow: hidden;
background: linear-gradient(to top, #FFF, #EFEFEF);
}
.page_NumList li.page_select {
font-weight: 600;
text-decoration: underline;
background: linear-gradient(to bottom, #FFF, #EFEFEF);
}
.page_NumList li.NoNum {
padding: 6px 3px 0 3px;
cursor: default;
}
.page_NumList li:hover.NoNum {
background: linear-gradient(to top, #FFF, #EFEFEF);
color: #333;
}
.page_NumList li {
display: inline-block;
padding: 6px 10px 0 10px;
border-right: 1px solid #CCC;
height: 100%;
cursor: pointer;
}
.page_NumList li:last-child {
border-right: none;
}
.page_NumList li:hover {
color:red;
background: linear-gradient(to bottom, #FFF, #EFEFEF);
}
#brandIMG {
float:left;
padding: 0 15px 5px 0;
border: none;
}
.category_page_MainCatDiv {
margin: 0 -1.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
height: auto;
padding: 0;
}
.category_page_Cat {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:30.3%;
min-height: 160px;
float: left;
text-align: center;
margin: 1.5%;
overflow: hidden;
cursor: pointer;
}
.category_page_Cat:hover .category_page_CatName {
color: red;
text-shadow: 1px 1px 3px white;
}
.category_page_CatName {
width: 100%;
overflow: hidden;
text-align:  center;
font-weight: 600;
}
.category_page_Cat IMG {
max-width:100%;
max-height: 115px;
height: auto;
margin:0 auto;
border-radius: 6px;
}
.category_page_status {
width:100%;
text-align:left;
font-size:1rem;
margin-top:-15px;
margin-bottom:20px;
}
.GlobalCategory {
width:100%;
margin: 30px 0;
min-height: 28px;
font-weight: 600;
text-transform: uppercase;
text-align: left;
padding: 8px 0 0 15px;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}
#kartaImg {
width:100%;
height: auto;
border: none;
margin: 15px 0;
}
.leftHalf {
width: 49%;
float:left;
}
.rightHalf {
width:49%;
float: left;
}
.WhereLocation {
width: 100%;
margin-bottom: 30px;
}
.yandexMap {
max-width:100%;
overflow:hidden;
border: none;
height: auto;
margin: 15px 0;
text-align: center;
}
/*стили для форума*/
.F_section {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
position: relative;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
overflow: hidden;
margin: 0 0 30px 0;
text-align: left;
}
.F_sectionName {
width: 100%;
text-align: left;
border-bottom: 1px solid #CCC;
background: linear-gradient(to bottom, #FFF, #EFEFEF);
padding: 8px 0 8px 0;
}
.F_sectionName a:link {
text-decoration: none;
margin-left:15px;
position: relative;
}
.F_sectionName::first-letter {
color: #E44235;
}
.F_sectionDes {
float: left;
width: 89%;
height: 100%;
padding: 10px 0;
height: 100%;
border-right: 1px solid #CCC;
}
.F_sectionDes span {
margin:10px;
}
.F_sectionNumTheme {
padding: 12px 0;
float: left;
width: 10%;
height: 100%;
text-align: center;
font-size: 1rem;
}
.F_sectionNumTheme span {
margin:5px;
}
.F_theme {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-top: 1px solid #CCC;
overflow: hidden;
}
.F_themeNum {
float:left;
height: 150%;
overflow: hidden;
color:#CCC;
font-weight: 600;
font-size: 1rem;
}
.F_themeName {
height: 100%;
overflow: hidden;
padding: 10px 0;
width:85%;
float: left;
}
.F_themeName::first-letter {
color: #E44235;
}
.F_themeDopInfo {
float: left;
width: 15%;
height: 100%;
overflow: hidden;
padding: 10px 0;
text-align: center;
}
.HeadTheme {
color: #666;
font-size: 1rem;
text-align: center;
}
.F_themeName a:link {
padding-left: 15px;
}
.bottomBorder {
border-bottom: 1px solid #CCC;
}
.FontWeightNormal {
font-weight: normal !important;
}
.F_messageTitle {
width:100%;
overflow: hidden;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #EFEFEF;
}
.F_messageTitle span {
padding:5px 10px;
font-size: 1rem;
}
.F_messageAuthor {
width:20%;
float: left;
text-align: center;
padding-top: 5px;
overflow: hidden;
}
.F_messageAuthor::first-letter {
color: #E44235;
}
.F_messageText {
width:80%;
float: left;
overflow: hidden;
}
.F_messageText p {
padding: 5px;
text-align: left !important;
}
.F_messageText IMG {
width:100%;
height: auto;
}
.F_messageContent {
min-height: 100px;
}
.F_messageNameTheme {
width: 100%;
text-align: left;
margin: 0 0 5px 5px;
}
.textLeft {
text-align: left;
}
/*ссылки и статьи*/
.insideLink {
width:100%;
height: auto;
overflow: hidden;
margin-bottom: 15px;
padding-top: 5px;
}
.insideLink IMG {
float: left;
margin: -5px 10px 0 5px;
}
.brend_pageIMG {
padding-right:10px;
float:left;
text-align: center;
overflow: hidden;
}
.brend_pageIMG img{
max-height:125px;
width:auto;
}
.item_page_IMG {
overflow: hidden;
width: 50%;
float:left;
text-align: center;
height: auto;
margin-bottom: 30px;
}
.item_page_IMG IMG {
border: none;
padding: 30px 0px 30px 5px;
max-width: 98%;
height: auto;
}
.OIIDiv {
padding:30px 0 0 0;
max-width:15%;
float:left;
margin:0px;
}
img.OII {
max-width: 100%;
padding:0;
float:left;
cursor:pointer;
border: 1px solid #FFF;
border-radius:3px;
}
img.OII:hover {
border: 1px solid Grey;
}
.item_page_InStoke {
overflow: hidden;
width: 50%;
float: left;
text-align: center;
margin-bottom: 30px;
}
.item_page_InStoke p {
padding: 30px 10px;
}
.item_page_Price {
margin: 15px 0 30px 0;
}
.item_page_Price span {
font-size: 2rem;
font-weight: 700;
}
.item_page_Des::first-letter {
color: red;
}
#item_page_SALE {
width:100%;
margin:30px 0;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px dashed #E44235;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
#item_page_SALE IMG {
float: left;
margin: 5px;
}
#item_page_SALE p {
margin:5px;
}
.FFFFFF {
background-color:#FFFFFF !important;
}
.FAFAFA {
background-color:#FAFAFA !important;
}
.positionAbsoluteForStars {
top:15px;
right:10px;
position:absolute;
}
.item_page_comment {
border-top:1px solid #CCC;
width:100%;
overflow: hidden;
background-color:#FAFAFA;
}
.item_page_commentName {
float:left;
width:8%;
font-weight: 600;
height:100%;
position:relative;
}
.item_page_commentName span {
display:block;
border:1px solid #CCC;
height:40px;
width:40px;
margin: 10px auto;
border-radius:20px;
text-align:center;
line-height:13px;
color:#666;
font-weight:700;
}
.item_page_commentText {
float:right;
width:90%;
text-align:left;
height:100%;
padding:20px 0;
position:relative;
}
.item_page_commentText span {
display:block;
color:#666;
font-size:1rem;
font-weight:500;
margin-bottom:20px;
}
.item_page_commentText::first-letter {
color:red;
}
.item_page_comment p {
margin: 10px;
}
.item_page_comment button {
margin: 10px !important;
}
.item_page_dopInfo {
width: 80%;
margin: auto;
}
.item_page_dopInfo ul {
list-style: none;
}
.item_page_dopInfo li {
text-align: left;
font-size: 1rem;
color: #333;
}
.item_page_dopInfo li::first-letter {
color: green;
}
.item_page_divStars {
margin: 0 0 15px 15px;
margin-top:-8px;
}
.item_page_divStars a {
font-size:1rem;
display:block;
margin:0 0 5px 8px;
float:left;
}
.item_page_form_add_comment {
margin-top:15px;
width:100%;
overflow:hidden;
}
.item_page_form_add_comment h4 {
font-size:1.4rem;
margin:15px;
}
@keyframes pulsate{50%{color:#F08080}
}
.red_border {
color:red;
-webkit-animation: pulsate 1.2s linear infinite;
animation: pulsate 1.2s linear infinite;
}
.item_page_form_add_comment form {
margin:15px;
}
.item_page_form_add_comment form input[type="text"] {
width:98% !important;
}
.item_page_form_add_comment form textarea {
width:98% !important;
padding:5px;
box-sizing: border-box;
}
.item_page_left_part_comment {
width:65%;
float:left;
}
.item_page_right_part_comment {
margin-top:1px;
margin-bottom:1px;
width:33%;
float:left;
border-left:1px solid #EEE;
height:100%;
}
.item_page_right_part_comment ul {
margin:10px;
list-style:none;
}
.item_page_right_part_comment li {
margin:5px;
}
.item_page_right_part_comment p {
margin:10px;

}
.margin-bottom-no {
margin-bottom:3px;
}
.rating_padding_bar {
margin-bottom:10px;
overflow:hidden;
}
.tobmapsrof {
display: none;
}
.item_page_ratin_voice {
overflow:hidden;
width:159px;
}
.item_page_ratin_voice:not(:checked) input {
display:none;
}
.item_page_ratin_voice:not(:checked) label {
cursor:pointer;
display:inline-block;
float:right;
border:1px solid #CCC;
border-right:none;
height:30px;
width:30px;
text-align:center;
font-size:1.5rem;
}
.item_page_ratin_voice:not(:checked) input:first-child + label {
border-right:1px solid #CCC;
}
.item_page_ratin_voice > input:checked ~ label {
color: #FF4500;
}
.item_page_ratin_voice:not(:checked) > label:hover,
.item_page_ratin_voice:not(:checked) > label:hover ~ label {
color:#FF4500;
text-shadow: #000000 1px 1px 0;  
}
.item_page_ratin_voice > input:checked + label:hover,
.item_page_ratin_voice > input:checked + label:hover ~ label,
.item_page_ratin_voice > input:checked ~ label:hover,
.item_page_ratin_voice > input:checked ~ label:hover ~ label,
.item_page_ratin_voice > label:hover ~ input:checked ~ label {
color: #FF4500;
}
.item_page_ratin_voice > label:active {
    position: relative;
}
#certificat_img {
max-width: 100%;
height: auto;
margin: 15px auto;
}
.main_menu_button_hidden {
display:block;
}
.search2_page_div_info {
width:97%;
float:left;
margin-bottom:15px;
color:#666;
text-align:left;
padding-left:15px;
font-size:1rem;
}
.right_part_content {
width:75%;
float:right;
min-height:100%;
}
.left_part_content {
width:25%;
float:left;
min-height:100%;
}
.left_part_content p {
font-size:1rem !important;
font-weight:700;
text-indent: 0 !important;
}
.left_part_content i {
color:#999;
font-size:1.1rem;
padding-left:5px;
font-style:normal;
}
.left_part_content ul {
font-size:1rem;
font-weight:700;
padding-left:5px;
list-style:none;
}
.left_part_content li {
padding-left:10px;
margin:10px 5px;
font-size:1.1rem;
font-weight:500;
cursor:pointer;
}
.left_part_content li input {
cursor:pointer;
}
.left_part_content a:link {
color:#333;
text-decoration:none !important;
}
.left_part_content a:visited {
text-decoration:none !important;
color:#333;
}
.left_part_content a:hover {
color:#E44235;
text-decoration:none !important;
}
.leftBarUlSalePage li.filbs {
cursor:pointer;
color:#333;
font-size:1rem;
font-weight:400;
display:none;
text-decoration:underline;     
}
.leftBarUl li.filbs {
cursor:pointer;
color:#333;
font-size:1rem;
font-weight:400;
display:none;
text-decoration:underline;   
}
.search_border_item {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
box-shadow: 0px 0px 4px 0px #CCC;
overflow:hidden;
}
.left_content {
float:left;
text-align:left;
width:95%;
}
.day_item_left_bar {
border:1px solid #CCC;
box-shadow: 0px 0px 4px 0px #CCC;
word-wrap:break-word;
text-align:center;
cursor:pointer;
padding:7px;
margin-bottom:15px;
}
.day_item_left_bar span {
font-size:1.4rem;
font-weight:bold;
display:block;
width:100%;
text-align:center;
}
.day_item_left_bar img {
margin:10px auto;
border:none;
}
.day_item_left_bar b{
font-size:1.5rem;
}
.disabled_checkbox {
color:#CCC;
}
.registr_left_bar {
float:left;
width:53%;
}
.registr_right_bar {
float:right;
width:46%;
}
.registr_right_bar ul {
padding-left:30px;
}
.GreenRound {
width:16px;
height:16px;
margin:0;
padding:0;
border:1px solid Green;
border-radius:10px;
color:#FFF;
background-color:green;
text-align:center;
float:left;
font-size:0.8rem;
font-weight:700;
}
.all_brands_page_first_letter_one {
font-weight:700;
color:#E44235;
width:100%;
overflow:hidden;
margin-top:15px;
padding:15px 0 15px 15px;
}
.all_brands_page_first_letter {
margin-top:15px;
font-weight:700;
color:#E44235;
width:100%;
overflow:hidden;
border-top:1px solid #e8e8e8;
padding:15px 0 15px 15px;
}
.all_brand_ul {
width:100%;
overflow:hidden;
}
.all_brand_ul a {
text-decoration:none !important;
}
.all_brands_page_link {
box-sizing:content-box;
padding:5px;
width:15%;
float:left;
text-align:left;
}
.all_brands_page_link span {
display:block;
width:100%;
padding:5px 0 5px 0;
font-size:0.9rem;
color:#666;
}
.device_filter {
display:none;
}
#close_item_filter {
display:none;
height:20px;
width:30px;
}
.title_item_filter_left_bar {
display:none;
}
#button_up {
font-size:1.6rem;
box-sizing: border-box;
display:none;
position:fixed;
font-weight:700;
bottom:15px;
right:15px;
width:50px;
height:50px;
text-align:center;
border-radius:25px;
border:1px solid #333;
background: rgba(204, 204, 204, 0.5);
z-index:101010;
}
#button_up a:link {
color:#333;
position:absolute;
bottom:13px;
right:13px;
}
#button_up a:hover {
color:#333;
}
#button_up a:active {
color:#333;
}
#button_up a:visited {
color:#333;
}
.motoroils_filter_page_select {
width:100%;
text-align:left;
}
.motoroils_filter_page_select select {
height:28px;
width:450px;
border:1px solid #999;
border-radius:2px;
font-size:1.2rem;
padding-left:10px;
color:#333;
margin:5px 5px 10px 5px;
}
.motoroils_filter_page_button {
width:100%;
text-align:center;
}
.motoroils_filter_page_button button {
width:400px;
}
.brand_category_ul a {
font-size:1.2rem;
color:#333 !important;
}
.brand_category_ul a:hover {
color:red !important;
}
.brand_category_ul {
border: 1px solid #CCC;
box-shadow: 0px 0px 4px 0px #CCC;
margin: 0 0 15px 0;
}
.brand_category_ul li {
margin:15px 0;
padding:0 12px;
}
#cookie_note {
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_note p{
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
    color: black;
}

.cookie_accept{
    width:auto;
    min-height:30px;
    background-color:#4681f4;
    border-radius: 4px;
    border:1px solid grey;
    padding-left:10px;
    padding-right:10px;
}
@media screen and (max-width: 1040px)
{
.search_border_item {
width:99%;
}
.fon_left_bar {
display:block;
position:fixed;
min-width:100%;
min-height:100%;
top:0;
left:0;
overflow-y: scroll;
background: rgba(51, 51, 51,0.7);
z-index:10004;
}
.position_fixed {
position:fixed;
overflow:hidden;
}
/*медиа запрос для разрешения экрана меньше 1005px*/
@media screen and (max-width: 1002px)
{
.device_visible {
display: none;
}
.main_menu_button_hidden {
display:none !important;
}
.device_hidden {
display: inline;
}
.PageStatus {
display: none;
}
.CenterPanelPhone {
width:100%;
height: 50px;
margin:0 auto;
list-style:none;
background-color: #333 !important;
border-radius: 6px 6px 0 0;
box-shadow: inset 0 68px 60px -63px #555;
border-bottom: 5px solid #CCC;
}
#content-line, .item_page_content_line {
    overflow:hidden;
}
#PageSite, .item_page_PageSite {
width:97%;
margin:auto;
float: none;
}
.visibleBar {
left:251px !important;
overflow-y: scroll;
}
.displayBlock {
display: block !important;
}
.displayInline {
display: inline !important;
}
.TextPlus p {
text-transform: uppercase;
padding-left: 1.2rem;
text-align: left;
color: #EFEFEF;
font-weight: 600;
font-size: 1.2rem;
padding-top:15px;
width: 97%;
}
#device-view-basket {
display: none;
position: fixed;
top:55px;
right: 10px;
height: auto;
width: auto;
border: 1px solid #CCC;
background-color: #EFEFEF;
border-radius: 6px;
padding:5px 10px;
text-align: center;
z-index: 1005;
}
#device-view-basket button {
padding:10px;
font-size: 0.9rem;
font-weight: 700;
border-radius: 3px;
margin-top:10px;
border:none;
background-color: red;
color: #EFEFEF;
letter-spacing: 1px;
}
#main-top-black-line {
padding-top:10px;
position: fixed;
height:40px;
z-index: 101013;
}
#GlobalSearchButton {
display: none;
width:94%;
height:38px;
font-size:1.7rem;
border: 1px solid rgb(177, 173, 173);
border-radius: 3px;
padding-left: 0.5rem;
background-color: #F3F3F3;
position: fixed;
top: 55px;
right: 2px;
z-index: 1005;
}
#SearchAndPhone {
text-align: right;
padding:5px 1rem 0 0;
}
#SearchAndPhone input {
background: none;
border: none;
font-style: italic;
font-size: 1.4rem;
width:74%;
height:38px;
}
#SearchAndPhone button {
direction: ltr;
border: none;
font-size: 1.4rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
width:24%;
height: 38px;
border-left: 1px solid rgb(177, 173, 173);
}
.global_max_width {
margin: 0 auto;
}
.device_hidden {
display: none;
}
.device_visible {
display: inline;
}
#main-top-line {
display: none;
}
#main-logo-line {
margin-top: 70px;
margin-bottom: -20px;
}
#navigation-line {
background:none;
box-shadow:none;
border:none;
}
#navigation-line .global_max_width {
width:98%;
}
.VisibleFilterForMobile {
display: block;
position: fixed;
top:48px;
left:0;
padding:10px;
width:96%;
height: 100%;
background-color: #FEFEFE;
overflow: auto;
color:#333;
z-index: 1001;
}
.VisibleFilterForMobile select {
color: #333 !important;
background-color: #FEFEFE;
}
.VisibleFilterForMobile ul li a {
color: #333 !important;
}
.VisibleFilterForMobile ul li:visited a {
color: #333 !important;
}
.VisibleFilterForMobile ul li:active a {
color: red !important;
}
.VisibleFilterForMobile ul li:hover a{
color: red !important;
}
.VisibleFilterForMobile p {
background: linear-gradient(to bottom, #FEFEFE, #FFF) !important;
}
#brends-oil {
border-top: none;
margin-top: 0;
padding-top: 0;
}
#brends-oil a {
font-weight:bold;
}
#brends-oil ul li {
padding:15px 0;
}
#filter-oil {
border-bottom: none;
margin-bottom: 0;
}
.category_page_Cat {
width:97%;
min-height:50px;
border-bottom: 1px solid #CCC;
overflow:hidden;
margin-top:0;
margin-bottom:0;
}
.category_page_Cat img {
height:auto;
max-width:50px;
float:left;
padding:10px 5px;
margin:auto;
}
.category_page_CatName {
min-height:0px;
width:auto;
text-align:left;
padding:18px 0 0 5px;
margin:auto;
}
.category_page_Cat:last-child {
border-bottom: none;
}
.GlobalCategory {
margin:5px 0;
}
.category_page_arrow {
width:10px;
height:100%;
padding-top:20px;
font-weight:600;
font-size:2rem;
overflow: hidden;
float:right;
color:grey;
}
.category_page_nimImg {
min-height:70px;
max-width:60px;
float:left;
padding:0;
}
#subscribe {
width:97%;
}
#footer {
width:97%;
}
.footer33 {
width:100%;
}
.topline {
border-top: 1px solid #CCC;
padding:10px 0;
margin-top:15px;
}
.subscribe-text {
width:100%;
margin:auto;
text-align:center;
padding:0 0 7px 0;
}
.subscribe-input {
width:100%;
margin:auto;
min-width:200px;
padding:0;
}
.subscribe-text IMG {
float:none;
}
#subscribe-line INPUT {
border-radius:6px;
border:1px solid #CCC;
width:100%;
margin:0 0 10px 0;
padding:2px 0;
}
#subscribe-line BUTTON {
border-radius:6px;
width:100%;
margin:0 0 5px 0;
}
}
@media screen and (max-width: 920px) {
.all_brands_page_link {
width:18%;
}
.device_filter {
display:block;
}
.title_item_filter_left_bar {
display:block;
width:95%;
text-align:center;
border-bottom:1px solid #CCC;
padding:10px 0;
margin-bottom:15px;
margin-right:8px;
}
#close_item_filter {
display:block;
position:absolute;
top:5px;
right:5px;
color:#999;
cursor:pointer;
}
.registr_left_bar {
float:none;
width:100%;
}
.registr_right_bar {
float:none;
width:100%;
margin-bottom:30px;
}
.left_part_content {
display:none;
width:240px;
}
.right_part_content {
width:100%;
}
.search_border_item {
width:100%;
}
.device_left_part_content {
display:block;
background-color:#FFF;
position:absolute;
top:50px;
overflow-y: scroll;
padding:8px 0 0 8px;
left:0;
border-right:1px solid #CCC;
min-height:100%;
box-shadow: 0px 0px 4px 0px #CCC;
}
}
/*при сужении менее 875px*/
@media screen and (max-width: 875px) {
.basket_page_BorderRadius {
min-height:110px;
}
}
/*при сужении менее 850px*/
@media screen and (max-width: 850px) {
.omg_page_SaleLineItem {
width: 24%;
}
.omg_page_SaleLineItems {
max-height:287px;
}
.item_page_left_part_comment {
width:100%;
float:none;
}
.item_page_right_part_comment {
margin-top:1px;
margin-bottom:1px;
width:100%;
float:none;
border-left:none;
height:auto;
}
}
@media screen and (max-width: 750px) {
.all_brands_page_link {
width:23%;
}
.listOrderTitle {
    display:none;
}
.listOrderSection {
    display:block;
    vertical-align:none;
    width:99%;
    text-align:center;
}
.listOrderDevice {
    display:inline;
    color:Grey;
}
.omg_news_line {
height:auto;
margin-bottom:0;
}
.omg_news_large_div {
float:none;
width:100%;
margin-bottom:7px;
height:auto;
overflow:auto;
}
.omg_news_small_div {
float:none;
width:100%;
min-height:auto;
margin-bottom:7px;
overflow:auto;
}
.omg_news_line h3 {
margin-bottom:10px;
}
}
/*при сужении менее 700px*/
@media screen and (max-width: 700px) {
H5 {
text-align:center;
}
.basket_page_BorderRadius {
min-height:115px;
}
.F_sectionDes {
width:80%;
}
.F_sectionNumTheme {
width: 19%;
}
.omg_page_SaleLineItem {
width:32.3%;
}
.omg_page_SaleLineItems {
max-height:285px;
}
.basket_page_ItemsInBasketContent {
width:55%;
}
.basket_page_ItemsInBasketNum {
width:25%;
}
.basket_page_ItemsInBasketAmount {
width: 20%;
}
#PageSite p.itemDescription, .item_page_PageSite p.itemDescription {
display: none;
}
#PageSite p.itemMeets, .item_page_PageSite p.itemMeets {
display: none;
}
.ItemLineContent {
width:78%;
float: right;
border: none;
text-align: center;
min-height:0;
}
.ItemLineRightSide {
width:78%;
float:right;
border:none;
}
.ItemLineIMG {
overflow: hidden;
min-width: 100px;
margin-top: 20px;
margin-bottom:15px;
height: 100%;
margin-left:1%;
}
.item_page_IMG {
width: 98.5%;
float: none;
}
.item_page_InStoke {
float: none;
width: 98.5%;
}
}
@media screen and (max-width: 650px) {
.all_brands_page_link {
width:31%;
}
.item_page_commentName {
width:13%;
}
.item_page_commentText {
width:85%;
}
.basket_page_BorderRadius {
min-height:127px;
}
}
@media screen and (max-width: 600px) {
.omg_page_magazin_img {
width:100%;
float:none;
margin:auto;
}
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
    .cookie_accept {
        width:100%;
        margin:auto;
        margin-top:20px;
    }
}
@media screen and (max-width: 550px) {
#OilsFilter select {
width:99%;
}
.basket_page_BorderRadius {
min-height:95px;
}
.F_themeName {
width:75%;
}
.F_themeDopInfo {
width:25%;
}
.F_messageText {
width: 70%;
}
.F_messageAuthor {
width: 30%;
}
.basket_page_choiseBlock50 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top:10px;
width:100%;
float:left;
padding:1px;
}
.secondBlock50MarginTop {
    margin-top:1px;
}
}
@media screen and (max-width: 520px) {
.basket_page_OtherCity {
padding-bottom:10px;
padding-right:10px;
float:right;
}
.leftHalf {
width: 100%;
float: none;
}
.rightHalf {
width: 100%;
float:none;
}
.rightHalf p:first-child:before {
content: "\2666 \00a0 \2666 \00a0 \2666 \A \A";
white-space: pre;
}
.leftHalf p:first-child:before {
content: "\2666 \00a0 \2666 \00a0 \2666 \A \A";
white-space: pre;
}
.omg_page_SaleLineItem {
width:49%;
}
.omg_page_SaleLineItems {
max-height:568px;
}
#PageSite INPUT, .item_page_PageSite INPUT {
width: 98.5%;
min-width: 300px;
}
#PageSite TEXTAREA, .item_page_PageSite TEXTAREA {
width: 98.5% !important;
min-width: 300px;
}
#basket_page_ItemsInBasket INPUT {
width: 35px;
min-width: 35px;
margin: 0 auto;
}
#basket_page_ItemsInBasket IMG {
margin: 0 auto;
float: none;
}
#basket_page_ItemsInBasket p {
text-align: center;
}
#basket_page_ItemsInBasket button {
width: 30px !important;
}
.basket_page_ItemsInBasketContent {
width:100%;
float: none;
}
.basket_page_ItemsInBasketNum {
width:100%;
height: auto;
min-height: 0;
float: none;
text-align: center;
margin-bottom: 7px;
}
.basket_page_ItemsInBasketAmount {
width: 100%;
height: auto;
float: none;
min-height: 0;
text-align: center;
}
.basket_page_ItemsInBasketAmount p {
text-align: center !important;
}
.width100 {
width:100%;
overflow: hidden;
}
.InputFieldsCaptchaInput {
min-width: 120px !important;
width:120px !important;
}
#contentSite BUTTON, .item_page_contentSIte BUTTON {
width:100%;
}
.ItemLineContent {
float:right;
width:70%;
}
.ItemLineRightSide {
width: 70%;
}
}
@media screen and (max-width: 480px) {
.all_brands_page_link {
width:47%;
}
H1 {
font-size: 24px;
}
.F_messageAuthor {
word-break: break-all;
}
#window_message TEXTAREA {
width:98.5% !important;
}
.brend_pageIMG {
width: 100%;
float: none;
}
.SelectAuto {
width:98.5%;
min-width: 0px;
}
#brandIMG {
float: none;
}
.item_page_commentName {
width:17%;
}
.item_page_commentText {
width:81%;
}
}
/*медиа запрос для разрешения экрана менее 450px*/
@media screen and (max-width: 450px)
{
#navigation-line .global_max_width {
width:97%;
}
#LogotopImages {
 width:150px;
 height:auto;
}
.basket_page_BorderRadius {
min-height:110px;
}
.small-banner {
display:none;
}
.cycle-slideshow {
max-width:100%;
}
#SearchAndPhone {
display: block;
clear:both;
margin:0 auto;
text-align: center;
}
#main-logo-line {
margin-top: 55px;
margin-bottom: 10px;
text-align: center;
height:auto;
}
#main-logo-line img {
padding: 0;
float:none;
}
.LargeText {
padding-top:0;
}
.ItemLineContent {
float:right;
width:65%;
}
.ItemLineRightSide {
width:65%;
}
}
@media screen and (max-width: 392px) {
.item_page_nav_line a {
font-size:1rem;
}
.item_page_nav_line h2 {
font-size:1rem;
}
}
@media screen and (max-width: 350px) {
.omg_page_SaleLineItem {
width:99.5%;
}
.omg_page_SaleLineItems {
max-height:1134px;
}
}

-->