html,body {
margin:0;
padding:0;
width:100%;
height:100%;
}
body {
font-family:'PT Sans',sans-serif;
font-size:14px;
line-height:20px;
color:#212121;
min-width:1000px;
margin: 0px;
}
img {
max-width: 100%;
}
.br {
height:1px;
line-height:1px;
font-size:1px;
clear:both;
}
.clear {
clear:both;
}
:focus {
outline:none;
}
a img {
border:none;
}
a {
color: #373737;
text-decoration: underline;
transition: 0.3s;}
a:hover {
color: #3aa7df;}
.tac {
text-align: center;
}
.price, .new_price {white-space:nowrap;}
.wrap {
width:1000px;
margin:0 auto -60px;
/*min-height:100%;*/
margin-top:-30px;
}
.w1 {
/*min-height:100%;*/
margin-top:45px;
margin: 0 auto;
}
.content {
}
/* Шапка */
header {
height:158px;
}
.center {
width:1000px;
margin:0 auto;
position:relative;
}
header .htop {
height:50px;
background:#3aa7df;
width:100%;
position:fixed;
z-index:1000;
}
/*header .htop ul {
padding:0px;
margin:0px;
}
header .htop ul a {
text-decoration:none;
}
header .htop ul li {
float:left;
position:relative;
color:#ffffff;
list-style:none;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
margin-top:14px;
margin-right:70px;
}
*/
/*меню*/
header .htop .top_menu{
padding: 0px;
margin: 0px;
}
header .htop .top_menu li{
float: left;
position: relative;
list-style: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
margin-top: 0px;
padding: 15px 33px;
}
header .htop .top_menu li a {
text-decoration: none;
color: #ffffff;
}
header .htop .top_menu li:hover {
background: #f4f4f4;
}
header .htop .top_menu li:hover a {
color: #000000;
}
header .htop .top_menu .parent:hover .submenu {
display: block;
}
header .htop .top_menu li .submenu {
padding: 0px;
margin: 0px;
margin-left: -20px;
display: none;
position: absolute;
width: 360px;
/*width: 330px;*/
left: 20px;
background: #f4f4f4;
top: 50px;
-webkit-box-shadow: 0px 8px 25px -7px rgba(6,28,40,1);
-moz-box-shadow: 0px 8px 25px -7px rgba(6,28,40,1);
box-shadow: 0px 8px 25px -7px rgba(6,28,40,1);
}
header .htop .top_menu li .submenu li{
float: none;
position: relative;
padding: 20px 20px 0px 20px;
text-transform: none;
transition: 0.3s;
}
header .htop .top_menu li .submenu li:last-child a{
border-bottom: none;
padding-bottom: 15px;
}
header .htop .top_menu li .submenu li a {
color: #000000;
display: block;
/*width: 268px;*/
width: 320px;
padding-bottom: 15px;
border-bottom: 1px solid #e1e1e1;
}
header .htop .top_menu li .submenu li a .img {
width: 29px;
height: 24px;
float: left;
margin-right: 10px;
}
header .htop .top_menu li .submenu li:hover a .img {
background-position: -29px 0px;
}
header .htop .top_menu li .submenu li:hover {
background: #272828;
background: #3aa7df;
}
header .htop .top_menu li .submenu li:hover a {
color: #ffffff;
border-bottom: 1px solid #272828;
border-bottom: 1px solid #3aa7df;
}
header .htop .top_menu .parent .submenu .parent2:hover .subsubmenu {
display: block;
z-index: 99;
}
header .htop .top_menu li .submenu li .subsubmenu{
padding: 0px;
margin: 0px;
margin-left: -20px;
display: none;
position: absolute;
width: 275px;
max-height: 391px;
overflow: auto;
left: 380px;
background: #272828;
top: 0px;
-webkit-box-shadow: 0px 8px 25px -7px rgba(6,28,40,1);
-moz-box-shadow: 0px 8px 25px -7px rgba(6,28,40,1);
box-shadow: 0px 8px 25px -7px rgba(6,28,40,1);
background: #f4f4f4;
}
.top_menu .mCSB_scrollTools .mCSB_draggerContainer {
width:7px;
background: #525251 ;
top: 17px;
max-height: 360px;
}
.top_menu .mCSB_scrollTools .mCSB_draggerRail{
background: #525251 !important;
}
.top_menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 16px;
height: 100%;
margin: 0 auto;
position: relative;
text-align: center;
width: 7px;
}
.top_menu .mCSB_scrollTools .mCSB_dragger {
background: #2686b8;
cursor: pointer;
height: 30px;
width: 100%;
z-index: 1;
}
.top_menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background: #2686b8;
}
.top_menu .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background: #2686b8;
}
.top_menu .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.top_menu .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background: #2686b8;
}
header .htop .top_menu li .submenu li .subsubmenu li{
float: none;
position: relative;
padding: 20px 20px 0px 20px;
text-transform: none;
transition: 0.3s;
}
header .htop .top_menu li .submenu li:last-child a{
border-bottom: none;
padding-bottom: 15px;
}
header .htop .top_menu li .submenu li .subsubmenu li a {
color: #3aa7df;
display: block;
width: 225px;
padding-bottom: 15px;
border-bottom: 1px solid #2b414d;
color: #000;
border-bottom: 1px solid #e1e1e1;
}
header .htop .top_menu li .submenu li .subsubmenu li a .img2 {
width: 26px;
height: 24px;
float: left;
margin-right: 10px;
}
header .htop .top_menu li .submenu li .subsubmenu li:hover a .img2 {
background-position: -26px 0px;
}
header .htop .top_menu li .submenu li .subsubmenu li:hover a {
color: #85c152;
color: #fff;
border-bottom-color: #3aa7df;
}
header .htop .top_menu li .submenu li .subsubmenu li:last-child a {
border-bottom: none;
padding-bottom: 15px;
}
/**/
header .htop .print {
width:59px;
height:49px;
background:url(images/print.png);
float:right;
position:relative;
}
header .hbottom {
height:90px;
background:#ffffff;
width:100%;
padding-top:87px;
}
header .hbottom .logo {
width:180px;
height:53px;
background:url(images/logo.png);
float:left;
position:relative;
margin-right:50px;
}
header .hbottom .tel {
width:240px;
height:45px;
float:left;
position:relative;
margin-right:50px;
color:#737373;
font-size:13px;
line-height:24px;
}
header .hbottom .tel span {
font-size:26px;
font-weight:bold;
color:#000000;
}
header .hbottom .private {
width:185px;
height:55px;
float:left;
position:relative;
margin-right:30px;
color:#737373;
font-size:13px;
}
/*header .hbottom .private a {
display:block;
width:180px;
height:18px;
margin-bottom:10px;
color:#737373;
text-decoration:none;
}*/
header .hbottom .private .a_user span {
border-bottom:1px dotted #737373;
}
header .hbottom .private .a_lock span {
border-bottom:1px solid #737373;
}
header .hbottom .private a .user {
width:15px;
height:17px;
float:left;
position:relative;
background:url(images/user.png);
margin-right:7px;
}
header .hbottom .private .a_user:hover span {
color:#85c152;
border-bottom:1px dotted #85c152;
}
header .hbottom .private .a_user:hover .user {
background-position:-15px 0px;
}
header .hbottom .private a .lock {
width:12px;
height:16px;
float:left;
position:relative;
background:url(images/lock.png);
margin-right:11px;
}
header .hbottom .private .a_user,
header .hbottom .private .a_lock {
display: block;
width:180px;
/*height: 18px;*/
height: auto;
margin-bottom: 6px;
color: #737373;
text-decoration: none;
position: relative;
float: left;
}
header .hbottom .private .a_lock:hover span {
color:#3aa7df;
border-bottom:1px solid #3aa7df;
}
header .hbottom .private .a_lock:hover .lock {
background-position:-12px 0px;
}
header .hbottom .busket {
width:260px;
height:70px;
float:right;
position:relative;
background:#85c152;
}
header .hbottom .busket a .go_to {
width:260px;
height:26px;
text-transform:uppercase;
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:underline;
margin-left:20px;
margin-top:10px;
}
header .hbottom .busket a .string {
width:223px;
height:2px;
position:relative;
float:left;
background:url(images/string.png);
margin-left:20px;
}
header .hbottom .busket a {
text-decoration:none;
display:block;
width:260px;
height:70px;
position:relative;
}
header .hbottom .busket a:hover .go_to {
color:#000000;
}
header .hbottom .busket a .number {
width:260px;
height:30px;
color:#ffffff;
font-size:13px;
margin-left:20px;
position:relative;
float:left;
margin-top:3px;
}
header .hbottom .busket a .number .bold,header .hbottom .busket a .number .href {
text-decoration:underline;
font-weight:bold;
transition:all 0.3s;
}
header .hbottom .busket a:hover .number .href {
color: #000000;
}
/* Главная */
.wrap .center .slider {
width:1000px;
height:385px;
background:#ffffff;
margin:50px 0px 100px;
position:relative;
-webkit-box-shadow:0px 17px 32px -12px rgba(6,28,40,1);
-moz-box-shadow:0px 17px 32px -12px rgba(6,28,40,1);
box-shadow:0px 17px 32px -12px rgba(6,28,40,1);
}
.wrap .center .slider .slide {
width:1000px;
height:385px;
}
.wrap .center .slider .prev {
width:43px;
height:54px;
background:url(images/prev.png);
position:absolute;
top:143px;
cursor: pointer;
z-index: 100;
}
.wrap .center .slider .prev:hover, .wrap .center .slider .next:hover {
background-position:-43px 0px !important;
}
.wrap .center .slider .next {
width:43px;
height:54px;
background:url(images/next.png);
position:absolute;
right:0px;
top:143px;
cursor: pointer;
z-index: 100;
}
.wrap .center .sale {
width:100%;
/*height:300px;
height:150px;*/
margin-bottom:50px;
height: 500px;
}
.wrap .center .sale .block {
width:320px;
height:116px;
position:relative;
float:left;
background:#f4f4f4;
margin-right:20px;
margin-bottom:10px;
border-bottom:1px solid #e2e2e2;
}
.wrap .center .sale a:active .block {
-webkit-box-shadow:inset 0px 2px 3px 0px rgba(219,219,219,1);
-moz-box-shadow:inset 0px 2px 3px 0px rgba(219,219,219,1);
box-shadow:inset 0px 2px 3px 0px rgba(219,219,219,1);
}
.wrap .center .sale a {
text-decoration:none;
}
.wrap .center .sale .block .left {
width:75px;
height:75px;
position:relative;
float:left;
margin-top:20px;
margin-left:15px;
margin-right:15px;
}
.wrap .center .sale .b1 .left {
/* background:url(images/b1.png) 0 0 no-repeat; */
background:url(images/b2.png) 0 0 no-repeat;
}
.wrap .center .sale .b2 .left {
/* background:url(images/b2.png) 0 0 no-repeat; */
background:url(images/b5.png) 0 0 no-repeat;
}
.wrap .center .sale .b3 .left {
background:url(images/b3.png) 0 0 no-repeat;
}
.wrap .center .sale .b4 .left {
background:url(images/b4.png) 0 0 no-repeat;
}
.wrap .center .sale .b5 .left {
background:url(images/b5.png) 0 0 no-repeat;
}
.wrap .center .sale .b3 {
margin-right:0px;
}
.wrap .center .sale .b2 {
width:660px;
margin-right:0px;
}
.wrap .center .sale a:hover .b1 .title {
color:#3aa7df;
}
.wrap .center .sale a:hover .b2 .title {
color:#ffb800;
}
.wrap .center .sale a:hover .b3 .title {
color:#85c152;
}
.wrap .center .sale a:hover .b4 .title {
color:#ff3500;
}
.wrap .center .sale a:hover .b5 .title {
color:#656868;
}
.wrap .center .sale .block .right {
width:210px;
height:80px;
position:relative;
float:left;
margin-top:20px;
}
.wrap .center .sale .block .right .title {
font-size:17px;
font-weight:bold;
color:#292a2a;
text-decoration:underline;
margin-bottom:6px;
transition:all 0.3s;
}
.wrap .center .sale .block .right .descr {
font-size:13px;
color:#727373;
}
.wrap .center .sale .b2 .right {
width:536px;
}
.info {
height:400px;
background:#f4f4f4;
padding-top:20px;
-webkit-box-shadow:inset 0px 5px 37px -16px rgba(58,67,72,1);
-moz-box-shadow:inset 0px 5px 37px -16px rgba(58,67,72,1);
box-shadow:inset 0px 5px 37px -16px rgba(58,67,72,1);
margin: 0 0 60px;
}
.center h1 {
font-size:30px;
font-weight:bold;
text-align:center;
}
.info_block ul {
padding:0px;
margin:0px;
margin-top:40px;
}
.info_block ul li {
float:left;
position:relative;
list-style:none;
margin-right:40px;
}
.info_block ul li a {
display:block;
color:#000000;
width:220px;
height:195px;
margin-top:14px;
text-align:center;
}
.info_block ul li a .img {
width:113px;
height:75px;
overflow:hidden;
margin:15px auto;
}
.info_block ul li:last-child {
margin-right:0px;
}
.info_block ul li a .date {
color:#969696;
font-size:14px;
margin-bottom:10px;
}
.info_block ul li a {
text-decoration:none
}
.info_block ul li a .announce {
text-decoration:underline;
font-size:17px;
font-weight:bold;
transition:all 0.3s;
}
.info_block ul li a:hover .announce {
color:#3aa7df;
}
.info_block .scroll {
width:1000px;
height:10px;
background:url(images/scroll.png);
margin-top:40px;
}
.info_block .scroll .track {
width:240px;
height:11px;
background:url(images/track.png);
position:relative;
margin-left:50px;
cursor:pointer;
}
.cooper {
width:100%;
/*height:580px;*/
}
.cooper h1 {
text-align:left;
margin-bottom:40px;
margin-top:30px;
}
.cooper .benefits {
width:665px;
position:relative;
float:left;
margin-right:20px;
margin-bottom:36px;
}
.cooper .benefits .ben {
width:312px;
height:auto;
position:relative;
float:left;
margin-bottom:30px;
margin-right:20px;
min-height: 120px;
}
.cooper .benefits .ben .img {
width:70px;
height:60px;
position:relative;
float:left;
}
.cooper .benefits .ben .text {
width:232px;
height:auto;
position:relative;
float:left;
overflow:auto;
}
.cooper .benefits .ben .text span {
display:block;
width:232px;
height:auto;
position:relative;
float:left;
overflow:auto;
font-weight:bold;
margin-bottom:5px;
}
.cooper .about {
margin-top: -60px;
width:292px;
padding-left:20px;
/*height:376px;*/padding-bottom: 20px;
position:relative;
float:left;
background:#e5eff5;
-webkit-box-shadow:0px 18px 22px -12px rgba(111,119,122,1);
-moz-box-shadow:0px 18px 22px -12px rgba(111,119,122,1);
box-shadow:0px 18px 22px -12px rgba(111,119,122,1);
}
.cooper .about h2 {
font-weight:18px;
font-weight:bold;
}
.cooper .about .string {
width:268px;
height:2px;
position:relative;
float:left;
background:url(images/string2.png);
margin-bottom:15px;
}
.cooper .about .subtitle {
font-weight:13px;
font-weight:bold;
}
.cooper .about p {
font-weight:13px;
font-weight:normal;
display:block;
width:250px;
margin-left:10px;
}
.cooper .about p a {
color:#373737;
}
.cooper .about p:before {
content:'';
width:3px;
height:52px;
position:absolute;
left:20px;
margin-top:3px;
background:#3aa7df;
}
.cooper .about .button {
width:112px;
height:28px;
padding:5px 10px;
display:block;
background:#3aa7df;
color:#ffffff;
text-decoration:none;
font-weight:14px;
font-weight:bold;
text-align:center;
line-height:27px;
margin-top:40px;
margin-left:60px;
-webkit-box-shadow:0px 1px 2px 0px rgba(77,103,116,1);
-moz-box-shadow:0px 1px 2px 0px rgba(77,103,116,1);
box-shadow:0px 1px 2px 0px rgba(77,103,116,1);
}
.cooper .about .button:hover {
background:#68b4db;
}
.response {
height:400px;
background:#ffffff;
padding-top:50px;
-webkit-box-shadow:inset 0px 12px 37px -27px rgba(58,67,72,1);
-moz-box-shadow:inset 0px 12px 37px -27px rgba(58,67,72,1);
box-shadow:inset 0px 12px 37px -27px rgba(58,67,72,1);
}
.response_block ul {
padding:0px;
margin: 20px 0px 0px;
}
.response_block ul li {
float:left;
position:relative;
list-style:none;
margin-right:5px;
}
.response_block ul li a {
display:block;
color:#000000;
width:190px;
height:195px;
margin-top:14px;
text-align:center;
}
.response_block ul li a .img {
height: 95px;
line-height: 144px;
margin: 0 auto;
overflow: visible;
text-align: center;
width: 126px;
}
.response_block ul li:last-child {
margin-right:0px;
}
.response_block ul li a {
text-decoration:none
}
.response_block ul li a .announce {
font-size: 17px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.response_block ul li a .announce span {
border-bottom: 1px dotted #000000;
}
.response_block ul li a:hover .announce {
color:#85c152;
}
.response_block #bar{
width:1000px;
height:10px;
background:url(images/scroll.png);
margin-top:40px;
position: relative;
}
.response_block #bar #knob {
width:240px;
height:11px;
background:url(images/track.png);
position:relative;
/*margin-left:50px;*/
cursor: pointer;
}
/* Зарегистрированный*/
header .hbottom .private a .name_user {
width: 153px;
height: auto;
float: left;
position: relative;
text-decoration: underline;
font-weight: bold;
line-height: 15px;
margin-bottom: 3px;
}
header .hbottom .private .a_user:hover .name_user{
color: #85c152;
}
header .hbottom .private a .star_fav {
width: 12px;
height: 13px;
position: relative;
float: left;
background: url(images/star.png);
margin-top: 2px;
margin-right: 12px;
background-position: -12px 0px;
}
header .hbottom .private a .favorite {
width: 100px;
height: auto;
position: relative;
float: left;
text-decoration: underline;
color: #85c152;
}
header .hbottom .private a .favorite span {
border-bottom:none;
}
header .hbottom .private a .favorite:hover span {
color: #85c152;
border-bottom:none;
}
header .hbottom .private .plus {
width: 25px;
height: auto;
position: relative;
float: left;
color: #f7562c;
margin-right: 5px;
opacity: 0;
}
header .hbottom .private .exit{
width: 0px;
height: auto;
position: relative;
float: left;
}
header .hbottom .private .exit a {
text-decoration: underline;
color: #8d8d8d;
}
header .hbottom .private .exit a:hover {
color: #202020;
}
header .hbottom .private .l1 {
width: 130px;
}
/* Фильтр */
.filter {
width: 940px;
height: 190px;
background: #212121 !important;
position: absolute;
position: fixed;
z-index: 30;
top: 50px;
padding: 0px 30px 30px 30px;
display:none;
}
.filter h2 {
color: #ffffff;
text-align: center;
margin-top: 30px;
}
.filter .sel_block {
width: 300px;
height: 40px;
position: relative;
float: left;
margin-right: 20px;
margin-top: 20px;
}
.filter .list_sel .sel_block:nth-child(3n) {
margin-right: 0px;
}
.filter .blue_button {
font-size: 18px;
margin-top: 25px;
}
/* Селект*/
.jq-selectbox {
vertical-align: middle;
cursor: pointer;
-webkit-box-shadow: 0px 4px 13px -1px rgba(42,114,151,1);
-moz-box-shadow:0px 4px 13px -1px rgba(42,114,151,1);
box-shadow: 0px 4px 13px -1px rgba(42,114,151,1);
}
.jq-selectbox__select {
width: 255px !important;
height: 40px;
padding: 0 35px 0 10px;
background: #f1f1f1;
color: #000000;
font-weight: bold;
font-size: 14px;
-moz-transition: all 0.3s;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition: all 0.3s;
line-height: 40px;
}
.jq-selectbox.disabled .jq-selectbox__select {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-box__select-text {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jq-selectbox__trigger {
position: absolute;
top: 1px;
right: 1px;
width: 28px;
height: 28px;
-moz-transition: all 0.3s;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition: all 0.3s;
}
.jq-selectbox__trigger-arrow {
position: absolute;
top: 18px;
right: 11px;
width: 11px;
height: 7px;
overflow: hidden;
background: url("images/select.png") 0 0;
}
.jq-selectbox.opened .jq-selectbox__trigger-arrow {
background-position: 0 -7px;
}
.jq-selectbox__dropdown {
width: 300px !important;
top: 40px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #707070;
-webkit-box-shadow: 0px 18px 15px -17px rgba(19,72,100,1);
-moz-box-shadow: 0px 18px 15px -17px rgba(19,72,100,1);
box-shadow: 0px 18px 15px -17px rgba(19,72,100,1);
}
.filter .jq-selectbox__dropdown {
max-height: 190px;
}
.jq-selectbox ul {
margin: 0;
padding: 0;
background: #f1f1f1;
padding: 0px 5px 10px 12px;
}
/*.jq-selectbox ul:before {
content: '';
width: 5px;
height: 170px;
background: #ffffff;
position: absolute;
top: 8px;
right: 15px;
}
.jq-selectbox ul:after {
content: '';
width: 7px;
height: 52px;
background: #000000;
position: absolute;
top: 8px;
right: 14px;
}*/
.filter .mCSB_scrollTools .mCSB_draggerContainer {
width:7px;
background: #ffffff ;
top: 17px;
max-height: 360px;
}
.filter .mCSB_scrollTools .mCSB_draggerRail{
background: #ffffff !important;
}
.filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 16px;
height: 100%;
margin: 0 auto;
position: relative;
text-align: center;
width: 7px;
}
.filter .mCSB_scrollTools .mCSB_dragger {
background: #000000;
cursor: pointer;
height: 30px;
width: 100%;
z-index: 1;
}
.filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background: #000000;
}
.filter .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background: #000000;
}
.filter .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.filter .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background: #000000;
}
.jq-selectbox li {
width: 220px;
line-height: 21px;
border-top: 1px solid #dedede;
padding: 7px 10px;
-moz-transition: all 0.3s;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition: all 0.3s;
color: #000000;
background: #f1f1f1;
}
.jq-selectbox ul li:first-child{
display:none!important;
}
.jq-selectbox li:nth-child(2) {
border-top: none;
}
.jq-selectbox li:hover {
color: #3aa7df;
font-weight: bold;
transition: 0.3s;
-webkit-box-shadow: 0px 4px 10px -3px rgba(42,114,151,1);
-moz-box-shadow: 0px 4px 10px -3px rgba(42,114,151,1);
box-shadow: 0px 4px 10px -3px rgba(42,114,151,1);
z-index: 60;
position: relative;
}
/* Войти */
header .hbottom .private .enter {
width: 260px;
padding: 18px;
height: auto;
position: absolute;
background: #ffffff;
z-index: 3;
left: 22px;
top: 30px;
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0px 12px 32px -11px rgba(6,28,40,1);
-moz-box-shadow: 0px 12px 32px -11px rgba(6,28,40,1);
box-shadow: 0px 12px 32px -11px rgba(6,28,40,1);
}
header .hbottom .private .enter:before {
content: '';
width: 17px;
height: 7px;
background: url(images/triangle.png);
position: absolute;
top: -7px;
left: 24px;
}
.private .enter .cross {
width: 9px;
height: 9px;
background: url(images/cross.png);
position: absolute;
top: 10px;
right: 10px;
}
.private .enter .cross:hover {
background-position: -9px 0px;
}
.private .enter .cap {
width: 100%;
height: 18px;
font-size: 12px;
color: #3d3d3d;
position: relative;
float: left;
margin-bottom: 4px;
}
/*.private .enter .field{
width: 237px;
height: 25px;
border: 1px solid #e0e0e0;
box-shadow: 0px 1px 0px 0px #e6e6e6 inset;
padding-left: 7px;
margin-bottom: 15px;
float: left;
}
.private .enter .field:focus {
border: 1px solid #bcbcbc;
}*/
.private .enter input {
width: 237px;
height: 25px;
border: 1px solid #e0e0e0;
box-shadow: 0px 1px 0px 0px #e6e6e6 inset;
padding-left: 7px;
margin-bottom: 15px;
float: left;
}
.private .enter input:focus {
border: 1px solid #bcbcbc;
}
/*
.private .enter input{
border: 1px solid #e0e0e0;
box-shadow: 0px 1px 0px 0px #e6e6e6 inset;
padding-left: 7px;
margin-bottom: 15px;
float: left;
}
.private .enter input:focus {
border: 1px solid #bcbcbc;
}
*/
.private .enter .error {
border: 1px solid #f78f74;
}
.private .enter .error:focus {
border: 1px solid #f78f74;
}
.private .enter .forget {
width: 100%;
height: 18px;
position: relative;
float: left;
margin-bottom: 4px;
}
.private .enter .forget a {
color: #b2b2b2;
font-size: 12px;
text-decoration: underline;
}
.private .enter .forget a:hover {
color: #3aa7df;
}
.blue_button {
padding: 10px 20px;
background: #3aa7df;
color: #ffffff;
text-decoration: none;
font-size: 14px;
font-weight: bold;
margin-top: 8px;
display: inline-block;
float: right;
border-left: 1px solid #3aa7df;
border-top: 1px solid #3aa7df;
-webkit-box-shadow: 1px 1px 3px 0px rgba(5,40,57,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(5,40,57,1);
box-shadow: 1px 1px 3px 0px rgba(5,40,57,1);
}
.blue_button:hover {
background: #45b5ef;
border-left: 1px solid #45b5ef;
border-top: 1px solid #45b5ef;
color: #ffffff;
-webkit-box-shadow: 1px 1px 3px 0px rgba(29,75,98,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(29,75,98,1);
box-shadow: 1px 1px 3px 0px rgba(29,75,98,1);
}
.blue_button:active {
background: #3aa7df;
border-left: 1px solid #2176a2;
border-top: 1px solid #2176a2;
}
/* */
/* Подвал */
/*.space_for_footer{height: 60px;}*/
.footer_wrap {
height:60px;
background:#292a2a;
color:#fff;
}
.footer_wrap a {
color:#fff;
text-decoration: none;
border-bottom: 1px solid;
}
.footer_wrap a:hover {
border-bottom-color: transparent;
}
.footer {
padding:20px 0px;
}
.footer .name {
/* width:240px; */
width:33%;
/* height:40px; */
position:relative;
float:left;
/* margin-right:20px; */
}
.footer .tel {
/* width:240px; */
width:34%;
text-align: center;
/* height:40px; */
position:relative;
float:left;
/* margin-right:20px; */
font-weight: bold;
font-size: 20px;
}
.footer .address {
/* width:240px; */
width:33%;
text-align:right;
/* height:40px; */
position:relative;
float:left;
/* margin-right:20px; */
}
.footer .copy {
width:200px;
height:40px;
position:relative;
float:right;
}
.footer .copy a {
color:#a0a0a0;
}
.footer .copy a:hover {
text-decoration: none;
}
/* Каталог */
.catalog {
width: 100%;
height: auto;
}
.catalog h1{
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
line-height: normal;
}
.catalog .full_width h1 {
clear: both;
}
.bread {
overflow: hidden;
margin-top: 35px;
}
.bread a {
display: block;
float: left;
position: relative;
margin-right: 5px;
color: #868686;
font-size: 11px;
}
.bread a:hover,
.bread a:active {
text-decoration: none;
}
.bread span {
display: block;
float: left;
position: relative;
margin-right: 5px;
color: #868686;
font-size: 11px;
}
.bread .arrow{
width: 10px;
height: 5px;
background: url(images/arrow.png);
float: left;
position: relative;
margin-top: 8px;
margin-right: 8px;
}
.catalog .line {
width: 100%;
height: 34px;
font-size: 12px;
}
.catalog .line .show{
width: 200px;
height: 34px;
float: left;
position: relative;
}
.catalog .line .show .show_text{
float: left;
position: relative;
margin-right: 8px;
}
.catalog .line .show a {
display: block;
width: auto;
height: 24px;
float: left;
position: relative;
text-decoration: none;
color: #000000;
font-size: 12px;
}
.catalog .line .show .show_href {
width: auto;
height: 14px;
float: left;
position: relative;
color: #000000;
color: #ffffff;
background: #85c152;
text-align: center;
border-radius: 50px;
padding: 8px;
line-height: 15px;
margin-top: -6px;
margin-right: 7px;
margin-left: 7px;
}
.catalog .line .show a:hover {
color: #85c152;
}
.catalog .line .show .show_href:hover {
color: #ffffff;
}
.catalog .line .sort{
width: 300px;
height: 34px;
float: left;
position: relative;
}
.catalog .line .sort a{
display: block;
width: auto;
height: 24px;
float: left;
position: relative;
text-decoration: none;
color: #000000;
}
.catalog .line .sort .sort_href {
width: auto;
height: 18px;
float: left;
position: relative;
color: #000000;
color: #ffffff;
background: #85c152;
text-align: center;
border-radius: 50px;
padding: 8px;
padding-top: 10px;
line-height: 15px;
margin-top: -7px;
margin-right: 7px;
margin-left: 7px;
}
.catalog .line .sort .sort_href .sort_arr {
margin-top: 6px;
}
.catalog .line .sort a:hover {
color: #85c152;
}
.catalog .line .sort .sort_href:hover {
color: #ffffff;
}
/*.catalog .line .sort a:active .sort_arr{
background-position: 0px -4px;
}*/
.catalog .line .sort a .sort_arr.asc {
background-position: 0px -4px;
}
.catalog .line .sort .sort_text{
float: left;
position: relative;
margin-right: 8px;
}
.catalog .line .sort span{
float: left;
position: relative;
display: block;
margin-right: 6px;
}
.catalog .line .sort .sort_arr{
width: 7px;
height: 4px;
float: left;
position: relative;
background: url(images/sort_arr.png);
margin-top: 8px;
}
.catalog .line .pages{
/*width: 217px;*/
height: 34px;
float: right;
position: relative;
}
.pages span{
float: left;
position: relative;
display: block;
margin-right: 10px;
}
.pages ul {
list-style-type: none;
padding: 0px;
margin-top: -4px;
float: left;
position: relative;
display: block;
}
.pages ul a{
float: left;
width: 28px;
height: 28px;
color: #000000;
text-align: center;
padding-top: 4px;
}
.pages ul a li {
width: 28px;
height: 28px;
}
.pages ul a {
text-decoration: none;
}
.pages ul a:hover {
color: #85c152;
}
.pages ul a:active li {
color: #000000;
}
.pages ul .current {
color: #000000;
float: left;
width: 28px;
height: 24px;
color: #ffffff;
background: #85c152;
text-align: center;
border-radius: 50px;
padding-top: 4px;
}
.pages .href_page {
width: 12px;
height: 22px;
float: left;
position: relative;
display: block;
}
.pages .href_page .arr_page{
width: 4px;
height: 7px;
background: url(images/arr_page.png);
margin-top: 7px;
margin-left: 5px;
}
.pages .href_page:hover .arr_page {
background-position: -4px 0px;
}
.pages .href_page.prev .arr_page{
background: url(images/arr_page2.png);
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 30px;
}
table tr td {
border: 1px solid #e5e5e5;
text-align: center;
}
table tr .header {
font-weight: bold;
}
table tr:hover {
background: #f9f9f9;
}
table tr td .place_photo {
width: 50px;
height: 50px;
border: 1px solid #e5e5e5;
margin: 0 auto;
line-height: 50px;
background: #ffffff;
overflow:hidden;
}
table tr td .place_photo img{
max-width: 50px;
max-height: 50px;
vertical-align: middle;
}
table tr td .name {
color: #373737;
text-decoration: underline;
}
table tr td .name:hover {
color: #3aa7df;
}
table tr td .sel {
display: block;
width: 150px;
height: 20px;
font-size: 12px;
color: #c2c2c2;
margin-top: 5px;
}
table tr td .sel .star{
width: 12px;
height: 13px;
position: relative;
float: left;
background: url(images/star.png);
margin-top: 2px;
margin-right: 5px;
}
table tr td .sel:hover {
color: #85c152;
}
table tr td .sel:hover .star{
background-position: -12px 0px;
}
table tr td .price {
font-weight: bold;
font-size: 14px;
}
table tr td .new_price {
font-weight: bold;
font-size: 14px;
color: #f7562c;
}
table tr td .last_price {
font-size: 10px;
text-decoration: line-through;
margin-top: -5px;
margin-bottom: -22px;
display: block;
}
table tr td .item {
font-size: 11px;
color: #8f8f8f;
margin-top: -3px;
display: block;
}
table tr td .reg {
width: 82px;
height: 22px;
position: relative;
float: left;
background: #f4f4f4;
margin-left: 20px;
margin-bottom: 10px;
display: inline-block;
}
.jsCartItems tr td .reg {
margin-left: 0;
}
table tr td .reg .min{
width: 22px;
height: 22px;
position: relative;
float: left;
background: url(images/min.png);
}
table tr td .reg .plu{
width: 22px;
height: 22px;
position: relative;
float: left;
background: url(images/plu.png);
}
table tr td .reg a:active .min,
table tr td .reg a:active .plu{
background-position: -22px 0px;
}
table tr td .reg input {
width: 36px;
height: 18px;
position: relative;
float: left;
background: #ffffff;
text-align: center;
border: none;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
}
table tr td .buy{
width: 82px;
height: 25px;
position: relative;
float: left;
display: inline-block;
background: #f7562c;
margin-left: 20px;
color: #ffffff;
text-decoration: none;
padding-top: 5px;
transition: all 0.3s;
margin-bottom: 6px;
-webkit-box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
}
table tr td .to_buy {
margin-top: 0px;
}
table tr td .to_buy .added {
top: 45px;
}
table tr td .buy:hover {
background: #f28c72;
}
.catalog .def {
color: #3d3d3d;
margin-bottom: 50px;
}
.catalog .def a{
color: #929292;
display: inline-block;
border-bottom: 1px dotted #929292;
width: 61px;
height: 16px;
text-decoration: none;
}
.catalog .def .not_vis {
display: none;
}
/* Категории товара */
.category {
width: 100%;
height: auto;
}
.category a .product{
width: 192px;
height: 211px;
position: relative;
float: left;
background: #f4f4f4;
margin-right: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #e2e2e2;
text-align: center;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
color: #000000;
transition: 0.3s;
padding: 0px 20px;
}
.category a .product p {
margin-top: 5px;
}
.category a:hover .product {
color: #0297e3;
transition: 0.3s;
-webkit-box-shadow: 0px 5px 42px -16px rgba(37,114,154,1);
-moz-box-shadow: 0px 5px 42px -16px rgba(37,114,154,1);
box-shadow: 0px 5px 42px -10px rgba(37,114,154,1);
}
.category a:nth-child(4n) .product{
margin-right: 0px;
}
.category a .product img {
margin-top: 25px;
}
.po a .product img {
margin-top: 0px;
}
.category a .product .center {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
text-decoration: underline;
display:inline-block;
vertical-align: middle;
margin-bottom: 20px;
}
.category a .product p {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
.category a .product .helper {
display:inline-block;
vertical-align:middle;
height:100%;
width:0px;
}
.line_blue {
width: 230px;
height: 1px;
background: #b0dcf2;
margin-top: 30px;
}
/* Карточка товара */
.card {
width:1000px;
height: auto;
margin-top: 50px;
}
.left_column {
width: 320px;
height: auto;
position: relative;
float: left;
}
.left_column .main_img {
width: 315px;
height: 290px;
overflow: hidden;
border: 1px solid #ececec;
line-height: 290px;
text-align: center;
margin-bottom: 20px;
}
.left_column .main_img img{
vertical-align: middle;
max-width: 315px;
max-height: 290px;
}
.left_column .previews {
width: 315px;
height: auto;
margin-bottom: 20px;
}
.left_column .previews a .preview{
width: 95px;
height: 82px;
overflow: hidden;
line-height: 80px;
text-align: center;
}
.left_column .previews a {
display: inline-block;
width: 95px;
height: 82px;
border: 1px solid #ececec;
position: relative;
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
.left_column .previews a:hover {
-webkit-box-shadow: 0px 3px 24px -6px rgba(37,114,154,1);
-moz-box-shadow: 0px 3px 24px -6px rgba(37,114,154,1);
box-shadow: 0px 3px 24px -6px rgba(37,114,154,1);
}
.left_column .previews a:nth-child(3n) {
margin-right: 0px;
}
.left_column .previews a .preview img{
vertical-align: middle;
max-width: 95px;
max-height: 82px;
}
h2 {
font-size: 18px;
font-weight: bold;
}
.suit {
width: 100%;
height: auto;
margin-bottom: 50px;
}
.suit .prior,
.suit .follow{
width: 23px;
height: 100%;
position: relative;
float: left;
}
.suit .prior {
margin-right: 12px;
}
.suit .prior a .prior_img {
width: 9px;
height: 15px;
background: url(images/prior.png);
margin-top: 35px;
position: relative;
float: right;
}
.suit .prior a:hover .prior_img,
.suit .follow a:hover .follow_img {
background-position: -9px 0px;
}
.suit .follow a .follow_img {
width: 9px;
height: 15px;
background: url(images/follow.png);
margin-top: 35px;
}
.suit .follow{
float: right;
}
.suit ul{
width: 250px;
height: auto;
padding: 0px;
margin: 0px;
display: block;
position: relative;
float: left;
overflow: hidden;
white-space: nowrap;
margin-bottom: 35px;
}
.suit ul li {
list-style: none;
display: inline-block;
position: relative;
width: 100px;
height: auto;
margin-left: 12px;
margin-right: 12px;
text-align: center;
text-decoration: none;
overflow: visible;
vertical-align: top;
}
.suit ul li a {
display: block;
text-decoration: none;
}
.suit ul li a .suit_img {
width: 98px; /*100px*/
height: 84px;
border: 1px solid #ececec;
line-height: 140px;
margin-bottom: 10px;
}
.suit ul li a .suit_img img {
max-width: 100%;
max-height: 100%;
}
.suit ul li a .suit_title {
text-decoration: underline;
color: #000000;
font-weight: bold;
font-size: 13px;
transition: 0.3s;
white-space: normal;
}
.suit ul li:hover a .suit_title {
color: #3aa7df;
}
.suit ul li a .suit_art {
color: #9c9c9c;
font-size: 11px;
white-space: normal;
}
.right_column {
width: 650px;
height: auto;
position: relative;
float: left;
margin-left: 30px;
}
.right_column .model, .model_podbor {
min-height: 20px;
background: #f1f1f1;
padding: 10px 20px;
color: #484848;
}
.right_column .model {
width: 440px;
}
.right_column .model a, .model_podbor a {
font-weight: bold;
border-bottom: 1px dotted #484848;
color: #484848;
text-decoration: none;
transition: 0.3s;
}
.right_column .model a:hover {
color: #85c152;
border-bottom: 1px dotted #85c152;
}
.right_column h1 {
text-align: left;
line-height: normal;
margin-top: 0;
}
.right_column .art {
font-weight: 13px;
color: #9c9c9c;
}
.right_column .high_left {
margin-right: 22px;
}
.right_column .high_left,
.right_column .high_right {
width: 274px;
/* height: 310px; */
height: 260px;
padding: 20px 20px;
position: relative;
float: left;
margin-top: 30px;
margin-bottom: 25px;
-webkit-box-shadow: 1px 5px 37px -11px rgba(37,114,154,1);
-moz-box-shadow: 1px 5px 37px -11px rgba(37,114,154,1);
box-shadow: 1px 5px 37px -11px rgba(37,114,154,1);
}
.right_column .high_left .number {
width: 110px;
height: 40px;
position: relative;
float: left;
font-size: 13px;
}
.right_column .high_left .number span {
font-weight: bold;
}
.right_column .high_left .more {
width: 150px;
height: 40px;
position: relative;
float: left;
margin-left: 4px;
font-style: italic;
color: #828282;
font-size: 13px;
margin-bottom:10px;
}
.right_column .high_left .more a {
border-bottom: 1px dotted #828282;
color: #828282;
text-decoration: none;
transition: 0.3s;
}
.right_column .high_left .more a:hover {
color: #85c152;
border-bottom: 1px dotted #85c152;
}
.right_column .high_left .choose {
width: 140px;
height: 25px;
position: relative;
float: left;
font-size: 13px;
}
.right_column .high_left .reg {
width: 82px;
height: 22px;
position: relative;
float: left;
/*background: #f4f4f4;*/
margin-left: 20px;
margin-bottom: 10px;
display: inline-block;
}
.right_column .high_left .reg .min{
width: 22px;
height: 22px;
position: relative;
float: left;
background: url(images/min.png);
}
.right_column .high_left .reg .plu{
width: 22px;
height: 22px;
position: relative;
float: left;
background: url(images/plu.png);
}
.right_column .high_left .reg a:active .min,
.right_column .high_left .reg a:active .plu{
background-position: -22px 0px;
}
.right_column .high_left .reg input {
width: 36px;
height: 18px;
position: relative;
float: left;
background: #ffffff;
text-align: center;
border: none;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
overflow: hidden;
}
.high_left .cost {
width: 150px;
height: 85px;
position: relative;
float: left;
margin-top: 10px;
}
.high_left .cost .last{
text-decoration: line-through;
}
.high_left .cost .new{
color: #f7562c;
font-weight: bold;
font-size: 24px;
margin-top: 5px;
}
.high_left .cost .sale_price{
font-size: 12px;
color: #808080;
line-height: 11px;
margin-top: 8px;
}
.high_left .cost .price{
color: #000000;
font-size: 24px;
font-weight: bold;
margin-top: 25px;
}
.to_buy {
width: 82px;
height: auto;
position: relative;
float: right;
margin-top: 27px;
}
.jsProducts .to_buy {
float: none;
}
.to_buy .buy_big {
width: 120px;
height: 40px;
position: relative;
float: right;
background: #f7562c;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 18px;
font-weight: bold;
line-height: 37px;
-webkit-box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
border-left: 1px solid #f7562c;
border-top: 1px solid #f7562c;
cursor: pointer;
}
.to_buy .buy_big:hover {
background: #f87654;
border-left: 1px solid #f87654;
border-top: 1px solid #f87654;
cursor: pointer;
}
.to_buy .buy_big:active {
background: #f7562c;
border-left: 1px solid #b4240f;
border-top: 1px solid #b4240f;
cursor: pointer;
}
.to_buy .added {
width: 195px;
/*height: 80px;*/
padding: 10px;
position: absolute;
top: 60px;
text-align: center;
border: 1px solid #6cc5f3;
background: #ffffff;
z-index: 51;
-webkit-box-shadow: 0px 2px 32px -8px rgba(37,114,154,1);
-moz-box-shadow: 0px 2px 32px -8px rgba(37,114,154,1);
box-shadow: 0px 2px 32px -8px rgba(37,114,154,1);
}
.to_buy .added:before {
content: '';
background: url("images/trian.png");
width: 22px;
height: 11px;
position: absolute;
left: 60px;
top: -11px;
}
.to_buy .added .to_basket {
margin-top: 4px;
}
.to_buy .added .to_basket a {
font-size: 15px;
color: #85c152;
font-weight: bold;
text-decoration: underline;
}
.to_buy .added .to_basket a:hover {
color: #010101;
}
.to_buy .added .good {
font-size: 13px;
color: #828282;
margin-top: 2px;
}
.high_left .delivery, .article-line .delivery {
width: 180px;
height: 25px;
margin-top: 6px;
}
.high_left .delivery a, .article-line .delivery a{
border-bottom: 1px dotted #828282;
color: #828282;
text-decoration: none;
transition: 0.3s;
font-size: 13px;
}
.high_left .delivery a:hover, .article-line .delivery a:hover{
color: #85c152;
border-bottom: 1px dotted #85c152;
}
.high_left .delivery img, .article-line .delivery img{
margin-right: 7px;
display: block;
position: relative;
float: left;
margin-top: 3px;
}
.high_left .already {
width: 300px;
padding-left: 27px;
height: 39px;
background: url(images/already.png);
position: absolute;
z-index: 50;
bottom: -2px;
left: -7px;
font-size: 13px;
line-height: 45px;
}
.high_left .already span {
font-weight: bold;
}
.high_right .price_soon {
width: 244px;
height: 52px;
background: #f1f1f1;
padding: 15px;
}
.high_right .price_soon .pr{
color: #787878;
font-size: 14px;
}
.high_right .price_soon .val{
color: #000000;
font-weight: bold;
font-size: 24px;
margin-top: 9px;
}
.high_right .soon {
margin-top: 30px;
}
.high_right .to_know {
font-size: 16px;
font-weight: bold;
color: #3aa7df;
border-bottom: 1px dotted #3aa7df;
text-decoration: none;
transition: 0.3s;
margin-top: 20px;
display: inline-block;
}
.high_right .to_know:hover {
color: #85c152;
border-bottom: 1px dotted #85c152;
}
.character {
width: 100%;
height: auto;
}
.character .left_char{
width: 315px;
height: auto;
position: relative;
float: left;
}
.character .right_char{
width: 315px;
height: auto;
position: relative;
float: right;
}
.character .line_char{
width: 295px;
height: auto;
padding: 10px;
position: relative;
float: left;
border-bottom: 1px solid #dedede;
font-size: 13px;
}
.character .line_char span {
font-weight: bold;
}
.character .left_char .line_char:last-child,
.character .right_char .line_char:last-child {
border-bottom: none;
}
.s1 .prior {
margin-right: 0px;
}
.s1 .prior,
.s1 .follow {
width: 10px;
}
.s1 .long {
width: 620px;
}
.rb1 ul li a .img {
line-height: 96px;
margin: 10px auto;
}
.rb1 ul li a .announce {
text-decoration: underline;
}
.rb1 ul li a .announce span {
border-bottom: none;
}
.rb1 ul li a:hover .announce {
color: #3aa7df;
}
.rb1 ul li a:hover .announce span{
border-bottom: none;
}
/* Низкая цена*/
.right_column .low_right {
width: 274px;
height: 240px;
padding: 20px 20px;
position: relative;
float: left;
margin-top: 30px;
margin-bottom: 25px;
background: #f4f4f4;
border-bottom: 1px solid #e2e2e2;
}
.low_right .attention {
width: 100%;
height: auto;
text-align: center;
text-transform: uppercase;
color: #268abc;
font-size: 13px;
font-weight: bold;
margin-top: 10px;
}
.low_right .line_att {
width: 100%;
height: 2px;
background: url(images/line_att.png);
margin-top: 20px;
}
.low_right .limit {
font-size: 13px;
text-align: center;
width: 230px;
margin: 20px auto;
}
.low_right .limit span {
font-weight: bold;
}
#preview_content {overflow: hidden;}
#preview_content ul {white-space: nowrap;}
#preview_content ul li {float: none; display: inline-block; vertical-align: top;}
#preview_content ul li a {white-space: normal;}
#products {overflow: hidden;}
#products ul {white-space: nowrap;}
#products ul li {float: none; display: inline-block; vertical-align: top;}
#products ul li a {white-space: normal;}
#special_offers {overflow: hidden;}
#special_offers ul {white-space: nowrap;}
#special_offers ul li {float: none; display: inline-block; vertical-align: top;}
#special_offers ul li a {white-space: normal;}
/* скроллер на главной */
.mCSB_scrollTools {
opacity: 1 !important;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
height: 17px !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
background: url("/bitrix/templates/nrmsoft/images/scroll.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
height: 10px !important;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
/*width: 240px !important;*/
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background: #3aa7df !important;
cursor: pointer;
height: 10px !important;
position: absolute;
/*width: 240px !important;*/
}
/* Контакты */
.picture {
width: 431px;
height: 341px;
position: relative;
float: left;
background: url(images/picture.png);
margin-right: 40px;
margin-bottom: 40px;
}
.contacts {
width: 245px;
height: auto;
position: relative;
float: left;
}
.contacts .contact {
width: 245px;
height: auto;
padding-bottom: 10px;
position: relative;
float: left;
margin-bottom: 15px;
border-bottom: 1px solid #e4e4e4;
}
.contacts .contact:last-child {
border-bottom: none;
}
.contacts .contact .point{
width: 24px;
height: 24px;
position: relative;
float: left;
margin-right: 20px;
}
.contacts .contact .text{
width: 200px;
height: auto;
position: relative;
float: left;
}
.map {
width: 1000px;
height: 497px;
background: url(images/map.png);
margin-bottom: 80px;
-webkit-box-shadow: 0px 16px 29px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 16px 29px -9px rgba(0,0,0,0.75);
box-shadow: 0px 16px 29px -9px rgba(0,0,0,0.75);
}
/* Корзина */
.your_type {
width: 960px;
height: 18px;
background: #f7f7f7;
padding: 11px 20px;
font-size: 12px;
}
.your_type a {
color: #3aa7df;
text-decoration: underline;
}
.your_type a:hover {
color: #000000;
}
.delete .del {
width: 9px;
height: 9px;
background-image: url(images/del.png);
margin: 0 auto;
}
.delete:hover .del {
background-position: -9px 0px;
}
table tr .gray {
border-bottom: none;
background: #f4f4f4;
height: 7px;
padding: 0px;
}
table tr .bottom {
border-top: none;
text-align: right;
font-size: 12px;
color: #3d3d3d;
}
table tr .bottom span {
text-decoration: line-through;
}
.jsCartItems tr .bottom span {
text-decoration: none;
}
table tr .bottom .total{
color: #85c152;
font-size: 24px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}
.offer {
width: 575px;
height: auto;
position: relative;
float: left;
color: #838383;
font-size: 12px;
margin-bottom: 80px;
}
.bb {
margin-top: 0px;
}
/* Корзина - оформление заказа */
.checkout {
width: 400px;
height: auto;
}
.sign{
width: 100%;
height: 25px;
position: relative;
float: left;
margin-top: 10px;
font-size: 13px;
}
.sign span {
color: #d74c4c;
}
.checkout input {
width: 390px;
height: 40px;
border: 1px solid #e0e0e0;
box-shadow: 1px 2px 3px 0px #e6e6e6 inset;
padding-left: 7px;
margin-bottom: 15px;
position: relative;
float: left;
margin-bottom: 20px;
font-weight: bold;
}
.checkout input:focus {
border: 1px solid #bcbcbc;
}
.checkout .error {
border: 1px solid #f78f74;
}
.checkout .error:focus {
border: 1px solid #f78f74;
}
.checkout .must {
color: #838383;
font-size: 12px;
margin-bottom: 30px;
}
.checkout .must span{
color: #d74c4c;
}
.checkout textarea {
width: 390px;
height: 100px;
border: 1px solid #e0e0e0;
box-shadow: 1px 2px 3px 0px #e6e6e6 inset;
padding: 7px 7px;
margin-bottom: 15px;
position: relative;
float: left;
margin-bottom: 20px;
resize: none;
font-family: "PT Sans",sans-serif;
font-size: 14px;
font-weight: bold;
}
.checkout textarea:focus {
border: 1px solid #bcbcbc;
}
.big_blue {
padding: 10px 20px;
background: #3aa7df;
color: #ffffff;
text-decoration: none;
font-size: 18px;
font-weight: bold;
display: inline-block;
border-left: 1px solid #3aa7df;
border-top: 1px solid #3aa7df;
-webkit-box-shadow: 1px 1px 3px 0px rgba(5,40,57,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(5,40,57,1);
box-shadow: 1px 1px 3px 0px rgba(5,40,57,1);
}
.big_blue:hover {
background: #45b5ef;
border-left: 1px solid #45b5ef;
border-top: 1px solid #45b5ef;
color: #ffffff;
-webkit-box-shadow: 1px 1px 3px 0px rgba(29,75,98,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(29,75,98,1);
box-shadow: 1px 1px 3px 0px rgba(29,75,98,1);
}
.big_blue:active {
background: #3aa7df;
border-left: 1px solid #2176a2;
border-top: 1px solid #2176a2;
}
.checkout .send {
margin-bottom: 50px;
}
/* Личный кабинет */
.privacy .part{
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.privacy .part a{
padding: 10px;
display: block;
background: #b7b7b7;
text-decoration: none;
color: #ffffff;
}
.privacy .choose a{
background: #3aa7df;
}
.privacy .part a:hover{
color: #ffffff;
background: #3aa7df;
}
.group {
width: 100%;
height: 25px;
position: relative;
float: left;
margin-top: 10px;
font-size: 13px;
}
.group span{
font-weight: bold;
}
.change {
margin-bottom: 30px;
}
.change a{
border-bottom: 1px dotted #3d3d3d;
text-decoration: none;
font-weight: bold;
}
.change a:hover{
border-bottom: 1px dotted #85c152;
color: #85c152;
}
.save {
margin-bottom: 10px;
}
.password {
width: 670px;
height: auto;
overflow: hidden;
background: #f6f6f6;
padding: 15px 20px;
margin-bottom: 30px;
}
.generate {
width: 245px;
height: 20px;
position: relative;
float: left;
margin-left: 20px;
margin-top: 10px;
}
.generate a{
color: #838383;
font-size: 12px;
text-decoration: underline;
}
.generate a:hover {
color: #3aa7df;
}
.post {
width: 400px;
height: 20px;
margin-top: 0px;
margin-bottom: 10px;
}
.post label {
color: #8b8b8b;
font-size: 13px;
}
.checkbox {
vertical-align: top;
margin: 0 3px 0 0;
width: 17px;
height: 17px;
}
.checkbox + label {
cursor: pointer;
}
.checkbox:not(checked) {
position: absolute;
opacity: 0;
}
.checkbox:not(checked) + label {
position: relative;
padding: 0 0 0 23px;
float: left;
}
.checkbox:not(checked) + label {
font-weight: normal;
width: 600px;
}
.block .checkbox:not(checked) + label {
width: 300px;
}
.checkbox:not(checked) + label:before {
content: '';
position: absolute;
top: 3px;
left: 0px;
width: 14px;
height: 14px;
background: url(images/not_check.png);
}
.checkbox:not(checked) + label:after {
content: '';
position: absolute;
top: 3px;
left: 4px;
width: 11px;
height: 10px;
background-image: url(images/check.png);
display: none;
transition: all 0.3s;
}
.checkbox:checked + label {
/*text-decoration: underline;*/
}
.checkbox:checked + label:before {
background-image: url(images/check2.png);
}
.checkbox:checked + label {
color: #8b8b8b;
font-size: 13px;
width: 600px;
}
.checkbox:checked + label:after {
content: '';
position: absolute;
top: 3px;
left: 4px;
width: 11px;
height: 10px;
display: block;
background-image: url("images/check.png");
transition: all 0.3s;
}
.all_prices {
width: 47px;
float: right;
position: relative;
}
.continue {
width: 140px;
}
/*История заказов*/
.place_for_table {
width: 575px;
margin-bottom: 60px;
}
.repeat {
margin-left: 15px;
}
.repeat .buy{
width: auto;
height: auto;
position: relative;
float: left;
display: inline-block;
background: #f7562c;
color: #ffffff;
text-decoration: none;
padding: 5px 14px;
white-space: nowrap;
margin-left: 0px;
transition: all 0.3s;
-webkit-box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
border-left: 1px solid #f7562c;
border-top: 1px solid #f7562c;
cursor: pointer;
}
.buy:hover {
background: #f87654;
border-left: 1px solid #f87654;
border-top: 1px solid #f87654;
cursor: pointer;
}
.buy:active {
background: #f7562c;
border-left: 1px solid #b4240f;
border-top: 1px solid #b4240f;
cursor: pointer;
}
.having {
color: #323232;
font-size: 12px;
font-weight: bold;
}
table .appear {
background: #e2f5ff;
}
table .appear:hover {
background: #e2f5ff;
}
table .appear td {
border: 2px solid #c4e3f3;
}
/* Запрос пароля */
.forget {
font-size: 13px;
}
.checkout .or {
font-size: 12px;
color: #838383;
position: absolute;
top: 92px;
right: -25px;
}
.authoriz {
margin-bottom: 30px;
}
.authoriz a{
font-size: 13px;
text-decoration: underline;
color: #737373;
}
.authoriz a:hover {
color: #3aa7df;
}
.send_pass {
margin-bottom: 20px;
}
.symbol {
font-size: 12px;
color: #838383;
position: absolute;
width: 280px;
top: 40px;
left: 423px;
}
.symbol a{
font-size: 12px;
text-decoration: underline;
color: #737373;
}
.symbol a:hover {
color: #3aa7df;
}
/*Регистрация */
.registr {
margin-top: 30px;
margin-bottom: 12px;
}
/* Каталог НТД */
.normative .part{
position: relative;
float: left;
margin-right: 13px;
margin-bottom: 10px;
}
.normative .part a{
padding: 5px 10px;
display: block;
background: #3aa7df;
font-size: 12px;
text-decoration: none;
color: #ffffff;
}
.normative .choose a{
background: #85c152;
}
.normative .part a:hover{
color: #ffffff;
background: #85c152;
}
.left_menu {
width: 380px;
height: auto;
position: relative;
float: left;
margin-right: 40px;
-webkit-box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.75);
box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.75);
margin-top: 30px;
margin-bottom: 70px;
}
.left_menu ul {
list-style: none;
}
.left_menu .level1 {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
.left_menu .level1 li:first-child a{
padding-top: 15px;
}
.left_menu .level1 li a{
display: block;
padding: 10px 20px;
color: #000000;
font-weight: bold;
font-size: 13px;
}
.left_menu .level1 li a:hover {
color: #ffffff;
text-decoration: none;
background: #85c152;
}
.left_menu .level1 li .level2 {
margin-top: 0px;
padding-left: 20px;
background: #f4f4f4;
}
.left_menu .level1 li .level2 li a {
display: block;
padding: 3px 10px;
color: #494949;
font-size: 12px;
}
.left_menu .level1 li .level2 li:first-child a{
padding-top: 15px;
}
.left_menu .level1 li .level2 li a:hover {
color: #77af47;
background: none;
text-decoration: underline;
}
.left_menu .level1 li .level2 li .level3 {
margin-top: 0px;
padding-left: 30px;
position: relative;
}
.left_menu .level1 li .level2 li .level3:before {
content: '';
width: 4px;
height: 100%;
background: #85c152;
position: absolute;
margin-left: -3px;
}
.left_menu .level1 li .level2 li .level3 li a {
color: #717171;
}
.left_menu .level1 li .level2 li .level3 li a:hover {
color: #77af47;
}
.left_menu .level1 li .level2 li .level3 li:first-child a {
padding-top: 0px;
}
.left_menu .level1 li .level2 li .level3 li .level4 {
margin-top: 0px;
padding-left: 30px;
position: relative;
}
.left_menu .level1 li .level2 li .level3 li .level4 li a {
}
.left_menu .level1 li .level2 li .level3 li .level4:before {
content: '';
width: 4px;
height: 100%;
background: #85c152;
position: absolute;
margin-left: -3px;
}
.left_menu .level1 li .level2 li .level3 li .level4 li .level5 {
margin-top: 0px;
padding-left: 30px;
position: relative;
}
.left_menu .level1 li .level2 li .level3 li .level4 li .level5:before {
content: '';
width: 4px;
height: 100%;
background: #85c152;
position: absolute;
margin-left: -3px;
}
.right_content {
width: 580px;
height: auto;
position: relative;
float: left;
margin-top: 30px;
margin-bottom: 70px;
}
.right_content.full_width {
width: auto;
float: none;
}
.not_foutnd {
float: left;
}
.not_foutnd.right_form {
margin-left: 30px;
width: 548px;
margin-top: 27px;
}
.multi-search_title {
margin-left: 32px;
margin-top: 0;
}
.multi-search_searchform {
border: 1px solid #e0e0e0;
margin: 17px 0 36px;
padding: 8px 31px 24px;
}
.multi-search_inputwrap {
display: inline-block;
position: relative;
}
.multi-search_searchform_input {
background-color: #f4f4f4;
border: 0 none;
box-shadow: 0 2px 2px 0 rgba(230, 230, 230, 1) inset;
height: 48px;
margin-top: 4px;
padding: 0 15px;
width: 455px;
}
.multi-search_searchform_submit {
background: url("images/lupa_blue.png") 0 0 no-repeat;
border: 0 none;
cursor: pointer;
height: 18px;
position: absolute;
right: 13px;
top: 19px;
width: 18px;
}
.multi-search_podbor {
cursor: pointer;
font-size: 18px;
margin: 11px 0 24px 32px;
padding: 15px 21px 15px 67px;
position: relative;
}
.multi-search_podbor:hover {
background-color:#3aa7df;
}
.multi-search_podbor:before {
background: url("images/print2.png") 0 0 no-repeat;
height: 49px;
position: relative;
width: 59px;
position: absolute;
content: "";
top: 9px;
left: 12px;
}
.not_foutnd.left_form {
margin-top: 30px;
}
.right_content .search, .not_foutnd .search {
width: 530px;
height: auto;
overflow: hidden;
background: #f4f4f4;
padding: 5px 25px 20px;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 30px;
}
.right_content.full_width .search {
width: auto;
}
.not_foutnd .search {
padding: 17px 40px 16px;
width: 340px;
}
.right_content .search input, .not_foutnd .search input {
width: 520px;
height: 30px;
border: 1px solid #e0e0e0;
box-shadow: 1px 1px 1px 0px #e6e6e6 inset;
padding-left: 7px;
margin-bottom: 15px;
font-size: 12px;
position: relative;
float: left;
margin-bottom: 20px;
}
.not_foutnd .search input {
display: block;
height: 44px;
margin: 19px 0 -5px;
padding: 0 16px;
width: 307px;
font-size: 12.5px;
}
.right_content .search .to_search {
position: relative;
float: right;
}
.not_foutnd .search .to_search {
margin-bottom: 28px;
float:none;
margin-top: 33px;
}
.right_content .search .to_search a {
font-size: 14px;
}
.not_foutnd .search .to_search a {
font-size: 18px;
}
.right_content .description, .not_foutnd .description {
width: 410px;
height: auto;
line-height: 22px;
position: relative;
float: left;
}
.right_content .description span, .not_foutnd .description span {
font-weight: bold;
}
.right_content .image {
margin-top: 10px;
position: relative;
float: left;
margin-left: 20px;
max-width: 150px;
height: auto;
}
.right_content .image img {
max-width: 100%;
}
.document-buy-block {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
margin-top: 35px;
padding: 32px 0 32px;
text-align: center;
}
.document {
width: 215px;
margin: 0 auto;
margin-bottom: 50px;
}
.document-get, .document-buy {
/* margin: 0 23px; */
/* display: inline-block; */
margin-bottom: 20px;
position: relative;
display: block;
}
.document-get .big_red, .document-buy .big_red {
display: block;
}
.document-buy:before {
background: url(images/cart-button.png) 0 0 no-repeat;
content: "";
height: 30px;
left: 20px;
position: absolute;
top: 13px;
width: 30px;
}
.document-buy .big_red {
background-color: #7db245;
border-top: 1px solid #7db245;
border-left: 1px solid #7db245;
padding-left: 60px;
}
.document-buy .big_red:hover {
background-color: #97c16a;
border-top-color: #97c16a;
border-left-color: #97c16a;
}
.big_red {
display: inline-block;
background: #f7562c;
border-top: 1px solid #f7562c;
border-left: 1px solid #f7562c;
color: #ffffff;
font-weight: bold;
font-size: 20px;
text-decoration: none;
padding: 15px 20px;
transition: all 0.3s;
-webkit-box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
box-shadow: 1px 1px 3px 0px rgba(168,99,80,1);
}
.big_red:hover {
background: #f28c72;
border-top: 1px solid #f28c72;
border-left: 1px solid #f28c72;
color: #ffffff;
}
.big_red:active {
background: #f7562c;
border-top: 1px solid #c23e1c;
border-left: 1px solid #c23e1c;
}
.refer {
margin: 0px;
padding: 0px;
list-style: none;
}
.refer li {
margin: 5px 0px;
display: block;
width: 580px;
height: auto;
position: relative;
float: left;
}
.refer img {
width: 16px;
display: block;
position: relative;
float: left;
margin-top: 3px;
margin-right: 10px;
}
.refer .legend {
width: 550px;
position: relative;
float: left;
}
.refer a {
font-weight: bold;
}
.refer a:hover {
color: #85c152;
}
.base {
margin-bottom: 50px;
font-size: 13px;
}
.classifier {
list-style: none;
margin: 0px;
padding: 0px;
}
.classifier li a{
color: #3d3d3d;
font-size: 13px;
line-height: 24px;
}
.classifier li a:hover{
color: #85c152;
}
.classifier .backpath_wrap {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.classifier .backpath_main {
width: 200px;
}
.classifier .backpath_folders {
flex: 1 0;
}
.classifier .backpath_folders a {
/* display: inline-block; */
/* vertical-align: middle; */
line-height: 20px;
}
/* Получить документ */
.radio {
width: 100%;
height: auto;
margin: 20px 0;
}
.wrap input[type="radio"] {
display: none;
}
.radio label {
cursor: pointer;
width: 100%;
display: block;
overflow: hidden;
margin-bottom: 8px;
}
label.for-radio span {
background: url('images/radio1.png') no-repeat;
padding-left: 26px;
line-height: 16px;
display: block;
cursor: pointer;
}
label.for-radio input[type="radio"]:checked + span {
background: url('images/radio2.png') no-repeat;
}
.search textarea {
width: 513px;
height: 100px;
border: 1px solid #e0e0e0;
box-shadow: 1px 2px 3px 0px #e6e6e6 inset;
padding: 7px 7px;
margin-bottom: 25px;
position: relative;
float: left;
margin-bottom: 20px;
resize: none;
font-family: "PT Sans",sans-serif;
font-size: 14px;
}
.search textarea:focus {
border: 1px solid #bcbcbc;
}
.captcha-input-text {
width: 61% !important;
float:left;
}
.captcha-imagecode {
float: right;
position: relative;
top: -3px;
}
.captcha-error {
color: red;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
/* Всплывашка Узнать больше Информация о доставке */
.loading {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: #000;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: 0.75;
z-index: 1001;
}
.loading2 {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: #000;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: 0.75;
z-index: 1001;
}
.more_inf {
position: fixed;
width: 400px;
height: auto;
z-index: 1002;
left: 50%;
margin-left: -200px;
margin-top: -190px;
background: #ffffff;
border: 4px solid #48a6ed;
padding: 35px 35px;
-webkit-box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
-moz-box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
}
.more_inf a .close {
width: 36px;
height: 36px;
position: absolute;
background: url(images/close.png);
top: -40px;
right: -4px;
z-index: 1002;
}
.more_inf a:hover .close {
background-position: -36px 0;
}
.more_inf input {
width: 100%;
height: 38px;
border: 1px solid #e0e0e0;
box-shadow: 0px 1px 0px 0px #e6e6e6 inset;
padding-left: 7px;
margin-bottom: 15px;
float: left;
}
.more_inf input:focus {
border: 1px solid #bcbcbc;
}
.more_inf .caption {
font-size: 13px;
margin: 15px 0px 5px;
}
.more_inf .forget {
color: #8b8b8b;
text-decoration: underline;
display: block;
margin: 7px 0px 17px;
}
.more_inf .forget:hover {
color: #3aa7df;
}
.more_inf h1 {
text-align: center;
margin: 0px 0 35px;
}
.more_inf .post label a {
color: #8b8b8b;
text-decoration: underline;
}
.more_inf .post label a:hover {
color: #3aa7df;
}
.more_inf .error {
border: 1px solid #f78f74;
}
.more_inf .error:focus {
border: 1px solid #f78f74;
}
/* Всплывашка Заказать больше */
.more_order {
position: fixed;
width: 400px;
height: auto;
z-index: 1002;
left: 50%;
margin-left: -200px;
margin-top: -190px;
background: #ffffff;
border: 4px solid #48a6ed;
padding: 35px 35px;
-webkit-box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
-moz-box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
}
.more_order.centered_top {
top:50%;
}
.more_order a .close {
width: 36px;
height: 36px;
position: absolute;
background: url(images/close.png);
top: -40px;
right: -4px;
z-index: 1002;
}
.more_order a:hover .close {
background-position: -36px 0;
}
.more_order .order {
width: 100%;
height: 38px;
border: 1px solid #e0e0e0;
box-shadow: 0px 1px 0px 0px #e6e6e6 inset;
padding-left: 7px;
margin-bottom: 15px;
float: left;
}
.more_order .order:focus {
border: 1px solid #bcbcbc;
}
.more_order .caption {
font-size: 13px;
margin: 15px 0px 5px;
}
.more_order h1 {
font-size: 20px;
margin: 0px 0 5px;
}
.more_order .article {
color: #9c9c9c;
font-size: 13px;
}
.more_order .introduce {
width: 380px;
height: auto;
padding: 10px;
background: #ececec;
text-align: center;
margin: 20px 0px;
}
.more_order .number {
font-size: 13px;
margin-right: 15px;
position: relative;
float: left;
}
.more_order .reg {
width: 82px;
height: 22px;
position: relative;
float: left;
display: inline-block;
}
.more_order .reg .min{
width: 22px;
height: 22px;
position: relative;
float: left;
background: url(images/min.png);
}
.more_order .reg .plu{
width: 22px;
height: 22px;
position: relative;
float: left;
background: url(images/plu.png);
}
.more_order .reg a:active .min,
.more_order .reg a:active .plu{
background-position: -22px 0px;
}
.more_order .reg input {
width: 36px;
height: 18px;
position: relative;
float: left;
background: #ffffff;
text-align: center;
border: none;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
padding: 1px 0px;
}
.more_order .get_sale {
font-size: 13px;
color: #f7562c;
font-weight: bold;
margin-top: 10px;
}
.resend {
margin: 20px auto 0px;
width: 130px;
}
/* Всплывашка Заказать больше Авторизованный*/
.more_order_authoriz {
position: fixed;
width: 400px;
height: auto;
z-index: 1002;
left: 50%;
margin-left: -200px;
margin-top: -190px;
background: #ffffff;
border: 4px solid #48a6ed;
padding: 35px 35px;
-webkit-box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
-moz-box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
box-shadow: 3px 3px 30px 6px rgba(0,38,67,0.75);
}
.more_order_authoriz a .close {
width: 36px;
height: 36px;
position: absolute;
background: url(images/close.png);
top: -40px;
right: -4px;
z-index: 1002;
}
.more_order_authoriz a:hover .close {
background-position: -36px 0;
}
.more_order_authoriz h1 {
font-size: 27px;
margin: 0px 0 5px;
}
.more_order_authoriz .article {
color: #9c9c9c;
font-size: 13px;
}
.more_order_authoriz .introduce {
width: 380px;
height: auto;
padding: 10px;
background: #ececec;
text-align: center;
margin: 20px 0px;
}
.more_order_authoriz .number {
font-size: 13px;
margin-right: 15px;
position: relative;
float: left;
}
.more_order_authoriz .reg {
width: 82px;
height: 22px;
position: relative;
float: left;
display: inline-block;
}
.more_order_authoriz .reg .min{
width: 22px;
height: 22px;
position: relative;
float: left;
background: url(images/min.png);
}
.more_order_authoriz .more_price{
color: #56ba00;
font-weight: bold;
font-size: 34px;
margin-top: 17px;
}
.more_order_authoriz .reg .plu{
width: 22px;
height: 22px;
position: relative;
float: left;
background: url(images/plu.png);
}
.more_order_authoriz .reg a:active .min,
.more_order_authoriz .reg a:active .plu{
background-position: -22px 0px;
}
.more_order_authoriz .reg input {
width: 36px;
height: 18px;
position: relative;
float: left;
background: #ffffff;
text-align: center;
border: none;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
padding: 1px 0px;
}
.more_order .error {
border: 1px solid #f78f74;
}
.resend {
margin: 20px auto 0px;
width: 130px;
}
/* О компании */
.left_block {
width: 663px;
height: auto;
position: relative;
float: left;
}
.left_block .place_img {
min-width: 220px;
height: 188px;
display: inline-block;
float: left;
position: relative;
text-align: center;
line-height: 300px;
}
.left_block .result {
font-size: 18px;
font-weight: bold;
margin: 20px 0px 60px;
}
.left_block .result a {
color: #212121;
}
.left_block .result a:hover {
color: #3aa7df;
}
.right_block {
width: 263px;
height: auto;
position: relative;
float: left;
margin-left: 20px;
border: 2px solid #7ac043;
padding: 8px 25px;
margin-bottom: 40px;
}
.right_block .requisite {
font-size: 18px;
font-weight: bold;
position: absolute;
top: -16px;
left: 50%;
margin-left: -54px;
background: #ffffff;
padding: 5px 15px;
}
.right_block .list .element {
border-top: 1px solid #e9e9e9;
padding: 8px 0;
}
.right_block .list .element:first-child {
border-top: none;
margin-top: 20px;
}
.right_block .list .element span {
font-weight: bold;
}
.right_block .download {
display: inline-block;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: none;
}
.right_block .download .img{
width: 13px;
height: 13px;
background: url(images/download.png);
position: relative;
float: left;
margin-right: 8px;
margin-top: 5px;
}
.right_block .download .text{
color: #56ba00;
border-bottom: 1px dotted #56ba00;
font-size: 14px;
font-weight: bold;
text-decoration: none;
position: relative;
float: left;
line-height: 14px;
margin-top: 3px;
text-decoration: none;
}
.right_block .download:hover .img{
background-position: -13px 0px;
}
.right_block .download:hover .text{
color: #000000;
border-bottom: 1px dotted #000000;
}
.award{
height: 450px;
}
.award .center .response_block ul li a {
width: auto;
height: auto;
margin-bottom: 50px;
margin-right: 35px;
}
.award .response_block ul li a .img {
width: auto;
height: auto;
line-height: normal;
-webkit-box-shadow: 0px 18px 22px -12px rgba(111,119,122,1);
-moz-box-shadow: 0px 18px 22px -12px rgba(111,119,122,1);
box-shadow: 0px 18px 22px -12px rgba(111,119,122,1);
}
.search {
width: 263px;
width: 251px;
height: 32px;
position: relative;
float: right;
margin-top: 9px;
margin-top: -35px;
/* margin-right: 25px; */
}
.search .text{
width: 100%;
height: 32px;
padding-left: 8px;
margin-left: -9px;
background: #f4f4f4;
border: none;
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(230,230,230,1);
-moz-box-shadow: inset 0px 2px 2px 0px rgba(230,230,230,1);
box-shadow: inset 0px 2px 2px 0px rgba(230,230,230,1);
}
.search .submit {
width: 18px;
height: 18px;
background: url(images/lupa.png);
border: none;
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
}
.search .drop {
background: #ffffff;
width: 264px;
position: absolute;
top: 36px;
-webkit-box-shadow: 0px 13px 24px -8px rgba(6,28,40,1);
-moz-box-shadow: 0px 13px 24px -8px rgba(6,28,40,1);
box-shadow: 0px 13px 24px -8px rgba(6,28,40,1);
}
.search .drop ul{
padding: 0px;
margin: 0px;
list-style: none;
}
.search .drop ul li{
padding: 10px 15px;
border-bottom: 1px solid #efefef;
font-size: 13px;
transition: 0.3s;
}
.search .drop ul li a {
text-decoration: none;
}
.search .drop ul li a:hover {
color: #000000;
}
.search .drop ul li:hover {
font-weight: bold;
background: #e6f0f6;
}
.search .drop ul li:last-child {
border-bottom: none;
}
.basket tr td:nth-child(6) {
width: 100px;}
/* Отзывы */
.left_block .review {
width: 100%;
height: auto;
border-bottom: 1px solid #eeeeee;
padding-bottom: 40px;
margin-top: 50px;
}
.left_block .review:first-child {
margin-top: 0px;
}
.left_block .review:last-child {
border-bottom: none;
}
.left_block .review .logo {
margin-bottom: 15px;
}
.left_block .review .title {
font-size: 18px;
font-weight: bold;
}
.left_block .review .image {
width: 299px;
height: 390px;
margin: 20px 0 20px;
-webkit-box-shadow: 1px 5px 37px -11px rgba(37,114,154,1);
-moz-box-shadow: 1px 5px 37px -11px rgba(37,114,154,1);
box-shadow: 1px 5px 37px -11px rgba(37,114,154,1);
}
.left_block .review .image a:hover img{
cursor: e-resize;
cursor: url(images/lupa2.png), pointer;
-o-cursor: url(images/lupa2.png), pointer;
opacity: 0.5;
transition: 0.3s;
}
/* Доставка и оплата*/
.delivery {
width: 663px;
height: auto;
}
.delivery .delivery_block {
width: 663x;
height: auto;
border-bottom: 1px solid #eeeeee;
padding: 20px 0;
}
.delivery .delivery_block:last-child {
border-bottom: none;
}
.delivery .delivery_block span {
font-weight: bold;
}
.delivery .delivery_block .deliv tr td {
border: none;
text-align: left;
}
.delivery .delivery_block .deliv tr td:first-child {
width: 230px;
}
.delivery .delivery_block .deliv tr td:nth-child(2) {
width: 300px;
}
.delivery .delivery_block .deliv tr:hover {
background: #ffffff;
}
.duration {
font-size: 13px;
font-weight: bold;
background: #ececec;
padding: 20px 0;
width: 690px;
text-align: center;
margin-bottom: 80px;
}
/* Конфиденциальность */
.conf {
position: absolute;
width: 638px;
height: 710px;
left: 50%;
margin-left: -370px;
padding-right: 70px;
/*margin-top: -1330px;*/
}
.conf .hidden {
width: 694px;
height: 675px;
overflow: hidden;
}
.conf h1 {
text-align: center;
margin: 0px 0 20px;
}
.conf ol>li{
display:block;
margin: 10px 0;
}
.conf ol{
counter-reset:item;
margin: 0;
padding: 0;
}
.conf ol>li:before{
counter-increment:item;
content:counters(item,".") ". ";
font-weight: bold;
}
.conf .scroll_vert {
width: 10px;
height: 1000px;
background: url(images/scroll_vert.png) no-repeat;
position: absolute;
top: 95px;
right: 20px;
}
.conf .scroll_vert .track_vert {
width: 10px;
height: 240px;
background: url(images/track_vert.png);
cursor: pointer;
margin-top: 50px;
}
.conf .hidden .mCSB_scrollTools .mCSB_draggerContainer {
width:10px;
height:654px;
background: url("/bitrix/templates/nrmsoft/images/scroll_vert.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
top: 17px;
}
.conf .hidden .mCSB_scrollTools .mCSB_draggerRail{
/*background: #525251 !important;*/
width: 10px !important;
}
.conf .hidden .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 16px;
height: 100%;
margin: 0 auto;
position: relative;
text-align: center;
width: 10px !important;
background: none repeat scroll 0 0 #3aa7df !important;
cursor: pointer;
}
.conf .hidden .mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
height: 30px;
width: 100%;
z-index: 1;
}
.conf .hidden .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background: #2686b8;
}
.conf .hidden .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background: #2686b8;
}
.conf .hidden .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.conf .hidden .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background: #2686b8;
}
/* Результаты поиска */
.result .finding {
width: 100%;
height: auto;
border-bottom: 1px solid #cee0ea;
padding-bottom: 30px;
margin-top: 35px;
}
.result .finding a {
font-size: 18px;
font-weight: bold;
color: #000000;
}
.result .finding a:hover {
color: #3aa7df;
}
.result .finding p {
color: #000000;
}
.result .finding:last-child {
margin-bottom: 40px;
}
.pages_res {
margin-bottom: 40px;
overflow: hidden;
padding-top: 5px;
}
/* Мероприятия и новости */
.events .unit{
width: 100%;
height: auto;
margin-bottom: 30px;
margin-top: 30px;
overflow: hidden;
}
.events .unit .image {
width: 87px;
height: 87px;
position: relative;
float: left;
margin-right: 20px;
}
.events .unit .preview {
width: 885px;
height: auto;
position: relative;
float: left;
}
.events .unit .preview .date {
color: #868686;
font-size: 12px;
}
.events .unit .preview a{
font-size: 18px;
font-weight: bold;
color: #000000;
}
.events .unit .preview a:hover {
color: #3aa7df;
}
.events .unit .preview p{
color: #000000;
}
.event_date {
color: #868686;
font-size: 12px;
margin-bottom: 20px;
}
.event_title {
font-size: 18px;
font-weight: bold;
color: #000000;
}
.back_to {
display: inline-block;
font-weight: bold;
margin-bottom: 50px;
color: #000000;
}
.back_to .back {
width: 8px;
height: 7px;
background: url(images/back.png);
float: left;
margin-top: 6px;
margin-right: 8px;
}
.back_to:hover .back {
background-position: -8px 0px;
}
.card .jsFavorite span{
border-bottom: 1px dotted #828282;
color: #828282;
text-decoration: none;
transition: 0.3s;
font-size: 13px;
}
.card .jsFavorite span:hover{
color: #85c152;
border-bottom: 1px dotted #85c152;
}
.card .jsFavorite .star{
width: 12px;
height: 13px;
position: relative;
float: left;
background: url(images/star.png);
margin-top: 2px;
margin-right: 7px;
margin-left: 2px;
}
.card .jsFavorite:hover .star{
margin-right: 7px;
margin-left: 2px;
background-position: -12px 0px;
}
.card .jsFavorite{
display: table-caption;
margin-top: -10px;
text-decoration: none !important;
width: 150px;
}
.spravoshnoe-oborud_item {
width: 200px;
min-height: 150px;
display: inline-block;
margin-bottom: 25px;
border: 1px solid #e5e5e5;
position: relative;
}
.spravoshnoe-oborud_href {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.spravoshnoe-oborud_image {
max-width: 100%;
max-height: 100%;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mdnorm {
width: 920px;
}
.mdnorm_title {
background-color: #f5f5f5;
font-size: 32px;
line-height: 40px;
padding: 20px 0;
text-align: center;
}
.mdnorm_title_name {
color: #3aa7df;
}
.mdnorm_image {
float: left;
width: 424px;
}
.mdnorm_image_img {
max-width: 100%;
}
.mdnorm_order {
color: #212121;
padding: 18px 40px 18px;
width: 416px;
margin: 0 auto;
}
.mdnorm_image + .mdnorm_order {
float: left;
}
.mdnorm_form {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 36px;
margin-top: 26px;
padding-bottom: 44px;
}
.mdnorm_input {
border: 1px solid #e0e0e0;
box-shadow: 2px 3px 5px #e0e0e0 inset;
font-size: 12px;
height: 31px;
margin-bottom: 20px;
padding: 2px 3% 0;
width: 92%;
}
.mdnorm_textarea {
border: 1px solid #e0e0e0;
box-shadow: 2px 3px 5px #e0e0e0 inset;
font-size: 12px;
margin-bottom: 20px;
padding: 6px 3% 6px;
width: 92%;
}
.mdnorm_input.error {
border-color: red;
}
.mdnorm_submit {
cursor: pointer;
float: left;
margin-top: 8px;
padding: 13px 18px;
}
.mdnorm_submit_text {
float: left;
margin-left: 17px;
margin-top: 3px;
width: 260px;
}
.mdnorm_buy_wrap {
margin: 23px 0 26px;
}
.mdnorm_order .document-buy {
margin: 0;
}
.mdnorm_request {
color: green;
font-size: 16px;
letter-spacing: 1px;
text-align: center;
}
.dcard_text {
clear: both;
}
.suitable_wrap {
border: 1px solid #ececec;
border-top-width: 4px;
}
.suitable_items {
list-style-type: none;
padding: 0;
}
.suitable_item {
margin-bottom: 20px;
}
.suitable_item img {
border: 1px solid #ececec;
max-width:80%;
height:auto;
}
.suitable_item a {
text-decoration: none;
color: #000;
font-weight: bold;
}
.suitable_item a:hover {
text-decoration: underline;
}
.zakazText {
margin-bottom: 20px;
text-align: center;
}
#special_offers img {
max-width: 100%;
max-height: 100%;
}
.sale_pricetable_information {
float: left;
margin-right: 25px;
line-height: 20px;
}
.article-line .delivery {
margin-top: 0;
}
.article-line .new_big_price {
color: #f7562c;
font-size: 18px;
font-weight: bold;
}
.article-line .delivery img {
margin-top: 5px;
}
.sale_pricetable_information .jsFavorite {
margin-top:0;
}
.sale_pricetable_information .jsFavorite .star {
margin-top:5px;
}
.sale_card_pricetable {
width:100%;
}
.sale_card_pricetable tr:hover {
background: transparent;
}
.sale_card_pricetable td.buy_column {
width: 120px;
}
.sale_card_pricetable td {
border: 0 none;
}
.sale_card_pricetable td.bordered {
border: 1px solid #e5e5e5;
}
.sale_card_pricetable td .reg {
float: none;
margin:0;
}
.sale_card_pricetable td .new_big_price {
color: #f7562c;
font-size: 18px;
font-weight: bold;
}
.sale_card_pricetable td .to_buy {
width: auto;
float:none;
}
.sale_card_pricetable td .to_buy .buy_big {
height: 33px;
line-height: 30px;
float:none;
display:inline-block;
margin: 10px 0;
width: 100px;
}
.other-product-list {
border: 3px solid #ff0000;
padding: 5px 15px 0;
}
.other-product-list-title {
font-size:15px;
margin-bottom: 10px;
}
.other-product-list .to_buy {
width: auto;
float:none;
margin-top: 10px;
}
.other-product-list .to_buy .buy_big {
height: 33px;
line-height: 30px;
float:none;
display:inline-block;
margin: 10px 0;
width: 265px;
}
table tr td div.reg, .right_column .high_left div.reg {
width: 86px;
}
.products__wrapper {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
.products__item {
display: grid;
place-content: center;
background-color: rgba(0, 153, 231, 0.05);
border-radius: 6px;
border: 2px solid #FFF;
box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.10);
height: 123px;
}
.products__item:hover {
color: #0297e3;
transition: 0.3s;
-webkit-box-shadow: 0px 5px 42px -16px rgba(37,114,154,1);
-moz-box-shadow: 0px 5px 42px -16px rgba(37,114,154,1);
box-shadow: 0px 5px 42px -10px rgba(37,114,154,1);
}
.mfeed input:not(.button) {
border-radius: 2px;
outline: none;
border: 1px solid #868686;
width: 100% !important;
max-width: 500px;
padding: 8px 16px;
}
.mfeed input.button {
background-color: #3aa7df;
color: #fff;
border: none;
padding: 12px 24px;
border-radius: 5px;
font-weight: 700;
}