@charset "UTF-8";
* {
line-height: 1.5em;
}
body {
font-family: "Montserrat-Light", sans-serif;
line-height: 1.5em;
background: #F1EEE9;
color: #606060;
overflow-x: hidden; }
abbr {
border: none !important;
text-decoration: none !important;
}
a:focus {
color: inherit;
}
time {
white-space: nowrap;
}
.time-blog {
padding: 0 5px;
}
.statement {
padding-left: 0 !important;
}
#main {
position: relative;
}
.channels .channel-switch {
margin-left: 45px;
}
.inner-clear::after {
content: "";
display: block;
clear: both;
}
button, input, img, a {
outline: none;
}
button, input[type=submit] {
background: #FF4001;
color: white;
border: none;
padding: 10px 15px;
text-transform: uppercase;
font-family: "Montserrat-Bold", sans-serif;
}
input[type=password]::-ms-reveal, input[type=password]::-ms-clear {
display: none;
}
.form input:focus, .form select:focus, .form textarea:focus {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25) inset;
}
.form button:focus, .form input[type=submit]:focus {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}
.consents-section {
margin-top: 20px;
margin-bottom: 20px;
}
.consents-section h2 {
margin-top: 0;
margin-bottom: 20px;
font-size: 20px;
}
.consents-section .form {
background-color: #FFFFFF;
padding: 25px;
}
.consents-section .switch {
margin: 10px 0;
}
.consents-section button {
margin: 20px 10px 10px 0;
}
.consents-section #logout {
margin-left: 25px;
cursor: pointer;
}
.consents-section #logout:hover {
text-decoration: underline;
}
.consents-section .required-fields-info {
font-size: 12px;
font-style: italic;
margin-top: 15px;
}
.consents-list {
margin: 20px 0;
}
.consents-list > li {
border: 1px solid #d2d2d2;
padding: 20px;
margin-bottom: 20px;
}
.consents-list > li ul li {
padding: 0;
display: flex;
align-items: center;
margin-bottom: 5px;
}
.channels {
list-style-type: none;
padding: 0;
}
.disabled {
opacity: 0.4;
}
.all-consents-box h2, .all-consents-box p {
float: none !important;
}
.all-consents-box .consents-label {
font-size: 16px;
font-weight: 600;
margin: 10px 0;
}
.all-consents-box .withdraw-warning {
display: block;
margin: 20px 10px 0 0 !important;
color: red;
}
.all-consents-box ul {
list-style-type: none;
padding-left: 0;
}
.all-consents-box ul p {
margin: 0;
}
.all-consents-box ul .multiple-switch {
display: block;
margin: 0 0 5px 0;
}
.all-consents-box ul .tos-name {
margin-bottom: 10px !important;
}
.all-consents-box ul .switch-name {
display: inline-block;
flex: 1;
}
.all-consents-box ul .accept-date {
display: block;
font-size: 10px;
}
.all-consents-box ul button {
margin: 0px 15px 0px 5px;
padding: 5px 10px;
width: 100px;
text-transform: none;
}
.all-consents-box ul .alt-button {
padding: 5px 15px;
border: 1px solid #FF4001;
background-color: #FFFFFF;
color: #FF4001;
}
.all-consents-box ul .input-switch {
margin-top: 0;
}
.all-consents-box ul .consent-title {
font-size: 14px;
font-weight: 600;
}
option[label] {
display: none;
}
.legend {
display: block;
opacity: 0.7;
margin-bottom: 10px;
}
.flex-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flex-wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.order .primary-action::after {
margin-left: 5px;
content: "\e080";
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slider button::after {
content: none;
}
#form-add-display {
display: none;
}
.ib {
display: inline-block;
}
.inline {
display: inline;
}
.alert {
border-radius: 0;
border: none;
}
.alert, .alert-info {
background-color: #64B5F6;
color: #FFFFFF;
}
.alert-danger {
background-color: #EF5350;
}
.alert-warning {
background-color: #F9A825;
}
.alert-success {
background-color: #81C784;
}
.alert-removed {
background-color: #C9C7BF;
color: #67655E;
}
.alert .delivery-date {
margin-top: 8px;
}
.alert .delivery-date h4 {
font-family: "MartelSans-Bold";
}
.action-get {
position: fixed;
top: 30%;
z-index: 100000;
left: 0;
right: 0;
margin: auto;
max-width: 900px;
}
.primary-action {
background: #FF4001;
color: #FFFFFF;
}
.order .primary-action.data {
display: none;
}
.order-docs {
list-style-type: none;
padding: 0;
margin-right: 20px;
}
.secondary-action {
background: transparent;
color: inherit;
text-transform: none;
}
.nobr {
white-space: nowrap;
}
var {
font-style: normal;
}
.alert .action-link, .alert button, .alert input[type=submit] {
background: #FFFFFF !important;
color: #606060;
padding: 10px 15px;
vertical-align: top;
font-family: "Montserrat-Bold", sans-serif;
font-size: 13px;
display: inline-block;
margin-bottom: 20px;
margin-bottom: 20px !important;
margin: 0 !important;
}
.alert p {
padding: 0 0 5px;
}
.alert button {
width: auto !important;
height: auto !important;
padding: 10px 15px !important;
margin-top: 10px;
float: left !important;
}
.alert button, .alert input[type=submit] {
background-color: #FFFFFF;
color: #606060 !important;
margin: 15px 0;
}
.alert-danger button, .alert-danger input[type=submit], .alert-danger .action-link {
color: #EF5350 !important;
}
.alert-warning button, .alert-warning input[type=submit], .alert-warning .action-link {
color: #F9A825 !important;
}
.alert-success button, .alert-success input[type=submit], .alert-success .action-link {
color: #81C784 !important;
}
.alert-info button, .alert-info input[type=submit], .alert-info .action-link {
color: #64B5F6 !important;
}
.alert h2 {
margin-top: 20px !important;
}
.alert .form {
margin: 0;
padding: 0;
}
.alert img {
margin-bottom: 10px;
}
.alert button, .alert .form, .alert .action-link {
float: right !important;
}
.main-site-alert {
padding-top: 10px;
margin-bottom: -10px;
font-size: 16px;
text-align: center;
}
.product-rating {
display: none;
}
a {
text-decoration: none;
cursor: pointer;
color: #FF4001;
}
a:hover {
text-decoration: none;
color: #FF4001;
}
.product-desc a {
color: #606060;
}
img {
max-width: 100%;
}
em {
font-style: normal;
}
.order em {
font-family: Montserrat-Bold, sans-serif;
}
.form input[name=country] {
text-transform: uppercase;
}
input[type=number], input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
label {
font-weight: normal;
}
.logo img {
max-height: 50px;
max-width: 200px;
background: #201E18;
}
@media (max-width: 479px) {
.logo img {
max-height: 40px;
max-width: 100px;
width: auto;
}
}
.form .legend {
font-size: 11px;
color: inherit;
margin-bottom: 13px;
font-family: "Montserrat-Light", sans-serif;
}
.form.deactivated .legend {
display: none;
}
.form .ib, .form.inline {
margin-right: 4px;
}
input, select, textarea {
background: #F1EEE9;
border: none;
color: #606060;
margin-bottom: 10px;
outline: none;
padding: 12px 15px;
font-size: 14px !important;
min-height: 40px;
max-width: 100%;
}
.print {
cursor: pointer;
color: inherit;
position: absolute;
top: 6px;
right: 0;
}
#customer-profile .print {
margin: 0 0 10px 0;
}
.print .glyphicon, .invoice-icon .glyphicon {
font-size: 16px;
margin-right: 5px;
}
select[size] option:checked {
background: #c9c9c9;
}
.validator, .field-validation {
color: #EF5350;
padding-bottom: 20px;
margin: 0;
text-align: left;
float: none !important;
}
.cs-validation { /* do skryptu z walidacją po stronie klienta */
display: none;
margin-bottom: 5px;
color: #EF5350;
}
.cs-validation[style*="display: inline"] {
display: block !important;
}
.cs-invalid {
border: 2px solid #EF5350;
margin-bottom: 1px !important;
}
.invalid {
border: 2px solid #EF5350;
}
input::-webkit-input-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
textarea::-webkit-input-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
input:-moz-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
textarea:-moz-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
input::-moz-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
textarea::-moz-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
input:-ms-input-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
textarea:-ms-input-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
input::-ms-input-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
textarea::-ms-input-placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
input::placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
textarea::placeholder {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
#complaint-form option:first-child {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
#return-form option:first-child {
color: #B1AFAD;
font-family: "Montserrat-Light", sans-serif !important;
}
#complaint-cancel-confirm-popup, #return-cancel-confirm-popup {
max-height: 185px;
}
.customer-profile-data input::-webkit-input-placeholder {
font-size: 10px;
}
.customer-profile-data input:-moz-placeholder {
font-size: 10px;
}
.customer-profile-data input::-moz-placeholder {
font-size: 10px;
}
.customer-profile-data input:-ms-input-placeholder {
font-size: 10px;
}
.customer-profile-data input::-ms-input-placeholder {
font-size: 10px;
}
.customer-profile-data input::placeholder {
font-size: 10px;
}
.client-panel .content .complaint-details .complaint-response {
clear: both;
padding: 8px;
background: #E9E9E5;
color: #606060;
font-style: italic;
}
.row {
margin: 0px;
}
.alert {
clear: both;
}
.overflow-wrapper {
overflow: hidden;
}
.nav-tabs {
border: 0;
}
.nav-tabs a {
margin-bottom: 7px !important;
padding-bottom: 5px;
display: inline-block;
text-decoration: none !important;
}
.nav-tabs .active a {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 4px solid #FF4001;
}
.nav-tabs > li {
margin-right: 30px;
}
@media (max-width: 767px) {
.container {
padding-left: 0;
padding-right: 0;
}
}
.switch {
position: relative;
}
.switch .input-switch {
float: left;
width: 2.5em;
height: 1em;
margin-right: 10px;
background: #F1EEE9;
border: 1px solid #F1EEE9;
-webkit-transition: background-color 0.4s, border 0.4s;
transition: background-color 0.4s, border 0.4s;
margin-top: 4px;
}
.switch .input-switch .switch-button {
display: inline-block;
height: 100%;
width: 49.5%;
vertical-align: top;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
background: #C9C7BF;
transition: -ms-transform 0.4s, background-color 0.4s;
-webkit-transition: -webkit-transform 0.4s, background-color 0.4s;
transition: transform 0.4s, background-color 0.4s;
}
.switch label {
position: relative;
z-index: 1;
cursor: pointer;
padding-left: 45px;
display: block;
}
.switch input {
display: none;
}
.switch input:checked + .input-switch {
background: #FFFFFF;
border: 1px solid #C9C7BF;
}
.switch input:checked + .input-switch .switch-button {
background: #FF4001;
-ms-transform: translateX(102%);
-webkit-transform: translateX(102%);
transform: translateX(102%);
}
.switch input:disabled + .input-switch, .switch input:disabled + .input-switch + label {
opacity: 0.5;
cursor: default;
}
.collection-localization, .map-localization {
color: #FF4001;
margin: 10px 0;
cursor: pointer;
display: inline-block;
}
.dropdown {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
color: inherit;
position: relative;
}
.dropdown .dropdown-toggle {
font-family: "Montserrat-Bold", sans-serif;
cursor: pointer;
display: inline-block;
}
.dropdown .glyphicon {
color: #FF4001;
position: absolute;
right: 10px;
top: 8px;
}
.dropdown .dropdown-menu {
font-family: "Montserrat-Bold", sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: none;
box-shadow: none;
font-size: 12px;
background: #C9C7BF;
}
.dropdown .dropdown-menu li {
cursor: pointer;
padding: 2px 20px;
}
.dropdown .dropdown-menu li:hover {
background: none;
color: #FF4001;
}
.custom-radio .custom-input {
display: block;
width: 20px;
height: 20px;
background: #C9C7BF;
text-align: center;
line-height: 20px;
float: left;
margin-right: 10px;
-webkit-transition: background-color 0.26667s;
transition: background-color 0.26667s;
}
.custom-radio .custom-input::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background: #FF4001;
border: 1px solid white;
opacity: 0;
-webkit-transition: opacity 0.26667s;
transition: opacity 0.26667s;
}
.custom-radio label {
display: block;
position: relative;
z-index: 1;
cursor: pointer;
}
.custom-radio input:checked + .custom-input {
background: #201E18;
}
.custom-radio input:checked + .custom-input::before {
opacity: 1;
}
.custom-radio input {
display: none;
}
.product-flags {
position: absolute;
top: 10px;
}
.slick-slide {
position: relative;
}
.slick-slide figcaption {
position: absolute;
z-index: 2;
bottom: 95px;
left: 0;
right: 0;
max-width: 840px;
margin: auto;
padding: 20px;
}
.slick-slide .banner-header {
font-family: "Montserrat-Hairline", sans-serif;
font-size: 55px;
color: #FFFFFF;
text-shadow: 2px 2px 3px rgb(0, 0, 0);
}
.slick-slide .banner-content {
font-family: "Montserrat", sans-serif;
color: #FFFFFF;
text-shadow: 1px 1px 3px rgb(0, 0, 0);
font-size: 16px;
}
.slick-slide .price, .primary-fcolor {
color: #FF4001;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.ribbon {
margin-bottom: 10px;
position: relative;
z-index: 5;
font-family: "Montserrat", sans-serif;
font-size: 9px;
text-transform: uppercase;
color: white;
line-height: 30px;
padding-left: 10px;
display: block;
float: left;
clear: both;
background: #FF4001;
}
.ribbon::before, .ribbon::after {
content: "";
width: 0;
height: 0;
border-style: solid;
position: absolute;
right: -25px;
top: 0;
z-index: -1;
}
.ribbon.mini {
font-size: 0;
color: transparent;
height: 25px;
width: 25px;
padding-left: 8px;
}
.ribbon.mini::before {
right: -19px;
border-width: 25px 0 0 25px;
border-color: transparent transparent transparent #FF4001;
}
.ribbon.mini::after {
right: -19px;
border-width: 25px 25px 0 0;
border-color: #FF4001 transparent transparent transparent;
}
.ribbon.mini .icon::before {
padding: 9px 0;
}
.ribbon::before {
border-width: 30px 0 0 30px;
border-color: transparent transparent transparent #FF4001;
}
.ribbon::after {
border-width: 30px 30px 0 0;
border-color: #FF4001 transparent transparent transparent;
}
.ribbon .icon::before {
width: 18px;
padding: 2px 0px;
height: 18px;
display: inline-block;
color: #FFFFFF !important;
text-align: center;
font-size: 15px;
font-family: "Glyphicons Halflings";
margin-right: 5px;
position: relative;
top: 4px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ribbon.new, .ribbon.NewProduct {
background: #81C784;
}
.ribbon.new .icon::before, .ribbon.NewProduct .icon::before {
content: "!";
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
font-size: 15px;
top: 3px;
font-family: "Montserrat-Black", sans-serif;
border-radius: 11px;
border: 1px solid #FFFFFF;
padding: 2px 0;
}
.ribbon.new.mini .icon::before, .ribbon.NewProduct.mini .icon::before {
padding: 8px 0;
}
.ribbon.new::before, .ribbon.NewProduct::before {
border-color: transparent transparent transparent #81C784;
}
.ribbon.new::after, .ribbon.NewProduct::after {
border-color: #81C784 transparent transparent transparent;
}
.ribbon.PromotionalProduct {
background: #EF5350;
}
.ribbon.Promotion {
background: #EF5350;
}
.ribbon.Promotion::before {
border-color: transparent transparent transparent #EF5350;
}
.ribbon.Promotion::after {
border-color: #EF5350 transparent transparent transparent;
}
.ribbon.Promotion .icon::before {
content: "%";
top: 3px;
font-family: "Montserrat-Black", sans-serif;
}
.ribbon.PromotionalProduct {
background: #9E9E9E;
}
.ribbon.PromotionalProduct::before {
border-color: transparent transparent transparent #9E9E9E;
}
.ribbon.PromotionalProduct::after {
border-color: #9E9E9E transparent transparent transparent;
}
.ribbon.PromotionalProduct .icon::before {
content: "\e043";
}
.ribbon.VendorRecomendation {
background: #64B5F6;
}
.ribbon.VendorRecomendation::before {
border-color: transparent transparent transparent #64B5F6;
}
.ribbon.VendorRecomendation::after {
border-color: #64B5F6 transparent transparent transparent;
}
.ribbon.VendorRecomendation .icon::before {
content: "\e125";
}
.ribbon.RecommendedProduct {
background: #FFB74D;
}
.ribbon.RecommendedProduct::before {
border-color: transparent transparent transparent #FFB74D;
}
.ribbon.RecommendedProduct::after {
border-color: #FFB74D transparent transparent transparent;
}
.ribbon.RecommendedProduct .icon::before {
content: "\e013";
}
.ribbon.GreatQuality {
background: #4DB6AC;
}
.ribbon.GreatQuality::before {
border-color: transparent transparent transparent #4DB6AC;
}
.ribbon.GreatQuality::after {
border-color: #4DB6AC transparent transparent transparent;
}
.ribbon.GreatQuality .icon::before {
content: "\e124";
}
.ribbon.BestRated {
background: #9575CD;
}
.ribbon.BestRated::before {
border-color: transparent transparent transparent #9575CD;
}
.ribbon.BestRated::after {
border-color: #9575CD transparent transparent transparent;
}
.ribbon.BestRated .icon::before {
content: "\e006";
}
.ribbon.GreatPrice {
background: #A1887F;
}
.ribbon.GreatPrice::before {
border-color: transparent transparent transparent #A1887F;
}
.ribbon.GreatPrice::after {
border-color: #A1887F transparent transparent transparent;
}
.ribbon.GreatPrice .icon::before {
content: "\e148";
}
.ribbon.Sale {
background: #F06292;
}
.ribbon.Sale::before {
border-color: transparent transparent transparent #F06292;
}
.ribbon.Sale::after {
border-color: #F06292 transparent transparent transparent;
}
.ribbon.Sale .icon::before {
content: "\e225";
}
.ribbon.Reward {
background: #FF7043;
}
.ribbon.Reward::before {
border-color: transparent transparent transparent #FF7043;
}
.ribbon.Reward::after {
border-color: #FF7043 transparent transparent transparent;
}
.ribbon.Reward .icon::before {
content: "\e102";
}
.social-button {
cursor: pointer;
background-color: #4267b2;
color: #fff;
margin: 15px auto;
padding: 15px 15px 10px;
text-align: center;
position: relative;
transition: 200ms;
display: block;
box-shadow: 0px 1px 1px 1px lightgray;
font-weight: 700;
}
.social-button .GLoginIcon {
width: 30px;
margin-right: 5px;
}
.social-button .FbLoginIcon {
font-size: 26px;
position: relative;
top: 5px;
line-height: 0;
margin-right: 5px; }
.social-button:hover {
background-color: #E9E9E5;
transition: 0, 5s;
}
.register.container .google-social-btn {
margin-top: -15px;
}
.login-social-button {
font-family: system-ui;
border: 1px solid #dadce0;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
float: left;
width: 325px;
height: 44px;
font-weight: 500;
margin: 15px auto;
color: #3c4043;
cursor: pointer;
}
.login-social-button .FbLoginIcon {
width: 21px;
margin-right: 10px;
}
.login-social-button:hover {
background-color: #f9faff;
border: 1px solid #dbe1ee;
}
.order-content .fb-login-section {
margin-top: 0;
padding: 0 15px;
width: 100%;
}
.loyalty-info {
color: #32302A;
background-color: #7B9DB8;
padding: 10px;
}
.loyalty-info button {
margin: 10px 0;
display: block;
}
.order .loyalty-info {
margin: 20px;
}
.profile-content .loyalty-info {
margin: 20px 0;
}
.order .points-price {
font-family: "Montserrat-Semibold", sans-serif;
}
.slider, .slider * {
outline: none !important;
}
.slider .slick-track {
margin: auto;
}
.slider .slick-slide img {
margin: auto;
}
.slider .slick-arrow {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
background: transparent;
border: none;
font-size: 0;
line-height: normal;
padding: 0;
cursor: pointer;
}
.slider .slick-arrow::before {
font-size: 38px;
color: #FF4001;
}
.slider .slick-prev {
left: 10px;
}
.slider .slick-prev::before {
content: "\e257";
}
.slider .slick-next {
right: 10px;
}
.slider .slick-next::before {
content: "\e258";
}
.slider .slick-dots {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.slider .slick-dots li {
display: inline-block;
}
.slider .slick-dots li .pager-item {
background: transparent;
border: 2px solid #FF4001;
text-indent: -9999px;
width: 20px;
height: 20px;
border-radius: 100%;
margin: 0 6px;
padding: 0;
-webkit-transition: background-color 0.8s;
transition: background-color 0.8s;
cursor: pointer;
}
.slider .slick-dots li button::after {
content: none;
}
.slider .slick-dots li.slick-active .pager-item {
background: #FF4001;
}
#full-screen-gallery {
position: fixed;
background: rgba(255, 255, 255, 0.91);
top: 0;
width: 100%;
height: 100%;
z-index: 25;
}
.full-screen-image {
max-width: 80%;
max-height: 80%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.close-gallery {
position: absolute;
color: #606060;
top: 20px;
right: 20px;
}
.close-gallery span:before {
content: "\e014";
}
#full-screen-gallery .button-prev {
transform: rotate(180deg);
left: 6px;
margin: auto 0;
}
#full-screen-gallery .button-next {
right: 6px;
margin: auto 0;
}
#full-screen-gallery button {
color: #FF4001;
background: transparent;
font-size: 21px;
position: absolute;
top: 40px;
bottom: 40px;
z-index: 26;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#full-screen-gallery button::before {
content: "\e258";
}
.add-to-cart, .notify-about {
font-family: "Montserrat-Black", sans-serif;
font-size: 12px;
position: relative;
color: #FFFFFF !important;
text-transform: uppercase;
}
.add-to-cart > span, .notify-about > span {
background: #FF4001;
display: block;
line-height: 37px;
white-space: nowrap;
width: 150px;
overflow: hidden;
float: left;
text-align: left;
height: 37px;
}
.notify-about > span {
background-color: #7B9DB8;
font-size: 10px;
font-family: "Montserrat-Bold", sans-serif;
line-height: 1.5em;
white-space: normal;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.notify-about .to-center {
-ms-align-self: center;
-webkit-align-self: center;
align-self: center;
}
.notify-about::after {
content: none;
}
.add-to-cart > span::before, .notify-about > span::before {
content: "";
margin-right: 10px;
}
.add-to-cart::before, .notify-about::before {
content: "+";
background: #FF4001;
color: #FFFFFF;
font-size: 25px;
padding: 0 13px;
line-height: 37px;
display: inline-block;
float: left;
}
.notify-about::before {
content: "?";
background-color: #7B9DB8;
}
.add-to-cart:hover::before, .add-to-cart.opened::before, .notify-about:hover::before, .notify-about.opened::before {
background: black;
}
.add-to-cart.anim {
border-bottom: 1px solid #FF4001;
}
.notify-about.anim {
border-bottom: 1px solid #7B9DB8;
}
.add-to-cart.anim > span, .notify-about.anim > span {
width: 0;
-webkit-transition: width 0.8s;
transition: width 0.8s;
height: 37px;
overflow: hidden;
}
.notify-about.anim {
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.add-to-cart.anim:hover > span, .notify-about.anim:hover > span {
width: 75%;
width: -moz-calc(100% - 41px);
width: -webkit-calc(100% - 41px);
width: calc(100% - 41px);
}
/* nagłówek */
header {
background: #201E18;
}
@media (max-width: 1024px) {
body.menu-opened {
position: fixed;
top: 0;
width: 100%;
}
}
@media (max-width: 640px) {
body.menu-opened header > .container {
padding-bottom: 30px;
}
body.menu-opened header .header-container {
bottom: 15px;
}
body.menu-opened header .secondary-nav {
display: none;
}
body.menu-opened header .right-box {
display: none;
}
}
header .container {
position: relative;
padding-top: 35px;
}
@media (max-width: 1024px) {
header .container {
padding-left: 15px;
padding-top: 20px;
padding-bottom: 5px;
padding-left: 15px;
}
}
@media (max-width: 1024px) {
header .logo {
padding-bottom: 40px;
padding-right: 32px;
}
}
header .primary-nav {
float: left;
font-family: "Montserrat-Light", sans-serif;
color: #ABABAB;
text-transform: uppercase;
font-size: 13px;
line-height: 2em;
position: absolute;
bottom: 15px;
left: 5px;
right: 5px;
padding-right: 300px;
}
@media (max-width: 1024px) {
header .primary-nav {
position: static;
padding-right: 0;
margin: 0 -10px;
}
}
header .primary-nav .mobile-adapter {
font-size: 20px;
font-family: "Montserrat-UltraLight", sans-serif;
padding-left: 10px;
display: none;
cursor: pointer;
}
@media (max-width: 1024px) {
header .primary-nav .mobile-adapter {
display: block;
margin-bottom: 20px;
}
}
header .primary-nav .mobile-adapter .glyphicon {
font-size: 24px;
vertical-align: text-top;
margin-right: 9px;
}
header .primary-nav ul {
margin: 0;
padding: 0;
}
header .primary-nav ul li {
list-style-type: none;
}
@media (min-width: 1025px) {
header .primary-nav > ul {
display: block !important;
}
}
@media (max-width: 1024px) {
header .primary-nav > ul {
display: none;
position: absolute;
background: #45423A;
left: 0;
max-width: 75%;
z-index: 30;
max-width: 53%;
padding: 10px 0;
}
}
@media (max-width: 1024px) {
header .primary-nav > ul.open {
display: block;
}
}
header .primary-nav > ul > li {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
position: relative;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
header .primary-nav > ul > li:hover > ul {
display: block;
}
}
@media (max-width: 1024px) {
header .primary-nav > ul > li {
display: block;
padding: 0;
}
}
header .primary-nav > ul > li a {
text-decoration: none;
color: #ABABAB;
padding-top: 10px;
}
@media (max-width: 1024px) {
header .primary-nav > ul > li a {
padding: 5px 20px;
width: 100%;
display: inline-block;
}
}
header .primary-nav > ul > li a:hover {
color: #FF4001;
}
header .primary-nav > ul > li:hover > a {
border-bottom: 1px solid #FF4001;
z-index: 11;
position: relative;
}
@media (max-width: 1024px) {
header .primary-nav > ul > li:hover > a {
border-bottom: none;
border-top: 1px solid #FF4001;
}
}
header .primary-nav > ul > li > ul {
display: block;
position: absolute;
background: #45423A;
left: 0;
top: 2em;
width: 100%;
min-width: 150px;
z-index: 20;
padding: 20px 0;
}
@media (max-width: 1024px) {
header .primary-nav > ul > li > ul {
border-top: 1px solid #FF4001;
left: 100%;
top: 0;
padding: 0;
}
}
header .primary-nav > ul > li > ul > li {
padding: 0 20px;
font-size: 11px;
margin-bottom: 7px;
}
@media (max-width: 1024px) {
header .primary-nav > ul > li > ul > li {
padding: 0;
}
}
header .primary-nav > ul > li > ul {
display: none;
}
header .primary-nav > ul > li > ul a {
color: #FFFFFF;
}
@media (max-width: 1024px) {
header .primary-nav > ul > li a {
color: #FFFFFF;
}
}
header .secondary-nav {
float: right;
font-family: "Montserrat-Light", sans-serif;
font-size: 10px;
text-align: right;
position: absolute;
right: 15px;
top: 15px;
}
@media (max-width: 1024px) {
header .secondary-nav {
position: static;
width: 100%;
}
}
@media (max-width: 640px) {
header .secondary-nav {
text-align: left;
margin-top: 30px;
}
}
header .secondary-nav ul {
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
header .secondary-nav ul {
margin-right: -8px;
}
}
header .secondary-nav ul li {
width: auto;
list-style-type: none;
color: #fff;
display: inline-block;
text-transform: uppercase;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 15px;
cursor: pointer;
}
@media (max-width: 640px) {
header .secondary-nav ul li:first-child {
margin-left: 0;
}
}
header .secondary-nav ul li::before {
content: "> ";
color: #FF4001;
font-size: 10px;
}
.google_translate::before {
content: " " !important;
}
@media (max-width: 700px) {
.google_translate {
visibility: hidden;
display: none;
}
}
header .secondary-nav ul li a {
text-decoration: none;
color: #ABABAB;
}
header .secondary-nav ul li a:hover {
font-weight: bold;
}
header .right-box {
float: right;
width: 272px;
color: white;
}
header .right-box .cart-bar, header .right-box .search {
height: 44px;
top: auto;
line-height: 44px;
padding: 0px 15px;
position: relative;
}
header .right-box .cart-bar, header .right-box .cart-bar a {
color: #FFFFFF;
}
header .right-box .cart-bar a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 5px 15px;
z-index: 1;
}
header .right-box .cart-bar .cart-button, header .right-box .search .search-button {
position: absolute;
width: 50px;
top: 0;
bottom: 0;
right: 0;
font-size: 20px;
padding: 12px 15px;
color: inherit;
}
header .right-box .cart-bar {
font-size: 22px;
background: #FF4001;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 20;
}
header .right-box .cart-bar small {
font-size: 13px;
vertical-align: middle;
}
@media (max-width: 1024px) {
header .right-box .cart-bar {
position: absolute;
top: 0;
bottom: auto;
right: 0;
padding-right: 50px;
width: 225px;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
header .right-box .cart-bar {
right: 15px;
}
}
header .right-box .cart-bar .cart-currency {
font-size: small;
}
header .right-box .cart-bar .cart-button::before {
width: 21px;
height: 16px;
}
header .right-box .search {
position: relative;
right: 0;
top: 0;
color: #FFFFFF;
float: right;
width: 100%;
-webkit-transition: width 0.8s, background-color 0.8s;
transition: width 0.8s, background-color 0.8s;
}
@media (max-width: 1024px) {
header .right-box .search {
width: 50px;
background: transparent;
position: absolute;
right: 15px;
top: 44px;
}
}
@media (max-width: 767px) {
header .right-box .search {
right: 0;
}
}
@media (max-width: 1024px) {
header .right-box .search.open {
width: 225px;
background: #45423A;
}
}
header .right-box .search .slide-click {
display: none;
cursor: pointer;
}
@media (max-width: 1024px) {
header .right-box .search .slide-click {
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
header .right-box .search .search-phrase {
width: 100%;
background: transparent;
border: none;
padding: 0;
line-height: 1.5em;
color: #FFFFFF;
padding-right: 33px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
text-decoration: none;
}
header .right-box .search .search-phrase::-webkit-input-placeholder {
color: #B1AFAD;
}
header .right-box .search .search-phrase:-moz-placeholder {
color: #B1AFAD;
}
header .right-box .search .search-phrase::-moz-placeholder {
color: #B1AFAD;
}
header .right-box .search .search-phrase:-ms-input-placeholder {
color: #B1AFAD;
}
header .right-box .search .search-phrase::-ms-input-placeholder {
color: #B1AFAD;
}
header .right-box .search .search-phrase::placeholder {
color: #B1AFAD;
}
header .right-box .search .search-button {
background: transparent;
border: none;
}
header .right-box .search .search-button::after {
content: none;
}
.no-products-found {
padding-bottom: 20px;
}
@media (max-width: 991px) {
.no-products-found .content {
margin: 60px 0 -40px;
}
}
.last-viewed {
margin-bottom: 50px;
}
/* slider */
.photo-loupe {
opacity: 0.5 !important;
}
.photo-loupe:before {
font-family: "Glyphicons Halflings";
font-size: 40px;
color: black;
content: "\e015";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0;
cursor: pointer;
}
@media (max-width: 991px) {
.main-slider {
display: none;
}
}
.main-slider figure img {
margin: auto;
width: 100%;
min-width: 100%;
}
img.banner-img[src="css/img/alo.gif"] {
max-height: 600px;
}
@media (max-width: 1700px) {
img.banner-img[src="css/img/alo.gif"] {
max-height: 400px;
}
}
@media (max-width: 1150px) {
img.banner-img[src="css/img/alo.gif"] {
max-height: 300px;
}
}
/*  polecane produkty */
.recommended-products {
background: #FF4001;
text-align: right;
}
.recommended-products.blue {
background: #7B9DB8;
margin-top: 0;
}
.recommended-products:first-child {
margin-top: 60px;
}
.recommended-products .container, .recommended-products .row {
max-width: 100%;
position: relative;
min-height: 100px;
overflow: hidden;
}
@media (max-width: 479px) {
.recommended-products .container, .recommended-products .row {
margin-left: 15px;
}
}
.recommended-products .slider {
width: 85%;
float: right;
}
@media (max-width: 479px) {
.recommended-products .slider {
width: 100%;
float: right;
}
}
.recommended-products .slider .slick-arrow.slick-prev::before, .recommended-products .slider .slick-arrow.slick-next::before {
color: #FFFFFF;
font-size: 25px;
}
.recommended-products.blue .slider .slick-arrow.slick-prev::before, .recommended-products.blue .slider .slick-arrow.slick-next::before {
color: #32302A;
}
.recommended-products .section-title, .recommended-products figure {
display: inline-block;
color: #FFFFFF;
}
.recommended-products.blue .section-title, .recommended-products.blue figure {
color: #32302A;
}
.recommended-products .section-title {
margin: 0;
font-size: 25px;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
}
@media (max-width: 991px) {
.recommended-products .section-title {
top: 30%;
}
}
@media (max-width: 479px) {
.recommended-products .section-title {
position: static;
float: left;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-top: 10px;
}
}
.recommended-products .item {
text-align: center;
vertical-align: middle;
margin: 15px;
height: 120px;
}
@media (max-width: 991px) {
.recommended-products .item {
text-align: center;
}
}
.recommended-products .item figure {
line-height: 120px;
}
.recommended-products .item figure img {
display: inline-block;
max-width: 160px;
max-height: 120px;
}
@media (max-width: 1199px) {
.recommended-products .item figure img {
max-width: 118px;
}
}
@media (max-width: 991px) {
.recommended-products .item figure img {
top: 30%;
}
}
@media (max-width: 767px) {
.recommended-products .item figure img {
max-width: 100px;
}
}
@media (max-width: 640px) {
.recommended-products .item figure img {
max-width: 160px;
}
}
@media (max-width: 479px) {
.recommended-products .item figure img {
max-width: 92px;
}
}
.recommended-products .item figure figcaption {
vertical-align: top;
display: inline-block;
max-width: 105px;
padding: 0 0 0 15px;
text-align: left;
position: static;
line-height: 1.5em;
}
@media (max-width: 479px) {
.recommended-products .item figure figcaption {
max-width: 170px;
}
}
.recommended-products .item figure figcaption .price {
font-family: "Montserrat" sans-serif;
font-size: 16px;
color: #FFFFFF;
}
.recommended-products.blue .item figure figcaption .price {
color: #32302A;
}
.recommended-products .item figure figcaption .title {
font-size: 13px;
font-family: "MartelSans" sans-serif;
line-height: 1.2em;
max-height: 4.8em;
padding-top: 1px;
overflow: hidden;
}
.recommended-products:not(.blue) .slider .slick-prev {
left: 0;
}
.recommended-products:not(.blue) .slider .slick-next {
right: 0;
}
.recommended-products.accent-color {
background: none;
}
.recommended-products.accent-color .container, .recommended-products.accent-color .row {
background: #7B9DB8;
margin-left: 0;
}
@media (max-width: 479px) {
.recommended-products.accent-color .container, .recommended-products.accent-color .row {
padding-left: 15px;
}
}
.recommended-products.accent-color .section-title {
left: 30px;
}
/* polecane marki */
.recommended-brands {
text-align: center;
padding: 30px 15px;
}
.recommended-brands .brands-slider {
margin: 0 25px;
}
.recommended-brands .brands-slider a {
line-height: 100px;
background: #FFF;
}
.recommended-brands .brands-slider a img {
max-height: 80px;
margin: auto;
display: inline-block;
}
.recommended-brands .brands-slider .slick-arrow::before {
font-size: 24px;
}
.recommended-brands .brands-slider .slick-prev {
left: -28px;
}
.recommended-brands .brands-slider .slick-next {
right: -28px;
}
/*  wybrane produkty */
.products-preview .row {
overflow: hidden;
}
.products-preview .product-item {
text-align: center;
background: #FFFFFF;
min-height: 200px;
padding: 0;
box-shadow: 0px 0px 0px 1px #D0D0D0;
position: relative;
font-family: "Montserrat", sans-serif;
color: #606060;
height: 310px;
overflow: hidden;
}
figcaption.product-desc img {
float: left;
margin-right: 5px;
}
figcaption.product-desc p {
padding: 3px 0 0;
}
@media (max-width: 479px) {
.products-preview .product-item {
width: 100%;
height: 290px;
}
}
.products-preview .product-item .centering {
height: 178px;
line-height: 178px;
position: relative;
overflow: hidden;
}
.products-preview .product-item .centering.no-photo::before, .order .photo.no-photo::before, .custom-modal .no-photo::before {
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e060";
font-size: 65px;
color: #EFEFEF;
vertical-align: middle;
}
.order .photo.no-photo::before {
font-size: 80px;
}
.products-preview .product-item .centering img {
max-height: 178px;
max-width: 178px;
}
.products-preview .product-item .product-desc {
text-align: left;
padding: 30px;
position: relative;
}
@media (max-width: 991px) {
.products-preview .product-item .product-desc {
padding: 20px;
}
}
.products-preview .product-item .product-desc .add-to-cart, .notify-about {
position: absolute;
top: -37px;
left: 30px;
right: 30px;
}
.notify-about {
left: 19px;
right: 19px;
}
@media (max-width: 1199px) {
.products-preview .product-item .product-desc .add-to-cart, .notify-about {
left: 20px;
right: 20px;
}
}
@media (max-width: 1199px) and (min-width: 480px) {
.notify-about.anim:hover {
left: 0;
right: 0;
}
}
.products-preview .product-item .product-desc .product-name {
font-family: "MartelSans", sans-serif;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0;
padding-top: 2px;
}
.products-preview .product-item .product-desc .price {
float: left;
font-size: 18px;
margin-bottom: 0;
}
.products-preview .product-item .product-desc .price-prev {
right: 15px;
top: 50px;
font-size: 13px;
position: absolute;
text-decoration: line-through;
margin-bottom: 0;
}
.products-preview .product-item .product-desc .lowest-price {
color: #606060;
margin-right: 10px;
margin-left: 0;
word-break: break-word;
white-space: break-spaces;
font-size: 12px;
line-height: 1.5;
font-style: normal;
font-stretch: normal;
font-weight: normal;
letter-spacing: normal;
width: 100%;
display: inline-block;
}
.products-preview .product-item .product-desc::after {
content: "";
display: block;
clear: both;
}
/* newsletter */
.newsletter input {
width: 100%;
}
.newsletter .row {
background: #C9C7BF;
color: #67655E;
padding: 30px;
}
@media (max-width: 767px) {
.newsletter .row {
padding: 25px 0;
}
}
.newsletter h2, .newsletter p {
margin: 0;
}
.newsletter h2 {
font-size: 25px;
padding-left: 15px;
line-height: 41px;
}
@media (max-width: 767px) {
.newsletter h2 {
padding-left: 15px;
padding-bottom: 10px;
}
}
.newsletter .form {
position: relative;
padding: 0;
}
@media (max-width: 991px) {
.newsletter .form {
padding-right: 15px;
}
}
@media (max-width: 767px) {
.newsletter .form {
padding-left: 15px;
}
}
.newsletter .form input.email {
background: #F1EEE9;
border: none;
width: 100%;
padding: 10px 20px;
color: #C9C7BF;
padding-right: 42px;
}
.newsletter .form label {
padding-left: 45px;
}
.newsletter .form .newsletter-button {
background: transparent;
border: none;
position: absolute;
top: 0;
right: 0;
height: 21px;
width: 42px;
height: 45px;
font-family: "Montserrat-Black", sans-serif;
font-size: 25px;
color: #606060;
}
@media (max-width: 991px) {
.newsletter .form .newsletter-button {
right: 20px;
}
}
.newsletter .form .newsletter-button::after {
content: none;
}
.newsletter .desc {
font-family: "MartelSans", sans-serif;
font-size: 13px;
}
@media (max-width: 991px) {
.newsletter .desc {
padding-top: 15px;
}
}
.newsletter .desc span {
display: block;
max-width: 295px;
margin: auto;
}
@media (max-width: 991px) {
.newsletter .desc span {
max-width: 626px;
}
}
.newsletter .desc span:first-child {
text-transform: uppercase;
}
.newsletter .desc span em {
font-family: "MartelSans-Black", sans-serif;
color: #32302b;
font-weight: bold;
}
.newsletter .legend {
margin-bottom: 0;
}
/*  okazje */
.deals figure {
padding: 0;
text-align: center;
position: relative;
font-family: "Montserrat", sans-serif;
overflow: hidden;
}
.deals figure:not(.delivery-gift) {
height: 250px;
}
.deals figure img {
max-height: 250px;
margin: auto;
}
.deals figure .banner-header {
font-size: 25px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 30px;
}
.deals figure .banner-content {
font-size: 12px;
font-family: "Montserrat-Light", sans-serif;
font-size: 12px;
position: absolute;
font-family: "Montserrat-Light", sans-serif;
margin: auto;
left: 0;
right: 0;
bottom: 30px;
padding: 0 10px;
}
@media (max-width: 479px) {
.deals figure {
width: 100%;
}
}
.deals figure:not(.delivery-gift) img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
}
.deals figure.main-color, .deals figure.order-discount {
background: #FF4001;
color: #FFFFFF;
}
.deals figure.white, .deals figure.delivery-discount {
background: #FFFFFF;
color: #606060;
}
.deals figure.black, .deals figure.delivery-gift {
background: #201E18;
color: #ABABAB;
}
.deals figure.white .banner-header, .deals figure.delivery-discount .banner-header, .deals figure.delivery-gift .banner-header {
top: auto;
bottom: 30px;
font-size: 19px;
font-family: "Montserrat-Black", sans-serif;
max-width: 120px;
}
.deals figure.white .banner-content, .deals figure.delivery-discount .banner-content, .deals figure.delivery-gift .banner-content {
top: 30px;
bottom: auto;
}
.deals figure.delivery-gift .banner-header, .deals figure.delivery-gift .banner-content {
right: 50%;
}
@media (max-width: 480px) {
.deals figure.delivery-gift .banner-header {
font-size: 14px;
}
}
@media (max-width: 991px) {
.deals.mini {
display: none;
}
}
.deals.mini .col-md-6 {
display: none;
}
.deals.mini .white {
background: #c9c7bf;
}
/* fb */
.fb-widget {
text-align: center;
clear: both;
}
.fb-widget .row {
overflow: hidden;
margin: 0 15px;
}
.fb-widget img {
padding: 40px 0 0 0;
width: auto;
max-width: none;
}
/*stopka */
footer {
margin-top: 60px;
background: #201E18;
}
footer select {
padding: 0;
min-height: 0;
}
@media (max-width: 767px) {
footer nav.col-xs-6:nth-of-type(3) {
clear: both;
}
}
footer, footer a, footer a:hover {
color: #ABABAB;
}
footer .container {
padding: 40px 0 0 0;
}
footer .container .row {
position: relative;
}
footer .container .row > * {
margin-bottom: 15px;
}
@media (max-width: 480px) {
footer .footer-col {
width: 100%;
}
}
footer .container .logo {
padding-bottom: 25px;
}
footer .container .title {
font-size: 15px;
text-transform: uppercase;
margin: 0;
margin-bottom: 15px;
}
footer .container ul {
list-style-type: none;
margin: 0;
padding: 0;
}
footer .container ul li {
line-height: 1em;
margin-bottom: 0.6em;
}
footer .container ul li a {
font-family: "MartelSans", sans-serif;
font-size: 12px;
text-transform: uppercase;
line-height: 1.5em;
}
@media (max-width: 768px) {
footer .container .title {
margin-bottom: 20px;
}
footer .container ul li a {
padding: 18px 0;
display: inline-block;
margin-bottom: 2px;
line-height: 1;
}
}
@media (max-width: 480px) {
footer .container .row .infos .socials {
position: static;
display: inline-block;
margin-bottom: 15px;
}
}
footer .container p {
font-size: 11px;
}
footer .container .infos {
position: static;
}
footer .container .infos .socials {
padding-bottom: 15px;
border-bottom: 1px solid #ABABAB;
text-align: right;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
footer .container .infos .socials {
position: absolute;
top: 0;
right: 15px;
border-bottom: none;
}
}
footer .container .infos ul li {
display: inline-block;
}
footer .container .infos ul li:not(:last-of-type) {
padding-right: 20px;
}
footer .container .infos .credit-cards {
margin-bottom: 10px;
}
footer .container .infos .credit-cards li {
margin-bottom: 12px;
}
footer .container .infos .copyright {
margin: 0;
}
.breadcrumbs {
font-family: "MartelSans";
font-size: 12px;
position: relative;
z-index: auto;
}
.breadcrumbs ol ol {
display: none;
}
.breadcrumbs, .breadcrumbs a, .breadcrumbs .active {
color: #606060;
}
.breadcrumbs li li a {
color: #606060;
}
.breadcrumbs ol {
background: none;
padding-left: 0;
padding-right: 0;
margin-top: 10px;
}
@media (max-width: 991px) {
.breadcrumbs ol {
visibility: hidden;
}
}
.breadcrumbs ol li::before {
color: #FF4001;
}
@media (max-width: 991px) {
.breadcrumbs {
display: none;
}
}
.breadcrumbs ol li:hover ol, .breadcrumbs ol ol:hover {
position: absolute;
background: #E9E9E5;
list-style-type: none;
margin-top: 0px;
padding: 20px;
z-index: 30;
display: block !important;
}
.breadcrumbs ol ol li {
margin-bottom: 7px;
}
h1, h2, h3 {
font-weight: normal;
}
h1 {
display: inline-block;
margin-top: 0;
line-height: 1em;
padding: 0 25px;
border-left: 3px solid #FF4001;
color: #606060;
margin-bottom: 25px;
}
@media (max-width: 991px) {
h1 {
margin-top: 70px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 28px;
margin-left: 25px;
padding-left: 15px;
}
}
@media (max-width: 479px) {
h1 {
font-size: 22px;
}
}
.blog h1 {
display: block;
}
.blog h1 .products-count {
font-family: "Montserrat-Light", sans-serif;
font-size: 16px;
vertical-align: middle;
}
.transparent-bg {
background: rgba(255, 255, 255, 0.7);
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.transparent-bg {
display: none;
}
h1.contact-correction {
display: none;
}
}
.transparent-bg h1 {
margin: auto;
display: block;
position: relative;
margin-bottom: 25px;
}
.filters, .sidebar {
padding: 0;
background: #7B9DB8;
clear: both;
float: left;
z-index: 10;
}
@media (max-width: 991px) {
.filters, .sidebar {
position: absolute;
top: 0;
width: 71%;
padding-top: 0;
padding-bottom: 0;
min-width: 240px;
}
}
.filters .mobile-adapter, .sidebar .mobile-adapter {
border: none;
display: none !important;
font-size: 19px;
margin-right: 7px;
margin: 0 !important;
border: none !important;
min-height: 44px;
cursor: pointer;
text-transform: uppercase;
font-family: "Montserrat-Bold", sans-serif;
font-size: 16px;
}
@media (max-width: 991px) {
.filters .mobile-adapter, .sidebar .mobile-adapter {
display: block !important;
padding: 11px 25px 0 25px !important;
}
}
@media (max-width: 479px) {
.filters .mobile-adapter, .sidebar .mobile-adapter {
font-size: 0 !important;
}
}
.filters .filter-content, .filters .sidebar-content, .sidebar .filter-content, .sidebar .sidebar-content {
padding: 25px 30px;
display: block;
padding-bottom: 88px;
}
@media (min-width: 992px) {
.filters .filter-content, .filters .sidebar-content, .sidebar .filter-content, .sidebar .sidebar-content {
display: block !important;
}
}
@media (max-width: 991px) {
.filters .filter-content, .filters .sidebar-content, .sidebar .filter-content, .sidebar .sidebar-content {
display: none;
padding-top: 10px;
}
}
.filters .btn_flt_outline {
background-color: #7B9DB8;
z-index: 1000;
padding: 30px;
}
.filters .btn_flt_outline[style*="position:static"], .filters .btn_flt_outline[style*="position: static"] {
padding: 0;
width: auto !important;
}
.filters #btn_flt {
width: 140px;
position: static !important;
}
.category-products .products-count {
font-size: 18px;
opacity: 0.5;
}
.category-products .docket {
font-size: 12px;
margin-left: 57px;
}
.category-products .products-count em {
font-style: normal;
color: #FF4001;
font-family: "Montserrat-Bold", sans-serif;
display: inline;
}
@media (max-width: 767px) {
.category-products .products-count .text {
display: none;
}
.category-products .products-count em {
display: none;
visibility: hidden;
}
.category-products .docket {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
margin-left: 0px;
}
}
.category-products .category-photo {
float: left;
height: 100px;
overflow: hidden;
padding: 0;
}
.category-products .category-photo img {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
width: auto;
height: 100px;
}
#numsValidator {
color: #F1EEE9;
text-shadow: 1px 1px 1px #32302A;
}
.category-products .category-desc:after {
clear: both;
}
.pagination {
margin: 0 0 10px 0;
}
.pagination > li > a, .pagination > li > a:focus, .pagination > li > a:hover {
background: none;
border: none;
font-family: "Montserrat-Bold", sans-serif;
color: #606060;
opacity: 0.6;
border-radius: 0;
font-size: 12px;
}
.pagination > li.active > a {
opacity: 1;
background: none;
font-size: 18px;
color: #606060;
border-bottom: 2px solid #FF4001;
border-radius: 0;
padding: 3px 12px;
}
@media only screen and (max-width: 768px) {
.pagination > li.active > a {
padding: 11px 21px;
}
}
.pagination > li.active > a:focus, .pagination > li.active > a:hover {
background: none;
border-bottom: 2px solid #FF4001;
color: #201E18;
}
.profile-content .pagination > li > a, .profile-content .pagination > li > a:focus, .profile-content .pagination > li > a:hover {
color: #606060;
}
.profile-content .pagination > li.active > a {
color: #606060;
}
.category-products .products-nav {
position: relative;
}
@media (max-width: 767px) {
.category-products .products-nav {
padding-bottom: 25px;
}
}
@media (max-width: 479px) {
.category-products .products-nav {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.category-products h1, .category-products .products-count, .category-products .products-nav {
padding-left: 15px;
padding-right: 15px;
}
}
.category-products .sort {
font-size: 12px;
float: right;
margin: 0 0 5px;
}
@media (max-width: 767px) {
.category-products .sort {
position: absolute;
bottom: 7px;
}
}
.category-products .sort .dropdown {
display: block;
}
@media (max-width: 767px) {
.category-products .sort .dropdown {
display: inline-block;
padding-right: 15px;
}
}
@media (max-width: 479px) {
.category-products .sort .dropdown {
display: block;
}
}
.category-products .sort .dropdown .dropdown-menu {
right: 0;
left: auto;
width: auto;
min-width: 0;
}
.category-products .sort .dropdown .glyphicon {
position: static;
}
.category-products .sort .sort-label {
font-family: "Montserrat", sans-serif;
min-width: 110px;
display: inline-block;
text-align: right;
text-transform: uppercase;
}
@media (max-width: 767px) {
.category-products .sort .sort-label {
min-width: 0;
}
}
.category-products .sort .dropdown .dropdown-menu li {
color: #67655E;
}
.category-products .filters .filter-label {
text-transform: uppercase;
display: block;
font-family: "Montserrat-Bold", sans-serif;
font-size: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding: 7px 0;
margin: 0 0 7px 0;
}
.category-products .filters .filter-label .glyphicon {
font-size: 21px;
vertical-align: text-top;
margin-right: 10px;
}
.category-products .filters .filter {
display: block;
margin-bottom: 15px;
}
.category-products .filters .filter, .category-products .filters .filter input, .category-products .filters .filter a {
text-transform: uppercase;
font-family: "Montserrat-Bold", sans-serif;
color: #32302A;
}
.category-products .filters .filter input {
color: #606060;
}
.category-products .filters .filter .dropdown-toggle {
background: #FFFFFF;
padding: 5px 15px;
position: relative;
}
.category-products .filters .filter .dropdown-toggle .glyphicon {
position: absolute;
right: 10px;
top: 10px;
}
.category-products .filters .filter input {
padding: 5px 8px;
margin: 0 0 7px 0;
width: 49%;
width: -moz-calc(50% - 2px);
width: -webkit-calc(50% - 2px);
width: calc(50% - 2px);
border: none;
font-family: "Montserrat-Bold", sans-serif;
font-size: 12px;
color: #606060;
}
.category-products .filters .filter input::-webkit-input-placeholder {
font-family: "Montserrat-Bold", sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.category-products .filters .filter input:-moz-placeholder {
font-family: "Montserrat-Bold", sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.category-products .filters .filter input::-moz-placeholder {
font-family: "Montserrat-Bold", sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.category-products .filters .filter input:-ms-input-placeholder {
font-family: "Montserrat-Bold", sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.category-products .filters .filter input::-ms-input-placeholder {
font-family: "Montserrat-Bold", sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.category-products .filters .filter input::placeholder {
font-family: "Montserrat-Bold", sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.category-products .filters .filter.color .dropdown-toggle {
width: 100%;
}
.category-products .filters .filter ul.no-drop {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 15px;
}
.category-products .filters .filter ul.no-drop a:hover {
color: #FF4001;
}
.category-products .filters .filter ul.no-drop li {
margin-bottom: 5px;
}
.category-products .filters .filter ul.no-drop li a {
font-family: "Montserrat", sans-serif;
}
.category-products .filters .filter ul.no-drop li.selected {
border-left: 3px solid #FF4001;
margin-left: -15px;
padding-left: 12px;
}
.category-products .filters .filter ul.no-drop li.selected a {
color: white;
}
.category-products .filters .dropdown-menu {
width: 100%;
background: #FFFFFF;
}
.category-products .products-preview {
padding: 0;
float: left;
}
@media (max-width: 767px) {
.category-products .products-preview {
float: none;
}
}
.skip-top {
font-size: 12px;
font-family: "Montserrat-Bold", sans-serif;
text-transform: uppercase;
position: relative;
float: right;
margin-top: 15px;
cursor: pointer;
}
.skip-top::before {
content: "\e260";
width: 16px;
height: 14px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -80%;
font-family: "Glyphicons Halflings";
font-size: 16px;
color: #FF4001;
}
.category-products .deals {
padding: 0;
}
.category-products .deals.part2 {
clear: both;
float: right;
}
@media (max-width: 991px) {
.category-products .deals.part2 {
clear: none;
}
}
@media (max-width: 479px) {
.category-products .deals.part2 {
width: 100%;
}
}
@media (max-width: 991px) {
.category-products .deals.part2 figure:last-child {
display: none;
}
}
.opinion {
float: right;
display: inline-block;
}
.opinion::after {
clear: both;
display: block;
content: "";
}
.opinion .glyphicon-star {
color: inherit;
opacity: 0.4;
float: left;
padding-right: 4px;
}
.infos .opinion .glyphicon-star, #main-rating-adding .glyphicon-star {
cursor: pointer;
}
#main-rating-adding {
float: left;
vertical-align: middle;
position: relative;
top: -3px;
margin-bottom: 9px;
width: 100%;
}
.customer-profile-reviews #main-rating-adding {
margin-top: 15px;
}
#main-rating-adding .glyphicon-star {
padding-right: 11px;
width: 35px;
font-size: 25px;
text-align: center;
}
#opinion-form .title {
float: left;
margin-right: 12px;
}
@media (max-width: 992px) {
.infos .opinion .glyphicon-star {
font-size: 18px;
}
}
.opinion .glyphicon-star.fill {
color: #FF4001;
opacity: 1;
}
.opinion .glyphicon-star.fill-temp {
color: #FF4001 !important;
opacity: 1 !important;
}
.opinion .glyphicon-star.not-fill-temp {
color: inherit !important;
opacity: 0.4 !important;
}
.preview-info .photos.slider {
padding: 0;
margin: 0;
}
.preview-info .photos.slider .slick-slider {
padding: 0;
margin: 0;
list-style-type: none;
}
.preview-info .photos.slider .slick-slider .slick-slide a {
line-height: 455px;
text-align: center;
display: block;
vertical-align: middle;
}
@media (max-width: 767px) {
.preview-info .photos.slider .slick-slider .slick-slide a {
line-height: 250px;
}
}
.preview-info .photos.slider.main-photo .empty {
background: #FFFFFF;
min-height: 456px;
text-align: center;
position: relative;
}
.preview-info .photos.slider.main-photo .empty::before {
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e060";
font-size: 200px;
color: #EFEFEF;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.preview-info .photos.slider .slick-slider {
overflow: hidden;
background: #FFFFFF;
}
.photos.slider.thumb.thumbnails-loader:before {
content: "\f110";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 40px;
font-size: 40px;
color: #000;
z-index: 5;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
transform-origin: center center;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.photos.slider.thumb.thumbnails-loader {
opacity: 0.5 !important;
}
.preview-info .photos.slider.thumb .slick-slider {
overflow: visible;
}
.preview-info .photos.slider.main-photo .slick-slide {
background: #FFFFFF;
}
.preview-info .photos.slider.main-photo .slick-slide img {
display: inline;
}
@media (min-width: 768px) {
.preview-info .photos.slider.main-photo .slick-slide {
height: 455px;
}
}
.preview-info .photos.slider.main-photo .slick-slide img {
max-width: 100%;
max-height: 455px;
}
@media (max-width: 767px) {
.preview-info .photos.slider.main-photo .slick-slide img {
max-height: 250px;
max-width: 145px;
}
}
.preview-info .photos.slider.thumb .slick-slider {
margin-top: 1px;
background: #FFFFFF;
height: 145px;
}
@media (max-width: 767px) {
.preview-info .photos.slider.thumb .slick-slider {
width: 145px;
float: left;
height: auto;
}
}
@media (max-width: 479px) {
.preview-info .photos.slider.thumb .slick-slider {
width: 87px;
}
}
.preview-info .photos.slider.thumb .slick-slider .slick-track {
overflow: hidden;
}
.preview-info .photos.slider.thumb .slick-slider .slick-slide {
height: 145px;
width: 145px;
line-height: 145px;
text-align: center;
vertical-align: middle;
overflow: hidden;
border: 0 solid #FF4001;
border: 1px solid transparent;
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
cursor: pointer;
}
@media (max-width: 768px) {
.preview-info .photos.slider.thumb .slick-slider .slick-slide {
max-width: 145px;
}
}
.preview-info .photos.slider.thumb .slick-slider .slick-slide img {
max-height: 145px;
display: inline;
}
@media (max-width: 479px) {
.preview-info .photos.slider.thumb .slick-slider .slick-slide {
height: 87px;
line-height: 87px;
}
}
@media (max-width: 479px) {
.preview-info .photos.slider.thumb .slick-slider .slick-slide img {
max-height: 87px;
}
}
.preview-info .photos.slider.thumb .slick-slider .slick-slide.slick-current {
border: 5px solid #FF4001;
line-height: 135px;
}
@media (max-width: 479px) {
.preview-info .photos.slider.thumb .slick-slider .slick-slide.slick-current {
line-height: 77px;
}
}
@media (max-width: 767px) {
.preview-info .photos.slider.thumb .slick-slider .slick-arrow {
position: static;
width: 100%;
}
}
@media (max-width: 767px) {
.preview-info .photos.slider.thumb .slick-slider .slick-arrow.slick-prev::before {
content: "\e260";
}
}
@media (max-width: 767px) {
.preview-info .photos.slider.thumb .slick-slider .slick-arrow.slick-next::before {
content: "\e259";
}
}
.preview-info .photos.slider .slick-arrow {
top: 0;
bottom: 0;
-ms-transform: none;
-webkit-transform: none;
transform: none;
background: #FFFFFF;
padding: 0 25px;
}
.preview-info .photos.slider .slick-arrow::before {
position: absolute;
top: 50%;
left: 0;
-ms-transform: transformY(-0.5em);
-webkit-transform: transformY(-0.5em);
transform: transformY(-0.5em);
font-size: 18px;
}
.preview-info .photos.slider .slick-prev {
left: 0;
}
@media (max-width: 991px) {
.preview-info .photos.slider .slick-arrow {
padding: 0 12px;
background: rgba(255, 255, 255, 0.5);
}
}
@media (max-width: 767px) {
.preview-info .photos.slider .slick-arrow {
padding: 0 10px;
}
.preview-info .photos.slider .slick-prev {
background: #FFFFFF;
}
}
.preview-info .photos.slider .slick-next {
right: 0;
}
.photos.slider.thumb {
padding: 0 20px;
background: #FFFFFF;
}
@media (max-width: 767px) {
#full-screen-gallery .close-gallery {
left: 20px;
}
#full-screen-gallery .close-gallery .close {
float: none;
opacity: 0.4;
z-index: 5;
}
#full-screen-gallery .close-gallery span:before {
content: "\e091";
font-size: 25px;
}
#full-screen-gallery button {
color: rgba(0, 0, 0, 0.7);
top: auto;
bottom: 10px;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.6);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#full-screen-gallery .button-next:after, #full-screen-gallery .button-prev:after {
margin: 0;
top: 0;
}
#full-screen-gallery img {
max-width: 100%;
max-height: 100%;
}
.photos.slider.thumb {
padding: 0;
}
}
.photos.slider.thumb .slick-prev {
left: -20px;
}
.photos.slider.thumb .slick-next {
right: -20px;
}
.details-section {
background: #FFFFFF;
}
.preview-info .infos {
background: #FFFFFF;
color: #606060;
padding: 0 20px;
font-family: "MartelSans", sans-serif;
text-align: center;
min-height: 602px;
padding-top: 13px;
float: right;
}
@media (max-width: 767px) {
.details-section {
background: #FFFFFF;
}
}
@media (max-width: 767px) {
.preview-info .infos {
width: -moz-calc(100% - 145px);
width: -webkit-calc(100% - 145px);
width: calc(100% - 145px);
min-height: auto;
padding-bottom: 10px;
}
}
@media (max-width: 479px) {
.preview-info .infos {
width: -moz-calc(100% - 87px);
width: -webkit-calc(100% - 87px);
width: calc(100% - 87px);
padding: 10px;
z-index: 1;
}
}
.preview-info .infos * {
text-align: left;
}
.preview-info select, .preview-info input {
width: 100%;
}
.preview-info .infos .product-flags {
position: static;
float: left;
}
.preview-info .infos .ribbon {
position: relative;
left: -21px;
}
@media (max-width: 479px) {
.preview-info .infos .ribbon {
left: 0;
}
}
.preview-info .infos .producer-logo {
max-height: 80px;
}
.preview-info .infos .availability span {
font-family: "MartelSans-Bold", sans-serif;
color: #FF4001;
}
.preview-info .infos .attributes .dropdown {
display: block;
background: #F1EEE9;
margin-bottom: 7px;
color: #606060;
}
.preview-info .infos .availability, .preview-info .infos .producer, .preview-info .infos .producer-logo, .preview-info .infos .stock, .preview-info .infos .attributes, .preview-info .infos .attributes .price {
clear: both;
}
.preview-info .infos .attributes .dropdown .dropdown-toggle, .preview-info .infos .attributes .dropdown .dropdown-menu {
font-family: "Montserrat", sans-serif;
width: 100%;
}
.preview-info .infos .attributes .dropdown .dropdown-toggle {
padding: 5px 19px;
}
.preview-info .infos .delivery span {
font-family: "MartelSans-Bold";
}
.preview-info .infos .promotion {
background-image: url("img/icons.png");
background-position: 0 -92px;
width: 71px;
height: 25px;
float: right;
}
.preview-info .infos .price {
clear: both;
}
.points-price {
clear: both;
font-family: "Montserrat-Bold", sans-serif;
font-size: 16px;
}
.preview-info .infos .price .current {
display: inline-block;
margin-right: 20px;
}
.preview-info .infos .price .prev {
display: inline-block;
line-height: 27px;
}
.preview-info .infos .price .unitPrice {
display: block;
clear: both;
}
.price .current .sale-unit {
font-size: 14px;
font-family: "Montserrat", sans-serif;
}
.preview-info .infos .add-to-cart {
clear: both;
margin: auto;
display: block;
color: #FFFFFF;
}
.preview-info .infos .options a, .ask-for-price, .preview-info .infos .options > span {
display: block;
text-align: right;
font-family: "Montserrat-Bold", sans-serif;
color: #606060;
text-transform: uppercase;
float: right;
clear: both;
cursor: pointer;
white-space: nowrap;
}
@media (max-width: 768px) {
.preview-info .infos .options a, .ask-for-price, .preview-info .infos .options > span {
padding: 14px 0;
}
}
.preview-info .infos .options a::after, .ask-for-price::after, .preview-info .infos .options > span::after {
content: "\e258";
position: relative;
top: -1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #FF4001;
vertical-align: middle;
font-size: smaller;
margin-left: 10px;
}
.preview-info .infos .notify-about {
position: static;
cursor: pointer;
height: 37px;
margin-bottom: 20px;
}
.preview-info .infos .notify-about.opened > span {
width: -moz-calc(100% - 41px);
width: -webkit-calc(100% - 41px);
width: calc(100% - 41px);
}
.preview-info .infos .producer, .preview-info .infos .producer-logo, .preview-info .infos .availability, .preview-info .infos .attributes, .preview-info .infos .delivery, .preview-info .infos .promotion, .preview-info .infos .price, .preview-info .infos .add-to-cart, .preview-info .infos .options {
margin-bottom: 20px;
}
.availability-image {
max-width: 32px;
margin-left: 10px;
}
@media (max-width: 480px) {
.preview-info .opinion {
margin-top: 0;
}
}
@media (max-width: 480px) {
.preview-info .opinion {
top: -15px;
}
}
.preview-info .producer {
clear: both;
margin-top: 15px;
}
.preview-info .producer em, .preview-info .producer a {
font-family: "MartelSans-Bold", sans-serif;
color: #FF4001;
}
.preview-info .attributes .l {
font-family: "Montserrat-Bold", sans-serif;
margin-right: 10px;
}
.preview-info .attributes .l::after {
content: ":";
}
.preview-info .current {
font-family: "Montserrat-Bold", sans-serif;
font-size: 18px;
}
.preview-info .prev {
text-decoration: line-through;
font-family: "Montserrat", sans-serif;
font-size: 13px;
}
.product-desc .title, .technical-info .title, .opinions .title, .files .title a, .product-sets .title {
font-family: "Montserrat-Black", sans-serif;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 40px;
}
.product-sets .title {
padding: 0 15px;
margin-bottom: 10px;
}
@media (max-width: 479px) {
.product-sets .title {
padding: 0px;
}
}
.files {
background: #E9E9E5;
padding: 20px 50px 40px;
}
.files #gpsr .gpsr {
display: flex;
flex-direction: column;
margin-top: 10px;
}
.files #gpsr .gpsr__section {
display: flex;
flex-direction: column;
flex: 1;
margin-bottom: 20px;
}
.files #gpsr .gpsr__section-title {
width: 100%;
font-size: 16px;
font-style: normal;
font-weight: 600;
padding: 0 0 0 20px;
margin: 0 0 8px 0;
}
.files #gpsr .gpsr__content {
padding-left: 25px;
}
.files #gpsr .gpsr__content-line {
font-size: 14px;
font-style: normal;
font-weight: 400;
margin: 10px 0;
}
.files #gpsr .gpsr__content-address .gpsr__content-line {
margin: 0;
}
.files-row #gpsr .gpsr {
flex-direction: row;
}
@media screen and (max-width: 768px) {
.files-row #gpsr .gpsr {
flex-direction: column;
}
}
.files.white {
background: #FFFFFF;
}
@media (max-width: 479px) {
.files {
padding: 20px;
}
}
#files-documents ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#files-documents ul li::before {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e022";
margin-right: 10px;
}
#files-documents ul li a {
color: inherit;
display: inline-block;
margin-bottom: 5px;
}
#files-videos .player {
display: inline-block;
background: black;
margin-bottom: 4px;
}
.product-desc .row {
background: #C9C7BF;
font-family: "MartelSans", sans-serif;
font-size: 13px;
color: #67655E;
}
@media (max-width: 767px) {
.product-desc .row .title {
margin: 0;
padding-bottom: 0 !important;
}
}
.product-desc .row .title, .product-desc .row .content {
padding: 50px;
}
.product-desc .row .content p {
overflow: hidden;
}
#desc-nav-more, #desc-nav-collapse {
font-family: "Montserrat-Bold", sans-serif;
cursor: pointer;
}
#desc-nav-collapse {
display: none;
}
.no-reviews {
display: inline-block;
clear: both;
}
.no-reviews p {
float: left;
padding: 10px;
padding-left: 0;
}
.no-reviews button {
float: right;
}
@media (max-width: 405px) {
.no-reviews button {
float: left;
}
}
.aditional-info .row {
background: #FFFFFF;
color: #606060;
}
.aditional-info .row ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.aditional-info .row .technical-info, .aditional-info .row .opinions {
padding: 20px 50px;
}
.aditional-info .row .technical-info {
font-size: 12px;
}
@media (max-width: 991px) and (min-width: 768px) {
.aditional-info .row .technical-info {
padding-right: 25px;
}
}
.aditional-info .row .technical-info dl dt {
clear: both;
font-weight: normal;
font-family: "Montserrat-ExtraBold", sans-serif;
width: 30%;
text-align: right;
padding-right: 20px;
min-width: -moz-calc(0px + 110px);
min-width: -webkit-calc(0px + 110px);
min-width: 110px;
}
.aditional-info .row .technical-info dl dt::after {
content: ":";
}
.aditional-info .row .technical-info dl dt, .aditional-info .row .technical-info dl dd {
margin-bottom: 10px;
float: left;
}
.aditional-info .row .technical-info dl dd {
width: 70%;
max-width: -moz-calc(100% - 110px);
max-width: -webkit-calc(100% - 110px);
max-width: calc(100% - 110px);
}
@media (max-width: 991px) and (min-width: 768px) {
.aditional-info .row .opinions {
padding-left: 25px;
}
}
@media (max-width: 767px) {
.aditional-info .row .opinions {
background: #E9E9E5;
}
}
.aditional-info .row .opinions li {
margin-bottom: 45px;
}
.aditional-info .row .opinions .author, .aditional-info .row .opinions time {
font-family: "MartelSans-Bold", sans-serif;
}
.aditional-info .row .opinions .author .verified-purchase {
white-space: nowrap;
color: red;
}
.aditional-info .row .opinions .opinion, .aditional-info .row .opinions time {
text-align: right;
}
.aditional-info .row .opinions .opinion {
display: block;
float: none;
}
.aditional-info .row .opinions .opinion .glyphicon-star {
float: none;
}
.aditional-info .row .opinions time {
display: block;
}
.aditional-info .row .opinions .content {
clear: both;
font-size: 11px;
line-height: 1.5em;
max-height: 100px;
overflow: auto;
}
@media (max-width: 767px) {
.product-desc .row .title, .product-desc .row .content, .aditional-info .row .opinions, .aditional-info .row .technical-info {
padding: 30px;
}
}
@media (max-width: 479px) {
.product-desc .row .title, .product-desc .row .content, .aditional-info .row .opinions, .aditional-info .row .technical-info {
padding: 20px;
}
}
.product-sets {
padding: 15px 30px;
background: #FFFFFF;
font-family: "MartelSans";
}
@media (max-width: 767px) {
.product-sets {
padding: 15px;
}
}
.product-sets ul {
list-style-type: none;
padding: 0;
min-height: 165px;
}
.product-sets ul .set-item--hide {
display: none;
}
.product-sets .setproduct-list {
width: 85%;
width: -moz-calc(100% - 195px);
width: -webkit-calc(100% - 195px);
width: calc(100% - 195px);
}
@media (max-width: 767px) {
.product-sets .setproduct-list {
width: 76%;
width: -moz-calc(100% - 145px);
width: -webkit-calc(100% - 145px);
width: calc(100% - 145px);
padding: 15px 0;
}
}
@media (max-width: 479px) {
.product-sets .setproduct-list {
width: 100%;
}
}
.product-sets .set-item {
position: relative;
}
.product-sets .set-item:not(:last-child) {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
}
.product-sets .current-price {
font-size: 28px;
font-family: "MartelSans";
color: #FF4001;
display: block;
}
@media (max-width: 767px) {
.product-sets .current-price {
font-size: 22px;
}
}
.product-sets .prices {
text-align: right;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 479px) {
.product-sets .prices {
text-align: left;
position: static;
float: left;
}
}
.product-sets .previous-price {
text-decoration: line-through;
font-size: 18px;
color: #606060;
display: block;
}
.product-sets .discount {
display: block;
border: 1px solid #FF4001;
padding: 5px;
color: #FF4001;
margin-bottom: 10px;
text-align: center;
width: 189px;
line-height: 1.9em;
}
@media (max-width: 768px) {
.product-sets .discount {
width: 152px;
}
}
.product-sets .discount em {
display: block;
font-size: 18px;
font-family: "MartelSans-Bold";
line-height: 1.3em;
}
.product-sets .quantity {
font-family: "Montserrat-Bold", sans-serif;
}
.product-sets .add-to-cart {
position: absolute;
right: 0;
bottom: 15px;
color: #FFFFFF;
}
@media (max-width: 767px) {
.product-sets .add-to-cart {
position: static;
float: right;
}
}
.product-sets .setproduct-item {
display: inline-block;
padding: 15px;
vertical-align: top;
width: 170px;
position: relative;
padding-top: 0;
}
.product-sets, .product-sets .setproduct-item a {
color: #606060;
}
.product-sets .setproduct-item a {
display: block;
width: 100%;
}
.product-sets .setproduct-item:not(:first-child)::before {
content: "+";
position: absolute;
top: 50px;
left: -0.35em;
font-size: 30px;
}
.product-sets .setproduct-item-hide {
display: none;
}
.product-sets .product-sets-modal {
display: none;
height: auto;
}
.product-sets .product-sets-modal__products {
margin-top: 25px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
height: calc(100% - 25px);
}
.product-sets .product-sets-modal__item {
width: 49%;
position: relative;
cursor: pointer;
}
.product-sets .free-label, .product-sets .q-label, .order .free-label {
text-transform: uppercase;
font-size: 11px;
color: white;
background: #F44336;
border-radius: 30px;
display: inline-block;
width: 50px;
height: 50px;
padding: 17px 0;
text-align: center;
font-family: "Montserrat-ExtraBold", sans-serif;
}
.product-sets .free-label, .product-sets .q-label {
position: absolute;
top: 15px;
left: 15px;
}
.product-sets .q-label {
width: 20px;
height: 20px;
border-radius: 15px;
padding: 2px;
right: 15px;
left: auto;
background-color: #FF4001;
}
.product-sets .set-name {
font-size: 16px;
font-family: "Montserrat-SemiBold", sans-serif;
width: -moz-calc(100% - 220px);
width: -webkit-calc(100% - 220px);
width: calc(100% - 220px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 15px;
}
@media (max-width: 480px) {
.product-sets .set-name {
width: 100%;
padding: 0;
}
}
@media (max-width: 991px) {
.product-sets .free-label, .product-sets .q-label {
position: static;
width: auto;
height: auto;
border-radius: 0;
padding: 3px 9px;
}
}
@media (max-width: 1199px) {
.product-sets .setproduct-item {
width: 133px;
}
}
@media (max-width: 991px) {
.product-sets .setproduct-item {
width: 100%;
padding-top: 7px;
padding-bottom: 7px;
position: static;
padding-left: 130px;
}
}
@media (max-width: 767px) {
.product-sets .setproduct-item {
padding-left: 95px;
}
}
@media (max-width: 479px) {
.product-sets .setproduct-item {
padding-left: 0px;
}
}
.product-sets .set-img {
width: 100%;
height: 110px;
text-align: center;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: flex;
}
@media (max-width: 991px) {
.product-sets .setproduct-item:not(:last-child)::before {
content: none;
}
.product-sets .setproduct-item:not(:first-child) .set-img {
display: none;
}
.product-sets .setproduct-item:first-child .set-img {
position: absolute;
max-width: 120px;
left: 0;
top: 35px;
}
}
@media (max-width: 767px) {
.product-sets .setproduct-item:first-child .set-img {
max-width: 70px;
}
}
@media (max-width: 479px) {
.product-sets .setproduct-item:first-child .set-img {
display: none;
}
}
.product-sets .setproduct-item img {
max-height: 100%;
margin: auto;
}
li.setproduct-item h3 {
font-size: 15px;
margin: 0;
line-height: 1.3em;
overflow: hidden;
}
/* zamówienie */
@media (max-width: 991px) {
.order h1 {
margin-top: 56px;
}
}
.order .empty-cart {
background: #FFFFFF;
padding: 30px;
}
.order textarea {
width: 100%;
margin-bottom: 0;
padding: 10px 15px;
}
.order .switch {
clear: both;
}
.order .action-link {
margin: 7px 0;
color: #FF4001;
cursor: pointer;
}
.order .steps {
display: block;
background: #C9C7BF;
color: #67655E;
list-style-type: none;
font-family: "Montserrat-Bold", sans-serif;
text-transform: uppercase;
text-align: center;
font-size: 12px;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.order .steps {
position: absolute;
right: 0;
top: 44px;
width: 225px;
}
}
@media (max-width: 479px) {
.order .steps {
width: 100%;
position: static;
}
}
.order .steps li {
display: inline-block;
height: 65px;
padding: 34px 20px 0 20px;
position: relative;
}
.order .steps li.active {
color: #ABABAB;
background: #201E18;
}
.order .steps li.linked {
cursor: pointer;
}
@media (max-width: 767px) {
.order .steps li.active {
width: 100%;
}
}
@media (max-width: 479px) {
.order .steps li.active {
padding: 5px;
height: auto;
}
}
.order .steps li.active::before {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
content: "\e259";
color: #FF4001;
top: 11px;
left: 0;
right: 0;
margin: auto;
font-size: 14px;
}
@media (max-width: 479px) {
.order .steps li.active::before {
display: none;
}
}
@media (max-width: 767px) {
.order .steps li:not(.active) {
display: none;
}
}
.order .content {
background: #FFFFFF;
color: #606060;
clear: both;
font-family: "Montserrat-Light", sans-serif;
padding-bottom: 1px;
}
.order .content ul {
margin: 0;
padding: 0 20px;
padding-bottom: 0;
padding-bottom: 1px;
list-style-type: none;
}
@media (max-width: 991px) {
.order .content ul {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 768px) {
.order .content ul {
padding-left: 7px;
padding-right: 7px;
}
}
.order .content ul .in-set {
padding: 0;
clear: both;
border-left: 1px solid #606060;
}
.order .content .content-row {
position: relative;
font-size: 15px;
padding-bottom: 22px;
padding-top: 22px;
}
.order .content .content-row::after {
display: block;
content: "";
clear: both;
}
.order .content .content-row.heading {
padding: 20px;
}
.order .content .content-row.set .hide-set, .order .content .content-row.set .in-set {
display: none;
}
.order .content .content-row.set .in-set {
margin-top: 20px;
}
.order .content .content-row.heading .content-col:not(:first-child) {
text-align: center;
}
@media (max-width: 991px) {
.order .content .content-row.heading {
display: none;
}
}
.order .content .content-row.heading .content-col {
font-family: "Montserrat-Black", sans-serif !important;
font-size: 15px !important;
}
.order .content .content-row.heading .content-col:nth-child(1) {
width: -moz-calc(100% - 475px);
width: -webkit-calc(100% - 475px);
width: calc(100% - 475px);
}
@media (min-width: 992px) {
.order .content .content-row.heading .content-col.with-stepper:nth-child(1) {
width: -moz-calc(100% - 555px);
width: -webkit-calc(100% - 555px);
width: calc(100% - 555px);
}
}
.order .content .content-row .parent-label {
background: #FF4001;
color: #fff;
padding: 5px 15px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
display: inline-block;
}
.order .content .content-row.set-element:not(.heading):not(:last-child) {
border-bottom-style: dotted;
}
.order .content .content-row.set-element:first-child {
padding-top: 0;
}
.order .content .content-row.product.set-element.set-parent:not(:first-child) {
margin-top: 25px;
}
.order .content .content-row.set {
padding-bottom: 0;
margin-bottom: 20px;
}
.order .content .set-agregat {
padding-bottom: 50px;
position: relative;
}
.profile-content .order .content .content-row.heading .gross, .profile-content .order .content .content-row.heading .amount {
display: none;
}
.order .content .content-row.heading .gross::before {
content: none;
}
.order .content .content-row:not(.heading):not(:last-child) {
border-bottom: 1px solid #606060;
}
.order .content .content-row .content-col {
float: left;
min-height: 1px;
}
.order .content .content-row .content-col:not(:last-child) {
padding-right: 20px;
}
.profile-content .order .content .content-row .content-col {
padding-right: 0 !important;
float: left;
text-align: left !important;
}
.profile-content .order .content .content-row .content-col span:not(.free-label) {
text-align: left !important;
}
.order .content .content-row .content-col.photo {
width: 120px;
float: left;
}
.profile-details .content .content-row .content-col.photo {
width: 85px;
}
.order .content .content-row .content-col.del, .order .content .content-row .content-col.not-del {
padding-top: 12px;
font-size: 12px;
cursor: pointer;
padding-right: 10px;
display: block;
float: none;
}
.order .content .content-row .content-col.details {
width: -moz-calc(100% - 580px);
width: -webkit-calc(100% - 580px);
width: calc(100% - 580px);
}
@media (min-width: 992px) {
.order.summary .content .content-row .content-col.details, .thank-you .content .content-row .content-col.details {
width: -moz-calc(100% - 595px);
width: -webkit-calc(100% - 595px);
width: calc(100% - 595px);
}
}
@media (max-width: 991px) {
.order .content .content-row .content-col.details {
width: -moz-calc(100% - 335px);
width: -webkit-calc(100% - 335px);
width: calc(100% - 335px);
padding-left: 20px;
}
}
@media (max-width: 768px) {
.order .content .content-row .content-col.details, .order .content .content-row .mobile-adapter {
width: -moz-calc(100% - 120px);
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);
}
.order .content .content-row .content-col {
padding-right: 0 !important;
}
}
.order .content .content-row .content-col.details {
font-size: 12px;
}
.order .content .photo img {
max-height: 240px;
}
.order .content .in-set .photo {
padding-left: 15px;
}
@media (min-width: 992px) {
.order .content .content-row .content-col.details.with-stepper {
width: -moz-calc(100% - 675px);
width: -webkit-calc(100% - 675px);
width: calc(100% - 675px);
}
}
.online-payment {
padding: 30px;
}
.profile-content .order .content .content-row .content-col.gross::before {
font-family: "Montserrat-Black", sans-serif;
}
.order .content .content-row .content-col.amount {
width: 105px;
text-align: center;
}
@media (min-width: 992px) {
.order .content .content-row .content-col.amount.with-stepper {
width: 185px;
}
}
@media (max-width: 991px) {
.order .content .content-row .content-col.amount {
width: 100%;
}
}
@media (max-width: 768px) {
.order .content .content-row .mobile-adapter {
margin-top: 10px;
}
.order .content .content-row .mobile-adapter .content-col {
text-align: left !important;
}
}
.order .content .content-row .content-col.amount input, .order .content .content-row .content-col.amount span {
display: block;
border: none;
line-height: 2em;
padding: 2px 10px;
margin-bottom: 0;
}
.order .content .content-row .content-col.amount.stepper .glyphicon, .order .content .content-row .content-col.amount.stepper input {
display: inline-block;
vertical-align: middle;
}
.order .content .content-row .content-col.amount.stepper input {
background-color: #FFFFFF;
border: 1px solid #606060;
font-family: "Montserrat-Bold", sans-serif;
color: #FF4001;
margin: 0 -6px;
}
.order .content .content-row .content-col.amount.stepper .glyphicon {
cursor: pointer;
width: 40px;
height: 40px;
padding: 0 10px;
text-align: center;
border: 1px solid #606060;
font-size: 19px;
vertical-align: middle;
background-color: #F1EEE9;
margin-top: -2px;
}
@media (max-width: 991px) {
.order .content .content-row .content-col.amount input, .order .content .content-row .content-col.amount span {
display: inline;
}
}
.order .content .content-row .content-col.amount span {
padding: 0;
text-align: center;
}
.order .content .content-row .content-col.amount input {
width: 85px;
text-align: center;
padding: 0;
}
.order .content .content-row .content-col.amount .basic-unit, .order .content .content-row .content-col.amount .unit-price-unit {
font-size: 12px;
line-height: 1.5em;
}
.order .content .content-row .content-col.amount input {
padding-right: 0;
}
.order .content .content-row .content-col.amount.stepper {
width: 185px;
}
@media (max-width: 991px) {
.order .content .content-row .content-col.amount.stepper {
width: 100%;
}
}
.order .content .content-row .content-col.price {
text-align: center;
width: 230px;
font-size: 15px;
}
.order .content .content-row .content-col.price.gross, .complaint-details .price {
font-size: 18px;
font-family: "Montserrat-Bold", sans-serif;
width: 140px;
}
.order .content .content-row .content-col .name {
font-family: "MartelSans-Bold", sans-serif;
font-size: 15px;
margin-top: 0;
margin-bottom: 2px;
line-height: 1.5em;
}
.order .content-row.set .in-set-name {
margin-bottom: 5px;
line-height: 1.5em;
}
.profile-content .order .content .content-row .content-col .name {
width: 100%;
margin-bottom: 10px;
}
.order .content .content-row .content-col em {
font-style: normal;
font-family: "MartelSans-Bold", sans-serif;
white-space: nowrap;
}
@media (max-width: 991px) {
.order .content .content-row .content-col.price, .order .content .content-row .content-col.price.gross {
width: 100%;
}
.order .content .content-row .content-col.price.gross {
font-size: 18px;
}
.order .order-content .mobile-adapter {
float: right;
padding-left: 20px;
}
}
@media (max-width: 992px) and (min-width: 769px) {
.order .order-content .mobile-adapter {
width: 200px;
}
}
.order .order-content.thank-you .consents h2 {
font-size: 18px;
}
.order .voucher-code {
background: #FF4001;
float: right;
color: #FFFFFF;
font-family: "MartelSans", sans-serif;
padding: 15px;
}
.order .voucher-code em {
font-family: "MartelSans-Heavy", sans-serif;
}
.order .voucher-code label {
margin-right: 15px;
}
.order .voucher-code input {
border: 0;
font-family: "MartelSans-Bold", sans-serif;
color: #FF4001;
background-color: #FFFFFF;
font-size: 13px;
padding: 2px 10px;
width: 245px;
}
.order .voucher-code button {
padding-left: 0;
}
.order .voucher-code .cs-validation {
color: white;
}
#voucher-email {
display: none;
}
.order .content .changes {
padding: 20px;
}
.order .options {
padding: 30px;
clear: both;
background: #E9E9E5;
color: #606060;
font-family: "Montserrat", sans-serif;
}
.order .options .delivery {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
clear: both;
}
@media (max-width: 767px) {
.order .options {
padding: 30px 10px;
}
}
.order .options .country {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.order .options .country {
margin-bottom: 25px;
}
}
.order .options .country .c-label {
margin-right: 10px;
}
.order .options .country .dropdown .dropdown-toggle, .order .options .country .dropdown .dropdown-menu {
background: #FFFFFF;
color: #606060;
width: 100%;
}
.order .options .country .dropdown .dropdown-toggle {
padding: 5px 20px;
min-width: 170px;
}
.order .options .delivery h3 {
font-size: 12px;
font-family: "Montserrat-Bold", sans-serif;
text-transform: uppercase;
margin-bottom: 20px;
}
.order .options .delivery .item {
padding-bottom: 2px;
}
.order .options .delivery .item small {
display: inline-block;
margin-bottom: 15px;
font-family: "Montserrat-Light", sans-serif;
}
.order .options .delivery .item .payment-desc {
margin: 0;
padding-left: 31px;
color: #606060;
}
.order .options .delivery .item .payment-desc, .order .options .delivery .item .delivery-desc {
display: none;
}
.order .options .delivery ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.order .options .delivery ul li {
font-family: "Montserrat", sans-serif;
font-size: 13px;
margin-bottom: 12px;
}
.order .options .delivery ul li label {
font-weight: normal;
}
.order .options .delivery ul li small {
color: #FF4001;
}
.order .info {
font-family: "MartelSans", sans-serif;
background: #C9C7BF;
color: #67655E;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.order .info {
background: #E9E9E5;
}
}
.order .short-info {
background: #C9C7BF;
color: #67655E;
padding: 30px;
font-family: "MartelSans";
font-size: 14px;
}
.order .short-info em {
font-family: "MartelSans-Bold", sans-serif;
}
.order .thank-you .short-info {
padding-top: 10px;
}
.order .step-summary {
background: #201E18;
color: #ABABAB;
padding-top: 20px;
padding-bottom: 20px;
}
.order .step-summary .solution {
font-size: 18px;
clear: both;
font-family: "Montserrat-Black", sans-serif;
}
.order .thank-you .step-summary {
padding: 30px;
}
.order .step-summary .title {
font-family: "Montserrat-Black", sans-serif;
font-size: 15px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}
.order dl {
margin: 0;
margin-bottom: 18px;
}
.order dl dt {
clear: both;
font-weight: normal;
font-family: "Montserrat", sans-serif;
font-size: 13px;
padding-right: 15px;
}
.order dl dd {
font-family: "Montserrat-Bold", sans-serif;
font-size: 16px;
text-align: right;
}
.order dl dt, .order dl dd {
float: left;
width: 50%;
margin-bottom: 7px;
}
.order dl .total {
border-top: 1px solid #FF4001;
font-family: "Montserrat-Bold", sans-serif;
font-size: 22px;
margin-top: 10px;
padding-top: 10px;
}
@media (max-width: 479px) {
.order dl .total {
font-size: 18px;
}
}
.order .switch .input-switch {
margin-top: 1px;
}
.order .switch label {
font-size: 13px;
color: inherit;
font-family: "MartelSans", sans-serif;
font-weight: normal;
}
.order .delivery-points {
clear: both;
margin-top: 20px;
}
@media (max-width: 991px) {
.map {
max-height: 500px;
}
}
@media (max-width: 767px) {
.map {
max-height: 300px;
}
}
.order .collection-point select {
display: block;
max-width: 100%;
background: #FFFFFF;
}
.order .collection-point select option {
padding: 4px 0;
}
.order .collection-point label {
font-weight: normal;
display: block;
cursor: pointer;
}
.order .collection-point input[type=radio] {
display: none;
}
.order .collection-point input[type=radio]:checked + label {
background: #C9C7BF;
color: #67655E;
}
.order .collection-point .point-drop-v2 {
height: 9.3em;
overflow: auto;
margin-bottom: 30px;
background: #F1EEE9;
color: #606060;
padding: 1.5em;
}
.order #machines-filter {
max-width: 500px;
margin-bottom: 10px;
}
.order #machines-filter input {
margin: 0;
}
.order .points-wrapper {
position: relative;
}
.order .machine-error {
position: absolute;
padding: 15px;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.order .collection-point .c-label {
font-family: "Montserrat-Bold", sans-serif;
margin: 25px 0 15px;
}
.order .open-map {
color: #FF4001;
font-family: "Montserrat-Bold", sans-serif;
cursor: pointer;
display: inline-block;
clear: both;
padding: 0 15px;
}
.order .primary-action {
background: #FF4001;
border: none;
color: #FFFFFF;
float: right;
width: 50%;
max-width: 420px;
height: 60px;
font-family: "Montserrat-Black", sans-serif;
text-transform: uppercase;
text-align: right;
font-size: 15px;
padding: 0 30px;
}
@media (max-width: 767px) {
.order .primary-action {
font-size: 13px;
padding: 0 5px;
}
}
.order.summary .primary-action::after {
content: none;
}
.order .product.cart-chg {
background: #E9E9E5;
color: #606060;
}
.order li.cart-chg:not(.product)::before {
display: inline-block;
width: 50px;
height: 20px;
vertical-align: middle;
background: #E9E9E5;
margin-right: 20px;
content: "";
}
.order .secondary-action {
background: #E9E9E5;
color: #606060;
float: left;
font-family: "Montserrat-Bold", sans-serif;
font-size: 15px;
min-width: 50%;
width: 420px;
width: -moz-calc(100% - 420px);
width: -webkit-calc(100% - 420px);
width: calc(100% - 420px);
height: 60px;
text-align: left;
padding: 0 30px;
}
@media (max-width: 479px) {
.order .secondary-action {
font-size: 12px;
padding: 0 10px;
}
}
.order .secondary-action::before {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e079";
margin-right: 5px;
}
.order .secondary-action::after {
content: none;
}
.order.data .content {
padding: 20px 0;
}
.order.data.form {
margin: auto;
float: none;
}
.order.data h2 {
margin: 0;
text-align: center;
font-family: "Montserrat-Black", sans-serif;
color: #606060;
font-size: 15px;
padding: 15px;
text-transform: uppercase;
margin-bottom: 10px;
}
.order.data .centering {
margin: auto;
float: none;
}
.order.data input, .order.data select {
width: 100%;
}
.order.data .small {
width: 48%;
width: -moz-calc(50% - 7.5px);
width: -webkit-calc(50% - 7.5px);
width: calc(50% - 7.5px);
float: left;
font-size: 1em;
}
.order.data .small:not(.nm) {
margin-right: 15px;
}
.order.data div.small input {
width: 100%;
float: none;
}
.order.data .validation {
display: block;
margin-top: -10px;
margin-bottom: 20px;
color: #EF5350;
font-size: 13px;
}
.order.data .custom-radio {
display: inline-block;
width: 185px;
}
.order.data .invoice-inputs {
margin-top: 20px;
}
.order.data .invoice-inputs label {
margin-bottom: 12px;
}
.order.data .invoice-not-editable {
margin: 25px 0;
background: #F1EEE9;
padding: 20px;
}
.order.data .legend {
margin-top: 10px;
font-size: 12px;
}
.order.data .copy {
font-size: 12px;
float: right;
margin-bottom: 13px;
}
.order.data .pass-wrapper {
width: 100%;
}
.order.data .tel-suggestion {
margin-bottom: 30px;
}
#cst-data-switch {
clear: both;
text-align: center;
font-family: "Montserrat-Bold", sans-serif;
font-size: 20px;
padding-top: 25px;
}
#cst-data-switch span {
cursor: pointer;
}
#login-switch {
display: none;
}
.order.summary .country .c-value, .order.summary .delivery dt {
font-family: "Montserrat-Bold", sans-serif;
text-transform: uppercase;
}
.order.summary .delivery dt {
float: left;
margin-right: 4px;
}
.order.summary .address, .thank-you .address {
background: #E9E9E5;
color: #606060;
padding: 15px;
clear: both;
}
.order.summary .address, .order.summary .address p, .thank-you .address, .thank-you .address p {
font-family: "MartelSans-Bold", sans-serif;
font-size: 13px;
}
.order.summary .address p {
margin-bottom: 0;
}
.order.summary .address h4, .thank-you .address h4 {
font-family: "MartelSans", sans-serif;
font-size: 13px;
margin: 0;
margin-top: 15px;
}
.order.summary .address h3, .thank-you .address h3 {
font-family: "Montserrat-Black", sans-serif;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 5px;
}
.order.summary .address .invoice {
margin-bottom: 20px;
}
@media (max-width: 479px) {
.order .address .delivery, .order .address .invoice, .order .address .invoice-colection {
width: 100%;
}
}
::-webkit-scrollbar {
width: 8px;
border-radius: 2.5px;
background: transparent;
}
::-webkit-scrollbar-thumb {
background: rgba(149, 149, 149, 0.7);
border-radius: 4px;
}