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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
blockquote footer:before,
blockquote footer:after {
display: none;
}
body * {
-webkit-text-size-adjust: none;
}
.clear {
clear: both;
overflow: hidden;
height: 0px;
font-size: 0px;
display: block;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
input,
textarea,
select {
font-family: 'Raleway', sans-serif;
font-weight: 300;
-webkit-appearance: none;
border-radius: 0;
}
a,
a:hover {
color: #ca1515;
}
a,
a:link,
a:visited,
a:active,
a:hover {
cursor: pointer;
text-decoration: none;
outline: none;
}
ul {
list-style: none;
}
body {
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
}
/*table*/
.table-view {
height: 100%;
width: 100%;
display: table;
}
.row-view {
display: table-row;
}
.cell-view {
display: table-cell;
vertical-align: middle;
height: inherit;
}
/*content block*/
#content-block {
position: relative;
}
/*last child margins*/
#content-block *:last-child {
margin-bottom: 0;
}
/*nopadding class*/
.nopadding {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
/*content center*/
.content-center,
.position-center {
max-width: 1310px;
margin: 0 auto;
background: #fff;
padding: 0 70px;
position: relative;
}
.position-center {
background: none;
}
.wide-center {
max-width: 1760px;
margin: 0 auto;
padding: 0 30px;
}
@media (max-width: 767px) {
.wide-center {
padding: 0 15px;
}
}
/*simple block and its title*/
.information-blocks {
margin-bottom: 70px;
}
.information-blocks img {
max-width: 100%;
}
@media (max-width: 767px) {
.information-blocks img {
height: auto !important;
}
}
#content-block .sidebar-column .information-blocks {
margin-bottom: 40px;
}
.block-title {
font-size: 20px;
line-height: 24px;
color: #2e2e2e;
font-weight: 600;
padding-bottom: 15px;
border-bottom: 1px #ebebeb solid;
margin-bottom: 25px;
}
.recent .block-title {
border-bottom: 0px;
}
/*buttons*/
.button {
font-weight: 700;
font-size: 12px;
line-height: 14px;
color: #373737;
text-transform: uppercase;
text-align: center;
padding: 8px 10px;
display: inline-block;
margin-bottom: 12px;
cursor: pointer;
min-width: 127px;
border: 2px #dadada solid;
background: transparent;
position: relative;
}
.button .fa {
margin-right: 5px;
}
.button.style-2 {
background: #f2f2f2;
border-color: #f2f2f2;
}
.button.style-9 {
border-color: rgba(255, 255, 255, 0.5);
}
.button.style-1:hover,
.button.style-9:hover {
background: #fff;
border: 2px transparent solid;
}
.button.style-2:hover {
background: #fff;
}
.button.style-3 {
font-size: 12px;
line-height: 16px;
font-weight: 700;
color: #333232;
text-transform: uppercase;
background: #f0f0f0;
display: inline-block;
text-align: center;
border: 2px #f0f0f0 solid;
padding: 10px 5px;
min-width: 0;
}
.button.style-4 {
font-size: 12px;
line-height: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background: #b11a1a;
display: inline-block;
text-align: center;
border: 2px #b11a1a solid;
padding: 10px 5px;
min-width: 0;
}
.button.style-3:hover,
.button.style-4:hover {
background: transparent !important;
color: #333232 !important;
}
.button.style-6 {
border-color: #fff;
background: #fff;
}
.button.style-6:hover {
color: #fff;
background: transparent;
border-color: #bfbfbf;
}
.button.style-8 {
background: transparent;
color: #fff;
border-color: rgba(204, 204, 204, 0.2);
}
.button.style-8:hover {
border-color: rgba(204, 204, 204, 1);
}
.button.style-10 {
font-size: 14px;
line-height: 18px;
padding: 11px 40px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
border: 2px #262626 solid;
background: #262626;
letter-spacing: 2px;
}
.button.style-10:hover {
background: #fff;
color: #262626;
}
.button.style-14 {
border-color: #272727;
background: #272727;
font-size: 12px;
color: #fff;
font-weight: 600;
line-height: 16px;
padding: 10px 20px;
min-width: 0;
}
.button.style-14:hover {
background: transparent;
color: #272727;
}
.button.style-16,
.button.style-15:hover {
background: #f0f0f0;
border-color: #f0f0f0;
}
.button.style-16:hover {
background: #fff;
border-color: #e0e0e0;
}
.button.style-18 {
background: #f2f2f2;
border-color: #f2f2f2;
color: #333;
}
.button.style-18:hover {
background: transparent;
}
.button.style-19 {
background: #b11a1a;
border-color: #b11a1a;
color: #fff;
}
.button.style-19:hover {
background: transparent;
}
/*overflow*/
.overflow {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
}
/*placeholders*/
::-webkit-input-placeholder {
color: #c2c2c2;
opacity: 1;
}
::-moz-placeholder {
color: #c2c2c2;
opacity: 1;
} /* firefox 19+ */
:-ms-input-placeholder {
color: #c2c2c2;
opacity: 1;
} /* ie */
input:-moz-placeholder {
color: #c2c2c2;
opacity: 1;
}
/*toggle blocks in responsive navigation*/
@media (min-width: 1200px) {
.responsive-menu-toggle-class {
display: none !important;
}
}
@media (max-width: 1199px) {
.responsive-menu-hide-class {
display: none !important;
}
}
/*list styles*/
ol {
list-style: none;
counter-reset: number;
}
ol li {
padding-left: 0;
font-size: 13px;
line-height: 24px;
color: #a3a2a2;
margin-bottom: 12px;
}
ol li:before {
counter-increment: number;
content: counter(number);
color: #fff;
font-size: 13px;
margin-right: 9px;
margin-left: 3px;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
position: relative;
top: -2px;
line-height: 20px;
font-weight: 600;
background: #b11a1a;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
}
/*form elements*/
.checkbox,
.radio {
margin-top: 0;
}
.checkbox-entry {
margin-bottom: 15px;
}
.checkbox-entry {
display: block;
font-size: 13px;
line-height: 14px;
font-weight: 500;
}
.checkbox-entry b {
font-weight: 600 !important;
color: #313131 !important;
}
.checkbox-entry input + span {
cursor: pointer;
display: inline-block;
border: 1px #d9d9d9 solid;
width: 12px;
height: 12px;
vertical-align: middle;
color: #333232;
position: relative;
top: -1px;
margin-right: 7px;
position: relative;
}
.checkbox-entry.radio input + span {
width: 15px;
height: 15px;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px #e3e3e3 solid;
}
.checkbox-entry input {
display: none;
}
.checkbox-entry input:checked + span {
background: #b11a1a;
}
.checkbox-entry.radio input:checked + span:after {
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
content: '';
box-shadow: inset 0 0 0 3px #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px #e3e3e3 solid;
}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {
#content-block .content-center,
.position-center {
padding: 0 30px;
}
.responsive-menu-toggle-class {
display: block;
}
body.opened-menu {
overflow: scroll;
}
.navigation,
.content-push {
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
}
header.opened .navigation {
transform: translateX(0px);
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.close-header-layer {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: none;
background: rgba(0, 0, 0, 0.5);
}
#content-block nav > ul {
float: none;
}
nav > ul > li {
float: none;
border-bottom: 1px #343434 solid;
padding: 0;
position: relative;
}
nav > ul > li > a {
font-size: 12px;
color: #fff;
line-height: 14px;
padding: 15px 45px 15px 20px;
display: block;
}
nav > ul > li > .fa {
position: absolute;
right: 5px;
top: 2px;
line-height: 40px;
width: 40px;
text-align: center;
cursor: pointer;
margin: 0;
font-size: 12px;
}
nav > ul > li.opened > .fa {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.full-width-menu-items-right {
display: none;
}
.full-width-menu-items-left {
margin-left: 0;
margin-right: 0;
}
.submenu {
position: relative;
top: auto;
left: auto;
padding: 0 !important;
}
.submenu-links-line {
display: none;
}
.submenu-list-title {
margin: 0;
display: block;
position: relative;
}
.submenu-list-title a {
display: block;
margin: 0;
font-size: 12px;
line-height: 14px;
padding: 15px 45px 15px 20px;
}
.submenu-list-title .toggle-list-button {
width: 43px;
height: 43px;
position: absolute;
top: 0;
right: 2px;
cursor: pointer;
}
.submenu-list-title .toggle-list-button:before {
width: 11px;
height: 1px;
background: #878787;
position: absolute;
left: 50%;
top: 50%;
margin-top: -1px;
margin-left: -6px;
content: '';
}
.submenu-list-title .toggle-list-button:after {
width: 1px;
height: 11px;
background: #878787;
position: absolute;
left: 50%;
top: 50%;
margin-top: -6px;
margin-left: -1px;
content: '';
}
.toggle-list-container {
display: none;
padding-left: 20px;
}
.submenu-list-title.opened .toggle-list-button:after {
height: 0;
margin-top: 0;
}
.submenu .list-type-1 {
margin-bottom: 0;
}
.submenu .list-type-1 li {
padding: 10px 30px 10px 20px;
}
.submenu .product-column-entry {
float: none;
width: auto;
padding: 0;
}
.submenu .product-column-entry .image {
display: none;
}
.submenu .product-column-entry .hot-mark {
display: none;
}
.submenu .product-column-entry .submenu-list-title {
margin-left: 0;
margin-right: 0;
}
.submenu .product-column-entry .description {
margin: 0;
}
nav .column-2 .submenu .full-width-menu-items-left,
nav .column-1 .full-width-menu-items-left {
margin-right: 0;
}
nav .column-2 .submenu,
nav .column-1 .submenu,
nav .simple-list .submenu {
width: auto;
margin: 0;
left: auto;
}
.submenu-background {
display: none;
}
nav .simple-list .submenu a {
display: block;
font-size: 12px;
line-height: 14px;
margin: 0;
padding: 25px 35px 25px 20px !important;
color: #2e2e2e;
font-weight: 700;
text-transform: uppercase;
border: none;
}
nav .simple-list .submenu a .fa {
display: none;
}
nav > ul > li > a .menu-label {
position: relative;
right: auto;
top: -7px;
margin-left: 5px;
}
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.information-blocks {
margin-bottom: 40px;
}
/*#content-block .sidebar-column .information-blocks{margin-bottom: 20px;}*/
nav > ul > li > div > ul > li.simple-list > i,
nav
> ul
> li
> div
> ul
> li.simple-list.opened
> div
> ul
> li.simple-list
> i {
font-size: 20px;
padding: 15px;
top: 9px;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
#contact-page .content-center {
padding: 15px 0 0 0 !important;
}
.position-center {
padding: 0 15px;
}
}
/* 04.01 - header */
header {
-webkit-backface-visibility: hidden;
}
header {
margin-bottom: 25px;
position: absolute;
z-index: 5;
background: #ffffff;
padding: 0 70px;
top: 0;
left: 0;
width: 100%;
}
.navigation {
font-size: 0;
position: relative;
border-bottom: 2px #f7f7f7 solid;
height: 70px;
}
nav {
position: relative;
}
nav > ul > li {
float: left;
padding-right: 20px;
padding-left: 20px;
}
nav > ul > li > a {
font-size: 13px;
font-weight: 700;
color: #3d3d3d;
line-height: 70px;
text-transform: uppercase;
display: inline-block;
}
nav > ul > li > a .menu-label {
position: absolute;
right: 3px;
top: 10px;
}
nav > ul > li > .fa {
color: #b9b9b9;
font-size: 10px;
margin-left: 3px;
vertical-align: middle;
position: relative;
top: -5px;
}
.submenu-container {
position: absolute;
top: 60px;
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
padding: 20px 10px;
display: none;
border-radius: 3px;
background-color: #fff;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border: solid 1px #f4f4f4;
}
nav > ul > li:hover {
z-index: 1;
}
nav > ul > li:hover > a,
nav > ul > li > a.active {
text-decoration: underline;
}
nav > ul:nth-child(2) {
float: right;
}
#content-block .submenu a:hover {
color: #878787;
}
.submenu .list-type-1 .fa {
font-size: 13px;
color: #cacaca !important;
margin: 0 7px 0 0;
}
.cart-size {
font-weight: bold;
}
/*submenu full width*/
.submenu {
position: absolute;
width: 100%;
background: #fff;
left: 0;
top: 100%;
border: 1px #f2f2f2 solid;
display: none;
}
@media (min-width: 1200px) {
.submenu.left-align {
left: 0 !important;
margin: 0 !important;
}
.submenu.right-align {
left: auto !important;
right: 0;
margin: 0 !important;
}
}
.submenu .row {
position: relative;
}
nav .full-width .submenu {
padding: 50px 0;
max-width: 1310px;
}
/*submenu full width columns inside*/
nav .full-width-columns .submenu {
max-width: 1310px;
}
/*submenu 2 columns*/
nav .column-2 {
position: relative;
}
nav .column-2 .submenu {
width: 600px;
padding: 50px 0;
left: 50%;
margin-left: -300px;
}
/*submenu 1 column*/
nav .column-1 {
position: relative;
}
nav .column-1 .submenu {
width: 400px;
padding: 50px 0;
left: 50%;
margin-left: -200px;
}
nav ul:first-child li:nth-child(1).column-1 .submenu,
nav ul:first-child li:nth-child(2).column-1 .submenu {
left: 0;
margin-left: 0;
}
/*submenu simple list*/
nav .simple-list {
position: relative;
}
nav .simple-list .submenu {
width: 270px;
left: 50%;
margin-left: -135px;
}
/* nav > ul > li.simple-list:nth-child(1) > .submenu {margin-left: -63px;} */
nav .simple-list .submenu a {
font-size: 13px;
line-height: 15px;
color: #2e2e2e;
padding: 16px 20px;
border-top: 1px #f2f2f2 solid;
display: block;
margin-top: -1px;
}
nav .simple-list .submenu a .fa {
color: #cacaca;
display: inline-block;
position: relative;
vertical-align: bottom;
top: -2px;
margin-right: 7px;
font-size: 13px;
}
nav li.simple-list > i {
right: 10px;
position: absolute;
top: 40%;
}
div.nav-overflow.nav-secondary
> nav
> ul
> li.simple-list
> div
> ul
> li.simple-list
> div,
div.nav-overflow.nav-secondary
> nav
> ul
> li.simple-list
> div
> ul
> li.simple-list
> div
> ul
> li
> div {
left: 100%;
margin-left: 0;
top: 0;
width: 200px;
}
div.nav-overflow.nav-secondary
> nav
> ul
> li.simple-list
> .fa-chevron-right:before {
content: '\f078';
}
div.nav-overflow.nav-secondary > nav > ul > li.simple-list > i {
right: 0;
}
/*scrolling page - fixed header*/
.fixed-header-visible {
display: none;
}
@media (min-width: 1200px) {
header.fixed-header {
z-index: 6;
}
header.fixed-header .full-width .submenu,
header.fixed-header .full-width-columns .submenu {
left: auto;
right: 0;
}
header.fixed-header .nav-overflow {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #fafafa;
border-bottom: 2px #fafafa solid;
-webkit-backface-visibility: hidden;
}
header.fixed-header nav {
max-width: 1310px;
padding: 0 70px;
margin: 0 auto;
text-align: right;
}
header.fixed-header nav > ul:nth-child(2) {
float: none;
}
header.fixed-header nav > ul {
display: inline-block;
text-align: left;
}
header .additional-header-logo {
position: absolute;
left: 70px;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
header .additional-header-logo img {
max-height: 50px;
width: auto;
display: block;
}
/*buttons*/
header.fixed-header .fixed-header-visible {
display: block;
}
header.fixed-header nav > ul > li > a {
font-weight: 600;
}
.fixed-header-visible .header-functionality-entry {
text-transform: none;
margin-top: 27px;
float: left;
border: none;
text-decoration: none !important;
}
.fixed-header-visible .header-functionality-entry:first-child {
padding-left: 0;
}
.fixed-header-square-button {
float: left;
line-height: 30px;
width: 30px;
text-align: center;
text-decoration: none !important;
margin-left: 20px;
white-space: nowrap;
}
.fixed-header-square-button .fa {
color: inherit !important;
}
.fixed-header-square-button:first-child {
margin-left: 0;
}
.fixed-header-square-button .fa {
font-size: 13px;
line-height: 30px;
color: #a0a0a0;
display: inline-block;
}
.fixed-header-square-button:hover .fa {
color: #3d3d3d;
}
}
.header-top {
border-bottom: 1px #f0f0f0 solid;
position: relative;
}
.socials-box {
font-size: 0;
}
header .socials-box {
float: right;
margin-top: 12px;
margin-right: -3px;
}
.socials-box a {
font-size: 18px;
line-height: 30px;
width: 32px;
display: inline-block;
color: #262626;
margin: 0 3px;
text-align: center;
}
.socials-box a .fa {
line-height: 30px;
position: relative;
top: 0;
}
.socials-box a:hover {
color: #3d3d3d;
}
body:not(.mobile) .socials-box a:hover .fa {
top: -5px;
}
.header-functionality-entry {
font-size: 13px;
line-height: 15px;
color: #3d3d3d;
font-weight: 400;
display: inline-block;
vertical-align: bottom;
padding: 0 14px;
border-right: 1px #d0d0d0 solid;
white-space: nowrap;
}
.header-functionality-entry.open-search-popup {
display: none;
}
.header-functionality-entry:hover {
color: #222;
}
.header-functionality-entry:last-child {
padding-right: 0;
border-right: none;
}
.header-functionality-entry .fa {
display: inline-block;
vertical-align: middle;
position: relative;
top: -2px;
margin-right: 5px;
}
.header-functionality-entry b {
font-size: 13px;
color: #3d3d3d;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}
.logo-wrapper {
display: table-cell;
vertical-align: middle;
width: 300px;
}
#logo {
display: inline-block;
max-width: 90%;
height: auto;
min-height: 45px;
}
#logo img {
display: block;
width: 100%;
}
.search-box {
background: #fff;
}
.search-button {
float: right;
width: 45px;
height: 45px;
background: #03b4ea;
position: relative;
}
.search-button:hover {
background: #999 !important;
}
.search-button .fa {
display: block;
line-height: 45px;
text-align: center;
color: #fff;
font-size: 14px;
}
.search-button input[type='submit'] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.search-field {
border: 1px #e8e8e8 solid;
border-right: none;
height: 45px;
margin-right: 180px;
}
.search-field input[type='text'] {
width: 100%;
height: 43px;
line-height: 43px;
border: none;
background: none;
font-size: 14px;
padding: 0 20px;
color: #3d3d3d;
}
.navigation-copyright {
font-size: 12px;
line-height: 15px;
padding: 25px 10px;
text-align: center;
}
.navigation-copyright a {
font-weight: 600;
}
.navigation-copyright a:hover {
text-decoration: underline;
}
/*header popups*/
.popup *:last-child {
margin-bottom: 0 !important;
}
.search-box.popup {
position: fixed;
border: 1px #ebebeb solid;
background: #fff;
padding: 18px;
width: 460px;
}
.loaded .popup {
z-index: 7;
display: none;
}
.popup.active {
display: block;
}
.search-box.popup.bottom-align {
top: auto !important;
bottom: 75px;
}
.search-box.popup.bottom-align .search-drop-down .list {
position: absolute;
top: auto;
bottom: 100%;
}
.search-box.popup.bottom-align:before {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
top: 100%;
}
.cart-box.popup {
position: fixed;
padding: 15px 0 0 0;
width: 350px;
-webkit-box-shadow: 3px 20px 54px -27px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 20px 54px -27px rgba(0, 0, 0, 0.75);
box-shadow: 3px 20px 54px -27px rgba(0, 0, 0, 0.75);
}
.cart-box.popup .popup-container {
border: 1px #ebebeb solid;
padding: 15px 15px 10px 15px;
background: #fff;
position: relative;
}
.cart-box.popup .image {
float: left;
width: 70px;
}
.cart-box.popup .image img {
display: block;
width: 100%;
height: auto;
}
.cart-box.popup .cart-entry {
padding: 15px 0;
position: relative;
}
.cart-box.popup .cart-entry:not(:first-child) {
border-top: 1px solid #eee;
}
.cart-box.popup .content {
margin: 0 20px 0 85px;
}
.cart-box.popup .content .title {
font-size: 14px;
line-height: 18px;
color: #2e2e2e;
font-weight: 600;
display: block;
}
.cart-box.popup .content .title:hover {
text-decoration: underline;
}
.cart-box.popup .content .quantity {
font-size: 13px;
line-height: 18px;
color: #808080;
margin-bottom: 3px;
}
.cart-box.popup .content .price {
font-size: 18px;
line-height: 24px;
color: #e11414;
font-weight: 600;
}
.cart-box.popup .summary {
text-align: right;
margin-bottom: 25px;
}
.cart-box.popup .summary .subtotal {
font-size: 14px;
line-height: 22px;
color: #878787;
font-weight: 600;
}
.cart-box.popup .summary .grandtotal {
font-size: 18px;
line-height: 22px;
color: #343434;
font-weight: 600;
}
.cart-box.popup .summary .grandtotal span {
color: #e11414;
}
.cart-buttons .column {
width: 100%;
float: left;
}
.cart-buttons .button {
display: block;
margin-bottom: 5px;
}
.cart-box.popup .button-x {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.cart-box.popup.left-align {
left: 15px !important;
}
.cart-box.popup.left-align .popup-container:before {
right: auto;
left: 30px;
}
.cart-box.popup.cart-left .popup-container:before {
right: auto;
left: 30px;
}
.cart-box.popup.fixed-header-left {
right: auto;
left: 50%;
margin-left: -615px;
right: auto !important;
}
body.style-0 .cart-box.popup .content .price {
color: #03b4ea;
}
body.style-0 .cart-box.popup .summary .grandtotal span {
color: #03b4ea;
}
body.style-0 .button.style-4 {
background: #03b4ea;
border-color: #03b4ea;
}
.header-functionality-entry span.products_count {
display: none;
}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {
#content-block header {
position: fixed;
padding: 0 30px;
top: 0;
}
.header-top .socials-box {
display: none;
}
.navigation {
position: fixed;
left: 0;
top: 0;
width: 290px;
background: #272727;
height: 100%;
border: none;
z-index: 7;
transform: translateX(-290px);
-moz-transform: translateX(-290px);
-webkit-transform: translateX(-290px);
-ms-transform: translateX(-290px);
}
.nav-overflow {
position: absolute;
width: 100%;
left: 0;
top: 75px;
bottom: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
}
.navigation-header {
padding: 0 50px 0 20px;
border-bottom: 1px #343434 solid;
}
.navigation-header .title {
font-size: 20px;
line-height: 75px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.navigation-header .close-menu {
width: 40px;
height: 40px;
line-height: 40px;
position: absolute;
right: 5px;
top: 17px;
cursor: pointer;
text-transform: uppercase;
}
.navigation-header .close-menu:before,
.navigation-header .close-menu:after {
width: 18px;
height: 2px;
position: absolute;
left: 50%;
top: 50%;
margin: -1px 0 0 -9px;
content: '';
background: #fff;
}
.navigation-header .close-menu:before {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.navigation-header .close-menu:after {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.navigation-footer .socials-box {
margin-top: -1px;
margin-right: 0;
float: none;
border-top: 1px #343434 solid;
border-bottom: 1px #343434 solid;
}
.navigation-footer .socials-box a {
width: 14.25%;
height: 41px;
line-height: 39px;
border-left: 1px #343434 solid;
float: left;
margin: 0;
color: #fff;
}
body:not(.mobile) .navigation-footer .socials-box a:hover {
background: #fff;
color: #272727;
}
.navigation-footer .socials-box a:first-child {
border-left: none;
}
.menu-button {
font-size: 25px;
color: #2f2f2f;
cursor: pointer;
position: absolute;
right: 0;
top: 14px;
}
.menu-button .fa {
line-height: inherit;
display: block;
}
.navigation,
.content-push {
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
}
.close-header-layer {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: none;
background: rgba(0, 0, 0, 0.5);
}
#content-block nav > ul {
float: none;
}
nav > ul > li {
float: none;
border-bottom: 1px #343434 solid;
padding: 0;
position: relative;
}
nav > ul > li > a {
font-size: 12px;
color: #fff;
line-height: 14px;
padding: 20px 35px 20px 20px;
display: block;
}
nav > ul > li > .fa {
position: absolute;
right: 5px;
top: 2px;
line-height: 40px;
width: 40px;
text-align: center;
cursor: pointer;
margin: 0;
font-size: 12px;
}
.submenu {
position: relative;
top: auto;
left: auto;
padding: 0 !important;
}
nav .column-2 .submenu,
nav .column-1 .submenu,
nav .simple-list .submenu {
width: auto;
margin: 0;
left: auto;
}
nav .simple-list .submenu a {
display: block;
font-size: 12px;
line-height: 14px;
margin: 0;
padding: 15px 45px 15px 20px;
color: #2e2e2e;
font-weight: 700;
text-transform: uppercase;
border: none;
}
nav .simple-list .submenu a .fa {
display: none;
}
nav > ul > li > a .menu-label {
position: relative;
right: auto;
top: -7px;
margin-left: 5px;
}
.header-functionality-entry {
padding: 0;
border-right: none;
}
.header-functionality-entry span {
display: none;
}
.header-functionality-entry span.cart-size {
display: inline-block;
margin-right: 15px;
}
.header-functionality-entry .fa {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 24px;
color: #2f2f2f;
text-align: center;
margin: 0;
}
.header-functionality-entry.open-search-popup {
display: inline-block;
}
#logo {
min-height: 0;
}
.cart-box.popup {
display: none !important;
}
.navigation-search-content {
display: none;
}
#content-block
> div.header-wrapper.style-6
> header
> div.navigation
> div.nav-overflow
> nav
> ul {
width: 100% !important;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
#content-block header {
padding: 0 15px;
}
.header-functionality-entry b {
display: none;
}
.header-functionality-entry .fa {
width: 33px;
height: 33px;
line-height: 33px;
font-size: 23px;
}
#logo {
max-width: 100%;
}
.header-functionality-entry span.products_count {
font-size: 0.75rem;
color: #ffffff;
font-weight: 500;
line-height: 17px;
text-align: center;
min-width: 20px;
height: 20px;
margin-left: -7px;
margin-right: 5px;
display: inline-block;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #b11a1a;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
}
@media (max-width: 480px) {
.search-box.popup {
width: 96%;
right: 2% !important;
}
.search-box.popup:before {
right: 50%;
margin-right: -14px;
}
}
/* 04.02 - footer */
footer {
position: relative;
}
.footer-bottom-navigation {
padding: 40px 0;
display: table;
width: 100%;
position: relative;
}
.footer-bottom-navigation .cell-view {
position: relative;
}
.footer-bottom-navigation .footer-links {
font-size: 0;
}
.footer-links a {
font-size: 14px;
font-weight: 500;
color: #3c3c3c;
line-height: 14px;
padding-right: 15px;
display: inline-block;
border-right: 1px #cfcfcf solid;
margin-right: 15px;
margin-bottom: 7px !important;
margin-top: 7px;
vertical-align: top;
}
.footer-links a:last-child {
padding-right: 0;
border: none;
margin-right: 0;
}
.footer-links a:hover {
color: #03b4ea;
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.information-entry {
margin-bottom: 35px;
}
}
/* 04.04 - products slider */
.swiper-tabs {
position: relative;
}
.swiper-tabs:before {
position: absolute;
left: 0;
bottom: 24px;
width: 100%;
height: 1px;
background: #ebebeb;
content: '';
}
.swiper-tabs .block-title {
float: left;
border-bottom: none;
position: relative;
padding-left: 7px;
padding-right: 7px;
margin-right: 15px;
font-weight: 400;
color: #a1a1a1;
}
.swiper-tabs .block-title.active {
font-weight: 600;
color: #2e2e2e;
}
.swiper-tabs .block-title:hover {
color: #2e2e2e;
}
.swiper-tabs .block-title:before {
position: absolute;
left: 0;
height: 3px;
bottom: -2px;
content: '';
background: #03b4ea;
width: 0;
}
.swiper-tabs .block-title.active:before {
width: 100%;
}
.tabs-entry {
display: none;
}
.tabs-entry:first-child {
display: block;
}
.swiper-tabs .title,
.links-drop-down .title {
display: none;
}
/**/
.products-swiper {
margin: 0 -21.25px;
position: relative;
}
.products-swiper:before,
.products-swiper:after {
position: absolute;
left: 0;
top: 0;
width: 21.25px;
height: 100%;
background: #fff;
content: '';
z-index: 2;
}
.products-swiper:after {
right: -3px;
left: auto;
}
.products-swiper .paddings-container {
padding: 0 21.25px;
}
.product-slide-entry {
max-width: 210px;
margin: 0 auto;
margin-bottom: 50px;
}
.last_viewed_products .product-slide-entry {
max-width: inherit;
}
.pdtb10 {
padding: 10px 0;
}
.product-image-label {
border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
z-index: 1;
}
.product-image-label span {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
font-size: 11px;
line-height: 12px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.product-image-label.type-1 {
left: 7px;
top: 7px;
width: 40px;
height: 40px;
background: #93b92c;
}
.product-image-label.type-2 {
right: 7px;
top: 7px;
width: 40px;
height: 40px;
background: #b11a1a;
}
.product-image-label.type-3 {
left: 50%;
top: 50%;
margin: -32px 0 0 -32px;
width: 65px;
height: 65px;
background: rgba(64, 64, 64, 0.95);
}
.product-slide-entry .product-image {
display: block;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.product-slide-entry img {
width: 100%;
height: auto;
display: block;
position: relative;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.product-slide-entry > img:first-child {
margin-bottom: 15px;
}
.product-slide-entry .product-image:hover img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.product-slide-entry.shift-image .product-image:hover img {
transform: scale(1) translateX(-100%);
-moz-transform: scale(1) translateX(-100%);
-webkit-transform: scale(1) translateX(-100%);
-ms-transform: scale(1) translateX(-100%);
}
.product-slide-entry.shift-image .product-image img {
position: absolute;
left: 100%;
top: 0;
width: 100%;
height: auto;
}
.product-slide-entry.shift-image .product-image img:first-child {
position: relative;
left: 0;
}
.product-slide-entry .product-image .bottom-line {
position: absolute;
left: 0;
bottom: -35px;
width: 100%;
background: rgba(28, 28, 28, 0.9);
text-align: center;
font-size: 11px;
line-height: 35px;
font-weight: 600;
}
.product-slide-entry .product-image:hover .bottom-line {
bottom: 0;
}
.product-slide-entry .product-image .bottom-line.left-attached {
left: -37px;
bottom: 0;
width: 35px;
-webkit-backface-visibility: hidden;
}
.product-slide-entry .product-image:hover .bottom-line.left-attached {
left: 0;
}
.product-image .bottom-line-a {
color: #fff;
display: block;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.product-image .bottom-line-a:hover {
background: #fff;
color: #222;
border-color: transparent !important;
}
.product-image .bottom-line-a .fa {
color: inherit !important;
}
.product-image .bottom-line-a.square {
width: 35px;
border-left: 1px rgba(255, 255, 255, 0.1) solid;
}
.product-image .bottom-line.left-attached .bottom-line-a.square {
border-left-color: transparent;
border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}
.product-image .bottom-line-a .fa {
vertical-align: bottom;
line-height: 35px;
margin-right: 3px;
width: 25px;
}
.product-image .right-align {
float: right;
}
.product-image .right-align a {
float: left;
}
.product-image .left-align {
margin-right: 70px;
}
.product-image .top-line-a {
height: 35px;
min-width: 35px;
line-height: 35px;
padding: 0 10px;
background: #fff;
position: absolute;
top: 10px;
cursor: pointer;
font-size: 14px;
color: #2e2e2e;
text-align: center;
font-weight: 600;
}
.product-image .top-line-a span {
font-size: 11px;
line-height: 35px;
display: inline-block;
vertical-align: bottom;
}
.product-image .top-line-a .fa {
line-height: 35px;
display: inline-block;
vertical-align: bottom;
}
.product-image .top-line-a:hover {
background: #2e2e2e;
color: #fff;
}
.product-image .top-line-a.left {
left: -100px;
}
.product-image:hover .top-line-a.left {
left: 10px;
}
.product-image .top-line-a.right {
right: -100px;
}
.product-image:hover .top-line-a.right {
right: 10px;
}
.product-slide-entry .tag {
font-size: 10px;
line-height: 14px;
color: #8b8b8b;
text-transform: uppercase;
display: block;
font-weight: 500;
margin-bottom: 7px;
}
.product-slide-entry .tag:hover {
color: #2e2e2e;
}
.product-slide-entry .title {
display: block;
font-size: 15px;
line-height: 18px;
color: #2e2e2e;
font-weight: 600;
margin-bottom: 10px;
}
.product-slide-entry .title b {
font-weight: 700;
}
.product-slide-entry .title:hover {
color: #03b4ea;
}
.price {
font-size: 15px;
line-height: 15px;
padding-bottom: 5px;
padding-top: 10px;
}
.price .prev {
color: #989898;
text-decoration: line-through;
display: inline-block;
}
.price .current {
color: #da75cb;
display: inline-block;
font-size: 18px;
font-weight: 600;
}
@media (min-width: 768px) {
.swiper-tabs .list,
.links-drop-down .list {
display: block !important;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.swiper-tabs .block-title {
float: none;
display: block;
margin-right: 0;
margin-bottom: 0;
}
.swiper-tabs {
margin-bottom: 25px;
}
.swiper-tabs .title,
.links-drop-down .title {
display: block;
padding: 0 40px 0 15px;
white-space: nowrap;
white-space: nowrap;
line-height: 40px;
border: 2px #f0f0f0 solid;
font-size: 16px;
position: relative;
cursor: pointer;
text-align: left;
}
.swiper-tabs .title:after,
.links-drop-down .title:after {
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
font-family: FontAwesome;
content: '\f107';
position: absolute;
top: 0;
right: 0;
}
.swiper-tabs .title.active:after,
.links-drop-down .title.active:after {
content: '\f106';
}
.swiper-tabs .list .block-title {
padding-top: 15px;
display: block !important;
}
.swiper-tabs:before {
display: none;
}
.swiper-tabs .list,
.links-drop-down .list {
display: none;
}
}
/* 05.05 - mozaic banner */
.mozaic-banners-wrapper {
}
.mozaic-banners-wrapper .row {
margin: 0 -4px;
}
.mozaic-banners-wrapper .banner-column {
padding: 0 4px;
margin-bottom: 8px;
}
.mozaic-banner-entry {
border: 2px #ebebeb solid;
background-position: right bottom;
background-repeat: no-repeat;
background-position: right bottom;
background-repeat: no-repeat;
position: relative;
display: block;
}
.mozaic-banner-entry.type-1 {
height: 505px;
background-size: 470px;
background-position: center bottom;
}
.mozaic-banner-entry.type-2 {
height: 248.5px;
margin-bottom: 8px;
background-size: auto 100%;
}
.mozaic-banner-entry.type-3 {
height: 280px;
margin-bottom: 8px;
background-size: auto 100%;
}
@media (max-width: 445px) {
.mozaic-banner-entry.type-3 {
height: 80px !important;
}
}
@media (max-width: 480px) {
.mozaic-banner-entry.type-3 {
height: 80px !important;
}
}
@media (min-width: 481px) and (max-width: 600px) {
.mozaic-banner-entry.type-3 {
height: 180px !important;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.mozaic-banner-entry.type-3 {
height: 220px !important;
}
}
@media (min-width: 768px) and (max-width: 800px) {
.mozaic-banner-entry.type-3 {
height: 140px !important;
}
}
@media (min-width: 801px) and (max-width: 900px) {
.mozaic-banner-entry.type-3 {
height: 160px !important;
}
}
@media (min-width: 901px) and (max-width: 1000px) {
.mozaic-banner-entry.type-3 {
height: 180px !important;
}
}
@media (min-width: 1001px) and (max-width: 1100px) {
.mozaic-banner-entry.type-3 {
height: 325px !important;
}
}
@media (min-width: 1001px) and (max-width: 1190px) {
.mozaic-banner-entry.type-3 {
height: 185px !important;
}
}
@media (min-width: 1191px) and (max-width: 1400px) {
.mozaic-banner-entry.type-3 {
height: 190px !important;
}
}
@media (min-width: 1401px) and (max-width: 1600px) {
.mozaic-banner-entry.type-3 {
height: 225px !important;
}
}
@media (min-width: 1601px) and (max-width: 1700px) {
.mozaic-banner-entry.type-3 {
height: 230px !important;
}
}
@media (min-width: 1701px) and (max-width: 1800px) {
.mozaic-banner-entry.type-3 {
height: 250px !important;
}
}
@media (min-width: 1801px) and (max-width: 2000px) {
.mozaic-banner-entry.type-3 {
height: 280px !important;
}
}
.mozaic-banner-content {
padding: 50px 8.5%;
max-width: 430px;
position: relative;
}
.mozaic-banner-content .subtitle {
font-size: 22px;
line-height: 22px;
margin-bottom: 5px;
color: #515151;
text-transform: uppercase;
font-weight: 600;
}
.mozaic-banner-content .title {
font-size: 60px;
line-height: 55px;
color: #779307;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
}
.mozaic-banner-entry.type-2 .mozaic-banner-content .subtitle,
.mozaic-banner-entry.type-3 .mozaic-banner-content .subtitle {
font-size: 16px !important;
margin-bottom: 2px;
display: block;
}
.mozaic-banner-entry.type-2 .mozaic-banner-content .title,
.mozaic-banner-entry.type-3 .mozaic-banner-content .title {
font-size: 32px;
line-height: 32px;
display: block;
}
.mozaic-banner-content .description {
font-size: 13px;
line-height: 22px;
color: #b3b3b3;
margin-bottom: 15px;
display: block;
}
.mozaic-swiper {
border: 2px #ebebeb solid;
height: 505px;
overflow: hidden;
}
.mozaic-swiper .mozaic-banner-entry.type-1 {
border: none;
background-size: 100%;
}
.mozaic-swiper .pagination {
position: absolute;
left: 20px;
bottom: 20px;
width: auto;
}
.mozaic-swiper .pagination .swiper-pagination-switch {
margin: 0 6px 0 0;
height: 10px;
width: 10px;
background: #dedede;
border: none;
}
.mozaic-swiper .pagination .swiper-active-switch {
background: #bfbfbf;
}
body.style-20
.mozaic-banners-wrapper.type-2
.mozaic-banner-content
.title.light-text {
color: #fff !important;
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.mozaic-banner-entry.type-1:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.7;
}
#content-block .mozaic-banner-entry.type-1,
#content-block .mozaic-banner-entry.type-2,
#content-block .mozaic-swiper {
height: auto;
}
.mozaic-banner-content {
padding: 25px 20px;
}
.mozaic-swiper .mozaic-banner-content {
padding-bottom: 55px;
}
body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
font-size: 16px !important;
}
}
@media only screen and (max-width: 992px) {
.mozaic-banner-entry.type-1 {
background-size: 400px;
background-position: right bottom;
}
}
/* 07.04 - banners */
.mozaic-banners-wrapper.type-2 .mozaic-banner-content {
padding-top: 0;
padding-bottom: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
max-width: 65%;
display: block;
}
.mozaic-banners-wrapper.type-2 .row {
margin: 0 -8px;
}
.mozaic-banners-wrapper.type-2 .banner-column {
padding: 0 8px;
margin-bottom: 16px;
}
.mozaic-banners-wrapper.type-2 .mozaic-swiper {
border: none;
}
.mozaic-banners-wrapper.type-2 .mozaic-banner-entry {
background-color: #f7f7f7;
border: none;
}
.mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-2 {
height: 244.5px;
}
.mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-2,
.mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-3 {
margin-bottom: 16px;
}
.mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
font-size: 24px;
color: #515151;
font-weight: 600;
display: block;
}
.mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
color: #008acc;
display: block;
}
.mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(1, 138, 204, 0.7);
content: '';
opacity: 0;
}
body:not(.mobile)
.mozaic-banners-wrapper.type-2
a.mozaic-banner-entry:hover
.subtitle {
color: #fff;
}
.mozaic-banners-wrapper.type-2 a.mozaic-banner-entry .title {
font-weight: 400;
letter-spacing: -1px;
}
body:not(.mobile)
.mozaic-banners-wrapper.type-2
a.mozaic-banner-entry:hover
.title {
color: #fff;
transform: translateX(20px);
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
}
body:not(.mobile)
.mozaic-banners-wrapper.type-2
a.mozaic-banner-entry:hover
.description,
body:not(.mobile)
.mozaic-banners-wrapper.type-2
a.mozaic-banner-entry:hover
.view {
color: #fff;
transform: translateX(40px);
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
}
body:not(.mobile)
.mozaic-banners-wrapper.type-2
a.mozaic-banner-entry:hover:before {
opacity: 1;
}
.mozaic-banners-wrapper.type-2 .mozaic-swiper .pagination {
bottom: auto;
top: 20px;
margin-top: 0;
}
@media (max-width: 767px) {
.mozaic-banners-wrapper.type-2 .mozaic-banner-content {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
left: 0;
top: 0;
transform: translateY(0%);
-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
max-width: 100%;
}
.mozaic-banners-wrapper.type-2 .mozaic-swiper .mozaic-banner-content {
padding-top: 55px;
}
}
/* 09.04 - parallax slide */
.parallax-slide {
position: relative;
}
.parallax-clip {
height: 100%;
position: absolute;
width: 100%;
left: 0px;
top: 0px;
clip: rect(auto, auto, auto, auto);
}
.fixed-parallax {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-position: center top;
-webkit-transform: translateZ(0);
}
.fixed-parallax:before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
content: '';
}
.parallax-slide .position-center {
height: inherit;
min-height: inherit;
position: relative;
}
.parallax-vertical-align {
position: absolute;
width: 100%;
left: 0;
top: 50%;
margin-top: -85px;
text-align: center;
}
.parallax-article {
padding: 0 15px;
position: relative;
}
@media only screen and (max-width: 991px) {
.fixed-parallax.parallax-fullwidth {
position: relative;
}
.information-blocks.parallax-fullwidth-inner {
overflow: visible;
}
}
@media (min-width: 1200px) {
.parallax-article.left-align {
transform: translateX(-10%);
-moz-transform: translateX(-10%);
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
}
.parallax-article.right-align {
transform: translateX(10%);
-moz-transform: translateX(10%);
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
}
}
.parallax-article .subtitle {
color: #fff;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
padding-bottom: 0;
}
.parallax-article.dark-text .subtitle {
color: #b11a1a;
}
.parallax-article .title {
color: #fff;
font-size: 60px;
line-height: 72px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
margin-bottom: 5px;
padding-bottom: 0;
}
.parallax-article.dark-text .title {
color: #303030;
border-color: #303030 !important;
}
.parallax-article .description {
font-size: 15px;
color: #fff;
max-width: 470px;
margin: 0 auto 25px auto;
}
.parallax-article.dark-text .description {
color: #808080;
}
.parallax-article .info {
font-size: 0;
}
.parallax-article .info .button {
margin: 0 5px 5px 5px;
}
.parallax-slide.auto-slide {
height: auto !important;
padding: 200px 0;
text-align: center;
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.parallax-slide.auto-slide {
padding: 150px 0;
}
.tp-simpleresponsive .caption {
top: 40px !important;
}
.home-slider .tp-banner-container .tp-banner ul li .caption h2 {
margin-bottom: 0;
padding-bottom: 15px;
}
.parallax-article .subtitle {
font-size: 18px;
line-height: 18px;
}
.parallax-article .title {
font-size: 50px;
line-height: 50px !important;
margin-bottom: 15px !important;
}
.parallax-slide.auto-slide {
padding: 100px 0;
}
.parallax-article .description {
line-height: 20px;
font-size: 16px;
margin: 0 auto 10px auto;
}
.parallax-article .info .button {
margin: 10 0 0 0;
line-height: 11px;
font-size: 13px;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.parallax-article .subtitle {
font-size: 18px;
line-height: 18px;
margin-bottom: 5px !important;
}
.parallax-article .title {
font-size: 16px;
line-height: 16px !important;
margin-bottom: 5px !important;
border: none !important;
}
.parallax-slide.auto-slide {
padding: 100px 0;
}
.tp-simpleresponsive .caption {
top: 10px !important;
}
.parallax-article .description {
line-height: 12px;
font-size: 12px !important;
margin: 0 auto 5px auto;
}
.parallax-article .info .button {
margin: 0 5px;
padding: 2px;
line-height: 11px;
font-size: 11px;
}
}
/* 10.01 - header */
.simple-search-form {
border: 1px #e8e8e8 solid;
padding: 6px 0 6px 12px;
position: relative;
background: #fff;
}
.simple-search-form.active {
border-color: #3d3d3d;
}
.simple-search-form input[type='text'] {
width: 100%;
border: none;
height: 26px;
line-height: 25px;
background: none;
padding: 0 45px 0 0;
font-size: 14px;
color: #222;
font-weight: normal;
}
.simple-search-form .simple-submit {
position: absolute;
width: 38px;
height: 25px;
border-left: 1px #e8e8e8 solid;
top: 6px;
right: 0;
cursor: pointer;
color: #919191;
}
.simple-search-form .simple-submit:hover {
color: #222;
}
.simple-search-form .simple-submit input {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: none;
}
.simple-search-form .simple-submit .fa {
font-size: 13px;
line-height: 25px;
display: block;
text-align: center;
color: inherit;
}
.sidebar-header-content {
padding: 25px 20px 0 20px;
background: #fff;
}
header.type-3 {
border: 1px #f7f7f7 solid;
}
header.type-3 .logo-container {
text-align: center;
margin-bottom: 30px;
}
header.type-3 .simple-search-form {
margin-bottom: 10px;
}
header.type-3 .header-functionality-entry {
padding-left: 0;
}
@media (min-width: 1200px) {
header.type-3 {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 300px;
padding: 0;
}
header.type-3 .navigation {
border: none;
}
header.type-3:not(.fixed-header) nav > ul > li {
padding: 0 25px 0 20px;
float: left;
position: relative;
width: auto;
clear: both;
display: inline-block;
}
header.type-3:not(.fixed-header) nav > ul > li > a {
line-height: 1.5;
padding: 10px 0;
}
header.type-3:not(.fixed-header) nav > ul > li.fixed-header-visible {
display: none;
}
#content-block header.type-3:not(.fixed-header) .submenu {
top: 0;
left: 100%;
margin: 0;
}
header.type-3:not(.fixed-header) .full-width .submenu,
header.type-3:not(.fixed-header) .full-width-columns .submenu {
width: 1100px;
width: calc(100vw - 300px);
max-width: 1170px !important;
}
header.type-3:not(.fixed-header) nav > ul > li > a .menu-label {
right: 10px;
}
header.type-3 .navigation-footer {
display: block !important;
background: #ffffff;
position: fixed;
left: 0;
bottom: 0;
width: 300px;
padding: 15px 15px 0;
text-align: center;
border: 1px #f7f7f7 solid;
}
header.type-3 .socials-box {
float: none;
margin: 0;
}
header.type-3 .socials-box a {
margin: 0;
}
header.type-3 .navigation-copyright {
color: #7f7f7f;
padding: 10px 0;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
header.type-3:not(.fixed-header) .full-width .full-width-menu-items-left {
margin-right: 450px;
}
header.type-3:not(.fixed-header) .full-width .full-width-menu-items-right {
width: 380px;
}
header.type-3:not(.fixed-header)
.full-width
.menu-slider-in
.product-slide-entry {
width: 116px;
}
}
@media (max-width: 1199px) {
header.type-3 .simple-search-form {
display: none;
}
.sidebar-header-content {
display: table;
padding: 10px 0;
width: 100%;
}
header.type-3 .logo-container {
display: table-cell;
vertical-align: middle;
text-align: left;
width: 300px;
}
header.type-3 .header-responsive-column {
display: table-cell;
vertical-align: middle;
width: 400px;
}
header.type-3 .header-responsive-column .responsive-menu-toggle-class {
float: right;
}
header.type-3 .header-functionality-entry {
float: right;
}
header.type-3 .menu-button {
position: relative;
float: right;
top: auto;
}
}
/* 10.02 - content */
.sidebar-content-wrapper {
margin-left: 300px;
}
@media (min-width: 1200px) {
.sidebar-content-wrapper.fixed-header-margin {
padding-top: 0 !important;
}
}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {
.sidebar-content-wrapper {
margin: 0 0px 30px 0px;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.sidebar-content-wrapper {
margin: 0 15px 15px 15px;
}
}
.product-slide-entry .subtitle {
font-size: 15px;
line-height: 22px;
color: #2e2e2e;
font-weight: 600;
display: block;
text-align: left;
}
.product-slide-entry .subtitle:hover {
color: #66900d;
}
.product-slide-entry .date {
font-size: 13px;
line-height: 22px;
color: #a3a2a2;
text-align: left;
}
/* 11.03 - fullscreen banner */
.parallax-slide .swiper-container {
height: inherit !important;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.parallax-slide .swiper-wrapper {
height: inherit !important;
}
.parallax-slide .swiper-slide {
background-size: cover;
background-position: center center;
position: relative;
}
.parallax-slide .swiper-slide:before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
content: '';
}
.swiper-slide .parallax-article .subtitle {
transform: translateX(300px);
-moz-transform: translateX(300px);
-webkit-transform: translateX(300px);
-ms-transform: translateX(300px);
opacity: 0;
}
.swiper-slide .parallax-article .title {
font-size: 100px;
line-height: 90px;
border-top: 4px #fff solid;
border-bottom: 4px #fff solid;
display: inline-block;
margin-bottom: 25px;
transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
opacity: 0;
backface-visibility: hidden;
-webki-backface-visibility: hidden;
}
.swiper-slide .parallax-article .description {
transform: translateX(-300px);
-moz-transform: translateX(-300px);
-webkit-transform: translateX(-300px);
-ms-transform: translateX(-300px);
opacity: 0;
}
.swiper-slide .parallax-article .info {
transform: translateX(300px);
-moz-transform: translateX(300px);
-webkit-transform: translateX(300px);
-ms-transform: translateX(300px);
opacity: 0;
}
.swiper-slide.active .parallax-article .subtitle,
.swiper-slide.active .parallax-article .description,
.swiper-slide.active .parallax-article .info {
transform: translateX(0px);
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
opacity: 1;
}
.swiper-slide.active .parallax-article .title {
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
opacity: 1;
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.swiper-container .swiper-slide .parallax-article .title {
font-size: 55px !important;
line-height: 50px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.swiper-container .swiper-slide .parallax-article .title {
font-size: 70px !important;
line-height: 50px !important;
}
}
/*product information*/
.product-detail-box {
margin-bottom: 40px;
}
.product-detail-box .product-title {
font-size: 30px;
line-height: 34px;
margin-bottom: 14px;
color: #3d3d3d;
font-weight: 400;
}
.product-detail-box .product-subtitle {
font-size: 14px;
line-height: 18px;
margin-bottom: 14px;
color: #949494;
font-weight: 400;
}
.product-description {
font-size: 14px;
line-height: 24px;
color: #808080;
font-weight: 300;
}
.detail-info-entry {
margin-bottom: 25px;
}
.detail-info-entry-title {
font-size: 14px;
color: #313131;
line-height: 18px;
font-weight: 600;
margin-bottom: 7px;
}
.product-detail-box .price {
line-height: 36px;
font-family: 'Lato', sans-serif;
letter-spacing: -2px;
}
.product-detail-box .price .prev {
font-size: 25px;
color: #9c9c9c;
font-weight: 400;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
}
.product-detail-box .price .current {
font-size: 36px;
color: #262626 !important;
font-weight: 700;
display: inline-block;
vertical-align: middle;
}
.quantity-selector {
font-size: 0;
}
.quantity-selector .button {
margin-right: 20px;
}
.quantity-selector .entry {
font-family: 'Raleway', sans-serif !important;
border: 1px #d1d1d1 solid;
height: 36px;
line-height: 35px;
width: 37px;
margin-left: -1px;
display: inline-block;
cursor: pointer;
position: relative;
font-size: 12px;
color: #4c4c4c;
text-align: center;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.quantity-selector .entry.number-minus:before,
.quantity-selector .entry.number-plus:before {
content: '';
width: 11px;
height: 1px;
background: #4d4d4d;
left: 50%;
margin-left: -5.5px;
top: 50%;
margin-top: -0.5px;
position: absolute;
}
.quantity-selector .entry.number-plus:after {
content: '';
height: 11px;
width: 1px;
background: #4d4d4d;
left: 50%;
margin-left: -0.5px;
top: 50%;
margin-top: -5.5px;
position: absolute;
}
.quantity-selector .entry.number {
cursor: default;
width: 44px;
padding: 0 5px;
min-width: 44px;
}
.quantity-selector .entry.number-minus:hover,
.quantity-selector .entry.number-plus:hover {
background: #b11a1a;
}
.quantity-selector .entry.number-minus {
margin-left: 0;
}
.quantity-selector .entry:hover:before,
.quantity-selector .entry:hover:after {
background: #fff !important;
}
.quantity-selector .entry.number-minus:active,
.quantity-selector .entry.number-plus:active {
background: #f71414;
}
.share-box {
border-top: 1px #ebebeb solid;
border-bottom: 1px #ebebeb solid;
padding: 12px 0;
position: relative;
}
.share-box:after {
width: 100%;
height: 0;
clear: both;
display: block;
content: '';
}
.share-box .title {
font-size: 14px;
color: #808080;
font-weight: 300;
line-height: 30px;
float: left;
}
.share-box .socials-box {
float: right;
}
.share-box .socials-box a {
margin: 0;
}
.product-detail-box .button.style-10,
.product-detail-box .button.style-11 {
float: left;
width: 50%;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 767px) {
.product-detail-box .button.style-10,
.product-detail-box .button.style-11 {
max-width: 187px;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.product-detail-box .button {
float: none !important;
width: auto !important;
display: block !important;
}
.product-detail-box .detail-info-entry input.button {
width: 100% !important;
}
.share-box .title,
.share-box .socials-box {
float: none;
text-align: center;
}
}
/*product tabs*/
.tabs-container.style-1 .swiper-tabs {
font-size: 0;
}
.tabs-container.style-1 .tab-switcher {
font-weight: 600;
font-size: 13px;
line-height: 13px;
color: #262626;
padding: 15px 20px;
border: 1px #e6e6e6 solid;
display: inline-block;
margin-right: 14px;
text-transform: uppercase;
}
.tabs-container.style-1 .tab-switcher.active {
background: #b11a1a;
color: #fff;
border-color: #b11a1a;
}
.tabs-container.style-1 .swiper-tabs:before {
bottom: 0;
}
.tabs-container.style-1 .tabs-entry {
padding: 55px;
border: 1px #e6e6e6 solid;
border-top: none;
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.tabs-container.style-1 .tabs-entry {
padding: 25px;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.tabs-container.style-1 .tabs-entry {
padding: 15px;
}
.tabs-container.style-1 .tab-switcher {
display: block;
margin: -1px 0 0 0;
}
.tabs-container.style-1 .swiper-tabs {
margin-bottom: 0;
}
}
/*preview box*/
.product-preview-box {
max-width: 570px;
}
.product-preview-box .pagination {
display: block;
float: left;
}
.product-preview-box .swiper-slide img {
display: block;
width: 100%;
height: auto;
}
.product-zoom-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: none;
opacity: 0;
}
.product-zoom-container.visible {
display: block;
}
.product-zoom-container .move-box {
position: absolute;
width: 300%;
left: 0;
top: 0;
}
.product-zoom-container .default-image {
display: block;
width: 100%;
height: auto;
}
.product-zoom-container .zoomed-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
}
.product-zoom-container .zoom-area {
position: absolute;
left: 0;
top: 0;
width: 35%;
height: 35%;
border: 3px rgba(255, 255, 255, 0.4) solid;
}
.product-preview-swiper {
margin-bottom: 15px;
}
.swiper-hidden-edges {
overflow: hidden;
}
.product-thumbnails-swiper {
margin-left: -8px;
margin-right: -8px;
}
.product-thumbnails-swiper .paddings-container {
padding: 0 8px;
}
.product-thumbnails-swiper .swiper-slide {
cursor: pointer;
}
.product-thumbnails-swiper .swiper-slide.selected .paddings-container {
opacity: 0.5;
}
/*breadcrumb*/
.breadcrumb-entry {
padding: 40px 0;
background-position: center center;
background-repeat: no-repeat;
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
text-align: center;
background-size: cover;
}
.breadcrumb-entry .breadcrumb-title.style-1 {
font-size: 36px;
line-height: 36px;
color: #312926;
font-weight: 400;
letter-spacing: -1px;
}
.breadcrumb-entry .breadcrumb-title.dark {
color: #312926;
}
.map-box {
position: relative;
margin-top: -25px;
margin-bottom: 55px;
}
.map-box.type-2 {
height: 450px;
margin-top: 0;
}
#map-canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.block-title.main-heading {
font-size: 30px;
font-weight: 400;
line-height: 30px;
margin-bottom: 20px;
padding-bottom: 20px;
}
label {
font-size: 13px;
line-height: 14px;
color: #313131;
font-weight: 600;
display: block;
margin-bottom: 7px;
padding-top: 5px;
}
label span {
color: #eb0101;
font-size: 16px;
line-height: 18px;
display: inline-block;
position: relative;
vertical-align: bottom;
}
.simple-field {
margin-bottom: 25px;
width: 100%;
border: 1px #e6e6e6 solid;
font-size: 13px;
line-height: 43px;
color: #313131;
height: 45px;
padding: 0 20px;
font-weight: 400;
}
input.simple-field:hover,
textarea.simple-field:hover,
input.simple-field:focus,
textarea.simple-field:focus {
background: #f7f7f7;
}
.simple-field.size-1 {
height: 35px;
line-height: 33px;
margin-bottom: 12px;
padding: 0 10px;
}
textarea.simple-field {
margin-bottom: 20px;
line-height: 19px;
padding-top: 14px;
padding-bottom: 14px;
height: 199px;
}
textarea.simple-field.size-1 {
height: 138px;
}
.simple-drop-down.simple-field {
width: auto;
border: none;
padding: 0;
}
.simple-drop-down.simple-field:after {
width: 45px;
height: 45px;
line-height: 45px;
}
.simple-drop-down.simple-field.size-1:after {
width: 35px;
height: 35px;
line-height: 35px;
}
.simple-drop-down.simple-field select {
height: 45px;
line-height: 43px;
padding: 0 65px 0 20px;
}
select {
background: #fff !important;
}
.simple-drop-down.simple-field.size-1 select {
height: 35px;
line-height: 33px;
padding: 0 45px 0 10px;
}
.simple-field::-webkit-input-placeholder {
color: #808080;
opacity: 1;
}
.simple-field::-moz-placeholder {
color: #808080;
opacity: 1;
} /* firefox 19+ */
.simple-field:-ms-input-placeholder {
color: #808080;
opacity: 1;
} /* ie */
.simple-field:-moz-placeholder {
color: #808080;
opacity: 1;
}
.button input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.map-overlay-info {
height: 360px;
width: 280px;
padding: 0 40px;
overflow: hidden;
margin-top: -460px;
float: right;
position: relative;
background: rgba(255, 255, 255, 0.9);
margin-right: 45px;
}
.map-overlay-info .cell-view {
height: 360px;
}
.contact-spacer {
height: 15px;
}
.map-box.type-2 iframe {
max-width: 100%;
}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.map-box.type-1 {
left: auto;
margin-left: 0;
width: auto;
}
.map-overlay-info {
height: auto;
width: auto;
padding: 0;
margin: 0 0 20px 0;
float: none;
top: -15px;
}
.map-overlay-info .cell-view {
height: auto;
display: block;
}
.contact-spacer {
display: none;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.map-box.type-1,
.map-box.type-2,
.map-box.type-3 {
height: auto;
margin-top: 0;
}
}
.login-box {
background: #fcfcfc;
border: 1px #ebebeb solid;
padding: 50px 55px;
min-height: 470px;
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.login-box {
padding: 20px 25px;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.login-box {
min-height: 0;
padding: 25px 15px;
}
.login-box .button {
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
}
}
.page-selector {
padding: 15px 0 0 0;
border-top: 1px #ebebeb solid;
border-bottom: 1px #ebebeb solid;
font-size: 0;
margin-bottom: 30px;
}
.page-selector .description {
float: left;
font-size: 13px;
line-height: 30px;
font-weight: 400;
color: #808080;
margin-bottom: 15px;
}
.page-selector .pages-box {
float: right;
}
.square-button {
width: 28px;
line-height: 28px;
border: 1px #e3e3e3 solid;
display: inline-block;
font-size: 12px;
color: #666666;
font-weight: 500;
text-align: center;
}
.square-button:hover,
.square-button.active {
background: #cd0000;
border-color: #cd0000;
color: #fff;
}
.page-selector .square-button {
margin-right: 4px;
margin-bottom: 15px;
}
.page-selector .square-button:last-child {
margin-right: 0;
}
.page-selector .divider {
display: inline-block;
font-size: 18px;
line-height: 18px;
vertical-align: bottom;
margin-right: 4px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.page-selector {
margin-left: 0 !important;
}
}
.container-404 {
text-align: center;
max-width: 630px;
margin: 0 auto;
padding: 100px 30px;
}
.container-404 .title {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 300px;
line-height: 300px;
color: #343434;
letter-spacing: -25px;
}
.container-404 .description {
font-size: 70px;
line-height: 100px;
color: #343434;
font-weight: 300;
margin-bottom: 5px;
}
.container-404 .text {
font-weight: 400;
color: #808080;
font-size: 14px;
line-height: 24px;
}
.container-404 .text a {
font-weight: 600;
color: #b11a1a;
text-decoration: underline;
}
.container-404 .text a:hover {
color: #343434;
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.container-404 {
padding: 25px 15px;
}
.container-404 .title {
font-size: 100px;
line-height: 100px;
letter-spacing: -7px;
margin-bottom: 10px;
}
.container-404 .description {
font-size: 43px;
line-height: 43px;
margin-bottom: 10px;
}
}
.share-box .title b {
font-weight: 500;
color: #2e2e2e;
}
.detail-info-lines .share-box {
margin-top: -1px;
}
.detail-info-lines .share-box:last-child {
border-bottom: none;
}
.detail-info-lines.border-box {
border: 10px #f5f5f5 solid;
padding: 10px 30px;
}
.detail-info-lines.border-box .share-box:first-child {
border-top: none;
}
#content-block .shop-grid-controls .entry {
line-height: 30px;
padding-right: 16px;
float: left;
border-right: 1px #ebebeb solid;
margin-bottom: 15px !important;
margin-right: 16px;
min-height: 30px;
}
#content-block .shop-grid-controls .entry:last-child {
border: none;
}
#content-block .shop-grid-controls .entry:first-child {
padding-left: 0;
}
.shop-grid-controls .inline-text {
float: left;
margin-right: 10px;
}
.simple-drop-down {
width: 130px;
position: relative;
}
.simple-drop-down select {
height: 30px;
line-height: 28px;
border: 1px #ebebeb solid;
padding: 0 40px 0 10px;
white-space: nowrap;
text-overflow: ellipsis;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
cursor: pointer;
font-size: 13px;
font-weight: 400;
color: #7c7c7c;
}
.simple-drop-down:after {
width: 30px;
height: 30px;
position: absolute;
top: 0;
right: 0;
border: 1px #ebebeb solid;
content: '\f107';
font-family: FontAwesome;
font-size: 12px;
color: #7c7c7c;
text-align: center;
cursor: pointer;
pointer-events: none;
line-height: 30px;
background: #fff;
}
.shop-grid-controls .simple-drop-down {
float: left;
margin-right: 10px;
}
/*list view*/
.product-slide-entry .price {
margin-bottom: 20px;
}
.product-slide-entry .article-container {
display: none;
margin-bottom: 15px;
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.mozaic-banners-wrapper.type-2 .row {
margin: 0;
}
.information-blocks {
overflow: hidden;
}
.mozaic-banners-wrapper.type-2 .banner-column {
overflow: hidden;
padding: 0;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
#content-block .shop-grid-controls .entry {
margin-right: 10px;
padding-right: 10px;
border-right: none;
}
}
/*Phones (<480px)*/
@media (max-width: 480px) {
.shop-grid-item {
float: left;
}
.shop-grid-controls {
text-align: center;
margin-bottom: 0;
}
#content-block .shop-grid-controls .entry {
margin-right: 10px;
padding-right: 10px;
border-right: none;
float: none;
display: inline-block;
}
}
@media only screen and (min-width: 481px) and (max-width: 580px) {
.shop-grid-controls {
text-align: center;
margin-bottom: 0;
}
#content-block .shop-grid-controls .entry {
margin-right: 10px;
padding-right: 10px;
border-right: none;
float: none;
display: inline-block;
}
.shop-grid-controls .simple-drop-down {
width: 115px;
}
}
.traditional-cart-entry.style-1 {
padding-bottom: 33px;
border-bottom: 1px #ebebeb solid;
margin-bottom: 32px;
}
.traditional-cart-entry:after {
display: block;
clear: both;
content: '';
}
.traditional-cart-entry .image {
float: left;
width: 70px;
}
.traditional-cart-entry.style-1 .image {
width: 170px;
}
.traditional-cart-entry .image img {
max-width: 100%;
height: auto;
display: block;
}
.traditional-cart-entry .content {
margin-left: 100px;
}
.traditional-cart-entry.style-1 .content {
margin-left: 200px;
}
.traditional-cart-entry .cell-view {
height: 95px;
}
.traditional-cart-entry .tag {
font-size: 10px;
line-height: 10px;
color: #8b8b8b;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
margin-bottom: 5px;
}
.traditional-cart-entry .tag:hover {
color: #2e2e2e;
}
.traditional-cart-entry .title {
font-size: 20px;
line-height: 28px;
color: #2e2e2e;
font-weight: 600;
display: block;
margin-bottom: 10px;
}
.traditional-cart-entry .title:hover {
color: #b11a1a;
}
.traditional-cart-entry .inline-description {
font-size: 13px;
line-height: 15px;
color: #808080;
font-weight: 400;
margin-bottom: 5px;
}
.traditional-cart-entry .price {
margin-bottom: 20px;
padding-top: 15px;
}
.traditional-cart-entry .quantity-selector .entry {
margin-bottom: 20px;
}
.traditional-cart-entry .quantity-selector .entry.number-plus {
margin-right: 20px;
}
.remove-button {
display: inline-block;
border: 1px #e6e6e6 solid;
width: 34px;
line-height: 32px;
text-align: center;
font-size: 12px;
background: transparent;
color: #2e2e2e;
}
.remove-button:hover {
background: #b11a1a;
color: #fff;
border: 1px #b11a1a solid;
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.traditional-cart-entry .image {
margin-bottom: 15px;
display: inline-block;
}
}
@media (max-width: 480px) {
.traditional-cart-entry.style-1 .image {
width: 100px;
}
.traditional-cart-entry.style-1 .content {
margin-left: 115px;
}
.traditional-cart-entry.style-1 .quantity-selector .button {
margin-right: 10px;
}
.traditional-cart-entry.style-1 .detail-info-entry-title {
display: none;
}
.traditional-cart-entry.style-1 .quantity-selector .entry.number-plus {
margin-right: 15px;
}
.quantity-selector .entry.number-minus {
margin-left: 0;
}
}
.cart-table {
width: 100%;
font-size: 14px;
line-height: 28px;
color: #2e2e2e;
font-weight: 600;
margin-bottom: 40px;
}
.cart-table .column-1 {
}
.cart-table .column-2 {
width: 150px;
}
.cart-table .column-3 {
width: 180px;
}
.cart-table .column-4 {
width: 130px;
}
.cart-table .column-5 {
width: 35px;
}
.cart-table .subtotal {
font-size: 20px;
line-height: 28px;
font-weight: 600;
white-space: nowrap;
}
.cart-table td {
vertical-align: middle;
padding: 40px 30px;
border-bottom: 1px #e6e6e6 solid !important;
}
.cart-table th {
vertical-align: middle;
padding: 25px 30px;
font-size: 16px;
line-height: 20px;
color: #343434;
border-bottom: 1px #e6e6e6 solid;
}
.cart-table td:first-child {
padding-left: 0 !important;
}
.cart-table th:first-child {
padding-left: 100px !important;
}
.cart-table td:last-child,
.cart-table th:last-child {
padding-right: 0;
padding-left: 0;
}
.table-responsive {
overflow-y: hidden;
border: none;
}
.cart-submit-buttons-box {
padding: 25px 0 13px 0;
text-align: right;
font-size: 0;
}
.cart-submit-buttons-box .button {
margin-left: 11px;
}
.cart-column-title {
font-size: 16px;
line-height: 20px;
color: #333232;
font-weight: 600;
border-bottom: 1px #e6e6e6 solid;
padding: 20px 0;
margin-bottom: 20px;
}
.cart-column-title.size-1 {
font-size: 18px;
padding: 25px 0;
}
.cart-column-title.size-2 {
padding: 23px 0;
}
.cart-summary-box {
border: 2px #e6e6e6 solid;
padding: 40px 35px;
text-align: right;
}
.cart-summary-box .button {
padding-left: 10px;
padding-right: 10px;
display: block;
margin-bottom: 18px;
}
.cart-summary-box .sub-total {
font-size: 15px;
line-height: 20px;
color: #878787;
font-weight: 600;
margin-bottom: 5px;
}
.cart-summary-box .grand-total {
font-size: 22px;
line-height: 30px;
color: #343434;
font-weight: 600;
margin-bottom: 15px;
}
.cart-summary-box .simple-link {
font-size: 13px;
color: #808080;
line-height: 24px;
font-weight: 400;
}
.cart-summary-box .simple-link:hover {
color: #343434;
}
.sidebar-subtotal {
margin-bottom: 30px;
}
.sidebar-subtotal .price-data {
text-align: center;
padding-bottom: 25px;
border-bottom: 1px #e6e6e6 solid;
margin-bottom: 30px;
}
.sidebar-subtotal .price-data .main {
font-size: 40px;
line-height: 40px;
color: #333232;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
margin-bottom: 15px;
}
.sidebar-subtotal .price-data .title {
font-size: 13px;
line-height: 18px;
color: #666666;
margin-bottom: 5px;
}
.sidebar-subtotal .price-data .subtitle {
font-size: 12px;
line-height: 16px;
color: #333232;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
.sidebar-subtotal .additional-data .title {
font-size: 16px;
line-height: 24px;
color: #333232;
font-weight: 600;
margin-bottom: 20px;
}
.sidebar-subtotal .additional-data .title .inline-label {
margin-left: 0;
margin-right: 10px;
}
.sidebar-subtotal .additional-data .button {
display: block;
padding-left: 10px;
padding-right: 10px;
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
.cart-table td,
.cart-table th {
padding-left: 15px;
padding-right: 15px;
}
.cart-table .column-2 {
width: 105px;
}
.cart-table .column-3 {
width: 150px;
}
.cart-table th:first-child {
padding-left: 0px !important;
}
.traditional-cart-entry .content {
margin-left: 0;
}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.cart-summary-box {
padding: 30px 15px;
}
.cart-table th:first-child {
padding-left: 0px !important;
}
.traditional-cart-entry .content {
margin-left: 0;
}
.cart-table td,
.cart-table th {
padding-left: 8px;
padding-right: 8px;
}
.traditional-cart-entry .title {
font-size: 10px;
line-height: 12px;
}
#cart-update-form .quantity-selector .entry {
width: 35px;
height: 35px;
margin-left: 0;
line-height: 30px;
}
#cart-update-form .quantity-selector .entry.number {
width: 35px;
height: 35px;
min-width: 35px;
}
.cart-table th {
font-size: 13px;
padding: 10px;
text-align: center;
}
.cart-table .subtotal {
font-size: 100%;
}
.cart-table td,
.cart-table th {
text-align: center;
}
.cart-table td {
padding: 20px 8px;
}
#cart-update-form .quantity-selector {
width: 35px;
margin: 0 auto;
}
.cart-table th {
width: auto !important;
}
.cart-table .column-4 {
width: 80px !important;
}
.cart-page.padding-top-40 {
padding-top: 0px !important;
}
.cart-page .cart-table {
margin-top: 20px;
}
.cart-page.content-center {
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 0 !important;
}
}
.swiper-slide.no-shadow:before {
display: none;
}
.article-container ul li:before {
color: #b11a1a;
}
.fullwidth-block {
width: 100%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
}
.parallax-slide.small-slide {
height: auto !important;
margin-bottom: 30px;
}
@media (max-width: 480px) {
.swiper-slide .parallax-article .title {
font-size: 35px !important;
line-height: 30px !important;
}
}
body.style-19 .swiper-tabs .block-title:before {
background: #a6a6a6;
}
body.style-19 .product-slide-entry .title:hover {
color: #b11a1a;
}
body.style-19 .price .current {
color: #b11a1a;
}
body.style-19 .product-slide-entry {
text-align: center;
}
body.style-19 .hover-class-1:after {
background: #a6a6a6;
}
body.style-19 .product-slide-entry .subtitle:hover {
color: #b11a1a;
}
body.style-19 .bubbles span {
background: #b11a1a;
}
body.style-19 .swiper-active-switch {
background: #b11a1a;
border-color: #b11a1a;
}
@media (min-width: 1200px) {
body.style-19 .navigation-copyright a {
color: #b11a1a;
}
}
@media only screen and (max-width: 480px) {
.welcome-section {
overflow: visible;
}
.welcome-section .color-background-widget {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 991px) {
.welcome-section .color-background-widget {
background-position: center center;
}
}
@media (min-width: 1200px) {
.sidebar-content-wrapper.center-container {
max-width: 930px;
padding: 0;
margin-left: 150px;
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
}
.sidebar-content-wrapper.center-container:before {
position: absolute;
width: 10000px;
height: 100%;
background: #fff;
content: '';
left: 100%;
top: 0;
margin-left: -1px;
}
.sidebar-content-wrapper.center-container .content-center {
width: auto;
padding: 30px;
}
.header-wrapper.center-container header {
left: 50%;
margin-left: -615px;
}
.header-wrapper.center-container
header.type-3:not(.fixed-header)
.full-width
.submenu,
.header-wrapper.center-container header.type-3:not(.fixed-header) .submenu {
/*width: 955px!important;*/
}
.header-wrapper.center-container header {
background: none;
border: none;
}
.header-wrapper.center-container
header.type-3:not(.fixed-header)
nav
> ul
> li
> a {
color: #fff;
}
.header-wrapper.center-container
header.type-3:not(.fixed-header)
.header-functionality-entry {
color: #fff;
}
.header-wrapper.center-container
header.type-3:not(.fixed-header)
.header-functionality-entry
b {
color: #db2020;
}
.header-wrapper.center-container .navigation-footer {
left: 50%;
margin-left: -615px;
}
.header-wrapper.center-container .navigation-copyright {
color: #fff;
}
.header-wrapper.center-container .navigation-copyright a {
color: #b11a1a;
}
.header-wrapper.center-container .socials-box a:hover {
color: #fff;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.header-wrapper.center-container
header.type-3:not(.fixed-header)
.menu-slider-entry {
padding-right: 15px;
}
}
body.style-20 .navigation-banner-content .subtitle {
font-family: 'Raleway', sans-serif;
font-size: 18px;
line-height: 22px;
font-style: normal;
text-transform: uppercase;
font-weight: 600;
}
body.style-20 .navigation-banner-content .title {
font-family: 'Times New Roman';
letter-spacing: 1px;
}
body.style-20 .mozaic-banners-wrapper.type-2 .banner-column {
padding: 0 15px;
margin-bottom: 30px;
}
body.style-20 .mozaic-banners-wrapper.type-2 .row {
margin-left: -15px;
margin-right: -15px;
}
body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
color: #b11a1a !important;
}
body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
font-size: 30px;
color: #2e2e2e !important;
}
body.style-20
.mozaic-banners-wrapper.type-2
.mozaic-banner-content
.description {
font-family: 'Merriweather', serif;
font-size: 13px;
line-height: 20px;
font-style: italic;
color: #2e2e2e !important;
}
body.style-20
.mozaic-banners-wrapper.type-2
a.mozaic-banner-entry:hover
.mozaic-banner-content
.description {
color: #2e2e2e;
}
body.style-20
.mozaic-banners-wrapper.type-2
.mozaic-banner-content
.description.light-text {
color: #fff !important;
}
body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content {
max-width: 82%;
}
body.style-20 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
background: rgba(245, 245, 245, 0.7);
}
body.style-20 .swiper-tabs .block-title:before {
background: #b11a1a;
}
body.style-20 .product-slide-entry .title:hover {
color: #b11a1a;
}
body.style-20 .price .current {
color: #b11a1a;
}
body.style-20 .hover-class-1:after {
background: rgba(117, 26, 26, 0.7);
}
body.style-20 .product-slide-entry .subtitle:hover {
color: #b11a1a;
}
body.style-20 .swiper-active-switch {
background: #b11a1a;
border-color: #b11a1a;
}
body.style-20 .bubbles span {
background: #b11a1a;
}
body.style-20 header .simple-search-form {
background: #e0e0e0;
border: 2px rgba(193, 193, 193 0.4) solid;
}
body.style-20 header .simple-search-form.active {
border-color: rgba(193, 193, 193, 0.9);
background: #f2f2f2;
}
body.style-20 header .simple-search-form .simple-submit {
border-color: rgba(238, 238, 238, 0.5);
}
body.style-20 header .simple-search-form input::placeholder {
color: #666;
}
body.style-20 .search-button {
background: #b11a1a;
}
.custom-col-4-in-row {
float: left;
width: 25%;
padding: 0 15px;
}
.custom-col-4-in-row:nth-child(4n + 1) {
clear: both;
}
body.style-20 .cart-box.popup .content .price {
color: #b11a1a;
}
body.style-20 .cart-box.popup .summary .grandtotal span {
color: #b11a1a;
}
body.style-20 .button.style-4 {
background: #b11a1a;
border-color: #b11a1a;
}
@media (max-width: 1199px) {
.header-wrapper.center-container header.type-3 {
background: #262626;
border: none;
}
.header-wrapper.center-container header.type-3 .header-functionality-entry * {
color: #fff;
}
.sidebar-content-wrapper.center-container .content-center {
padding-top: 30px !important;
}
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.sidebar-content-wrapper.center-container .content-center {
padding-top: 15px !important;
}
.custom-col-4-in-row {
width: 33.33333%;
}
.custom-col-4-in-row:nth-child(4n + 1) {
clear: none;
}
.custom-col-4-in-row:nth-child(3n + 1) {
clear: both;
}
.newsletter-join .cell-view {
height: auto;
}
.information-entry-xs {
margin-bottom: 10px;
}
body.style-20 .products-swiper {
margin: 0;
}
}
@media (max-width: 450px) {
.custom-col-4-in-row {
width: 50%;
}
.custom-col-4-in-row:nth-child(3n + 1) {
clear: none;
}
.custom-col-4-in-row:nth-child(2n + 1) {
clear: both;
}
}
.article-container {
font-size: 13px;
line-height: 22px;
color: #808080;
margin-bottom: 25px;
}
.article-container b {
font-weight: 500;
color: #2e2e2e;
}
.article-container a {
color: #d14242;
}
.article-container li a {
color: #808080;
}
.article-container a:hover {
color: #2e2e2e;
}
.article-container.columns-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.article-container.columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.article-container p,
.article-container ul,
.article-container ol,
.article-container img {
margin-bottom: 15px;
}
.article-container ol li {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.article-container ul li {
padding: 4px 0 4px 10px;
}
.article-container ul li:before {
content: '\f105';
font-family: FontAwesome;
display: inline-block;
margin-right: 5px;
}
.article-container h1,
.h1 {
font-size: 32px;
line-height: 32px;
color: #2e2e2e;
font-weight: 500;
margin-bottom: 15px;
}
.article-container h2,
.h2 {
font-size: 28px;
line-height: 34px;
color: #262626;
font-weight: 300;
margin-bottom: 15px;
}
.article-container h3,
.h3 {
font-size: 24px;
font-weight: 600;
line-height: 28px;
margin-bottom: 11px;
color: #000;
}
.article-container h4,
.h4 {
font-size: 14px;
line-height: 22px;
color: #262626;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
}
.article-container h5,
.h5 {
font-size: 13px;
line-height: 30px;
color: #262626;
font-weight: 600;
text-transform: uppercase;
}
.article-container h5 .fa,
.h5 .fa {
font-size: 20px;
color: #d14242;
display: inline-block;
vertical-align: middle;
position: relative;
top: -3px;
margin-right: 5px;
}
.article-container h6,
.h6 {
font-size: 11px;
line-height: 18px;
color: #262626;
font-weight: 700;
margin-bottom: 15px;
}
.article-container.style-1 {
font-size: 14px;
line-height: 25px;
font-weight: 300;
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.article-container.columns-2,
.article-container.columns-3 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
}
/*Desktops (>=1200px)*/
@media (min-width: 1200px) {
}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
}
/*Phones (<768px)*/
@media (max-width: 767px) {
}
.entry:before,
.entry,
.button,
.socials-box a,
.socials-box a .fa,
.search-drop-down .category-entry,
.search-button,
.header-functionality-entry,
footer a,
.product-slide-entry .title,
.product-slide-entry .tag,
.inline-product-entry .title,
.inline-product-entry .image,
.list-type-1 a,
.hover-class-1:after,
.hover-label,
.menu-slider-arrows a .fa,
.bottom-line-a,
.top-line-a,
.fixed-header-square-button .fa,
.read-more,
.product-mix-info,
.simple-search-form .simple-submit,
.departmets-drop-down .list a,
.copyright a,
.styled-form .submit-wrapper,
.socials-box a .fa,
a.sale-entry:before,
a.sale-entry .sale-price,
a.sale-entry .sale-price span,
a.sale-entry .sale-description,
.breadcrumb-box a,
.icon-entry .image,
.quantity-selector .entry.number-minus,
.quantity-selector .entry.number-plus,
.tabs-container.style-1 .tab-switcher,
.size-selector .entry:after,
.color-selector .entry:after,
.color-selector .entry:before,
.blog-entry .title,
.blog-entry .subtitle a,
.blog-entry .subtitle a b,
.blog-entry .readmore,
.square-button,
.tags-box a,
.categories-list ul li a,
.container-404 .text a,
.portfolio-navigation a,
.portfolio-entry .title,
.action-button,
.hover-layer,
.continue-link,
.accordeon-title,
.traditional-cart-entry .tag,
.traditional-cart-entry .title,
.remove-button,
.cart-summary-box .simple-link,
.simple-field,
.column-article-entry .title,
.product-slide-entry .subtitle,
.parallax-view,
.simple-form .submit,
.latest-entries-heading .latest-more,
.demo-categories-entry .title,
.demo-categories-entry .list a,
.sale-entry-border,
.sale-entry-border:before,
.color-text-widget,
.color-text-widget .cell-view,
.color-text-widget .title,
.color-text-widget .description,
.sale-entry,
.simple-search-form,
.special-item-entry > img {
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
}
.product-slide-entry .product-image:after,
.title .fa,
.navigation-banner-content,
.from-the-blog-entry .image:after,
.toggle-list-button:after,
.product-image .bottom-line,
.product-image .top-line-a,
.navigation-banner-content .title,
.navigation-banner-content .description,
.navigation-banner-content .info,
.swiper-slide .parallax-article .subtitle,
.swiper-slide .parallax-article .description,
.swiper-slide .parallax-article .info,
a.mozaic-banner-entry .subtitle,
a.mozaic-banner-entry .title,
a.mozaic-banner-entry .description,
a.mozaic-banner-entry:before,
.product-image img,
.product-thumbnails-swiper .paddings-container,
.blog-entry .image img,
.comment-image:after,
.hover-layer .info,
.title-info,
.actions,
a.mozaic-banner-entry .view {
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
}
.swiper-slide .parallax-article .title,
.portfolio-entry .image img,
.portfolio-entry:hover .portfolio-drop-down {
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
}
.blog-entry .image:hover img,
.portfolio-entry:hover .image img {
-moz-transition: all 15000ms linear !important;
-o-transition: all 15000ms linear !important;
-webkit-transition: all 15000ms linear !important;
transition: all 15000ms linear !important;
-ms-transition: all 15000ms linear !important;
}
.disable-animation,
.shop-grid .product-slide-entry .title {
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
-ms-transition: none !important;
}
/*transition delay*/
.navigation-banner-content .subtitle,
.swiper-slide .parallax-article .subtitle,
.swiper-slide .parallax-article .description {
transition-delay: 200ms;
-moz-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
-ms-transition-delay: 200ms;
}
.navigation-banner-content .title {
transition-delay: 150ms;
-moz-transition-delay: 150ms;
-webkit-transition-delay: 150ms;
-ms-transition-delay: 150ms;
}
.swiper-slide .parallax-article .info {
transition-delay: 400ms;
-moz-transition-delay: 400ms;
-webkit-transition-delay: 400ms;
-ms-transition-delay: 400ms;
}
/*ie*/
_:-ms-input-placeholder,
:root .simple-field.simple-drop-down select {
padding-right: 22px;
}
_:-ms-input-placeholder,
:root .size-1.simple-field.simple-drop-down select {
padding-right: 14px;
}
_:-ms-input-placeholder,
:root .simple-drop-down select {
padding-right: 10px;
}
@media (max-width: 991px) and (min-width: 768px) {
.header-functionality-entry {
margin-left: 15px;
}
}
.align-items-mobile {
display: none;
}
.remove-button span {
display: none;
}
/* Adapt cart content on mobile*/
@media screen and (max-width:444px) {
.d-none-mobile {
display: none;
}
.align-items-mobile {
display: flex;
flex-wrap: wrap;
}
.hide-in-mobile {display: none;}
.w-33 {
width: 33.3% ;
font-size: 13px;
}
.w-33 span,
.w-33 .subtotal {
font-size: 16px;
font-weight: bold;
}
#cart-update-form .quantity-selector {
width: initial;
}
#cart-update-form .quantity-selector .entry {
line-height: 33px;
}
.remove-button {
width: 100%;
margin-top: 15px;
}
.remove-button span {
display: inline-block;
}
}