/** Base Styles **/
.mdi {
display: inline-block;
font: normal normal normal 24px/1 MaterialDesignIcons;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
body {
font-weight: 400;
overflow-x: hidden;
position: relative;
}
a, a:visited {
color: #666;
}
a:hover, a:active, a:focus {
color: #F72363;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
select {
cursor: pointer;
background-color: #fff;
border: 0;
font-size: 14px;
text-transform: uppercase;
padding: 7px 10px;
width: 100%;
outline: 0;
-webkit-transition: border 0.3s;
-o-transition: border 0.3s;
transition: border 0.3s;
border: 1px solid #e1e1e1;
}
input {
font-size: 16px;
border: 0;
color: #858585;
background-color: transparent;
position: relative;
}
input:focus {
outline-style: none;
}
textarea {width:100%; max-width: 100%; border-radius:5px; background: #f6f6f6; border: 2px solid #ddd; outline: 0px; padding: 10px; margin: 15px 0;}
textarea:focus {border: 2px solid #F72363;}
.form-control, body.no-material *:not(.product-input) > input{
background-color: #fff;
border:1px solid #EBEBEB;
width: 100%;
font-size: 14px;
padding: 10px;
color: #333;
margin: 8px 0;
}
p, ul, ol, form {
margin: 0;
padding: 0;
}
ul, ol {
list-style: none;
}
img{
max-width: 100%;
height: auto;
}
table{
font-size: inherit;
}
.margin-top-small{
margin-top: 10px;
}
.margin-bottom-small{
margin-bottom: 10px;
}
.margin-top-big{
margin-top: 20px;
}
.margin-bottom-big{
margin-bottom: 20px;
}
.hide-option{
height:0px;
opacity:0;
transition: all 0.2s linear 0s;
overflow:hidden;
}
.active .hide-option{
height:auto;
opacity:1;
overflow: visible;
}
.home-slider-container {
padding: 0;
}
.home-slide img {
max-width: 100%;
}
.row.equal {
display: table;
height: 100%;
width: calc(100% + 15px);
}
.row.equal > .row-inner {
display: table-row;
height: 100%;
width: 100%;
}
.row.equal > .row-inner > [class*="col-"] {
display: table-cell;
height: 100%;
}
.rc-carousel-classic {
position: relative;
}
#loading {
display: none;
background-color: #fff;
position: absolute;
left: 50%;
top: 50%;
z-index: 200;
margin: -50px 0 0 -80px;
width: 160px;
height: 100px;
border: 1px solid #e1e1e1;
padding: 15px 20px 5px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.tooltip > .tooltip-inner {
border-radius: 0;
padding: 4px 10px 5px;
}
h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle {
border-bottom: 1px solid #e6e6e6;
padding: 10px;
font-weight: 400;
}
h1.subtitle2, h2.subtitle2, h3.subtitle2, h4.subtitle2, h5.subtitle2 {
color: #444;
text-transform: uppercase;
position: relative;
display: block;
text-align: center;
}
h1.subtitle2 span, h2.subtitle2 span, h3.subtitle2 span, h4.subtitle2 span, h5.subtitle2 span {
background-color: #fff;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
position: relative;
z-index: 5;
}
.vfat_panel h1.subtitle2 span, .vfat_panel h2.subtitle2 span, .vfat_panel h3.subtitle2 span, .vfat_panel h4.subtitle2 span, .vfat_panel h5.subtitle2 span {
background-color: #f6f6f6;
}
h1.subtitle:first-of-type, h2.subtitle:first-of-type, h3.subtitle:first-of-type, h4.subtitle:first-of-type, h5.subtitle:first-of-type {
margin-top: 0;
}
.data-highlight { font-weight: bold;}
.form-alert { color:rgb(191, 10, 10);}
/*********/
/* Icons */
/*********/
.panel-animation {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.ico-account, .ico-cart, .ico-cart-small, .ico-pen, .ico-cart-2 {
background-image: url('../images/icons.png');
display: inline-block;
}
.ico-account {
width: 12px;
height: 12px;
background-position: -15px 100%;
}
.ico-pen {
width: 14px;
height: 14px;
background-position: 0 100%;
}
.ico-cart {
width: 27px;
height: 27px;
background-position: -27px 0;
}
.ico-cart-2 {
width: 23px;
height: 24px;
background-position: 0 0;
}
.ico-cart-small {
width: 13px;
height: 14px;
background-position: 100% 100%;
}
/***********/
/* Buttons */
/***********/
.button {
z-index: 1;
position: relative;
display: inline-block;
padding: 10px 25px 9px;
line-height: 14px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.button-primary {
background-color: #F72363!important;
}
.button-primary:hover, .button-primary.disabled {
background-color: #ff004d;
}
.button-success {
background-color:#81b032;
color:#fff;
}
.button-success:hover {
background-color:#81b032;
}
.button-light {
background-color: #fff;
box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.25);
color: #000;
}
.button-dark {
background-color: #252525;
}
.button-dark:hover {
background-color: #414040;
}
.button-primary, .button-dark {
color: #fff !important;
box-shadow: 0px 2px 4px 0.25px rgba(0, 0, 0, 0.3);
}
.button-plain {
font-size:17px;
color:#111;
font-weight: bold;
text-transform: uppercase;
}
.button-small {
font-size: 12px;
padding: 7px 15px;
}
.button-large {
font-size: 16px;
line-height: 16px;
padding: 11px 52px 12px;
}
.button-active.button-light {
color: #F72363;
}
.button.with-icon > i:first-child {
padding-right: 10px;
}
.button:active, .button:focus {
outline-style: none;
}
.button-block {
display: block;
text-align: center;
}
.button-block + .button-block {
margin-top: 15px;
}
.button-google, .button-facebook {
padding: 15px 15px 15px 45px;
font-size: 16px;
font-weight: 700;
color: #fff !important;
}
.button-google {
background-color: #D34836 !important;
}
.button-facebook {
background-color: #5972a7 !important;
}
.button-google i, .button-facebook i {
color: rgba(255,255,255,0.07);
text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
font-size: 42px;
position: absolute;
left: 8px;
bottom: -7px;
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.plain-btn a { text-decoration: underline; color:#444;padding-bottom: 10px;}
/*********/
/* Forms */
/*********/
/** Inputs and labels **/
label{cursor:pointer;}
body:not(.no-material) label.input-label {
position: relative;
padding-top: 20px;
margin-bottom: 20px;
display: block;
border-bottom: 2px solid #e6e6e6;
text-align:left;
}
body:not(.no-material) label.input-label.inline {
display: inline-block;
}
body:not(.no-material) label.input-label .label-text {
color: #888;
position: absolute;
z-index: 1;
display: block;
text-transform: none;
top: 20px;
left: 0;
right: 0;
bottom: 0;
padding: 6px 10px;
font-size: 16px;
-webkit-transition: font 0.3s ease-in-out, top 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out;
-o-transition: font 0.3s ease-in-out, top 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: font 0.3s ease-in-out, top 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
body:not(.no-material) label.input-label .label-text:before {
content: "";
position: absolute;
left: 50%;
width: 0;
bottom: -2px;
height: 2px;
background-color: #F72363;
z-index: 5;
-webkit-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
-o-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
}
body:not(.no-material) label.input-label:not(.label-fade).hasContent .label-text {
top: 0;
font-size: 85%;
}
body:not(.no-material) label.input-label.label-fade.hasContent .label-text {
color: transparent;
}
body:not(.no-material) label.input-label:not(.label-fade).hasContent input:focus ~ .label-text {
color: #F72363;
}
body:not(.no-material) label.input-label.hasContent input:focus ~ .label-text:before {
width: 100%;
left: 0;
}
body:not(.no-material) label.input-label input {
position: relative;
z-index: 2;
text-align: left;
padding: 6px 10px;
width: 100%;
font-size: 16px;
background-color: transparent !important;
border: 0 !important;
background: transparent !important;
}
body:not(.no-material) label.input-label input:disabled ~ .label-text {
color: #ddd;
}
body:not(.no-material) label.input-label input::-webkit-input-placeholder {
opacity: 0 !important;
color: transparent;
}
body:not(.no-material) label.input-label input::-moz-placeholder {
opacity: 0 !important;
color: transparent;
}
body:not(.no-material) label.input-label input:-ms-input-placeholder {
opacity: 0 !important;
color: transparent;
}
body:not(.no-material) label.input-label .rc_div_alert {
background-color: #F72363;
color: #fff;
padding: 2px 7px;
position: absolute;
left: 0;
bottom: -18px;
font-size: 10px;
text-transform: none;
}
body:not(.no-material) label.input-label .rc_div_alert .validator_arr {
display: none;
}
label.fn-input.input-label .rc_div_alert {
color: #fff;
}
.required-field { position:absolute; color:red; font-weight: bold; right: 0; top: 27px; font-size: 18px;}
.required-field.info{position:relative; margin-right:10px; top:5px;}
body.no-material .required-field{ right: 5px; top: 0px; }
#h_token {
width: 100px;
margin-right: 20px;
margin-top: 10px;
}
[class*="col-"].align-to-input {
padding-top: 25px;
font-size: 16px;
}
/** Radio & Checkbox **/
.rc-rc {
display: block;
position: relative;
margin: 10px 0;
font-size: 16px;
text-align: left;
}
.rc-rc.register-radio{
display: inline-block !important;
}
.rc-rc.align-to-input {
margin-top: 28px;
}
.rc-rc.inline {
display: inline-block;
}
.rc-rc input[type=checkbox],
.rc-rc input[type=radio] {
display: none;
}
.rc-rc input[type=checkbox] ~ span,
.rc-rc input[type=radio] ~ span {
display: inline-block;
padding-left: 35px;
white-space: normal;
}
.rc-rc input[type=checkbox] ~ span:before,
.rc-rc input[type=radio] ~ span:before {
content: "";
width: 20px;
height: 20px;
display: block;
position: absolute;
left: 0;
top: 0px;
bottom:0px;
margin: inherit;
border: 3px solid #989898;
-webkit-transition: border 0.3s;
-o-transition: border 0.3s;
transition: border 0.3s;
}
.rc-rc:hover input[type=checkbox] ~ span:before,
.rc-rc:hover input[type=radio] ~ span:before {
border-color: #bbb;
}
.rc-rc input[type=radio] ~ span:before {
border-radius: 50%;
}
.rc-rc input[type=radio] ~ span:after {
background-color: transparent;
border-radius: 50%;
width: 10px;
height: 10px;
content: "";
position: absolute;
left: 5px;
bottom: 0px;
margin: inherit;
top: 5px;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.rc-rc input[type=radio] ~ span.radio-correct:after { margin-top:7px;}
.rc-rc input[type=radio] ~ span.radio-correct:before { margin-top:7px; }
.rc-rc input[type=radio]:checked ~ span:before {
border-color: #F72363;
}
.rc-rc input[type=radio]:checked ~ span:after {
background-color: #F72363;
}
.rc-rc input[type=checkbox] ~ span:before {
opacity: 1;
-webkit-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.rc-rc input[type=checkbox]:checked ~ span:before {
opacity: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.rc-rc input[type=checkbox] ~ span:after {
font-family: 'MaterialDesignIcons';
content: '\f1f1';
position: absolute;
text-transform: none;
left: -5px;
top: -11px;
font-size: 32px;
color: #00A14A;
opacity: 0;
-webkit-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.rc-rc input[type=checkbox]:checked ~ span:after {
opacity: 1;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.rc-rc {
pointer-events: none;
}
.rc-rc span::before, .rc-rc span::after {
pointer-events: all !important;
}
.rc-rc .rc_div_alert {
color: #F72363;
text-transform: none;
position: absolute;
bottom: -17px;
left: 35px;
}
.rc-rc .rc_div_alert .validator_arr {
display: none;
}
.rc-rc.adress-radio {
margin-top: 41px;
text-align: center;
}
.rc-rc.adress-radio > span:before {
left: 30% !important;
}
.rc-rc.adress-radio ~ input[type="radio"] {
display: none;
text-align: center;
margin-lefT: 40px;
margin-top: 40px;
}
.rc-rc.adress-radio input[type=radio] ~ span:before {
border-radius:3px;
}
.rc-rc.adress-radio input[type=radio]:checked ~ span:before {
border-color: #fff;
}
.rc-rc.adress-radio input[type=radio]:checked ~ span:after {
content:'\f1f1';
font-size:60px;
color:#67d645;
top: -38px;
left: 21%;
background-color:#fff;
border:none;
font-family: 'MaterialDesignIcons';
}
.payment-box img {
display: block;
}
.payment-box .rc-rc span:before,
.payment-box .rc-rc span:after {
top: 50% !important;
}
.payment-box .rc-rc span:before {
margin-top: -10px !important;
}
.payment-box .rc-rc span:after {
margin-top: -5px !important;
}
/**********/
/* Header */
/**********/
.header-main, .header-wrap {
position: relative;
z-index:70;
}
.header-wrap.oh {
overflow: hidden;
}
.rc-header-logo img{
max-height: 110px;
max-width: 100%;
margin:20px 0px;
}
/* Header Top */
.header-top {
border-bottom: 1px solid #e1e1e1;
}
.height-header-top{
height:35px;
}
.online, .languages, .currencies, .products_compare, .wishlist, .account-link {
float: left;
margin: 0 5px;
}
.products_compare, .wishlist{
padding: 5px 0;
}
.online span {
margin: 6px 0;
}
.languages span {
display: inline-block;
margin: 0px 7px;
}
.languages img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+ */
filter: gray;
filter: grayscale(100%);
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease;
/* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden;
/* Fix for transition flickering */
}
.languages span.active img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
.currencies {
padding-top: 4px;
}
.currencies select {
padding: 4px 10px;
font-size: 12px;
}
.currencies div.fancy-select div.trigger {
padding: 5px 25px 5px 15px;
font-size: 10px;
width: 95%;
}
.currencies div.fancy-select ul.options {
top: 28px;
}
.currencies div.fancy-select ul.options li {
font-size: 10px;
}
.currencies div.fancy-select div.trigger:after {
top: 10px;
}
.products_compare, .wishlist {
position: relative;
}
.header-top, .header-top a:not(.button){
display: inline-block;
color: #868686;
font-size: 12px;
}
.account a:hover {
color: #444;
}
.account a i {
vertical-align: middle;
margin-right: 5px;
font-size: 16px;
color: #b5b5b5;
}
#toggle_mobile_menu{
color: #000;
font-size: 34px;
}
#saveCartBt { margin-left: 12px;}
/* Search */
.input-search {
position: relative;
top: 0;
left: 0;
background-color: #960d11;
opacity: 0;
visibility: hidden;
z-index: 30;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.button-margin, .elements-margin { margin-top:10px;margin-bottom:10px;}
.input-search.visible {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.s-inputs, .s-button {
display: inline-block;
position: relative;
}
.s-inputs:after {
content: "";
border-bottom: 2px solid #fff;
position: absolute;
width: 0;
height: 1px;
left: 50%;
bottom: 0;
z-index: 30;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.s-inputs.hasContent:after {
left: 0;
width: 100%;
}
.s-button {
position: relative;
}
.s-button span a {
position: relative;
display: block;
margin-top: -5px;
font-size: 26px;
color: #F72363;
-webkit-transition: color 0.28s;
-o-transition: color 0.28s;
transition: color 0.28s;
}
.search-trigger {
display: block;
position: relative;
font-size: 32px;
line-height: 32px;
}
.search-overlay {
position: absolute;
background-color: #960d11;
border-radius: 50%;
width: 0;
height: 0;
z-index: 20;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.search-overlay.visible {
width: 3200px;
height: 3200px;
}
.search-close {
font-size: 28px;
color: #db5559;
line-height: 1;
}
.search-close:hover {
color: #fff;
}
#sugget_container {
width: 972px;
z-index: 1000;
margin-top: -1px;
background-color: #fff;
border: 1px solid #ddd !important;
padding: 0 !important;
}
#sugget_container > div:first-child {
position: absolute;
right: 0;
top: 0;
color: transparent;
}
#sugget_container > div:first-child:before {
content: "\f216";
font-size: 16px;
display: block;
width: 26px;
height: 30px;
text-align: left;
padding-left: 5px;
line-height: 30px;
color: #333;
position: absolute;
right: -27px;
top: 0;
background-color: #fff;
border-radius: 0 15px 15px 0;
font-family:'MaterialDesignIcons';
}
#sugget_container > div:first-child:hover:before {
background-color: #f9f9f9;
}
#sugget_container .suggest-item {
position: relative;
}
#sugget_container .suggest-item:hover a {
background-color: #f9f9f9;
}
#sugget_container .suggest-photo {
position: absolute;
top: 5px;
left: 10px;
}
#sugget_container .suggest-name {
padding: 0 !important;
}
#sugget_container .suggest-name, #sugget_container .suggest-name a {
width: 100% !important;
height: 60px;
overflow: hidden;
}
#sugget_container .suggest-name a {
display: block;
padding: 0 20px 0 85px;
font-size: 18px;
font-weight: 400;
line-height: 58px;
}
#sugget_container .suggest-separator {
border-bottom: 1px solid #ddd !important;
}
#sugget_container .suggest-more {
text-align: center !important;
}
#sugget_container .suggest-more a {
display: block;
padding: 8px;
}
.additional-element img {
min-width: 300px;
}
.row.d-flex {
display: flex;
align-items: center;
}
.row.d-flex > div:nth-of-type(2) {
padding-left: 30px;
font-size: 24px;
color: #190101;
font-weight: 700;
}
/* Header Cart */
.cart {
position: relative;
z-index: 10;
}
#ajax_header_cart_items, .ajax-items-wishlist, .ajax-items-compare {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
background-color: #F72363;
font-size: 12px;
font-weight: 400;
color: #fff;
text-align: center;
border-radius: 50%;
box-shadow: 0px 0px 4.25px 0.75px rgba(0, 0, 0, 0.36);
}
#ajax_header_cart_items{
position: absolute;
right: 0px;
top:50%;
}
.ajax-items-wishlist, .ajax-items-compare {
position: static;
height: 18px;
width: 18px;
line-height: 18px;
margin-left:8px;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
}
.ajax-items-wishlist:empty, .ajax-items-compare:empty { display: none;}
.wishlist .ajax-items-wishlist:empty { margin-left: 0px;}
.product_quantity {font-size:13px; color:#939393; margin-bottom:5px; }
.product_quantity span {color:#575757; font-weight: 700;}
.shipping-photo { max-height: 50px;}
#ajax_header_cart_items {
pointer-events: none;
cursor: default;
}
.show-cart i {
font-size: 32px;
line-height: 32px;
}
/* Cart Preview */
.cart-preview {
position: absolute;
right: 0;
top: 100%;
width: 340px;
background-color: #fff;
border: 1px solid #e1e1e1;
z-index: 200;
}
.cart-preview-compare, .cart-preview-wishlist{
position: absolute;
right:auto;
left:0px;
}
.cart-preview:empty{
display:none;
}
.cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist) {
box-shadow: 0 1px 5px rgba(0,0,0,0.07);
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
}
.cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist).visible {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist).basket {
top: 75%;
}
.cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist):before {
position: absolute;
z-index: 15;
top: -10px;
right: 20px;
content: "";
width: 10px;
height: 10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
outline: none;
}
.cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist):after {
z-index: 10;
position: absolute;
top: -11px;
right: 20px;
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ddd;
}
.cart-preview-sticky {
display: block !important;
position: fixed;
right: -360px;
top: 0;
bottom: 0;
width: 360px;
padding: 0;
z-index: 1000;
border-width: 0 0 0 1px;
}
#wrapper {
-webkit-transition: filter 0.3s;
-o-transition: filter 0.3s;
transition: filter 0.3s;
}
/*
.cart-preview-open {
overflow: hidden;
}*/
.body-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: 0;
z-index: 90;
}
.cart-preview .title {
font-size: 16px;
border-bottom: 1px solid #e6e6e6;
padding: 15px;
position: relative;
}
.cart-preview.cart-preview-sticky .products-list {
position: absolute;
left: 0;
bottom: 69px;
right: 0;
overflow-x: hidden;
overflow-y: auto;
top: 54px;
}
.cart-preview:not(.cart-preview-sticky):not(.cart-preview-compare):not(.cart-preview-wishlist) .products-list {
overflow-x: hidden;
overflow-y: auto;
}
.cart-preview .preview-photo {
float: left;
}
.cart-preview .product {
border-bottom: 1px solid #e6e6e6;
padding: 15px;
position: relative;
}
.cart-preview .product:last-child {
border-bottom: 0;
}
.cart-preview .preview-name {
margin: 0;
padding: 0;
}
.cart-preview .preview-options {
font-size: 12px;
color: #666;
padding-top: 5px;
}
.cart-preview .preview-price {
font-size: 16px;
font-weight: bold;
padding-top: 5px;
}
.cart-preview .preview-empty {
padding: 25px 15px;
text-align: center;
color: #999;
font-size: 16px;
}
.cart-preview .preview-empty i {
font-size: 72px;
margin-bottom: 15px;
}
.cart-preview .preview-button {
text-align: right;
padding: 15px;
background-color: #f9f9f9;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #e6e6e6;
}
.cart-preview-compare .preview-button, .cart-preview-wishlist .preview-button, .cart-preview .preview-button{
position:static;
}
.cart-preview-sticky .preview-button{
position: absolute;
}
.cart-preview .preview-close {
font-size: 24px;
position: absolute;
right: 20px;
top: 50%;
height: 24px;
margin-top: -12px;
}
/*************/
/* Main Menu */
/*************/
#top_menu {
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
background-color: #fff;
position: relative;
z-index: 50;
}
/* Kategorie */
.categories-button {
margin-top: -1px;
margin-bottom: -1px;
position: relative;
z-index: 5;
}
.categories-button > a {
display: block;
background-color: #F72363;
color: #fff;
font-size: 25px;
font-weight: 400;
padding: 19px 16px 18px;
position: relative;
}
.categories-button > a i {
margin-right: 10px;
/* opacity: 0.5; */
font-size: 25px;
vertical-align: middle;
/* margin-top: -5px; */
position: absolute;
right: 8px;
top: calc(50% - 12.5px);
}
.categories-button > a .arrow {
float: right;
font-size: 24px;
color: #fff;
opacity: 1;
}
.rc-box-categories .box-title .toggle-categories a{
float: right;
font-size: 24px;
position: relative;
top: -3px;
}
.rc-box-categories .box-title .toggle-categories a i{
color: #F72363;
}
.categories-button .rc-box-categories-classic {
border: 1px solid #d7d7d7;
border-top: 0;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 40;
left: 8px;
right: 8px;
top: 100%;
box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.categories-button:hover .rc-box-categories-classic {
visibility: visible;
opacity: 1;
}
.s-cat-list-name a{
font-size: 14px;
font-weight: 400;
color: #000;
border: 1px solid #E1E1E1;
border-top:0px solid #e1e1e1;
padding: 10px 15px;
display: block;
}
.sub-category-item {
margin:0 0px 10px;
padding:5px;
}
.s-cat-list-foto {
border: 1px solid #E1E1E1;
padding-top:10px;
border-bottom: 0px solid #E1E1E1;
}
.sub-category-item .s-cat-list-foto{
opacity: 1;
transition: all 0.3s;
}
.sub-category-item:hover .s-cat-list-foto{
opacity: .7;
transition: all 0.3s;
}
.sub-category-item:hover .s-cat-list-name a{
background: #fbfbfb;
}
/**** Kategrie Mobilne ****/
.mobile-navigation {
display: none;
}
/*** Menu ***/
.megamenu, .megamenu2 {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.megamenu > li, .megamenu2 > li {
display: inline-block;
}
.megamenu > li:not(.menuitem_fullwidth) {
position: relative;
}
.megamenu > li > a, .megamenu2 > li > a {
font-size: 16px;
font-weight: 400;
line-height: 1.40em;
text-transform: uppercase;
color: #262626;
display: block;
padding: 19px 23px;
border-width: 0 1px;
border-style: solid;
border-color: transparent;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.megamenu > li:hover > a, .megamenu2 > li:hover > a {
border-color: transparent;
background-color: #fafafa;
text-decoration: none;
}
.dropdown {
display: none;
}
/************/
/* Elements */
/************/
.visible-xxs, .visible-xxs-block, .visible-xxs-inline-block, .visible-xxs-inline {
display: none !important;
}
.view_price, .view_price_old {
font-weight: 700;
display: inline-block;
}
.view_price {
color: #F72363;
font-size: 14px;
}
.view_price_old {
margin-left: 5px;
color: #898989;
text-decoration: line-through;
}
.price_sale{
font-weight: 700;
}
.small_cutdown_main{
background: #F72363;
color: #FFFFFF;
font-weight: 700;
padding: 6px 10px;
margin-left: 10px;
}
.view_price_shipping_text{
color: #F72363;
}
.view_price_def{
font-size:12px;
}
.price_sale, .price_cutdown, .view_price_global .view_price_shipping, .view_price_def{
margin: 5px 0;
padding: 0;
}
.m_pinfo_text_price, .view_price_shipping, .view_price_def {
color: #666;
}
.title-message {
color:#858585;
font-size:18px;
}
/***/
.addComplementary{
background-color:#fff;
box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.25);
color: #000;
padding:15px;
margin-bottom:16px;
}
.addComplementary.active{
background-color:#FDFDFD;
}
.product-input {
display: inline-flex;
justify-content: space-between;
border:1px solid #e1e1e1;
background-color: #fff;
}
.product-input input {
background-color: transparent;
height: 48px;
width: 50px;
text-align: center;
color: #6c6c6c;
font-size: 20px;
}
.product-input a {
padding: 0 10px;
line-height: 48px;
font-size: 12px;
color: #010101;
background-color: #fff;
cursor: pointer;
}
.product-input a:first-child {
border-right:1px solid #e1e1e1;
}
.product-input a:last-child {
border-left:1px solid #e1e1e1;
}
.product-input a:hover {
background-color: #f6f6f6;
}
.product-input.flex{
display: flex;
}
.product-input.flex input {
width:calc(100% - 66px);
}
.product-input.mini a {
line-height: 34px;
font-size: 7px;
padding: 0 5px;
}
.product-input.mini input {
height: 36px;
width: 34px;
font-size: 14px;
}
/***/
.marker:not(:empty) {
font-size: 16px;
color: #ffffff;
background-color: #F72363;
display: inline-block;
padding: 5px 10px;
z-index: 10;
}
/***/
.view_stock_info_text_ok, .view_stock_info_text_not {
font-size: 14px;
cursor: pointer;
}
.view_stock_info_text_ok:before, .view_stock_info_text_not:before {
font-family: 'MaterialDesignIcons';
margin-right: 5px;
font-size: 18px;
display: inline-block;
vertical-align: middle;
}
.view_stock_info_text_ok {
color: #00a650;
}
.view_stock_info_text_ok:before {
content: "\f1f1";
}
.view_stock_info_text_not {
color: #e45656;
}
.view_stock_info_text_not:before {
content: "\f371";
}
.view_stock_info_text_ok, .view_stock_qauntity_info {
display: inline-block;
}
.view_stock_qauntity_info {
margin-left: 5px;
font-size: 12px;
}
.cross-container .view_stock_info_text_ok,
.cross-container .view_stock_qauntity_info {
display: block;
text-align: center;
}
/** product box **/
.paralax
{/* min-height: 250px; */background-attachment: fixed !important;background-size: 100% auto !important;padding-top: 20px;padding-bottom: 20px;margin-bottom: 10px;}
.ghoust-button {
padding: 10px 20px;
border-radius: 22px;
border: 1px solid #fff;
color: #fff !important;
font-weight: 700;
}
.ghoust-button:hover {
background: #fff;
color:#000 !important;
}
table.row-stripes > tbody > tr:nth-child(2n) {
background: #F2F2F2;
}
.conteiner-cms table.row-stripes td { border-bottom:none;}
.product-inside {
text-align: center;
border-radius:0px;
margin: 0px;
padding-top: 10px;
background-color: #fff;
margin-bottom: 16px;
border: 1px solid #e1e1e1;
padding-bottom: 10px;
/* height: 100%; */
}
.product-inside:hover {
box-shadow: 0px 0px 8px 0.25px rgba(0, 0, 0, 0.1);
}
.product-inside > .row {
margin: 0;
}
.product-photo > .col-xs-24 > a{
display: block;
width:100%;
}
.one-item .product-inside {
text-align: left;
}
.rc-box-products .box-classic .box-product + .box-product {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e6e6e6;
}
.box-product .box-photo,
.product-inside .product-photo {
position: relative;
text-align: center;
}
.countdown-box .product-photo a,
.price-hit .product-photo a {
display: block;
}
.countdown-box .one{
text-align: center;
}
.countdown-box .one{
text-align: center;
}
.countdown-box .product-inside{
display: inline-block;
}
.cross-container .box-photo {
margin-bottom: 10px;
}
.box-product .box-photo img,
.product-inside .product-photo img {
display: inline-block;
max-width: 100%;
}
/*
.product-inside .product-photo img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}*/
.product-inside .product-photo > div {
display: flex;
align-items: center;
justify-content: center;
}
.one-item .product-inside .product-photo, .one-item .product-inside .product-info {
display: inline-block;
vertical-align: top;
}
.product-inside .product-info {
/* margin-top: 10px; */
padding-top: 10px;
padding-bottom: 5px;
-webkit-transition: background-color 0.3s ease 0s;
-o-transition: background-color 0.3s ease 0s;
transition: background-color 0.3s ease 0s;
}
.product-item:not(.one-item) .product-inside:hover .product-info {
/* background-color: #f6f6f6; */
}
.box-product .box-product-name,
.product-inside .product-name {
font-size: 16px;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
}
.one-item .product-inside .product-name {
font-size: 18px;
}
.box-product .box-product-name, .box-product .box-product-name a,
.product-inside .product-name, .product-inside .product-name a {
color: #000;
}
.box-product .price_view_span,
.product-inside .price_view_span {
font-size: 18px;
}
.product-inside .producer-logo a, .product-inside .product-quantity .view_stock_info_text_ok, .product-inside .product-quantity .view_stock_qauntity_info {
display: inline-block;
}
.box-product .box_text_price {
display: none;
}
.box-product .view_price_shipping,
.product-inside .view_price_shipping,
.box-product .view_price_def,
.product-inside .view_price_def,
.box-product .view_price_suggest,
.product-inside .view_price_suggest,
.box-product .price_phone_text,
.product-inside .price_phone_text {
font-size: 12px;
}
.product-inside .product-rating .stars-container {
margin: 0px auto 10px;
padding: 0px;
overflow: hidden;
width: 84px;
height: 20px;
}
.one-item .product-inside .product-rating .stars-container {
margin-left: 0;
}
.product-inside .product-rating .stars-value {
background-position: left 25px;
background-color: transparent;
float: left;
margin: 0px;
padding: 0px;
display: block;
width: 84px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
}
.product-inside .product-buttons {
position: absolute;
top:0px;
right: 0px;
width: 100%;
text-align: center;
padding: 0px 4px;
}
.one-item .product-inside .product-buttons {
top: 0;
right: 15px;
bottom:auto;
}
.product-inside .product-buttons a {
border-radius: 50%;
text-align: center;
display: inline-block;
padding: 0;
opacity: 0;
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.product-inside:hover .product-buttons a {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.product-inside .product-buttons a:not(.product-add-cart) {
width: 36px;
height: 36px;
font-size: 16px;
margin-right: 8px;
margin-top: 8px;
}
.product-inside .product-buttons a:not(.product-add-cart) i {
line-height: 36px;
}
.product-inside .product-buttons a.product-add-cart {
width: 60px;
height: 60px;
}
.product-inside .product-buttons a.product-add-cart i {
line-height: 60px;
font-size:25px;
}
.product-inside .marker {
font-size: 12px;
position: absolute;
top: 10px;
left: 10px;
}
.one-item .product-inside .product-name, .one-item .product-inside .producer-logo a, .one-item .product-inside .product-quantity, .one-item .product-inside .view_price, .one-item .product-inside .view_price_shipping {
padding-bottom: 7px;
}
.product-inside .product-input {
margin-bottom: 7px;
}
.product-inside .product-input a {
line-height: 32px;
font-size: 8px;
padding: 0 5px;
}
.product-inside .product-input input {
height: 32px;
width: 38px;
font-size: 16px;
}
.rc-page-searcher .one-item .product-inside {margin-bottom: 15px;position: relative;}
/***/
#OverlayContainer_rcw {
opacity: 0.8 !important;
z-index: 2500 !important;
}
.container:empty{
display:none;
}
#OverlayContainer_rcw > div {
background-color: #fff !important;
}
.rc_windowContainer {
z-index: 3000;
}
.rc_windowHead {
font-size: 18px;
color: #fff;
}
.popup-header,
.rc_windowTitle:not(:empty) {
padding: 12px 70px 12px 20px;
background-color: #F72363;
}
.popup-container .closebtn,
.rc_windowbtclose {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 49px;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.rc_windowTitle:empty + .rc_windowbtclose {
border: 0;
color: #666;
}
.popup-container .closebtn:hover,
.rc_windowbtclose:hover {
cursor: pointer;
background-color: rgba(255, 255, 255, 0.05);
}
.rc_windowbtclose:before {
font-family: 'MaterialDesignIcons';
content: '\f581';
font-size: 22px;
}
.rc_windowBody,
.rc_windowBodyContainer > div,
.cross-product-add {
padding: 15px;
/* font-size: 16px; */
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}
#rc_window_rma_body { padding:20px;}
.rc_windowbodyContainer .rc_windowBody {
background-color: #fff;
}
.rc_windowBodyContainer .generic,
.rc_salert_mini.generic {
background-color: #D9EDF7;
border: 1px solid #AFDEF6;
text-align: center;
color: #31708F;
border-radius: 3px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.rc_windowBodyContainer .warning,
.rc_salert_mini.warning,
#rc_window_opt_body #listing_msg {
text-align: center;
border-radius: 3px;
background-color: #F9EDBE;
border: 1px solid #F0C36D;
color: #444;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.rc_windowBodyContainer .success,
.rc_salert_mini.success,
.cross-product-add {
text-align: center;
border-radius: 3px;
background-color: #DFF0D8;
border: 1px solid #D0E9C6;
color: #3C763D;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
#rc_window_opt_body #listing_msg,
.cross-product-add {
box-shadow: none;
}
.cross-product-add {
margin-bottom: 15px;
}
#listing_msg {
padding: 5px;
box-shadow: none;
}
#listing_msg:empty {
display: none;
}
.window-foot {
margin: 0 -15px -15px;
padding: 15px;
background-color: #f9f9f9;
border-top: 1px solid #e6e6e6;
}
.window-product-title {
font-weight: 400;
margin: 10px 0 0;
text-align: center;
}
.window-price {
float: left;
}
.window-price .view_price {
font-size: 24px;
margin-top: -4px;
}
.window-price .view_price > strong {
color: #333;
margin-right: 5px;
font-weight: normal;
}
.window-price .view_price_shipping,
.window-price .view_price_def {
font-size: 14px;
font-weight: normal;
margin: 0 0 -5px;
padding: 0;
color: #999;
}
.window-buy {
float: right;
}
.window-buy .buy-button {
display: inline-block;
}
.window-buy > * {
vertical-align: top;
}
.window-buy .buy-button .button {
padding: 16px 20px;
margin-left: 5px;
}
.rc-popups {
position: relative;
}
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(255,255,255,0.7);
z-index: 1000;
transform: perspective(0px) rotate3d(0,0,0,0deg);
}
.popup-dialog {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.popup-content {
display: inline-block;
text-align: left;
background-color: #fff;
position: relative;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
z-index: 1001;
}
.popup-header {
font-size: 24px;
}
.popup-header .closebtn {
color: #fff;
}
.popup-header h4 {
font-size: 18px;
margin: 0;
padding: 0;
color: #fff;
}
.popup-container:not(.popup-header) {
padding: 15px;
}
.popup-container .fn-button{
position: relative;
left: 5px;
top: 25px;
}
.popup-container .fn-button a:hover{
color: inherit;
}
/***/
.pagination {
display: block;
text-align: right;
margin:20px 3px;
}
.pagination .active{
background-color: #F72363;
color: #fff;
}
/***/
.container-title {
margin: 25px 0px 15px;
padding-bottom: 10px;
text-align: center;
}
.container-fluid + .container-title {
margin-top: 0;
}
.container-title span {
/* min-width: 35%; */
/* display: inline-block; */
padding: 8px 40px 8px 0;
font-size: 24px;
color: #190101;
font-weight: 700;
/* border-top: 1px solid #e1e1e1; */
font-family: 'Lora','Muli';
}
.modal-container-title, .modal-container-title span { margin-top:0px !important; padding-left:0px !important;}
.rc-page-account .container-title {
text-align: left;
}
.rc-page-account .container-title span {
border-top: 0;
padding-left: 15px;
}
.rc-page-cms .conteiner-cms {
padding-top: 10px;
}
/*****************/
/** Tables **/
/*****************/
/*****************/
/** Home slider **/
/*****************/
.home-slider-container .container-fluid {
padding-left: 0;
padding-right: 0;
}
#bannercontainer_-1 {
overflow: hidden !important;
position: relative;
}
/** Banners below slider **/
.home-banners {
margin-top: 5px;
}
.home-banner {
float: left;
width: 33%;
}
.home-banner a {
display: block;
height: 140px;
background-size: cover;
}
.home-banner:not(:last-child) a {
background-position: top center;
}
.home-banner:not(:first-child) {
margin-left: 0.5%;
}
.tp-bullets {
left: auto !important;
right: 12px !important;
bottom: 10px !important;
}
.tp-bullets .bullet {
background-image: none !important;
width: 50px !important;
height: 7px !important;
background-color: #c2c2c2 !important;
display: inline-block !important;
float: none !important;
margin: 0 0 0 10px !important;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.tp-bullets .bullet.selected {
background-color: #F72363 !important;
}
/***********/
/* Sidebar */
/***********/
aside#side .box{
margin-bottom: 20px;
}
aside#side .box-title{
font-size: 20px;
font-weight: 400;
/* text-transform: uppercase; */
margin: 0 0 15px;
border-bottom: 3px solid #e1e1e1;
padding: 8px 16px 8px;
background: #fcfcfc;
font-family: 'Lora';
}
aside#side .box-title, aside#side .box-title a {
color: #131313;
}
aside#side .box-body{
padding: 15px;
}
aside#side .box-body >div:first-child {
font-size:13px;
}
aside#side .box-body img {
max-width: 100%;
height:auto;
}
.box-body-button {
margin-top:10px;
text-align: center;
}
.box-body .blog li {
color: #555;
margin-bottom: 10px;
}
.box-body .blog li:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
}
.box_menu li {
border-bottom: 1px solid #e6e6e6;
}
.box_menu li:last-child {
border-bottom: 0;
}
.box_menu a {
display: block;
padding: 10px;
}
aside#side .rc-box-cms .box-body,
aside#side .rc-box-account .box-body {
padding-top: 0;
padding-bottom: 10px;
}
.tags {
text-align: center;
}
.tags li {
display: inline-block;
}
.tags a {
display: block;
padding: 5px 10px;
margin-bottom: 3px;
font-size: 13px;
border: 1px solid #e6e6e6;
-webkit-transition: color 0.3s, border-color 0.3s, background 0.3s;
-o-transition: color 0.3s, border-color 0.3s, background 0.3s;
transition: color 0.3s, border-color 0.3s, background 0.3s;
}
.tags a:hover {
border-color: #F72363;
background: #F72363;
color: #fff;
}
/** Kategorie **/
.rc-box-categories .box-title,
.rc-box-categories-classic .box-title {
display: none;
}
.rc-box-categories .box-title,
.rc-box-categories-more .box-title {
margin: 0;
padding: 10px 15px 15px !important;
border-bottom: 3px solid #F72363 !important;
line-height: 16px !important;
}
.rc-box-categories-more + .rc-box-categories .box-title {
display: block;
padding: 15px !important;
}
.rc-box-categories-more .categories-tree,
.rc-box-categories .categories-tree,
.classic-categories-tree {
padding: 0 !important;
}
.rc-box-categories-more .categories-tree ul,
.rc-box-categories .categories-tree ul,
.classic-categories-tree ul {
margin: 0;
padding: 0;
list-style: none;
}
.ajax-page-loader { margin-top:20px;}
.categories-ajax li > ul {
position: absolute;
left: 100%;
z-index: 50;
min-width: 220px;
top: 0px;
margin-left: -1px !important;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rc-box-categories-mob-ajax li > ul {
position: relative;
opacity: 1;
visibility: visible;
top: auto;
left: auto;
margin-left: 9px;
width: calc(100% + 2px);
}
.rc-box-categories-mob-ajax li > ul {
border-bottom: 0;
}
.rc-box-categories-mob-ajax li ul.depth-2 > li {
background-color: #f4f4f4;
}
.rc-box-categories-mob-ajax li ul.depth-3 > li {
background-color: #ededed;
}
.categories-ajax li:hover > ul {
opacity: 1;
visibility: visible;
background: #fff;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.rc-box-categories-mob-ajax .categories-tree a,
.rc-box-categories-more .categories-tree a,
.rc-box-categories .categories-tree a,
.classic-categories-tree a {
color: #262626;
font-size: 16px;
display: block;
padding: 10px 20px;
position: relative;
}
.rc-box-categories-mob-ajax li ul {
transform: none;
}
.rc-box-categories-mob-ajax li ul.depth-2 > li > a {
padding-left: 40px;
}
.rc-box-categories-mob-ajax li ul.depth-3 > li > a {
padding-left: 60px;
}
.rc-box-categories-mob-ajax .categories-tree li,
.rc-box-categories-more .categories-tree li,
.rc-box-categories .categories-tree li,
.classic-menu {
position: relative;
/* background-color: #fbfbfb; */
}
.rc-box-categories-mob-ajax .categories-tree li:first-child,
.rc-box-categories-more .categories-tree li:first-child,
.rc-box-categories .categories-tree li:first-child,
.classic-menu:first-child {
border-top: 0;
}
.rc-box-categories-mob-ajax .categories-tree li:hover > a,
.rc-box-categories-more .categories-tree li:hover > a,
.rc-box-categories .categories-tree li:hover > a,
.classic-menu a:hover {
background-color: #fbfbfb;
}
.rc-box-categories-mob-ajax li ul.depth-2 > li:hover > a {
background-color: #f0f0f0;
}
.rc-box-categories-mob-ajax li ul.depth-3 > li:hover > a {
background-color: #eaeaea;
}
.rc-box-categories-more .categories-tree li > ul > li:hover > a, .rc-box-categories .categories-tree li > ul > li:hover > a {
background-color: #fbfbfb;
font-weight: 700;
}
.classic-level-2, .classic-level-3, .classic-level-4 {
border-top: 1px solid #e1e1e1;
position: relative;
}
.classic-level-2:before, .classic-level-3:before, .classic-level-4:before {
position: absolute;
content: "";
left: 15px;
top: 0;
height: 44px;
border-left: 1px dotted #ccc;
z-index: 2;
}
.classic-level-2:after, .classic-level-3:after, .classic-level-4:after {
width: 13px;
border-top: 1px dotted #ccc;
content: "";
position: absolute;
left: 15px;
top: 22px;
z-index: 2;
}
.classic-level-3:after {
width: 28px;
}
.classic-level-4:after {
width: 43px;
}
.classic-level-2 a {
padding-left: 35px;
}
.classic-level-3 a {
padding-left: 50px;
}
.classic-level-4 a {
padding-left: 65px;
}
.classic-level-2 a:hover, .classic-level-3 a:hover, .classic-level-4 a:hover {
background-color: #fbfbfb;
}
.classic-active a, .classic-level-active a {
color: #F72363;
}
.producer-logo img {
max-width: 70px;
}
/** Filtry **/
.rc-box-filter-search {/* border-width: 1px 0px 0px 0px !important; */}
.rc-box-filter-search .box-title {
margin-bottom: 0 !important;
}
.rc-box-filter-search .box-body {
padding-top: 0 !important;
}
.filter-box {
border-top: 1px solid #e6e6e6;
padding-top:15px;
padding-bottom:15px;
}
.filter-box:first-child {
border-top: 0;
}
.filter-title {
font-size: 16px;
margin: 0;
position: relative;
cursor:pointer;
}
.filter-collapse {
color: #F72363;
font-size: 24px;
position: absolute;
right: 0;
top: -5px;
}
.filter-collapse:before {
font-family: 'MaterialDesignIcons';
content: "\f207";
position: absolute;
right: 0;
top: 0;
display: block;
}
.collapsed .filter-collapse:before {
content: "\f204";
}
.input-search {
top: 24%;
}
.filter-content {
padding: 10px 0 20px;
}
.filter-content input[type=checkbox] {
display: none;
}
.filter-content label:not(.input-text) {
padding-left: 20px;
position: relative;
padding: 3px 0 3px 25px;
display: block;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
.filter-content label:not(.input-text):before {
content: "";
width: 18px;
height: 18px;
border-radius: 3px;
border: 1px solid #e6e6e6;
position: absolute;
left: 0;
top: 5px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.filter-content label:after {
color: #fff;
font-family: 'MaterialDesignIcons';
content: '\f1f1';
font-size: 18px;
position: absolute;
left: 0;
top: 1px;
opacity: 0;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.filter-content label:hover:before {
border-color: #ccc;
}
.filter-content input[type=checkbox]:checked + label {
color: #ed1c24;
}
.filter-content input[type=checkbox]:checked + label:after {
opacity: 1;
}
.filter-clear {
text-align:right;
}
.filter-clear a {
font-size:10px;
text-decoration: underline;
color:#323232;
cursor: pointer;
}
#filter-prices {
margin-top: 8px;
color: #555;
font-size: 12px;
}
input[name="prices[0]"], input[name="prices[1]"] {
display: none;
}
#filter-prices .price-min {
float: left;
}
#filter-prices .price-max {
float: right;
}
.filter-color-element {
display: inline-block;
}
.filter-content li.filter-color-element label {
padding-left:5px !important;
}
.filter-content li.filter-color-element label::after {
content:'';
}
.filter-content li.filter-color-element label::before {
content: "";
width: 0px !important;
height: 0px !important;
border-radius: 0px;
border:0px solid #E6E6E6 !important;
position: absolute;
left: 0px;
top: 5px;
transition: all 0.2s ease 0s;
}
.filter-content input[type=checkbox]:checked + label:before {
background-color: #ed1c24;
border-color: #ed1c24;
}
.noUi-target{
background-color: #ebebeb;
position: relative;
border-radius: 0;
border: 0;
}
.noUi-horizontal{
height: 6px;
margin: 12px 10px;
}
.noUi-handle {
width: 20px !important;
height: 20px !important;
border: 0;
border-radius: 50%;
left: -10px !important;
top: -8px !important;
background-color: #fff;
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.noUi-handle:before, .noUi-handle:after {
display: none;
}
.noUi-connect {
background-color: #F72363;
}
.filter-tags {
padding-bottom: 15px;
}
.filter-tag {
display: block;
border-bottom: 1px solid #e6e6e6;
padding: 4px 0;
}
.filter-tag:last-child {
border-bottom: 0;
}
.filter-remove {
float: right;
}
.filter-actions, .filter-tags {
border-top: 1px solid #e6e6e6;
}
.filter-actions {
padding-top: 20px;
}
.filter-button {
float: left;
}
.filter-clear {
float: right;
margin-top: 5px;
font-size: 12px;
}
/*************/
/* Kontenery */
/*************/
#wrapper {
position: relative;
-webkit-transition: transform 0.15s ease-in;
-o-transition: transform 0.15s ease-in;
transition: transform 0.15s ease-in;
}
/***************/
/* Breadcrumbs */
/***************/
.breadcrumb-margin{
margin-bottom: 20px;
}
.breadcrumb ul {
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumb > ul > li {
position: relative;
display: inline-block;
padding: 10px 0;
}
.breadcrumb > ul > li:after {
content: "/";
position: absolute;
right: 0;
top: 10px;
color: #858585;
}
.breadcrumb > ul > li:last-child:after {
display: none;
}
.breadcrumb > ul > li > a {
padding: 0 15px 0 5px;
display: block;
color: #484848;
}
.breadcrumb > ul > li:first-child > a {
padding-left:0px;
}
.breadcrumb > ul > li > a:hover, .breadcrumb > ul > li:last-child > a {
color: #F72363;
}
.breadcrumb ul ul {
visibility: hidden;
opacity: 0;
position: absolute;
left: 2px;
top: 100%;
border: 1px solid #e1e1e1;
background-color: #fff;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
z-index:40;
}
.breadcrumb li:hover > ul {
opacity: 1;
visibility: visible;
}
.breadcrumb ul ul a {
white-space: nowrap;
padding: 7px 20px;
display: block;
border-top: 1px solid #e1e1e1;
}
.breadcrumb ul ul li:first-child a {
border-top: 0;
}
.breadcrumb ul ul a:hover {
background-color: #f9f9f9;
}
/**********
/* Footer */
/**********/
footer#footer {
margin-top: 30px;
}
.footer-bottom{
padding-top:15px;
padding-bottom:15px;
}
/** Newsletter **/
.footer-newsletter {
/* background-color: #d25257; // UGLY */
background-color: #960D11;
padding: 35px 0px;
}
.fn-textblock {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.fn-title, .fn-description {
color: #fff;
font-weight: 400;
}
.fn-title {
font-size: 29px;
margin: 0px;
text-transform: uppercase;
}
.fn-description {
font-size: 14px;
}
.fn-form {
position: relative;
margin-top: 40px;
float: none;
}
.s-inputs label.input-label{
margin-top:-20px !important;
}
body:not(.no-material) label.other-color.input-label{
border-bottom-color: #DB5559;
}
body:not(.no-material) label.other-color.input-label input {
width: 100%;
color: #fff;
}
body:not(.no-material) label.other-color.input-label .label-text{
color: #DB5559;
}
body:not(.no-material) label.other-color.input-label input,
body:not(.no-material) label.other-color.input-label .label-text{
padding: 12px 15px;
font-size: 18px;
}
body:not(.no-material) label.other-color.input-label.hasContent input:focus ~ .label-text {
color: #fff;
}
body:not(.no-material) label.other-color.input-label .label-text:before {
background-color: #fff;
}
.fn-button a {
color: #DB5559;
font-size: 28px;
}
.fn-button a#footer_newsletters_bt{
padding:0px;
display:inline !important;
}
.fn-button a:hover {
color: #fff;
}
/** Footer Boxes **/
.footer-informations {
/* background-color: #f6f6f6; */
padding-top:15px;
padding-bottom:30px;
border: 1px solid #e1e1e1;
}
.footer-informations .nav-header {
color: #000000;
font-size: 18px;
font-weight: 400;
margin: 0;
padding: 10px 0;
/* border-bottom: 1px solid #d7d7d7; */
}
.footer-informations ul {
margin: 0;
padding: 5px 0 0;
list-style: none;
}
.footer-informations li {
margin-top: 5px;
}
/** social **/
a.social {
font-size: 14px;
padding: 6px;
border: 2px solid #D7D7D7;
height: 30px;
width: 30px;
display: inline-block;
margin: 4px 2px;
border-radius: 50%;
line-height: 1;
}
.social-conteiner a:first-of-type{
margin-left: 0;
}
a.social[title~="google"]:hover{ border-color:#dd4b39; background: #dd4b39; color: #fff;} /** google **/
a.social[title~="facebook"]:hover{ border-color: #3b5998; background: #3b5998; color: #fff;} /** facebook **/
a.social[title~="pinterest"]:hover{ border-color: #cb2027; background: #cb2027; color: #fff;} /** pinterest **/
a.social[title~="dropbox"]:hover{ border-color: #007ee5; background: #007ee5; color: #fff;} /** dropbox **/
a.social[title~="flickr"]:hover{ border-color: #ff0084; background: #ff0084; color: #fff;} /** flickr **/
a.social[title~="linkedin"]:hover{ border-color: #007bb5; background: #007bb5; color: #fff;} /** linkedin **/
a.social[title~="skype"]:hover{ border-color: #12A5F4; background: #12A5F4; color: #fff;} /** skype **/
a.social[title~="tumblr"]:hover{ border-color: #32506d; background: #32506d; color: #fff;} /** tumblr **/
a.social[title~="twitter"]:hover{ border-color: #00aced; background: #00aced; color: #fff;} /** twitter **/
a.social[title~="youtube"]:hover{ border-color: #bb0000; background: #bb0000; color: #fff;} /** youtube **/
a.social[title~="dribbble"]:hover{ border-color: #ea4c89; background: #ea4c89; color: #fff;} /** dribbble **/
a.social[title~="myspace"]:hover{ border-color: #00349A; background: #00349A; color: #fff;} /** myspace **/
/** Copyright **/
.copyright {
font-size: 12px;
padding: 10px 0;
display: block !important;
}
.copyright, .copyright a {
color: #000;
}
/** Slider */
.owl-prev, .owl-next,
.slick-prev, .slick-next {
width: 25px;
height: 50px;
position: absolute;
top: 50%;
margin-top: -20px;
text-indent: -9999px;
border: 0;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s, visibility 0.3s;
-o-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
opacity: 0;
visibility: hidden;
}
.owl-prev:before, .owl-next:before,
.slick-prev:before, .slick-next:before {
font-family: 'MaterialDesignIcons';
position: absolute;
top: 2px;
text-indent: 0;
font-size: 28px;
line-height: 48px;
}
.owl-prev,
.slick-prev {
box-shadow: -3px 0 2px rgba(0, 0, 0, 0.1) inset;
left: -25px;
border-radius: 0 25px 25px 0;
}
.owl-prev:before,
.slick-prev:before {
left: -5px;
content: "\f205";
}
.owl-next,
.slick-next {
box-shadow: 3px 0 2px rgba(0, 0, 0, 0.1) inset;
right: -25px;
border-radius: 25px 0 0 25px;
}
.owl-next:before,
.slick-next:before {
content: "\f206";
right: -5px;
}
.rc-box-products .owl-prev {
left: -1px;
}
.rc-box-products .owl-next {
right: -1px;
}
.gallery-horizontal #pinfo-thumbs .slick-prev {
left: -35px;
}
.gallery-horizontal #pinfo-thumbs .slick-next {
right: -35px;
}
.gallery-vertical #pinfo-thumbs .slick-prev,
.gallery-vertical #pinfo-thumbs .slick-next {
width: 50px;
height: 25px;
left: 50%;
right: auto;
margin-left: -25px;
}
.gallery-vertical #pinfo-thumbs .slick-prev:before,
.gallery-vertical #pinfo-thumbs .slick-next:before {
text-indent: 0;
line-height: 25px;
left: 0;
right: 0;
}
.gallery-vertical #pinfo-thumbs .slick-prev {
box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.1) inset;
border-radius: 0 0 25px 25px;
top: -10px;
}
.gallery-vertical #pinfo-thumbs .slick-prev:before {
content: "\f207";
top: -2px;
}
.gallery-vertical #pinfo-thumbs .slick-next {
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1) inset;
border-radius: 25px 25px 0 0;
bottom: -35px;
top: auto;
}
.gallery-vertical #pinfo-thumbs .slick-next:before {
content: "\f204";
top: auto;
bottom: -3px;
}
/**********************/
/* Searcher / Listing */
/**********************/
.filter-select{
display: inline-block;
white-space: nowrap;
margin-right:15px;
}
.listing-classic{
display: flex;
flex-wrap: wrap;
}
.one-item
{
border-bottom: 1px solid #ccc;
}
.one-item article{
display: flex;
justify-content: space-around;
flex-direction: row;
align-items: center;
}
.one-item article > *{
position:relative !important;
width:90%;
}
.one-item article > .product-photo{/* width:200px; */}
.category-description {
border: 1px solid #e1e1e1;
padding:0 20px 20px 20px;
text-align: justify;
}
.category-description-margin {
margin: 20px 0;
}
.listing-sorting{
margin:20px 0;
}
.listing-sorting select {
width: auto;
}
.listing-sorting > .row {
padding-top: 8px;
padding-bottom: 8px;
margin: 0;
background-color: #ffffff;
color: #737373;
border: 1px solid #e1e1e1;
}
.listing-sorting > .row span + span {
margin-left: 0px;
}
.listing-sorting > .row select {
padding: 3px 5px;
color: #242424;
margin: 0 5px;
display: inline-block;
vertical-align: middle;
border:0;
border-bottom: 1px solid #242424;
background-color: transparent;
}
.listing-sorting div.fancy-select {
display: inline-block;
vertical-align: middle;
}
.listing-sorting div.fancy-select div.trigger {
padding: 5px 25px 5px 15px;
font-size: 12px;
border-bottom: 1px solid #242424;
background-color: transparent;
width: auto;
display: inline-block;
color: #000;
}
.listing-sorting div.fancy-select ul.options {
top: 28px;
overflow: none;
}
.listing-sorting div.fancy-select ul.options li {
font-size: 12px;
color: #000;
}
.listing-sorting div.fancy-select ul.options li.selected {
color: #fff;
}
.listing-sorting div.fancy-select div.trigger:after {
top: 10px;
color: #000;
}
.listing-sorting .layout-choose {
text-align: right;
}
.listing-sorting .layout-choose a, .listing-sorting .layout-choose i {
padding: 0;
}
.listing-sorting .layout-choose a {
border-radius: 50%;
width: 32px;
display: inline-block;
height: 32px;
text-align: center;
}
.listing-sorting .layout-choose i {
line-height: 32px;
font-size: 24px;
}
.listing-sorting .layout-choose a + a {
margin-left: 5px;
}
.rc_filter_result {
color: #888;
padding: 5px 10px;
font-size: 12px;
}
/*********/
/* Pinfo */
/*********/
#pinfo-main {
position: relative;
}
#pinfo-main img {
max-width: 100%;
}
#pinfo-main .slide {
text-align: center;
width: inherit;
}
#pinfo-main .slideHref {
display: block !important;
width: inherit;
}
/* Gallery */
.quick-view-gallery .slideHref:hover, .quick-view-gallery .slideHref, .quick-view-gallery .slideHref img {
cursor: default !important;
}
.gallery-horizontal #pinfo-thumbs {
margin: 0 35px;
}
.gallery-vertical #pinfo-thumbs {
margin: 35px 0;
width: 100px;
}
.gallery-horizontal.on-top #pinfo-main {
margin-top: 15px;
}
.gallery-vertical.on-left #pinfo-main {
margin-left: 120px;
}
.gallery-vertical.on-right #pinfo-main {
margin-right: 120px;
}
.gallery-vertical.one-photo #pinfo-main {
margin-left: 0;
margin-right: 0;
}
.gallery-vertical #pinfo-main img {
height: auto !important;
}
.gallery-vertical.on-left #pinfo-thumbs {
float: left;
}
.gallery-vertical.on-right #pinfo-thumbs {
float: right;
}
.gallery-horizontal.on-bottom #pinfo-thumbs {
margin-top: 20px;
}
.gallery-horizontal #pinfo-thumbs .thumb {
text-align: center;
}
.gallery-vertical #pinfo-thumbs .thumb {
height: 140px;
position: relative;
text-align: center;
padding: 0;
margin: 0;
}
.gallery-vertical #pinfo-thumbs .thumb img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
margin: 0 auto;
padding: 0;
max-height: 130px;
}
.gallery-horizontal #pinfo-thumbs .thumb img {
display: inline-block;
}
.pinfo-gallery .marker {
position: absolute;
top: 10px;
left: 10px;
z-index: 30;
}
.zoomLens {
z-index: 10 !important;
}
#images > .slide:not(:first-child) img {
display: none;
}
#img_Prev, #img_Next {
display: block;
position: absolute;
top: 50%;
margin-top: -35px;
font-size: 32px;
background-color: #fff;
width: 35px;
height: 70px;
z-index: 10;
}
#img_Prev:hover, #img_Next:hover {
cursor: pointer;
}
#img_Prev i, #img_Next i {
line-height: 66px;
}
#img_Prev {
border-radius: 0 70px 70px 0;
left: 0;
text-align: right;
box-shadow: -4px 0 3px rgba(0, 0, 0, 0.1) inset;
}
#img_Prev i {
margin-right: 18px;
}
#img_Next {
border-radius: 70px 0 0 70px;
right: 0;
text-align: left;
box-shadow: 4px 0 3px rgba(0, 0, 0, 0.1) inset;
}
#img_Next i {
margin-left: 9px;
}
.lb-dataContainer {
position: absolute;
top: -50px;
left: 0;
right: 0;
}
.zoomContainer,
.zoomWindowContainer {
z-index: 2;
}
/* Description */
.main-arrows {
display: none;
}
.pinfo-prev-button, .pinfo-next-button {
display: inline-block;
width: 49%;
padding: 5px 0;
text-transform: capitalize;
}
.pinfo-prev-button {
text-align: left;
}
.pinfo-next-button {
text-align: right;
}
.quick-view {
padding: 30px 15px 15px;
}
.pinfo-name,
.quick-view-name a {
font-size: 24px;
font-weight: 400;
margin:0px;
}
.pinfo-price .view_price,
.quick-view-price .view_price {
font-size: 28px;
}
.pinfo-price .view_price_old,
.quick-view-price .view_price_old {
font-size: 24px;
}
.pinfo-options p,
.quick-view-options p {
margin: 0;
}
.pinfo-options-container{
display: flex;
flex-wrap: wrap;
}
.pinfo-options-item {
color: #5a5a5a;
}
.pinfo-options div > span,
.quick-view-options div > span {
color: #F72363;
font-size: 14px;
font-weight: 700;
display: block;
}
.pinfo-options div > span a,
.quick-view-options div > span a{
color:inherit;
}
.installment {
background: transparent url("../images/cart/discount-sprite.jpg") repeat scroll 0% 0%;
width: 50px;
height: 50px;
transition: all 0.2s ease-in-out 0s;
cursor: pointer;
}
.installment-icons { margin-bottom:20px;}
.installment-icons li {
display: inline-block;
list-style:none;
}
.credit-agricole {
background-position:0 0;
}
.santander {
background-position:-50px 0;
}
.zagiel {
background-position:-100px 0;
}
.grenke {
background-position:-150px 0;
width:150px;
}
.credit-agricole:hover {
background-position:0 -50px;
}
.santander:hover {
background-position:-50px -50px;
}
.zagiel:hover {
background-position:-100px -50px;
}
.grenke:hover {
background-position:-150px -50px;
width:150px;
}
.quick-view-button {
padding-top: 15px;
text-align: right;
}
.quick-view-product-info {
font-size: 14px;
font-weight: normal;
}
.pinfo-shipping-time span {
font-weight: normal;
}
.pinfo-features td {
display: block;
}
.pinfo-features td:first-child {
text-align: left !important;
font-size: 16px;
padding: 15px 0 10px;
}
.pinfo-features select {
font-size: 17px;
font-weight: 400;
color: #202020;
padding: 10px 15px;
}
.pinfo-container{
margin-top:-8px;
margin-bottom:-8px;
}
.pinfo-container-item{
padding-top:8px;
padding-bottom:8px;
}
.additional-buttons-container{
margin-right:-8px;
margin-left:-8px;
}
.additional-buttons-container .button{
margin:8px;
}
.inventory-label, .inventory-body {
margin:10px 0;
}
.inventory-container{
margin-top: -10px;
margin-bottom: -10px;
}
.pinfo-to-cart,
.pinfo-complementary-to-cart,
.modal-to-cart {
height:48px;
line-height: 38px;
padding-top:5px;
padding-bottom:5px;
}
.modal-to-cart { font-weight: 400; text-transform:uppercase;}
.pinfo-to-cart i,
.pinfo-complementary-to-
i {
vertical-align: text-top;
margin-top: 0px;
margin-right: 15px;
font-size: 21px;
}
.additional-buttons a.link {
color: #3c3c3c;
display: block;
font-size: 14px;
text-align: center;
}
.additional-buttons a.link i {
color: #8b8b8b;
margin-right: 10px;
font-size: 18px;
vertical-align: middle;
}
.additional-buttons .top a.link {
padding: 5px 0;
font-size: 14px;
}
.additional-buttons .top a.link i {
font-size: 22px;
vertical-align: middle;
margin-top: -2px;
}
.option-icon {
position: relative;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
text-align: center;
line-height: 28px;
border-radius: 50%;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
margin-right: 5px;
border:4px solid #fff;
width: 37px;
height: 37px;
margin-bottom:5px;
}
.option-icon:hover {
cursor: pointer;
}
.option-icon:before {
width: 37px;
height: 37px;
border: 2px solid #fff;
content: "";
top: -4px;
left: -4px;
position: absolute;
display: block;
border-radius: 50%;
-webkit-transition: border-color 0.2s;
-o-transition: border-color 0.2s;
transition: border-color 0.2s;
}
.option-icon.selected:before, .filter-content input[type=checkbox]:checked + label span:before {
border-color: #F72363;
}
.zoomWindow {
border-color: #e6e6e6 !important;
}
/** Rating **/
.pinfo-rating {
padding: 5px 0;
}
.stars {
background: url("../images/pinfo/stars.png") repeat transparent;
}
.moostar {
margin:0px;
padding:0px;
overflow:hidden;
width: 84px;
height: 20px;
float: left;
}
.moostar span {
float: left;
margin:0px;
padding:0px;
display: block;
width: 84px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
}
.moostar .curr {
background-position:left 25px;
background-color: #fff;
}
.moostartval {
left:10px;
top:5px;
position: relative;
float: left;
font-size:12px;
color: #666;
}
/* Tabs */
.tabs-container {
position: relative;
margin-top: 20px;
}
.tabs {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #ddd;
}
.tabs > li {
float: left;
}
.tabs > li + li {
margin-left: 5px;
}
.tabs > li a {
padding: 7px 10px;
display: block !important;
/* text-transform: uppercase; */
color: #888;
font-size: 20px;
font-weight: 400;
text-decoration: none;
transition: color 0.3s ease-in-out;
}
.tabs > li.active a {
color: #F72363;
}
.tab-content {
border-bottom: 2px solid #F72363;
}
.tab-pane {
padding: 30px 20px;
}
.tabs-animated-height.tahActivated .tab-content {
-webkit-transition: height 0.15s ease-in-out;
-o-transition: height 0.15s ease-in-out;
transition: height 0.15s ease-in-out;
position: relative;
overflow: hidden;
}
.tabs-animated-height.tahActivated .tab-pane {
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.tabs-animated-height.tahActivated .tab-pane.active {
z-index: 20;
opacity: 1;
}
.tabs-container:not(.tahActivated) .tab-pane {
display: none;
}
.tabs-container:not(.tahActivated) .tab-pane.active {
display: block;
}
.tabs-container .panel-heading h4 {
margin: 0;
}
.tabs-container .panel-heading a {
padding: 10px 15px;
font-size: 16px;
display: block !important;
text-transform: uppercase;
font-weight: 700;
border-bottom: 1px solid #e6e6e6;
position: relative;
}
.tabs-container .panel-heading a:before {
font-size: 12px;
position: absolute;
right: 15px;
top: 13px;
content: "\f454";
font: normal normal normal 24px/1 MaterialDesignIcons;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.tabs-container .panel-heading a:not(.collapsed) {
color: #F72363;
border-bottom: 2px solid #F72363;
}
.tabs-container .panel-heading a:not(.collapsed):before {
content: "\f3d0";
}
.tabs-container .panel-body {
padding: 15px 10px;
}
/* start tabs */
.index-tabs-container {
padding-top: 35px;
}
.index-tabs-container ul {
text-align: center;
}
.index-tabs-container li {
display: inline-block;
}
.index-tabs-container li a {
min-width: 35%;
display: inline-block !important;
padding: 7px 30px;
font-size: 20px;
margin: 0 -2px;
color: #190101;
font-weight: 400;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.index-tabs-container li.active a {
color: #F72363;
}
.index-tabs-container .tab-content {
border: 0;
}
.index-tabs-container .tab-pane:not(.active) {
opacity:0;
overflow: hidden;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
/* start tabs end */
.tabsLine {
-webkit-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
-o-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
background-color: #F72363;
height: 2px;
}
.technical-row {
width: 100%;
display: table;
}
.technical-data {
display: table-row;
}
.technical-title, .technical-desc {
display: table-cell;
vertical-align: middle;
padding: 10px;
height: 55px;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.technical-data:first-child p {
border-top: 1px solid #e6e6e6;
}
.technical-title {
min-width: 10%;
font-weight: bold;
border-left: 1px solid #e6e6e6;
}
.technical-desc {
width: 90%;
}
.technical-desc .button {
float: right;
}
/***********/
/* Sitemap */
/***********/
.sitemap-tree a{
display: block;
}
.sitemap-tree h1, .sitemap-tree h2, .sitemap-tree h3, .sitemap-tree h4, .sitemap-tree h5{
margin: 0;
}
.sitemap-tree h2, .sitemap-tree h3, .sitemap-tree h4, .sitemap-tree h5{
font-size: 12px;
}
.sitemap-tree h2:hover, .sitemap-tree h3:hover, .sitemap-tree h4:hover, .sitemap-tree h5:hover{
background: #f6f6f6;
}
.sitemap-tree h4, .sitemap-tree h5{
font-weight: 400;
}
.sitemap-tree h1{
font-size: 16px;
border-bottom: 1px solid #e6e6e6;
padding: 10px;
margin: 5px 0;
}
.sitemap-tree h2{
padding: 5px 10px;
}
.sitemap-tree h3{
padding: 5px 20px;
}
.sitemap-tree h4{
padding: 5px 30px;
}
.sitemap-tree h5{
padding: 5px 40px;
}
/*********/
/* Cart */
/********/
.cart_step_5 .conteiner-title {
margin-bottom: 25px;
}
.final-text {
font-size: 20px;
font-weight: 400;
padding: 15px 0px;
}
.final-icon { font-size:90px;}
/* TEMP */
.cart_outsider {
width: 100%;
margin: 0 auto;
}
/** END TEMP **/
/* Steps */
.cart-steps {
margin-bottom: 40px;
}
.cart-steps .step {
width: 33.3332%;
float: left;
display: inline-block;
border-bottom: 3px solid #e6e6e6;
text-align: center;
font-size: 16px;
padding: 10px;
color: #aaa;
}
.cart-steps .step.active,
.cart-steps .step.done {
font-weight: bold;
}
.cart-steps .step.active {
border-bottom-color: #F72363;
color: #F72363;
}
.cart-steps .step.done {
border-bottom-color: #333;
color: #333;
}
.changeOptions { margin-top:20px; font-weight: 700; text-transform:uppercase; color:#ebebeb;margin-top:0px;}
.changeOptions a { font-weight: 700; text-transform:uppercase; color:#B0B0B0;}
.changeOptions a:hover { color: #F72363; cursor: pointer; }
.cart_tab_icon i {
font-size:28px;
}
/* Products table do czyszczenia */
.cart-table {
margin-bottom: 15px;
}
.first-title,
.cart-photo {
width: 120px;
float: left;
text-align: center;
}
.first-title + .row,
.cart-photo + .row {
margin-left: 120px;
margin-right:0px;
}
.cart-table .table-header div {
position: relative;
}
.first-title,
.cart-table .table-header span, #register_form header span {
display: inline-block;
background-color: #fff;
padding: 0 10px;
margin-left: -10px;
position: relative;
z-index: 2;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.cart-table .table-header div:before, #register_form header:before {
content: "";
width: 100%;
height: 0;
position: absolute;
top: 50%;
left: 0;
border-bottom: 1px solid #e6e6e6;
z-index: 1;
}
.register-vat-icons {
position: absolute;
left: 19px;
bottom: 21px;
z-index: 1;
font-size: 20px;
color:#858585;
}
.changeOptions-xxs .changeOptions a {
font-size:0px;
}
.changeOptions-xxs .changeOptions a::after {
content:'\f1a4';
font-family: 'MaterialDesignIcons';
font-size:30px;
}
.changeOptions-xxs .changeOptions, .changeOptions-xxs {
margin-top: 4px !important;
}
.cart-table-item {
padding: 15px 0;
}
.line-product{
border-bottom: 1px solid #e6e6e6;
height:1px;
}
.cart-table-item:after{
margin:0
}
.changeOptions-xxs a:hover { cursor:pointer; color:rgb(190, 15, 15);}
.cart-remove a {
font-size: 18px;
}
.cart-name a {
color: #000;
font-size: 16px;
font-weight: 400;
}
.cart-details {
font-size: 12px;
color: #888888;
white-space: nowrap;
margin-bottom:8px;
}
.cart-details .cart-options-data {
font-weight: bold;
}
.cart-price-one span {
display: inline-block;
font-size: 17px;
color:#adadad;
font-weight: 400;
}
.cart-price-one .old-price {
text-decoration: line-through;
color: #999;
font-size: 14px;
}
.cart-price-full {
font-size: 22px;
font-weight: 400;
}
.del-item i {
font-size:30px !important;
padding-top: 36px;color:#b4b4b4;
}
.del-item i:hover {color:#F72363;}
.step4.cart-shipping-body div:nth-child(1) {
font-weight:700;
font-size:16px;
}
.cart_continue a { text-align: center; margin-top:5px; margin-bottom:5px;}
.cart-btn-group { text-align: center !important;}
/**/
#shipping_ajax {
margin-top: 30px;
}
.cart-shipping-title {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #757575;
font-size: 18px;
color: #161616;
font-weight: 400;
padding: 10px 20px;
}
.cart-shipping-body{
padding: 15px 20px;
}
.cart-customer-country label,
.cart-customer-country select {
font-size: 18px;
}
.cart-customer-country label {
color: #454545;
}
.cart-customer-country select {
display: block;
width: 100%;
margin: 10px 0;
padding: 10px;
}
.cart-shipping-desc {
font-size:12px;
color: #888;
}
.cart-shipping {
border-radius: 5px;
}
.cart-shipping .desc {
min-height: 50px;
display: table;
}
.cart-shipping .desc-no-img{
margin-top: 15px;
}
.cart-shipping .desc span {
display: table-cell;
vertical-align: middle;
}
.cart-shipping .payments_element{
margin-top: 3px;
}
.payments_element > *{
display:inline-block;
}
.shipping-photo .align-photo{
display: table-cell;
vertical-align: middle;
height: 50px;
}
.description-payment{
margin-top: 5px;
}
.payments-choose li{
list-style: none;
}
.cart-discount-input {
margin: 0;
}
.cart-discount-input .cart-discount-label {
display: inline-block;
font-size: 18px;
color: #454545;
line-height: 50px;
}
.cart-discount-input .input-label {
padding-top: 0;
}
.cart-discount-input .input-label .label-text {
top: 0;
}
.cart-discount-input .input-label input,
.cart-discount-input .input-label .label-text {
padding: 13px 45px 12px 10px;
}
.cart-sum-total {
border: 2px solid #e6e6e6;
padding: 10px 20px 20px;
margin-bottom: 15px;
margin-top: 15px;
}
.step4.cart-sum-total { background:#F3F3F3;}
.cart-sum-total-item {
font-size: 16px;
border-bottom: 1px solid #e6e6e6;
padding: 10px 0 0;
}
.cart-sum-total-item.total {
padding-top: 20px;
border-bottom: 0;
font-weight: bold;
}
.cart-sum-total-item.total strong {
font-size: 22px;
color: #ef3131;
}
.cart-sum-total-title {
font-size: 18px;
color: #161616;
font-weight: 400;
border-bottom:4px solid #F72363;
padding-bottom: 8px;
}
/***/
.rc-dropdown {
position: relative;
}
.rc-dropdown-menu:not(.box) {
display: none;
list-style: none !important;
margin: 0 !important;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border: 1px solid #eee;
box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.25);
z-index: 5;
padding: 3px 0;
border-radius: 4px;
}
.rc-dropdown-menu--right {
left: auto;
right: 0;
}
.rc-dropdown--open .rc-dropdown-menu {
display: block;
}
.rc-dropdown-menu__link {
padding: 5px 10px;
display: block;
}
.rc-dropdown-menu__link:hover {
background-color: #f9f9f9;
}
.table-responsive .table {
margin: 0;
position: relative;
}
.cart-sum-delivery {
font-size:12px;
font-weight: 400;
}
.confirmation_warning {
margin-top: 10px;
padding-top: 5px;
border-top: 1px solid #ddd;
}
/** Cart - Login / Register **/
.cart-header h2, .cart-login-form h1 {
font-size: 26px;
text-align: center;
font-weight: 400;
margin: 0 0 20px;
padding: 0;
}
.cart-login-form .no-account {
padding-bottom: 40px;
border-bottom: 1px solid #e6e6e6;
}
.cart-login-form .yes-account {
margin-top: 20px;
}
.cart-login-form .pass-forgot {
margin-top: 10px;
}
.cart-new-address {
display: none;
}
.pass-forgot a {
font-size: 12px;
display: inline-block;
font-weight: bold;
border-bottom: 1px solid #ddd;
}
/*************/
/* Adres form */
/*************/
.adress-item {
border-radius:5px;
border:1px solid #ebebeb;
margin-top:10px;
margin-bottom:10px;
padding:20px;
font-size:17px;
font-weight: 400;
}
.customers_first_name, .customers_last_name {
font-weight: 400;
}
.al, .text-left {
text-align: left;
}
.ac, .text-center {
text-align: center;
}
.ar, .text-right {
text-align: right;
}
.vat {
vertical-align: top;
}
.vam {
vertical-align: middle;
}
.nowrap, .nw {
white-space: nowrap !important;
}
.w1p {
width: 1%;
}
/****** Login Form *********/
.conteiner-title {
color: #000;
font-size: 28px;
font-weight: 400;
text-align: center;
}
.cart-mass-info,
.cart-free-shipping {
border: 1px solid #e6e6e6;
padding: 15px 20px;
margin-bottom:20px;
}
.blog-mobile-boxes, .blog-mobile-boxes .box-title{
margin-top: 10px;
margin-bottom: 10px;
}
.blog-mobile-boxes .blog-items{
margin-left: 0px !important;
}
@media screen and (max-width: 480px) {
.widgets{
display:none;
}
.header-bottom{
margin:10px 0;
}
.visible-xxs {
display: block !important;
}
table.visible-xxs {
display: table !important;
}
tr.visible-xxs {
display: table-row !important;
}
th.visible-xxs,
td.visible-xxs {
display: table-cell !important;
}
.visible-xxs-block {
display: block !important;
}
.visible-xxs-inline-block {
display: inline-block !important;
}
.visible-xxs-inline {
display: inline !important;
}
.nav-container.active {
height: auto !important;
}
.product-one .product-buttons
{
display:none !important;
}
.footer-informations .nav-container ul{
opacity:0;
height:0px;
overflow:hidden;
transition: all 0.2s linear 0s;
}
.footer-informations .nav-container .nav-header:after{
font-family:MaterialDesignIcons;
content: "\f204";
float: right;
}
.footer-informations .nav-container.active .nav-header:after{
content: "\f207";
}
.footer-informations .nav-container.active ul{
opacity:1;
height:auto;
overflow:hidden;
}
.footer-informations .no-regular-f{
margin: 0;
}
.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12,
.col-xxs-13,
.col-xxs-14,
.col-xxs-15,
.col-xxs-16,
.col-xxs-17,
.col-xxs-18,
.col-xxs-19,
.col-xxs-20,
.col-xxs-21,
.col-xxs-22,
.col-xxs-23,
.col-xxs-24 {
float: left;
}
.hidden-xxs {
display:none;
}
.visible-xxs {
display: block !important;
}
.col-xxs-24 {
width: 100%;
}
.col-xxs-23 {
width: 95.83333333%;
}
.col-xxs-22 {
width: 91.66666667%;
}
.col-xxs-21 {
width: 87.5%;
}
.col-xxs-20 {
width: 83.33333333%;
}
.col-xxs-19 {
width: 79.16666667%;
}
.col-xxs-18 {
width: 75%;
}
.col-xxs-17 {
width: 70.83333333%;
}
.col-xxs-16 {
width: 66.66666667%;
}
.col-xxs-15 {
width: 62.5%;
}
.col-xxs-14 {
width: 58.33333333%;
}
.col-xxs-13 {
width: 54.16666667%;
}
.col-xxs-12 {
width: 50%;
}
.col-xxs-11 {
width: 45.83333333%;
}
.col-xxs-10 {
width: 41.66666667%;
}
.col-xxs-9 {
width: 37.5%;
}
.col-xxs-8 {
width: 33.33333333%;
}
.col-xxs-7 {
width: 29.16666667%;
}
.col-xxs-6 {
width: 25%;
}
.col-xxs-5 {
width: 20.83333333%;
}
.col-xxs-4 {
width: 16.66666667%;
}
.col-xxs-3 {
width: 12.5%;
}
.col-xxs-2 {
width: 8.33333333%;
}
.col-xxs-1 {
width: 4.16666667%;
}
.col-xxs-pull-24 {
right: 100%;
}
.col-xxs-pull-23 {
right: 95.83333333%;
}
.col-xxs-pull-22 {
right: 91.66666667%;
}
.col-xxs-pull-21 {
right: 87.5%;
}
.col-xxs-pull-20 {
right: 83.33333333%;
}
.col-xxs-pull-19 {
right: 79.16666667%;
}
.col-xxs-pull-18 {
right: 75%;
}
.col-xxs-pull-17 {
right: 70.83333333%;
}
.col-xxs-pull-16 {
right: 66.66666667%;
}
.col-xxs-pull-15 {
right: 62.5%;
}
.col-xxs-pull-14 {
right: 58.33333333%;
}
.col-xxs-pull-13 {
right: 54.16666667%;
}
.col-xxs-pull-12 {
right: 50%;
}
.col-xxs-pull-11 {
right: 45.83333333%;
}
.col-xxs-pull-10 {
right: 41.66666667%;
}
.col-xxs-pull-9 {
right: 37.5%;
}
.col-xxs-pull-8 {
right: 33.33333333%;
}
.col-xxs-pull-7 {
right: 29.16666667%;
}
.col-xxs-pull-6 {
right: 25%;
}
.col-xxs-pull-5 {
right: 20.83333333%;
}
.col-xxs-pull-4 {
right: 16.66666667%;
}
.col-xxs-pull-3 {
right: 12.5%;
}
.col-xxs-pull-2 {
right: 8.33333333%;
}
.col-xxs-pull-1 {
right: 4.16666667%;
}
.col-xxs-pull-0 {
right: auto;
}
.col-xxs-push-24 {
left: 100%;
}
.col-xxs-push-23 {
left: 95.83333333%;
}
.col-xxs-push-22 {
left: 91.66666667%;
}
.col-xxs-push-21 {
left: 87.5%;
}
.col-xxs-push-20 {
left: 83.33333333%;
}
.col-xxs-push-19 {
left: 79.16666667%;
}
.col-xxs-push-18 {
left: 75%;
}
.col-xxs-push-17 {
left: 70.83333333%;
}
.col-xxs-push-16 {
left: 66.66666667%;
}
.col-xxs-push-15 {
left: 62.5%;
}
.col-xxs-push-14 {
left: 58.33333333%;
}
.col-xxs-push-13 {
left: 54.16666667%;
}
.col-xxs-push-12 {
left: 50%;
}
.col-xxs-push-11 {
left: 45.83333333%;
}
.col-xxs-push-10 {
left: 41.66666667%;
}
.col-xxs-push-9 {
left: 37.5%;
}
.col-xxs-push-8 {
left: 33.33333333%;
}
.col-xxs-push-7 {
left: 29.16666667%;
}
.col-xxs-push-6 {
left: 25%;
}
.col-xxs-push-5 {
left: 20.83333333%;
}
.col-xxs-push-4 {
left: 16.66666667%;
}
.col-xxs-push-3 {
left: 12.5%;
}
.col-xxs-push-2 {
left: 8.33333333%;
}
.col-xxs-push-1 {
left: 4.16666667%;
}
.col-xxs-push-0 {
left: auto;
}
.col-xxs-offset-24 {
margin-left: 100%;
}
.col-xxs-offset-23 {
margin-left: 95.83333333%;
}
.col-xxs-offset-22 {
margin-left: 91.66666667%;
}
.col-xxs-offset-21 {
margin-left: 87.5%;
}
.col-xxs-offset-20 {
margin-left: 83.33333333%;
}
.col-xxs-offset-19 {
margin-left: 79.16666667%;
}
.col-xxs-offset-18 {
margin-left: 75%;
}
.col-xxs-offset-17 {
margin-left: 70.83333333%;
}
.col-xxs-offset-16 {
margin-left: 66.66666667%;
}
.col-xxs-offset-15 {
margin-left: 62.5%;
}
.col-xxs-offset-14 {
margin-left: 58.33333333%;
}
.col-xxs-offset-13 {
margin-left: 54.16666667%;
}
.col-xxs-offset-12 {
margin-left: 50%;
}
.col-xxs-offset-11 {
margin-left: 45.83333333%;
}
.col-xxs-offset-10 {
margin-left: 41.66666667%;
}
.col-xxs-offset-9 {
margin-left: 37.5%;
}
.col-xxs-offset-8 {
margin-left: 33.33333333%;
}
.col-xxs-offset-7 {
margin-left: 29.16666667%;
}
.col-xxs-offset-6 {
margin-left: 25%;
}
.col-xxs-offset-5 {
margin-left: 20.83333333%;
}
.col-xxs-offset-4 {
margin-left: 16.66666667%;
}
.col-xxs-offset-3 {
margin-left: 12.5%;
}
.col-xxs-offset-2 {
margin-left: 8.33333333%;
}
.col-xxs-offset-1 {
margin-left: 4.16666667%;
}
.col-xxs-offset-0 {
margin-left: 0;
}
.home-banner {
width: 100%;
margin: 0 0 5px !important;
}
.home-banner a {
height: 40vw;
}
label.fn-input .input-label input, label.fn-input.input-label .label-text,
.s-input label.input-label input, .s-input label.input-label .label-text {
font-size: 14px;
}
#ajax_header_cart_items {
line-height: 23px;
width: 24px;
height: 24px;
font-size: 10px;
}
.cart-preview-sticky {
width: 270px;
}
.del-item { text-align: center;}
.del-item i { padding-top:10px;}
.cart-photo { text-align: center;}
/* Pinfo */
.gallery-vertical.on-left #pinfo-main,
.gallery-vertical.on-right #pinfo-main {
margin-left: 0;
margin-right: 0;
}
.gallery-horizontal #pinfo-thumbs,
.gallery-vertical #pinfo-thumbs {
display: none;
position: relative;
left: auto;
right: auto;
width: 100%;
}
#pinfo-main .slideHref {
width: 100%;
}
#pinfo-main .slideHref img {
display: inline-block;
max-width: 100%;
}
.pinfo-features #options_form_tab,
.pinfo-features #options_form_tab select {
width: 100%;
}
.pinfo-to-cart {
margin-left: 3px;
margin-bottom:15px;
}
.pinfo-buy .product-input, .window-buy .product-input{
margin-bottom:15px;
}
.technical-row, .technical-data, .technical-data p {
display: block;
height: auto;
border: 0 !important;
width: 100%;
}
.technical-data {
position: relative;
}
.technical-title {
padding-bottom: 5px;
}
.technical-desc {
padding-top: 5px;
}
.technical-data {
border-bottom: 1px solid #e6e6e6 !important;
}
.technical-desc .button {
position: absolute;
top: 10px;
right: 10px;
}
/*
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-2, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-2, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-2, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-left: 15px;
padding-right: 15px;
}
*/
/**********/
/* Blog */
/**********/
.blog-site-title, .blog-site-date{
text-align: center !important;
}
.blog-site-entry .blog-site-date, .blog-site-entry .blog-site-image{
margin-bottom: 15px;
}
.blog-site-entry .blog-site-image{
text-align: center;
}
.blog-site-entry .blog-site-image a{
display: inline-block;
}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
.gallery-vertical.on-left:not(.one-photo) #pinfo-main {
margin-left: 16vw;
}
.gallery-vertical #pinfo-thumbs {
width: 14vw;
}
#pinfo-thumbs img {
max-width: 100%;
}
}
@media screen and (min-width: 400px) and (max-width: 768px) {
.home-banner {
margin-left: 0 !important;
}
.home-banner:first-child {
margin-right: 2% !important;
}
.home-banner:not(:last-child) {
width: 49%;
margin-bottom: 8px;
}
.home-banner:last-child {
width: 100%;
}
.home-banner a {
height: 160px;
}
}
@media screen and (max-width: 768px) {
.window-price, .window-buy{
float:none;
margin:8px;
width:auto;
text-align:center;
}
.product-inside .product-buttons a:not(.product-add-cart){
pointer-events:none;
}
.hidden-on-xs { opacity: 0 !important;}
.visible-on-xs { opacity:1 !important; }
.xs-padding-zero {
padding-left: 0px;
padding-right: 0px;
}
.xs-logo-position img {
max-width: 100%;
}
.xs-logo-position a img {
max-width: 100%;
min-width: 0px;
}
.cart-table .table-header {
display: none;
}
.cart-table tr {
border-bottom: 3px solid #e6e6e6;
}
.cart-table td {
width: 100%;
display: block;
text-align: right !important;
position: relative;
border-bottom: 1px solid #e6e6e6;
}
.cart-table td:before {
content: attr(data-title);
font-size: 14px;
position: absolute;
left: 20px;
top: 20px;
}
.cart-table td:empty:after {
content: "Brak";
position: absolute;
top: 0;
right: 0;
}
.cart-table td.cart-remove,
.cart-table td.cart-photo,
.cart-table td.cart-name {
display: inline-block;
height: 120px;
}
.cart-table td.cart-remove {
width: 10%;
}
.cart-table td.cart-remove a {
position: absolute;
top: 50%;
margin-top: -9px;
}
.cart-table td.cart-photo {
width: 34%;
}
.cart-table td.cart-name {
width: 50%;
text-align: left !important;
}
.gallery-vertical.one-photo .slide a {
width: 100%;
}
.rc_windowContainer:not(#sugget_container) {
width: 95% !important;
left: 2.5% !important;
}
.rc_windowTitle:not(:empty) {
font-size: 14px;
}
.popup-content {
width: 90% !important;
}
.popup-content img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.popup-dialog,
.popup-container {
width: 100% !important;
}
.paralax {
background-attachment: scroll !important;
background-size:cover !important;
}
/**********/
/* Blog */
/**********/
.blog-site-title{
margin-bottom: 5px;
font-size: 20px;
}
.blog-site-date{
margin-bottom: 15px;
}
/**********/
/* footer */
/**********/
.social-conteiner, .copyright{
text-align: center !important;
}
a.social{
font-size: 18px;
padding: 10px;
height: 42px;
width: 42px;
}
.social-conteiner{
margin: 20px 0px 10px 0px;
}
.copyright{
margin: 10px 0px 20px 0px;
}
}
/******************/
/* Login Form */
/******************/
.sub-title { font-size:19px; font-weight: 400; margin:25px auto;background:url('../images/one-pixel.png') repeat-x left center; text-align: center;}
.sub-title span { background:#fff;padding:5px 10px;}
.lg-form-baner img, .lg-form-baner img a {
width: 100%;
display: block;
}
body:not(.no-material) .input-user > input,
body:not(.no-material) .input-user > span.label-text,
body:not(.no-material) .input-pass > input,
body:not(.no-material) .input-pass > span.label-text {
padding-left: 30px !important;
}
body:not(.no-material) .input-user > i, .input-pass > i {
position: absolute;
left: 0;
bottom: 5px;
color: #858585;
font-size:23px;
}
body:not(.no-material) .input-i > i {
font-size:20px;
bottom: 8px;
}
body.no-material label{
position:relative;
}
body.no-material label i{
display:none !important;
}
.login-forms { margin-top:40px;}
#pass_user_text, .plain-text {
text-align: center;
font-size: 14px;
color: #161616;
font-weight: 400;
margin-top: 10px;
}
.plain-text { padding-top:10px; padding-bottom: 10px;}
#login_bt {
font-size: 16px;
font-weight: 700;
color: #000;
text-transform: uppercase;
padding: 15px 60px;
margin-top: 18px;
}
.social-login-area a { padding:15px 20px; font-size:14px; color:#fff !important; margin:10px auto; text-transform: uppercase; font-weight: 700; }
/**** CMS *****/
.faq-question {
border-bottom:1px solid #dfdfdf;
margin: 0 auto;
position: relative;
display: block !important;
}
.faq-question p {
font-size: 16px;
cursor: pointer;
padding:15px 5px;
}
.faq-question span { padding: 10px 20px 21px;
line-height: 1.7;}
.faq-question:after {
content:"\f204";
font-family: 'MaterialDesignIcons';
color:#b8b8b8;
font-size:18px;
position: absolute;
right: 10px;
top:15px;
}
.custom-content p {
margin: 16px 0px;
line-height: 1.8;
}
/*******************/
/* REGISTER FORM */
/*******************/
#register_form header {margin-top:10px; margin-bottom:5px; }
.form-item input {
background: rgb(249, 249, 249) none repeat scroll 0% 0%;
border: 1px solid rgb(237, 237, 237);
font-size: 16px;
font-weight: 400;
color: rgb(0, 0, 0);
padding: 10px;
}
.form-item input:focus { background:#fff; }
.form-sub { margin-top:25px; }
.vfat_panel {
margin-top: 10px;
background: #F6F6F6 none repeat scroll 0% 0%;
margin-bottom: 19px;
padding: 14px;
}
/* .request label:berore { content:'*'; color:#F72363; content:'*';vertical-align: super; }*/
.vfat_panel .form-item input { border: 0; }
#register_form .vfat_panel header span { background-color:#F6F6F6;}
.home_responsive_baners img { margin-top:10px;}
#fs_currency div.fancy-select div.trigger, #f_producers div.fancy-select div.trigger {
font-size:12px;
}
#f_producers div.fancy-select,
#fs_currency div.fancy-select {
margin-top: 10px;
}
#fs_currency div.fancy-select div.trigger:after, #f_producers div.fancy-select div.trigger:after{ top:17px; }
#f_producers div.fancy-select ul.options,
#fs_currency div.fancy-select ul.options {
top: 40px;
}
#f_producers div.fancy-select ul.options li { font-size: 12px !important;}
.cart-steps {
margin-bottom: 5px;
}
.compare-table td {
padding: 15px;
text-align: center;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.compare-table td:first-child {
border-bottom: 0;
}
.compare-table tr:first-child td {
border-width: 0 0 1px 0;
}
.compare-table tr:not(:first-child):hover td:not(:first-child) {
background-color: #fbfbfb;
}
.finalize-button > a { float:none; font-size:16px; text-transform: uppercase; font-weight: bold;padding-top:15px; padding-bottom:15px;}
#sticy-account {
background:#fff;
border-bottom: 1px solid #E1E1E1;
text-align:center;
padding: 12px 24px 12px 12px;
}
#sticy-account i {
font-size:30px;
color:#F72363;
}
#sticy-account i ~ div { font-size:12px;}
/*** Scrol to top ***/
#scrollToTop {
position:fixed;
bottom:20px;
right:20px;
height:55px;
width: 55px;
line-height:30px;
text-align:center;
color:#fff;
background-color:#F72363;
padding: 0 5px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
cursor: pointer;
border-radius:50%;
padding-top: 11px;
z-index:999;
}
#scrollToTop i { color:#fff;font-size:30px;}
.loading_bar {
width: 100%;
position: fixed;
height: 3px;
top: 0;
left: 0;
}
.loading_bar_inner {
width: 0%;
height: 3px;
background-color: #D25257;
transition-property: width;
-webkit-transition-duration: 10s;
-o-transition-duration: 10s;
transition-duration: 10s;
}
.loading_bar.start .loading_bar_inner {
width: 100%;
}
.loading_bar.end .loading_bar_inner {
width: 100%;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #F72363;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px;
}
.pace .pace-progress-inner {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #F72363, 0 0 5px #F72363;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-moz-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
-o-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
display: block;
position: fixed;
z-index: 2000;
top: 15px;
right: 15px;
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: #F72363;
border-left-color: #F72363;
border-radius: 10px;
-webkit-animation: pace-spinner 400ms linear infinite;
-moz-animation: pace-spinner 400ms linear infinite;
-o-animation: pace-spinner 400ms linear infinite;
animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
0% { transform: rotate(0deg); transform: rotate(0deg); }
100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/**********/
/* Blog */
/**********/
.blog-site {
padding-top: 20px;
padding-bottom: 20px;
}
.blog-site-entry:not(:last-child) {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 15px;
}
.blog-site-title {
font-size: 20px;
margin-bottom: 15px;
}
.blog-site-title a{
color: #161616;
}
.blog-site-title a:hover{
color: #F72363;
}
.blog-site-date {
color: #666;
font-size: 14px;
padding-top: 3px;
}
.blog-site-date i{
margin-right: 5px;
}
.blog-site-content h1{
font-size: 30px;
font-weight: 400;
margin-bottom: 0;
}
.blog-site-content .blog-site-date, .blog-site-content .blog-site-image{
margin-bottom: 35px;
}
.blog-site-content .blog-site-description img{
margin: 15px 0;
}
.blog-items li{
cursor: pointer;
}
.nav-down .xs-logo-position .rc-header-logo img {
max-height: 42px;
margin:5px 0;
}
.owl-carousel {
width: 100%;
-ms-touch-action: pan-y;
}
.product-group.owl-carousel{
width:calc(100% + 16px);
margin:0 -8px;
}
.owl-carousel.producers-carusel .owl-item,
.owl-carousel.producers-carusel .carusel-item {
height: 80px;
}
.owl-carousel.producers-carusel .carusel-item > a {
position: absolute;
max-width: 90px;
max-height: 80px;
display: block;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.owl-carousel .owl-wrapper-outer {
padding: 10px 0;
}
.loyalty-points{
padding: 20px 8px;
}
/* tabele moje konto */
.title_reclamation{
font-size: 16px;
color: #454545;
margin: 15px 0;
}
.title_reclamation .number_reclamation, .red_reclamation{
font-weight: 700;
color: #ef3131;
}
.blue_reclamation{
font-weight: 700;
color: #318DEF;
}
.tabs-reclamation .tab-pane{
padding: 20px 0px;
}
.title_status {
background: #f0f0f0;
}
/* komunikat o pelnoletnosci */
.container-alert{
text-align: center;
}
.image-adult-alert{
background-color: #F72363;
display: inline-block;
height: 64px;
width: 64px;
border-radius: 50%;
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-weight: 700;
margin: 15px 0;
padding: 15px 0;
}
.description-alert{
margin: 10px 0;
}
/* komunikat o trwajacych pracach na stronie under construction */
/* video player tab */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-bottom: 15px;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* opinie tab */
#create_opinion .product-name{
border-bottom: 1px solid #e1e1e1;
padding-bottom: 15px;
margin-bottom: 10px;
}
#create_opinion .cat_opinion{
padding-bottom: 15px;
}
#create_opinion .user_nick{
color: #F72363;
font-size: 16px;
}
.opinion-element {
background: #F6F6F6;
padding: 20px;
margin: 8px 0;
}
.opinion-element .comment-title{
font-size: 16px;
}
.opinion-element .pinfo_rate_text{
line-height: 22px;
padding: 15px 0;
}
.opinion-element .pinfo_rate_summary{
font-size: 24px;
border-bottom: 1px solid #757575;
margin: 0px 0 15px 0;
padding: 5px 0;
}
.opinion-element .pinfo_rate_summary .count{
color: #F72363;
}
.opinion-element .pinfo_rate_group{
background: #E6E6E6;
padding: 5px 10px;
font-size: 12px;
margin-bottom: 10px;
}
.comment-advantage, .comment-defect{
margin: 15px 0;
}
.comment-advantage .title, .comment-defect .title{
color: #fff;
font-weight: 700;
padding: 2px 8px;
margin-bottom: 2px;
}
.comment-advantage .title{
background: #81b032;
}
.comment-defect .title{
background: #F72363;
}
.comment-advantage .right_column_text, .comment-defect .right_column_text{
padding: 2px 8px;
}
svg{
fill:currentColor;
}
.active > .filter-title:after{
content: "(" attr(data-checked) ")";
}
.affix-top{
position: fixed;
top: 0;
z-index: 999;
width: 100%;
border-bottom: 2px solid #F44336;
background-color: #fff;
}
.affix-transition{
transition: 0.5s top ease-in-out;
}
.affix-top .affix-none{
display:none;
}
.delete-if-empty {
direction: rtl;
unicode-bidi: bidi-override;
text-align: left;
}
.delete-if-empty *{
direction: ltr;
unicode-bidi: bidi-override;
}
.delete-if-empty .cart-options-data:empty,
.delete-if-empty .cart-options-data:empty ~ *{
display:none;
}
body .pinfo-description > div:not(:last-child) {
padding:15px 0px;
border-bottom: 1px solid #E1E1E1;
margin:0;
}
body .pinfo-description > div:last-child{
padding-top:15px;
}
body .pinfo-description > div:first-child{
padding-top:0px;
}
.window-options{
padding:10px 0;
}
.flex-container{
display: flex;
flex-wrap: wrap;
}
.quick-view-description .pinfo-top-copy {
display:none !important;
}
.datepicker_vista, .datepicker_vista *{
box-sizing: content-box;
}
.box-shopping-cart-row{
display:flex;
justify-content: space-between;
padding:5px 0;
}
.box-shopping-cart-pay{
text-align: right;
font-size:18px;
padding:15px 0;
}
.box-shopping-cart-row .name{
padding-right:16px;
}
aside#side .product-rating{
display: none !important;
}
.no-regular-f{
margin: 8px 0;
}
body:not(.rc-page-advanced_search) .conteiner-cms ul, body:not(.rc-page-advanced_search) .custom-content ul, body:not(.rc-page-advanced_search) .product-description ul{
list-style: initial;
list-style-type: disc;
margin-left: 20px;
}
body:not(.rc-page-advanced_search) .conteiner-cms ol, body:not(.rc-page-advanced_search) .custom-content ol, body:not(.rc-page-advanced_search) .product-description ol{
list-style: initial;
list-style-type: decimal;
margin-left: 20px;
}
/**** poprawka rotator zaawansowany v4 (nie glówny rotator) ****/
.cart-is-loading { text-align: center; padding: 90px 0; } .cart-is-loading .loading-text { font-size: 18px; padding-top: 12px; } .cart-is-loading .loading-spinner { border-radius: 50%; width: 48px; height: 48px; margin: 0 auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 5px solid rgba(0, 0, 0, 0.03); border-right: 5px solid rgba(0, 0, 0, 0.03); border-bottom: 5px solid rgba(0, 0, 0, 0.03); border-left: 5px solid #bbb; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 .8s infinite linear; animation: load8 .8s infinite linear; } .cart-is-loading .loading-spinner { border-top-color: rgba(0,0,0,0.2); border-right-color: rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.2); border-left-color: #555; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .banner-container{
position: relative;
}
.banner-container ul:first-of-type{
position: relative;
}
/**** poprawka - dodanie listy punktowanej w opisie produktu ****/
.tab-content .product-description li {
list-style: disc;
margin-left: 15px;
}
/* START PUNKTY LOJALNOÅšCIOWE */
.loyaltyProgram{
margin-bottom: 5px;
}
.loyaltyProgramDef{
font-size: 16px;
font-weight: 600;
}
.loyaltyProgramPoints{
color: #ee1c24;
font-size: 16px;
font-weight: 700;
}
/* END PUNKTY LOJALNOÅšCIOWE */
/* produkty w zestawie karta produktu START */
h3.set-title{
margin-top: 0;
}
.pinfo-set-products form > .row > div{
padding-top: 8px;
padding-bottom: 8px;
}
.set-product-info{
font-size: 16px;
}
.set-quantity{
color: #ee1c24;
}
.set-product-name{
color: #000;
}
/* produkty w zestawie karta produktu KONIEC */
.conteiner-cms.custom-content .form_creator_class{
padding: 20px;
}
.hand-cursor{
cursor: pointer;
}
.product-inside .cart-button-box-product {
position: absolute;
bottom: 26px;
left: 8px;
right: 8px;
opacity:0;
transition: opacity 0.2s;
}
.product-inside .product-info{
opacity:1;
transition: opacity 0.2s;
}
.product-inside:hover .cart-button-box-product {
opacity:1;
}
.product-inside:hover .product-info{
opacity:0;
}
.breadcrumb{
padding: 10px 0 0;
}
.breadcrumb-margin{
margin:0 auto -10px auto;
}
#main .megamenu{
text-align: center;
}
.pinfo-main{
margin-top: 25px;
}
.rc-box-categories .categories-tree a{
border: 1px solid #fff;
}
#topInfoContainer1 #topInfo0 div:nth-child(3) {
background: red!important;
margin-top: 10px;
text-align: center!important;
color: #fff!important;
}
.box.rc-header-logo-footer {
visibility: hidden;
height: 0px;
width: 0px;
}
ul.blog-items li {
cursor: pointer;
}
span.toggle-submenu {
position: absolute;
right: 21px;
}
.product-description p:empty, .product-description div:empty {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
height: 1rem;
}
.product-description p:not(:empty) {
margin-block-start: 1em;
margin-block-end: 1em;
}
body .product-description, .product-description * {
line-height: 1.45!important;
}
.one-item .product-inside .product-info {
width: 100%;
display: block;
}
.one-item .product-inside .cart-button-box-product {
right: auto;
left: 50%;
position: absolute!important;
width: 300px;
transform: translateY(-50%) translateX(-50%);
top: 50%;
text-align: center;
}
.countdown-box .product-inside, .price-hit .product-inside {
position: relative;
}
.countdown-box .product-inside .product-buttons, .price-hit .product-inside .product-buttons {
bottom: 44px;
top: unset;
}
.countdown-time {
display: flex;
justify-content: center;
}
.countdown-text {
padding-right: 5px;
}