body{
font-family: 'PT Sans', sans-serif !important;
}
strong, b {
font-weight: bold;
}
.left
{
float: left;
}
.right
{
float: right;
}
.inner {
margin: 0 auto;
position: relative;
width: 960px;
}
.bx-section-desc{
border: none;
}
h4 {font-weight: bold;}
/*INPUTS*/
textarea,
input.text
{
outline: none;
display: block;
position: relative;
width: 100%;
height: 24px;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
color: #262626;
padding: 0 7px;
margin: 0;
background: #ffffff;
border: 1px solid #cacaca;
border-radius: 2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
textarea
{
line-height: normal;
height: 114px;
padding: 1px 7px;
resize: none;
/*overflow: hidden;*/
}
input.btn
{
cursor: pointer;
outline: none;
position: relative;
display: block;
height: 25px;
margin: 0;
padding: 0 0 1px 0;
text-align: center;
color: #FFFFFF;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
background: #de5c15;
border: none;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
input.btn:hover
{
text-decoration: underline;
}
/*SELECT*/
.ik_select
{
overflow: hidden;
outline: none;
display: block;
position: relative;
width: 100%;
font-size: 14px;
height: 22px;
line-height: 22px;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
color: #262626;
margin: 0;
background: #ffffff;
border: 1px solid #cacaca;
border-radius: 2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
}
.ik_select_link
{
height: 22px;
overflow:hidden;
cursor: pointer;
white-space:nowrap;
line-height: 22px;
padding: 0 10px 0 10px;
background: url(images/spritesheet.png) no-repeat 284px -1803px;
}
.ik_select_link_text
{
display:block;
overflow:hidden;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
height: 22px;
}
.ik_select_block
{
display:none;
position:absolute;
z-index:9999;
width:100%;
left:-1px;
top:23px;
cursor:default;
}
.ik_select_list
{
width: 100%;
position:relative;
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
background:#fff;
}
.ik_select_list li
{
cursor: pointer;
height: 20px;
line-height: 20px;
color: #262626;
font-size: 13px;
position:relative;
padding:0 10px;
overflow:hidden;
}
.ik_select_hover
{
background: #EEE;
}
.ik_select_optgroup_disabled .ik_select_optgroup_label,
.ik_select_option_disabled
{
color:#999;
}
/* end SELECT*/
/* end INPUTS*/
/* wrapper */
#wrapper
{
position: relative;
min-height: 100%;
/* padding: 195px 0 260px 0; */
overflow: hidden;
}
/* end wrapper */
/* mini */
#mini {
height: 50px;
width: 100%;
background: url(images/header_bg_texture.jpg) repeat-x 0 0;
position: fixed;
top: 0;
z-index: 10000;
display: none;
}
#mini .logo {
position: absolute;
left: 20px;
top: 9px;
}
#mini .logo img {
width: 50px;
}
#mini .search_holder {
padding: 13px 2px 0 0;
}
#mini .header_contacts_item {
float: left;
margin-left: 150px;
margin-top: 5px;
}
.mini_basket {
float: left;
margin-top: 12px;
margin-left: 70px;
}
.mini_basket a {
font-weight: 700;
}
.mini_basket .header_cart_box_name {
display: none;
}
.mini_basket .header_cart_box_btn {
display: none;
}
/* header */
header
{
/* position: absolute; */
top: 0;
left: 0;
width: 100%;
z-index: 400;
/* height: 195px; */
/* background: url(/local/templates/john/images/header_bg.jpg) repeat-x top left; */
/* background: url(/local/templates/john/images/header_bg_texture.jpg) repeat-x top left; */
color: #5d6a84;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
header > * {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
header .shade
{
position: absolute;
left: 0;
bottom: -40px;
width: 100%;
height: 40px;
background: url(images/header_shade.png) repeat-x 0 0;
}
.header_upper {
background: #ecf1f6;
width: 100%;
float: left;
background: url(/local/templates/john/images/header_bg_texture.jpg) repeat-x top left;
height: 26px;
background-position: 0px -170px;
background-color: white;
position: relative;
}
.header_upper:before {
position: absolute;
height: 4px;
width: 100%;
content: "";
background: url(/local/templates/john/images/header_bg_texture.jpg) repeat-x top left;
background-position: 0px -135px;
left: 0px;
bottom: -2px;
}
.header_upper .inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header_upper .log_in, .header_upper .header_nav{
float: right;
}
.log_in .bx-system-auth-form {
font-size: 13px;
text-align: right;
}
.log_in .bx-system-auth-form br {
display: none;
}
.log_in .bx-system-auth-form a{
padding-left: 5px;
}
.log_in{
padding-right:10px;
}
.log_in div a:first-child {
padding: 0 0 0 19px;
background: url(/local/templates/john/images/spritesheet.png) no-repeat -10px -1265px;
}
.header_top {
height: 135px;
float: left;
width: 100%;
background: #f8f8f8;
background: url(/local/templates/john/images/header_bg_texture.jpg) repeat-x top left;
}
.header_top .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 15px 0px;
}
.orange_button {
background: #de5c15;
color: white!important;
font-size: 15px;
font-weight: bold;
width: 100%;
text-align: center;
padding: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: -webkit-gradient(linear, left bottom, left top, from(#de5c15), to(#f07430));
background: -webkit-linear-gradient(bottom, #de5c15, #f07430);
background: -o-linear-gradient(bottom, #de5c15, #f07430);
background: linear-gradient(to top, #de5c15, #f07430);
border-radius: 3px;
border-bottom: 3px solid #9a4111;
}
.orange_button:hover {
background: #ea6117;
color:white!important;
}
span.white_skype {
padding: 0px;
background: url(/local/templates/john/images/spritesheet.png) no-repeat -10px -2451px;
height: 17px;
width: 17px;
float: left;
}
.header_schedule .header_contacts_item {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.header_logo
{
width: 144px;
height: 94px;
-webkit-box-flex: 0;
-ms-flex: 0 1 144px;
flex: 0 1 144px;
padding-right: 15px;
}
.header_logo a,
.header_logo img
{
width: 144px;
height: 94px;
display: block;
}
.header_top_right
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: auto;
-webkit-box-flex: 1;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
}
.header_top_right_desc
{
float: left;
padding: 0px 24px 0 0;
font-size: 13px;
line-height: 17px;
width: 320px;
font-weight: 700;
}
.header_schedule
{
width: 183px;
-webkit-box-flex: 0;
-ms-flex: 0 1 183px;
flex: 0 1 183px;
margin: 0 auto;
margin-right: 0px;
}
.header_schedule_icon
{
background: url(images/spritesheet.png) no-repeat -10px -1654px;
width: 28px;
height: 26px;
margin: 3px 0 0 0;
float: left;
}
.header_schedule_text
{
overflow: hidden;
font-size: 13px;
line-height: 17px;
padding: 0 0 0 9px;
}
.header_schedule_text span
{
font-weight: 700;
}
.search_holder
{
float: right;
padding: 4px 2px 0px 0;
margin: 0 auto;
}
.search_box
{
width: 249px;
height: 25px;
background: -webkit-gradient(linear, left bottom, left top, from(white), to(#e9eef6));
background: -webkit-linear-gradient(bottom, white, #e9eef6);
background: -o-linear-gradient(bottom, white, #e9eef6);
background: linear-gradient(to top, white, #e9eef6);
border-radius: 16px;
-webkit-box-shadow: inset 0px 1px 1px #bcbcbc;
box-shadow: inset 0px 1px 1px #bcbcbc;
margin:0 auto;
}
.search_box input.btn
{
background: none;
float: right;
overflow: hidden;
text-indent: 500px;
height: 25px;
width: 30px;
cursor: pointer;
border: none;
outline: none;
display: block;
padding: 0;
margin: 0;
}
.search_box input.text
{
height: 25px;
width: 200px;
padding: 0 0 0 10px;
margin: 0 0 0 0;
float: left;
border: none;
outline: none;
display: block;
font-family: 'PT Sans', sans-serif;
font-style: italic;
color:#262626;
font-size: 16px;
background: none;
}
.header_contacts
{
padding: 9px 0 0 0;
margin: auto;
-webkit-box-flex: 1;
-ms-flex: 1 1 350px;
flex: 1 1 350px;
border-top: 1px solid #d4d9e3;
}
.header_contacts_item
{
float: left;
padding: 7px 7px 5px 10px;
font-size: 12px;
line-height: 16px;
position: relative;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
}
.header_contacts_item.item_4:hover
{
background: url(images/mail_h.png);
}
.header_contacts_item:first-child
{
padding: 7px 5px 0 0;
}
.header_contacts_item span
{
display: block;
font-size: 18px;
font-weight: 700;
}
.header_contacts_item span.phone
{
padding: 0 0 1px 20px;
position: relative;
}
.header_contacts_item span.phone:before {
content: "";
position: absolute;
background: url(/local/templates/john/images/spritesheet.png) no-repeat -8px -1698px;
width: 16px;
height: 16px;
left: 0px;
}
.header_contacts_item span.phone a
{
text-decoration: none;
color: #5D6A84;
}
.header_contacts_item span.skype
{
padding: 0 0 1px 20px;
background: url(images/spritesheet.png) no-repeat -10px -2435px;
}
.header_contacts_item span.mail
{
padding: 0 0 1px 20px;
background: url(images/spritesheet.png) no-repeat -8px -1380px;
}
.header_contacts_item a:hover span.mail
{
padding: 0 0 1px 20px;
background: url(images/spritesheet.png) no-repeat -8px -1411px;
}
.header_contacts_item a
{
display: block;
text-decoration: none;
color: #5d6a84;
}
.header_contacts_item a:hover
{
color: #de5c15;
}
.header_contacts .right
{
padding: 4px 0 0 0;
font-size: 16px;
}
.header_contacts .right a
{
display: inline-block;
text-decoration: none;
}
.header_contacts .right span
{
margin: 0 6px;
}
.header_contacts .right a span
{
display: block;
border-bottom: 1px solid #b9c1d1;
margin: 0;
}
.header_contacts .right a:hover span
{
padding: 0 0 1px 0;
border: none;
}
.header_contacts .right a:first-child
{
padding: 0 0 0 19px;
background: url(images/spritesheet.png) no-repeat -10px -1262px;
}
.header_bottom {
background: #ecf1f6;
float: left;
width: 100%;
background: url(/local/templates/john/images/header_bg_texture.jpg) repeat-x top left;
background-position: 0px -135px;
height: 60px;
}
.header_bottom .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header_bottom .inner > * {
padding-top: 0px;
padding-bottom: 0px;
}
.header_bottom .header_contacts_item.item_4 {
-webkit-box-flex: 0;
-ms-flex: 0 1 122px;
flex: 0 1 122px;
padding-left: 15px;
}
.header_bottom .search_holder {
-webkit-box-flex: 1;
-ms-flex: 1 1 251px;
flex: 1 1 251px;
}
.header_bottom .header_cart_box {
/*-webkit-box-flex: 1;
-ms-flex: 1 1 358px;
flex: 1 1 358px;*/
}
.header_bottom .header_cart_box > div {
float: right;
}
.header_nav_upper ul li {
float: left;
padding: 0px 12px;
position: relative;
border-right: 1px dotted #9facc9;
margin: 3px 0px;
}
.header_nav_upper ul li a {
text-decoration: none;
}
.header_nav_upper ul li:hover {
border-bottom: 2px solid #002756;
margin-bottom: 0px;
padding-bottom: 6px;
}
.header_nav_upper {
height: 27px;
}
.header_upper .log_in {
padding-right: 50px;
padding-bottom: 6px;
}
.header_nav
{
float: left;
height: 60px;
padding: 0 3px 0 0;
}
.header_nav li
{
float: left;
padding: 0 7px;
height: 60px;
font-size: 18px;
padding-top: 3px;
padding-bottom: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.header_nav ul li:last-child {
position: relative;
}
.header_nav > ul > li:last-child:before {
border-right: 1px solid #f0f4ff;
width: 1px;
background: #d6dae5;
height: 56px;
position: absolute;
right: 0px;
bottom: 0px;
content: "";
}
.header_nav li:first-child
{
padding-left: 0px;
background: none;
}
.header_nav a
{
display: block;
height: 60px;
text-decoration: none;
}
.header_nav li.current,
.header_nav li:hover {
border-top: 3px solid #002756;
padding-top: 0px;
}
.header_nav span
{
display: block;
padding: 20px 0 0 0;
line-height: 18px;
}
.header_cart_box
{
overflow: hidden;
padding: 18px 0 0 21px;
}
.header_cart_box_name
{
float: left;
padding: 5px 31px 0 29px;
background: url(images/spritesheet.png) no-repeat -10px -447px;
font-size: 16px;
line-height: 16px;
}
.header_cart_box a
{
font-weight: 700;
text-decoration: none;
}
.header_cart_box a:hover
{
text-decoration: underline;
}
.header_cart_box_value
{
float: left;
font-size: 14px;
line-height: 14px;
padding: 7px 0 0 0;
}
.header_cart_box a
{
margin: 0 4px 0 0;
}
.header_cart_box a.currency
{
display: inline-block;
padding: 0 13px 0 0;
margin: 0 0 0 1px;
/* background: url(images/currency.png) no-repeat right 1px;*/
}
.header_cart_box_btn
{
float: right;
padding: 0 0 0 0;
}
.header_cart_box_btn a
{
position: relative;
display: block;
background:#7c879c url(images/cart_btn.jpg) repeat-x 0 50px;
text-decoration: none;
color: #ffffff;
width: 90px;
height: 25px;
font-size: 16px;
line-height: 16px;
text-align: center;
text-shadow: 1px 1px 1px #636f89;
-moz-text-shadow: 1px 1px 1px #636f89;
-webkit-text-shadow: 1px 1px 1px #636f89;
-o-text-shadow: 1px 1px 1px #636f89;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.header_cart_box_btn a:hover
{
background-position: 0 0;
text-decoration: none;
}
.header_cart_box_btn a span
{
display: block;
padding: 4px 0 0 0;
}
/* end header */
/* content */
#content
{
position: relative;
z-index: 100;
float:left;
width:100%;
}
/*aside*/
aside
{
float: left;
width: 236px;
padding: 18px 13px 72px 0;
position: relative;
z-index: 300;
}
/* end aside*/
/*catalogue nav*/
.catalogue_nav
{
padding: 0 0 16px 0;
}
.catalogue_nav_image
{
padding: 7px 3px 23px 0;
}
.catalogue_nav_image a,
.catalogue_nav_image img
{
width: 198px;
height: 207px;
display: block;
margin: auto;
}
.catalogue_nav div.left_name
{
font-size: 20px;
color: #002756;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 12px 6px;
}
.catalogue_nav_special
{
padding: 0 0 5px 0;
}
.catalogue_nav_special a
{
position: relative;
display: block;
height: 25px;
margin: 0 10px 0 7px;
text-decoration: none;
text-align: center;
color: #FFFFFF;
font-size: 16px;
background: #de5c15;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.footer_contacts_item .map_btn a:hover,
.product_box_bottom .btn a:hover, .bx_item_list_recommended .bx_catalog_item_controls .btn a:hover,
.catalogue_nav_special a:hover
{
text-decoration: underline;
}
.catalogue_nav_special span
{
display: block;
padding: 2px 0 0 0;
}
.catalogue_nav li
{
padding: 6px 0 5px 5px;
margin: 0 0 1px 0;
position: relative;
z-index: 100;
background: #FFFFFF;
}
.catalogue_nav li:hover
{
z-index: 200;
padding: 5px 0 4px 4px;
border-top: 1px solid #93a1b9;
border-left: 1px solid #93a1b9;
border-bottom: 1px solid #93a1b9;
box-shadow: 2px 2px 0 #dedede;
-moz-box-shadow:2px 2px 0 #dedede;
-webkit-box-shadow:2px 2px 0 #dedede;
-o-box-shadow:2px 2px 0 #dedede;
}
.catalogue_nav li .icon
{
float: left;
width: 20px;
margin: 0 9px 0 0;
}
.catalogue_nav li a
{
display: block;
overflow: hidden;
text-decoration: none;
font-size: 15px;
line-height: 18px;
}
.catalogue_nav li:hover a
{
color: #de5c15;
}
.catalogue_nav li:hover
{
background-color: #fbe8de;
}
.catalogue_nav li.item_1 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -1845px;
height: 16px;
margin: 2px 9px 0 0;
}
.catalogue_nav li.item_1:hover .icon, .catalogue_nav li.item_1.active .icon
{
background: url(images/spritesheet.png) no-repeat -10px -1881px;
}
.catalogue_nav li.item_2 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -1987px;
height: 15px;
}
.catalogue_nav li.item_2:hover .icon, .catalogue_nav li.item_2.active .icon
{
background: url(images/spritesheet.png) no-repeat -10px -2022px;
}
.catalogue_nav li.item_3 .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -10px -2830px;
height: 16px;
}
.catalogue_nav li.item_3:hover .icon, .catalogue_nav li.item_3.active .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -34px -2830px;
}
.catalogue_nav li.item_4 .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -39px -2256px;
height: 21px;
}
.catalogue_nav li.item_4:hover .icon, .catalogue_nav li.item_4.active .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -39px -2293px;
}
.catalogue_nav li.item_5 .icon {
background: url(images/spritesheet.png) no-repeat -10px -2057px;
height: 8px;
margin: 5px 9px 0 0;
}
.catalogue_nav li.item_5:hover .icon, .catalogue_nav li.item_5.active .icon {
background: url(images/spritesheet.png) no-repeat -10px -2085px;
}
.catalogue_nav li.item_6 .icon
{
background: url(/local/templates/john/images/spritesheet.png) no-repeat -38px -2187px;
height: 15px;
}
.catalogue_nav li.item_6:hover .icon, .catalogue_nav li.item_6.active .icon
{
background: url(/local/templates/john/images/spritesheet.png) no-repeat -39px -2222px;
}
.catalogue_nav li.item_7 .icon
{
background: url(/local/templates/john/images/spritesheet.png) no-repeat -39px -1699px;
height: 20px;
}
.catalogue_nav li.item_7:hover .icon, .catalogue_nav li.item_7.active .icon
{
background: url(/local/templates/john/images/spritesheet.png) no-repeat -39px -1732px;
}
.catalogue_nav li.item_8 .icon
{
background: url(images/spritesheet.png) no-repeat -40px -2113px;
height: 17px;
}
.catalogue_nav li.item_8:hover .icon, .catalogue_nav li.item_8.active .icon
{
background: url(images/spritesheet.png) no-repeat -40px -2151px;
}
.catalogue_nav li.item_10 .icon
{
background: url(images/spritesheet.png) no-repeat -40px -1844px;
height: 16px;
}
.catalogue_nav li.item_10:hover .icon, .catalogue_nav li.item_10.active .icon
{
background: url(images/spritesheet.png) no-repeat -40px -1879px;
}
.catalogue_nav li.item_12 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -2804px;
height: 24px;
margin-top: -3px;
}
.catalogue_nav li.item_12:hover .icon, .catalogue_nav li.item_12.active .icon
{
background: url(images/spritesheet.png) no-repeat -34px -2804px;
}
.catalogue_nav li.item_11 .icon
{
background: url(/local/templates/john/images/spritesheet.png) no-repeat -10px -2780px;
height: 21px;
margin: -3px 4px 0 5px;
}
.catalogue_nav li.item_11:hover .icon, .catalogue_nav li.item_11.active .icon
{
background: url(/local/templates/john/images/spritesheet.png) no-repeat -36px -2780px;
}
.catalogue_nav li.item_9 .icon
{
background: url(images/spritesheet.png) no-repeat -41px -1917px;
height: 16px;
}
.catalogue_nav li.item_9:hover .icon, .catalogue_nav li.item_9.active .icon
{
background: url(images/spritesheet.png) no-repeat -41px -1952px;
}
.catalogue_nav li.item_13 .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -10px -2715px;
height: 20px;
}
.catalogue_nav li.item_13:hover .icon, .catalogue_nav li.item_13.active .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -34px -2715px;
}
.catalogue_nav li.item_14 .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -10px -2760px;
height: 15px;
}
.catalogue_nav li.item_14:hover .icon, .catalogue_nav li.item_14.active .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -34px -2760px;
}
.catalogue_nav li.item_15 .icon {
background: url(images/spritesheet.png) no-repeat -10px -2876px;
height: 15px;
}
.catalogue_nav li.item_15:hover .icon, .catalogue_nav li.item_15.active .icon {
background: url(images/spritesheet.png) no-repeat -34px -2876px;
}
.catalogue_nav li.item_16 .icon {
background: url(images/spritesheet.png) no-repeat -40px -1987px;
height: 15px;
}
.catalogue_nav li.item_16:hover .icon, .catalogue_nav li.item_16.active .icon {
background: url(images/spritesheet.png) no-repeat -40px -2023px;
}
.catalogue_nav li.item_17 .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -10px -2697px;
height: 15px;
}
.catalogue_nav li.item_17:hover .icon, .catalogue_nav li.item_17.active .icon {
background: url(/local/templates/john/images/spritesheet.png) no-repeat -34px -2697px;
}
.catalogue_nav li .sep
{
position: absolute;
top: 0;
right: -5px;
width: 0px;
height: 100%;
background: #FFFFFF;
z-index: 2;
}
.catalogue_nav .sub_nav
{
display: none;
position: absolute;
z-index: 1;
top: -1px;
left: 221px; /* 235 */
background: #FFFFFF;
border: 1px solid #93a1b9;
box-shadow: 2px 2px 0 #dedede;
-moz-box-shadow:2px 2px 0 #dedede;
-webkit-box-shadow:2px 2px 0 #dedede;
-o-box-shadow:2px 2px 0 #dedede;
}
.catalogue_nav .sub_nav ul
{
position: relative;
z-index: 1000;
width: 259px;
background: #FFFFFF;
display: block;
padding: 8px 10px 4px 14px;
}
.catalogue_nav li:hover .sub_nav
{
display: block;
}
.catalogue_nav .sub_nav li
{
border: none !important;
margin: 0 0 0 0;
padding: 0 0 3px 0;
}
.catalogue_nav .sub_nav li:hover
{
-webkit-box-shadow: none;
-o-box-shadow:none;
box-shadow: none;
background-color: #fbe8de;
}
.catalogue_nav .sub_nav a
{
display: inline;
float: none;
line-height: 19px;
color: #002756 !important;
font-size: 14px;
}
.catalogue_nav .sub_nav a:hover
{
text-decoration: underline;
color: #002756 !important;
}
/* end catalogue nav*/
.project_nav
{
border-top: 1px solid #d1daec;
padding: 20px 0 17px 0;
}
.project_nav nav
{
padding: 0 0 0 33px;
background: url(images/spritesheet.png) no-repeat -6px -2325px;
}
.project_nav li
{
padding: 0 0 3px 0;
}
.project_nav a
{
text-decoration: none;
font-size: 15px;
line-height: 15px;
}
.project_nav a:hover
{
text-decoration: underline;
}
/*manager list*/
.manager_list
{
border-top: 1px solid #d1daec;
padding: 25px 0 6px 0;
position: relative;
background: #f3f6fb;
}
.manager_list .arrow
{
position: absolute;
left: 0;
bottom: -25px;
background: url(images/manager_arrow.png) no-repeat 0 0;
width: 236px;
height: 25px;
}
.manager_list_btn
{
padding: 0 0 19px 0;
}
.manager_list_btn a
{
position: relative;
display: block;
height: 34px;
margin: 0 10px 0 10px;
padding: 0 0 0 35px;
text-decoration: none;
color: #FFFFFF;
font-size: 13px;
line-height: 13px;
font-weight: 700;
background: #002756 url(images/spritesheet.png) no-repeat -1px -1443px;
text-shadow: 1px 1px 1px #001835;
-moz-text-shadow: 1px 1px 1px #001835;
-webkit-text-shadow: 1px 1px 1px #001835;
-o-text-shadow: 1px 1px 1px #001835;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.manager_list_btn span
{
display: inline-block;
padding: 12px 0 0 0;
}
.manager_list_btn a:hover span
{
border-bottom: 1px solid #FFFFFF;
}
.manager_list_item
{
padding: 0 0 0 30px;
margin: 0 0 22px 35px;
background: url(images/spritesheet.png) no-repeat -10px -1491px;
color: #002756;
font-size: 15px;
line-height: 15px;
font-weight: 700;
letter-spacing: 0.4px;
}
.manager_list_item a
{
text-decoration: none;
}
.manager_list_item span
{
font-style: italic;
font-weight: normal;
display: block;
padding: 2px 0 0 0;
letter-spacing: normal;
}
/* end manager list*/
.itemImage a {
display: inline-block;
}
.itemImage a img {
width: 100%;
}
.itemGallery {
}
.itemGallery a {
display: inline-block;
width: 50px;
height: 50px;
margin-top: 8px;
margin-right: 8px;
}
.itemGallery a:nth-child(5n) {
margin-right: 0;
}
.itemGallery a span {
background-color: white;
display: inline-block;
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
}
/*main content*/
.main_content
{
/* overflow: hidden;*/
position: relative;
z-index: 200;
padding: 23px 0 16px 0;
}
@media screen and (min-width: 1000px){
.main_content {
float: right;
max-width: 700px;
width: 100%;
}
.main_content_front_page {
float: none;
max-width: 100%;
}
}
.main_content p {
padding-bottom: 10px;
}
.main_content.cart
{
padding: 19px 0 16px 0;
}
.main_content.contacts
{
padding: 19px 0 16px 0;
}
.main_content.crumbs
{
padding: 23px 0 16px 0;
}
.tech_info {
padding: 10px;
}
.tech_info table {
width: 100%!important;
}
.tech_info table tr:nth-child(odd) {
background: #d1daec;
}
.tech_info table td {
border-right: 1px solid #f5f5f5;
padding: 2px 5px;
}
.top_banner
{
adding: 0 0 0 0;
width: 709px;
margin-top: 15px;
margin: 0 auto;
}
.top_banner a
{
display: block;
text-decoration: none;
color: #FFFFFF;
}
.top_banner a:hover
{
text-decoration: underline;
}
.top_banner img
{
display: block;
width: 709px;
height: auto;
}
.top_banner span
{
display: block;
font-size: 16px;
line-height: 16px;
background: #93a1b9;
padding: 11px 5px 12px 15px;
width: 960px;
}
.top_banner span span
{
display: inline;
padding: 0;
font-weight: 700;
}
/* tiles */
.tile h2 {
font-size: 20px;
color: #002756;
font-weight: 700;
line-height: 20px;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #bec6d5;
}
.tile .picture {
width: 150px;
height: 200px;
margin-right: 25px;
float: left;
text-align: center;
margin-bottom: 15px;
}
.tile .holder {
overflow: hidden;
}
.tile .picture img {
width: 150px;
height: 150px;
}
/*benefits block*/
.benefits_block
{
padding: 0 0 4px 0;
}
.benefits_block h2
{
font-size: 20px;
color: #002756;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 23px 0;
}
.benefits_block_line
{
padding: 0 0 26px 0;
}
.benefits_block_line .column
{
float: left;
width: 237px;
}
.benefits_block_line .icon
{
height: 37px;
width: 37px;
margin: 0 11px 0 0;
float: left;
}
.benefits_block_line .text
{
overflow: hidden;
font-size: 15px;
line-height: 18px;
color: #686868;
padding: 2px 0 0 0;
}
.benefits_block_line .text.low
{
padding: 7px 0 0 0;
}
.benefits_block_line .item_1 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -55px;
}
.benefits_block_line .item_2 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -112px;
}
.benefits_block_line .item_3 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -169px;
}
.benefits_block_line .item_4 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -226px;
}
.benefits_block_line .item_5 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -283px;
}
.benefits_block_line .item_6 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -340px;
}
/* end benefits block*/
/*product list*/
.product_list
{
padding: 0 0 15px 0;
}
.product_list_title
{
padding: 22px 0 15px 0;
}
.product_list_title.low
{
padding: 8px 0 18px 0;
}
.product_list_title h2
{
float: left;
font-size: 20px;
color: #002756;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 2px 0 0 0;
}
.product_list_title .search_box
{
float: right;
background: url(images/search_bg_2.png) no-repeat 0 0;
width: 179px;
}
.product_list_title .search_box input.text
{
width: 130px;
}
.complect {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 15px 0px;
}
.complect .complect_sale .old {
text-decoration: line-through;
color: #8e8e8e;
font-weight: 700;
}
.complect .complect_sale .new {
color: #002756;
font-weight: 700;
}
.complect .name {
color: #de5c16;
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
}
.complect .bx_catalog_item {
-webkit-box-flex: 0;
-ms-flex: 0 1 160px;
flex: 0 1 160px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border: 1px solid #e9e9e9;
overflow: hidden;
padding: 10px;
border-radius: 5px;
background: whitesmoke;
margin: 10px 0px;
}
.bx_catalog_item.price_block {
-webkit-box-flex: 1;
-ms-flex: 1 1 200px;
flex: 1 1 200px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-flow: row wrap;
}
.bx_catalog_item.price_block > * {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: center;
}
.complect .bx_catalog_item .product_box_text {
margin: 0px;
text-align: center;
}
.complect .bx_catalog_item .product_box_text .product_box_name a {
text-decoration: underline;
}
.complect .bx_catalog_item .product_box_image {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin: auto;
text-align: center;
width: 120px;
}
.complect .bx_catalog_item .product_box_image img {
width: 100px;
}
.character {
-webkit-box-flex: 0;
-ms-flex: 0 0 25px;
flex: 0 0 25px;
font-size: 40px;
text-align: center;
margin: auto 15px;
}
.pb__new_price span.in__new_price {
font-size: 20px;
}
.pb__old_price .oldprice {
text-decoration: line-through;
}
@media screen and (max-width:500px){
.complect > * {
-webkit-box-flex: 1!important;
-ms-flex: 1 1 100%!important;
flex: 1 1 100%!important;
}
}
.pb__old_price, .pb__sale, .pb__new_price {
color: #5b5b5b;
}
.pb__old_price span:last-child, .pb__sale span:last-child, .pb__new_price span:last-child {
font-weight: bold;
color: #002756;
font-size: 16px;
padding-left: 5px;
}
.product_box {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-bottom: 4px solid transparent;
/* -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0);
box-shadow: 0 10px 20px 0 rgba(0,0,0,0);*/
}
/*.product_box:hover{
background-color: #fbe8de;
}
*/
.product_box:hover {
background-color: #f0f6ff;
/* -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.06);
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.06);*/
border-bottom: 3px solid #de5c15;
}
.product_box, .bx_item_list_recommended .bx_catalog_item
{
padding: 20px 0 20px 0;
/* border: 1px solid #e9e9e9;*/
margin: 0 0 20px 0;
position: relative;
}
.product_box .plus
{
position: absolute;
top: 165px;
right: -21px;
background: url(images/spritesheet.png) no-repeat -10px -2505px;
width: 43px;
height: 43px;
z-index: 600;
}
.product_box .line_top
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
background: #dd5d18;
z-index: 500;
}
.product_box .line_bottom
{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #dd5d18;
z-index: 500;
}
.product_box .line_left
{
position: absolute;
left: 0;
top: 0;
height: 120%;
width: 1px;
background: #dd5d18;
z-index: 500;
}
.product_box .line_left_bottom
{
position: absolute;
left: 0;
bottom: 0;
height: 372px;
width: 1px;
background: #dd5d18;
z-index: 500;
}
.product_box .line_right
{
position: absolute;
right: 0;
top: 0;
height: 120%;
width: 1px;
background: #dd5d18;
z-index: 500;
}
.product_box .line_right_bottom
{
position: absolute;
right: 0;
bottom: 0;
height: 372px;
width: 1px;
background: #dd5d18;
z-index: 500;
}
.product_box_text {
margin: 0 20px 0 190px;
}
.product_box_holder {
overflow: hidden;
}
.product_box_name
{
}
.product_box_name a
{
}
.product_box_name a:hover
{
text-decoration: underline;
}
.product_box_image/*,
.product_box_image a,
.product_box_image img*/
{
float: left;
display: block;
width: 150px;
position: relative;
margin: 0 0 0 20px;
}
.product_box_image img
{
width: 150px;
border: 1px solid #e9e9e9;
}
.bx_item_list_recommended {
/* overflow: hidden;*/
color: #7c879c;
}
.product_box_image .discount
{
/*color: #FFFFFF;
text-decoration: none !important;
z-index: 2;
top: 0;
right: 10px;
position: absolute;
background: url(images/spritesheet.png) no-repeat -10px -1211px;
width: 47px;
height: 33px;
font-size: 11px;
line-height: 11px;
text-align: center;*/
text-decoration: none !important;
z-index: 2;
top: 0;
right: 10px;
position: absolute;
/*background: url(/images/elka.gif) no-repeat;*/
background: url(/local/templates/john/images/disc.png) no-repeat;
/*background: url(/local/templates/john/images/black_friday.gif) no-repeat;*/
width: 70px;
height: 60px;
font-size: 0px;
font-size: 12px;
line-height: 35px;
text-align: center;
background-size: contain;
vertical-align: middle;
color: #ffffff;
}
/*blackfriday
.discount span{
display: none!important;
}*/
.product_box_text .product_box_bottom .price>.old-price{
text-decoration: line-through;
}
.product_box_image .discount span
{
display: block;
padding: 11px 0 0 0;
}
.product_box_image .discount a
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.product_box_features
{
margin-top: 10px;
}
.product_box_features li
{
padding: 0 0 0 12px;
background: url(images/bullet.png) no-repeat 0 4px;
font-size: 12px;
line-height: 15px;
color: #7c879c;
}
.product_box_bottom {
overflow: hidden;
margin-top: 10px;
}
.product_box_bottom .price
{
float: left;
}
.product_box_bottom .price p{
padding:0px;
}
.product_box_bottom .price span, .bx_item_list_recommended .bx_catalog_item_price span.old_price
{
color: #7c879c;
margin-top: 4px;
}
.product_box_bottom .price span:first-child,
.bx_item_list_recommended .bx_catalog_item_price .bx_price span.new_price,
.product_box_bottom .price
{
color: #002756;
font-weight: 700;
line-height: 17px;
text-decoration: none;
padding: 0 5px 0 0;
display: block;
}
.product_box_bottom .price_discount
{
color: #002756;
font-size: 13px;
line-height: 13px;
float: left;
padding: 6px 0 0 20px;
}
.product_box_bottom .price_discount span
{
margin: 0 0 0 0;
font-weight: 700;
font-size: 17px;
line-height: 17px;
display: inline-block;
padding: 0 0 0 0;
background: none;
}
.product_box_bottom .btn
{
float: right;
}
.product_box_bottom .btn a, .bx_item_list_recommended .bx_catalog_item .btn a
{
position: relative;
display: inline-block;
height: 25px;
/*min-width: 80px;*/
padding: 0px 15px;
text-decoration: none;
text-align: center;
color: #FFFFFF;
font-size: 14px;
background: #de5c15;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.product_box_bottom .btn span, .bx_item_list_recommended .bx_catalog_item .btn span
{
display: block;
padding: 3px 0 0 0;
}
.product_box .sep, .bx_item_list_recommended .bx_catalog_item .sep
{
position: absolute;
left: 0;
bottom: 0;
width: 1px;
height: 100%;
background: url(images/product_sep.jpg) no-repeat 0 bottom;
z-index: 400;
}
/* end product list*/
/*cart block*/
.cart_block
{
padding: 0 0 43px 0;
}
.cart_block h1
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 17px 7px;
}
.cart_block_table
{
padding: 0 0 0 0;
}
.cart_block_table tr
{
border-bottom: 1px dashed #c1c9d7;
}
.cart_block_table tr.bottom
{
border-bottom:none;
}
.cart_block_table td
{
vertical-align: middle;
text-align: center;
padding: 0 0 21px 0;
}
.cart_block_table td.col_1
{
width: 102px;
padding: 12px 27px 11px 26px;
}
.cart_block_table td.col_1 img,
.cart_block_table td.col_1 a
{
display: block;
width: 102px;
height: 104px;
}
.cart_block_table td.col_2
{
width: 102px;
text-align: left;
width: 380px;
padding: 0 0 25px 0;
}
.cart_block_table td.col_2 a
{
display: block;
font-weight: 700;
text-decoration: none;
font-size: 16px;
line-height: 16px;
}
.cart_block_table td.col_2 a:hover
{
text-decoration: underline;
}
.cart_block_table td.col_2 span
{
display: block;
color: #262626;
font-size: 12px;
line-height: 12px;
padding: 8px 0 0 0;
}
.cart_block_table td.col_3
{
width: 145px;
}
.cart_block_table td.col_4
{
width: 140px;
}
.cart_block_table td.col_5
{
width: 140px;
}
.cart_block_table .price
{
font-size: 16px;
line-height: 16px;
color: #002757;
padding: 0 0 0 0;
}
.cart_block_table .price span
{
font-weight: 700;
}
.cart_block_table thead tr
{
border-bottom: 2px solid #7c879c;
}
.cart_block_table thead td
{
color: #a4acbb;
font-size: 16px;
line-height: 16px;
font-weight: 700;
padding: 0 0 12px 0 !important;
}
.cart_block_table .spinner
{
width: 78px;
margin: auto;
position: relative;
}
.cart_block_table .spinner a
{
position: absolute;
top: 0;
right: 0;
background: url(images/spritesheet.png) no-repeat -10px -2613px;
width: 20px;
height: 25px;
display: block;
}
.cart_block_table .spinner a.minus
{
right: auto;
left: 0;
background: url(images/spritesheet.png) no-repeat -10px -2568px;
}
.cart_block_table .spinner a:hover
{
opacity: 0.8;
}
.cart_block_table .spinner input.text
{
width: 38px;
height: 25px;
display: block;
border: 1px solid #d7d7d7;
margin: 0 0 0 20px;
padding: 0 0 0 0;
text-align: center;
color: #686868;
font-size: 14px;
border-radius: 0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
}
.cart_block_total
{
background: #f3f6fb;
position: relative;
height: 82px;
padding: 0 0 0 0;
}
.cart_block_total .wave
{
position: absolute;
left: 0;
bottom: -7px;
width: 100%;
height: 7px;
background: url(images/wave.png) repeat-x 0 0;
}
.cart_block_total_btn
{
float: right;
padding: 29px 45px 0 29px;
}
.cart_block_total_btn a
{
position: relative;
display: block;
height: 25px;
padding: 0 18px 0 40px;
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
background: #de5c15 url(images/spritesheet.png) no-repeat 10px -1609px;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.cart_block_total_btn a:hover
{
text-decoration: underline;
}
.cart_block_total_btn span
{
display: block;
padding: 3px 0 0 0;
}
.cart_block_total .total
{
float: right;
font-size: 16px;
color: #000;
line-height: 16px;
padding: 35px 0 0 0;
}
.cart_block_total .total span
{
font-size: 18px;
color: #002756;
margin: 0 0 0 8px;
}
.cart_block_total .total span span
{
font-weight: 700;
margin: 0 0 0 0;
}
/* end cart block*/
/*contacts*/
.contacts_block
{
padding: 0 0 34px 0;
}
.contacts_block h1
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 17px 0;
}
.map_box
{
width: 711px;
height: 279px;
padding: 0 0 28px 0;
}
#map
{
width: 711px;
height: 279px;
}
.contacts_block_list
{
padding: 0 0 13px 0;
border-bottom: 1px dashed #bec6d5;
}
.contacts_block_list_line
{
padding: 0 0 14px 0;
font-size: 14px;
line-height: 21px;
color: #262626;
}
.contacts_block_list_line span
{
display: block;
float: left;
padding: 0 9px 0 0;
font-weight: 700;
}
.contacts_block_list_line .text
{
overflow: hidden;
}
.contacts_block_list_line a
{
text-decoration: none;
}
.contacts_block_list_line a:hover
{
text-decoration: underline;
}
/* end contacts*/
/*feedback*/
.feedback_form
{
padding: 27px 0 0 0;
}
.feedback_form_line
{
padding: 0 0 11px 0;
}
.feedback_form h2
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 18px 0;
}
.feedback_form .label_text,
.feedback_form label
{
display: block;
float: left;
width: 147px;
font-size: 14px;
font-style: italic;
color: #8c8c8c;
padding: 3px 0 0 0;
}
.feedback_form .text_line
{
overflow: hidden;
padding: 0 5px 0 0;
}
.feedback_form .text_line select {
width: 100%;
}
.feedback_form_btn
{
padding: 4px 5px 0 0;
}
.feedback_form_btn input.btn
{
float: right;
width: 179px;
}
/* end feedback*/
.breadcrumbs
{
padding: 0 0 10px 0;
}
.breadcrumbs.catalogue
{
padding: 0 0 23px 0;
}
.breadcrumbs li
{
float: left;
font-size: 14px;
line-height: 14px;
padding: 0 0 0 25px;
margin: 0 10px 10px 0;
background: url(images/spritesheet.png) no-repeat -10px -1180px;
}
.breadcrumbs li:first-child
{
padding: 0;
background: none;
}
.breadcrumbs li a
{
text-decoration: none;
}
.breadcrumbs li a:hover
{
text-decoration: underline;
}
.breadcrumbs li.current a
{
text-decoration: none !important;
cursor: default;
color: #989898;
}
/*product card*/
.product_card
{
padding: 0 0 35px 0;
border-bottom: 1px dashed #c1c9d7;
}
.product_card h1, .main_content h1
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 18px 0;
}
.product_card h2, .main_content h2
{
font-size: 16px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 10px 0;
}
.product_card_image
{
float: left;
width: 304px;
position: relative;
padding: 11px 11px 12px 10px;
margin: 0 17px 0 0;
border: 1px solid #f0f0f0;
background: #f5f5f5;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
}
.product_card_image_top
{
width: 304px;
height: 248px;
position: relative;
box-shadow: 1px 1px 0 #ececec;
-moz-box-shadow:1px 1px 0 #ececec;
-webkit-box-shadow:1px 1px 0 #ececec;
-o-box-shadow:1px 1px 0 #ececec;
}
.product_card_image_top img,
.product_card_image_top a
{
display: block;
width: 304px;
height: 248px;
}
.product_card_image_thumbs
{
padding: 12px 0 0 0;
}
.product_card_image_thumbs .image
{
float: left;
margin: 0 0 0 12px;
width: 93px;
height: 73px;
position: relative;
box-shadow: 1px 1px 0 #ececec;
-moz-box-shadow:1px 1px 0 #ececec;
-webkit-box-shadow:1px 1px 0 #ececec;
-o-box-shadow:1px 1px 0 #ececec;
}
.product_card_image_thumbs .image:first-child
{
margin: 0 0 0 0;
}
.product_card_image_thumbs .image a,
.product_card_image_thumbs .image img
{
display: block;
width: 93px;
height: 73px;
}
.product_card_desc
{
/*overflow: hidden;*/
padding: 19px 0 30px 0;
position: relative;
}
.product_card_desc .share
{
position: absolute;
bottom: 0;
left: 0;
}
.product_card_desc_price
{
float: left;
padding: 0;
text-align: right;
}
.product_card_desc_price .top
{
padding: 0;
/* background: url(images/spritesheet.png) no-repeat -10px -1765px; */
font-size: 23px;
line-height: 22px;
color: #002756;
font-weight: 700;
}
.product_card_desc_price .top span
{
display: inline-block;
padding: 0 19px 0 0;
/*background: url(images/currency_4.png) no-repeat right 1px;*/
}
.product_card_desc_price .bottom
{
color: #989898;
line-height: 13px;
font-size: 13px;
padding: 7px 0 0 66px;
letter-spacing: -0.4px;
text-align: left;
}
.product_card_desc .add_btn
{
display: inline-block;
padding: 0;
position: absolute;
right: 22px;
top: 18px;
}
.product_card_desc .add_btn a
{
position: relative;
display: block;
height: 25px;
padding: 0 21px 0 48px;
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
background:#de5c15 url(images/spritesheet.png) no-repeat 10px -10px;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.product_card_desc .add_btn a:hover
{
text-decoration: underline;
}
.product_card_desc .add_btn span
{
display: block;
padding: 3px 0 0 0;
}
.product_card_desc .add_btn .add-basket {
position: relative;
display: block;
height: 51px;
width: 100%;
text-decoration: none;
color: #FFFFFF;
background: #f85c06;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
border: 0;
outline: none;
text-align: center;
}
.product_card_desc .add_btn .add-basket {
background-color: #e85503;
}
.product_card_desc_text
{
padding: 10px 10px 10px 0;
line-height: 20px;
}
.calculate_link
{
display: inline-block;
margin-left: 15px;
font-size: 18px;
margin-top: 20px;
padding: 0 0 0 45px;
background: url(images/icon_delPrice.png) no-repeat;
background-size: contain;
}
.calculate_link a
{
display: inline-block;
text-decoration: none;
border-bottom: 1px dashed #002756;
line-height: 14px;
height: 14px;
}
.calculate_link a:hover
{
border: none;
}
.product_card_top
{
padding: 0 0 17px 0;
}
.product_card_features
{
background: #f5f5f5;
border: 1px solid #f0f0f0;
position: relative;
overflow: hidden;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
margin-top: 17px;
}
.product_card_features_top
{
padding: 10px 10px 9px 10px;
}
.product_card_features_top li
{
height: 25px;
line-height: 14px;
color: #FFFFFF;
float: left;
border-left: 1px solid #3b4555;
position: relative;
background: #7c879c;
cursor: pointer;
text-shadow: 1px 1px 1px #69768e;
-moz-text-shadow: 1px 1px 1px #69768e;
-webkit-text-shadow: 1px 1px 1px #69768e;
-o-text-shadow: 1px 1px 1px #69768e;
}
.product_card_features_top li a
{
color: #FFFFFF;
text-decoration: none;
}
.product_card_features_top li:hover
{
text-decoration: underline;
}
.product_card_features_top li.current
{
cursor: default;
background: #515b6d;
text-shadow: 1px 1px 1px #515b6d;
-moz-text-shadow: 1px 1px 1px #515b6d;
-webkit-text-shadow: 1px 1px 1px #515b6d;
-o-text-shadow: 1px 1px 1px #515b6d;
}
.product_card_features_top li.current:hover
{
text-decoration: none;
}
.product_card_features_top li:first-child,
.product_card_features_top li.pie_first_child
{
/*border: none;*/
border-radius: 4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px 0 0 4px;
-o-border-radius:4px 0 0 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.product_card_features_top li:last-child
{
border-radius: 0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
-webkit-border-radius:0 4px 4px 0;
-o-border-radius:0 4px 4px 0;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.product_card_features_top li span,.product_card_features_top li a
{
display: block;
padding: 6px 23px 5px 20px;
}
.product_card_features .tab-content .tab-pane p {
padding-left:10px;
}
.delivery_block
{
background: #fff;
border: none;
position: relative;
overflow: hidden;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
margin-top: 17px;
}
.delivery_block_top
{
padding: 10px 10px 9px 10px;
}
.delivery_block_top li
{
height: 25px;
line-height: 14px;
color: #FFFFFF;
float: left;
border-left: 1px solid #3b4555;
position: relative;
background: #7c879c;
cursor: pointer;
text-shadow: 1px 1px 1px #69768e;
-moz-text-shadow: 1px 1px 1px #69768e;
-webkit-text-shadow: 1px 1px 1px #69768e;
-o-text-shadow: 1px 1px 1px #69768e;
}
.delivery_block_top li a
{
color: #FFFFFF;
text-decoration: none;
}
.delivery_block_top li:hover
{
text-decoration: underline;
}
.delivery_block_top li.current
{
cursor: default;
background: #515b6d;
text-shadow: 1px 1px 1px #515b6d;
-moz-text-shadow: 1px 1px 1px #515b6d;
-webkit-text-shadow: 1px 1px 1px #515b6d;
-o-text-shadow: 1px 1px 1px #515b6d;
}
.delivery_block_top li.current:hover
{
text-decoration: none;
}
.delivery_block_top li:first-child,
.delivery_block_top li.pie_first_child
{
/*border: none;*/
border-radius: 4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px 0 0 4px;
-o-border-radius:4px 0 0 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.delivery_block_top li:last-child
{
border-radius: 0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
-webkit-border-radius:0 4px 4px 0;
-o-border-radius:0 4px 4px 0;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.delivery_block_top li span,.delivery_block_top li a
{
display: block;
padding: 6px 23px 5px 20px;
}
.delivery_block .tab-content .tab-pane p {
padding-left:10px;
}
.tab_table {
display: table;
width: 100%;
}
.tab_table_holder {
padding: 0 10px;
}
.tab_content_tr {
display: table-row;
}
.tab_content_tr div {
display: table-cell;
width: 50%;
}
.tab_content_tr div:first-child {
background: url(images/tab_dash.png) repeat-y right 0;
}
.tab_content_column
{
float: left;
width: 50%;
position: relative;
}
.tab_content_column .dash
{
height: 100%;
z-index: 100;
position: absolute;
top: 0;
right: 0;
width: 1px;
background: url(images/tab_dash.png) repeat-y right 0;
}
.tab_content_column_row
{
height: 35px;
position: relative;
z-index: 50;
}
.tab_content_tr:nth-child(even)
{
background: #e8e8e8;
}
.tab_content_tr div span
{
overflow: hidden;
text-align: center;
display: block;
line-height: 14px;
padding: 10px 0 10px 10px;
}
.tab_content_tr div span:first-child
{
text-align: left;
width: 200px;
overflow: visible;
float: left;
color: #989898;
}
/* end product card*/
/*special block*/
.special_block
{
padding: 0 0 0 0;
}
.special_block h1
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 22px;
margin: 0 0 0 0;
padding: 0 135px 10px 0;
}
.special_block.low h1
{
padding: 0 135px 15px 0;
}
.special_text
{
padding: 0 0 19px 0;
line-height: 21px;
}
.special_text span
{
font-weight: 700;
font-size: 16px;
}
/* end special block*/
/*catalogue block*/
.catalogue_block
{
padding: 0 0 0 0;
}
.catalogue_block h1
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 17px 7px;
}
.catalogue_block.full h1
{
padding: 4px 0 18px 0;
}
.category_line
{
padding: 0 6px 2px 6px;
float: left;
width: 100%;
}
.category_line.active
{
padding: 0 0 4px 0;
border-bottom: 1px dashed #bec6d5;
}
.category_line_title
{
padding: 0 0 9px 0;
margin: 0 0 14px 0;
border-bottom: 1px dashed #bec6d5;
float: left;
width: 100%;
}
.active .category_line_title
{
padding: 0 0 13px 0;
margin: 0 0 14px 0;
}
.category_line_title .icon
{
float: left;
width: 43px;
margin: 0 10px 0 0;
}
.category_line_title h2
{
float: left;
font-size: 18px;
color: #002756;
font-weight: 700;
line-height: 18px;
margin: 0 0 0 0;
padding: 8px 0 20px 0;
}
.category_line_title h1
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 4px 0 20px 0;
}
.category_line_title.item_1 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -488px;
height: 34px;
}
.category_line_title.item_2 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -596px;
height: 32px;
}
.category_line_title.item_2 h2
{
padding: 6px 0 0 0;
}
.category_line_title.item_3 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -700px;
height: 31px;
}
.active .category_line_title.item_3 .icon
{
width: 29px;
height: 29px;
margin: 0 12px 0 0;
background: url(images/spritesheet.png) no-repeat -10px -751px;
}
.category_line_title.item_3 h2
{
padding: 8px 0 0 0;
}
.category_line_title.item_4 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -800px;
height: 17px;
}
.category_line_title.item_4 h2
{
padding: 0 0 8px 0;
}
.category_line_title.item_5 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -874px;
height: 36px;
}
.category_line_title.item_5 h2
{
padding: 8px 0 0 0;
}
.category_line_title.item_6 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -986px;
height: 28px;
}
.category_line_title.item_6 h2
{
padding: 5px 0 0 0;
}
.category_line_title.item_7 .icon
{
background: url(images/spritesheet.png) no-repeat -10px -1082px;
height: 31px;
}
.category_line_title.item_7 h2
{
padding: 8px 0 0 0;
}
.category_line_column
{
float: left;
padding: 0 0 0px;/*37*/
width: 200px;
margin-right:20px;
}
.category_line_column:first-child
{
padding: 0 0 0 0;
}
.category_line_column li
{
padding: 0 0 7px 0;
line-height: 17px;
}
.category_line_column li a
{
text-decoration: none;
font-size: 14px;
}
.category_line_column li span
{
font-size: 11px;
color: #bec6d5;
display: inline-block;
padding: 1px 0 0 0;
}
.category_line_column li a:hover
{
text-decoration: underline;
}
/* end catalogue block*/
/*comments block*/
.comments_block
{
padding: 0 0 0 0;
}
.comments_block h1
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 24px 0;
}
.comments_block_item
{
padding: 28px 0 26px 0;
border-bottom: 1px dashed #c1c9d7;
}
.comments_block_item:first-child
{
padding: 0 0 26px 0;
}
.comments_block_item_top
{
padding: 0 0 19px 0;
}
.comments_block_item_top .name
{
float: left;
font-style: italic;
color: #8f8f8f;
font-size: 14px;
line-height: 14px;
padding: 0 0 0 0;
}
.comments_block_item_top .name span
{
font-size: 12px;
}
.comments_block_form
{
padding: 5px 0 0 0;
}
.comments_block_form input.btn
{
width: 136px;
}
.comments_block_item h2
{
font-size: 16px;
color: #262626;
font-weight: 700;
line-height: 16px;
margin: 0 0 0 0;
padding: 0 0 9px 0;
}
.comments_block_item p
{
line-height: 22px;
padding: 0 20px 0 0;
}
/* end comments block*/
.star_rating
{
padding: 0 0 0 0;
}
.star_rating.left
{
padding: 3px 0 0 0;
}
.star_rating span
{
width: 15px;
height: 14px;
float: left;
display: block;
margin: 0 0 0 2px;
background: url(images/spritesheet.png) no-repeat -10px -2658px;
}
.star_rating span.active
{
background-position: -10px -2672px;
}
/*text block*/
.text_block
{
padding: 0 0 10px 0;
}
.text_block h1
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 17px 0;
}
.text_block h2
{
font-size: 16px;
color: #262626;
font-weight: 700;
line-height: 16px;
margin: 0 0 0 0;
padding: 0 0 9px 0;
}
.text_block_image.left
{
margin: 2px 14px 5px 0;
}
.text_block_image.right
{
margin: 0 0 10px 10px;
}
.text_block p
{
line-height: 21px;
padding: 0 0 18px 0;
}
.text_block p.low
{
padding: 0 0 23px 0;
}
.text_block p span
{
font-weight: 700;
}
.text_block p a
{
text-decoration: none;
border-bottom: 1px dashed #002756;
}
.text_block p a:hover
{
border: none;
}
.text_block ul
{
padding: 0 0 10px 17px;
}
.text_block ul li
{
padding: 0 0 7px 10px;
background: url(images/bullet.png) no-repeat 0 4px;
line-height: 14px;
}
/* end text block*/
/* end main content*/
/* end content */
/* footer */
footer
{
width: 100%;
bottom: 0;
}
footer .inner
{
height: 260px;
background: url(images/footer_bg.jpg) repeat-x 0 0;
}
footer .footer_left
{
width: 235px;
padding: 21px 22px 0 10px;
color: #8e8e8e;
line-height: 16px;
float: left;
}
footer .footer_left span
{
font-size: 14px;
line-height: 14px;
display: block;
padding: 0 0 14px 0;
font-weight: 700;
color: #686868;
}
.footer_managers
{
float: left;
width: 220px;
padding: 21px 19px 0 23px;
background: url(images/footer_manager.png) no-repeat 0 19px;
}
.footer_managers_top
{
font-weight: 700;
padding: 0 0 7px 0;
color: #686868;
font-size: 14px;
line-height: 14px;
}
.footer_managers_item
{
padding: 0 0 4px 0;
color: #5d6a84;
line-height: 13px;
font-size: 13px;
letter-spacing: -0.3px;
}
.footer_managers_item span
{
font-style: italic;
letter-spacing: -1px;
}
.footer_managers_item a
{
color: #5d6a84;
text-decoration: none;
}
.footer_contacts
{
overflow: hidden;
/* width: 245px; */
padding: 21px 0 0 0;
}
.footer_contacts_item
{
padding: 0 0 24px 19px;
background: url(images/marker_1.jpg) no-repeat 0 1px;
float: left;
width: 226px;
}
.footer_contacts_item:first-child
{
width: 190px;
padding: 0 11px 24px 19px;
}
.footer_contacts_item.mail
{
width: 160px;
padding: 0 0 24px 19px;
background: url(images/phone_2.png) no-repeat 0 1px;
}
.footer_contacts_item_top
{
font-weight: 700;
padding: 0 0 5px 0;
color: #686868;
font-size: 14px;
line-height: 14px;
}
.footer_contacts_item .address
{
color: #5d6a84;
font-size: 13px;
line-height: 17px;
padding: 0 0 7px 0;
}
.footer_contacts_item .map_btn a
{
position: relative;
display: block;
height: 25px;
width: 93px;
text-decoration: none;
text-align: center;
color: #FFFFFF;
font-size: 16px;
background: #b1b1b1;
text-shadow: 1px 1px 1px #9b9b9b;
-moz-text-shadow: 1px 1px 1px #9b9b9b;
-webkit-text-shadow: 1px 1px 1px #9b9b9b;
-o-text-shadow: 1px 1px 1px #9b9b9b;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.footer_contacts_item .map_btn span
{
display: block;
padding: 2px 0 0 0;
}
.footer_contacts_item.mail .map_btn a
{
width: 145px;
text-align: left;
font-size: 14px;
line-height: 14px;
background: #b1b1b1 url(images/spritesheet.png) no-repeat 0 -1300px;
}
.footer_contacts_item.mail .map_btn span
{
padding: 5px 0 0 29px;
}
/* end footer */
/*popup*/
.popup_overlay
{
width: 100%;
height: 100%;
background: url(images/popup_bg.png);
position: fixed;
top: 0;
left: 0;
z-index: 600;
}
.popup_box
{
position: relative;
background: #FFFFFF;
width: 851px;
margin: auto;
top: 10%;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.popup_box_top
{
padding: 27px 18px 23px 18px;
}
.popup_box h2
{
font-size: 20px;
color: #de5c16;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 13px 0;
}
.popup_box_top .label_text
{
float: left;
line-height: 14px;
padding: 0 0 7px 0;
width: 148px;
}
.popup_box_top .label_text.low
{
padding: 6px 0 0 0;
}
.popup_box_top .value
{
float: left;
line-height: 14px;
font-weight: 700;
}
.popup_box_top .city_select
{
width: 308px;
float: left;
}
.popup_box_top .left
{
padding: 2px 22px 0 0;
}
.popup_box_top_desc
{
font-size: 11px;
color: #8c8c8c;
line-height: 17px;
overflow: hidden;
}
.calculate_table
{
padding: 0 20px 33px 18px;
}
.calculate_table h2
{
padding: 0 0 18px 0;
}
.calculate_table tr
{
background: #f5f5f5;
}
.calculate_table thead tr
{
background: #e8e8e8;
}
.calculate_table td
{
background: url(images/tab_dash.png) repeat-y 0 0;
text-align: center;
line-height: 14px;
height: 35px;
vertical-align: middle;
}
.calculate_table td.col_1
{
background: none;
width: 100px;
}
.calculate_table td.col_2
{
width: 112px;
}
.calculate_table td.col_3
{
width: 106px;
}
.calculate_table td.col_4
{
width: 110px;
}
.calculate_table td.col_5
{
width: 85px;
}
.calculate_table td.col_6
{
width: 145px;
}
.calculate_table thead td
{
font-weight: 700;
}
.calculate_table thead td span
{
font-weight: normal;
}
.calculate_table thead td.col_1
{
background: url(images/calculate_table_l.jpg) no-repeat 0 0;
}
.calculate_table thead td.col_7
{
background: url(images/calculate_table_r.jpg) no-repeat right 0;
}
.calculate_table .value
{
width: 40px;
margin: auto;
}
.calculate_table .value input.text
{
float: none;
padding: 0 0 0 0;
text-align: center;
}
.calculate_table label
{
display: inline-block;
padding: 1px 0 0 0;
}
.calculate_table input.check
{
display: inline-block;
padding: 0 0 0 0;
margin: 0 6px 0 0;
}
.popup_box .cart_block_total
{
height: 64px;
}
.popup_box .cart_block_total_btn
{
padding: 15px 21px 0 29px;
}
.popup_box input.btn
{
width: 173px;
}
.popup_box .cart_block_total .total
{
padding: 21px 0 0 0;
}
/* end popup*/
.bx_item_detail .bx_bt_button,
.bx_item_detail .bx_bt_button_type_2{
display:inline-block;
border-radius:3px;
text-align:center;
text-decoration:none;
font-size:14px;
cursor:pointer;
}
.bx_item_detail .bx_shadow.bx_bt_button,
.bx_item_detail .bx_shadow.bx_bt_button_type_2{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 1px 0 rgba(0,0,0,.2)}
.bx_item_detail .bx_shadow.bx_bt_button:active,
.bx_item_detail .bx_shadow.bx_bt_button_type_2:active{-webkit-box-shadow:none;box-shadow:none}
.bx_item_detail .bx_bt_button {
background:#00a2df;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2df), color-stop(100%,#006fcb));
background:-webkit-linear-gradient(top, #00a2df 0%,#006fcb 100%);
background: -o-linear-gradient(top, #00a2df 0%,#006fcb 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#00a2df),to(#006fcb));
background: linear-gradient(to bottom, #00a2df 0%,#006fcb 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#006fcb',GradientType=0 );
color:#fff;
text-shadow:0 1px 0 #006cae;
}
.bx_item_detail .bx_bt_button:hover {
background:#21afe4;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#21afe4), color-stop(100%,#006fcb));
background:-webkit-linear-gradient(top, #21afe4 0%,#006fcb 100%);
background: -o-linear-gradient(top, #21afe4 0%,#006fcb 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#21afe4),to(#006fcb));
background: linear-gradient(to bottom, #21afe4 0%,#006fcb 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe4', endColorstr='#006fcb',GradientType=0 );
}
.bx_item_detail .bx_bt_button:active {
background:#006fcb;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#006fcb), color-stop(100%,#00a2df));
background:-webkit-linear-gradient(top, #006fcb 0%,#00a2df 100%);
background: -o-linear-gradient(top, #006fcb 0%,#00a2df 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#006fcb),to(#00a2df));
background: linear-gradient(to bottom, #006fcb 0%,#00a2df 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fcb', endColorstr='#00a2df',GradientType=0 );
-webkit-box-shadow:inset 0 3px 5px 0 rgba(0,0,0,.21);
box-shadow:inset 0 3px 5px 0 rgba(0,0,0,.21);
}
.bx_item_detail .bx_bt_button_type_2 {
border:1px solid #e9e9e9;
background:#fcfcfc;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f1f1f1));
background:-webkit-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
background: -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc),to(#f1f1f1));
background: linear-gradient(to bottom, #fcfcfc 0%,#f1f1f1 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 );
color:#656565;
text-shadow:0 1px 0 #fff;
}
.bx_item_detail .bx_bt_button_type_2:hover {
background:#fff;
}
.bx_item_detail .bx_bt_button_type_2:active {
background:#f1f1f1;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#fcfcfc));
background:-webkit-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
background: -o-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1),to(#fcfcfc));
background: linear-gradient(to bottom, #f1f1f1 0%,#fcfcfc 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fcfcfc',GradientType=0 );
-webkit-box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.05);
box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.05);
}
.bx_item_detail .bx_small.bx_bt_button,
.bx_item_detail .bx_small.bx_bt_button_type_2{
display:inline-block;
min-width:20px;
line-height:20px;
}
.bx_item_detail .bx_small.bx_bt_button {}
.bx_item_detail .bx_small.bx_bt_button:hover {}
.bx_item_detail .bx_small.bx_bt_button:active {}
.bx_item_detail .bx_small.bx_bt_button_type_2 {}
.bx_item_detail .bx_small.bx_bt_button_type_2:hover {}
.bx_item_detail .bx_small.bx_bt_button_type_2:active{}
.bx_item_detail .bx_medium.bx_bt_button,
.bx_item_detail .bx_medium.bx_bt_button_type_2 {
padding:0 13px;
height:25px;
font-weight:bold;
line-height:25px;
}
.bx_item_detail .bx_medium.bx_bt_button {
height:27px;
line-height:27px;
}
.bx_item_detail .bx_medium.bx_bt_button:hover {}
.bx_item_detail .bx_medium.bx_bt_button:active {}
.bx_item_detail .bx_medium.bx_bt_button_type_2 {font-weight:bold}
.bx_item_detail .bx_medium.bx_bt_button_type_2:hover {}
.bx_item_detail .bx_medium.bx_bt_button_type_2:active{}
.bx_item_detail .bx_big.bx_bt_button,
.bx_item_detail .bx_big.bx_bt_button_type_2 {
padding:0 13px;
height:34px;
font-weight:bold;
line-height:34px;
}
.bx_item_detail .bx_big.bx_bt_button {
height:36px;
line-height:36px;
}
.bx_item_detail .bx_big.bx_bt_button:hover {}
.bx_item_detail .bx_big.bx_bt_button:active {}
.bx_item_detail .bx_big.bx_bt_button_type_2 {}
.bx_item_detail .bx_big.bx_bt_button_type_2:hover {}
.bx_item_detail .bx_big.bx_bt_button_type_2:active{}
.bx_item_detail .bx_big.bx_bt_button.bx_cart span{
position:relative;
bottom:-7px;
display:inline-block;
margin:0 10px 0 0;
width:26px;
height:23px;
background:url(images/bt_cart.png) no-repeat center;
}
div.bx-auth input.bx-auth-input {
min-width: 200px;
padding: 2px 4px;
font-size: 13px;
}
.bx-registration-table td {
padding: 0 0 15px 0;
}
.bx-registration-table input[type="submit"]{
background: #7c879c;
border: 0;
color: white;
padding: 5px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}
/******************************************************************************************/
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
/*.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}*/
/*.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}*/
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
/*.nav-tabs {
border-bottom: 1px solid #ddd;
}*/
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
/*.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}*/
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
/*color: #555;
cursor: default;*/
background: #515b6d;
/*text-shadow: 1px 1px 1px #515b6d;
border: 1px solid #ddd;
border-bottom-color: transparent;*/
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
padding-bottom: 10px;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.bx_item_detail {
padding: 0 0 30px 0;
/* border-bottom: 1px dashed #c1c9d7; */
}
.bx_item_list_recommended .bx_catalog_item .bx_catalog_item_controls{opacity:1}
.bx_ordercart .bx_ordercart_order_table_container td input[type="text"]{
text-align: center;
}
.bx_ordercart .bx_ordercart_order_table_container td.control .btn a {
/* position: relative; */
display: block;
height: 25px;
width: 109px;
text-decoration: none;
text-align: center;
color: #FFFFFF;
font-size: 14px;
background: #7c879c url(images/cart_btn.jpg) repeat-x 0 50px;
/*text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;*/
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
.bx_ordercart .bx_ordercart_order_table_container td.control .btn a:hover{background-position: 0 0;}
.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a {
color: #002756;
font-weight: 700;
text-decoration: none;
font-size: 16px;
line-height: 16px;
}
.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a:hover {
text-decoration: underline;
}
.bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price {
font-size: 16px;
/*line-height: 16px;*/
color: #002757;
/*padding: 0 0 0 0;*/
font-weight: 400;
}
.bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price span {
font-size: 16px;
/*line-height: 16px;*/
color: #002757;
/*padding: 0 0 0 0;*/
font-weight: 700;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.pull-left {
display: inline-block;
}
.pull-right {
display: inline-block;
float: right;
margin-top: 15px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.rating-container.theme-krajee-fa.rating-xs {
font-size:1em;
}
.rating-container.theme-krajee-fa.rating-xs .fa{
font-size:16px;
}
.rating-container .empty-stars .fa-star-o{
color:#e7e5e7;
}
.rating-container .filled-stars .fa-star{
color:#e25f0f;
}
.modal-content .feedback_form {
padding-top: 0;
}
.errortext {
color:red;
}
.feedback_form span.form-required.starrequired {
color:red;
}
.sortBlock {
margin-top: 15px;
margin-bottom: 15px;
display: inline-block;
}
.sortBlock a {
margin-right: 10px;
text-decoration: none;
}
.sortBlock a:hover, .sortBlock a.active {
color: #de5c16;
text-decoration: none;
}
.sortBlock a.asc .fa-caret-down {
display: none;
}
.sortBlock a.asc .fa-caret-up {
display: inline-block;
}
.sortBlock a.desc .fa-caret-down {
display: inline-block;
}
.sortBlock a.desc .fa-caret-up {
display: none;
}
.sortBlock a.desc.active:hover .fa-caret-up {
display: inline-block;
}
.sortBlock a.desc.active:hover .fa-caret-down {
display: none;
}
.sortBlock a.asc.active:hover .fa-caret-up {
display: none;
}
.sortBlock a.asc.active:hover .fa-caret-down {
display: inline-block;
}
.view-count form#form4 a {
text-decoration: none;
}
.view-count form#form4 a.selected {
font-weight: bold;
color: #de5c16;
/*text-decoration: none;*/
}
.view-count form#form4 a:hover {
text-decoration: underline;
}
div.pagination {
text-align: center;
}
div.pagination a{
text-decoration: none;
}
div.pagination a:hover{
text-decoration: underline;
}
.pagination b.current {
color: #de5c16;
font-weight: 700;
}
.count_status{
float: left;
padding: 5px 0 0 0;
color:#de5c16;
font-weight: bolder;
font-size: 16px;
}
.law {
margin-top: 20px;
font-style: italic;
}
.catalog-sb-item {
vertical-align: top;
}
.project_list.bx_catalog_tile .bx_catalog_tile_ul li {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
padding: 0 10px;
width: 25%;
list-style: none;
text-align: center;
}
.project_list .bx_catalog_tile_img {
background-size: cover;
width: 100%;
height: 150px;
}
#up {
z-index: 1000000;
cursor: pointer;
background: #f3f6fb none repeat scroll 0 0;
border-radius: 2px;
fill: #002756;
float: right;
height: 50px;
margin-bottom: 20px;
width: 50px;
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}
#itemIcons {
}
#itemIcons .icon {
width: 70px;
text-align: center;
display: inline-block;
margin-right: 15px;
}
#itemIcons .icon a:first-child {
margin-bottom: 10px;
display: inline-block;
}
#itemIcons .icon img {
width: 40px;
}
#itemHolder {
width: 100%;
overflow: hidden;
}
.itemLeft {
width: 200px;
height: 200px;
background: green;
float: left;
}
.itemRight {
width: 100%;
background: gray;
height: 500px;
}
@media (min-width: 960px) {
.project_list .bx_catalog_list_home.col3 .bx_catalog_item {
padding: 1px 5px;
}
.bx-no-touch .project_list .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container {
padding: 1px 5px;
}
}
/************************ адаптивка *************************/
@media (max-width: 1000px) {
body {
min-width: auto;
}
#wrapper {
padding: 0;
}
header {
position: relative;
top: auto;
left: auto;
background: none;
height: auto;
}
.header_top {
height: auto;
}
.header_top .inner, .header_bottom .inner {
width: 100%;
text-align: center;
}
.header_logo {
float: none;
padding: 0;
margin: 0px;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: center;
}
.header_logo a{
margin:0 auto;
}
.inner .header_top_right_desc {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding: 15px 0px;
}
.header_top_right {
}
.header_top_right_desc {
float: none;
width: auto;
padding: 15px 0 0 0;
}
.header_schedule {
float: none;
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1 1 183px;
flex: 1 1 183px;
margin-right: 15px;
}
.header_schedule_icon {
display: none;
}
.header_schedule_text {
padding: 0 0 10px 0;
}
.search_holder {
display: block;
width: 279px;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
float: none;
}
#mini .search_holder {
display: none;
}
.header_contacts {
padding: 15px 0 10px 0;
text-align: center;
}
.header_contacts .right {
/*display: none;*/
float:none;
}
.header_contacts_item {
display: inline-block;
padding: 0 5px 5px 5px;
margin: 0 auto;
float: none;
}
#mini .header_contacts_item {
margin-top: 10px!important;
}
.header_contacts_item:first-child {
padding: 0 10px;
}
.header_bottom {
height: auto;
}
.header_nav {
float: none;
padding: 0;
height: auto;
margin: 15px 0 0 0;
-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%;
}
.header_nav a {
height: auto;
}
.header_nav li {
float: none;
height: auto;
padding: 0 0 5px 0;
}
.header_nav li:hover {
border-top: 0px solid #002756;
}
.header_nav li:first-child {
padding: 0 0 5px 0;
}
.header_nav li.current a, .header_nav a:hover {
background: none;
padding: 0;
}
.header_nav span {
padding: 0;
}
.header_bottom .header_cart_box {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: center;
padding:0px;
}
.header_bottom .header_cart_box > div {
float: none;
/*margin-top: 10px;*/
margin-top: 20px;
position: relative;
}
.header_cart_box_name {
/*display: none;*/
position: absolute;
top: -25px;
z-index: 9;
font-size: 18px;
padding: 6px 9px 3px 28px !important;
font-weight: 700;
background: url(images/spritesheet.png) no-repeat -9px -2846px;
}
.header_cart_box_value {
float: none;
}
.header_cart_box_btn {
float: none;
margin: 10px auto 0 auto;
text-align: center;
}
.header_cart_box_btn a {
margin: 0 auto;
}
header .shade {
display: none;
}
.header_bottom .header_contacts_item.item_4 {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.header_bottom .header_contacts_item.item_4 > a {
width: 122px;
margin: 15px auto;
}
.header_bottom .search_holder {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
#content .inner {
width: 100%;
}
.top_banner {
width: 100%;
}
.top_banner img {
width: 100%;
height: auto;
}
.bx-wrapper {
margin: 0 auto 20px;
}
.benefits_block h2 {
text-align: center;
}
.benefits_block_line .column {
display: block;
float: none;
overflow: hidden;
width: 100%;
}
.benefits_block_line .icon {
display: none;
}
.benefits_block_line .text {
text-align: center;
}
.benefits_block_line .text.low {
padding: 0;
}
.benefits_block_line {
padding: 0;
}
aside {
float: none;
width: 100%;
padding: 18px 13px 0px 0;
}
.main_content {
padding: 15px 10px;
}
.category_line_column {
float: none;
width: 100%;
margin: 0;
text-align: center;
}
.pull-left {
display: none;
}
/*.pull-right {
display: none;
}*/
.product_card h1, .main_content h1 {
text-align: center;
}
.breadcrumbs {
text-align: center;
}
.breadcrumbs li {
float: none;
display: inline-block;
}
.product_box_image {
float: none;
margin: 0 auto;
}
.product_box_text {
padding: 5px 10px 0 10px;
margin: 0;
}
.catalogue_nav .sub_nav {
display: none;
}
.catalogue_nav li {
text-align: center;
}
.bx-controls {
display: none!important;
}
.tile h2 {
text-align: center;
}
.catalogue_nav li:hover .sub_nav {
display: none;
}
.catalogue_nav li:hover {
border: 0;
padding: 6px 0 5px 5px;
-webkit-box-shadow: none;
box-shadow: none;
}
.catalogue_nav div.left_name {
text-align: center;
}
.bx_item_detail .bx_item_container .bx_lt {
width: 100%;
padding: 0;
margin: 0;
float: none;
}
.bx_item_detail .bx_item_container .bx_rt {
width: 100%;
float: none;
}
.product_card_desc {
text-align: center;
}
.product_card_desc_price {
float: none;
text-align: center;
width: 100%;
}
.calculate_link {
background: none;
padding: 0;
text-align: center;
}
.product_card_desc .add_btn {
position: relative;
top: auto;
right: auto;
float: none;
display: block;
margin: 10px 0 0 0;
}
.product_card_desc_text {
padding: 10px 0 0 0;
}
.product_card_desc_text img {
width: 100%;
}
.product_card_features_top li {
float: none;
border-left: 0;
border-radius: 0!important;
}
.comments_block_form {
margin-bottom: 15px;
}
.count_status {
float: none;
}
.manager_list {
display: none;
}
footer {
position: relative;
bottom: auto;
}
footer .inner {
height: auto;
width: auto;
}
footer .footer_left {
width: 100%;
float: none;
padding: 10px 0;
text-align: center;
}
footer div.news-list {
margin: 0 auto;
float: none;
}
.footer_managers {
float: none;
width: 100%;
padding: 10px 0;
background: none;
}
.footer_contacts {
width: 100%;
}
.footer_managers_top {
text-align: center;
}
.footer_managers_item {
text-align: center;
}
.footer_contacts {
text-align: center;
}
.footer_contacts_item {
float: none;
margin: 0 auto;
background: none;
}
.footer_contacts_item.mail {
background: none;
}
.footer_contacts_item .map_btn a {
margin: 0 auto;
}
.columns div img {
width: 100%;
}
.row img {
width: 100%;
}
.project_nav {
display: none;
}
#itemIcons {
margin-bottom: 30px;
text-align: center;
}
#itemIcons .icon {
margin-right: 0;
}
/* .item_info_section {
display: none;
} */
.document_links {
margin-bottom: 20px;
}
.tile .picture {
margin: 15px 0 0 0;
width: 100%;
float: none;
text-align: center;
}
.tile .picture a {
display: block;
}
.header_nav li.catalogue_nav.top-menu-styles:hover {
border-top: 0px solid #002756;
padding-top: 0px;
}
/* New */
.search-page form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.search-page form input[type="text"] {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
width: 80%;
}
.search-page form input[type="submit"] {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
}
.header_upper .inner {
width: auto;
max-width:550px;
}
.header_upper {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
background:transparent;
height:auto;
}
.header_top {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
background:transparent;
}
.header_bottom {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
background:transparent;
}
.header_upper:before{
display: none;
}
.header_nav_upper ul li:hover {
border-bottom: 0px solid #002756;
margin-bottom: 0px;
padding-bottom: 3px;
}
.inner .header_nav li.catalogue_nav.top-menu-styles:hover {
border-top: 0px solid #002756;
padding-top: 3px;
}
.header_schedule {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.search_holder {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
@media screen and (max-width:600px){
.header_upper .log_in {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding: 0px;
}
.log_in .bx-system-auth-form {
text-align: center;
}
.header_nav_upper {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
height: auto;
padding: 15px 0px 0px 0px;
}
.header_nav_upper ul li {
width: 100%;
text-align: center;
padding: 0px;
}
.header_nav ul li:last-child:before {
display: none;
}
}
/* New */
span.feedback_icon:before {
content: "";
background: url(/local/templates/john/images/spritesheet.png) no-repeat -40px -1451px;
width: 20px;
height: 17px;
position: absolute;
left: 0px;
top: 0px;
}
span.feedback_icon {
padding: 0 0 1px 20px;
position: relative;
}
.header_contacts_item a:hover .feedback_icon:before {
background-position: -40px -1468px;
}
div.news-list{
float:left;
}
aside .manager_list {
float: left;
width: 100%;
}
aside .manager_list .header_contacts_item {
margin: 0 auto;
float: none;
width: 165px;
margin-bottom: 14px;
}
.search_box form {
position: relative;
display: inline-block;
width: 100%;
}
input.custom-search-button {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
border: 0px;
font-size: 0px;
background: url(/local/templates/john/images/spritesheet.png) no-repeat -45px -2635px;
width: 23px;
cursor: pointer;
}
.header_cart_box #bx_basket2 .bx-hdr-profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header_cart_box #bx_basket2 .bx-hdr-profile .header_cart_box_name {
padding: 5px 9px 0 25px;
}
.header_cart_box #bx_basket2 .bx-hdr-profile .header_cart_box_value {
white-space: nowrap;
}
.price_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.price_word {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin-top: auto;
}
.price_count {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin-top: auto;
}
.percent_count {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin-top: auto;
}
.product_box_bottom .price .old_price_count .old-price {
color: #b0b0b0;
font-weight: 400;
text-decoration: line-through;
font-size: 12px;
margin: 0px;
white-space: nowrap;
}
.product_box_bottom .price .percent_count .percent {
background: #e66721;
color: white;
height: 18px;
padding: 2px 7px 0px 7px;
border-radius: 0px 3px 3px 0px;
position: relative;
margin-left: 9px;
-webkit-box-shadow: 1px 1px 1px 0px #9e3800;
box-shadow: 1px 1px 1px 0px #9e3800;
margin-bottom: 2px;
}
.product_box_bottom .price .percent_count .percent:before {
content: "";
width: 0px;
height: 0px;
position: absolute;
left: -20px;
top: 0px;
border-left: 10px solid transparent;
border-top: 10px solid transparent;
border-right: 10px solid #e66721;
border-bottom: 10px solid transparent;
}
.product_box_bottom .price .percent_count .percent:after {
content: "";
position: absolute;
left: -3px;
top: 7px;
color: white;
width: 6px;
height: 5px;
border-radius: 50%;
background: white;
border-top: 1px solid #476200;
border-bottom: 1px solid #97d200;
}
.product_box_bottom .price .new_price_count span {
margin: 0px;
font-size: 16px;
white-space: nowrap;
}
.product_box_bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product_box_bottom > *{
margin-top:auto;
}
.price_block.detail_page_price_container{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.price_block.detail_page_price_container .price_word {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%
}
.price_block.detail_page_price_container .price_count{
-webkit-box-flex: 1;
-ms-flex: 1 1 40%;
flex: 1 1 40%
}
.price_block.detail_page_price_container .percent_count{
-webkit-box-flex: 1;
-ms-flex: 1 1 30%;
flex: 1 1 30%
}
@media screen and (max-width: 500px){
.product_box_bottom .btn a{
width: 70px;
}
}
.header_nav li.catalogue_nav.top-menu-styles>ul {
display: none;
position: absolute;
left: 0px;
top: 100%;
width: 960px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px;
-webkit-box-shadow: 1px 1px 1px 1px #c6c6c6;
box-shadow: 1px 1px 1px 1px #c6c6c6;
z-index:400;
}
.header_nav li.catalogue_nav.top-menu-styles:hover>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header_nav li.catalogue_nav.top-menu-styles>ul>li {
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
padding: 10px 10px;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 100;
background: white;
margin-left: 0px;
border-right: 1px solid #e6edf3;
border-bottom: 1px solid #e7eef8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalogue_nav.top-menu-styles li .sep {
display: none;
}
.header_nav li.catalogue_nav.top-menu-styles>ul>li a, .header_nav li.catalogue_nav.top-menu-styles>ul>li .icon {
margin-top: auto;
margin-bottom: auto;
}
.catalogue_nav.top-menu-styles li a {
height: auto;
}
li.catalogue_nav.top-menu-styles {
position: relative;
}
.catalogue_nav.top-menu-styles .sub_nav {
left: 100%;
top: 0px;
}
.catalogue_nav.top-menu-styles .sub_nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.catalogue_nav.top-menu-styles .sub_nav ul li {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
height: auto;
}
.catalogue_nav.top-menu-styles .sub_nav a:hover, .header_nav .catalogue_nav.top-menu-styles li.current a, .header_nav .catalogue_nav.top-menu-styles a:hover{
background: transparent;
}
.catalogue_nav.top-menu-styles li:hover {
border-top: 0px solid #93a1b9;
border-left: 0px solid #93a1b9;
}
.catalogue_nav.top-menu-styles .catalogue_nav_special a{
width: 100%;
}
.catalogue_nav.top-menu-styles .catalogue_nav_special:hover a{
color:white;
}
.header_nav .catalogue_nav.top-menu-styles .catalogue_nav_special a:hover{
background: #de5c15;
}
.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_1{z-index:200;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_2{z-index:199;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_3{z-index:198;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_4{z-index:197;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_5{z-index:196;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_6{z-index:195;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_7{z-index:194;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_8{z-index:193;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_9{z-index:192;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_10{z-index:191;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_11{z-index:190;}.header_nav li.catalogue_nav.top-menu-styles>ul>li.item_12{z-index:189;}
section.main_content .tile .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tile .picture {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
width: 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
height: auto;
margin: 15px 0px;
padding: 0px 13px;
}
.main_page_class .tile .picture {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
margin: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
height: auto;
margin: 15px 0px;
padding: 0px 15px;
}
li.catalogue_nav.top-menu-styles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0px;
padding-top: 3px;
padding-bottom: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.header_nav li.catalogue_nav.top-menu-styles:hover {
border-top: 3px solid #002756;
padding-top: 0px;
}
.show-cat-button {
float: left;
width: 25px;
height: 19px;
margin: auto 0px;
position: relative;
}
.show-cat-button:before {
content: "\2630";
position: absolute;
left: 0px;
top: -2px;
}
/* Блок цены с кнопкой на карточке товара */
.price_box {
/*display: -webkit-box;
display: -ms-flexbox;
display: flex;*/
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
max-width: 362px;
margin: 0 auto;
}
.price_box .product_card_desc_price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-flex: 1;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.product_card_desc .price_box .add_btn {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
padding: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
right: auto;
top: auto;
margin: auto;
max-width: 130px;
display: block;
float: right;
height: 22px;
width: 114px;
}
.price_box .product_card_desc_price .top {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.price_box .price_word {
-webkit-box-flex: 0;
-ms-flex: 0 1 10%;
flex: 0 1 10%;
margin-top: 0;
text-align: left;
}
.product_card_desc_price .top .price_word span, .product_card_desc_price .top .price_count_cont span{
padding-right: 0px;
}
.price_count_cont {
-webkit-box-flex: 1;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
text-align: left;
padding-left: 6px;
}
.price_box .product_card_desc_price .bottom {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.count_status {
width: 100%;
float: left;
}
.item_info_section {
width: 100%;
float: left;
}
.bx_item_detail .item_info_section dl {
overflow: visible;
}
.price_count_cont .oldprice {
color: #b5b5b5;
font-size: 19px;
font-weight: 200;
text-decoration: line-through;
}
.product_card_desc .add_btn a{
background: #f85c06 url(/local/templates/john/images/spritesheet.png) no-repeat 10px -10px;
}
.credit_btn a
{
background-image: none!important;
padding: 0px!important;
text-align: center;
margin-top: 5px;
}
/* Блок цены с кнопкой на карточке товара */
.choose_equipment {
margin: 0 0 0px;
padding: 0;
line-height: 19px;
width: 100%;
float: left;
color: #de5c16;
font-weight: bolder;
font-size: 18px;
}
.konf_politic:before {
content: "";
background: url(/local/templates/john/images/spritesheet.png) no-repeat -10px -2113px;
height: 17px;
width: 17px;
position: absolute;
left: -24px;
top: 0px;
}
.title_into.konf_politic {
font-weight: 700;
padding: 0 0 7px 0;
color: #686868;
font-size: 14px;
line-height: 14px;
margin-top: 5px;
float: left;
text-decoration: none;
position: relative;
}
.title_into.konf_politic a {
text-decoration: none;
}
.title_into.konf_politic a {
text-decoration: none;
color: #686868;
}
@media screen and (max-width:1000px){
/* Блок цены с кнопкой на карточке товара */
.price_box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.price_box .product_card_desc_price {
margin-bottom: 10px;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.price_box .price_word {
-webkit-box-flex: 1;
-ms-flex: 1 10 42%;
flex: 1 10 42%;
margin-top: auto;
text-align: right;
}
.price_count_cont {
-webkit-box-flex: 10;
-ms-flex: 10 1 58%;
flex: 10 1 58%;
text-align: left;
padding-left: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.price_box .product_card_desc_price .bottom {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: center;
}
/* Блок цены с кнопкой на карточке товара */
.tile .picture, .main_page_class .tile .picture {
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
}
/* Мобильное меню */
li.catalogue_nav.top-menu-styles {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.header_nav li.catalogue_nav.top-menu-styles>ul {
position: relative;
width: 100%;
height: 0px;
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
}
.header_nav li.catalogue_nav.top-menu-styles>ul>li {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding: 7px;
}
.header_nav li.catalogue_nav.top-menu-styles>ul>li a{
text-align:center;
width:100%;
}
.header_nav li.catalogue_nav.top-menu-styles.active-top-menu>ul {
position: relative;
width: 100%;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
overflow: visible;
margin-top: 10px;
}
.show-cat-button:before {
content: "\2630";
position: absolute;
left: 0px;
top: -4px;
background: white;
padding: 0px 4px;
border: 1px solid #576a86;
border-radius: 2px;
cursor: pointer;
}
.show-cat-button {
width: 34px;
}
/* Мобильное меню */
}
@media screen and (max-width:760px){
.tile .picture, .main_page_class .tile .picture {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
padding: 0px 5px;
}
.tile .picture img{
width:100%;
max-width: 150px;
height: auto;
}
}
@media screen and (max-width:340px){
.tile .picture, .main_page_class .tile .picture {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
padding: 0px 15px;
}
}
.catalogue_nav .active a {
color: #de5c15;
}
/* top index */
section.main_content .view_category_parall .tile .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
section.main_content .view_category_parall .tile .holder .picture {
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
padding: 0px;
margin: 0px;
height: 148px;
}
section.main_content .view_category_parall .tile .holder .picture .inner_picture {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
border: 1px solid #cddaea;
margin: 5px;
padding: 5px;
-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%;
}
section.main_content .view_category_parall .tile .holder .picture a:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.main_content .view_category_parall .tile .holder .picture a:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
text-align: left;
padding-left: 15px;
margin: auto 0px;
text-decoration: none;
}
section.main_content .view_category_parall .tile .holder .picture a img {
width: 120px;
margin: auto;
height: 120px;
}
section.main_content .view_category_parall .tile .holder .picture:nth-child(4n) .inner_picture {
/*margin-right: 0px;*/
}
section.main_content .view_category_parall .tile .holder .picture:nth-child(4n+1) .inner_picture {
/*margin-left: 0px;*/
}
@media screen and (max-width: 820px){
section.main_content .view_category_parall .tile .holder .picture:nth-child(4n+1) .inner_picture {
margin-left: 5px;
}
section.main_content .view_category_parall .tile .holder .picture:nth-child(4n) .inner_picture {
margin-right: 5px;
}
section.main_content .view_category_parall .tile .holder .picture {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
height: auto;
}
}
@media screen and (max-width: 480px){
section.main_content .view_category_parall .tile .holder .picture {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
height: auto;
}
section.main_content .view_category_parall .tile .holder .picture a img {
margin-left:0px;
}
}
/* //top index */
/* Product list */
.product_box_holder {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.product_box_image {
float: left;
display: block;
width: 150px;
position: relative;
margin: 0 0 0 20px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
min-width: 150px;
max-width: 150px;
}
.product_box_text {
margin: 0 20px 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.product_box_text > * {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.product_box_bottom {
margin-top: auto;
padding-top:10px;
}
@media screen and (max-width:610px){
.product_box_holder {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.product_box_image {
margin: 20px auto;
}
.product_box_bottom .price {
float: none;
margin: auto;
margin-bottom: 0px;
padding-top: 10px;
}
.product_box_bottom .btn {
float: none;
margin: auto;
margin-bottom: 0px;
padding-top: 10px;
}
.product_box_text {
margin: 0px;
}
}
/* //Product list */
/*Рекламация*/
.reclamation-page .pricetable {border: 1px solid #adb9c2;}
.reclamation-page .pricetable td {padding: 8px;text-align: center;border: 1px solid #adb9c2;}
.reclamation-page .servis-ul {list-style: square outside;}
.reclamation-page .servis-ol li {padding:5px 0 5px 15px;}
.reclamation-page .servis-ul li {padding:5px 0 5px 15px;}
.reclamation-page .servis-ol {counter-reset: li;}
.reclamation-page .servis-ol li {list-style-type:none;}
.reclamation-page .servis-ol > li:before {content: counter(li, decimal);counter-increment: li;}
.reclamation-page .rec-spacer {border-bottom: 1px dashed #c1c1c1;margin: 30px 0px;}
form#reclamation-form {
padding: 30px;
border: 1px solid #d5d5d5;
-webkit-box-shadow: inset 0px 0px 2px 0px #d9d9d9;
box-shadow: inset 0px 0px 2px 0px #d9d9d9;
margin-top: 30px;
}
form#reclamation-form .feedback_form_line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
form#reclamation-form .feedback_form_line label {
-webkit-box-flex: 0;
-ms-flex: 0 1 35%;
flex: 0 1 35%;
}
form#reclamation-form .feedback_form_line .text_line {
-webkit-box-flex: 0;
-ms-flex: 0 1 65%;
flex: 0 1 65%;
}
form#reclamation-form h2{
margin-bottom: 30px;
}
.reclamation-page .feedback_form_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.reclamation-page .feedback_form_btn input.btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 179px;
flex: 0 1 179px;
margin: auto;
margin-top: 30px;
}
.reclamation-page .download-link{
font-size: 14px;
font-weight: bold;
color: #ff0000;
position: relative;
padding-left: 10px;
}
.reclamation-page .download-link:before {
content: "\2193";
position: absolute;
background-color: white;
left: 1px;
top: -3px;
}
.reclamation-page ul.custon-list li {
margin-bottom: 10px;
}
.reclamation-page .clip_file {
position: relative;
padding-left: 25px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.reclamation-page .clip_file:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 20px;
height: 20px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yOS4zNjMsNC42MzdjLTMuNTE0LTMuNTE2LTkuMjEzLTMuNTE2LTEyLjcyNywwTDIuMDQ2LDE5LjA1NGMtMi43MjksMi43MjktMi43MjksNy4xNzEsMCw5LjkgIGMyLjcyOSwyLjcyOSw3LjE3LDIuNzI5LDkuODk4LDBsMTQuNTktMTQuNDE4YzEuOTUzLTEuOTUzLDEuOTUzLTUuMTE4LDAtNy4wNzFjLTEuOTUzLTEuOTUyLTUuMTE5LTEuOTUyLTcuMDcsMEw4LjQ5NiwxOC40MzMgIGMtMC4zOTEsMC4zOTItMC4zOTEsMS4wMjMsMCwxLjQxNWMwLjM5MSwwLjM5MSwxLjAyMywwLjM5MSwxLjQxNCwwTDIwLjg3OSw4Ljg3OWMxLjE3LTEuMTY5LDMuMDcyLTEuMTY5LDQuMjQyLDAgIGMxLjE3LDEuMTcsMS4xNywzLjA3MywwLDQuMjQzbC0xNC41OSwxNC40MTdjLTEuOTUzLDEuOTUzLTUuMTE3LDEuOTUzLTcuMDcsMGMtMS45NTMtMS45NTItMS45NTMtNS4xMTgsMC03LjA3TDE3LjkwOCw2LjE5MiAgYzIuNzM0LTIuNzM0LDcuMTY4LTIuNzM0LDkuODk4LDBjMi43MzYsMi43MzUsMi43MzYsNy4xNjUsMC4wMDIsOS44OTlMMTYuOTgyLDI2LjkxOGMtMC4zOTMsMC4zOTItMC4zOTMsMS4wMjMsMCwxLjQxNCAgYzAuMzkxLDAuMzkyLDEuMDIzLDAuMzkyLDEuNDE0LDBsMTAuOTY3LTEwLjk2OEMzMi44NzksMTMuODUsMzIuODc5LDguMTUxLDI5LjM2Myw0LjYzN3oiIGZpbGw9IiMzMzMzMzMiIGlkPSJjbGlwXzJfIi8+PC9zdmc+);
background-size: 20px 20px;
}
@media screen and (max-width: 500px){
form#reclamation-form .feedback_form_line label {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 5px;
}
form#reclamation-form .feedback_form_line .text_line {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.reclamation-page ul.file_list {
padding: 10px 0px;
}
.reclamation-page a.delete_file {
width: 10px;
height: 10px;
margin-left: 5px;
display: inline-block;
position: relative;
cursor: pointer;
}
.reclamation-page a.delete_file:before {
content: "\2716";
position: absolute;
top: -5px;
left: 0px;
cursor: pointer;
}
#reclamation-form label.file-label.hidden{display:none;}
.reclamation-page input.reclamation_file{display:none;}
.reclamation-page label.file-label{
width: 112px;
line-height: 21px;
text-align: center;
padding: 0px 5px;
height: 20px;
background: -webkit-gradient(linear, left bottom, left top, from(#c2c2c2), to(#f5f5f5));
background: linear-gradient(to top, #c2c2c2, #f5f5f5);
border: 1px solid #939393;
border-radius: 3px;
font-size: 14px;
cursor: pointer;
}
.reclamation-page label.file-label{}
.reclamation-page label.file-label:hover {
background: -webkit-gradient(linear, left bottom, left top, from(#cfcfcf), to(#f5f5f5));
background: linear-gradient(to top, #cfcfcf, #f5f5f5);
}
/*END Рекламация*/
.politic_container {
width: 100%;
margin: 20px 0px;
float: left;
}
div#privacy_policy {
width: 50%;
}
@media screen and (max-width:550px){
.hits_block{
position: relative;
width: 960px;
}
div#privacy_policy {
width: 100%;
}
}
.hits_block{
position: relative;
width: 960px;
margin-top: 20px;
}
.carousel {
/*float: left;*/
margin-top: 0px;
margin-bottom: 25px;
}
.carousel_box {
border: solid 1px #d3d3d3;
border-radius: 5px;
width: 176px;
height: 270px;
display: block;
float: left;
text-decoration: none;
position: relative;
text-align: center;
padding: 10px 10px 10px 10px;
margin-right: 12px;
margin-left: 12px;
}
.carousel_box .ruble {
position: relative;
}
.carousel_box .ruble span {
height: 10px;
width: 8px;
border-top: solid 1px #000;
display: block;
position: absolute;
right: 2px;
top: 14px;
}
.carousel_box .title {
font-size: 12px;
color: #27160c;
text-decoration: underline;
text-transform: uppercase;
display: block;
}
.carousel_box .new {
position: relative;
padding: 4px 10px 5px 10px;
background: #f66a16;
color: #fff;
font-size: 13px;
display: block;
float: right;
margin: 6px 8px 0 0;
text-decoration: none;
}
.carousel_box span.text {
display: block;
color: #f66a16;
font-size: 13px ;
text-decoration: underline;
line-height: 13px;
min-height: 60px;
overflow: hidden;
}
.carousel_box .new:after{
content:'';
position:absolute;
right:-7px;
top:0;
bottom:0;
width:15px;
background:#f66a16;
-webkit-transform:skewX(-20deg);
-moz-transform:skewX(-20deg);
-ms-transform:skewX(-20deg);
-o-transform:skewX(-20deg);
transform:skewX(-20deg);
}
.carousel_box .new:before{
content:'';
position:absolute;
left:-7px;
top:0;
bottom:0;
width:15px;
background:#f66a16;
-webkit-transform:skewX(-20deg);
-moz-transform:skewX(-20deg);
-ms-transform:skewX(-20deg);
-o-transform:skewX(-20deg);
transform:skewX(-20deg);
}
.carousel_box .price {
color: #212121;
font-size: 16px;
display: block;
text-decoration: none;
position: absolute;
top: 245px;
left: 15px;
}
.carousel_box img {
margin-top: -23px;
max-height: 150px;
}
.arrow_left {
background: url(images/icons.png) -188px 0px;
height: 40px;
width: 40px;
display: block;
float: left;
margin-top: 120px;
}
.arrow_left:hover {
background: url(images/icons.png) -268px 0px;
}
.arrow_right {
background: url(images/icons.png) -228px 0px;
height: 40px;
width: 39px;
display: block;
float: right;
margin-top: 120px;
position:absolute;
top:0;
right:0;
}
.arrow_right:hover {
background: url(images/icons.png) -308px 0px;
}
.buttons_menu {
position: relative;
margin: 14px 0px 0px 5px;
height: 50px;
}
.benefits_block{
clear: both;
}
.button_buy a {
position: relative;
display: block;
height: 25px;
width: 80px;
text-decoration: none;
text-align: center;
color: #FFFFFF;
font-size: 14px;
background: #de5c15;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
line-height: 25px;
}
.button_buy {
/* top: 10px; */
position: absolute;
/* float: right; */
bottom: 5px;
right: 5px;
}
.arrow_left {
background: url(images/icons.png) -188px 0px;
height: 40px;
width: 40px;
display: block;
float: left;
margin-top: 120px;
}
.arrow_right {
background: url(images/icons.png) -228px 0px;
height: 40px;
width: 39px;
display: block;
float: right;
margin-top: 120px;
position: absolute;
top: 0;
right: 0;
}
.select-city__block__text-city:before{
background: url(images/location.png);
padding-left: 30px;
background-size: 25px 25px;
background-repeat: no-repeat;
content:'';
font-size: 25px;
}
.main-user-consent-request-popup-cont{
width: 50%!important;
}
.store_table{overflow:hidden; margin:0 0 20px;}
.store_table_line{overflow:hidden; padding:5px 0;}
.store_table_stock{float:left; width:160px; font-size:12px; position:relative;}
.store_table_stock span{position:absolute; top:0; right:0; line-height:0;}
.store_table_price{float:left; width:130px; font-weight:bold; font-size:16px; color:#002756; text-align:center;}
.store_table_add{float:right;}
.store_table_add a{
cursor:pointer;
position: relative;
display: block;
height: 25px;
padding: 0 21px;
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
background:#f85c06;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
}
.store_table_add a span{display:block; padding:3px 0 0;}
#offers_table_prices .store_table{display:none;}
#offers_table_prices .store_table.show{display:block;}
#ajaxboxpopup{z-index:1100; position:fixed; width:440px; height:360px; top:50%; left:50%; margin:-180px 0 0 -220px; box-sizing:border-box; display:block;}
#ajaxboxpopupcenter{width: 96%; margin: 10px 2%; text-align: center;}
#ajaxboxpopup .popup-window-close-icon{top: 10px; right: 10px;}
#ajaxboxoverlay{z-index: 1099; width:100%; height:100%; display:block;}
.price_box{margin:0 0 20px;}
/*
* Spring
*/
.th-hamburger {
display: none;
}
.hamburger {
/*padding: 15px 15px;*/
/*display: none;*/
position: relative;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
width: 48px;
margin: 0 auto 40px auto;
}
.hamburger:after {
content: "Меню";
display: block;
text-transform: uppercase;
position: absolute;
top: 120%;
left: 0;
}
.th-hamburger_catalog {
margin: 20px auto 60px auto;
}
.th-hamburger_catalog:after {
content: 'Меню каталога';
left: -13px;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #002756;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 32px;
height: 4px;
background-color: #002756;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
/* nameless styles */
@media screen and (max-width: 999.88px){
.price_box {
max-width: 100%;
}
.price_box > div:nth-child(2){
float: none !important;
margin: 0 auto;
}
.price_count_cont {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.price_box .product_card_desc_price .top {
padding-top: 20px;
}
.price_count_cont .oldprice {
display: block !important;
position: absolute;
top: 17px;
font-size: 14px;
/* width: 100%; */
text-align: center;
padding-left: 27px !important;
}
}
@media screen and (max-width: 519.88px){
.price_box .price_word {
-webkit-box-flex: 1;
-ms-flex: 1 10 38%;
flex: 1 10 38%;
}
.product_card_desc_price .top {
font-size: 20px;
}
}
@media screen and (max-width: 379.88px){
.price_box .price_word {
-webkit-box-flex: 1;
-ms-flex: 1 10 32%;
flex: 1 10 32%;
}
}
@media screen and (max-width: 320.88px){
.price_box .price_word {
-webkit-box-flex: 1;
-ms-flex: 1 10 28%;
flex: 1 10 28%;
}
}
@media screen and (max-width: 767.88px) {
.th-hamburger {
display: block;
}
.th-catalog-menu {
display: none;
max-width: 290px;
margin: 0 auto;
text-align: left;
}
.th-catalog-menu li {
text-align: left;
}
.th-main-menu {
display: none;
padding: 15px 0;
border-top: 1px solid #d4d9e3;
border-bottom: 1px solid #d4d9e3;
}
.th-main-menu li {
margin-bottom: 10px;
}
.th-main-menu .show-cat-button {
display: none;
}
}
.th-quick-access-panel {
display: none;
position: fixed;
bottom: -70px;
left: 50%;
width: 100%;
max-width: 768px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 99999;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.th-quick-access-panel_active {
bottom: 0;
}
.th-quick-access-panel:after {
content: "";
clear: both;
display: table;
}
.th-quick-access-panel > a {
display: block;
width: 50%;
float: left;
padding: 15px 0;
color: #fff;
text-align: center;
text-decoration: none;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.th-quick-access-panel__phone > span,
.th-quick-access-panel__basket > span {
display: inline-block;
position: relative;
margin-right: 5px;
height: 16px;
width: 24px;
}
.th-quick-access-panel__phone {
background-color: #b1b1b1;
}
.th-quick-access-panel__basket {
background-color: #de5c16;
}
.th-quick-access-panel__phone:hover {
background-color: #9a9797;
}
.th-quick-access-panel__basket:hover {
background-color: #c54d0d;
}
.th-quick-access-panel__phone > span:before,
.th-quick-access-panel__basket > span:before {
content: "";
display: block;
position: absolute;
height: 24px;
width: 24px;
}
.th-quick-access-panel__phone > span:before {
background-image: url('images/baseline-call-24px.svg');
top: 0;
left: 0;
}
.th-quick-access-panel__basket > span:before {
background-image: url('images/baseline-shopping_cart-24px.svg');
top: 0;
left: 0;
}
.th-quick-access-panel_hidden {
display: none;
}
.th-popup-order-btn-container .bx_bt_button {
background: #f85c06 !important;
text-shadow: none !important;
}
.th-popup-order-btn-container ~ .tpl_new > .bx_item_list_recommended > .product_list_title > h2 {
color: #006fcb !important;
}
.th-popup-order-btn-container ~ .tpl_new > .bx_item_list_recommended > .product_list_title {
padding-top: 20px;
}
@media screen and (max-width:767.88px){
.th-quick-access-panel {
display: block;
}
}
/* new styles */
.th-item-detail {
padding-top: 15px;
}
.th-item-detail > h1 {
color: #212021 ;
font-size: 23px;
padding-bottom: 10px;
line-height: 1.1;
}
/*@font-face {
font-family: ALSRubl;
src: url(fonts/rouble.ttf);
}*/
@font-face {
font-family: 'Symbol-Rouble-Regular';
src: url('/fonts/Symbol-Rouble-Regular.eot');
src: local('вє'), url('/fonts/Symbol-Rouble-Regular.woff') format('woff'), url('/fonts/Symbol-Rouble-Regular.ttf') format('truetype'), url('/fonts/Symbol-Rouble-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
mso-font-alt: Arial;
}
@font-face {
font-family: 'Symbol-Rouble-Bold';
src: url('/fonts/Symbol-Rouble-Bold.eot');
src: local('вє'), url('/fonts/Symbol-Rouble-Bold.woff') format('woff'), url('/fonts/Symbol-Rouble-Bold.ttf') format('truetype'), url('/fonts/Symbol-Rouble-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
mso-font-alt: Arial;
}
@font-face {
font-family: 'symbol-rouble';
src: url('fonts/rouble.eot');
src: local('вє'), url('fonts/rouble.woff') format('woff'), url('fonts/rouble.ttf') format('truetype'), url('fonts/rouble.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.th-rubznak {
font-family: 'symbol-rouble';
}
.th-item-detail__price-container {
padding-left: 0;
}
.th-item-detail__price-container .new_price,
.th-item-detail__price-container .th-rubznak,
.th-item-detail__price-container .th-with-nds {
font-size: 29px;
/* font-weight: 700; */
}
.th-item-detail__price-container .new_price,
.th-item-detail__price-container .th-rubznak {
color: #212021 ;
}
.th-item-detail__price-container .th-with-nds {
color: #808080;
}
div.th-item-detail__economy {
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
padding-left: 0 !important;
}
.th-item-detail__purchase-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 25px 0 0 0;
width: 100%;
}
.th-item-detail__purchase-buttons > div {
width: 49.5% !important;
}
.th-item-detail__purchase-buttons > div:first-child {
margin-right: 1% !important;
}
.th-item-detail__purchase-buttons > div a {
padding: 14px 0 !important;
text-align: center !important;
background-image: none !important;
font-size: 16px !important;
font-weight: 700;
box-sizing: border-box;
text-shadow: none !important;
height: auto !important;
}
.th-item-detail__purchase-buttons .credit_btn a:hover,
.th-item-detail__purchase-buttons > div a:hover {
text-decoration: none !important;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.th-item-detail__purchase-buttons > div a:hover {
background-color: #e85503;
}
.price_box .th-item-detail__purchase-buttons .add_btn {
max-width: 100%;
height: auto;
}
.th-item-detail__purchase-buttons .credit_btn a {
margin-top: 0 !important;
color: #f75d05;
background-color: #fff;
border: 1px solid #f75d05;
}
.th-item-detail__purchase-buttons .credit_btn a:hover {
background-color: #fff2eb;
}
.th-item-detail__code {
text-transform: uppercase;
color: #808080;
font-size: 14px;
margin-bottom: 12px;
}
.th-item-detail__availability {
color: #212021;
font-weight: 700;
font-size: 18px;
margin-bottom: 15px;
float: none;
clear: both;
}
.th-item-detail__product-desc .bx_storege > hr,
.th-item-detail__availability + hr {
display: none;
}
.th-item-detail__product-desc .balance {
}
.th-item-detail__product-desc .balance img {
margin: 0 8px 0 16px;
}
.th-item-detail__product-desc .balance span {
font-size: 14px;
color: #808080;
font-weight: 400 !important;
}
.th-item-detail__product-desc #c_store_amount {
margin-bottom: 30px;
}
.th-item-detail__product-desc #c_store_amount li {
margin-bottom: 7px;
}
.th-item-detail__product-desc .icon {
border: 1px solid transparent;
}
.th-item-detail__product-desc .icon:hover {
border: 1px solid #de5c15;
}
.th-item-detail__product-desc .icon a {
color: #22518b;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.th-item-detail__product-desc #itemIcons .icon a:first-child {
margin-bottom: 3px;
}
/* слайдер картинок */
.th-item-detail__slider-container {
background-color: #f7f9fa !important;
border: none !important;
padding: 6px 6px 3px 6px !important;
}
.th-item-detail__slider-container .bx_bigimages_aligner > a {
display: block;
}
.bx_item_detail .th-item-detail__slider-container .bx_item_slider .bx_bigimages {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.bx_item_detail .th-item-detail__slider-container .bx_item_slider .bx_slider_conteiner.full {
margin-top: 0;
}
.th-item-detail__slider-container .itemGallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.th-item-detail__slider-container .itemGallery a {
display: block;
margin-top: 6px;
margin-right: 3px;
border-radius: 2px;
overflow: hidden;
height: auto;
width: 18.4%;
margin-right: 2%;
margin-top: 2%;
position: relative;
}
.th-item-detail__slider-container .itemGallery a:before{
content: "";
display: block;
padding-top: 75%;
}
.th-item-detail__slider-container .itemGallery a:nth-child(5n){
margin-right: 0;
}
.th-item-detail__slider-container .itemGallery a span {
display: block;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: auto;
width: auto;
}
.th-item-detail__discount-sticker {
position: absolute;
top: 10px;
left: 8px;
color: #ffffff;
font-size: 17px;
font-weight: 700;
padding: 10px 16px;
box-sizing: border-box;
border-radius: 38px;
-webkit-box-shadow: 0 3px 9px 0 rgba(247,93,5,0.7);
box-shadow: 0 3px 9px 0 rgba(247,93,5,0.7);
background: #f75d05 url('images/ico-savings-percentage.png') no-repeat;
background-position: left 5px bottom 0;
}
.th-item-detail__availability_choose-equipment {
margin-bottom: 10px;
}
/* кастомизация выбора оборудования */
.th-choose-equipment-radio-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.th-choose-equipment-radio-group__item {
margin-right: 2%;
margin-bottom: 2%;
position: relative;
}
.th-choose-equipment-radio-group__item label {
display: block;
cursor: pointer;
padding: 10px 14px;
box-sizing: border-box;
border: 1px solid #dedede;
border-radius: 3px;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
position: relative;
}
.th-choose-equipment-radio-group__item label:hover {
border: 1px solid #fdd0b7;
color: #f75d05;
}
.th-choose-equipment-radio-group__item label:before {
content: "";
display: block;
position: absolute;
left: -1px;
right: -1px;
bottom: -1px;
top: -1px;
opacity: 0;
border: 2px solid #f75d05;
box-sizing: border-box;
border-radius: 3px;
-moz-transition: all 0.15s ease;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.th-choose-equipment-radio-group__item input:checked + label {
border: 1px solid #f75d05;
color: #f75d05;
}
.th-choose-equipment-radio-group__item input:checked + label:before {
opacity: 1;
}
.th-choose-equipment-radio {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bx_item_list_recommended .th-item-detail__recom-title h2 {
color: #212021 !important;
font-weight: 700 !important;
font-size: 18px !important;
margin-bottom: 0 !important;
}
/* slider recomme */
.th-recom-items-slick-slider {
/* display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
}
.bx_item_list_section_recom-items {
clear: both;
width: 100%;
}
.bx_item_list_recommended .tns-outer,
.bx_item_list_section_recom-items .tns-outer {
position: relative;
}
.tns-controls button {
position: absolute;
top: 40%;
border-radius: 36px;
height: 36px;
width: 36px;
border: none;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);
z-index: 99;
/* opacity: 0;*/
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tns-controls button:hover,
.tns-controls button:focus,
.tns-controls button:active {
outline: none;
}
.tns-controls button:last-child {
background-image: url('images/ico-slider-arrow-next.png');
right: 2px;
-webkit-transform: translateX(46px);
-ms-transform: translateX(46px);
transform: translateX(46px);
}
.tns-controls button:first-child {
background-image: url('images/ico-slider-arrow-prev.png');
left: 4px;
-webkit-transform: translateX(-46px);
-ms-transform: translateX(-46px);
transform: translateX(-46px);
}
.bx_item_list_recommended .tns-outer:hover .tns-controls button {
/* -webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;*/
}
.th-recom-items-slick-slider .bx_catalog_item {
/* margin-right: 1.5%;
margin-bottom: 1.5%;*/
box-sizing: border-box;
padding-left: 2px;
}
.th-recom-items-slick-slider [style="clear: both;"] {
display: none !important;
}
@media screen and (min-width:680px){
/* .th-recom-items-slick-slider .bx_catalog_item {
width: 32.333333333333333333333333333333%;
}
.th-recom-items-slick-slider .bx_catalog_item:nth-child(3n){
margin-right: 0;
}*/
}
@media screen and (max-width:679.98px) and (min-width: 480px){
/* .th-recom-items-slick-slider .bx_catalog_item {
width: 49.25%;
}
.th-recom-items-slick-slider .bx_catalog_item:nth-child(2n){
margin-right: 0;
}*/
}
.th-recom-items-slick-slider-item {
display: block;
border: 1px solid #e9e9e9;
padding-bottom: 20px;
box-sizing: border-box;
}
.th-recom-items-slick-slider-item .product_box_image {
min-height: 180px;
width: 100%;
max-width: 150px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.th-recom-items-slick-slider-item .product_box_image img {
border: none;
}
.th-recom-items-slick-slider-item .product_box_image,
.th-recom-items-slick-slider-item .product_box_text {
float: none;
}
.th-recom-items-slick-slider-item .product_box_name {
min-height: 52px;
}
.th-recom-items-slick-slider-item .product_box_name a {
text-decoration: none;
color: #212021;
font-size: 15px;
}
.th-recom-items-slick-slider-item .product_box_image {
margin-bottom: 15px;
}
.th-recom-items-slick-slider-item .price {
margin-bottom: 15px;
}
.th-recom-items-slick-slider-item .price span {
font-size: 19px !important;
font-weight: 700 !important;
color: #212021 !important;
line-height: 1.5 !important;
}
.th-recom-items-slick-slider-item .product_box_bottom {
display: block;
}
.th-recom-items-slick-slider-item .product_box_bottom > div {
float: none;
}
.bx_catalog_item .th-recom-items-slick-slider-item .btn a {
display: block;
background: transparent;
border: 1px solid #fbae82;
border-radius: 3px;
color: #f75d05;
text-shadow: none;
padding: 12px 0;
width: 100%;
box-sizing: border-box;
height: auto;
}
.bx_catalog_item .th-recom-items-slick-slider-item .btn a span {
/* display: block;
padding: 12px 0;
width: 100%;
box-sizing: border-box;*/
}
.bx_catalog_item .th-recom-items-slick-slider-item .btn a:hover {
background-color: #fff2eb;
}
/* рекомендуемые в корзине */
.th-recom-items-slick-slider_basket .product_box_image {
display: block;
width: 100%;
max-width: 100%;
margin-right: auto;
margin-left: auto;
float: none !important;
}
.th-recom-items-slick-slider_basket .bx_catalog_item_title a {
text-decoration: none;
color: #212021;
font-size: 15px;
}
.th-recom-items-slick-slider_basket .bx_catalog_item_price .bx_price,
.th-recom-items-slick-slider_basket .bx_price span {
font-size: 19px !important;
font-weight: 700 !important;
color: #212021 !important;
line-height: 1.5 !important;
}
.th-recom-items-slick-slider_basket .bx_catalog_item_container {
border: 1px solid #e9e9e9;
padding-bottom: 20px;
padding-top: 20px;
}
.th-recom-items-slick-slider_basket .bx_catalog_item_controls .btn {
display: block;
background: transparent;
border: 1px solid #fbae82;
border-radius: 3px;
color: #f75d05;
text-shadow: none;
width: 100%;
max-width: 160px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
padding: 0;
}
.th-recom-items-slick-slider_basket .bx_catalog_item_controls .btn:hover {
background-color: #fff2eb;
text-decoration: none;
}
.th-recom-items-slick-slider_basket .bx_catalog_item_controls .btn a {
display: block;
background-color: transparent;
color: #f75d05;
text-shadow: none;
width: 100%;
box-sizing: border-box;
height: auto;
margin-bottom: 0;
}
.th-recom-items-slick-slider_basket .bx_catalog_item_controls .btn a span {
padding: 12px 0;
}
.th-recom-items-slick-slider_basket .bx_catalog_item_price {
margin-bottom: 15px;
}
.th-recom-items-slick-slider_basket .bx_bt_button_type_2 {
border: none !important;
font-weight: 400 !important;
height: auto !important;
}
@media screen and (max-width: 1079.98px) {
.tns-controls button:last-child {
right: -2px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.tns-controls button:first-child {
left: -4px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@media screen and (max-width: 999.98px){
.th-item-detail > h1 {
max-width: 720px;
margin-right: auto;
margin-left: auto;
}
.th-item-detail__code {
text-align: center;
}
.th-item-detail__slider-container .bx_bigimages {
height: auto !important;
padding-top: 0 !important;
}
.th-item-detail__slider-container .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer .bx_bigimages_aligner {
position: static;
}
.th-item-detail__slider-container .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer {
position: static;
}
.th-item-detail__slider-container .itemGallery {
max-width: 440px;
margin-right: auto !important;
margin-left: auto !important;
}
.product_card_desc_price {
text-align: center;
max-width: 580px;
margin-left: auto;
margin-right: auto;
}
.product_card_desc_price .th-item-detail__price-container {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.th-choose-equipment-radio-group {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 580px){
#itemIcons .icon {
width: 66px;
}
}
.th-morelink-container {
text-align: right;
padding-top: 10px;
}
.th-morelink-container > a {
display: inline-block;
color: #f75d05;
background-color: #fff;
border: 1px solid #f75d05;
padding: 10px 25px;
text-align: center;
background-image: none;
font-size: 14px;
font-weight: 700;
box-sizing: border-box;
text-shadow: none;
text-decoration: none;
height: auto;
border-radius: 3px;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.th-morelink-container > a:hover {
background-color: #fff2eb;
}
@media screen and (max-width: 860px) {
div[id^="popup-window-content-CatalogElementBasket_bx"] .bx_item_list_section .product_box_image {
float: none;
}
}
@media screen and (max-width: 720px) {
div[id^="popup-window-content-CatalogElementBasket_bx"] .bx_item_list_section {
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
div[id^="popup-window-content-CatalogElementBasket_bx"] .bx_item_list_section .bx_catalog_item {
width: 100% !important;
padding: 25px 15px !important;
box-sizing: border-box;
}
div[id^="popup-window-content-CatalogElementBasket_bx"] .bx_item_list_section .bx_catalog_item .product_box_image {
margin-left: auto;
margin-right: auto;
}
div[id^="popup-window-content-CatalogElementBasket_bx"] .bx_item_list_section .bx_catalog_item .bx_price {
padding-bottom: 20px;
}
}
.tpl_new .th-recom-items-slick-slider_personal-cart .bx_catalog_item {
padding: 10px !important;
box-sizing: border-box !important;
float: none !important;
margin: 0 !important;
}
.tpl_new .th-recom-items-slick-slider_personal-cart .bx_catalog_item_container {
border: 1px solid #e9e9e9 !important;
box-sizing: border-box !important;
padding: 15px !important;
}
.tpl_new .th-recom-items-slick-slider_personal-cart .bx_catalog_item .product_box_image {
float: none !important;
max-width: 100%;
width: 100%;
margin-left: 0;
}
.bx_item_list_recommended_border-bottom-none {
border-bottom: 0 !important;
}
.th-header-authorization-mobile,
.th-header-contacts-mobile__order {
display: none;
}
@media screen and (max-width: 579.98px){
.header_top .inner {
position: relative;
padding-top: 60px;
}
.header_top_right_desc .th-slogan-mobile-hidden {
display: none;
}
.header_top_right_desc {
background-color: #f2f4f7;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.header_top_right_desc .th-slogan-mobile-visible {
color: #586a85;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
text-align: center;
}
.header_logo a, .header_logo img {
max-width: 80px;
}
.header_logo img {
height: auto;
}
.th-header-bottom-mobile {
position: absolute;
top: 54px;
left: 0;
width: 100%;
}
.th-header-bottom-mobile {
border-bottom: 1px solid #d4d9e3;
}
.th-header-bottom-mobile > .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.th-header-bottom-mobile > .inner .header_nav,
.th-header-bottom-mobile > .inner .header_cart_box {
flex: 0 1 auto !important;
}
.th-header-bottom-mobile > .inner .header_nav {
margin-left: 15px;
}
.th-header-bottom-mobile > .inner .header_cart_box {
margin-right: 0;
}
.th-header-bottom-mobile > .inner .clear {
display: none;
}
.th-header-bottom-mobile .header_cart_box_value {
color: transparent;
font-size: 0;
}
.th-header-bottom-mobile .header_cart_box_value a {
font-size: 15px;
}
.th-header-bottom-mobile .header_cart_box_value > a:first-child:after {
content: " шт;";
}
.th-header-bottom-mobile .header_cart_box_name {
height: 32px;
width: 26px;
background: url('images/new-cart-img.png') no-repeat;
background-position: center;
padding: 0 !important;
margin-left: -8px;
}
.th-header-bottom-mobile .header_cart_box_name a {
display: block;
height: 100%;
width: 100%;
color: transparent;
font-size: 0;
overflow: hidden;
}
/* гамбургер */
.th-header-bottom-mobile .hamburger {
margin-top: 1px;
}
.th-header-bottom-mobile .hamburger-inner,
.th-header-bottom-mobile .hamburger-inner::before,
.th-header-bottom-mobile .hamburger-inner::after {
width: 22px;
height: 3px;
background-color: #a6b4c4;
}
.th-header-bottom-mobile .hamburger--spring .hamburger-inner::after {
top: 14px;
}
.th-header-bottom-mobile .hamburger--spring .hamburger-inner::before {
top: 7px;
}
.th-header-bottom-mobile .hamburger:after {
font-size: 15px;
font-weight: 700;
text-transform: none;
top: 106%;
left: -5px;
color: #002756;
}
.th-header-bottom-mobile .hamburger--spring.is-active .hamburger-inner::before {
transform: translate3d(0, 2px, 0) rotate(45deg);
}
.th-header-bottom-mobile .hamburger--spring.is-active .hamburger-inner::after {
transform: translate3d(0, -4px, 0) rotate(-45deg);
}
.th-header-bottom-mobile .header_cart_box a.currency {
padding-right: 8px;
}
/* меню на мобильном */
.th-header-bottom-mobile .th-main-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #fff;
}
/* выбор города */
.th-header-schedule {
text-align: left;
margin-right: 0;
}
.th-header-schedule .select-city__block__text,
.th-header-schedule .select-city__block__text-city {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
color: #002756;
}
.th-header-schedule .select-city__block__text {
font-weight: 400;
}
.th-header-schedule .select-city__block__text-city {
font-weight: 700;
text-decoration: none;
}
.th-header-schedule .select-city__block__text-city:before {
display: none;
}
.th-header-schedule .header_schedule_text {
line-height: 1.5;
}
.th-header-schedule .header_schedule_text,
.th-header-schedule .header_schedule_text span {
font-size: 15px;
color: #5d6a84;
font-weight: 400;
}
.th-header-schedule {
position: absolute;
top: 150px;
left: 0;
width: 50%;
padding: 0 0 0 15px;
box-sizing: border-box;
}
.th-header-top-mobile {
}
.th-header-top-mobile__right {
padding-top: 88px;
}
.th-header-contacts-mobile {
text-align: left;
position: absolute;
top: 150px;
left: 50%;
width: 50%;
border-top: none;
padding: 7px 0 0 15px;
box-sizing: border-box;
}
.th-header-contacts-mobile .header_contacts_item {
font-size: 0;
color: transparent;
line-height: 1.5;
padding: 0;
}
.th-header-contacts-mobile .header_contacts_item span.phone {
padding: 0;
}
.th-header-contacts-mobile .header_contacts_item span.phone:before {
display: none;
}
.th-header-contacts-mobile .header_contacts_item span.phone a {
font-weight: 400;
font-size: 15px;
}
.th-header-order-mobile-hidden {
display: none;
}
.th-header-contacts-mobile__order {
display: block;
}
.th-header-contacts-mobile__order a {
text-decoration: none;
font-size: 15px;
font-weight: 700;
}
.th-search-holder-mobile {
border-top: 1px solid #d4d9e3;
}
.th-header-contacts-mobile > .right {
display: none;
}
.th-search-holder-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.th-search-holder-mobile .search_box {
width: 55%;
}
.th-header-authorization-mobile {
display: block;
width: 45%;
color: #d4d9e3;
}
.th-header-authorization-mobile a {
text-decoration: none;
}
.th-header-top-mobile .header_logo {
position: relative;
z-index: 9999;
}
}
@media screen and (max-width: 419.98px){
.th-header-top-mobile .header_logo {
flex: 0 1 auto !important;
margin-left: 40px;
}
}
@media screen and (max-width: 359.98px) {
.th-header-authorization-mobile {
padding-top: 10px;
text-align: left;
}
.th-search-holder-mobile .search_box,
.th-header-authorization-mobile {
width: 100%;
}
.th-header-contacts-mobile,
.th-header-schedule {
padding-left: 10px
}
.th-header-contacts-mobile .header_contacts_item span.phone a,
.th-header-contacts-mobile__order,
.th-header-schedule .header_schedule_text,
.th-header-schedule .header_schedule_text span {
font-size: 13px;
}
}
.th-invite-tender {
border-top: 1px solid #d1daec;
padding: 15px;
position: relative;
background: #f3f6fb;
box-sizing: border-box;
text-align: center;
}
.th-btn-orange {
position: relative;
display: inline-block;
/* min-width: 80px; */
padding: 13px 25px;
text-decoration: none;
text-align: center;
color: #FFFFFF;
font-size: 15px;
background: #de5c15;
text-shadow: 1px 1px 1px #c15213;
-moz-text-shadow: 1px 1px 1px #c15213;
-webkit-text-shadow: 1px 1px 1px #c15213;
-o-text-shadow: 1px 1px 1px #c15213;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}