html,body,div,h1,h2,h3,h4,h5,h6,p,img,ul,li,table{margin:0;padding:0;border:0;outline:0 !important;font-size:100%;vertical-align:baseline;background:transparent}
ol, ul{list-style:none}
:focus{outline:none !important}
table{border-collapse:collapse;border-spacing:0}
body{font-family: Arial,sans-serif; background:url("images/bg-body.jpg") repeat 0px 0px; color: #6b6b6b;}
a img{border:none}
li{list-style:none}
h1.title {font-size: 18px !important; font-weight: bold !important; text-transform: uppercase; line-height: 16px; overflow: visible; margin-bottom: 20px; color: #000;}
div.workarea {font-size: 14px; color:#6b6b6b; position: relative;}
pre {margin: 0px;}
.header-brandzone {background:url("images/r6.jpg") no-repeat center center; background-size: cover;}
.header-brandzone .header{width:1270px; margin:0 auto; overflow:hidden; position: relative; min-height: 157px;}
.brand{position: absolute;top: 22px; left: 65px; width: 350px; display: block;}
.brand a p {color: #adadad; font-size: 12px; font-weight: normal; text-decoration: none; line-height: 16px; margin-top: 5px;}
.brand a {color:#adadad; font-size:12px; font-weight:normal; text-decoration:none;}
.contactsdata{position: absolute; top: 4px; left: 405px; width: 610px;}
.contactsdata p {color: #adadad; font-size: 12px; font-weight: normal; text-decoration: none; line-height: 16px;}
.contactsdata div.phone {color: #fcfcfc; font-size: 25px; font-weight: bold; margin-top: 5px;}
.contactsdata div.phone span {color: #ffffff; font-size: 12px; font-weight: normal; line-height: 12px; width: 85px; display: inline-block;}
/* корзина*/
.cart {
position: absolute;
top: 54px;
right: 10px;
width: 138px;
padding: 15px 0 15px 60px;
background: rgba(255, 163, 0, 1); /* оранжевый фон с 60% прозрачностью */
background-image: url("images/basket.png");
background-repeat: no-repeat;
background-position: 15px center;
border-radius: 8px; /* добавляем небольшие закругления */
}
.cart a {
color: #1b3e4f;
margin-bottom: 4px;
display: block;
font-weight: 600; /* немного утолщаем шрифт */
font-size: 14px; /* чуть увеличим размер */
text-decoration: none; /* убираем подчеркивание */
transition: color 0.3s ease; /* добавляем плавный переход при наведении */
}
.cart a:hover {
color: #0e2a36; /* цвет на оттенок темнее при наведении */
}
.cart span {
color: #ffffff;
font-size: 13px; /* немного увеличиваем размер */
font-weight: 400; /* делаем текст немного легче */
line-height: 1.4;
}
.login {position: absolute; top: 10px; right: 0px; color: #fff;}
.login a{display: inline-block; color: #fff; font-size: 12px; font-weight: normal;}
.username, .signin{color:#2479a1; font-weight:bold; font-size:13px}
#compare a, .logout, .comparison, .signup{color: #fff; font-size: 12px; font-weight: normal;}
#compare a:hover,
.signin:hover,
.username:hover,
.comparison:hover,
.logout:hover,
.signup:hover{text-decoration:none}
.header-topnav {border-top: 1px solid #1b3e4f; border-bottom: 3px solid #ffa300; background:url("images/r6.jpg") repeat-x 0px 0px; overflow: hidden;}
.topnav{margin:0 auto; width:980px;}
.header-topnav ul {float: left; overflow: hidden;}
.header-topnav ul li{float: left; border-right: 1px solid #1b3e4f;}
.header-topnav ul li:last-child {border: none;}
.header-topnav ul li a{font-size:12px; text-decoration:none; color: #fff; display: block; padding: 14px 15px;}
.header-topnav ul li.selected a:hover, .header-topnav ul li a:hover{text-decoration: none;}
.header-topnav ul li .home_item{display:block; width:23px; height:43px; text-decoration:none !important; background:url("images/home-link.png") no-repeat center; padding: 0px 15px;}
.header-topnav ul li.selected {background: #1b3e4f00;}
.header-topnav ul li.selected a.home_item {background:url("images/home-link.png") no-repeat center; padding: 0px 15px;}
.header-topnav ul li.selected a {color: #000000;}
.header-topnav ul li:hover {background: #ffa300;}
.header-topnav ul li:hover a {color: #1b3e4f;}
.header-topnav ul li.parrent div.mainMenuPodmenu {display: none; position: absolute; z-index: 999; width: 210px;}
.header-topnav ul li.parrent div.mainMenuPodmenu ul {margin: 0; display: block; position: absolute; background: #6b6b6b url("images/arrow-menu.png") no-repeat 15px 0px; width: 230px;}
.header-topnav ul li.parrent:hover div.mainMenuPodmenu {display: block;}
.header-topnav ul li.parrent div.mainMenuPodmenu ul li {border-right: 0px; border-bottom: 1px solid #5e5e5e; display: block; width: 230px;}
.header-topnav ul li.parrent div.mainMenuPodmenu ul li:hover, .header-topnav ul li.parrent div.mainMenuPodmenu ul li.selected {background: transparent; }
.header-topnav ul li.parrent div.mainMenuPodmenu ul li a:hover, .header-topnav ul li.parrent div.mainMenuPodmenu ul li.selected a {color: #ffa300; background: url("images/mark-orange.jpg") no-repeat 14px center;}
.header-topnav ul li.parrent div.mainMenuPodmenu ul li a {background:url("images/mark-white.jpg") no-repeat 14px center; padding: 15px 20px 15px 30px; color: #fff;}
div.banner {width:1250px; margin:0 auto; overflow:hidden; position: relative; background: #f7f7f7; overflow: hidden; margin-top: 0px;}
div.banner span {position: absolute; top: 17px; left: 340px; background:url("images/arrow-banner.png") no-repeat center; width: 22px; height: 13px;}
div.banner div.name-skidka {position: absolute; left: 250px; font-size: 30px; color: #ffa300; top: 60px; width: 490px;}
div.banner div.banner-div {border: 3px solid #ffa300; width: 974px; margin-top: 27px;}
div.banner div {overflow: hidden;}
div.banner img {float: left;}
div.banner div.text-bann {width: 157px; float: left; color: #6b6b6b; font-size: 12px; font-weight: normal; padding: 46px 20px;}
div.banner div.text-bann a {color: #6b6b6b; font-size: 12px; font-weight: normal;}
div.banner div.text-bann a:hover {text-decoration: none;}
div.pright div.news ul {margin-top: 20px !important;}
div.pright div.news ul li div.kont {margin-bottom: 15px;}
div.pright div.news ul li span.news-date-time {color: #ffa300; font-size: 12px; font-weight: normal; margin-bottom: 5px;}
div.pright div.news ul li a {color: #224f65; font-size: 12px; font-weight: normal; display: block; margin-bottom: 5px; margin-top: 5px;}
div.pright div.news ul li a:hover {text-decoration: none;}
div.pright div.news ul li p, div.pright div.news ul li i, div.pright div.news ul li div {color: #6b6b6b; font-size: 12px; font-weight: normal; display: block; line-height: 14px; margin-bottom: 5px;}
h2.title {color: #000; font-size: 14px !important; font-weight: bold !important; text-transform: uppercase; background: #e5e5e5; border: 1px solid #d6d6d6; padding: 10px; margin-top: 0px !important;}
ul#left-menu {padding: 15px 0px 10px 0px; background:url("images/bg-left-menu.png") repeat-y 0px 0px;}
ul#left-menu > li > a {cursor: pointer; padding: 5px 0px 5px 24px; background:url("images/mark-gray.jpg") no-repeat 11px center; color: #6b6b6b; font-size: 14px; font-weight: normal; text-decoration: none; display: block; position: relative;}
ul#left-menu > li > a:hover, ul#left-menu li a.selected {color: #ffa300; background: url("images/mark-orange.jpg") no-repeat 11px center;}
ul#left-menu li.curr > a span.hdg {background: url(images/arrow-left-menu-down.png) no-repeat 0px 0px; width: 9px; height: 6px;}
a.arr span.hdg {position: absolute; top: 10px; right: 20px; background: url(images/arrow-left-menu.png) no-repeat 0px 0px; width: 6px; height: 9px; cursor: pointer;}
ul#left-menu li ul.lev {background: #f7f7f7;}
ul#left-menu li ul.level1 li a, ul#left-menu li ul.lev li a {cursor: pointer; padding: 5px 0px 5px 35px; background:url("images/mark-gray.jpg") no-repeat 25px center; color: #6b6b6b; font-size: 12px; font-weight: normal; text-decoration: none; display: block; position: relative;}
ul#left-menu li ul.level1 li a:hover, ul#left-menu li ul li a.selected {color: #ffa300; background: url("images/mark-orange.jpg") no-repeat 25px center;}
ul#left-menu li ul.level2 li a {padding: 5px 0px 5px 45px; background:url("images/mark-gray.jpg") no-repeat 35px center;}
ul#left-menu li ul.level2 li a:hover {color: #ffa300; background: url("images/mark-orange.jpg") no-repeat 35px center;}
ul#left-menu li ul.level2 li a.selected {color: #ffa300; background: url("images/mark-orange.jpg") no-repeat 35px center;}
ul.lsnn li.itembg table {margin: 0px auto;}
ul.lsnn li.itembg table tr td {padding: 0px;}
div.pagination {margin-top: 20px; font-size: 12px; text-align: center; clear: both;}
div.pagination a {font-size: 12px; display: inline-block;}
div.pagination font.text b {padding: 1px 6px; color: #fff; background: #ffa300; font-weight: normal; border: 1px solid #ffa300;}
div.pagination font.text a.num {padding: 1px 7px; color: #000; background: #fff; font-weight: normal; text-decoration: none; border: 1px solid #ffa300;}
.header-brandzone-nav{margin:0 auto;}
#top-menu-layout{
width:860px;
overflow:hidden;
height:58px
}
#top-menu{display:block}
.root-item{display:inline-block;margin-left:-3px}
.root-item:first-child{margin-left:0}
.root-item>a{padding:19px;display:block;font-weight:bold;text-decoration:none;}
.submenu{display:none}
#fullmenu ul li:last-child a:hover:last-child{border-radius:0 0 5px 5px}
.allcatnav{
display:none;
float:right;
padding:10px 20px
}
.allcatnav a{
display:block;
border-radius:3px;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
.allcatnav a:hover{
}
.allcatnav a.active,
.allcatnav a:active{
}
#fullmenu{height:0;overflow:hidden;position:absolute;z-index:999;border-radius:0 0 5px 5px}
#fullmenu.active{overflow:visible}
#fullmenu>ul>li{display:block;position:relative;}
#fullmenu ul li a{display:block;text-decoration:none;font-weight:bold;font-size:14px;padding:15px 15px;/* text-shadow:0 1px 1px rgba(0,0,0,0.5) */}
#fullmenu>ul>li>ul{display:block;position:absolute;width:200px; margin-left:-200px;top:0;}
#fullmenu>ul>li:hover>ul{display:block}
.block-map-menu, .block-phone-map {margin-top: 20px; float: left; margin-right: 30px;}
.block-company-map {margin-top: 20px; float: left; margin-right: 30px;}
.map-menu {list-style: none; margin: 0 !important; padding: 0;}
.map-menu > li {background: none !important; padding-left: 0px !important;}
.map-menu > li > a {display: none !important;}
.map-menu .submenu {list-style: none; margin: 0px; padding: 0; display: block;}
.map-menu .submenu li a {font-size: 14px; color: #224f65; text-decoration: underline}
.block-phone-map ul li {font-size: 14px; color: #224f65; margin-bottom: 5px;}
.map-menu .submenu li a:hover {text-decoration: none;}
.map-menu .submenu li {padding-left: 20px; background:url("images/marker-map.png") no-repeat 0px 2px; margin-bottom: 10px;}
.block-phone {clear: both;}
.block-phone .phone {color: #ffa300; font-size: 18px; font-weight: bold;}
.block-phone .phone div span {color: #ffa300; font-size: 12px; font-weight: normal; line-height: 12px; color: #224f65;}
.block-phone .phone .mail {padding-left: 30px; background: url("images/icon-mail.png") no-repeat 0px 6px; margin-top: 20px;}
.vk {padding-left: 30px; background: url("images/vk-logo.png") no-repeat 0px 0px; margin-top: 20px;}
.ymaps-b-balloon__content-holster {padding-top: 10px !important; }
div.skidka-item {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #d6d6d6;}
div.last.skidka-item {padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px;}
div.skidka-item p.name-skidka {font-size: 16px; color: #ffa300;}
div.skidka-item img.skidka-preview_picture {border: 3px solid #ffa300; margin-bottom: 20px;}
.content_style_box{
padding:7px 0;
width:100%;
background:#fff;
box-shadow:0 1px 3px 2px #e3e9eb
}
.content_style{
background:url("images/content_bg.png");
height:97px;
width:100%
}
.navigation-pages{
text-align:left;
/* padding:20px 0; */
color:#717171
}
.sortbutton.current,
.sortbutton.current:hover,
.navigation-pages .nav-current-page{
display:inline-block;
color:#f2f2f2;
font-size:12px;
text-shadow:0 1px rgba(0,0,0,.13);
box-shadow:0 1px #fff,inset 0 1px 5px rgba(0,0,0,.4);
border-radius:3px;
padding:5px 0;
font-weight:bold;
min-width:26px;
text-align:center;
background-color:#606060;
background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.09),rgba(255,255,255,.09));
background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.09),rgba(255,255,255,.09));
background-image:-o-linear-gradient(bottom,rgba(0,0,0,.09),rgba(255,255,255,.09));
background-image:-ms-linear-gradient(bottom,rgba(0,0,0,.09),rgba(255,255,255,.09));
background-image:linear-gradient(to top,rgba(0,0,0,.09),rgba(255,255,255,.09));
border:none
}
.navigation-page-all,
.sortbutton,
.sortbutton:active,
.navigation-pages a{
display:inline-block;
color:#717171;
font-size:12px;
min-width:24px;
text-align:center;
border:1px solid #c9c9c9;
text-shadow:0 1px 1px rgba(255,255,255,0.9);
background:#fefefe;
text-decoration:none;
border-radius:3px;
padding:4px 0;
font-weight:bold;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,#fefefe 0%,#eaeaea 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#eaeaea));
background:-webkit-linear-gradient(top,#fefefe 0%,#eaeaea 100%);
background:-o-linear-gradient(top,#fefefe 0%,#eaeaea 100%);
background:-ms-linear-gradient(top,#fefefe 0%,#eaeaea 100%);
background:linear-gradient(to bottom,#fefefe 0%,#eaeaea 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#eaeaea',GradientType=0)
}
.navigation-page-all:hover,
.sortbutton:hover,
.sortbutton:active,
.navigation-pages a:hover{
background:#fff;
color:#717171
}
.navigation-page-all{padding:4px !important}
.content_box{width:1250px; margin: 0 auto; overflow:hidden; padding-top:30px;}
.content_box.off_content_style_box{margin:0 auto; padding-top: 30px;}
.body{padding-bottom:35px; min-height: 300px;}
.sidebar{display:block; width:200px;}
.sidebar .nav{
display:block;
margin-bottom: 20px;
border-radius:5px;
background:#fff;
box-shadow:0 0 4px 0 rgba(0,0,0,0.1)
}
.sidebar .nav>li:first-child>span a{border-radius:5px 5px 0 0 !important}
.sidebar .nav>li:last-child>span a{
border-radius:0 0 5px 5px !important;
border-bottom:none !important
}
#fullmenu>ul>li>ul>li>a,
.sidebar .nav>li>span a{
color:#000;
font-weight:normal;
font-size:14px;
text-decoration:none
}
.sidebar .nav>li>span a{
padding:15px 20px;
border-bottom:1px solid #e0ecf3;
display:block
}
.sidebar .nav>li>span .showchild,
.sidebar .nav.popup>li>span .showchild_popup,
.sidebar .nav>li>ul>li span .showchild{
display:none;
width:40px;
cursor:pointer;
position:absolute
}
.sidebar .nav>li>span .showchild,
.sidebar .nav.popup>li>span .showchild_popup{
height:46px;
margin:-47px 0 0 182px
}
.sidebar .nav>li>ul>li span .showchild{
height:30px;
top: 50%;
margin: -15px 0 0 0;
right: 0;
}
.sidebar .nav>li>span .showchild .arrow,
.sidebar .nav.popup>li>span .showchild_popup .arrow,
.sidebar .nav>li>ul>li span .showchild .arrow{
width:20px;
height:20px;
display:block;
margin-top:14px
}
.sidebar .nav>li>ul>li span .showchild .arrow{margin-top:5px !important}
.sidebar .nav>li.current>span .showchild,
.sidebar .nav>li.current>ul>li.current>span .showchild,
.sidebar .nav>li>ul>li:hover span .showchild,
.sidebar .nav>li:hover>span .showchild,
.sidebar .nav.popup>li>span .showchild_popup{display:inline-block}
.sidebar .nav.popup li{position:relative}
.sidebar .nav.popup>li>ul{display:none}
.sidebar .nav.popup>li:hover>ul{
display:block;
position:absolute;
left:222px;
top:0;
min-width:150px;
z-index:1050;
border-radius:0 5px 5px 0;
background:#fff;
box-shadow:inset 11px 0 5px -11px rgba(0, 0, 0, 0.5) , 2px 0 5px 0 rgba(0, 0, 0, 0.2)
}
.sidebar .nav>li>ul,
#fullmenu>ul>li>ul,
#fullmenu>ul>li>ul li ul,
.sidebar .nav>li>ul li ul{
display:none;
box-shadow:inset 0 11px 5px -11px rgba(0,0,0,0.5),inset 0 -12px 5px -11px rgba(0,0,0,0.2);
border-radius:0;
overflow:hidden
}
.sidebar .nav>li>ul li ul{box-shadow:none}
.content-inner{
background:#fff;
box-shadow:0 5px 8px 2px rgba(102,55,20,0.4),inset 0 13px 9px -12px rgba(0,0,0,0.8);
border-radius:0 0 5px 5px
}
#fullmenu>ul>li>ul,
.content-inner>ul{
background:#fff;
box-shadow:0 5px 8px 2px rgba(102,55,20,0.4),inset 0 13px 9px -12px rgba(0,0,0,0.8);
min-width:180px;
overflow:hidden;
border-radius:0 0 5px 5px
}
#fullmenu>ul>li>ul>li a:hover{box-shadow:inset -11px 0 5px -11px rgba(0,0,0,0.5)}
.content-inner>ul>li:first-child>a:hover{box-shadow:inset 0 13px 9px -12px rgba(0,0,0,0.8)}
#fullmenu>ul>li>ul{border-radius:5px 0 0 5px}
#fullmenu>ul>li>ul>li a,
.sidebar .nav>li>ul>li{border-radius:0 !important}
.content-inner ul>li a,
#fullmenu>ul>li>ul>li a,
.sidebar .nav>li>ul>li a{
display:block;
padding:7px 20px;
color:#0073a3;
text-decoration:none;
font-size:14px;
text-shadow:none
}
#fullmenu>ul>li>ul>li:first-child, #fullmenu>ul>li>ul>li:first-child a:hover{border-radius:5px 0 0 0 !important}
#fullmenu>ul>li>ul>li:last-child, #fullmenu>ul>li>ul>li:last-child a:hover{border-radius:0 0 0 5px !important}
.content-inner ul>li>ul>li a,
#fullmenu>ul>li>ul>li ul li a,
.sidebar .nav>li>ul>li ul li a{
display:block;
padding:2px 7px !important;
text-decoration:underline
}
.content-inner ul>li>ul>li a:hover,
#fullmenu>ul>li>ul>li ul li a:hover,
.sidebar .nav>li>ul>li ul li a:hover{
box-shadow:none !important;
color:#0060a4
}
.sidebar .nav>li>ul>li ul li a.current{
border-radius:100px;
font-weight:bold;
background:#e1f5fb !important;
color:#0060a4
}
.sidebar .nav.popup>li>ul>li:first-child>span a,
.sidebar .nav.popup>li>ul>li:last-child>span a {box-shadow:none}
.sidebar .nav.popup>li>ul>li:hover>span a{box-shadow:inset 5px 0 4px -4px rgba(0,0,0,0.3) !important}
.content-inner ul>li ul,
.content-inner ul>li ul li,
.content-inner ul>li ul li a,
.sidebar .nav>li>ul>li ul,
.sidebar .nav>li>ul>li ul li,
.sidebar .nav>li>ul>li ul li a,
#fullmenu>ul>li>ul>li ul,
#fullmenu>ul>li>ul>li ul li,
#fullmenu>ul>li>ul>li ul li a{
padding:0;
background:transparent !important;
border:none;
margin:0;
color:#000;
font-size:12px
}
.content-inner ul>li>ul li:last-child,
.sidebar .nav>li>ul>li>ul li:last-child{padding-bottom:10px}
#fullmenu>ul>li>ul>li ul li,
.sidebar .nav>li>ul>li ul li{margin:2px 35px 2px 35px}
.content-inner ul>li ul{padding-left:30px;padding-right:15px;}
.content-inner ul>li ul li,
.sidebar .nav.popup>li>ul>li ul li{
display:inline-block;
margin:0;
padding:0
}
.content-inner ul>li ul li,
.sidebar .nav.popup>li>ul>li ul li{
padding:0 !important;
display:inline !important
}
.content-inner ul>li ul li a,
.sidebar .nav.popup>li>ul>li ul li a{
padding: 5px 0 5px 5px !important;
display:inline !important
}
.content-inner ul>li ul li:after,
.sidebar .nav.popup>li>ul>li ul li:after{content:","}
.content-inner ul>li ul li:before,
.sidebar .nav.popup>li>ul>li ul li:before{content:""}
.content-inner ul>li ul li:last-child:after,
.sidebar .nav.popup>li>ul>li ul li:last-child:after{content:""}
.content-inner ul>li>ul>li ul li a,
.sidebar .nav.popup>li>ul>li ul li a{margin:0}
.sidebar .nav.popup > li > ul > li > ul {
padding: 3px 0 0 30px;
margin-bottom:10px;
display: block;
box-shadow: none !important;
}
.filtren h5{
font-size:15px;
text-shadow:0 1px 1px #fff;
margin-bottom:23px
}
.sidebar .vieweditems{
width: 159px;
/* border: 8px solid #E1F5FB; */ /* COLORS */
margin-bottom: 20px;
padding: 17px;
background: #fff;
padding-left: 30px;
}
input.max-price, input.min-price{display: inline-block; width:50px; padding:4px; border: 1px solid #d6d6d6; font-size: 12px;}
div.min-price,div.max-price{float: left; margin-top: 5px;}
div.min-price {margin-right: 10px; margin-left: 13px; }
div.min-price span,div.max-price span {display: inline-block; margin-right: 7px;}
.filtren{
position:relative;
}
.filtren.compare{
width:200px;
background: url("images/bg-left-menu.png") repeat-y 0px 0px;
}
.filtren.compare .catf{
width:200px;
}
.filtren.compare .catf ul li{
display:block;
margin:0 !important;
padding:0;
width:200px;
background: none;
}
.posabo {margin: 15px auto 0px; width: 185px;display: block;padding-bottom: 20px;}
/* .filtren.compare .catf ul li.active, */ /* COLORS */
/* .filtren.compare .catf ul li:hover{ */ /* COLORS */
/* display:block; */ /* COLORS */
/* background:#e1f5fb; */ /* COLORS */
/* } */ /* COLORS */
.filtren.compare .catf>ul>li>span{
padding:5px 0 5px 15px;
width:150px;
}
.filtren.compare .catf>ul>li>span>span{
text-decoration:none;
border-bottom:1px dashed #000;
color:#000;
}
.filtren.compare ul li{
/* width:177px; */
vertical-align:top;
position:relative;
padding-left:18px;
margin-right:25px;
margin-bottom:10px;
display:inline-block;
width:175px;
}
.filtren.compare ul li,
.filtren.compare ul li a{
font-size: 13px;
color: #3F3F3F;
line-height: 20px;
text-decoration:none;
}
.filtren.compare .cntf ul li span{
position:absolute;
left:-4px;
top:1px;
}
.filtren.compare .cntf .cnt span{
font-size:14px;
}
.filtren.compare .cntf .cnt input[type=text]{
display:inline-block;
margin-right:20px;
width:60px;
height:27px;
border-radius:3px;
border:1px solid #8ca3ae;
padding:4px;
box-shadow:0 1px 1px rgba(255,255,255,.75),inset 0 3px 6px rgba(215,215,215,.75)
}
.filtren.compare .bt1{
/* position: absolute;
right: 149px;
bottom: 10px; */
width: auto;
}
.filtren.compare .bt2{
/* position: absolute;
right: 21px;
bottom: 20px; */
width: auto;
}
.filtren.compare .cntf .cnt{
padding-top: 7px;
display:none
}
.filtren.compare .cntf .cnt.active{
display:block;
position:relative;
margin-left: 210px
}
.table_compare{
width:728px;
overflow-x:auto;
overflow-y:hidden;
max-height: 1200px !important;
}
.table_compare table tr td img{
max-width:100px;
width:auto;
max-height:100px;
height:auto;
padding:10px;
}
.table_compare table tr td{
position:relative;
font-size:14px;
padding:8px 20px;
text-align:left;
}
.table_compare table tr:nth-child(odd) td{
background:#fff;
}
.table_compare table tr td:first-child{
font-weight:bold;
color:#3d4345;
white-space: nowrap;
}
.horizontalfilter li{position:relative}
.horizontalfilter li > span{display:block;}
#BASE .modef,
.horizontalfilter li .modef,
.sidebar .filtren .modef{
background:white;
position:absolute;
margin-top:-35px;
right:200px;
white-space:nowrap;
border:1px solid #8bbecb;
border-radius:4px;
box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);
font-size:13px;
color:#3f3f3f;
padding:10px 25px 10px 10px
}
#BASE .modef{
margin-top: -10px;
right: 686px;
}
.horizontalfilter li .modef{
margin-top:-6px;
right:175px;
}
#BASE .ecke,
.horizontalfilter li .ecke,
.sidebar .filtren .ecke{
border-top:1px solid #8BBECB;
border-right:1px solid #8BBECB;
border-bottom:none !important;
background:#fff;
display:block;
width:10px;
height:10px;
position:absolute;
right:-7px;
top:50%;
margin-top:-5px;
box-shadow:2px -1px 4px -1px rgba(0,0,0,0.2);
-moz-transform:scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg)
}
#BASE .ecke.ie,
.horizontalfilter li .ecke.ie,
.sidebar .filtren .ecke.ie{
border:none !important;
background:url(images/arw.png) no-repeat top right;
height:15px;
right:-8px;
margin-top:-8px;
-moz-transform:none !important;
-webkit-transform:none !important;
-o-transform:none !important;
-ms-transform:none !important;
transform:none !important
}
#modef a{
color:#007acf;
border:none;
text-decoration:underline;
font-size:14px;
margin:0 !important;
}
#modef a:hover{
color:#e83434;
text-decoration:none;
}
.sidebar .filtren span{
color:#000;
font-size:12px;
}
.sidebar .filtren>ul>li> span a{
color:#000;
text-decoration:none;
border-bottom:1px dashed #000;
font-size:16px;
display:inline-block;
margin-top:5px;
margin-bottom:5px
}
.sidebar .filtren ul>li>ul{
display:none;
overflow:hidden
}
.lvl2_disabled {
color: #9b9b9b !important;
text-shadow: none !important;
}
.sidebar .filtren ul>li{min-height:25px}
.sidebar .filtren ul>li label{
font-size:12px;
top:-2px;
position:relative;
}
.ui-slider-horizontal{
height:4px;
/* background:#a9cbd5; *//* COLORS */
box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.1),0 1px 0 0 rgba(255,255,255,0.5);
border-radius:5px;
/* border:1px solid #92b0b9 *//* COLORS */
}
.ui-slider .ui-slider-handle{
position:absolute;
z-index:2;
width:22px;
height:22px;
cursor:pointer;
}
.ui-slider .ui-slider-range{
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
}
.ui-widget-header{
color:#fff;
font-weight:bold
}
.ui-slider{
margin:25px auto 8px;
width:85%;
position:relative;
text-align:left
}
.ui-slider-horizontal .ui-slider-handle{
top:-.3em;
margin-left:-.6em;
margin-top:-2px
}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
.sidebar .vieweditems ul li{
padding-bottom:17px;
border-bottom:1px solid #e0ecf3;
margin-bottom:10px;
position:relative
}
.sidebar .vieweditems ul li:last-child{border-bottom:none}
.sidebar .vieweditems h5{
font-size:16px;
margin-bottom:23px
}
.sidebar .vieweditems ul li a img{
width:64px;
margin-bottom:9px;
height:auto
}
.sidebar .vieweditems h4{
line-height:19px;
margin-bottom:10px
}
.sidebar .vieweditems h4 a{
font-size:14px;
text-decoration:none
}
.sidebar .vieweditems h4 a:hover{text-decoration:underline}
.price{font-size: 14px; font-weight: bold; color:#337699; float: left; padding: 5px 0px;}
div.buy-block a.buy-cart {float: right; font-size: 12px; font-weight: normal; color: #ffa300; text-decoration: underline; padding: 5px 10px;}
div.buy-block a.buy-cart:hover {background: #ffa300; color: #fff; text-decoration: none;}
.discount-price{font-weight:bold;color:#E83434}
.old-price{text-decoration:line-through;color:#2d2d2d;}
.sidebar .vieweditems .price{
position:absolute;
top:5px;
right:0;
/* background:#e1edf2; */ /* COLORS */
}
.sidebar .vieweditems .price span{
display:block;
padding:0px 5px;
font-size:12px;
line-height:17px;
font-weight:bold;
}
.iteminfo{
width:408px;
vertical-align:top;
padding-left:20px
}
.iteminfo h2 a span{
font-weight:bold;
font-size:24px;
color:#000;
}
.iteminfo h2 a {text-decoration:none}
.iteminfo .price{
color:#007acf;
font-size:33px
}
.iteminfo .discount-price{font-size:33px}
.iteminfo .item_old_price{
font-size:19px;
font-weight:bold;
}
ul.options{
padding:0 10px 10px 0;
display:block;
font-size: 13px;
color: #3F3F3F;
line-height: 20px;
}
.cnt ul.options{margin:0}
.options li{
border-bottom:1px dotted #ccc;
height:28px;
padding-left:0 !important;
}
.options li span,
.options li b{
background:url("images/bg.png");
bottom:-15px;
font-weight:normal;
line-height:27px;
padding-right:5px;
position:relative
}
.cnt .options li span,
.cnt .options li b{
line-height:17px;
}
.options li span{
color:#777;
font-size:14px;
}
.options li b{
color:#000;
font-size:14px;
float:right;
}
.sorttext{
font-size:14px;
display:inline-block
}
.sort{}
.sortbutton.current,
.sortbutton.current:hover,
.sortbutton:active,
.sortbutton{padding:6px 10px}
.sortbutton span{
width:10px;
height:10px;
display:inline-block;
}
.sortbutton.current.asc:hover span,
.sortbutton.current.desc span {background-position:-40px -614px}
.sortbutton.current.desc:hover span,
.sortbutton.current.asc span {background-position:-42px -749px}
.myorders,
.personal,
.registarton{
width:100%;
/*margin-top:10px;*/
font-weight:bold;
font-size:15px;
color:#3f3f3f
}
.registarton td{vertical-align:top}
.star{color:#e83535}
.workarea > form[name="form_auth"] .input_text_style,
.input_text_style[name="COUPON"],
.registarton tr td input[type=password],
.personal input[type=text],
.personal input[type=password],
#order_form_content input[type=text],
#order_form_content input[type=password],
.registarton tr td input[type=text]{
padding:6px !important;
width:300px;
/* height:30px !important */
}
.input_text_style{
padding:6px !important;
/* width:100%; */
min-width:300px;
display:block;
height:40px !important
}
.description{
color:#9B9B9B;
font-size:11px;
font-weight:normal;
line-height:15px;
vertical-align:text-top
}
.myorders_itog{width:726px}
.myorders_itog td{
text-align:right;
white-space:nowrap;
font-weight:normal;
padding:3px;
font-size:14px
}
.myorders_itog td:first-child{
width:100%;
text-align:right
}
.myorders_itog tr:last-child td{font-weight:bold}
#order_form_id{
}
#order_form_id{
}
.orders td,
.mycurrentorders td{
vertical-align:top;
background:#fff;
}
.mycurrentorders tbody tr td:first-child{
width:120px !important;
}
.mycurrentorders td img{
max-width:60px;
height:auto
}
.mycurrentorders td.cart-item-price{text-align: right}
.deleteitem_compare,
.mycurrentorders td .deleteitem{
width:22px;
height:22px;
display:block;
}
.deleteitem_compare{
/* margin-left:30px;
left:50% */
}
.reviews-block-container,
.workarea p{
font-size:14px;
color:#6b6b6b;
padding-bottom: 10px;
line-height:20px;
font-weight: normal;
text-align: justify;
}
.workarea span,
.workarea span p{font-size:14px}
.element-one-picture{
width: 320px;
height: 320px;
vertical-align: middle;
display: table-cell;
background: #fff;
box-shadow: 0 0 4px rgba(123, 152, 165, 0.4);
text-align: center
}
.catalog-section-list ul li{
display:inline-block;
font-weight:bold;
margin-right:10px
}
.catalog-section-list ul{display:block}
.workarea .registarton ul li{
list-style:disc !important;
font-weight: normal;
padding-left:10px;
margin-left:20px
}
.workarea .registarton ul li:before{
content:"" !important;
}
.workarea h2{
font-size:24px;
color:#000;
font-weight:bold;
margin-top:30px;
margin-bottom:10px
}
.workarea h2:first-child{margin-top:0 !important}
.workarea h3, .modal h3{
font-size:14px;
color:#000;
font-weight:bold;
margin-top:10px;
margin-bottom:20px;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 10px;
padding-left: 10px;
text-transform: uppercase;
}
.workarea h4{
font-size:14px;
color:#3F3F3F;
font-weight:bold;
margin-bottom:10px
}
.workarea ul li{
color:#6b6b6b;
font-size:14px;
background: url("images/mark-orange.jpg") no-repeat 11px 7px;
padding-left: 25px;
margin-bottom: 10px;
}
.workarea ul, .workarea table {margin-bottom: 10px;}
.workarea ul {overflow: hidden;}
.workarea table tr td, .workarea table tr th {padding: 10px 25px; text-align: center; border: 1px solid #5e5e5e; font-weight: normal;}
.workarea table tr th {background: #6b6b6b; color: #ffa300; font-size: 14px;}
.workarea table tr td {color: #337699; font-size: 14px;}
div.search-page table tr td {border: none;background: none;padding: 0px; text-align: left;}
.post{margin-bottom:20px; padding: 0px !important; background: none !important; overflow: hidden;}
.last.post {margin-bottom: 0px;}
.post .date, .date{
color:#ffa300;
display:inline-block;
font-size:14px;
padding:0px;
margin-right: 15px;
}
.post h3, .search-item h3{
display:inline-block;
margin-top:0px;
font-size:18px;
margin-bottom:0;
padding: 0px;
border: 0px;
text-transform: none;
}
.post-title h2 a{font-weight:bold;} /*idea*/
.post-title h2 a:link, .post h3 a:link, .search-item h3 a{
color:#224f65;
font-size:12px;
font-weight: bold;
}
.search-item div.imag {}
.bblog-qtl,
.post,
.post p{
font-size:14px;
padding:0px;
}
.post table{
margin-top:10px;
margin-bottom:20px;
}
.post table tr td{
border:1px solid #d3d3d3;
padding:3px;
}
#svwp0{
display:block;
background:#fff;
box-shadow:0 0 4px rgba(123,152,165,0.4);
margin:4px 4px 4px 10px
}
.itemleft,
.itemright{
position:absolute;
text-decoration:none;
overflow:hidden;
width:34px;
height:34px;
display:block
}
.itemleft.l_dis,
.itemright.r_dis{display:none !important}
.svwp{width:320px}
.slideViewer div>ul>li{
padding:10px;
width:280px;
text-align:center
}
.slideViewer div:first-child>ul>li img, .element-one-picture img{
max-width:280px;
max-height:280px;
width:auto;
height:auto
}
.thumbSlider{width:310px}
.thumbSlider ul li{
overflow:hidden;
background:none;
box-shadow:none !important
}
.thumbSlider ul li img{
background:#fff;
box-shadow:0 0 4px rgba(123,152,165,0.4)
}
.content_search_box.hnav table{
width:980px;
margin:0 auto
}
.searchtd{width:570px}
.content_search_box{margin-bottom:40px}
.content_search_box.hnav{margin:35px auto 16px}
.content_search_box.hnav table td:first-child{text-align:left}
.content_search_box table{width:100%}
.content_search_box table tr td{
border:none;
height:60px
}
.content_search_box table tr td:first-child{
font-weight:bold;
font-size:15px;
text-align:center;
width:180px
}
.content_search_box.hnav table tr td:first-child{width:auto !important}
.content_search_box.hnav table tr td:first-child h1{
font-size:30px;
font-weight:bold;
}
.registarton tr td input[type=password],
.registarton tr td input[type=text],
.content_search_box table tr td .input,
.bx-auth-service-form input[type=text],
.input_text_style{
border: 1px solid #d6d6d6;
background:#fff;
position:relative;
font-size: 11px;
font-family:Arial,sans-serif;
font-weight:normal;
height: 13px !important;
margin: 5px 0px 0px 0px;
padding: 6px;
}
.content_search_box table tr td .input{padding: 0 !important}
#search {float: right; margin-top: 10px;}
#search .form-textbox-border {height: 23px; overflow:hidden; position: relative;}
#title-search-input{z-index:220; font-size: 12px; font-family:Arial,sans-serif; font-weight:normal; color: #6b6b6b; border: 1px solid #1b3e4f; padding: 3px 5px; width: 91px; margin: 0px;}
input.button-poisk {background: transparent url("images/search.png") no-repeat center center !important; width: 15px !important; height: 15px !important; border: 0px !important; cursor: pointer; color: transparent !important; position: absolute; top: 4px; right: 5px;}
textarea{
min-height:150px;
/*max-width:720px;
max-height:300px;*/
}
.content_search_box table tr td .input input[type="text"]{
border:none;
width:491px;
display:block;
border-radius:6px;
padding:7px 12px;
background:transparent
}
.content_search_box table tr td .input input[type="submit"]{
background:url("images/gui.png") 0 -718px;
border:none;
width:36px;
height:31px;
cursor:pointer;
margin-top:6px;
display:inline-block;
position:absolute;
right:10px;
top:0px
}
.numberitems{
width:50px;
float:right;
overflow:hidden
}
.breadcrumbs{margin-bottom:13px}
.breadcrumbs a{background:url("images/breadcrumbs_arrow.png") no-repeat right center; padding-right:10px; color: #6b6b6b; font-size: 10px; font-weight: normal; text-decoration: underline; display: inline-block;}
.breadcrumbs a:hover{
text-decoration:none;
}
.breadcrumbs span{font-size:10px; color: #6b6b6b;}
.seeall{
margin-right:24px;
margin-top: 20px;
float:right
}
.newsale,
.hitsale,
.TM{
padding:19px 18px 20px 13px;
height:22px;
margin-bottom:10px !important
}
.newsale span,
.hitsale span{
display:inline-block;
width:30px;
height:30px;
margin-bottom:-7px;
margin-right:10px;
}
.salegal{
position:absolute;
padding:10px;
background:rgba(245,203,38,0.6);
font-size:18px;
font-weight:bold;
text-align:center;
top:17px;
right:24px;
display:block
}
.caroufredsel_wrapper{padding-right:6px}
.listitem-carousel{position:relative}
.workarea.pleft .listitem-carousel{
left:-17px;
width:754px
}
.listitem-carousel ul{
width:980px;
overflow:hidden;
padding:2px;
margin:0
}
.listitem ul li, .listitem-carousel ul li{
width:151px;
display: block;
vertical-align: top;
background:#fff;
position:relative;
padding:10px;
margin: 0px 10px 10px 0px;
border: 1px solid #d6d6d6;
float: left;
}
.listitem ul li:hover, .listitem-carousel ul li:hover {border: 1px solid #ffa300;}
.workarea.pleft .listitem-carousel ul li{margin:10px 15px}
.listitem_horizontal{width:100%}
.thumbSlider ul li,
.listitem_horizontal>li{
display:block;
background:#fff;
box-shadow:0 0 4px rgba(123,152,165,0.4);
margin:15px 4px 30px;
position:relative
}
.checkbox{
top:9px;
position:absolute;
display:block;
width:100px
}
.checkbox a{text-decoration:none}
.checkbox_text{
font-size:11px;
color:#5f6a71;
margin-top:1px;
position:absolute
}
.badge,
.badge.specialoffer{
position:absolute;
background:#F5CB26;
top:10px;
right:10px;
padding:5px 10px !important;
font-weight:bold;
font-size:14px;
color:#000;
}
.listitem .badge,
.listitem .badge.specialoffer,
.listitem-carousel .badge,
.listitem-carousel .badge.specialoffer{
/* top:165px; */
top:176px;
right:0;
}
.badge.notavailable{background:#FFD8D8}
.setaside{
font-weight:normal;
white-space: nowrap;
color:#3f3f3f
}
.setaside:hover{text-decoration:none}
.listitem ul li a.link img,
.listitem-carousel ul li a.link img{
max-width:130px;
max-height:130px;
height:auto;
width:auto;
margin:0px auto;
}
.listitem ul li a.link,
.listitem-carousel ul li a.link{
width:130px;
height:130px;
display:block;
overflow:hidden;
margin:0 auto
}
hr{
border:none;
border-bottom:1px solid #d6d6d6;
margin-top:10px
}
.listitem ul li h4 a,
.listitem-carousel ul li h4 a{
color: #6b6b6b;
font-size: 12px;
font-weight: normal;
display: block;
line-height: 14px;
margin-bottom: 5px;
text-decoration:none;
}
.listitem h4,
.listitem-carousel h4{margin:5px 0 0px}
.listitem ul li h4 a:hover,
.listitem-carousel ul li h4 a:hover{text-decoration:none;}
.listitem ul li h4 a .model,
.listitem-carousel ul li h4 a .model{
display:block;
overflow:hidden
}
.listitem ul li .buy,
.listitem-carousel ul li .buy{
width:195px;
position:relative;
min-height:49px;
overflow:hidden
}
.listitem ul li .buy div.price,
.listitem-carousel ul li .buy div.price{
display:inline-block;
font-size:14px;
line-height:19px;
font-weight:bold;
padding:0
}
.listitem ul li .buy .price .old_price,
.listitem-carousel ul li .buy .price .old_price{font-weight:normal}
table.buy .bt3{
position:relative;
right: -1px;
}
.buy .bt3{
position: absolute;
right: -1px;
}
.subscribe_link{
font-size: 14px;
position: absolute;
right: 0;
}
.bt2_right{
right: 23px;
bottom: 30px;
position: absolute;
}
.tlistitem_shadow{
width:220px;
height:10px;
padding:0;
background:url("images/tlistitem_shadow.png") no-repeat center top;
margin-top:11px;
z-index:999;
position:absolute;
right:0;
bottom:-11px
}
.listitem_horizontal table{width:100%}
.listitem_horizontal table tr td{
vertical-align:top;
padding:10px 20px
}
.listitem_horizontal table tr td:first-child{
width:200px;
text-align:center
}
.listitem_horizontal.pleft table tr td:first-child{text-align:left}
.listitem_horizontal.pleft table tr:first-child td:first-child{text-align:center;}
.listitem_horizontal.pleft table tr:first-child td:first-child a{width: 194px;display:block;}
.listitem_horizontal.pleft table tr td.title{width:100%}
.listitem_horizontal table tr td:first-child img{
max-width:200px;
max-height:200px;
width:auto;
height:auto;
margin-top:35px;
padding:7px
}
.listitem_horizontal table tr td:first-child .checkbox{
text-align:left;
display:block
}
.listitem_horizontal table tr td.title h3 a span{
padding:5px 0;
display:block;
margin-bottom:10px;
font-size:24px;
}
.listitem_horizontal table tr td.price{
vertical-align:bottom;
text-align:center;
width:170px;
vertical-align:bottom
}
.listitem_horizontal table tr td div{
text-align:left;
padding-bottom:20px
}
.retail_vert,
.retail{
font-size:14px;
padding-right:10px
}
.listitem_horizontal td.price span{font-size:26px}
.listitem_horizontal.pleft td.price span{font-size:23px}
.retail_vert span,
.retail span{text-decoration:line-through}
.listitem_horizontal.pleft div div{
display:inline-block;
margin-right:5px
}
.listitem_horizontal.pleft .bt3{
position:relative;
float:right
}
.listitem_horizontal h3 a{
font-size:24px;
font-weight:bold;
text-decoration:underline
}
.listitem_horizontal table tr td{font-size:13px}
.listitem_horizontal table tr td h3{margin-top:15px}
.tlistitem_horizontal_shadow{
height:17px;
padding:0;
background:url("images/tlistitem_horizontal_shadow.png") no-repeat center top;
background-size:100%;
position:absolute;
z-index:1;
bottom: -17px;
left: 50%;
margin-left: -360px;
width: 720px;
}
.horizontal_listitem_shadow{
width:740px;
height:17px;
padding:0;
background:url("images/tlistitem_horizontal_shadow.png") no-repeat center top;
background-size:100% 100%;
position:relative;
top:27px
}
.listitem-carousel .prev,
.listitem-carousel .next{
width:34px;
height:0;
position:absolute;
text-decoration:none;
overflow:hidden;
top:50%;
margin-top:-17px;
display:none !important;
padding-top:34px
}
.listitem-carousel:hover .prev,
.listitem-carousel:hover .next{display:block !important}
.listitem-carousel:hover .prev.hidden,
.listitem-carousel:hover .next.hidden,
.listitem-carousel:hover .prev.disabled,
.listitem-carousel:hover .next.disabled{display:none !important}
.listitem-carousel .pager{
width:100%;
text-align:center;
margin-top:2px
}
.listitem-carousel .pager a{
display:inline-block;
width:15px;
padding-top:15px;
height:0;
margin:5px;
overflow:hidden;
}
#foo2,
#foo3{height:auto !important}
.horizontal_listitem{
display:block;
padding:25px 0 10px 0;
background:#fff;
width:740px;
margin:2px;
margin-bottom:30px;
box-shadow:0 0 4px rgba(123,152,165,0.4)
}
.horizontal_listitem ul li{
width:108px;
display:inline-block;
padding:15px 18px 5px;
border-right:1px solid #E0ECF3
}
.horizontal_listitem ul li:last-child{border:none}
.horizontal_listitem ul li a img{
max-width:65px;
width:auto;
max-height:64px;
height:auto
}
.horizontal_listitem ul li .item_price{
background:#E0ECF3;
position:relative;
top:-135px;
right:-18px;
font-size:13px;
font-weight:bold;
padding:2px;
text-align:center
}
listitem-carousel.horizontal_listitem{}
.blog_box{
width:100%;
padding-top:30px;
min-height:394px
}
.blog_box table{
width:980px;
margin:0 auto
}
.blog_box table tr td{
vertical-align:top;
padding:9px 5px;
color:#607b8b;
font-size:13px;
text-shadow:0 1px 1px #fff
}
.blog_box table tr td.news .title-link:link,
.blog_box table tr td.news .title-link:visited {
color:#607b8b;
font-weight:normal;
}
.blog_box table tr td.news .title-date {
color:#0073a3;
font-weight:bold;
}
.blog_box table tr td:first-child{width:330px}
.blog_box table tr td:nth-child(2){
width:330px;
padding-left:43px;
padding-right:44px
}
.blog_box table tr td h4{
font-size:25px;
font-weight:normal;
color:#000;
margin-bottom:25px
}
.blog_box table tr td p{line-height:19px}
.blog_box table tr td:first-child h3{font-weight:bold}
.blog_box table tr td a{
color:#0073a3;
font-weight:bold;
line-height:19px;
text-decoration:none
}
.blog_box table tr td a:hover{text-decoration:underline}
.allnews.bt2{color:#3f3f3f}
.blog_box table tr td li{padding:10px 0}
.blog_box table tr td li:first-child{padding-top:0}
.blog_box table tr td .view_all{
color:#3f3f3f;
float:none;
padding:8px 10px
}
.footer {width:100%; background: url("images/r6.jpg") repeat-x left top; border-top: 3px solid #5e5e5e;}
.footer .foot {height: 237px; width: 980px; margin: 0 auto; position: relative; left: 165px;}
.footer .brand {top: 30px;}
.footer .brand img {padding-bottom: 5px; border-bottom: 3px solid #ffa300;}
.footer .menu-foot1 {position: absolute; top: 30px; left: 245px;}
.footer .menu-foot2 {position: absolute; top: 30px; left: 440px;}
.footer .menu-foot3 {position: absolute; top: 30px; left: -45px;}
.footer .foot-kontakt {position: absolute; top: 30px; left: 640px;}
.footer .foot-onlinepay {position: absolute; top: 30px; left: 840px;}
.footer .foot-onlinepay img {width: 65px;border: 1px solid #ffa300;}
.footer .menu-foot1 p, .footer .menu-foot2 p, .footer .menu-foot3 p, .footer .foot-kontakt p {color: #ffa300; font-size: 14px; font-weight: normal;}
.footer .menu-foot1 ul li a, .footer .menu-foot2 ul li a, .footer .menu-foot3 ul li a, .footer .foot-kontakt span {color: #fff; font-size: 12px; font-weight: normal; line-height: 16px; display: block;}
.footer .menu-foot1 ul li a:hover, footer .menu-foot3 ul li a:hover, .footer .menu-foot2 ul li a:hover {text-decoration: none;}
.footer .copirate {position: absolute; left: 0px; top: 182px; }
.footer .copirate p, .footer .copirate a {color: #000; font-size: 12px; font-weight: normal;}
span.site {background: url(images/sitetebe.png) no-repeat right -10px; width: 82px; height: 10px; float: right; display: block; margin: 5px 0px 0px 5px;}
a:hover > span.site {background: url(images/sitetebe.png) no-repeat right 0px;}
span.site{-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 300ms linear; transition: all 200ms linear;}
.about{width:224px}
.cat_link {padding: 15px 11px; width: 441px;}
.social{padding-bottom:22px}
.item_count[type="text"]{
width:25px;
text-align:center;
height:20px;
border:1px solid #c4c4c4
}
table.options td{
font-size:13px;
text-align:left
}
table.options td:first-child{min-width:140px}
table.options td select{width:220px}
.equipment{
border:1px solid #5e5e5e;
width:100%;
margin:20px 0
}
.equipment thead td{
font-weight:bold;
font-size:14px;
color:#3d4345;
text-shadow:0 1px 1px rgba(255,255,255,0.4);
border-top:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;
padding:10px;
background:#f7f7f7;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmM2YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,#f7f7f7 0%,#c6c6c6 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#c6c6c6));
background:-webkit-linear-gradient(top,#f7f7f7 0%,#c6c6c6 100%);
background:-o-linear-gradient(top,#f7f7f7 0%,#c6c6c6 100%);
background:-ms-linear-gradient(top,#f7f7f7 0%,#c6c6c6 100%);
background:linear-gradient(to bottom,#f7f7f7 0%,#c6c6c6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#c6c6c6',GradientType=0)
}
.equipment thead td a{font-size:14px}
.equipment tbody td{
background:#fff;
padding:10px;
font-size:14px;
color:#5f6a71;
font-weight:normal
}
.equipment.orders tbody td{
vertical-align:top;
border-top:none;
border-bottom:none;
color:#3d4345
}
.equipment.orders tbody tr td:first-child{min-width:470px}
.equipment tbody tr td:last-child{text-align:center;}
.equipment.orders.n tbody tr .order_status{
background:#ffa300;
color:#000 !important
}
.equipment.orders.p tbody tr .order_status{
background:#64AED4;
color:#000 !important
}
.equipment.orders.f tbody tr .order_status,
.equipment.orders.canceled tbody tr .order_status{
background:#d3d3d3;
color:#000 !important
}
.order_status{width:215px}
.equipment.ordersmore td{
text-align:left !important;
border:none;
}
.equipment.ordersmore td:first-child{
color:#3f3f3f;
width:180px;
}
.equipment.ordersmore h4{
background:#fafafa;
padding:10px 25px;
font-size:16px;
margin:0;
}
.compositionorder ul li{
list-style-type:decimal;
margin-left:20px
}
.tabsblock{margin:50px auto}
.tabsblock .tabs{
margin:0 5px;
z-index:200
}
.tabsblock .tabs a{
box-shadow:0 0 4px rgba(123,152,165,0.4),inset 0 -3px 5px rgba(123,152,165,0.2);
background:#fbfbfb;
display:inline-block;
text-decoration:none;
color:#000;
margin:0 5px;
padding:10px 0 7px;
border-radius:4px 4px 0 0;
position:relative;
bottom:-5px
}
.tabsblock .tabs a:hover{bottom:0}
.tabsblock .tabs a span{
margin:0 10px;
color:#3f3f3f;
font-size:14px;
font-weight:bold
}
.tabsblock .tabs a span.clr{
display:block;
background:#fff;
position:relative;
height:3px;
bottom:-10px;
margin:0
}
.tabsblock .tabs a.active{
z-index:220;
background:#fff;
box-shadow:0 0 4px rgba(123,152,165,0.4);
bottom:0
}
.tabsblock .tabcontent{
box-shadow:0 0 4px rgba(123,152,165,0.4);
background:#fff;
border-radius:2px;
margin:0 10px;
padding:10px;
z-index:210;
position:relative
}
.tabsblock .tabcontent .cnt ul li span,
.tabsblock .tabcontent .cnt ul li b{
background-image:none;
background-color:#fff
}
.tabsblock .tabcontent>div{display:none}
.tabsblock .tabcontent>div.active{display:block}
.count_nav{
display:inline-block;
height:21px;
width:12px;
line-height:0;
position:absolute;
padding-top:1px;
padding-left:5px
}
.count_nav a{
display:block;
height:10px;
width:11px;
text-align:center;
border:1px solid #d8d8d8
}
.count_nav a.plus{
border-radius:5px 5px 0 0;
background-position:-41px -553px
}
.count_nav a.minus{
border-radius:0 0 5px 5px;
margin-top:-1px;
background-position:-41px -573px
}
.modal{
display:none;
top:50%;
left:50%;
position:fixed;
z-index:999;
box-shadow:0 0 10px 0 rgba(0,0,0,0.6);
}
#login, #reg,
#popupFormSubscribe,
#addItemInCart,
#addItemInSubscribe,
#addItemInCartOptions,
#addItemInCompare{
background:#fff;
padding:10px 10px 25px 10px;
text-align:center
}
#login, #reg{padding:0 10px}
#login input[type=submit], #reg input[type=submit]{
/*margin:15px auto 0 !important;*/
cursor:pointer
}
#login, #reg,
#addItemInCompare{
min-width:300px;
margin-left:-160px
}
#addItemInCartOptions,
#addItemInSubscribe,
#addItemInCart{
width:400px;
margin-left:-210px
}
#addItemInCartOptions table{width:100%}
#addItemInCartOptions table tr td:first-child{padding:5px}
#addItemInCartOptions .bt1,
#addItemInSubscribe .bt1,
#popupFormSubscribe .bt1,
#addItemInCart .bt1{padding:7px 15px 7px 40px}
#addItemInCartOptions .sale{
right:143px;
font-size:13px;
color:#E83434;
position:absolute;
top:60px
}
#addItemInCartOptions .price_title {font-weight: normal;padding: 0;margin: 0;text-align: right;}
#addItemInCartOptions .choosePropsTitle {font-size: 13px;text-align: left !important;font-weight: bold; padding: 5px;}
#addItemInCart h4,
#addItemInSubscribe h4,
#popupFormSubscribe h4,
#addItemInCompare h4{
font-size:15px;
font-weight:bold;
text-align:center;
color:#000;
padding-top:15px;
padding-bottom:20px
}
#addItemInCart .item_img img,
#addItemInSubscribe .item_img img,
#popupFormSubscribe .item_img img,
#addItemInCompare .item_img img{
max-width:200px;
max-height:200px;
width:auto;
height:auto
}
#addItemInCartOptions .item_img img{
max-width:70px;
max-height:70px;
width:auto;
height:auto
}
#addItemInCart .item_title,
#addItemInSubscribe .item_title,
#popupFormSubscribe .item_title,
#addItemInCartOptions .item_title,
#addItemInCompare .item_title{
color:#1074a1;
font-size:16px;
padding-top:15px;
text-align:center;
padding-bottom:15px
}
#addItemInCartOptions .item_price{
font-size:14px;
display:block
}
#addItemInCartOptions .item_old_price{
font-size:14px;
display:block;
text-decoration:line-through
}
#login p,
#addItemInCart p,
#addItemInSubscribe p,
#popupFormSubscribe p,
#addItemInCartOptions p,
#addItemInCompare p{
text-align:center;
padding:10px 0;
display:block;
font-size:13px
}
#addItemInCart .incart,
#addItemInSubscribe .incart,
#popupFormSubscribe .incart,
#addItemInCartOptions .incart,
#addItemInCompare .compare{
text-align:center;
font-size:14px
}
.close.button{
width:13px;
height:13px;
right:10px;
top:7px;
cursor:pointer;
position:absolute
}
#login input[type=password]{
margin-bottom:5px;
margin-top:2px;
}
#login .rememberme{
position:relative;
}
.rememberme input{
margin: 0px 5px 0px 0px;
}
#bgmod{
background:rgba(0,0,0,0);
display:none;
min-width:2000px;
height:100%;
min-height:2000px;
position:fixed;
z-index:998;
top:0;
left:0
}
.svwp ul{position:relative;left:-999em}
.slideViewer{
position:relative;
overflow:hidden;
margin:0;
padding:0;
background:#fff
}
.slideViewer ul{
position:relative;
left:0;
top:0;
width:1%;
list-style-type:none;
margin:0;
padding:0
}
.slideViewer ul li{float:left}
.thumbSlider ul{
list-style-type:none;
margin:0;
padding:0;
height:101px
}
.thumbSlider ul li{
float:left;
margin:0;
height:89px;
padding-top:10px;
width:88px;
background:transparent
}
.slideViewer div > ul > li:before,
.thumbSlider ul li:before{
content: ""!important;
}
.thumbSlider a{text-decoration:none}
.thumbSlider a img{
border:none !important;
display:block;
margin:0 auto;
padding:10px 7px 5px 7px
}
.thumbSlider p.tmbrdr{
position:absolute;
padding:0;
border:none !important;
margin-left:3px
}
.thumbSlider p.tmbrdr:hover{background:url("images/p_bg.png") no-repeat top right}
.thumbSlider p.tmbrdr.active{background:url("images/p_bg.png") no-repeat top left}
div.search-popup{border: 1px solid #333;background: #fff;padding: 2px;margin: 0px; width:307px; }
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: pointer;}
div.search-popup-row{background:#fff;font-family: Helvetica;}
div.search-popup-row-active{background:#eee;}
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;}
.sidebar.pleft{width:200px; float:left; margin-right: 20px;}
.sidebar.pright{width:200px; float:right; margin-left: 20px;}
.sidebar.ptop{}
.centralarea.pleft, .workarea.pleft{width:760px; float:left; overflow: hidden; position: relative;}
.pleft-pright {width:540px; float:left;}
.breadcrumbs.pleft{
width:760px;
overflow:hidden;
line-height: 10px;
}
.centralarea.pright .breadcrumbs{
padding-left:0;
}
.workarea.pright{
width:728px;
float:left
}
.centralareaptop,
.workarea.ptop{
}
.header_slider{
padding-top:40px;
width:1250px;
margin:0 auto
}
#slides .slide {
width:980px;
padding:20px 0
}
.slides_container {
height:405px;
overflow:hidden;
position:relative
}
#frame {
position:absolute;
z-index:0;
width:739px;
height:341px;
top:-3px;
left:-80px
}
#slides .pagination {
margin: 12px 0;
width: 577px;
text-align: center;
z-index: 137;
position: relative
}
#slides .pagination li {
display:inline-block;
list-style:none;
margin:0 6px;
width:19px;
height:19px;
padding:1px;
}
#slides .pagination li a {
display:block;
width:19px;
height:19px;
font-size:0
}
.slider_img{
width:580px;
height:400px
}
.header_slider .w{
position: absolute;
top: -9px;
z-index: 0;
width: 535px;
height: 371px;
background: white;
margin-top: 27px;
margin-left: 30px;
-moz-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg)
}
.slider_img .s1,
.slider_img .s2{
position: absolute;
top: 10px;
z-index: 150;
width: 520px;
height: 342px;
box-shadow: 0px 0px 20px 2px black;
margin-top: 26px;
margin-left: 38px;
}
.slider_img .s1{
-moz-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg)
}
.slider_img .s2{
-moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg)
}
.slider_img .photo{
position: absolute;
top: -9px;
text-align: center;
z-index: 170;
width: 536px;
height: 373px;
background: white;
margin-top: 28px;
margin-left: 29px;
}
.slider_img .photo table{
width:500px;
margin:10px auto 0;
}
.slider_img .photo table tr td{
height:360px;
width:500px;
text-align:center;
vertical-align:middle;
}
.slider_img .photo table tr td img{
max-height:300px;
height:auto;
max-width:300px;
width:auto;
}
#slides .next,
#slides .prev {
position:absolute;
width:57px;
height:58px;
display:none;
z-index:101;
margin-top: -207px;
}
#slides:hover .next,
#slides:hover .prev{display:block}
#slides .next{
left:50%;
margin-left:48px
}
#slides .prev{
left:50%;
margin-left:-489px
}
.info{
width: 334px;
position: absolute;
left: 645px;
top: 47px;
height: 343px;
}
.info h2,
.info h4{
width:334px;
overflow:hidden;
}
.info h2{}
.info h4{margin-top:2px}
.info h2 a,
.info h2 span,
.info h4 a{
text-decoration:none;
font-size:26px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}
.info h4 a{font-weight:normal}
.info p{
padding-top:23px;
font-size:14px !important;
width:300px;
line-height: 20px;
height: 106px;
}
.info .more{
text-decoration:none;
font-weight:bold;
}
.info .more:hover{text-decoration:underline}
.buy {
width: 330px;
bottom: 0;
position: absolute;
}
.buy td, .sld .item_price{
padding:15px 14px;
font-size:22px !important;
line-height:19px;
vertical-align:middle
}
.buy td:first-child{
white-space: nowrap;
font-weight:bold;
text-shadow:0 1px 1px rgba(246,237,206,0.7)
}
.buy td .old_price{
font-size:14px;
text-decoration:line-through;
}
.buy td:last-child{
width:14px;
padding:0
}
.specialoffer{
padding: 9px 11px;
font-size: 24px;
color: #000;
position: absolute;
top: 20px;
right: 20px;
background: #F5CB26;
text-shadow:0 1px 1px rgba(255,255,255,0.7);
}
sup.notavailable,
sup.specialoffer,
sup.newproduct,
sup.saleleader{
background: #f8e86f;
color: #000;
padding: 0px 8px 1px;
font-weight: normal;
font-size: 11px;
position: relative;
top: -5px;
right:0;
}
sup.notavailable{background:#FFD8D8}
.title-search-result{
top: 245px;
left: 875px;
width: 560px;
border-radius:3px;
}
.cart-notetext{
color: #5f6a71 !important;
font-size:16px;
display:block;
min-height:200px;
background:url(images/no-basket.png) no-repeat center;
}
.notetext{color: #5f6a71 !important}
.sortbutton.current,
.sortbutton.current:hover,
.sortbutton:active,
.sortbutton{padding:6px 10px}
.no-photo-div-small, .no-photo-div-big{height:130px; width:130px;max-width: 130px; max-height: 130px; margin: 0px auto;display: block;}
.no-photo-div-small{background-size:90% 90%}
.personal-page-nav div{
background:#fff;
border-radius:3px;
border:1px solid #e0ecf3;
padding:10px 15px;
margin:10px 0 20px;
}
.personal-page-nav div h2{
font-size:18px !important;
padding-bottom:5px;
border-bottom:1px solid #e0ecf3;
}
.personal-page-nav div ul li a{
font-size:13px;
}
#popup_n_error, .errortext, div.err{
background:url("images/error.jpg") no-repeat left top;
color:#fff !important;
font-size:14px;
padding:15px 20px 15px 80px !important;
display:inline-block;
min-height: 80px;
}
div.err p {padding: 0px;}
div.err p font.errortext {background: none; padding: 0px !important; min-height: 10px !important; color:#fff !important;}
#popup_n_error{display:none}
.sidebar .nav>li>span .showchild .arrow,
.sidebar .nav.popup>li>span .showchild_popup .arrow,
.sidebar .nav>li>ul>li span .showchild .arrow,
.sidebar .nav.popup>li>ul>li span .showchild_popup .arrow,
.social .social-eshop a,
.social-eshop a,
.social a span,
.itemleft,
.itemright,
.newsale span,
.hitsale span,
.sortbutton span,
.close.button,
#slides .next,
#slides .prev ,
#slides .pagination li a,
.slides_block .next,
.slides_block .prev ,
.slides_block .pagination li a,
.listitem-carousel .pager a,
.listitem-carousel .prev,
.listitem-carousel .next,
.deleteitem_compare,
.mycurrentorders td .deleteitem,
.ui-slider .ui-slider-handle,
.count_nav a,
.content_search_box table tr td .input input[type="submit"]{background:url("images/gui.png") no-repeat}
.sidebar .nav>li>span .showchild .arrow,
.sidebar .nav.popup>li>span .showchild_popup .arrow,
.sidebar .nav>li>ul>li span .showchild .arrow,
.sidebar .nav.popup>li>ul>li span .showchild_popup .arrow {background-position:-182px -19px}
.sidebar .nav>li:hover>span .showchild .arrow {background-position:-38px -360px}
.sidebar .nav>li span .showchild:hover .arrow {background-position:-37px -380px}
.sidebar .nav>li.current>span .showchild .arrow {background-position:-38px -321px}
.sidebar .nav>li.current>span .showchild:hover .arrow {background-position:-38px -340px}
.sidebar .nav>li.selected>span .showchild .arrow {background-position:-38px -303px}
.sidebar .nav>li.current.selected>span .showchild .arrow,
.sidebar .nav>li.current.selected>span .showchild:hover .arrow {background-position:-38px -284px}
.sidebar .nav>li>ul>li:hover>span .showchild>.arrow {background-position:-38px -458px}
.sidebar .nav>li>ul>li span .showchild:hover .arrow {background-position:-37px -423px}
.sidebar .nav>li.current ul>li.lvl2.current>span .showchild .arrow {background-position:-38px -442px}
.sidebar .nav>li.current ul>li.lvl2.current>span .showchild:hover .arrow {background-position:-38px -402px}
.sidebar .nav.popup>li>span .showchild_popup .arrow {background-position:-38px -708px}
.sidebar .nav.popup>li:hover>span .showchild_popup .arrow {background-position:-38px -688px}
.sidebar .nav.popup>li.current.selected>span .showchild_popup .arrow {background-position:-38px -689px}
#slides .prev, .slides_block .prev {background-position:0 0}
#slides .next, .slides_block .next {background-position:0 -58px}
#slides .next:active, .slides_block .next:active {background-position:0 -174px}
#slides .prev:active, .slides_block .prev:active {background-position:0 -116px}
.itemleft, .listitem-carousel .prev {background-position:0 -285px}
.itemleft:hover, .listitem-carousel .prev:hover {background-position:0 -320px}
.itemleft:active, .listitem-carousel .prev:active {background-position:0 -355px}
.itemright, .listitem-carousel .next {background-position:0 -389px}
.itemright:hover, .listitem-carousel .next:hover {background-position:0 -424px}
.itemright:active, .listitem-carousel .next:active {background-position:0 -459px}
.newsale span {background-position:0 -657px}
.hitsale span {background-position:0 -689px}
.content_search_box table tr td .input input[type="submit"] {background-position:0 -718px}
.deleteitem_compare,.mycurrentorders td .deleteitem {background-position:0 -776px}
.deleteitem_compare:hover,.mycurrentorders td .deleteitem:hover {background-position:0 -798px}
.ui-slider .ui-slider-handle {background-position:-36px -588px}
#slides .pagination li a, .slides_block .pagination li a {background-position:-39px -650px}
#slides .pagination li.current a, .slides_block .pagination li.current a {background-position:-39px -631px}
.listitem-carousel .pager a {background-position:-42px -512px}
.listitem-carousel .pager a:hover, .listitem-carousel .pager a.selected {background-position:-41px -495px}
.close.button {background-position:-46px -480px}
.social .fb {background-position:0 -496px}
.social .tw {background-position:0 -528px}
.social .od {background-position:0 -560px}
.social .vk {background-position:0 -592px}
.social .gp {background-position:0 -624px}
.social .all >a> span {background-position:-32px -905px}
.social .all:hover >a>span {background-position:0 -905px}
.social a .vkontakte {background-position:-32px -1033px}
.social a .odnoklassniki {background-position:-32px -809px}
.social a .mymailru {background-position:-32px -841px}
.social a .facebook {background-position:-32px -873px}
.social a .google {background-position:-32px -937px}
.social a .openid-mail-ru {background-position:0 -1033px}
.social a .openid {background-position:0 -841px}
.social a .yandex {background-position:0 -873px}
.social a .livejournal {background-position:0 -937px}
.social a .liveinternet {background-position:0 -969px}
.social a .blogger {background-position:0 -1001px}
.social a .twitter {background-position:-32px -1001px}
.social a .liveid {background-position:-32px -969px}
.listitem-carousel .next{right:0}
.w100p{width:100% !important}
.w980p{width:980px !important}
.w748p{width:748px !important}
.db{display:inline-block !important; margin-bottom: 10px;}
.fll{float:left !important}
.flr{float:right !important}
.fln{float:none !important}
.fwb{font-weight:bold !important}
.fwn{font-weight:normal !important}
.fsi{font-style:italic !important}
.fsn{font-style:normal !important}
.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}
.m0a{margin:0 auto !important}
.vat{vertical-align:top !important}
.vam{vertical-align:middle !important}
.vab{vertical-align:bottom !important}
.vabl{vertical-align:baseline !important}
.lsnn,
.lsnn li{list-style: none !important}
.lsnn:before,
.lsnn li:before{content:none !important}
.social > a,
.social .social-eshop a{
display:inline-block;
width:31px;
height:32px;
background: url("images/gui.png") no-repeat;
}
#login .social .social-eshop a{background-image:none}
.social a span{
display:inline-block;
width:31px;
height:32px;
}
.social{
text-align:left;
padding-bottom:8px;
}
.social li{display:inline-block}
.social li>ul{
display:none;
position:absolute;
width:290px;
text-align:right;
z-index:99999;
}
.social li.notfull{position:relative}
.social li.full>ul{left:4px}
.social li.notfull>ul{
right:0;
left:none;
}
.social .all:hover ul{display:block}
.social .social-eshop a,
.social a span{width:32px}
form[name="bx_auth_services"] input[type="submit"]{}
.bx-auth-service-form input[type=text]{height:20px}
.cart-item-name{
width:200px;
}
.cart-item-price {
white-space: nowrap;
}
.cart-item-name,
/*.cart-item-price,*/
.cart-item-price div,
.cart-item-price span,
.map-columns{
width:100%;
}
.map-columns li{
padding:10px;
}
.map-columns li a{
font-weight:normal;
}
.bt1{white-space:nowrap}
div.listitem, .lsnn {overflow: hidden;}
.listitem.katalog ul li{
width:159px;
margin: 0px 12px 12px 0px;
}
.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}
div.detal-image a {position: relative; display: block;}
div.detal-image span.full-img {position: absolute; top: 0px; left: 0px; width: 270px; height: 270px; }
div.detal-image span.full-img:hover {background:url("images/full.png") no-repeat center center;}
div.detal-image img {border: 1px solid #d6d6d6; }
div.detal-image, div.item_price {float: left; margin-right: 20px;}
div.item_price {padding: 0px; font-size: 22px; position: absolute; right: 90px; top: 16px;}
div.bye-tovar {padding-left: 30px; background:url("images/basket-min.png") no-repeat left center; display: inline-block; position: absolute; right: 0px; top: 22px;}
div.bye-tovar a {font-size: 14px; font-weight: normal; color: #ffa300; text-decoration: underline; padding: 5px 10px;}
div.bye-tovar a:hover {background: #ffa300; color: #fff; text-decoration: none;}
table.vakansija tr td {border: 0px; text-align: left; padding: 5px 0px; color: #337699}
table.vakansija tr td ul li {color: #337699}
table.vakansija tr td.name-group {color: #6b6b6b; padding-right: 20px;}
div.vakans-item {background: #fff; border: 1px solid #d6d6d6; padding: 0px 20px; margin-bottom: 20px;}
div.vakans-item h3{color: #ffa300; border-bottom: 1px solid #ffa300;}
div.vakans-item.last {margin-bottom: 0px;}
input.button, div.modal a.close, .bt2 {display: inline-block; border: 1px solid #d6d6d6; background:url("images/bg-button.jpg") repeat-x left 0px; font-size: 12px; color: #6b6b6b; font-weight: normal; padding: 4px 15px 5px; cursor: pointer; text-decoration: none;}
input.button:hover, div.modal a.close:hover, .bt2:hover {background:url("images/bg-button.jpg") repeat-x left -26px;}
.bt3 {display: inline-block; border: 1px solid #1b3e4f; background:url("images/bg-button-blue.jpg") repeat-x left 0px; font-size: 12px; color: #fff; font-weight: normal; padding: 4px 15px 5px; cursor: pointer; text-decoration: none;}
.bt3:hover {background:url("images/bg-button-blue.jpg") repeat-x left -26px; padding: 4px 15px 5px !important;}
.bt3:active {display: inline-block !important; border: 1px solid #1b3e4f !important; background:url("images/bg-button-blue.jpg") repeat-x left 0px; font-size: 12px !important; color: #fff; font-weight: normal !important; padding: 4px 15px 5px !important; cursor: pointer; text-decoration: none; outline: none !important;}
#acc {width:200px; list-style:none; margin:0;}
#acc > li {margin-bottom: 5px !important;}
#acc h3 {background: #f7f7f7 url(images/arrow-left-menu.png) no-repeat 175px 8px; width:178px; font-size: 12px; text-transform: uppercase; color: #6b6b6b; font-weight: normal; padding: 2px 13px; cursor:pointer; margin-bottom: 5px;}
#acc h3.activ {background: #f7f7f7 url(images/arrow-left-menu-down.png) no-repeat 172px 10px;}
#acc .acc-section {overflow:hidden; padding-left: 10px;}
#acc .acc-content {width:200px; padding:5px 10px;}
div.optoins {margin: 10px 0px; text-align: center;}
div.optoins a {display: inline-block;border: 1px solid #d6d6d6; background: url("images/bg-button.jpg") repeat-x left 0px; font-size: 12px; color: #6b6b6b; font-weight: normal; padding: 4px 10px 5px; cursor: pointer;margin: 2px;text-decoration: none;}
div.optoins a:hover {background: url("images/bg-button.jpg") repeat-x left -26px;}
.filter {margin-top: 25px;}
div#PROBA ul li {width: 80px; float: left;}
div#PROBA ul li.lvl2_disabled {display: none;}
div.min-price-slid {float: left;}
div.max-price-slid {float: right;}
div.min-price-slid, div.max-price-slid {font-size: 12px; margin-top: 5px; color: #6b6b6b;}
@media (min-width: 1024px) {
div.centralarea.central {
position: relative;
left: 130px;
}
}
ul.opc li {margin-bottom: 5px;}
ul.opc li b:first-letter {font-size: 16px;}
ul.opc li span {text-transform: lowercase;}
ul.mainMenu li a.parrent {cursor: pointer;}
ul.lsnn {margin-bottom: 0px;}
table.no-border tr td {border: 0px;}
a.basket-image img {border: 1px solid #d6d6d6;}
a.name-tovar-basket {font-size: 14px; font-weight: bold; margin-bottom: 25px;}
a.deleteitem {clear: both; display: block;}
.content {position: relative;}
.content h2 {margin-bottom: 10px;}
a.all-prod {position: absolute; right: 20px; top: 11px; color: #6b6b6b; font-size: 12px; font-weight: normal; }
.modal p.tal span, div.tal span, ul.zakaz-polja li span {font-size: 14px; color: #6b6b6b; font-weight: bold;}
div.tal ul li, ul.zakaz-polja li {margin-bottom: 10px; padding-left: 0px; background: none;}
ul.zakaz-polja {width: 700px;}
ul.zakaz-polja li {float: left; margin-right: 19px;}
div#login form input.input_text_style {margin-bottom: 10px;}
span.starrequired {color: #ff0000 !important;}
#reg font.errortext {display: none;}
textarea#ORDER_PROP_20 {width: 632px;}
span.forgotpassword a {display: block;}
div.news.imgblock {float: left; margin-right: 20px; border: 1px solid #ffa300;}
div#VES {padding: 0px !important;}
table.equipment tbody tr td {text-align: left;}
div#KARATNOST ul li, div#KOL_VO_BRILLIANTOV ul li, div#RAZMER ul li {width: 60px; float: left;}
div#RAZMERNYY_RYAD ul li {width: 60px; float: left;}
div.catalog-section-list {width: 772px;}
div.block-pleten {width: 179px; margin: 0px 12px 12px 0px; display: block; vertical-align: top; background: #fff; position: relative; border: 1px solid #d6d6d6; float: left;}
div.block-pleten:hover {border: 1px solid #ffa300;}
div.block-pleten a {display: block; text-align: center; text-transform: capitalize; padding: 10px;}
div.block-pleten a span {display: block; min-height: 32px;}
div.block-pleten a.fancybox {padding: 0px 10px 10px; position: relative;}
div.block-pleten a.fancybox span.full-section-img {position: absolute; top: 0px; left: 0px; width: 179px; height: 97px;}
div.block-pleten a.fancybox:hover span.full-section-img {background:url("images/zoom.png") no-repeat center center;}
span.out-element { float: right; width: 70px; text-align: right; line-height: 13px; color: #ff0000; font-size: 12px; }
.bye-tovar.out {background: none;}
.bye-tovar.out span.out-element {font-size: 14px; width: 100px;}
.text_content{
text-align: justify;
width: 760px;
}
.text_content ul{
list-style: disc;
}
.text_content ul li{
width: auto!important;
display: list-item;
vertical-align: inherit;
position: inherit;
background: url("images/mark-orange.jpg") no-repeat 11px 7px;
padding: 0 0 10px 25px;
margin: 0px!important;
border: 0px;
float: none;
}
.text_content ul li:hover{
border: 0px;
}
.kalkulate input{
height:21px;
padding-left: 5px;
margin-left: 10px;
}
.kalkulate select{
height:27px;
margin-left: 10px;
min-width: 100px;
}
.kalkulate .raschet input{
height:28px;
padding-left: 15px;
margin-top: 15px;
margin-left: 0px;
}
.kalkulate label{
color: #6b6b6b;
font-size: 14px;
margin-bottom: 10px;
font-weight: bold;
margin-top: 15px;
display: inline-block;
min-width: 115px;
}
.kalkulate i{
/* color:red;*/
}
.form-data-vozvrata, .summa-vozvrata {display: inline-block;}
.date-vozvrat {height: 20px; vertical-align: -1px; width: 70px; margin-right: 10px; padding: 1px 3px;}
table.pickadate__calendar--table tr th.pickadate__weekday {padding: 0px;}
table.pickadate__calendar--table tr td {border: 1px solid #5e5e5e !important; text-align: center !important; padding: 0px;}
table.pickadate__calendar--table {margin-bottom: 0px;}
input.buy_botton1 {display: inline-block;border: 1px solid #d6d6d6; background: url("images/bg-button.jpg") repeat-x left 0px; font-size: 12px; color: #6b6b6b; font-weight: normal; padding: 4px 10px 5px; cursor: pointer;margin: 2px;text-decoration: none;}
input.buy_botton1:hover {background: url("images/bg-button.jpg") repeat-x left -26px;}
@media screen and (max-width: 768px) {
body {
background-image: none;
font-size: 16px;
padding: 10px;
}
.header-brandzone .header {
width: 100%;
min-height: auto;
padding: 10px;
box-sizing: border-box;
}
.brand, .contactsdata, .cart {
position: static;
width: 100%;
display: block;
margin: 10px 0;
text-align: center;
}
.brand a p,
.contactsdata p,
.contactsdata div.phone {
font-size: 14px;
line-height: 18px;
}
.contactsdata div.phone {
margin-top: 10px;
font-size: 10px;
}
.contactsdata div.phone span {
display: block;
width: auto;
font-size: 12px;
line-height: 14px;
}
.cart {
padding: 10px 0 10px 40px;
background-size: 20px;
background-position: 10px center;
border-radius: 5px;
margin: 10px auto;
width: 90%;
}
.workarea {
font-size: 15px;
padding: 10px;
}
h1.title {
font-size: 16px !important;
line-height: 20px;
margin-bottom: 15px;
}
table {
width: 100%;
display: block;
overflow-x: auto;
}
img {
max-width: 100%;
height: auto;
}
[class*="float"], .float-left, .float-right {
float: none !important;
display: block !important;
width: 100% !important;
margin: 10px 0 !important;
}
.mobile-nav-wrapper .header-topnav ul li {
display: block;
margin: 10px 0;
padding: 0 !important;
float: none !important;
width: 100% !important;
text-align: left;
}
.mobile-nav-wrapper .header-topnav ul li a {
display: block;
padding: 10px;
font-size: 16px;
background: none !important;
color: #000;
text-align: left;
border: none !important;
width: 100% !important;
box-sizing: border-box;
text-decoration: none;
}
.links-row {
display: flex;
gap: 10px;
justify-content: center;
align-items: stretch;
flex-wrap: nowrap;
width: 100%;
}
.links-row .social-links,
.links-row .marketplaces-links {
flex: 1 1 0;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
}
.mobile-nav-wrapper .burger-toggle {
display: block;
width: 40px;
height: 30px;
cursor: pointer;
position: fixed;
top: 10px;
left: 10px;
z-index: 10001;
background: #fff;
padding: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,.2);
border-radius: 4px;
}
.mobile-nav-wrapper .burger-toggle span {
display: block;
height: 4px;
background: #333;
margin: 6px 0;
}
.mobile-nav-wrapper .mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
z-index: 10000;
}
.mobile-nav-wrapper .mobile-menu-overlay.active {
display: block;
}
.mobile-nav-wrapper .header-topnav {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
background: #fff;
overflow-y: auto;
z-index: 10001;
padding: 20px 10px;
box-shadow: 2px 0 5px rgba(0,0,0,.2);
}
.mobile-nav-wrapper .header-topnav.active {
display: block;
}
.mobile-nav-wrapper .header-topnav ul {
display: block !important;
padding: 0;
margin: 0;
}
.brand,
.contactsdata,
.cart {
position: static;
display: block;
width: 100%;
margin: 10px 0;
text-align: center;
}
[class*="float"],
.float-left,
.float-right {
float: none !important;
display: block !important;
width: 100% !important;
margin: 10px 0 !important;
}
ul#left-menu {
display: none !important;
}
.listitem ul.lsnn {
margin: 0;
padding: 0;
}
.listitem ul.lsnn li.itembg {
float: none;
width: 100% !important;
margin: 0 0 20px;
box-sizing: border-box;
text-align: center;
}
.listitem ul.lsnn li.itembg img,
.listitem ul.lsnn li.itembg .no-photo-div-big {
max-width: 150px;
height: auto;
display: block;
margin: 0 auto 10px;
}
.listitem ul.lsnn li.itembg h4 {
font-size: 16px;
line-height: 20px;
margin-bottom: 8px;
}
.listitem ul.lsnn li.itembg .buy-block,
.listitem ul.lsnn li.itembg .price {
float: none !important;
text-align: center;
}
.listitem ul.lsnn li.itembg .buy-block a,
.listitem ul.lsnn li.itembg .buy-block span {
float: none !important;
display: inline-block;
margin-top: 5px;
}
.zalog-search-main .search-page {
max-width: 90%;
}
.zalog-search-main #search-zalog {
width: 100%;
margin-bottom: 10px;
font-size: 15px;
}
.zalog-search-main input[type="submit"] {
display: block;
width: 100%;
font-size: 15px;
}
}
@media screen and (max-width: 768px){
.main-container {
flex-direction: column;
gap: 10px;
padding: 10px;
align-items: stretch;
}
.social-links,
.marketplaces-links,
.phone {
width: 100%;
height: auto;
padding: 12px 10px;
box-sizing: border-box;
text-align: center;
}
.block-header {
font-size: 16px;
margin-bottom: 10px;
}
.social-links-row,
.marketplaces-links-row,
.phone div {
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.icon-wrapper,
.social-links-row img {
width: 40px;
height: 40px;
}
.icon-wrapper img,
.social-links-row img {
width: 100%;
height: 100%;
object-fit: contain;
}
.phone div span {
font-size: 16px;
margin-bottom: 3px;
}
.phone a {
font-size: 16px;
display: block;
}
}
div.banner {
width: 100% !important;
max-width: 100% !important;
padding: 10px;
box-sizing: border-box;
overflow: hidden;
}
div.banner img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.listitem ul.lsnn {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
max-width: 100vw;
overflow-x: hidden;
}
.listitem ul.lsnn li.itembg {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 20px;
padding: 10px;
box-sizing: border-box;
background: #fff;
border-radius: 4px;
border: 1px solid #eee;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.listitem ul.lsnn li.itembg * {
box-sizing: border-box;
max-width: 100%;
}
}
@media (max-width:768px) {
.zalog-search-main {
background: #fff;
border: 2px solid #ffa300;
border-radius: 6px;
padding: 20px 18px;
margin: 20px 0px 20px 10px !important;
box-shadow: 0 3px 10px rgba(0,0,0,.07);
width: 90vw !important;
box-sizing: border-box;
}
.zalog-search-main table,
.zalog-search-main table tbody,
.zalog-search-main table tr,
.zalog-search-main table td {
display: block !important;
width: 100% !important;
padding: 0 !important;
}
.zalog-search-main #search-zalog {
width: 100%;
font-size: 16px;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.zalog-search-main .search-button {
width: 100%;
background: #ffa300;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
padding: 10px 0;
margin-top: 10px;
text-transform: uppercase;
cursor: pointer;
transition: background .3s ease;
}
.zalog-search-main .search-button:active {
background: #e08a00;
}
.zalog-search-main .search-result-zalog {
margin-top: 22px;
}
.zalog-search-main .search-zalog {
border-left: 4px solid #ffa300;
padding-left: 12px;
margin-bottom: 18px;
}
.zalog-search-main .search-zalog-error {
border-left: 4px solid #E83434;
padding-left: 12px;
color: #E83434;
font-size: 14px;
}
.zalog-search-main p {
font-size: 15px;
line-height: 20px;
margin: 6px 0;
}
.zalog-search-main .buy_botton1 {
background: #ffa300;
color: #fff;
border: none;
border-radius: 4px;
padding: 8px 14px;
font-size: 15px;
cursor: pointer;
}
.zalog-search-main .buy_botton1:active {
background: #e08a00;
}
.zalog-search-main .search-item {
height: auto !important;
margin-bottom: 15px;
}
.zalog-search-main * {
max-width: 100% !important;
box-sizing: border-box;
}
div.listitem {
width: 100vw !important;
max-width: 100vw !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
overflow-x: hidden !important;
}
div.listitem > ul.lsnn {
width: 100vw !important;
max-width: 100vw !important;
margin: 0 !important;
padding: 0 !important;
list-style: none;
box-sizing: border-box;
}
div.listitem > ul.lsnn > li.itembg {
width: 85vw !important;
margin: 0 11vw 20px 4vw !important;
padding: 14px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
box-shadow: 0 1px 6px rgba(0,0,0,.06);
float: none !important;
display: block !important;
box-sizing: border-box;
}
div.listitem > ul.lsnn > li.itembg * {
max-width: 100% !important;
box-sizing: border-box;
}
}
@media (min-width:768px) {
.zalog-search-main {
background: #fff;
border: 2px solid #ffa300;
border-radius: 6px;
padding: 25px 30px;
max-width: 900px;
margin: 30px auto;
box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.zalog-search-main .search-page table {
border-collapse: collapse;
}
.zalog-search-main .search-page tr {
vertical-align: top;
}
.zalog-search-main #search-zalog {
width: calc(100% - 140px);
font-size: 18px;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px 0 0 4px;
box-sizing: border-box;
}
.zalog-search-main .search-button {
width: 120px;
background: #ffa300;
color: #fff;
border: none;
border-radius: 0 4px 4px 0;
font-size: 18px;
padding: 11px 0;
text-transform: uppercase;
cursor: pointer;
transition: background .3s ease;
}
.zalog-search-main .search-button:hover {
background: #e08a00;
}
.zalog-search-main .search-result-zalog {
margin-top: 25px;
}
.zalog-search-main .search-zalog {
border-left: 4px solid #ffa300;
padding-left: 15px;
margin-bottom: 20px;
}
.zalog-search-main .search-zalog-error {
border-left: 4px solid #E83434;
padding-left: 12px;
color: #E83434;
font-size: 16px;
}
.zalog-search-main p {
margin: 6px 0;
font-size: 16px;
line-height: 22px;
}
.zalog-search-main .buy_botton1 {
background: #ffa300;
color: #fff;
border: none;
border-radius: 4px;
padding: 7px 14px;
font-size: 15px;
cursor: pointer;
transition: background .3s ease;
}
.zalog-search-main .buy_botton1:hover {
background: #e08a00;
}
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@media (max-width:768px){
body,
input, button, select, textarea{
font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',
Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased;
font-size:15px;
line-height:1.45em;
}
/* ---------- 2. Колонки и сайд-бар ----------------------- */
.centralarea,
.centralarea[class*="pleft"],
.centralarea[class*="pright"]{
float:none!important;
width:100%!important;
}
.content_box .sidebar.pright{
clear:both!important; /* ставим блок под товарами */
display:block!important;
float:none!important;
width:100%!important;
margin:20px 0;
padding:0;
background:transparent!important;
border:none!important;
}
/* скрываем возможные дубли бокового блока */
.content_box .sidebar.pright:not(:last-of-type){
display:none!important;
}
/* ---------- 3. Шапка блока ------------------------------ */
.content_box .sidebar.pright .title-bar,
.content_box .sidebar.pright h3{
background:linear-gradient(#fafafa 0%,#f2f2f2 100%);
border-bottom:3px solid #ffb400;
border-radius:6px 6px 0 0;
padding:10px 16px;
font:700 16px/1 'Roboto',sans-serif;
}
/* мини-кнопки «Все ‹ ›» */
.content_box .sidebar.pright .title-bar a,
.content_box .sidebar.pright h3 a{
display:inline-block;
border:1px solid #ccc;
border-radius:12px;
padding:2px 8px;
font-size:13px;
color:#666;
text-decoration:none;
}
.content_box .sidebar.pright .title-bar a:hover{
background:#eee;
}
/* ---------- 4. Обёртка списков -------------------------- */
.content_box .sidebar.pright .news{
width:100%;
padding:0 16px;
box-sizing:border-box;
background:transparent!important;
border:none!important;
box-shadow:none!important;
font-size:15px;
line-height:20px;
}
.content_box .sidebar.pright .news ul{
margin:0;
padding:0;
list-style:none;
}
/* ---------- 5. Карточки NEWS ---------------------------- */
.content_box .sidebar.pright .news li{
background:#fff;
border-radius:8px;
box-shadow:0 2px 4px rgba(0,0,0,.08);
padding:12px 14px;
margin:0 0 12px 0;
list-style:none;
}
/* дата новости */
.content_box .sidebar.pright .news .news-date-time{
display:block;
font-size:13px;
color:#888;
margin-bottom:4px;
}
/* ссылка-заголовок */
.content_box .sidebar.pright .news a{
color:#333;
font-weight:500;
text-decoration:none;
}
.content_box .sidebar.pright .news a:hover{
text-decoration:underline;
}
/* ---------- 6. Карточки REVIEWS ------------------------- */
#review_block li,
#otzyvy li{
background:#fff;
border-left:4px solid #ffb400;
border-radius:0 8px 8px 0;
box-shadow:0 2px 4px rgba(0,0,0,.08);
padding:12px 14px;
margin:0 0 12px 0;
position:relative;
list-style:none;
}
/* кавычка перед отзывом */
#review_block li:before,
#otzyvy li:before{
content:"“";
font-size:24px;
color:#ffb400;
position:absolute;
left:-12px;
top:2px;
}
/* автор */
#review_block li cite,
#otzyvy li cite{
display:block;
margin-top:8px;
font-style:normal;
font-weight:500;
text-align:right;
color:#444;
}
/* ---------- 7. Ограничиваем число элементов (видно 5) --- */
.content_box .sidebar.pright .news li:nth-child(n+6),
.d-carousel2 li:nth-child(n+6),
#review_block li:nth-child(n+6),
#otzyvy li:nth-child(n+6){
display:none!important;
}
/* ---------- 8. «Читать далее…» -------------------------- */
.content_box .sidebar.pright .news .news-archive{
display:block;
text-align:center;
margin-top:12px;
font-weight:bold;
}
.content_box .sidebar.pright .news .news-archive a{
text-decoration:none;
}
/* ---------- 9. Снятие float и фикс-ширины (updated 2025‑07‑17 v2) --------------- */
/* --- NEWS & REVIEWS: без карточного фона, как на ПК --- */
.content_box .sidebar.pright .news li,
#review_block li,
#otzyvy li{
/* базовое выравнивание */
float:none!important;
display:block!important;
width:auto!important;
max-width:100%!important;
/* отключаем карточный стиль */
margin:0!important;
padding:0 0 8px 0!important;
background:transparent!important;
border-radius:0!important;
box-shadow:none!important;
box-sizing:border-box;
word-wrap:break-word;
overflow:visible!important;
}
/* убираем линию под последним пунктом и доп. скругления */
.content_box .sidebar.pright .news li:last-child,
#review_block li:last-child,
#otzyvy li:last-child{
border-bottom:none!important;
padding-bottom:0!important;
}
/* ---------- 9. end update --------------- */
/* ---------- 10. jCarousel → превращаем в список --------- */
.d-carousel2,
.d-carousel2 ul,
.d-carousel2 .jcarousel-container{
overflow:visible!important;
height:auto!important;
}
.d-carousel2 li,
.d-carousel2 .item,
.d-carousel2 .jcarousel-item{
float:none!important;
display:block!important;
width:auto!important;
max-width:100%!important;
box-sizing:border-box;
margin:0 0 12px 0!important;
padding:12px 14px!important;
background:#fff;
border-radius:8px;
box-shadow:0 2px 4px rgba(0,0,0,.08);
word-wrap:break-word;
overflow:visible!important;
}
}
/* =========================================================
MOBILE ≤ 768px • Product cards 2‑in‑row – WORKING VERSION (17 Jul 2025)
========================================================= */
@media (max-width:768px){
/* --- 1. Контейнер .listitem ---------------------------------- */
div.listitem{
width:100% !important;
max-width:100vw !important;
padding:0 !important;
margin:0 !important;
box-sizing:border-box;
}
/* --- 2. Список UL → flex‑сетка ------------------------------- */
div.listitem > ul.lsnn{
display:flex;
flex-wrap:wrap;
gap:12px; /* равномерный «gutter» */
width:100% !important;
max-width:100% !important;
padding:0 6px; /* «воздух» слева‑справа */
box-sizing:border-box;
overflow:hidden; /* убираем горизонт. скролл */
justify-content:center; /* центрируем группу карточек */
}
/* --- 3. Карточка товара -------------------------------------- */
div.listitem > ul.lsnn > li.itembg{
/* фиксируем ровно половину строки минус gutter */
flex:0 0 calc(50% - 14px) !important;
width:calc(50% - 14px) !important;
max-width:calc(50% - 14px) !important;
min-width:0 !important;
margin:0 !important; /* отступ задаёт gap контейнера */
box-sizing:border-box;
/* ↓ базовое оформление (можно править под свой дизайн) */
padding:14px;
border:1px solid #ddd;
border-radius:6px;
background:#fff;
box-shadow:0 1px 6px rgba(0,0,0,.06);
}
}
/* =========================================================
COMPACT CARD SPACING – 17 Jul 2025
Секция‑оверрайд: уменьшаем все основные внутренние/внешние
отступы блока .zalog-search-main и дочерних элементов ровно
в 2 раза, не затрагивая остальную функциональность.
========================================================= */
@media (min-width:769px){
.zalog-search-main{
padding:13px 15px;
margin:15px auto;
}
.zalog-search-main .search-result-zalog{
margin-top:12px;
}
.zalog-search-main .search-zalog{
padding-left:8px;
margin-bottom:10px;
}
}
@media (max-width:768px){
.zalog-search-main{
padding:10px 9px;
margin:10px 0 10px 5px !important;
}
.zalog-search-main #search-zalog{
margin-bottom:5px;
}
.zalog-search-main .search-button{
margin-top:5px;
}
.zalog-search-main .search-result-zalog{
margin-top:11px;
}
.zalog-search-main .search-zalog{
padding-left:6px;
margin-bottom:9px;
}
.zalog-search-main p{
margin:3px 0;
}
/* поместите в самый конец файла, сразу после блока Compact Card Spacing */
.zalog-search-main #search-zalog,
.zalog-search-main #search-zalog::placeholder{ /* чтобы и введённый текст, и placeholder были одинаковыми */
font-size: 14px; /* или 13px — выберите, как визуально лучше */
}
}/* === MOBILE MENU · FINAL CONSOLIDATED (20‑07‑2025) ===================== */
@media (max-width:768px){
/* ── 1. overlay + blur ──────────────────────────────────────────────── */
.mobile-nav-wrapper .mobile-menu-overlay{
display:none; /* скрыт по умолчанию */
background:rgba(0,0,0,.55);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
inset:0; position:fixed;
z-index:10000;
}
.mobile-nav-wrapper .mobile-menu-overlay.active{
display:flex !important; /* показывается скриптом */
justify-content:center; align-items:center; /* центрируем карточку */
padding:0 20px;
}
/* ── 2. карточка меню ──────────────────────────────────────────────── */
/* ── 3. крестик‑бургер ─────────────────────────────────────────────── */
.burger-toggle{
position:fixed; top:18px; right:18px;
width:28px; height:24px;
background:transparent !important; box-shadow:none !important;
z-index:10002;
}
.burger-toggle span{
display:block; width:100%; height:3px; margin:4px 0;
background:#fff;
transition:transform .3s ease, opacity .3s ease;
}
.burger-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(9px);}
.burger-toggle.active span:nth-child(2){opacity:0;}
.burger-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-9px);}
/* ── 4. список пунктов (“кнопки”) + стрелочки у parent ─────────────── */
.mobile-nav-wrapper .header-topnav ul{margin:12px 0 0;padding:0;list-style:none;}
.mobile-nav-wrapper .header-topnav ul li{margin:0 0 10px;border:none !important;}
.mobile-nav-wrapper .header-topnav ul li:last-child{margin-bottom:0;} /* убираем нижний зазор */
.mobile-nav-wrapper .header-topnav ul li.parent > a::after{ /* стрелка ▼ */
content:"\25BC";
font-size:12px; margin-left:8px; color:#888; transform:translateY(-1px);
}
.mobile-nav-wrapper .header-topnav ul li a{
display:block; padding:14px 16px;
background:#fafafa; color:#000;
border-radius:6px; text-decoration:none;
font:16px/20px Arial, sans-serif;
box-shadow:0 2px 6px rgba(0,0,0,.06);
transition:background .15s ease;
}
.mobile-nav-wrapper .header-topnav ul li a:hover,
.mobile-nav-wrapper .header-topnav ul li a:active{background:#e9e9e9;}
/* ── 5. пункт «На главную» ─────────────────────────────────────────── */
.mobile-nav-wrapper .header-topnav ul li a.home_item{
text-indent:0 !important;
}
.mobile-nav-wrapper .header-topnav ul li a.home_item::before{
content:"На главную";
}
/* ── 6. скрываем форму поиска в мобилке ────────────────────────────── */
#search.search-form,
.mobile-nav-wrapper .header-topnav .searchinput,
.mobile-nav-wrapper .header-topnav form{
display:none !important;
}
}
@media (max-width:768px) {
.mobile-nav-wrapper .mobile-menu-overlay.active {
display: flex !important;
align-items: center;
justify-content: center;
height: 100vh !important;
overflow-y: auto !important;
padding: 20px 10px;
}
.mobile-nav-wrapper .header-topnav {
display: block !important;
position: relative !important;
width: 90%;
max-width: 360px;
height: auto !important;
max-height: 780px !important;
overflow-y: auto !important;
padding: 16px 14px;
background: #fff;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
z-index: 10001;
}
.mobile-nav-wrapper .header-topnav ul li .mainMenuPodmenu {
position: relative !important;
width: 100% !important;
left: 0 !important;
margin-top: 6px;
background: #444;
border-radius: 6px;
box-shadow: 0 3px 8px rgba(0,0,0,0.2);
z-index: 9999;
}
}
@media (max-width:768px) {
.mobile-nav-wrapper .header-topnav {
display: none !important;
position: relative !important;
width: 90%;
max-width: 360px;
height: auto !important;
max-height: 780px !important;
overflow-y: auto !important;
padding: 16px 14px;
background: #fff;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
z-index: 10001;
}
.mobile-nav-wrapper .header-topnav.active {
display: block !important;
}
.mobile-nav-wrapper .mobile-menu-overlay.active {
display: flex !important;
align-items: center;
justify-content: center;
height: 100vh !important;
overflow-y: auto !important;
padding: 20px 10px;
}
}
/* ===== Мобильная правка заголовков и контейнера ===== */
@media (max-width: 768px) {
/* Контейнер, чтобы не задавал 980px */
body .content_box {
width: auto !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 12px;
padding-right: 12px;
float: none !important;
}
/* Заголовки "НОВОСТИ", "ПОСЛЕДНИЕ ПОСТУПЛЕНИЯ" и т.п. */
body .workarea h2,
body h2.title {
display: inline-block !important; /* плашка по ширине текста */
width: auto !important;
max-width: 100% !important;
padding: 8px 12px !important; /* компактнее */
margin: 6px 0 10px 0 !important; /* без лишних отступов сбоку */
line-height: 1.3 !important;
box-sizing: border-box;
}
/* На очень узких (<= 414px) ещё чуть компактнее */
@media (max-width: 414px) {
body .workarea h2,
body h2.title {
padding: 6px 10px !important;
font-size: 16px !important;
}
}
@media screen and (max-width: 767px) {
input, textarea, select, button,
.input_text_style,
#title-search-input,
input.max-price, input.min-price {
font-size: 16px !important;
}
}
/* === Mobile guard (поставить самым последним) === */
@media (max-width: 768px) {
/* критичные контейнеры: всегда сжимаем */
.header-brandzone .header,
.topnav,
.content_box,
.content_box.off_content_style_box,
div.banner,
.blog_box table,
.content_search_box.hnav table,
.footer .foot {
width: auto !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 12px;
padding-right: 12px;
float: none !important;
}
/* Заголовки секций — не на всю строку */
h2.title,
.workarea h2 {
display: inline-block !important;
width: auto !important;
max-width: 100% !important;
padding: 8px 12px !important;
margin: 6px 0 10px 0 !important;
line-height: 1.3 !important;
box-sizing: border-box;
}
/* Анти-зум iOS: поля ввода */
input, textarea, select, button,
.input_text_style,
#title-search-input,
input.max-price, input.min-price {
font-size: 16px !important;
}
}
@media (min-width: 1024px) {
.header-brandzone .header { width: 1270px; }
.topnav { width: 980px; }
.content_box { width: 980px; }
div.banner { width: 1250px; }
div.banner div.banner-div { width: 974px; }
.content_search_box.hnav table { width: 1250px; }
.listitem-carousel ul { width: 1250px; }
.blog_box table { width: 1250px; }
#bgmod { width: 2000px; }
.header_slider { width: 1250px; }
#slides .slide { width: 1250px; }
.w980p { width: 980px; }
}
/* === Mobile menu fixes (avoid zoom/overflow) === */
@media (max-width: 768px) {
.mobile-nav-wrapper,
.header-topnav {
width: 100% !important;
max-width: 100% !important;
}
/* Открытое меню фиксируем на весь экран и делаем прокручиваемым */
.header-topnav.active {
position: fixed !important;
top: 0;
left: 0;
right: 0;
height: 100vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
padding-top: 56px; /* место для кнопки закрытия/бургер-иконки */
}
.topnav,
.topnav ul,
.topnav li {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.topnav ul {
padding: 8px 0 !important;
list-style: none;
}
.topnav li {
display: block !important;
float: none !important;
border-bottom: 1px solid rgba(0,0,0,.06);
}
.topnav a {
display: block !important;
padding: 12px 16px !important;
}
/* Убираем float внутри пунктов меню */
.topnav li > * {
float: none !important;
}
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
/* 2) Инпуты >=16px, чтобы iOS не зумил на фокусе */
@media (max-width: 767px) {
input, textarea, select, button {
font-size: 16px !important;
line-height: 1.35;
}
}
@media (max-width: 768px) {
body { font-size: 14px !important; }
}
@media (max-width: 768px) {
/* чтобы ничего не подрезалось в шапке */
.header-brandzone .header { overflow: visible !important; }
/* плашка корзины как на ПК, но адаптивно */
.cart {
position: static !important;
display: block !important;
width: auto !important; /* не фиксируем ширину */
max-width: 340px !important; /* похоже на ПК; можно 320–360 */
margin: 12px auto !important; /* по центру; см. вариант справа ниже */
padding: 12px 16px 12px 44px !important; /* слева место под иконку */
box-sizing: border-box !important;
border-radius: 8px !important;
background-position: 12px center !important;
background-size: 20px auto !important;
text-align: left !important;
}
/* если ранее прятали «количество», вернём его */
.cart .qty,
.cart .quantity,
.cart .count,
.cart .items-count,
.cart .cart-qty,
.cart .line-qty { display: block !important; }
/* читаемость */
.cart .title, .cart .cart-title { font-weight: bold; }
.cart .sum, .cart .total, .cart .amount { display: block; }
}
}
/* === PRODUCT (≤768px): фото слева (56%), описание справа (42%), цена+Купить под фото === */
@media (max-width:768px){
/* табличную вёрстку внутри карточки делаем блочной */
.wrap.katalog .workarea .R2D2 table,
.wrap.katalog .workarea .R2D2 tbody,
.wrap.katalog .workarea .R2D2 tr,
.wrap.katalog .workarea .R2D2 td{
display:block !important; width:100% !important; border:0 !important; padding:0 !important;
}
/* ЛЕВАЯ колонка — фото */
.wrap.katalog .workarea .R2D2 .detal-image,
.wrap.katalog .workarea .R2D2 .detail-image,
.wrap.katalog .workarea .R2D2 .element-one-picture{
float:left !important; width:56% !important; margin:0 2% 12px 0 !important;
}
.wrap.katalog .workarea .R2D2 .detal-image img,
.wrap.katalog .workarea .R2D2 .detail-image img,
.wrap.katalog .workarea .R2D2 .element-one-picture img{
max-width:100% !important; height:auto !important; display:block !important;
}
/* ПРАВАЯ колонка — описание/характеристики */
.wrap.katalog .workarea .R2D2 .iteminfo,
.wrap.katalog .workarea .R2D2 .detail-info,
.wrap.katalog .workarea .R2D2 .catalog-detail-info,
.wrap.katalog .workarea .R2D2 .cnt{
float:right !important; width:42% !important; margin:0 !important; padding:0 !important; clear:none !important;
}
/* Списки характеристик */
.wrap.katalog .workarea .R2D2 ul.opc,
.wrap.katalog .workarea .R2D2 ul.opc.lsnn,
.wrap.katalog .workarea .R2D2 ul.options{
float:none !important; width:100% !important; margin:8px 0 0 !important; padding-left:0 !important; display:block !important;
}
.wrap.katalog .workarea .R2D2 ul.opc.lsnn li{ float:none !important; width:100% !important; }
/* ЦЕНА и «Купить» — под фото (под левой колонкой) */
.wrap.katalog .workarea .R2D2 .price.item_price,
.wrap.katalog .workarea .R2D2 .item_price,
.wrap.katalog .workarea .R2D2 .buy-tovar,
.wrap.katalog .workarea .R2D2 .bye-tovar{
position:static !important; right:auto !important; top:auto !important; left:auto !important;
float:left !important; clear:left !important; /* ключ: строго под блоком фото */
width:56% !important; margin:12px 0 0 !important; padding:0 !important; text-align:left !important;
}
}
@media (max-width:768px){
.footer .foot{
left:0 !important;
width:100% !important;
height:auto !important;
margin:0 auto !important;
padding:15px 10px !important;
box-sizing:border-box !important;
position:relative !important;
overflow:hidden !important;
text-align:center !important;
}
.footer .menu-foot1,
.footer .menu-foot2,
.footer .menu-foot3,
.footer .foot-kontakt,
.footer .foot-onlinepay{
position:static !important;
top:auto !important;
left:auto !important;
float:left !important;
width:48% !important;
min-height:135px !important;
margin:0 1% 12px 1% !important;
padding:12px 6px 14px !important;
box-sizing:border-box !important;
border:none !important;
border-radius:12px !important;
background:transparent !important;
box-shadow:0 0 5px rgba(0,0,0,.35) !important;
text-align:center !important;
}
.footer .menu-foot1 p,
.footer .menu-foot2 p,
.footer .menu-foot3 p,
.footer .foot-kontakt p{
font-size:14px !important;
line-height:17px !important;
margin:0 0 6px 0 !important;
color:#ffa300 !important;
}
.footer .menu-foot1 ul,
.footer .menu-foot2 ul,
.footer .menu-foot3 ul{
margin:0 !important;
padding:0 !important;
}
.footer .menu-foot1 ul li,
.footer .menu-foot2 ul li,
.footer .menu-foot3 ul li{
float:none !important;
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.footer .menu-foot1 ul li a,
.footer .menu-foot2 ul li a,
.footer .menu-foot3 ul li a,
.footer .foot-kontakt span{
display:block !important;
font-size:13px !important;
line-height:18px !important;
color:#fff !important;
text-decoration:none !important;
}
.footer .foot-onlinepay img{
max-width:90px !important;
height:auto !important;
border:1px solid #ffa300 !important;
}
.footer .copirate{
clear:both !important;
position:static !important;
width:100% !important;
margin:0 !important;
padding:10px 5px 0 5px !important;
box-sizing:border-box !important;
text-align:center !important;
font-size:12px !important;
line-height:16px !important;
}
}
@media (min-width: 1024px){
div.centralarea.central{
left: auto !important;
position: static !important;
}
}
@media (max-width: 768px){
.personal .centralarea,
.personal .workarea{
float: none !important;
width: 100% !important;
}
}
/* ==========================
MOBILE: CART TABLE -> GRID
========================== */
/* ВАЖНО: делаем только в ЛК, и только для таблиц в workarea,
чтобы не задеть формы/регистрацию */
@media (max-width: 768px){
/* 1) Сбрасываем табличные границы/отступы именно для "карточной" таблицы */
.personal .workarea table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
/* 2) Прячем thead (в карточках шапка таблицы обычно не нужна) */
.personal .workarea table thead{
display: none !important;
}
/* 3) Делаем из tbody сетку: 2 колонки */
.personal .workarea table tbody{
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
/* 4) Каждая строка (товар) = карточка */
.personal .workarea table tbody tr{
display: flex !important; /* ← БЫЛО block */
flex-direction: column;
align-items: center; /* ← ЦЕНТР ПО ГОРИЗОНТАЛИ */
text-align: center; /* ← ЦЕНТР ТЕКСТА */
border: 1px solid #d6d6d6;
border-radius: 12px;
padding: 10px;
background: #fff;
overflow: hidden;
}
/* 5) Ячейки внутри карточки — по центру */
.personal .workarea table tbody tr td{
display: flex !important; /* ← БЫЛО block */
flex-direction: column;
align-items: center;
justify-content: center;
width: 100% !important;
padding: 6px 0 !important;
border: 0 !important;
text-align: center !important; /* ← БЫЛО left */
box-sizing: border-box;
}
/* 6) Картинка товара */
.personal .workarea a.basket-image{
display: flex;
justify-content: center;
margin-bottom: 8px;
}
.personal .workarea a.basket-image img{
max-width: 110px !important;
width: 100%;
height: auto !important;
}
/* 7) Название товара */
.personal .workarea a.name-tovar-basket{
display: block;
text-align: center;
margin: 6px 0 8px;
line-height: 1.3;
font-weight: 600;
}
/* 8) Кнопка удаления */
.personal .workarea a.deleteitem{
display: inline-block !important;
margin-top: 6px;
}
}
/* ПК: ширина 1250 + “воздух” внутри, НЕ трогаем ширины колонок */
@media (min-width: 1024px) {
.content_box,
.content_box.off_content_style_box {
width: 100%;
max-width: 1250px;
margin: 0 auto;
padding: 30px 130px 0; /* вот тут “сдвиг” контента внутрь */
box-sizing: border-box;
}
}
/* =========================================================
ORDER CHECKOUT (sale.order.ajax template)
MOBILE 320–768 — адаптируем только форму, НЕ трогаем состав заказа
========================================================= */
@media screen and (max-width: 768px){
/* контейнер оформления */
.workarea #order_form_div.order-checkout{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* секции */
.workarea #order_form_div.order-checkout .section{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* список полей покупателя */
.workarea #order_form_div.order-checkout ul.zakaz-polja{
width: 100% !important; /* было 700px */
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.workarea #order_form_div.order-checkout ul.zakaz-polja li{
float: none !important; /* было float:left */
display: block !important;
width: 100% !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
background: none !important;
box-sizing: border-box !important;
}
/* подпись поля (ФИО, Email...) */
.workarea #order_form_div.order-checkout ul.zakaz-polja li > span{
display: block !important;
width: auto !important;
margin: 0 0 6px 0 !important;
font-size: 14px !important;
line-height: 18px !important;
}
/* контейнер инпута/textarea */
.workarea #order_form_div.order-checkout ul.zakaz-polja li > div{
display: block !important;
width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
}
/* сами поля */
.workarea #order_form_div.order-checkout input[type="text"],
.workarea #order_form_div.order-checkout input[type="email"],
.workarea #order_form_div.order-checkout input[type="tel"],
.workarea #order_form_div.order-checkout input[type="number"],
.workarea #order_form_div.order-checkout select{
width: 100% !important; /* перебиваем 300px */
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
font-size: 16px !important; /* чтобы iOS не зумил */
padding: 10px !important;
height: auto !important;
}
.workarea #order_form_div.order-checkout textarea,
.workarea #order_form_div.order-checkout textarea#ORDER_PROP_20{
width: 100% !important; /* было 632px */
max-width: 100% !important;
box-sizing: border-box !important;
font-size: 16px !important;
padding: 10px !important;
min-height: 120px !important;
}
/* кнопка "Оформить заказ" */
.workarea #order_form_div.order-checkout input.bt3{
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
font-size: 16px !important;
padding: 12px 14px !important;
margin: 10px 0 0 0 !important;
}
/* -------- Состав заказа: НЕ перестраиваем таблицу, только скролл если не влезает -------- */
.workarea #order_form_div.order-checkout .section table{
width: 100% !important;
}
.workarea #order_form_div.order-checkout .section table thead,
.workarea #order_form_div.order-checkout .section table tbody,
.workarea #order_form_div.order-checkout .section table tr,
.workarea #order_form_div.order-checkout .section table td,
.workarea #order_form_div.order-checkout .section table th{
/* ничего не ломаем: не меняем display/flex/grid */
}
.workarea #order_form_div.order-checkout .section table{
display: block; /* даёт возможность горизонтального скролла */
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.documents-view {
max-width: 900px;
margin: 20px auto;
padding: 0 10px;
}
.documents-view img {
display: block;
width: 100%;
height: auto;
margin-bottom: 20px;
border: 1px solid #ccc;
background: #fff;
}
#suhenko-documents {
display: block;
position: relative;
top: -120px;
visibility: hidden;
}
/* BASKET — нижняя строка: согласие слева, итог и кнопка справа */
.basket-bottom-row{
width: 99.9% !important;
margin: 10px 0 0 0 !important;
padding: 0 !important;
border-collapse: collapse !important;
border: none !important;
background: transparent !important;
}
.basket-bottom-row td{
border: none !important;
background: transparent !important;
}
.basket-bottom-consent-cell{
width: auto !important;
padding: 0 12px 0 0 !important;
vertical-align: top !important;
text-align: left !important;
}
.basket-bottom-order-cell{
width: 185px !important;
padding: 0 !important;
vertical-align: top !important;
text-align: right !important;
white-space: nowrap !important;
}
/* BASKET — блок согласия в стиле LOGIN / REGISTER */
.basket-consent-box{
width: 100% !important;
margin: 0 !important;
padding: 8px 10px !important;
background: #f7f7f7 !important;
border-left: 3px solid #ffa300 !important;
border-radius: 4px !important;
color: #5e5e5e !important;
font-size: 11px !important;
line-height: 14px !important;
text-align: left !important;
box-sizing: border-box !important;
}
.basket-consent-label{
display: block !important;
margin: 0 !important;
padding: 0 !important;
color: #5e5e5e !important;
font-size: 11px !important;
line-height: 14px !important;
font-weight: normal !important;
cursor: pointer !important;
}
.basket-consent-checkbox{
float: left !important;
width: 14px !important;
height: 14px !important;
margin: 1px 7px 0 0 !important;
padding: 0 !important;
cursor: pointer !important;
}
.basket-consent-text{
display: block !important;
overflow: hidden !important;
color: #5e5e5e !important;
font-size: 11px !important;
line-height: 14px !important;
}
.basket-consent-text a{
color: #1b3e4f !important;
font-size: 11px !important;
line-height: 14px !important;
text-decoration: underline !important;
font-weight: bold !important;
}
.basket-consent-text a:hover{
text-decoration: none !important;
}
.basket-consent-error{
clear: both !important;
margin: 6px 0 0 21px !important;
color: #d00000 !important;
font-size: 11px !important;
line-height: 14px !important;
}
/* BASKET — итог и кнопка */
.basket-order-total{
display: block !important;
margin: 0 0 5px 0 !important;
padding: 0 !important;
color: #5e5e5e !important;
font-size: 13px !important;
line-height: 16px !important;
text-align: right !important;
white-space: nowrap !important;
}
#basketOrderButton2{
display: inline-block !important;
white-space: nowrap !important;
}
@media screen and (max-width: 768px){
.basket-bottom-row,
.basket-bottom-row tbody,
.basket-bottom-row tr,
.basket-bottom-row td{
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
}
.basket-bottom-consent-cell{
padding: 0 !important;
}
.basket-bottom-order-cell{
width: 100% !important;
margin-top: 10px !important;
padding: 0 !important;
text-align: right !important;
white-space: normal !important;
}
.basket-consent-box{
width: 100% !important;
margin: 0 !important;
padding: 7px 8px !important;
font-size: 10px !important;
line-height: 13px !important;
}
.basket-consent-label,
.basket-consent-text,
.basket-consent-text a{
font-size: 10px !important;
line-height: 13px !important;
}
.basket-consent-checkbox{
width: 14px !important;
height: 14px !important;
margin: 0 7px 0 0 !important;
}
.basket-consent-error{
margin-left: 21px !important;
font-size: 10px !important;
line-height: 13px !important;
}
.basket-order-total{
margin: 0 0 7px 0 !important;
font-size: 13px !important;
line-height: 16px !important;
text-align: right !important;
}
#basketOrderButton2{
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 10px 12px !important;
text-align: center !important;
font-size: 14px !important;
}
}