@charset "utf-8";
/* */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent
}
body {
line-height: 1
}
blockquote,
q {
quotes: none
}
:focus {
outline: 0
}
ins {
text-decoration: none
}
del {
text-decoration: line-through
}
table {
border-collapse: collapse;
border-spacing: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html,
body {
height: 100%;
}
body {
color: #5e5e5e;
font-family: "Gotham Pro", sans-serif;
font-weight: normal;
}
h1,
h2,
h3,
h4,
h5 {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
input,
button,
textarea {
border: 0;
padding: 0;
line-height: 1;
}
hr {
display: block;
width: 100%;
height: 1px;
background: #ada29c;
margin: 0;
padding: 0;
border: 0;
}
html,
body {
height: 100%;
font-family: "Gotham Pro", sans-serif;
font-weight: normal;
}
body.no_scroll {
overflow: hidden
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
::-webkit-input-placeholder {
color: #bdbdbd;
}
::-moz-placeholder {
color: #bdbdbd;
}
:-ms-input-placeholder {
color: #bdbdbd;
}
:-moz-placeholder {
color: #bdbdbd;
}
/* remove chrome input cross */
input[type=text]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type=text]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
/* Base for .pseudo_checkbox styling */
.checkbox_label {
display: inline-block;
position: relative;
font-size: 12px;
line-height: 13px;
padding-left: 20px
}
.pseudo_checkbox {
color: #000000;
}
/* checkbox customization */
[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
position: absolute;
left: -9999px
}
[type=checkbox]:checked+.pseudo_checkbox,
[type=checkbox]:not(:checked)+.pseudo_checkbox {
position: absolute;
left: 0;
top: 0;
padding-left: 25px;
cursor: pointer
}
[type=checkbox]:checked+.pseudo_checkbox:before,
[type=checkbox]:not(:checked)+.pseudo_checkbox:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
position: absolute;
left: 0;
top: 0;
width: 13px;
height: 13px;
border: 1px solid #000;
}
[type=checkbox]:not(:disabled):hover+.pseudo_checkbox:before {
border-color: #F7A70B;
}
[type=checkbox]:checked+.pseudo_checkbox:after,
[type=checkbox]:not(:checked)+.pseudo_checkbox:after {
content: '';
display: block;
width: 9px;
height: 9px;
background: #F7A70B;
position: absolute;
top: 2px;
left: 2px;
}
[type=checkbox]:not(:checked)+.pseudo_checkbox:after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
[type=checkbox]:checked+.pseudo_checkbox:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
[type=checkbox]:checked+.pseudo_checkbox:before {
border-color: #F7A70B;
}
[type=checkbox]:disabled+.pseudo_checkbox {
opacity: .2
}
/* radio customization */
.radio_block {
display: flex;
padding: 5px 0;
align-items: center;
}
.radio_label {
display: flex;
margin-right: 10px;
align-items: center;
}
input[type="radio"] {
display: none
}
input[type="radio"]+.pseudo_radio {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
padding: 4px;
border: 1px solid #F7A70B;
margin: 0 15px 0 0;
border-radius: 100%;
cursor: pointer;
position: relative;
background: none
}
input[type="radio"]+.pseudo_radio:before {
content: '';
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #F7A70B;
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -5px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
input[type="radio"]:checked+.pseudo_radio:before {
opacity: 1;
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
input[name="coupon_code"]{
width: auto!important;
}
.wa-inactive-state button.js-use-coupon{
padding: 5px;
height: 27px!important;
background: #fff;
border: 1px solid #F7A70B;
color: #000;
font-weight: bold;
transition: .3s;
}
.wa-inactive-state button.js-use-coupon:hover{
background: #F7A70B;
color: #fff;
}
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-button{
background: #F7A70B;
color: #fff;
transition: .3s;
}
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-button:hover{
background: #fff;
color: #F7A70B;
}
.wa-order-cart-wrapper .wa-cart-details .wa-price-section .wa-price-total{
margin-top: 5px!important;
}
.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button:not(.transparent){
padding: 5px;
height: 27px!important;
background: #fff;
border: 1px solid #F7A70B;
color: #000;
font-weight: bold;
transition: .3s;
}
.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button:not(.transparent):hover{
background: #F7A70B;
color: #fff;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button{
padding: 5px;
height: 27px!important;
background: #fff;
border: 1px solid #F7A70B;
color: #000;
font-weight: bold;
transition: .3s;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button:hover{
background: #F7A70B;
color: #fff;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select,
.like_input {
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 0 10px;
color: #545454;
text-align: left;
font-size: 14px;
font-family: "Gotham Pro", sans-serif;
line-height: 1;
border: 1px solid #dbdbdb;
border-top-color: #cecece;
border-radius: 3px;
box-shadow: inset 0 1px 1px #dbdbdb;
background: #f5f5f5;
background-clip: padding-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
resize: none
}
textarea {
height: 65px;
padding: 15px 10px;
}
button {
font-family: "Gotham Pro", sans-serif;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
a {
color: inherit;
text-decoration: none;
cursor: pointer
}
label a {
color: #F7A70B
}
.center {
text-align: center;
}
.clr:after {
content: '';
display: block;
clear: both
}
.fl {
float: left;
}
.fr {
float: right;
}
.nothing {
color: #F7A70B;
padding: 20px 0
}
.alert_message {
color: #4886a9;
font-size: 20px;
text-align: center;
text-transform: uppercase;
padding: 20px 0
}
.success_message {
color: #6cd002;
font-size: 18px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
padding: 20px 0
}
.hidden {
visibility: hidden !important;
}
.visible {
visibility: visible !important;
}
.needsfilled {
border-color: red !important;
}
.description {
font-size: 14px;
line-height: 18px;
font-family: "Gotham Pro", sans-serif;
font-weight: 300;
margin-bottom: 20px;
}
.description:after {
content: '';
display: block;
clear: both;
}
.description h1,
.description h2,
.description h3,
.description h4 {
line-height: 1;
margin: 15px 0 15px;
}
.description h1 {
font-size: 30px;
}
.description h2 {
font-size: 24px;
}
.description h3 {
font-size: 18px;
color: #F7A70B;
}
.description h4 {
font-size: 16px;
}
.description ul,
.description ol {
list-style-position: inside;
padding-left: 15px;
margin-bottom: 15px;
}
.description p {
font-size: 14px;
line-height: 24px;
margin: 0px 0px 10px 0px
}
.description li {
font-size: 14px;
margin-bottom: 5px;
line-height: 18px;
}
.description a {
color: #F49B0E;
line-height: 18px;
}
.description a:hover {
text-decoration: underline;
}
.description blockquote {
font-style: italic;
line-height: 24px;
background: #f4f4f4;
padding: 10px 15px;
margin-bottom: 10px;
}
.description blockquote:before {
content: "\00ab";
}
.description blockquote:after {
content: "\00bb";
}
.description table {
border-collapse: collapse;
font-size: 14px;
margin-bottom: 15px;
}
.description table td {
padding: 10px 15px;
border: 1px solid #d7d7d7;
}
.description table thead td,
.description table th {
font-weight: 600;
background: #f4f4f4;
}
.description pre {
padding: 10px;
background: #eaeaea;
font-size: inherit;
font-weight: inherit;
font-family: "Gotham Pro", sans-serif;
overflow: auto;
margin-bottom: 10px;
}
.description hr {
display: block;
border: 0;
height: 1px;
background: #000;
margin: 5px 0 10px;
}
.description img {
max-width: 100%;
height: auto
}
.description .two_columns:after {
content: '';
display: block;
clear: both;
}
.description .two_columns>div {
width: 49%;
}
input[type="submit"],
.button,
.plugin_arrived-button a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: auto;
height: 34px;
padding: 0 12px;
color: #fff;
font-size: 14px;
text-align: center;
cursor: pointer;
background: rgb(249, 188, 97);
background: -moz-linear-gradient(top, rgba(249, 188, 97, 1) 0%, rgba(250, 158, 13, 1) 100%);
background: -webkit-linear-gradient(top, rgba(249, 188, 97, 1) 0%, rgba(250, 158, 13, 1) 100%);
background: linear-gradient(to bottom, rgba(249, 188, 97, 1) 0%, rgba(250, 158, 13, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9bc61', endColorstr='#F7A70B', GradientType=0);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
a.button,
.plugin_arrived-button a {
line-height: 34px;
}
.plugin_arrived-button a {
border: 0 !important;
background: rgb(204, 205, 206);
background: -moz-linear-gradient(top, rgba(204, 205, 206, 1) 0%, rgba(114, 113, 113, 1) 100%);
background: -webkit-linear-gradient(top, rgba(204, 205, 206, 1) 0%, rgba(114, 113, 113, 1) 100%);
background: linear-gradient(to bottom, rgba(204, 205, 206, 1) 0%, rgba(114, 113, 113, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccdce', endColorstr='#727171', GradientType=0);
}
input[type="submit"]:hover,
.button:hover,
.button.active {
background: #F7A70B;
}
.plugin_arrived-button a:hover {
background: #727171
}
input[type="button"],
.btn {
display: inline-block;
color: #111;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: left;
line-height: 32px;
padding: 2px 10px;
border: 1px solid #dbdbdb;
border-radius: 3px;
position: relative;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer
}
input[type="button"]:hover,
.btn:hover,
.btn.active {
background: #FFFFFF;
color: #F7A70B;
border-color: #F7A70B
}
.button_dark {
display: inline-block;
color: #fff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: left;
line-height: 32px;
padding: 2px 10px;
border: 1px solid #dbdbdb;
border-radius: 3px;
position: relative;
background: rgb(94, 94, 94);
background: -moz-linear-gradient(top, rgba(94, 94, 94, 1) 0%, rgba(56, 56, 56, 1) 100%);
background: -webkit-linear-gradient(top, rgba(94, 94, 94, 1) 0%, rgba(56, 56, 56, 1) 100%);
background: linear-gradient(to bottom, rgba(94, 94, 94, 1) 0%, rgba(56, 56, 56, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#383838', GradientType=0);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer
}
.button_dark:hover {
background: #383838;
border-color: #383838
}
button.button_dark,
input.button_dark {
line-height: 1
}
.button:disabled {
background: #5C595A;
cursor: default;
}
.arrowed_btn {
display: flex;
align-items: center;
border-radius: 3px;
font-weight: bold;
position: relative
}
.arrowed_btn:after {
display: block;
content: '\203A';
padding-left: 10px;
font-size: 26px;
font-weight: 400;
position: relative;
top: -2px;
margin-left: auto;
}
.arrowed_btn.left {
padding: 0 10px 0 30px
}
.arrowed_btn.left:after {
display: none
}
.arrowed_btn.left:before {
display: block;
content: '\2039';
font-size: 26px;
font-weight: 400;
position: absolute;
top: -3px;
left: 10px;
}
.wa-error,
input.error,
.quickorder-empty-field {
border-color: red !important;
}
.wa-error-msg,
.errormsg,
.checkout_result.error,
.rate .hint.error,
em.error {
display: block;
color: red;
font-weight: 400;
font-size: 12px;
padding: 5px 0;
}
.errormsg {
color: red;
display: block;
}
.transition {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.star {
color: #F7A70B;
}
#category_page .description {
padding-bottom: 25px;
}
#message_block {
width: 260px;
padding: 20px;
font-size: 18px;
line-height: 24px;
text-align: center;
border: 3px solid #F7A70B;
background: #fff
}
.full_width {
width: 100%;
min-width: 1280px;
}
.px_block {
display: block;
width: 1260px;
margin: 0 auto;
padding: 0 10px;
position: relative;
box-sizing: border-box;
}
.px_block#header {
width: 100%;
box-sizing: border-box;
height: 100%;
max-width: 1260px;
}
#main_wrap {
min-height: 100%;
margin-bottom: -111px;
}
#main_wrap:after {
content: "";
display: block;
height: 111px
}
h1.title,
h2.title,
h3.title,
h4.title {
display: block;
font-size: 26px;
line-height: 1;
font-weight: 600;
margin-bottom: 30px;
}
h1.title {
color: #111;
}
h2.title {
font-size: 24px;
display: flex;
align-items: center;
}
h3.title {
font-size: 22px;
}
h4.title {
font-size: 20px;
}
h2.title a {
color: #ff848f;
font-size: 14px;
margin-left: 30px;
padding-top: 3px;
}
h2.title a:hover {
text-decoration: underline
}
.icon_block {
box-sizing: border-box;
display: block;
position: relative;
cursor: pointer;
background-color: transparent;
}
.icon_block.favorites_icon path {
transition: 0.3s;
}
.icon_block.favorites_icon:hover path {
fill: #F7A70B;
}
.icon_block.profile_icon {
display: flex;
flex-direction: column;
align-items: center;
font-weight: 500;
max-width: 70px;
transition: 0.3s;
font-size: 14px;
line-height: 13px;
color: #636362;
}
.icon_block.profile_icon svg {
margin-bottom: 10px;
transition: 0.3s;
}
.icon_block.profile_icon path {
transition: 0.3s;
}
.icon_block.profile_icon:hover path {
fill: #F7A70B;
}
.icon_block:hover:after,
.icon_block.active:after {
background-position: left bottom;
cursor: pointer;
}
.icon_block:hover span:not(.count) {
color: #F7A70B;
}
.icon_block .count {
display: block;
color: #fff;
width: 18px;
height: 18px;
line-height: 19px;
font-family: "Gotham Pro", sans-serif;
font-weight: 300;
font-size: 11px;
text-align: center;
border-radius: 100%;
background: #F7A70B;
position: absolute;
top: -5px;
right: -10px;
opacity: 0;
}
.icon_block.active .count {
opacity: 1;
}
.icon_block.profile_icon.logged:after {
background-position: left center;
}
.icon_block.profile_icon span {
color: #111111;
font-size: 14px;
}
.icon_block.favorites_icon_small:after {
background-image: url(../img/favorites_icon_small.png);
}
.icon_block.favorites_icon_small.active {
color: #F7A70B
}
.icon_block.compare_icon:after {
background-image: url(../img/compare_icon.png)
}
.icon_block.compare_icon_small:after {
background-image: url(../img/compare_icon_small.png)
}
.icon_block.compare_icon_small.active {
color: #F7A70B
}
.icon_block.message_icon:after {
background-image: url(../img/message_icon.png)
}
.icon_block.icon_view_grid:after {
background-image: url(../img/icon_view_grid.png)
}
.icon_block.icon_view_list:after {
background-image: url(../img/icon_view_list.png)
}
#breadcrumbs {
font-size: 13px;
font-weight: 600;
display: flex;
flex-flow: row wrap;
align-items: center;
border-bottom: 1px solid #dbdbdb;
padding: 10px 40px;
background: #fff;
margin-bottom: 45px;
}
#breadcrumbs>div {
line-height: 25px;
margin-right: 5px
}
#breadcrumbs a {
color: #F7A70B;
}
#breadcrumbs_bg a:hover {
color: #9e9e9e
}
#breadcrumbs .arrow {
color: 383636;
}
#top_panel {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
height: 30px;
padding-left: 250px;
box-sizing: border-box;
}
a {
transition: 0.3s;
}
#top_panel a {
display: block;
font-weight: normal;
font-size: 14px;
line-height: 13px;
color: #828282;
cursor: pointer;
margin-right: 37px;
}
#top_panel a:hover {
color: #F7A70B;
}
#compare_leash {
height: 15px;
line-height: 15px;
padding-left: 20px;
font-size: 14px;
visibility: hidden;
}
#compare_leash:hover {
color: #F7A70B
}
#compare_leash:after {
width: 15px;
}
#compare_leash span {
padding: 0;
}
#header_bg {
padding: 5px 0 5px;
}
#header {
display: flex;
align-items: center;
justify-content: space-between;
}
#header .logo_wrap {
margin-right: 45px;
}
#header .logo_wrap a img {
display: block;
}
#header .content_wrap .top_content {
display: flex;
justify-content: space-between;
width: 352px;
height: 60px;
}
#header .content_wrap .top_content .phones {
width: 100%;
display: flex;
justify-content: space-between;
height: 100%;
flex-wrap: wrap;
}
#header .content_wrap .top_content .phones svg {
margin-right: 10px;
transition: 0.3s;
}
#header .content_wrap .top_content .phones a svg rect,
#header .content_wrap .top_content .phones a svg path {
transition: 0.3s;
}
#header .content_wrap .top_content .phones a:hover svg path {
stroke: #F7A70B;
}
#header .content_wrap .top_content .phones a:nth-child(2):hover svg path {
stroke: inherit;
fill: #F7A70B;
}
#header .content_wrap .top_content .phones a:nth-child(3):hover svg rect {
stroke: #F7A70B;
}
#header .content_wrap .top_content .phones a {
display: flex;
align-items: center;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 1;
color: #636362;
}
#header .content_wrap .top_content .phones a:hover {
color: #F7A70B;
}
#header .content_wrap .top_content .change_language {
margin-left: auto;
display: none
}
#header .content_wrap {
display: flex;
flex-grow: 1;
margin-top: 10px;
}
#header .content_wrap .bottom_block {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
#header .content_wrap .bottom_block .search_block {
width: 100%;
max-width: 380px;
height: 52px;
}
#header .content_wrap .bottom_block .mobile_menu_block {
padding-left: 40px;
height: 22px;
line-height: 20px;
color: #111;
font-size: 17px;
font-weight: bold;
background: url(../img/burger-menu.svg) left center no-repeat;
display: none;
}
#header .content_wrap .bottom_block #search_form {
display: flex;
flex-flow: wrap;
align-items: center;
width: 100%;
height: 100%;
}
#header .content_wrap .bottom_block #search_form input {
width: calc(100% - 58px);
max-width: 100%;
height: 100%;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170.66%;
color: #636362;
border: 1px solid #E0E0E0;
border-radius: 0;
background: transparent;
padding: 10px 30px;
box-shadow: none;
}
input#search_input::placeholder {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 170.66%;
color: #636362;
opacity: 1;
}
input#search_input::-webkit-input-placeholder {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 170.66%;
color: #636362;
opacity: 1;
}
input#search_input::-moz-placeholder {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 170.66%;
color: #636362;
opacity: 1;
}
/* Firefox 19+ */
input#search_input:-moz-placeholder {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 170.66%;
color: #636362;
opacity: 1;
}
/* Firefox 18- */
input#search_input:-ms-input-placeholder {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 170.66%;
color: #636362;
opacity: 1;
}
#header .content_wrap .bottom_block #search_form .search_icon {
width: 58px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #E0E0E0;
border-left: 0;
}
#header .content_wrap .bottom_block .header_icons {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
width: 180px;
}
#header .content_wrap .bottom_block .header_icons .cart_leash {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 13px;
color: #636362;
}
#header .content_wrap .bottom_block .header_icons .cart_leash[data-count="0"] svg {
display: none !important;
}
#header .content_wrap .bottom_block .header_icons .cart_leash[data-count="0"] svg.zero {
display: block !important;
}
#header .content_wrap .bottom_block .header_icons .cart_leash[data-count="1"] svg {
display: none !important;
}
#header .content_wrap .bottom_block .header_icons .cart_leash[data-count="1"] svg.one-count {
display: block !important;
}
#header .content_wrap .bottom_block .header_icons .cart_leash[data-count="2"] svg {
display: none !important;
}
#header .content_wrap .bottom_block .header_icons .cart_leash[data-count="2"] svg.two-count {
display: block !important;
}
#header .content_wrap .bottom_block .header_icons .cart_leash svg {
display: none;
}
#header .content_wrap .bottom_block .header_icons .cart_leash svg.more {
display: block;
}
#header .content_wrap .bottom_block .header_icons .cart_leash svg path {
transition: 0.3s;
}
#header .content_wrap .bottom_block .header_icons .cart_leash:hover svg path {
fill: #F7A70B;
}
#header .icon_block.profile_icon span {
text-align: center;
transition: 0.3s;
}
#header .content_wrap .bottom_block .header_icons .icon_block.search_icon {
margin-left: 0;
display: none;
}
#categories_arrows {
display: none
}
#categories_arrows .arrow {
box-sizing: border-box;
width: 25px;
height: 38px;
border: 1px solid #dbdbdb;
border-radius: 3px;
text-align: center;
font-size: 38px;
line-height: 0.7;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
position: absolute;
top: 0;
z-index: 5
}
#categories_arrows .arrow:hover {
color: #F7A70B;
border-color: #F7A70B;
background: #FFFFFF;
cursor: pointer
}
#categories_arrows .arrow.disabled {
display: none
}
#categories_arrows .arrow.left {
left: 10px
}
#categories_arrows .arrow.right {
right: 10px
}
#top_categories_bg.active {
background: #f2f2f2;
position: relative;
}
#top_categories_bg.active:after {
width: 100%;
content: "";
position: absolute;
display: block;
height: 600px;
bottom: calc(-100% - -120px);
transform: translate(-50%, 0);
left: 50%;
background: #FFFFFF;
opacity: 0.9;
}
.btn-close-catalog {
position: absolute;
top: 50px;
left: 50%;
transform: translate(-50%, 0);
z-index: 21;
cursor: pointer;
display: none;
}
.btn-close-catalog.act {
display: block;
}
.btn-close-catalog svg path {
transition: 0.5s;
}
.btn-close-catalog svg:hover path {
fill: #F7A70B;
}
.active #top_subcategories ul {
margin-top: 0;
}
#top_categories {
position: relative;
border-bottom: 2px solid #F7A70B;
}
.active #top_categories {
background: #f2f2f2;
border-bottom: none;
}
#top_categories::after {
position: absolute;
display: block;
content: "";
width: 100%;
left: 0;
bottom: -4px;
z-index: 5;
height: 1px;
border-bottom: 2px solid #828282;
}
#top_categories ul {
width: 100%;
position: relative;
height: 60px;
display: flex;
align-items: center;
}
#top_categories ul li {
display: block;
}
#top_categories ul li:first-child a {
padding-left: 0;
}
#top_categories ul li:last-child a {
padding-right: 0;
}
#top_categories ul li a {
display: block;
padding: 0 22px;
font-style: 500;
font-weight: 500;
font-size: 14px;
line-height: 13px;
color: #333333;
text-align: center;
position: relative;
}
#top_categories ul li.current a {
color: #F7A70B;
}
#top_categories_bg.active ul li.current a {
position: relative;
}
#top_categories ul li:not(.home_li).active a::before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 2px;
background: #F7A70B;
bottom: -8px;
left: 0;
}
#top_categories ul li:not(.home_li):hover a,
#top_categories ul li:not(.home_li).active a {
color: #F7A70B;
}
#top_categories ul li.home_li a {
display: flex;
align-items: center
}
#top_categories ul li.home_li a .home_li_icon {
display: block;
width: 16px;
height: 15px;
background: url(../img/home_li_icon.png) 0 0 no-repeat
}
#top_categories ul li.home_li.current a .home_li_icon {
background-position: 0 50%
}
#top_categories ul li.home_li:not(.current) a:hover .home_li_icon {
background-position: 0 100%
}
#top_subcategories {
box-sizing: border-box
}
.active #top_subcategories::before {
position: absolute;
content: "";
display: block;
width: calc(100vw - 17px);
height: 100%;
background: #F2F2F2;
z-index: 15;
top: 0;
height: 490px;
left: 50%;
transform: translate(-50%, 0);
}
#top_subcategories ul {
box-sizing: border-box;
display: block;
width: 100%;
padding: 30px 10px;
height: 490px;
background: #F2F2F2;
z-index: 20;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0px);
margin-top: 1px;
display: none;
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
#top_subcategories ul li {
display: block;
margin-bottom: 10px;
-webkit-column-break-inside: avoid-column;
page-break-inside: avoid-column;
break-inside: avoid-column
}
#top_subcategories ul li a {
display: block;
color: #333;
font-size: 14px;
font-weight: bold;
padding: 5px 0;
}
#top_subcategories ul li a:hover {
color: #F7A70B
}
#main_content_wrap {
background: #fff;
padding: 0;
margin-bottom: 45px
}
#main_content_wrap .content_wrap .content {
width: calc(100% - 80px);
margin: 0 auto;
padding: 0px 40px 20px 40px;
}
#promo_wrap .swiper-pagination {
display: flex;
justify-content: flex-end;
max-width: 320px;
bottom: 0;
height: 59px;
padding-right: 20px;
align-items: center;
width: 100%;
}
#promo_wrap .swiper-pagination:after {
width: 1000px;
height: 100%;
position: absolute;
content: "";
display: block;
background: #F7A70B;
z-index: -1;
right: 0;
}
#promo_wrap .swiper-pagination .swiper-pagination-bullet {
background: transparent;
background-image: url(/wa-data/public/site/themes/easyprint2020/img/promo-pag-def.svg);
opacity: 1;
border-radius: 0;
width: 41px;
height: 31px;
margin: 0 10px;
}
#promo_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-image: url(/wa-data/public/site/themes/easyprint2020/img/promo-pag-act.svg);
}
#main_content.flexed {
display: flex;
flex-flow: row wrap;
justify-content: space-between
}
#sidebar {
box-sizing: border-box;
width: 230px
}
#sidebar_block {
box-sizing: border-box;
width: 100%;
border: 1px solid #dbdbdb;
border-radius: 3px
}
.sidebar_block .sidebar_title {
color: #F7A70B;
font-weight: bold;
}
.sidebar_block {
padding: 20px;
}
.sidebar_block:not(:last-child) {
border-bottom: 1px solid #dbdbdb;
}
.sidebar_block .sidebar_content {
padding-top: 15px;
}
.sidebar_block a {
color: #5e5e5e;
font-size: 14px;
line-height: 20px
}
.sidebar_block a:hover,
#sidebar_block a.current {
color: #F7A70B
}
.sidebar_block.current {
font-weight: 600
}
.sidebar_block>ul {
list-style-position: inside
}
.sidebar_block>ul>li {
display: block;
overflow: hidden;
text-overflow: ellipsis;
color: #5e5e5e;
margin-bottom: 10px
}
.sidebar_block ul {
color: #F7A70B;
list-style-type: disc;
padding: 0 0 5px
}
.sidebar_block ul.lvl_1 {
border-bottom: 1px solid #dbdbdb;
margin-bottom: 5px
}
.sidebar_block ul.lvl_1>li {
font-size: 10px
}
.sidebar_block ul.lvl_1>li a {
font-size: 12px;
line-height: 1.75
}
#main_content .content_block {
width: calc(100% - 260px)
}
#footer_bg {
padding: 28px 0 20px;
background: #636362;
}
#footer {
display: flex;
flex-flow: row wrap;
padding-bottom: 10px;
justify-content: space-between;
margin-bottom: 10px
}
#footer .copyright__author:hover {
color: #F7A70B;
}
#footer .block {
box-sizing: border-box;
flex: 1;
padding-right: 10px;
font-size: 14px;
margin-bottom: 15px;
max-width: 230px;
margin-right: 40px;
padding: 0;
}
#footer .block.contact_block {
min-width: 200px;
}
.copy-wrap {
width: 100%;
justify-content: space-between;
display: flex;
align-items: center;
box-sizing: border-box;
max-width: 1100px;
}
.copy-sec {
padding: 0;
margin-bottom: 30px;
margin-top: 40px;
color: #fff;
}
#footer .block.info {
max-width: 238px;
}
#footer .block.login {
max-width: 160px;
}
#footer .block.pay {
max-width: 190px;
}
#footer .block.soc {
max-width: 160px;
margin-right: 0;
}
#footer .block .link-inline {
display: flex;
flex-direction: column;
}
#footer .block .link-inline a {
display: inline;
}
#footer .block.contact_block a rect,
#footer .block.contact_block a path {
transition: 0.3s;
}
#footer .block.contact_block a:hover path {
fill: #F7A70B;
}
#footer .block.contact_block a:hover .str path {
fill: inherit;
stroke: #F7A70B;
}
#footer .block.contact_block a:hover .rect rect {
fill: inherit;
stroke: #F7A70B;
}
#footer .block.contact_block a .right {
cursor: default;
pointer-events: none;
}
#footer .block.contact_block a:hover .right path {
fill: #fff;
}
#footer .block.contact_block a:hover .right .str path {
fill: #fff;
stroke: #fff;
}
#footer .block.contact_block a:hover .right .rect rect {
fill: #fff;
stroke: #fff;
}
#footer .block a {
font-size: 16px;
}
#footer .block.contact_block a {
position: relative;
font-size: 14px;
display: inline-flex;
align-items: center;
padding-left: 30px;
}
#footer .block.contact_block a .left {
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 0;
}
#footer .block.contact_block a .right {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: -35px;
}
#footer .block .display-wrap {
display: flex;
flex-wrap: wrap;
}
#footer .block .display-wrap img {
margin-right: 13px;
margin-bottom: 20px;
}
#footer .block .display-wrap-soc {
display: flex;
width: 130px;
justify-content: space-between;
align-items: center;
}
#footer .block .display-wrap-soc a {
display: flex;
align-items: center;
justify-content: center;
min-width: 20px;
min-height: 20px;
}
#footer .block .display-wrap-soc a path {
transition: 0.3s;
}
#footer .block .display-wrap-soc a:hover path {
fill: #F7A70B;
}
#footer .block p.title {
display: block;
color: #fff;
font-size: 16px;
margin-bottom: 13px;
font-weight: 500;
}
#footer .block.contact_block p.title {
margin-bottom: 13px;
}
#footer .block a,
#footer .block p {
display: block;
color: #fff;
line-height: 1.5;
}
.logo-footer {
position: absolute;
right: 10px;
top: 200px;
}
#footer .block a:hover {
color: #F7A70B
}
#footer_bg .copyright {
text-align: center
}
#footer .socials div {
display: flex;
align-items: center;
}
#footer .socials a {
-ms-transform: scale(1);
/* IE 9 */
-webkit-transform: scale(1);
/* Safari */
transform: scale(1);
display: block;
width: 35px;
height: 35px;
background-repeat: no-repeat;
margin-right: 5px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
#footer .socials a:hover {
-ms-transform: scale(0.9);
/* IE 9 */
-webkit-transform: scale(0.9);
/* Safari */
transform: scale(0.9);
}
#footer .socials .fb_icon {
background-image: url(../img/fb_icon.png);
}
#footer .socials .tw_icon {
background-image: url(../img/tw_icon.png);
}
#footer .socials .gp_icon {
background-image: url(../img/gp_icon.png);
}
#footer .socials .ut_icon {
background-image: url(../img/ut_icon.png);
}
#footer .socials .pi_icon {
background-image: url(../img/pi_icon.png);
}
#footer .socials .vb_icon {
background-image: url(../img/viber.png);
background-size: contain;
}
#footer .socials .tg_icon {
background-image: url(../img/telegram.png);
background-size: contain;
}
#cart_overlay {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
z-index: 5000;
display: none
}
#cart_overlay .cart_overlay_content {
width: 100%;
max-width: 550px;
height: 100%;
padding-left: 90px;
box-sizing: border-box;
background: #fff;
position: absolute;
top: 0;
right: -100%;
overflow-y: auto;
}
#cart_overlay .cart_overlay_content.active {
right: 0;
}
.bg-cart {
left: auto;
right: 340px;
content: "";
display: block;
background: #4a4a4ae0;
width: 100%;
max-width: 550px;
height: 100%;
box-sizing: border-box;
position: absolute;
top: 0;
}
.mini_cart>.close {
height: 50px;
border: 0;
border-radius: 0;
width: 100%;
background: #F7A70B;
padding-left: 75px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 14px;
display: flex;
align-items: center;
color: #FFFFFF;
}
.mini_cart>.close:before {
top: 45%;
transform: translate(0px, -50%);
left: 35px;
}
.mini_cart ul {
margin-bottom: 15px;
}
.mini_cart ul li {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 20px 35px 20px 18px;
border-bottom: 1px solid #DADADA;
}
.mini_cart ul li .item_image {
width: auto;
}
.mini_cart ul li .item_image img {
display: block;
max-width: 100%;
height: auto;
}
.mini_cart ul li .item_info {
width: calc(100% - 120px);
padding: 0;
color: #333333;
font-size: 14px;
line-height: 19px;
box-sizing: border-box;
padding-right: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.mini_cart ul li .item_info span {
font-weight: bold;
}
.mini_cart ul li .item_info .item_name {
margin: 0 20px;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #333333;
width: 100%;
max-width: 120px;
height: 30px;
overflow: hidden;
}
.mini_cart ul li .item_info .item_name span {
font-weight: bold;
padding-right: 5px;
}
.mini_cart ul li .item_info .item_total {
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 15px;
color: #333333;
}
.mini_cart ul li .item_remove {
width: 20px;
height: 20px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
border: 0;
background: transparent;
}
.mini_cart ul li .item_remove svg {
width: 20px;
height: 20px;
}
.mini_cart .total_block {
font-size: 14px;
font-weight: bold;
}
.mini_cart .total_block .total {
box-sizing: border-box;
display: flex;
width: 100%;
height: auto;
padding-left: 30px;
padding-right: 70px;
justify-content: space-between;
align-items: center;
font-weight: bold;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 14px;
margin-bottom: 40px;
margin-top: 20px;
color: #000000;
}
.mini_cart .total_block .buttons_block {
display: flex;
flex-direction: column;
padding-right: 70px;
align-items: flex-end;
}
.mini_cart .total_block .buttons_block a {
box-sizing: border-box;
width: 170px;
height: 38px;
line-height: 38px;
padding: 0 10px;
margin-bottom: 10px;
font-size: 14px;
line-height: 15px;
text-align: center;
padding: 0;
justify-content: center;
align-items: center;
display: flex;
transition: 0.3s;
}
.mini_cart .total_block .buttons_block a.btn-1 {
background: #F7A70B;
color: #fff;
}
.mini_cart .total_block .buttons_block a.btn-2 {
color: #333;
border: 1px solid #F7A70B;
background: #fff;
}
.mini_cart .total_block .buttons_block a.btn-1:hover {
background: #fff;
color: #F7A70B;
}
.mini_cart .total_block .buttons_block a.btn-2:hover {
color: #fff;
border: 1px solid #F7A70B;
background: #F7A70B;
}
#compare_overlay {
box-sizing: border-box;
width: 280px;
padding: 5px 10px 10px;
background: #fff;
border: 1px solid #dbdbdb;
text-align: left;
position: absolute;
top: 100%;
right: 10px;
margin-top: 5px;
z-index: 5000;
display: none
}
#compare_overlay:after {
content: '';
display: block;
width: 8px;
height: 8px;
background: #fff;
border-color: #dbdbdb;
border-width: 0 0 1px 1px;
border-style: solid;
position: absolute;
top: -5px;
left: 25px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#compare_overlay .products {
margin-bottom: 10px
}
#compare_overlay .products .block {
width: 100%;
height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
#compare_overlay .products .block .name {
width: 225px;
color: #5e5e5e;
font-size: 14px;
font-size: 0.875rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#compare_overlay .products .block .name:hover {
color: #F7A70B;
}
#compare_overlay .products .block .remove {
display: block;
width: 21px;
height: 21px;
line-height: 21px;
text-align: center;
font-size: 12px;
padding: 0;
}
#compare_overlay .buttons>* {
width: 100%;
border-radius: 3px;
font-weight: bold;
}
#compare_overlay .buttons .button {
margin-bottom: 5px;
}
#compare_overlay .buttons .button:after {
top: -3px;
}
#compare_overlay .buttons .button_dark {
height: 34px
}
.badge {
position: absolute;
left: 0;
top: 20px;
}
.badge span {
display: block;
padding: 3px 10px 3px 10px;
font-size: 14px;
font-weight: bold;
line-height: 16px;
border-radius: 0 3px 3px 0;
color: #FFFFFF;
background: #edc05e;
}
.badge.bestseller span {
background: #F7A70B
}
.badge.low-price span {
background: #e63737;
}
#home_page #top_banner {
margin-bottom: 20px
}
#home_page #top_banner img {
display: block;
width: 100%
}
#promo_wrap {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-bottom: 10px;
position: relative;
background: #fff;
}
#promo_wrap .left-slider {
position: absolute;
padding-top: 20px;
top: 0;
left: 0;
width: 100%;
max-width: 600px;
z-index: 1;
}
#promo_wrap .left-slider svg {
margin-bottom: 15px;
}
#promo_wrap .left-slider .title {
font-weight: 900;
font-size: 30px;
line-height: 150%;
text-transform: uppercase;
color: #333333;
margin-bottom: 25px;
}
#promo_wrap .left-slider .text {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 160%;
color: #828282;
}
#promo_wrap .right-slider {
display: flex;
justify-content: flex-end;
}
#promo_wrap .right-slider .img {
width: 100%;
max-width: 984px;
height: auto;
max-height: 384px;
object-fit: cover;
}
.product_list_wrap .tit {
font-style: normal;
font-weight: 900;
font-size: 30px;
line-height: 29px;
color: #2C2C2C;
margin-bottom: 35px;
text-transform: uppercase;
margin-top: 50px;
}
#promo_wrap #left_banner {
width: 287.5px
}
#promo_wrap #left_banner a {
display: block;
width: 100%;
height: 380px
}
#promo_wrap #left_banner a img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
#promo_wrap .promocards {
width: calc(100% - 297.5px)
}
#promo_wrap .promocards .swiper-slide {
display: block;
width: 100%;
height: 380px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
#promo_wrap .promocards .swiper-slide .text {
box-sizing: border-box;
width: 100%;
padding: 10px 25px;
position: absolute;
top: 60px;
left: 0;
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#4d000000', GradientType=1)
}
#promo_wrap .promocards .swiper-slide .text h4 {
display: block;
text-transform: uppercase;
font-size: 36px;
font-style: italic;
font-weight: 600;
margin-bottom: 10px
}
#promo_wrap .promocards .swiper-slide .text p {
font-size: 24px;
line-height: 28px
}
#home_product_list {
display: flex;
flex-flow: row wrap;
margin-left: -15px;
margin-right: -15px;
}
#home_product_list li {
box-sizing: border-box;
display: block;
width: calc(25% - 30px);
margin: 0 0 50px;
margin: 0 15px;
margin-bottom: 50px;
}
.advantages {
padding: 60px 0;
position: relative;
}
.advantages .advantages-wrap {
display: flex;
justify-content: space-between;
}
.advantages .title {
font-style: normal;
font-weight: 900;
font-size: 30px;
width: 100%;
line-height: 150%;
color: #2C2C2C;
max-width: 280px;
margin-right: 20px;
}
.advantages .items {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 976px;
}
.advantages .items .advantages-item {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 240px;
}
.advantages .items .advantages-item img {
margin-bottom: 40px;
}
.advantages .items .advantages-item .text {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #333333;
}
.advantages .wt {
color: #FFFFFF;
}
#home_product_list li a {
box-sizing: border-box;
display: block;
width: 100%;
position: relative
}
#home_product_list li a .image {
width: 100%;
height: 250px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
#home_product_list li a .image img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
}
#home_product_list li a .name {
display: block;
width: 100%;
height: 50px;
color: #111;
font-size: 14px;
font-weight: bold;
line-height: 16px;
margin: 0px 0px 5px 0px;
overflow: hidden;
}
#home_product_list li a .summary {
display: block;
white-space: nowrap;
height: 20px;
font-size: 11px;
line-height: 16px;
overflow: hidden;
position: relative
}
#home_product_list li a .summary:after {
content: '';
display: block;
width: 30px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
}
#home_product_list li a .price_block {
display: flex;
flex-wrap: wrap;
}
#home_product_list li a .price_block .price {
white-space: nowrap;
display: block;
color: #111;
font-size: 18px;
line-height: 20px;
font-weight: bold;
margin-right: 10px
}
#home_product_list li a .price_block .compare_price {
opacity: 0.7;
font-size: 16px;
text-decoration: line-through
}
#home_product_list li a .name:hover {
color: #F7A70B;
}
.news_wrap {
display: flex;
flex-flow: row wrap;
margin: 0 -5px
}
.news_wrap .block {
width: calc(25% - 10px);
height: 195px;
margin: 0 5px 10px;
background-position: center center;
background-repeat: no-repeat;
position: relative
}
.news_wrap .block .name {
box-sizing: border-box;
padding: 10px 20px;
display: block;
width: 100%;
color: #fff;
font-weight: 600;
font-size: 14px;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
bottom: 0;
left: 0
}
#home_seo_text {
box-sizing: border-box;
width: 100%;
padding: 25px;
color: #333333;
font-family: "Gotham Pro", sans-serif;
font-weight: 500;
width: 100%;
max-width: 995px;
background: #fff;
padding-bottom: 20px;
}
#home_seo_text .item-scroll {
max-height: 335px;
overflow: auto;
}
#home_seo_text .title {
color: #111;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 20px
}
/* home end */
/* category page */
#category_page .title_wrap {
padding: 40px;
margin-bottom: 20px;
border: 1px solid #dbdbdb;
border-radius: 3px;
}
#category_page .title_wrap .title {
color: #111;
font-size: 26px;
margin: 0;
font-weight: bold
}
.category_product_list {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.category_product_list .block {
display: block;
box-sizing: border-box;
width: calc(50% - 10px);
padding: 15px 10px;
border: 1px solid #dbdbdb;
border-radius: 3px;
margin-bottom: 20px;
position: relative
}
.category_product_list .block .inner_block {
display: flex;
width: 100%;
}
.category_product_list .block .inner_block .image {
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 170px;
}
.category_product_list .block .inner_block .image img {
display: block;
max-width: 170px;
}
.category_product_list .block .inner_block .info {
flex: 1 1 auto;
padding-left: 20px
}
.category_product_list .block .inner_block .info .name {
display: block;
width: 100%;
height: 40px;
color: #111;
font-size: 16px;
font-weight: bold;
line-height: 20px;
overflow: hidden;
margin-bottom: 5px
}
.category_product_list .block .inner_block .info .summary {
display: block;
width: 100%;
height: 72px;
font-size: 14px;
line-height: 18px;
overflow: hidden;
margin-bottom: 10px
}
.category_product_list .block .inner_block .info .price {
color: #111;
font-size: 18px;
font-weight: bold;
height: 20px;
line-height: 20px
}
.compare_favorites {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 15px 0px 5px 0px;
font-size: 14px;
line-height: 24px
}
.compare_favorites .icon_block {
height: 15px;
line-height: 15px;
padding-left: 25px;
margin-bottom: 10px
}
.category_product_list .block .inner_block .info .button,
.category_product_list .block .inner_block .info .plugin_arrived-button a {
width: 100%
}
/* category page end */
.compare_favorites .icon_block:hover:after,
.compare_favorites .icon_block.active:after {
background-position: left bottom;
cursor: pointer;
}
.compare_favorites .icon_block:after {
content: '';
display: block;
width: 15px;
height: 100%;
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 200%;
background-color: transparent;
position: absolute;
left: 0;
top: 0;
}
/* search page */
.search_product_list .block {
display: block;
width: 100%;
margin-bottom: 15px
}
.search_product_list .block .inner_block {
box-sizing: border-box;
display: flex;
width: 100%;
padding: 15px 10px;
border: 1px solid #dbdbdb;
border-radius: 2px;
position: relative
}
.search_product_list .block .inner_block .image {
display: block;
width: 170px;
flex: 0 0 auto
}
.search_product_list .block .inner_block .image img {
display: block;
max-width: 170px;
}
.search_product_list .block .inner_block .info {
display: flex;
padding: 0px 3%;
width: 100%;
box-sizing: border-box;
}
.search_product_list .block .inner_block .info .main_info {
padding-right: 25px
}
.search_product_list .block .inner_block .info .main_info .name {
display: block;
color: #111;
font-size: 16px;
font-weight: bold;
line-height: 20px;
width: 100%;
margin: 0px 5px 10px 0px
}
.search_product_list .block .inner_block .info .main_info .name:hover {
color: #F7A70B
}
.search_product_list .block .inner_block .other_info {
white-space: nowrap;
margin-left: auto;
text-align: right
}
.search_product_list .block .inner_block .summary {
display: block;
width: 100%;
height: 72px;
font-size: 14px;
line-height: 18px;
margin: 0px 0px 10px 0px;
overflow: hidden
}
.search_product_list .block .inner_block .buttons_block {
display: flex;
flex-flow: row wrap
}
.search_product_list .block .inner_block .buttons_block button,
.search_product_list .block .inner_block .buttons_block a {
min-width: 140px;
align-items: center;
height: 42px;
font-weight: bold;
margin-right: 15px;
position: relative
}
.search_product_list .block .inner_block .buttons_block .button,
.search_product_list .block .inner_block .buttons_block a {
line-height: 42px
}
.search_product_list .block .inner_block .buttons_block button {
margin-right: 0
}
.search_product_list .block .inner_block .other_info .price_block {
color: #111;
font-size: 18px;
font-weight: bold;
line-height: 20px;
margin-bottom: 20px
}
.search_product_list .block .inner_block .other_info .price_block .old_price {
color: #cecece;
font-size: 14px;
text-decoration: line-through;
}
.search_product_list .block .inner_block .other_info .features .block {
display: flex;
font-size: 14px;
align-items: center;
}
.search_product_list .block .inner_block .other_info .features .block .name {
font-weight: bold;
margin-right: 10px
}
/* search page end */
/* product list panel */
.product_list_panel {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row wrap;
font-size: 14px;
margin-bottom: 10px;
}
.product_list_panel .panel_block {
display: flex;
align-items: center;
flex: 0 0 auto;
margin: 0 10px 10px 0
}
.product_list_panel .panel_block .name {
margin-right: 15px;
}
.product_list_panel .sorting_panel {
display: flex;
justify-content: flex-end;
margin-right: 0
}
.product_list_panel .sorting_panel .selectric .label {
min-width: 145px
}
#sorting_block {
display: none;
}
/* product list panel end */
/* pagination */
.pagination_block {
padding: 5px 0;
}
.pagination_block ul {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.pagination_block ul li {
display: block;
font-size: 20px;
}
.pagination_block ul li a,
.pagination_block ul li span {
display: block;
padding: 0 10px;
}
.pagination_block ul li:not(.selected) a {
color: #F7A70B;
}
.pagination_block ul li.selected a {
cursor: text;
}
.pagination_block ul li a.inline-link {
font-size: 45px;
display: block;
margin-top: -10px
}
/* pagination end */
/* top sellers */
#s-plugin-feaprocat-tabs {
width: 100%
}
#s-plugin-feaprocat-tabs>div {
box-sizing: border-box;
width: 100%;
padding: 20px;
border: 1px solid #dbdbdb;
border-radius: 3px;
margin-bottom: 20px
}
#s-plugin-feaprocat-tabs h3 {
padding-bottom: 10px;
font-size: 16px;
display: block;
font-weight: bold;
color: #111;
border-bottom: 1px solid #dbdbdb
}
.related_product_list {
position: relative
}
.related_product_list .arrows .arrow {
display: block;
width: 30px;
height: 60px;
color: #111;
text-align: center;
line-height: 52px;
font-size: 32px;
border-radius: 3px;
background: rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
margin-top: -30px;
z-index: 5;
border: 1px solid #dbdbdb;
cursor: pointer
}
.related_product_list .arrows .arrow.disabled {
display: none
}
.related_product_list .arrows .arrow:hover {
color: #F7A70B;
border-color: #F7A70B;
background: rgba(255, 255, 255, 0.8)
}
.related_product_list .arrows .arrow.left {
left: -21px
}
.related_product_list .arrows .arrow.right {
right: -21px
}
.related_product_list .swiper-container {
width: 100%
}
.related_product_list .product_list li {
display: block
}
.related_product_list .product_list li a {
box-sizing: border-box;
display: block;
width: 225px;
padding: 10px;
text-align: center
}
.related_product_list .product_list li a .image {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
margin-bottom: 10px;
}
.related_product_list .product_list li a .image img {
display: block;
max-width: 100%;
}
.related_product_list .product_list li a .name {
color: #5e5e5e;
font-size: 14px;
font-weight: bold;
line-height: 20px;
height: 60px;
overflow: hidden;
margin-bottom: 5px;
}
.related_product_list .product_list li a .price {
color: #111;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.related_product_list .product_list li a .compare_price {
color: #5e5e5e;
font-size: 10px;
text-decoration: line-through;
height: 14px;
margin-bottom: 5px;
}
.related_product_list .product_list li a:hover .name {
color: #F7A70B;
}
.related_products .title {
border-bottom: 1px solid #dbdbdb;
font-size: 16px;
line-height: 43px;
display: block;
font-weight: bold;
color: #111;
}
.related_products .related_product_list .arrows .arrow.left {
left: 0;
}
.related_products .related_product_list .arrows .arrow.right {
right: 0;
}
.related_product_list .swiper-container .swiper-slide a {
margin: 0 auto
}
/* top sellers end */
/* product page */
#product_page_main {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-bottom: 20px
}
#product_page_main .images {
display: flex;
flex-flow: row wrap;
width: 58%;
height: 430px;
margin-right: 4%;
}
#product_page_main .images .thumbs {
width: 70px;
height: 100%;
margin-right: 30px;
position: relative;
}
#product_page_main .images .thumbs .swiper-container {
height: 100%;
}
#product_page_main .images .thumbs.no_slider .image_block {
margin-bottom: 20px
}
#product_page_main .images .thumbs .image {
box-sizing: border-box;
display: block;
width: 100%;
padding: 5px;
border: 1px solid #dbdbdb;
border-radius: 3px
}
#product_page_main .images .thumbs .selected .image {
border-color: #F7A70B
}
#product_page_main .images .thumbs .image span {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 100%;
}
#product_page_main .images .thumbs .image span img {
display: block;
max-width: 60px;
max-height: 60px;
}
#product_page_main .images .thumbs .arrows .arrow {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: center;
width: 100%;
height: 24px;
border: 1px solid transparent;
position: absolute;
left: 0;
z-index: 10;
cursor: pointer;
}
#product_page_main .images .thumbs .arrows .arrow:hover {
border-color: #F7A70B;
color: #F7A70B
}
#product_page_main .images .thumbs .arrows .arrow.disabled {
opacity: 0
}
#product_page_main .images .thumbs .arrows .arrow.up {
top: 0;
border-radius: 0 0 3px 3px;
background: -moz-linear-gradient(top, rgba(245, 245, 245, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%);
background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%);
background: linear-gradient(to bottom, rgba(245, 245, 245, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f5f5f5', endColorstr='#d9ffffff', GradientType=0)
}
#product_page_main .images .thumbs .arrows .arrow.down {
bottom: 0;
border-radius: 0 0 3px 3px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 245, 0.85) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 245, 0.85) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(245, 245, 245, 0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9f5f5f5', GradientType=0)
}
#product_page_main .images .thumbs .arrows .arrow:after {
display: block;
content: '\203A';
font-size: 36px;
font-weight: 400;
position: relative
}
#product_page_main .images .thumbs .arrows .arrow.up:after {
left: -9px;
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
#product_page_main .images .thumbs .arrows .arrow.down:after {
right: -11px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
#product_page_main .images .main_image_wrap {
width: calc(100% - 100px);
position: relative
}
#product_page_main .images .main_image_wrap a {
display: flex;
width: 100%;
height: 100%;
flex-flow: row wrap;
justify-content: center;
align-items: center
}
#product_page_main .images .main_image_wrap a img {
display: block;
max-width: 100%;
max-height: 100%
}
#product_page_main .images .fancybox_images {
visibility: hidden
}
#product_page_main .info {
flex: 1
}
#product_page_main .info .old_price {
text-decoration: line-through;
margin-bottom: 5px;
width: 100%;
}
#product_page_main .info .price {
color: #111;
font-weight: bold;
font-size: 28px;
white-space: nowrap;
margin-bottom: 15px;
width: 100%;
}
#product_page_main .info .price {
color: #111;
font-weight: bold;
font-size: 28px;
white-space: nowrap;
margin-bottom: 15px;
width: 100%;
}
#product_page_main .info .services {
display: block;
margin: 20px 0;
max-width: 430px;
}
#product_page_main .info .services .services__heading {
display: block;
margin-bottom: 8px;
font-size: 16px;
font-weight: bold;
}
#product_page_main .info .services [type=checkbox]:checked, #product_page_main .info .services [type=checkbox]:not(:checked) {
position: relative;
left: 0;
}
#product_page_main .info .add2cart .add2cart_wrapper {
width: 100%;
max-width: 430px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
#product_page_main .info .add2cart .selectric-qty {
width: 35%;
margin-bottom: 10px;
}
#product_page_main .info .add2cart .selectric-qty .selectric {
height: 40px;
line-height: 40px;
}
#product_page_main .info .add2cart .selectric-qty .selectric .label {
font-size: 16px;
font-weight: 600
}
#product_page_main .info .add2cart button,
#product_page_main .plugin_arrived-button a {
padding: 0 10px;
justify-content: center;
align-items: center;
width: 63%;
height: 40px;
font-size: 16px;
font-weight: 600
}
#product_page_main .info .add2cart button:disabled {
display: none;
}
.wa-login-form-wrapper .wa-login-form-fields .wa-login-forgotpassword-url {
color: #F7A70B;
}
.wa-login-form-wrapper .wa-login-form-actions .wa-signup-url {
display: flex;
flex-direction: column;
}
.wa-login-form-wrapper .wa-login-form-actions .wa-signup-url a {
margin-top: 10px;
color: #F7A70B;
}
.wa-signup-form-wrapper .wa-signup-form-actions .wa-login-url a {
color: #F7A70B;
}
.wa-forgotpassword-form-wrapper .wa-forgotpassword-form-actions .wa-login-url a {
color: #F7A70B;
}
.wa-info-msg {
line-height: 22px;
}
#product_page_main .info .add2cart button span {
width: 100%;
}
#product_page_main .info .compare_favorites {
justify-content: flex-start;
padding-bottom: 5px;
border-bottom: 1px solid #dbdbdb;
margin: 0 0 15px;
}
#product_page_main .info .compare_favorites>* {
margin-right: 25px;
margin: 0 25px 5px 0;
}
#product_page_main .info .product_sku {
display: flex;
font-size: 14px;
margin-bottom: 10px;
}
#product_page_main .info .product_sku span {
font-weight: 600;
width: 35%;
}
#product_page_main .plugin_arrived-button a {
display: flex;
border-radius: 3px;
font-weight: bold;
position: relative;
width: 100%;
line-height: 40px;
border-radius: 3px;
border-bottom-style: none !important;
}
#product_page_main .plugin_arrived-button a:after {
display: block;
content: '\203A';
padding-left: 10px;
font-size: 26px;
font-weight: 400;
position: relative;
top: -2px;
margin-left: auto;
}
#product_page_main .stocks {
margin-bottom: 15px;
}
.checkout .checkout_step_content .checkout_content .wa-form .wa-value span.wa-required>span::before {
content: '*';
color: red;
display: block;
width: 0;
position: relative;
left: -12px;
}
.tabs_wrap {
margin-bottom: 30px
}
.tabs {
display: flex;
flex-flow: row wrap;
border-bottom: 1px solid #dbdbdb
}
.tab {
color: #5e5e5e;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
line-height: 24px;
text-align: center;
padding: 10px 15px;
border: 1px solid #dbdbdb;
border-radius: 3px 3px 0 0;
margin-right: 10px;
position: relative;
top: 1px;
cursor: pointer;
background: #fff;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(245, 245, 245, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(245, 245, 245, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(245, 245, 245, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0)
}
.tab:hover,
#product_page .tab.active {
background: #fff
}
.tab.active {
border-bottom-color: #fff
}
.tab .count {
margin-left: 8px;
padding: 2px 7px 2px 7px;
border-radius: 3px;
background: #5e5e5e;
color: #fff;
font-weight: bold;
}
.tabs_content {
box-sizing: border-box;
width: 100%;
padding: 30px;
border: 1px solid #dbdbdb;
border-top: 0
}
.tabs_content .tab_title {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
color: #5e5e5e;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
padding: 10px;
border: 1px solid #dbdbdb;
border-radius: 3px;
position: relative;
display: none;
}
.tabs_content .tab_title:after {
color: #5e5e5e;
font-weight: bold;
font-size: 20px;
font-family: "Gotham Pro", sans-serif;
font-weight: bold;
content: '+';
margin-left: auto;
}
.tabs_content .tab_title.opened:not(.fancytab):after {
content: '-'
}
.tabs_content .tab_title.fancytab:after {
content: '\203A';
}
.product_features .block {
display: flex;
font-size: 14px;
margin-bottom: 15px;
}
.product_features .name {
font-weight: 700;
margin-right: 10px;
}
.product_features .value.color span {
display: flex;
align-items: center;
margin-bottom: 5px
}
.product_features .value.color span i {
margin-right: 5px;
border: 1px solid lightgray;
}
#product_rating {
font-size: 16px;
font-weight: normal;
margin-top: 10px
}
#product_rating span {
display: flex;
align-items: center;
}
#product_rating span * {
display: block;
margin-right: 5px
}
.product_params .block:not(:last-child) {
border-bottom: 1px solid #cecece;
}
.product_params .block a {
display: block;
padding: 15px 0;
}
.product_params .block a:hover {
color: #F7A70B;
}
/* product page end */
/* reviews */
table.rating-distribution td {
padding: 2px 15px 2px 0;
border: none;
}
table.rating-distribution td .bar {
background: #eee;
width: 200px;
height: 13px;
}
table.rating-distribution td .bar .filling {
background: #f7c854;
height: 13px;
}
#write_review {
margin-bottom: 15px;
}
.review {
display: table;
width: 100%;
margin-bottom: 25px;
border-bottom: 1px solid lightgrey;
}
.review>div {
display: table-cell;
vertical-align: top;
}
.review .review_img {
text-align: center;
}
.review .review_img img {
display: block;
border-radius: 100%;
}
.review_author {
display: flex;
align-items: center;
padding-top: 15px;
}
.review_author>* {
display: block;
}
.review_author .username {
font-weight: 400;
margin-right: 20px;
}
.review_author .date {
color: #444444;
font-size: 12px;
margin-right: 15px;
}
.review .actions a {
color: #b1b1b1;
font-size: 14px;
border-bottom: 1px dotted #b1b1b1;
}
.review .actions a:hover {
color: #ff6700;
border-bottom: 1px solid #ff6700;
text-decoration: none;
}
.reviews {
font-size: 14px;
margin-bottom: 55px;
padding-top: 10px;
}
.reviews>h3.title {
margin-bottom: 15px;
}
.reviews>.btn_block {
text-align: right;
}
.reviews .inline_link,
.wa-captcha-refresh {
color: #ff6709;
}
.reviews .inline_link:hover,
.wa-captcha-refresh:hover {
text-decoration: underline;
}
.reviews ul {
margin-left: 0;
padding: 0;
list-style: none;
}
.reviews ul li>ul {
padding-left: 35px;
}
.reviews ul li ul li .review h6 {
color: #555;
}
.reviews ul li .review-form {
padding: 20px 0 0;
}
.reviews ul .in-reply-to {
background: #f9f9f9;
margin: -8px -8px 3px;
padding: 8px 35px 0 8px;
position: relative;
}
.reviews ul .new {
box-sizing: border-box;
background: #ffc;
margin: -8px -8px 22px;
padding: 8px 35px 8px 8px;
}
.reviews textarea {
height: 100px;
}
.review-form {
max-width: 280px;
padding: 0;
margin-bottom: 30px;
}
.review-form h4 {
margin: 0 0 20px;
font-weight: normal;
}
.review-form-fields p {
margin: 0 0 10px;
}
.review-form-fields p.review-field {
display: flex;
flex-flow: row wrap;
align-items: center;
font-size: 12px
}
.review-form-fields p.review-field a {
display: flex;
padding: 0;
text-decoration: none;
margin-left: 10px;
}
.review-form-fields p.review-field a i {
display: block;
margin-right: 3px
}
/* .review-form-fields p.review-field .errormsg {margin: 5px 0 0 170px;} */
.review-form .review-submit {
padding: 0 0 20px 0;
}
.review-form .userpic {
width: 20px;
height: 20px;
float: left;
margin-right: 5px;
border-radius: 50%;
}
.reviews span.rate {
line-height: 1.3em;
display: block;
margin: 0.5em 0;
}
.reviews span.rate a {
text-decoration: none !important;
}
.reviews span.rate .icon10 {
background-repeat: no-repeat;
background-image: url(../../../../wa-content/img/icon10.png);
height: 10px;
width: 10px;
display: inline-block;
text-indent: -9999px;
}
.reviews span.rate .icon10.star {
background-position: -60px -40px;
}
.reviews span.rate .icon10.star-empty {
background-position: -80px -40px;
}
i.icon16 {
background-repeat: no-repeat;
height: 16px;
width: 16px;
display: inline-block;
text-indent: -9999px;
text-decoration: none !important;
background-image: url("../img/icons.png");
background-size: 260px 160px
}
.icon16.star,
.icon16.star-full {
background-position: -16px -16px;
}
.icon16.star-half {
background-position: -32px -16px;
}
.icon16.star-empty {
background-position: -48px -16px;
}
.icon16.star-hover {
background-position: -16px -16px;
}
/* reviews end */
/* auth page global */
.wa-form .wa-field .wa-name {
color: #111;
margin-bottom: 10px
}
.wa-form .wa-field .wa-value a {
color: #F7A70B;
}
.wa-form:not(.profile_form) .wa-field.wa-required .wa-value {
display: flex;
flex-flow: row wrap;
}
.wa-form:not(.profile_form) .wa-field.wa-required .wa-value p {
flex: 1
}
.wa-form:not(.profile_form) .wa-field.wa-required .wa-value:before {
content: '*';
color: red;
display: block;
width: 0;
position: relative;
left: -12px;
}
.auth_page {
display: flex;
flex-flow: row wrap;
padding-bottom: 55px
}
.auth_page .auth_wrap {
box-sizing: border-box;
width: 60%;
min-width: 300px;
max-width: 600px;
border: 1px solid #dbdbdb;
border-radius: 3px;
padding: 20px;
margin: 0 auto;
}
.auth_page .wa-field:not(:last-child) {
margin-bottom: 15px
}
.auth_page .wa-field .wa-submit {
display: flex;
align-items: center;
font-size: 14px;
}
.auth_page .wa-field .wa-submit input[type='submit'] {
min-width: 80px;
border-radius: 3px;
height: 42px;
margin-right: 10px;
font-weight: bold;
}
.auth_page .wa-field .wa-submit a {
color: #F7A70B;
margin: 0 5px
}
.auth_page .wa-field .wa-submit a:hover {
text-decoration: underline
}
.wa-captcha {
font-size: 14px;
margin-bottom: 20px;
}
.wa-captcha p:first-child {
display: flex;
align-items: center;
margin-bottom: 10px;
flex-flow: row wrap
}
.wa-captcha p:first-child>* {
margin-right: 10px;
}
.wa-captcha p:first-child input {
width: calc(100% - 156px);
margin-right: 0;
}
.auth_page #sidebar_block .profile_links {
padding-left: 0;
}
.auth_page .profile_wrap {
padding: 20px 30px;
flex: 1
}
.profile_form_wrap .wa-form {
box-sizing: border-box;
max-width: 660px;
min-width: 300px;
border: 1px solid #dbdbdb;
border-radius: 3px;
padding: 20px;
}
.profile_form_wrap .wa-form .wa-field {
margin-bottom: 10px;
}
.profile_form_wrap .wa-form .wa-field .wa-value {
font-size: 14px
}
.profile_form_wrap .wa-form .wa-field .wa-value .selectric {
height: 40px;
line-height: 40px;
}
.profile_form_wrap .wa-form .wa-field.wa-field-address .wa-value>p>span.field {
display: block;
margin-bottom: 15px
}
.profile_form_wrap .wa-form .wa-field.wa-field-address .wa-value>p>span.field>span {
display: block;
margin-bottom: 5px;
}
.profile_form_wrap .wa-form .wa_buttons>* {
height: 40px;
margin: 0 10px 10px 0;
border-radius: 3px;
}
/* auth page global end */
/* my profile page */
/* my profile page end */
/* my orders page */
.orders_list {
border: 1px solid #dbdbdb;
}
.orders_list .order_table {
display: flex;
width: 100%;
font-size: 14px;
line-height: 24px;
}
.orders_list .order_table:not(:last-child) {
border-bottom: 1px solid #dbdbdb;
}
.orders_list .order_table.order_titles {
color: #111;
font-weight: bold;
}
.orders_list .order_table>div {
padding: 10px;
width: 20%;
box-sizing: border-box;
}
.orders_list .order_table .order_num {
font-weight: bold;
}
.orders_list .order_table .order_view {
text-align: right;
}
.orders_list .order_table>div span.hint {
display: none
}
/* my orders page end */
/* my order page */
.order_page.auth_page .pin_wrap {
width: 100%;
max-width: 485px;
margin: 0 0 10px;
}
.order_page.auth_page .pin_wrap .auth_text {
margin-bottom: 10px
}
.order_page.auth_page .pin_wrap button {
width: 100%;
height: 34px;
font-size: 16px;
text-transform: none;
}
.order_page .block {
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
}
.order_page .block.big {
font-size: 16px;
line-height: 20px;
}
.order_page table {
width: 100%;
margin-top: 50px;
text-align: left;
}
.order_page table tr td,
.order_page table tr th,
.order_page table tr td {
padding: 8px;
font-size: 14px;
line-height: 1.4;
vertical-align: top;
border-top: 1px solid #ddd
}
.order_page table tr th {
border: 0
}
.order_page table tr .align_right {
text-align: right;
}
.order_page table tr td .qty {
font-weight: bold
}
.order_page table tr td:not(:first-child) {
white-space: nowrap
}
/* my order page end */
/* favorites page */
.favorites_product_list {
box-sizing: border-box;
width: 100%;
padding: 20px;
border: 1px solid #dbdbdb;
border-radius: 3px;
}
.favorites_product_list li {
display: block;
}
.favorites_product_list li:not(:last-child) {
margin-bottom: 20px;
}
.favorites_product_list li:not(:last-child) .inner_block {
border-bottom: 1px solid #dbdbdb;
padding-bottom: 20px;
}
.favorites_product_list li .inner_block {
width: 100%;
display: flex;
align-items: flex-start;
position: relative
}
.favorites_product_list li .image {
display: block;
box-sizing: border-box;
width: 75px;
padding: 10px 5px;
border: 1px solid #dbdbdb;
}
.favorites_product_list li .inner_block .badge {
top: 0
}
.favorites_product_list li .info {
flex: 1;
}
.favorites_product_list li .info .info_block {
display: flex;
flex-flow: row wrap;
margin: 0 30px
}
.favorites_product_list li .info .text {
flex: 1;
padding-right: 20px
}
.favorites_product_list li .info .text a.name {
display: block;
color: #111;
font-size: 18px;
font-weight: 700;
margin: 0 0 5px;
}
.favorites_product_list li .info .text .summary {
font-size: 14px;
line-height: 18px;
}
.favorites_product_list li .info .compare_favorites {
display: block;
width: 30%;
margin: 0
}
.favorites_product_list li .info .compare_favorites .price {
display: block;
width: 100%;
color: #111;
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.favorites_product_list li .remove_btn {
box-sizing: border-box;
width: 40px;
height: 40px;
line-height: 38px;
padding: 0;
text-align: center;
}
/* favorites page end */
/* compare page */
#compare_page {
max-width: 1180px;
}
#compare_page #compare_block {
overflow-x: auto
}
#compare_page #compare_block .block {
width: 100%;
display: flex;
font-size: 14px;
padding-left: 200px;
position: relative
}
#compare_page #compare_block .block.description {
margin: 0;
}
#compare_page #compare_block .block>div {
box-sizing: border-box;
padding: 10px 30px 10px 10px;
border-bottom: 1px solid #dbdbdb
}
#compare_page #compare_block .block .block_title {
width: 200px;
background: #f5f5f5;
font-weight: 700;
height: 100%;
flex: 0 0 auto;
position: absolute;
left: 0;
z-index: 1;
}
#compare_page #compare_block .block .block_title:after {
content: '';
display: block;
width: 10px;
height: 100%;
position: absolute;
right: -10px;
top: 0;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#80ffffff', GradientType=1);
}
#compare_page #compare_block .block .block_content {
width: 200px;
height: 150px;
word-break: break-word;
line-height: 20px;
flex: 0 0 auto;
}
#compare_page #compare_block .block .block_content .text {
max-height: 100%;
overflow: hidden;
line-height: 1.4;
;
}
#compare_page #compare_block .block .block_content .name {
display: block;
height: 70px;
line-height: 18px;
color: #111;
font-weight: 700;
overflow: hidden;
}
#compare_page #compare_block .block .block_content .button {
margin-top: 10px;
}
#compare_page #compare_block .block img {
display: block;
max-width: 180px;
max-height: 130px;
}
#compare_page #compare_block .block.description p {
line-height: 19px
}
#compare_page #compare_clear {
display: block;
margin: 20px auto 0
}
/* compare page end */
#cart_page .cart form .items {
padding: 20px;
border: 1px solid #dbdbdb;
border-radius: 3px 3px 0 0
}
#cart_page .submit_btn {
height: 42px;
line-height: 0;
margin-left: auto
}
#cart_page .top {
display: flex;
align-items: center;
margin-bottom: 30px;
}
#cart_page .top .title {
margin: 0;
}
#cart_page .cart_table {
display: flex;
align-items: center;
padding: 10px 10px 10px 0;
border-bottom: 1px solid #dbdbdb;
}
#cart_page .cart_table>div {
box-sizing: border-box;
display: flex;
justify-content: flex-end;
padding: 5px 10px 9px 10px;
flex: 0 0 auto;
}
#cart_page .cart_table .table_product {
width: 55%;
justify-content: flex-start;
padding-left: 0
}
#cart_page .cart_table .table_quantity {
width: 11%;
}
#cart_page .cart_table .table_price {
width: 14.5%
}
#cart_page .cart_table .table_total {
width: 14.5%
}
#cart_page .cart_table .table_remove {
width: 4%;
flex: 1;
min-width: 60px
}
#cart_page .cart_table.titles {
color: #111;
font-weight: bold;
margin-bottom: 5px;
white-space: nowrap;
}
#cart_page .cart_table .item_image {
width: 70px;
margin-right: 30px;
}
#cart_page .cart_table .item_image a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-height: 70px;
box-sizing: border-box;
border: 1px solid #dbdbdb;
border-radius: 3px;
padding: 5px;
}
#cart_page .cart_table .item_image a img {
display: block;
max-width: 60px;
}
#cart_page .cart_table .item_info {
padding-right: 20px
}
#cart_page .cart_table .item_info .name {
font-weight: bold;
}
#cart_page .cart_table .item_qty .selectric {
height: 40px;
}
#cart_page .cart_table .item_qty .selectric .label {
line-height: 40px;
font-weight: bold;
padding: 0 5px;
}
#cart_page .cart_table .item_price {
font-size: 14px
}
#cart_page .cart_table .item_total {
font-size: 14px;
font-weight: bold;
}
#cart_page .cart_table .item_remove .delete {
width: 40px;
height: 40px;
padding: 0;
text-align: center;
}
#cart_page .cart_table.item span.hint {
display: none
}
#cart_page .cart_info {
display: flex;
flex-flow: row wrap;
padding: 20px;
font-size: 14px;
border: 1px solid #dbdbdb;
border-top: 0;
border-radius: 0 0 3px 3px;
background: #F5F5F5;
margin-bottom: 20px;
}
#cart_page .cart_info .block {
box-sizing: border-box;
}
#cart_page .cart_info .discounts_block {
width: 65%;
padding-right: 25px
}
#cart_page .cart_info .discounts_block .use_coupon {
display: block;
margin-bottom: 10px;
color: #F7A70B;
}
#cart_page .cart_info .discounts_block .use_coupon:hover {
text-decoration: underline
}
#cart_page .cart_info .discounts_block .coupon_block p {
margin-bottom: 5px;
}
#cart_page .cart_info .discounts_block .coupon_block .buttons_block {
display: flex;
height: 38px;
}
#cart_page .cart_info .discounts_block .coupon_block .buttons_block input {
width: 100%;
max-width: 380px;
height: 100%;
background: #fff;
}
#cart_page .cart_info .discounts_block .coupon_block .buttons_block button {
padding: 0;
height: 100%;
width: 38px;
text-align: center;
margin-left: -38px;
}
#cart_page .cart_info .discounts_block .coupon_block .buttons_block button:after {
right: 14px;
}
#cart_page .total_info {
flex: 1;
margin-bottom: 10px;
}
#cart_page .total_info .block {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
white-space: nowrap
}
#cart_page .total_info .total_block {
font-weight: bold;
font-size: 16px;
}
#cart_page .total_info .total_block .cart_total {
display: flex;
align-items: center;
}
#cart_page .total_info .cart_total .rotating {
margin-right: 5px;
max-height: 16px;
}
#cart_page .affiliate_block {
width: 100%;
padding: 10px 0;
}
.checkout .checkout_step_content .checkout_content .wa-form .wa-field {
margin-bottom: 15px;
}
.checkout .checkout_step_content .checkout_content .wa-form.wa-address {
width: 100%;
}
.checkout .checkout_step_content .checkout_content .wa-form .wa-field.wa-field-address .wa-value span.field {
display: block;
margin-bottom: 15px;
}
.checkout .checkout_step_content .checkout_content .wa-form .wa-field.wa-field-address .wa-value span.field>span {
display: flex;
font-size: 14px;
margin-bottom: 5px;
}
.checkout .checkout_step_content .checkout_content .wa-form .wa-field .selectric {
height: 40px;
line-height: 40px;
}
.checkout .checkout_step_content .checkout_content .wa-form .wa-field-tip-klienta.wa-field .wa-value label {
flex-basis: 50%;
}
.checkout .checkout_step_content .checkout_content .wa-form .wa-field-tip-klienta.wa-field .errormsg {
width: 100%
}
.checkout .checkout_step_content .checkout_content .wa-form .billing-address-fake.wa-field .wa-value {
font-size: 13px;
}
.checkout label {
display: flex;
margin-bottom: 15px;
cursor: pointer;
}
.checkout label:hover {
color: #F7A70B
}
.checkout .step_header {
display: flex;
justify-content: space-between;
align-items: center;
width: 60%;
min-width: 300px;
font-size: 26px;
padding-bottom: 10px;
border-bottom: 1px solid #dbdbdb;
margin: 0 auto 35px;
}
.checkout .step_header .back {
font-size: 14px;
}
.checkout p.hint {
font-size: 12px;
line-height: 16px;
padding: 15px 0;
}
.checkout .text {
line-height: 20px;
margin-bottom: 20px;
}
.checkout .text a,
.checkout div.back {
color: #F7A70B;
}
.checkout .text a:hover,
.checkout div.back a:hover {
text-decoration: underline
}
.checkout .auth_ul {
box-sizing: border-box;
width: 60%;
min-width: 300px;
margin: 0 auto 25px;
}
.checkout .auth_ul li {
display: block;
}
.checkout #login_page .title {
display: none
}
.checkout .authorized_text {
display: flex;
flex-flow: row wrap;
align-items: center;
font-size: 14px;
box-sizing: border-box;
width: 60%;
min-width: 300px;
margin: 0 auto 20px;
}
.checkout .authorized_text .image {
margin-right: 15px;
}
.checkout .authorized_text .text {
flex: 1;
margin: 0
}
.checkout .checkout_step_content .checkout_content {
box-sizing: border-box;
width: 60%;
min-width: 300px;
border: 1px solid #dbdbdb;
border-radius: 3px;
padding: 20px;
margin: 0 auto;
}
.checkout .checkout_submit {
box-sizing: border-box;
display: flex;
justify-content: flex-end;
width: 60%;
min-width: 300px;
margin: 0 auto;
padding: 20px 0;
}
.checkout-options>li {
display: flex;
flex-flow: row wrap;
}
.checkout-options>li:not(:last-child) {
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #dbdbdb;
}
.checkout-options>li h3 {
order: -1;
font-weight: bold;
width: 100%;
}
.checkout-options>li h3 label {
display: flex;
margin-bottom: 15px;
}
.checkout-options>li .rate {
width: 100%;
margin-bottom: 5px;
}
.checkout-options>li .rate .price {
display: block;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.checkout-options>li .rate span.hint {
font-size: 14px;
line-height: 18px;
color: #999999;
}
.checkout-options>li>p {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px
}
.checkout-options>li .selectric-wrapper {
margin-bottom: 10px
}
.checkout_step .table {
width: 100%;
margin: 40px auto;
text-align: right;
table-layout: fixed;
}
.checkout_step .table tr td,
.checkout_step .table tr th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.checkout_step .table tr td:first-child,
.checkout_step .table tr th:first-child {
text-align: left;
width: 50%
}
.checkout_step .table tr.total_block td {
text-align: right;
}
.checkout_step .table tr td:not(:first-child) {
white-space: nowrap
}
.checkout_step .comment_block {
margin-bottom: 25px;
}
.checkout_step .comment_block p {
display: block;
font-size: 16px;
margin-bottom: 10px;
}
.checkout_step .comment_block textarea {
width: 100%;
height: 150px;
}
#checkout_success_page {
padding: 45px 0;
}
/* news */
.news .credentials {
margin-bottom: 10px;
}
.news .credentials .date {
color: #9e9e9e;
font-size: 12px
}
/* news end */
#mobile_menu_wrap {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100vh;
display: none;
}
#mobile_menu_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
}
#mobile_menu_wrap .close {
height: 27px;
border: 0;
border-radius: 0;
width: auto;
background: transparent;
color: transparent;
}
#mobile_menu_wrap .close:before {
top: 5px
}
#mobile_menu_wrap .mobile_menu {
width: 100%;
max-width: 360px;
background: #F7A70B;
height: 100%;
overflow: hidden;
position: relative;
z-index: 1;
margin-left: auto;
margin-right: 0;
}
#mobile_menu_wrap .mobile_menu .close-wrap {
width: 100%;
height: 64px;
display: flex;
justify-content: space-between;
align-items: center;
margin-left: auto;
max-width: 205px;
margin-right: 20px;
}
#mobile_menu_wrap .mobile_menu .mobile_menu_content {
width: 100%;
height: 100%;
overflow-y: auto;
position: absolute;
left: 100%;
top: 0;
background: #F7A70B;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#mobile_menu_wrap .mobile_menu .mobile_menu_content.ready {
left: 0;
}
#mobile_menu_wrap .name {
padding: 16px 10px 6px 10px;
line-height: 26px;
color: #111;
font-weight: 700;
font-size: 14px;
border-bottom: 1px solid #dbdbdb;
}
#mobile_menu_wrap ul li {
display: flex;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
color: #333333;
position: relative;
}
#mobile_menu_wrap ul.color-grey li {
color: #636362;
}
#mobile_menu_wrap ul .pos-r {
display: flex;
align-items: center;
padding-left: 45px;
}
#mobile_menu_wrap ul li>* {
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 10px 15px 10px 10px;
font-size: 14px;
line-height: 16px;
background: transparent;
position: relative;
}
#mobile_menu_wrap ul li svg {
position: absolute;
top: 50%;
left: 10px;
transform: translate(0px, -50%);
}
#mobile_menu_wrap ul li>a.current {
color: #fff;
}
#mobile_menu_wrap ul li>a.back {
font-weight: bold;
position: relative;
position: absolute;
left: 10px;
width: 26px;
top: 0px;
height: 36px;
box-sizing: border-box;
padding: 0;
justify-content: center;
align-items: center;
padding-bottom: 5px;
}
#mobile_menu_wrap ul li>a.back:after {
content: '\2039';
font-size: 26px;
font-weight: 400;
color: #fff;
position: relative;
display: flex;
align-items: center;
}
#mobile_menu_wrap ul li>a.go {
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
width: auto;
display: inline-flex;
justify-content: center;
padding: 10px 0px;
margin: 0 auto;
}
#mobile_menu_wrap ul li>a.show_subcats span {
box-sizing: border-box;
max-width: 100%;
overflow: hidden;
}
#mobile_menu_wrap .block-hr {
margin: 10px 0;
width: 100%;
background: #636362;
height: 1px;
}
#mobile_menu_wrap ul li>a.show_subcats:after {
display: block;
content: '\203A';
font-size: 26px;
font-weight: 400;
position: absolute;
right: 10px;
color: #FFD480;
top: 5px;
margin-left: auto;
}
#mobile_menu_wrap ul li>a.show_subcats .rotating {
position: absolute;
right: 7px;
max-width: 15px;
top: 0px;
}
/* error_page */
#error_page {
display: flex;
flex-flow: column wrap;
justify-content: center;
text-align: center;
height: calc(100vh - 298px);
color: #5C595A;
font-family: "Gotham Pro", sans-serif;
font-weight: 300;
letter-spacing: 0.4px;
min-height: 325px;
}
#error_page>* {
display: block;
width: 100%;
}
#error_page h1 {
font-size: 120px;
margin-bottom: 20px
}
#error_page p {
font-size: 30px;
margin-bottom: 40px
}
#error_page a {
color: #F7A70B;
text-decoration: underline;
}
#error_page a:hover {
text-decoration: none
}
/* error_page end */
.filters {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
font-size: 12px
}
.filters .filters-toggle-wrapper {
display: none
}
.filters input[type="text"] {
margin: 0 5px;
text-align: right;
width: 30%;
flex-shrink: 0
}
.filters .filter-param {
margin-bottom: 20px;
}
.filters .title {
font-weight: bold;
margin-bottom: 10px;
}
.filters label {
display: block;
margin-bottom: 5px;
cursor: pointer
}
.filters label span:not(.pseudo_checkbox) {
display: flex;
align-items: center;
}
.filters .color {
box-sizing: border-box;
border: 1px solid gainsboro;
width: 13px;
height: 13px;
margin-right: 5px;
}
.filters .slider {
display: flex;
justify-content: space-between;
align-items: center;
background: transparent;
}
.filters .ui-slider {
margin: 10px 0;
display: block;
}
.filters .ui-slider-horizontal {
height: 2px;
border: none;
}
.filters .ui-slider-horizontal .ui-slider-handle,
.filters .ui-slider-horizontal .ui-slider-handle.ui-state-focus {
top: -0.55em;
margin-left: -0.4em;
height: 1.1em;
width: 1.1em;
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
border-radius: 50%;
z-index: 0;
}
.filters .ui-slider-horizontal .ui-slider-handle.ui-state-hover {
border-color: #999;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.filters .ui-slider-horizontal.ui-widget-content {
background: #bbb;
}
.filters .ui-slider-horizontal .ui-widget-header {
background: #0a0;
height: 4px;
position: relative;
top: -1px;
z-index: 0;
}
.filters .ui-widget-content .ui-state-default {
border: 1px solid #ccc;
background: #f7f7f7;
}
/* easy reviews */
#er-frontend-wrapper {
width: 600px;
max-width: 100%;
}
.er-frontend-review-body {
padding: 10px 0;
border-bottom: 1px solid #dbdbdb;
}
.er-frontend-review-author {
margin-bottom: 10px
}
.er-frontend-review-author span {
display: block;
margin: 0 0 5px;
padding: 0;
}
.content_block .er-frontend-reviews-wrapper ul.er-frontend-reviews li.er-frontend-review .er-frontend-review-body .er-frontend-review-author .er-frontend-review-author-name {
font-size: 18px;
}
.content_block .er-frontend-reviews-wrapper ul.er-frontend-reviews li.er-frontend-review .er-frontend-review-body .er-frontend-review-author .er-frontend-review-author-date {
padding: 0
}
.content_block .er-frontend-reviews-wrapper ul.er-frontend-reviews li.er-frontend-review .er-frontend-review-body .er-frontend-review-text {
color: #5e5e5e;
font-size: 14px;
}
/* easy reviews end */
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite
}
.rotating {
max-width: 25px;
max-height: 25px
}
/* new chagnes */
#product_page_main .info .skus li label input[type="radio"] {
display: inline-block;
}
#product_page_main .info .skus {
list-style: none;
}
#product_page_main span.compare-at-price.nowrap {
font-size: 30px;
font-weight: 700;
color: #111;
width: 100%;
margin-bottom: 15px;
}
#product_page_main .info .skus li label .price {
color: #676565;
font-weight: bold;
font-size: 17px;
white-space: nowrap;
margin-bottom: 15px;
}
#product_page_main .info .skus li {
margin-bottom: 10px;
}
#edit-billing-address-link {
display: block;
margin-top: 7px;
}
.checkout_step.step_confirmation .checkout_content label input {
left: 0px !important;
position: relative !important;
}
.checkout_content label a {
margin-left: 5px;
}
#product_page_main .stocks div {
line-height: 20px;
font-size: 12px;
font-weight: bold;
}
#product_page_main .stocks div .stock-low,
#product_page_main .stocks div .stock-none,
#product_page_main .stocks div .stock-critical {
font-weight: normal;
}
.features.product_features .block .value {
line-height: 22px;
}
.product_features .block {
line-height: 22px;
}
#plugin_nocall_yes,
#plugin_nocall_no {
display: inline-block;
float: left;
}
.plugin_nocall li {
list-style: none;
float: left;
}
.plugin_nocall div {
line-height: 18px;
font-size: 14px;
}
.plugin_nocall ul {
margin-top: 10px;
}
.plugin_nocall {
display: inline-block;
}
span.compare-at-price.nowrap {
display: none !important;
}
.price_cat_page {
color: #111;
font-size: 16px;
font-weight: bold;
height: 20px;
line-height: 20px;
display: inline-block;
}
.section-static-category {
margin: 50px auto 0;
position: relative;
padding-top: 30px;
padding-bottom: 40px;
}
.section-static-category::after {
position: absolute;
width: 1280px;
height: 100%;
content: "";
display: flex;
background: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.section-static-category .title-cat {
font-style: normal;
font-weight: 900;
font-size: 30px;
line-height: 36px;
color: #2C2C2C;
margin-bottom: 30px;
}
.section-static-category .wrap-cat {
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%;
box-sizing: border-box;
height: 370px;
padding-left: 460px;
}
.section-static-category .item-category {
width: 255px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.section-static-category .item-category:hover .name-category {
color: #F7A70B;
}
.section-static-category .item-category:first-child {
position: absolute;
top: 0;
left: 0;
flex-direction: row;
width: 460px;
justify-content: flex-start;
height: calc(100% - 2px);
max-height: 368px;
}
.section-static-category .item-category.one {
border-right: 1px solid #DADADA;
}
.section-static-category .item-category.two {
border-bottom: 1px solid #DADADA;
border-right: 1px solid #DADADA;
}
.section-static-category .item-category.three {
border-bottom: 1px solid #DADADA;
border-right: 1px solid #DADADA;
}
.section-static-category .item-category.four {
border-bottom: 1px solid #DADADA;
}
.section-static-category .item-category.five {
border-right: 1px solid #DADADA;
}
.section-static-category .item-category.six {
border-right: 1px solid #DADADA;
}
.news-wrap {
display: flex;
flex-wrap: wrap;
height: auto;
max-height: 470px;
justify-content: flex-start;
overflow: hidden;
margin-bottom: 20px;
align-items: flex-start;
justify-content: space-between;
}
.news-wrap .item-news {
width: 100%;
width: calc(25% - 70px);
margin-bottom: 35px;
margin-right: 70px;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.news-wrap div.item-news {
align-items: flex-start;
}
.news-wrap .item-news img {
width: 100%;
height: 150px;
object-fit: cover;
max-width: 100%;
margin-bottom: 10px;
transition: 0.3s;
}
.news-wrap .item-news:hover img {
transform: scale(1.1);
}
.news-wrap .item-news .name-new_post {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 130%;
color: #2C2C2C;
height: 42px;
overflow: hidden;
}
.news-wrap .title-news {
font-style: normal;
font-weight: 900;
font-size: 30px;
line-height: 34px;
color: #2C2C2C;
margin-bottom: 42px;
text-transform: uppercase;
}
.news-wrap .all-news {
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 150%;
color: #2C2C2C;
display: flex;
flex-direction: column;
}
.news-wrap .all-news .two {
color: #fff;
}
.section-static-category .item-category:first-child img {
margin-bottom: 0;
margin-right: 20px;
}
.section-static-category .item-category img {
margin-bottom: 15px;
}
.section-static-category .item-category .name-category {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 15px;
color: #000000;
width: 100%;
box-sizing: border-box;
padding: 0 10px;
text-align: center;
}
.related_products .price_cat_page {
font-size: 14px;
}
.related_product_list .price_cat_page {
font-size: 14px;
}
.product-sku {
padding-left: 15px;
display: flex;
align-items: center;
}
#price_list .with_sku {
display: block !important;
position: relative !important;
padding-left: 10px !important;
}
.with_sku .product-skus li {
display: flex !important;
}
.with_sku .product-skus .block.name_block {
color: #111;
}
.with_sku .product-skus .block.name_block i {
color: #9e9898;
}
.price_cat_page.max {
padding-left: 3px;
}
.sku_in_mini_cart {
display: block;
}
#cart_page .sku_in_mini_cart {
padding-top: 7px;
}
.news_wrap .tittle-news {
display: block;
font-size: 26px;
line-height: 1;
font-weight: 600;
margin-bottom: 30px;
margin-bottom: 0;
color: #111;
}
.home-news_tittle {
display: flex;
width: 100%;
margin-bottom: 10px;
}
.news-link_a {
line-height: 32px;
margin-left: 10px;
}
.filter-param.scroller .for_scroll-wrap {
height: 144px;
overflow: auto;
}
.filter-param.scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgb(249, 169, 46) !important;
width: 8px !important;
}
.filters .color {
flex: 0 0 auto;
}
.filters label span:not(.pseudo_checkbox) {
white-space: normal !important;
}
.table>tbody>tr>td {
padding: 9px 11px;
}
.table>tbody>tr>td:first-child {
padding-left: 0px;
}
.table>tbody>tr>th {
padding: 9px 11px;
}
.table>tbody>tr>th:first-child {
padding-left: 0px;
}