@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin-ext);
* {
padding: 0;
margin: 0;
border: 0;
}
body {
font-family: 'Roboto', sans-serif;
color: #000;
background: #fff;
}
input, button, textarea {
font-family: 'Roboto', sans-serif;
}
a {
color: #648eca;
text-decoration: underline;
}
a:hover, a:visited {
text-decoration: none;
}
.clearfix {
display: block;
clear: both;
}
.container {
width: auto;
margin: 0 auto;
max-width: 1600px;
min-width: 768px;
box-sizing: border-box;
}
@media screen and (max-width: 1600px) {
.container {
padding: 0 10px;
}
}
.a,.a:before,.a:after,.a-b,.a-ch *,.a-ch *:before,.a-ch *:after, .anim {
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition:  all 200ms linear;
}
.w-a,.w-a:before,.w-a:after,.w-a-ch *,.w-a-ch *:before,.w-a-ch *:after {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#header-top {
background: #648eca;
color: #fff;
}
#header-top p {
font-size: 14px;
line-height: 18px;
padding: 5px 0px;
margin: 0;
}
.header-top-left {
float: left;
}
.header-top-right {
float: right;
}
#header-top a {
color: #fff;
font-size: 14px;
text-decoration: none;
line-height: 20px;
display: inline-block;
vertical-align: middle;
padding: 10px 10px;
margin: 0;
}
#header-top .socialbuttons {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
#header-top .socialbuttons p {
padding: 0;
margin: 0;
}
#header-top .socialbuttons a {
background: #fff;
border-radius: 100%;
color: #648eca;
text-align: center;
width: 20px;
font-size: 10px;
margin: 10px 5px;
padding: 0 0;
}
#header-top .socialbuttons a i {
margin: 0;
}
#header-top a:hover {
color: #648eca;
background: #fff;
}
#header-top a i {
margin-right: 2px;
}
#header {
/* border-bottom: 1px solid #f0f0f0; */
}
#logo {
padding: 10px 0;
height: 78px;
}
#logo a, #logo img {
display: table;
/* margin: 0 auto; */
height: 100%;
width: auto;
}
#logo img {
display: block;
width: auto;
height: 100%;
}
#header .col {
float: left;
box-sizing: border-box;
padding: 0px 15px;
}
#header .col:nth-child(1) {width: 36%;padding-left: 0;}
#header .col:nth-child(2) {
padding: 0 10px;
width: 54%;
}
#header .col:nth-child(3) {
width: 10%;
padding-right: 0;
}
#header-search {
border-radius: 10px;
height: 50px;
padding: 0;
box-sizing: border-box;
display: block;
min-width: 0;
background: #e3e3e3;
margin: 14px 0;
}
#header-search input,#header-search select {
color: #2b4262;
font-size: 19px;
line-height: 24px;
padding: 11px 30px;
display: block;
vertical-align: top;
box-sizing: border-box;
outline: none;
float: left;
background: none;
font-style: italic;
font-weight: 300;
margin: 2px 0;
border: none;
height: 46px;
}
#header-search input {width: calc(100% - 70px);}
#header-search select {
border-left: 1px solid #b3c3d9;
width: 180px;
}
#header-search button {
background: #648eca;
color: #fff;
font-size: 28px;
display: block;
vertical-align: top;
padding: 5px 9px;
outline: none;
width: 50px;
box-sizing: border-box;
float: left;
text-align: center;
border-radius: 10px;
margin-left: 20px;
}
#cart {
display: table;
margin: 13px 0px 13px auto;
}
#cart-info {
float: left;
text-transform: uppercase;
}
#cart-button {
float: right;
color: #648eca;
font-size: 37px;
cursor: pointer;
position: relative;
}
#cart-count,.cart-count {
font-weight: 700;
font-size: 13px;
color: #fff;
background: #f156e1;
border-radius: 100%;
width: 22px;
line-height: 22px;
display: block;
text-align: center;
position: absolute;
bottom: -4px;
right: -4px;
}
#nav {
position: relative;
margin: 0px 0 10px;
border-bottom: 1px solid #e4e4e4;
}
#nav .nav-section {float: left;display: block;padding: 0 16px 0 0;}
#nav .nav-section.nav-section-right {
float: right;
}
#nav .nav-section ul.menu {
display: inline-block;
padding: 0;
list-style: none;
margin: 0;
}
#nav .nav-section ul.menu.menu-brands {
}
#nav .nav-section ul.menu.menu-brands > li {
width: auto;
}
#nav .nav-section ul.menu.menu-brands > li > a {
color: #000000;
font-size: 16px;
text-transform: uppercase;
padding: 16px 7px;
}
#nav .nav-section ul.menu.menu-brands > li > a:before {
color: #f156e1;
font-size: 16px;
display: inline-block;
vertical-align: top;
content: '\f02e';
font-family: 'FontAwesome';
margin: 0 5px 0 0;
}
#nav .nav-section ul.menu > li {
display: inline-block;
/* margin: 13px 0px; */
vertical-align: middle;
width: 132px;
min-height: 50px;
}
#nav .nav-section ul.menu > li > a {
display: block;
color: #000000;
font-size: 13px;
line-height: 18px;
text-decoration: none;
padding: 7px 7px;
border-bottom: 7px solid transparent;
z-index: 99999;
position: relative;
margin-bottom: -7px;
max-width: 119px;
min-height: 57px;
}
#nav .nav-section ul.menu > li.hover > a {
border-color: #648eca;
}
#nav .nav-section ul.menu > li.has-submenu > a:after {
content: '\f107';
font-family: 'FontAwesome';
display: inline-block;
vertical-align: top;
margin-left: 5px;
color: #648eca;
}
#nav .nav-section ul.menu > li > a:hover {
}
#nav .nav-section ul.menu > li .submenu > ul {
display: block;
padding: 0;
box-sizing: border-box;
list-style: none;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
#nav .nav-section ul.menu.menu-brands > li ul {
list-style: none;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#nav .nav-section ul.menu > li .submenu {
position: absolute;
z-index: 9999;
left: 0;
top: calc(100% - 3px);
width: 100%;
background: #fafafa;
padding: 22px 28px;
box-sizing: border-box;
display: none;
overflow: auto;
min-height: 82px;
}
#nav .nav-section ul.menu > li ul > li {
max-width: 333px;
}
#nav .nav-section ul.menu.menu-brands > li ul > li {
float: left;
height: 71px;
width: 71px;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding: 9px 9px;
}
#nav .nav-section ul.menu > li ul > li.has-sub {
}
#nav .nav-section ul.menu > li ul > li.has-sub > a {
}
#nav .nav-section ul.menu > li ul > li.has-sub > a:before {color: #ed7eac;}
#nav .nav-section ul.menu > li ul > li.has-sub > a:after {
content: '\f067';
font-family: 'FontAwesome';
display: inline-block;
vertical-align: middle;
color: #648eca;
font-size: 10px;
margin-top: 3px;
float: right;
}
#nav .nav-section ul.menu > li ul > li.sub-sub-menu-item {}
#nav .nav-section ul.menu > li ul > li.sub-sub-menu-item a {
color: #fff;
padding-left: 20px;
}
#nav .nav-section ul.menu > li ul > li.sub-sub-menu-item a:hover {
background: #ed7eac;
}
#nav .nav-section ul.menu > li ul > li.sub-sub-menu-item a:before {
color: #fff;
}
#nav .nav-section ul.menu > li ul > li > a {font-size: 14px;color: #2b2b2b;text-decoration: none;display: block;/* border-bottom: 1px solid #aeaeae; */padding: 9px 9px;position: relative;/* background: #fff; */}
#nav .nav-section ul.menu.menu-brands > li ul > li > a {
width: 100%;
height: 100%;
padding: 0;
background: #fff;
}
#nav .nav-section ul.menu > li ul > li > ul {
padding: 0;
list-style: none;
background: #648eca;
display: none;
}
#nav .nav-section ul.menu > li ul > li > a:before {
content: '\f0da';
font-family: 'FontAwesome';
display: inline-block;
vertical-align: middle;
color: #648eca;
font-size: 14px;
margin-right: 10px;
margin-top: -2px;
}
#nav .nav-section ul.menu.menu-brands > li ul > li > a:before {
display: none;
}
#nav .nav-section ul.menu > li ul > li > a:hover {
background: #648eca;
color: #fff;
}
#nav .nav-section ul.menu.menu-brands > li ul > li > a:hover {
background: transparent;
opacity: 0.5;
}
#nav .nav-section ul.menu > li ul > li > a img {
height: 50px;
width: auto;
}
#nav .nav-section ul.menu.menu-brands > li ul > li > a img {
max-width: 100%;
max-height: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#nav-container {
padding: 0 0;
}
#nav-container.fixed {
position: fixed;
top:0;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0px -3px 10px #000;
z-index: 9999;
}
#nav-container.fixed #nav {
border-color: transparent;
}
#nav-container .nav-only-fixed {
display: none;
}
#nav-container.fixed .nav-only-fixed {
display: inline-block;
vertical-align: middle;
}
#nav-container.fixed #nav-search.nav-only-fixed {
margin-left: 10px;
}
#nav-container.fixed .nav-cart {
font-size: 30px;
padding: 9px 0;
line-height: 38px;
height: 58px;
margin-left: 20px;
}
#nav-container.fixed .nav-cart a {
display: block;
}
#nav-container.fixed .SearchForm {
}
#nav-container.fixed .SearchForm input {
display: inline-block;
vertical-align: middle;
margin: 0;
border-radius: 10px 0px 0px 10px;
background: #e3e3e3;
padding: 13px 26px;
color: #2b4262;
border: none;
margin-right: -10px;
}
#nav-container.fixed .SearchForm button {
display: inline-block;
background: #648eca;
color: #fff;
font-size: 25px;
line-height: 36px;
vertical-align: top;
padding: 5px 11px;
outline: none;
box-sizing: border-box;
text-align: center;
border-radius: 10px;
}
#nav-container.fixed .nav-logo {
padding: 10px 0;
margin-right: 15px;
}
#nav-container.fixed #nav .nav-section ul.menu {
padding: 4px 0px;
}
#nav-container.fixed .nav-logo a {
display: block;
height: 38px;
width: auto;
}
#nav-container.fixed .nav-logo a img {
height: 100%;
width: auto;
display: block;
}
#nav-container.fixed .nav-section ul.menu > li {
width: 120px;
}
#slider {
width: 100%;
}
@media screen and (max-width: 1676px) {
#slider {
width: calc(100% - 76px);
margin: 0 auto;
}
}
.slider-item {
}
.slider-item img {
width: 100%;
height: auto;
display: block;
}
/* SLIDER */
.slider, .slider * {
outline: none !important;
}
.slider .slick-track {
margin: auto;
}
.slider .slick-slide img {
margin: auto;
}
.slider .slick-slide img {
margin: auto;
max-width: 100%;
max-height: 100%;
}
.slider .slick-arrow {
font-family: 'FontAwesome';
position: absolute;
border: none;
font-size: 0;
padding: 0;
color: #fff;
border-radius: 0;
top: calc(50% - 24px);
z-index: 9;
cursor: pointer;
background: #648eca;
margin: 0;
}
.slider .slick-arrow:hover {
/* color: #72c4c8; */
}
.slider .slick-arrow::before {
font-size: 38px;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
}
.slider .slick-prev {
left: -38px;
}
.slider .slick-prev::before {
content: '\f104';
}
.slider .slick-next {
right: -38px;
}
.slider .slick-next::before {
content: '\f105';
}
.slider .slick-dots {
list-style-type: none;
position: relative;
text-align: center;
margin: 25px 0;
}
.slider .slick-dots li {
display: inline-block;
border: 4px solid #648eca;
padding: 2px;
border-radius: 100%;
margin: 0 4px;
}
.slider .slick-dots li button {
background: transparent;
width: 9px;
height: 9px;
border-radius: 100%;
padding: 0;
-webkit-transition: background-color 0.8s;
transition: background-color 0.8s;
font-size: 0;
display: block;
cursor: pointer;
}
.slider .slick-dots li button::after {
content: none;
}
.slider .slick-dots li.slick-active button {
background: #648eca;
}
/* END SLIDER */
/* BOOSTRAP COLS */
.row {
margin: 0 -10px;
}
.row:after,.row:before {
display: block;
content: ' ';
clear: both;
}
[class^="col-"] {
float:left;
box-sizing: border-box;
padding: 0 10px;
}
.col-12 {
width:100%;
}
.col-11 {
width:91.66666667%;
}
.col-10 {
width:83.33333333%;
}
.col-9 {
width:75%;
}
.col-8 {
width:66.66666667%;
}
.col-7 {
width:58.33333333%;
}
.col-6 {
width:50%;
}
.col-5 {
width:41.66666667%;
}
.col-4 {
width:33.33333333%;
}
.col-3 {
width:25%;
}
.col-2 {
width:16.66666667%;
}
.col-1 {
width:8.33333333%;
}
/* END BOOSTRAP COLS */
#baners {
width: 100%;
overflow: hidden;
box-sizing: border-box;
margin: 0 0 30px;
}
#baners a {
display: block;
text-decoration: none;
}
.baner-item {
margin: 10px 15px;
border: 1px solid #aaa;
border-radius: 2px;
box-sizing: border-box;
}
#baners a .baner-item img {
opacity: 1;
}
#baners a:hover .baner-item img {
opacity: 0.6;
}
.baner-item img {
width: 100%;
height: auto;
display: block;
}
.baner-item p {
display: block;
height: 38px;
padding: 10px 10px;
box-sizing: border-box;
text-align: center;
font-size: 14px;
border-top: 1px solid #aaa;
color: #000;
font-weight: 600;
overflow: hidden;
}
.cats-carousel-item {
margin: 0px 10px;
border: 1px solid #4d4d4d;
height: 280px;
width: 100%;
box-sizing: border-box;
}
.cats-carousel-item a {
display: block;
width: 100%;
height: 100%;
position: relative;
text-decoration: none;
}
.cats-carousel-item a:hover p {
background: #4d4d4d;
}
.cats-carousel-item img {
height: 100%;
width: auto;
display: block;
margin: 0 auto;
max-height: 225px;
}
.cats-carousel-item p {
background: #4ec6e4;
font-size: 20px;
color: #fff;
text-transform: uppercase;
text-align: center;
padding: 12px 10px;
margin: 1px;
height: 48px;
box-sizing: border-box;
}
.cats-carousel-item .image-container {
border-bottom: 1px solid #e1e1e1;
box-sizing: border-box;
height: 228px;
}
#cats-carousel-container {
margin: 0 0 30px;
}
#cats-carousel-container h1 {
position: relative;
display: table;
margin: 0 auto 30px;
padding: 0 80px;
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
color: #272727;
line-height: 40px;
}
#cats-carousel-container .carousel-arrow {
position: absolute;
top: calc(50% - 18px);
font-size: 32px;
color: #648eca;
}
#cats-carousel-container .carousel-arrow:hover {
color: #4d4d4d;
}
#cats-carousel-container .carousel-arrow.carousel-arrow-prev {
left: 0;
}
#cats-carousel-container .carousel-arrow.carousel-arrow-next {
right: 0;
}
#newsletter {
background: #f0f0f0;
padding: 25px 30px;
}
#newsletter h3 {
color: #272727;
font-size: 23px;
font-weight: 400;
font-style: italic;
line-height: 52px;
margin: 0;
}
#newsletter h3 b {
font-weight: 700;
text-transform: uppercase;
}
#newsletter form {
text-align: right;
}
#newsletter input {
background: #d3d3d3;
border: 1px solid #648eca;
color: #3b3b3b;
padding: 15px 20px;
text-align: center;
font-size: 16px;
line-height: 20px;
display: block;
float: left;
box-sizing: border-box;
font-style: italic;
width: 65%;
outline: none;
border-radius: 0;
margin-bottom: 0;
}
#newsletter button {
background: #648eca;
color: #fff;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: block;
float: left;
box-sizing: border-box;
padding: 18px 20px;
cursor: pointer;
width: calc(35% - 1px);
margin-left: 1px;
outline: none;
}
#newsletter button:hover {
background: #4d4d4d;
}
#home-news {
margin: 50px 0 0;
padding: 50px 30px;
border-top: 1px solid #cccccc;
/* border-bottom: 1px solid #cccccc; */
}
.home-news-item {
}
.home-news-item .home-news-item-info {
padding: 0 20px;
width: calc(100% - 150px);
float: left;
box-sizing: border-box;
}
.home-news-item .home-news-item-info h2 {
font-size: 24px;
font-style: italic;
font-weight: 300;
display: block;
}
.home-news-item .home-news-item-info h2 a {
color: #384371;
text-decoration: none
}
.home-news-item .home-news-item-info p {
color: #616161;
font-size: 14px;
line-height: 21px;
display: block;
margin: 15px 0;
}
.home-news-item .home-news-item-info a.home-news-item-read-more {
color: #648eca;
text-decoration: underline;
display: table;
margin: 0 0 0 auto;
}
.home-news-item .home-news-item-info a.home-news-item-read-more:hover {
text-decoration: none;
}
.home-news-item .home-news-item-image {
border: 1px solid #b2b2b2;
padding: 2px;
width: 150px;
box-sizing: border-box;
float: left;
}
.home-news-item .home-news-item-image a {
display: block;
width: 100%;
height: 100%;
}
.home-news-item .home-news-item-image img {
display: block;
width: 100%;
height: auto;
}
#footer {background: #fafafa;}
#footer .footer-section {
}
#footer .footer-section:nth-child(1) {
border-top: 0;
}
.footer-info-links {
}
.footer-info-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-info-links ul li {
}
.footer-info-links ul li a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #9fbce6;
padding: 6px 10px 6px 0;
display: block;
font-size: 14px;
}
.footer-info-links ul li a:before {
font-family: 'FontAwesome';
content: '\f0da';
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-top: -4px;
}
.footer-info-links ul li a:hover {
color: #9fbce6;
}
.footer-info-box {
float: left;
width: auto;
/* max-width: 25%; */
box-sizing: border-box;
padding: 0px 30px;
}
.footer-info-box h2 {
font-weight: 300;
font-size: 21px;
font-style: italic;
margin: 0 0 50px;
}
.footer-info-box:nth-child(1) {
width: 33%;
}
.footer-info-box:nth-child(4) {
width: 33%;
}
#footer-info {
position: relative;
background: #648eca;
padding: 50px 0;
color: #fff;
}
#footer #footer-social.footer-section {
padding-right: 240px;
}
#footer-logo {margin-bottom: 30px;}
#footer-logo img {
display: inline-block;
vertical-align: middle;
margin-right: 30px;
}
#footer-logo p {
display: inline-block;
vertical-align: middle;
color: #7c7c7c;
font-size: 14px;
line-height: 18px;
}
#footer-socialbuttons {
float: right;
padding: 8px 8px;
}
#footer-info-contact {
font-size: 14px;
color: #fff;
line-height: 19px;
}
#footer-info-contact h4 {background: #fff;color: #648eca;text-align: center;padding: 10px 20px;border-radius: 12px;font-weight: 400;font-style: italic;font-size: 14px;line-height: 19px;}
.content-columns-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.content-columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.footer-info-links:nth-of-type(2) {
padding-right: 0;
width: 16%;
}
.footer-info-links:nth-of-type(3) {
width: 18%;
}
#footer-logos {
text-align: center;
}
#footer-logos p {
display: inline-block;
vertical-align: middle;
line-height: 100px;
padding: 0;
font-size: 13px;
margin-right: 20px;
}
#footer-logos img {
display: block;
}
#footer-logos p.border-left {
}
#footer .newsletter {
}
#footer .newsletter p {
font-size: 14px;
font-weight: 400;
line-height: 19px;
}
#footer .newsletter form {
margin: 30px 0 0;
}
#footer .newsletter .input {
background: #9fbce6;
color: #fff;
font-style: italic;
font-weight: 300;
font-size: 19px;
padding: 13px 22px;
line-height: 24px;
border-radius: 10px;
display: inline-block;
vertical-align: top;
margin: 0;
border: 0;
}
#footer .newsletter .input::-webkit-input-placeholder {
color: #fff;
}
#footer .newsletter .input::-moz-placeholder {
color: #fff;
}
#footer .newsletter .button {
background: none;
color: #fff;
font-size: 50px;
line-height: 49px;
display: inline-block;
vertical-align: top;
margin-left: 5px;
cursor: pointer;
}
#footer .newsletter .button:hover {
color: #9fbce6;
}
#footer .powered {
color: #fff;
display: table;
margin: 30px auto 0;
font-size: 11px;
}
#footer .socialbuttons {
}
#footer .socialbuttons a {
display: inline-block;
vertical-align: top;
margin: 0 10px 0 0;
color: #fff;
text-decoration: none;
}
#footer .powered a {
color: #fff;
}
#categories-baner {
padding: 0px 0 25px;
}
#categories-baner a {
display: block;
width: 100%;
height: 100%;
}
#categories-baner img {
display: block;
width: 100%;
height: auto;
}
#productList {
}
.product-list-filters {
position: relative;
margin: 0 0 50px;
}
.product-list-container  {
}
#productList .product-list-container .products-preview .row [class^="col"]{
width: 25%;
}
.product-list-container .category-desc {
/* display: none; */
}
.product-list-container .category-desc .content {
margin: 0 15px 50px;
/*     max-height: 100px; */
overflow: hidden;
position: relative;
padding: 0;
}
.product-list-container .category-desc .toggle-height {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
padding: 30px 0 10px;
z-index: 10;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
cursor: pointer;
}
#productList .filters .mobile-adapter {
display: none;
}
#productList h1 {
font-weight: 600;
color: #272727;
font-size: 21px;
line-height: 28px;
margin: 0;
/* text-transform: uppercase; */
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
#productList .product-list-filters > h1 {
display: none;
}
#product-list-left-column {
padding-right: 20px;
}
#product-list-right-column {
padding-left: 30px;
}
.mobile-adapter {
/* display: none; */
}
.filters {float: left;}
.filters .filter-content {
/* padding: 25px 0; */
}
.product-list-filters:before, .product-list-filters:after {
display: block;
content: ' ';
clear: both;
}
.filters .filter-content:before, .filters .filter-content:after {
display: block;
content: ' ';
clear: both;
}
.filters .filter-content .filter {
/* padding: 0 40px 0 15px; */
/* margin: 0 0 25px; */
float: left;
position: relative;
margin-right: 15px;
background: #e3e3e3;
min-width: 180px;
position: relative;
/* cursor: pointer; */
}
.filters .filter-content .filter.PRODUCERID,
.filters .filter-content .filter.MARK,
.filters .filter-content .filter.OTHER,
.filters .filter-content .filter.AVB {
display: none;
}
#productList .product-list-filters .filters .filter-content .filter:after {
display: block;
content: '\f107';
font-family: 'FontAwesome';
position: absolute;
right: 0;
top: 0;
color: #4e4e4e;
font-size: 21px;
line-height: 50px;
padding: 0 15px;
/* cursor: pointer; */
z-index: 0;
}
#productList .product-list-filters .filters .filter-content .filter.opened:after {
transform: rotate(-180deg);
}
.filters .filter-content .btn_flt_outline {
float: left;
}
.filters .filter-content .filter .filter-label {
color: #585858;
display: block;
font-size: 16px;
/* border-bottom: 1px solid #dadada; */
/* margin: 0 -15px 5px; */
/* padding: 0 15px 5px; */
line-height: 50px;
cursor: pointer;
padding: 0 40px 0 15px;
position: relative;
z-index: 1;
}
.filters .filter-content .filter .filter-input-container {display: none;border-top: 1px solid #fff;position: absolute;background: #e3e3e3;min-width: 100%;box-sizing: border-box;left: 0;padding: 10px 15px;z-index: 999;}
.filters .filter-content .filter .filter-input-container:before,.filters .filter-content .filter .filter-input-container:after {
display: block;
content: ' ';
clear: both;
}
.filters .filter-content .filter .filter-checkbox {
position: relative;
padding: 0 0 0 25px;
}
.filters .filter-content .filter .filter-checkbox input {
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
margin: 0;
}
.filters .filter-content .filter .filter-checkbox label {
color: #4e4e4e;
font-size: 12px;
line-height: 26px;
display: block;
font-weight: 400;
margin: 0;
}
.filters .filter-content .filter.price input {
float: left;
width: 46%;
color: #272727;
font-size: 13px;
line-height: 18px;
border: 1px solid #dadada;
box-sizing: border-box;
padding: 5px 10px;
margin: 0px 2% 0;
}
.filters .filter-content .filter.price:after {
content: ' ';
display: block;
clear: both;
}
.filters .filter-content button {
display: block;
width: 100%;
color: #fff;
/* text-transform: uppercase; */
outline: none;
font-size: 16px;
padding: 10px 20px;
background: #648eca;
border: 1px solid #648eca;
box-sizing: border-box;
cursor: pointer;
line-height: 28px;
font-weight: 400;
}
.filters .filter-content button:hover {
background: #fff;
color: #648eca;
}
.sort {
}
.sort .sort-label {
display: inline-block;
vertical-align: middle;
font-weight: 300;
font-size: 14px;
}
.sort .dropdown-toggle {
/* display: inline-block; */
/* vertical-align: middle; */
/* border: 1px solid #dadada; */
/* padding: 8px 60px; */
cursor: pointer;
}
.sort .dropdown-toggle .dropdown-label {
font-size: 16px;
}
.sort .dropdown {
text-align: center;
color: #585858;
padding: 4px 25px 4px 0px;
}
.products-list-title {
position: relative;
margin: 0 0 30px;
}
.products-nav {
/* position: absolute; */
/* top: 0; */
/* right: 0; */
float: right;
}
.dropdown-menu {
left: auto;
right: 0;
float: right;
padding: 10px 15px;
z-index: 30;
border-radius: 0;
min-width: 180px;
}
.dropdown-menu li {
cursor: pointer;
}
.dropdown-menu li:hover {
color: #648eca;
}
#product-list-total-items {
color: #272727;
font-size: 17px;
font-weight: 300;
line-height: 30px;
margin: 0 0;
display: inline-block;
vertical-align: middle;
}
.product-item .product-flags {
position: absolute;
/* top: 0; */
/* right: 0; */
z-index: 1;
width: 100%;
}
.product-flags > span {
display: block;
padding: 20% 1px 7%;
color: #fff;
font-size: 10px;
text-transform: uppercase;
text-align: center;
line-height: 18px;
background-position: top center;
background-size: 100%;
background-repeat: no-repeat;
width: 14%;
height: auto;
position: absolute;
margin: 0;
top: 0px;
}
.product-flags > span.NewProduct {
background-image: url('img/tag_green.png');
left: 5px;
font-size: 45%;
}
.preview-info .product-flags > span {
z-index: 999;
}
.preview-info .product-flags > span.NewProduct {
left: 15px;
font-size: 122%;
}
.preview-info .product-flags > span.Promotion {
right: 15px;
font-size: 110%;
}
.product-item .product-flags > span i {
margin-right: 5px;
}
.product-item .product-flags > span.NewProduct i.fa:before {
content: '\f005';
}
.product-item .product-flags > span.Promotion i.fa:before {
content: '\f02c';
}
.product-flags > span.Promotion {
background-image: url('img/tag_orange.png');
right: 5px;
}
.product-flags > span.Promotion.blue {
background-image: url('img/tag_blue.png');
}
.product-flags > span.Promotion.orange {
background-image: url('img/tag_orange.png');
}
.product-flags > span.Promotion.red {
background-image: url('img/tag_red.png');
}
#header-fix {height: 140px;}
#header-fix > .container {
padding: 0;
}
.content {
font-size: 14px;
color: #797979;
text-align: center;
line-height: 19px;
padding: 50px 0;
}
.product-item {
border: 1px solid transparent;
height: 365px;
/* max-width: 210px; */
margin: 0 auto;
position: relative;
margin-bottom: 20px;
}
.product-item:hover {
border-color: #648eca;
}
.product-item .product-image {
height: 250px;
box-sizing: border-box;
padding: 10px 10px;
display: block;
}
.product-item .product-image .centering {
}
.product-item .product-image img {min-height: auto;}
.product-item .product-desc {
}
.product-item .product-name {
font-weight: 400;
font-size: 12px;
line-height: 15px;
text-align: center;
margin: 0 0 5px 0;
min-height: 50px;
}
.product-item .product-availability {
padding: 0 10px;
margin: 10px 0 !important;
text-align: center;
}
.product-item .product-availability img {
max-height: 25px;
margin-right: 5px;
}
.product-item .product-buttons {
display: none;
text-align: center;
position: absolute;
width: 100%;
bottom: -20px;
left: 0;
z-index: 9999;
white-space: nowrap;
}
.product-item:hover .product-buttons {
display: block;
}
.product-item:hover .product-buttons a {
display: inline-block;
font-size: 17px;
background: #648eca;
border: 1px solid #648eca;
color: #fff;
width: 21%;
height: auto;
margin: 0 1%;
text-align: center;
line-height: 38px;
cursor: pointer;
box-sizing: border-box;
/* float: left; */
}
.product-item:hover .product-buttons:after {
display: block;
content: ' ';
clear: both;
}
.product-item:hover .product-buttons a:hover {
background: #fff;
color: #648eca;
}
.product-item .product-name a {
color: #000;
text-decoration: none;
}
.centering {
position: relative;
height: 100%;
width: 100%;
}
.centering img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.product-item .price {
color: #5c88c7;
line-height: 27px;
font-size: 21px;
text-align: center;
}
.product-slider-container {
}
.product-slider {
}
.special-products-carousel-item {
margin: 0px 15px;
width: 100%;
box-sizing: border-box;
}
.special-products-carousel-item a {
display: block;
width: 100%;
height: 100%;
position: relative;
text-decoration: none;
}
.special-products-carousel-item a.active {
background: #ed7eac !important;
border-color: #ed7eac !important;
}
.special-products-carousel-item a:hover p {
background: #4d4d4d;
}
.special-products-carousel-item img {
/* height: 100%; */
width: auto;
display: block;
margin: 0 auto;
/* max-height: 225px; */
}
.special-products-carousel-item p {
}
.special-products-carousel-item .image-container {
border-bottom: 1px solid #e1e1e1;
box-sizing: border-box;
height: 228px;
}
.product-slider-container {
margin: 0 0 30px;
}
.product-slider-container > h1 {
position: relative;
display: table;
margin: 0 auto 30px;
padding: 0 25px;
font-weight: 300;
font-style: italic;
font-size: 21px;
color: #000;
line-height: 34px;
}
.product-slider-container .carousel-arrow {
position: absolute;
top: calc(50% - 17px);
font-size: 21px;
color: #648eca;
}
.product-slider-container .carousel-arrow:hover {
color: #4d4d4d;
}
.product-slider-container .carousel-arrow.carousel-arrow-prev {
left: 0;
}
.product-slider-container .carousel-arrow.carousel-arrow-next {
right: 0;
}
.small-products .product-item {
height: 250px;
}
.small-products .product-item .product-image {
height: 140px;
}
.small-products .product-item .product-name, .small-products .product-item .price {
font-size: 12px;
}
.small-products .product-item .product-name{
height: 50px;
}
.small-products .product-item > .sizes{
bottom: 40px;
}
.baners {
margin: 0 0 20px;
}
.baners:before,.baners:after {
content: ' ';
display: block;
clear: both;
}
.baners.baners-2-on-line .baner-item {
width: calc(50% - 30px);
float: left;
}
.baners.baners-3-on-line .baner-item {
float: left;
width: calc(33.333333% - 30px);
}
.featured-prods {
background: #f8f8f8;
padding: 30px 0;
margin: 0 0 20px;
}
.product-details-name {margin: 0 0 20px;}
.product-details-name:after {
content: ' ';
display: block;
clear: both;
}
.product-details-name .product-name {
margin: 0;
font-size: 20px;
font-weight: 600;
line-height: 21px;
color: #000000;
float: left;
width: calc(100% - 305px);
}
.product-details-name .product-name b {
font-weight: 300;
font-size: 17px;
}
.product-details-name .product-details-name-name {
float: left;
width: calc(100% - 200px);
padding: 0px 20px 10px 0px;
box-sizing: border-box;
}
.product-details-name .product-price {
float: right;
font-weight: 600;
font-size: 32px;
color: #000000;
box-sizing: border-box;
text-align: center;
width: 305px;
line-height: 34px;
}
.product-details-name .product-price p {
/* display: inline-block; */
/* vertical-align: bottom; */
margin: 0;
}
.product-details-name .product-price .current {
}
.product-details-name .product-price .prev {
font-size: 20px;
line-height: normal;
text-decoration: line-through;
margin: 5px 0 0;
}
.product-details-name .product-price .price-vat {
font-size: 13px;
font-weight: 300;
margin: 0;
line-height: 34px;
margin-left: 10px;
}
.aditional-info {
}
.aditional-info:after {
content: ' ';
display: block;
clear: both;
}
.custom-modal, .tell-about-form, .ask-about-form, .ask-for-price-form {
position: fixed;
left: 0;
right: 0;
margin: auto;
width: 80%;
max-width: 1200px;
height: 80%;
max-height: 600px;
overflow: auto;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #FFFFFF;
color: #606060;
border: 3px solid #648eca;
z-index: 99999;
padding: 20px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
#fast-purchase.custom-modal {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border: 0;
box-shadow: none;
background: rgba(84, 117, 182, 0.6);
padding: 50px 10px;
}
#fast-purchase.custom-modal .availability {
margin: 20px 0 0;
}
#fast-purchase.custom-modal .product-details {
max-width: 900px;
margin: 0 auto;
width: 100%;
background: #fff;
padding: 25px 25px;
/* overflow: hidden; */
position: relative;
}
#fast-purchase.custom-modal .product-details-name .product-name {
width: 75%;
}
#fast-purchase.custom-modal .product-details-name .product-price {
font-size: 21px;
width: 25%;
line-height: normal;
}
#fast-purchase.custom-modal .product-details-name .product-price .price-vat {
line-height: 26px;
}
#fast-purchase.custom-modal .close {
font-size: 36px;
color: #fff;
top: -50px;
line-height: 50px;
right: 0;
opacity: 1;
}
#fast-purchase .product-details-manufacturer {
/* border-top: 1px solid #c4c4c4; */
border-bottom: 0;
margin: 10px 0 0;
}
#fast-purchase .product-details-manufacturer .product-details-manufacturer-info p  {
display: block;
margin: 5px 0 0px;
line-height: 18px;
}
#fast-purchase input {
/* width: inherit; */
}
#fast-purchase .attributes .attributes-select {
width: 100%;
float: none;
}
@media (max-height: 660px) {
.custom-modal, .tell-about-form, .ask-about-form, .ask-for-price, .ask-for-price-form {
top: 0 !important;
bottom: 0;
height: auto;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.availability {
color: #999999;
font-size: 14px;
line-height: 26px;
padding: 10px 0px;
position: relative;
margin: 0;
}
.availability span {
color: #648eca;
}
.availability i {
margin-right: 10px;
font-size: 20px;
vertical-align: middle;
}
.availability:before, .availability:after {
display: block;
height: 1px;
width: 100%;
background: #fff;
content: ' ';
position: absolute;
left: 0;
}
.availability:before {
top: 0;
}
.availability:after {
bottom: 0;
}
.attributes {
}
.attributes:after {
display: block;
clear: both;
content: ' ';
}
.attributes .supply {
}
.attributes .supply span.l {
color: #3e3e3e;
font-size: 14px;
line-height: 26px;
/* text-transform: uppercase; */
display: inline-block;
vertical-align: middle;
width: 100px;
padding: 8px 0;
}
.attributes .supply .attributes-select {display: inline-block;width: calc(100% - 110px);vertical-align: middle;}
.attributes .supply .attributes-select span {
display: inline-block;
vertical-align: middle;
border: 1px solid #cccccc;
margin: 6px;
cursor: pointer;
max-width: 100% !important;
color: #333232;
font-weight: 300;
font-size: 14px;
line-height: 26px;
padding: 1px 7px !important;
min-width: 0;
box-sizing: border-box;
min-height: 30px;
}
.attributes .supply .attributes-select span img {
height: 50px;
width: auto;
display: inline-block;
vertical-align: middle;
}
.attributes .supply .attributes-select span[data-selected="true"] {
border-color: #1b1b1b;
}
.attributes .supply .attributes-select span[data-selected="true"]:before {
display: inline-block;
vertical-align: top;
content: '\f00c';
font-family: 'FontAwesome';
margin: 0 5px 0 0;
font-size: 16px;
line-height: 26px;
}
.attributes .supply .attributes-select span[data-selected="true"]:empty:before {
margin: 0;
}
.preview-info .add-to-cart-container {
background: #e4e4e4;
margin: 20px 0 0;
}
.preview-info .add-to-cart-container label {
font-size: 14px;
color: #3e3e3e;
/* text-transform: uppercase; */
line-height: 31px;
display: block;
vertical-align: middle;
margin: 0;
text-align: center;
padding: 22px 4px;
}
.preview-info .add-to-cart-container input {
outline: none;
display: block;
color: #3c3c3c;
font-size: 45px;
font-weight: 300;
line-height: 30px;
text-align: left;
background: transparent;
padding: 10px 10px;
margin: 0;
border: 0;
}
.preview-info .add-to-cart-container .add-to-cart {
background: #648eca;
color: #fff;
text-transform: uppercase;
font-size: 14px;
line-height: 31px;
height: 100%;
text-align: center;
position: relative;
text-decoration: none;
padding: 22px 10px;
cursor: pointer;
position: relative;
font-weight: 700;
}
.preview-info .add-to-cart-container .add-to-cart span {
position: relative;
z-index: 1;
}
.preview-info .add-to-cart-container .add-to-cart:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
font-family: 'FontAwesome';
color: #84aadf;
content: '\f291';
font-size: 55px;
z-index: 0;
transform: translateX(-50%) translateY(-50%);
}
.preview-info .add-to-cart-container .add-to-cart:hover {
color: #648eca;
background: transparent;
}
.product-details [class^="col"] .product-desc {
margin: 20px 0;
/* border-top: 1px solid #c4c4c4; */
padding: 20px 0 0;
}
.product-details [class^="col"] .product-desc,.product-details [class^="col"] .product-desc p {
color: #797979 !important;
font-size: 14px !important;
line-height: 21px !important;
}
.product-details [class^="col"] .product-desc table {
max-width: 100%;
display: block;
}
.product-details .product-short-desc {
margin: 20px 0 0;
padding: 0;
border-top: 0;
}
.product-details .product-short-desc .product-desc-more {
text-transform: lowercase;
}
.product-desc p {
margin: 0 0 10px !important;
}
.product-desc p.log-in-to-see-price {position: relative;z-index: 5;}
.product-desc p.log-in-to-see-price a {
text-decoration: none;
}
.product-desc p.log-in-to-see-price a i {
margin-right: 5px;
}
.product-item:hover .product-desc p.log-in-to-see-price {
color: #fff;
}
.product-item:hover .product-desc p.log-in-to-see-price a {
color: #fff;
}
.product-desc ul {
padding-left: 20px;
}
.product-details-manufacturer {
/* border-bottom: 1px solid #c4c4c4; */
/* margin: 20px 0 0; */
}
.product-details-manufacturer:after {
clear: both;
display: block;
content: ' ';
}
.product-details-manufacturer .product-details-manufacturer-image {
float: left;
width: 20%;
height: 100px;
text-align: center;
padding: 5px 5px;
}
.product-details-manufacturer .product-details-manufacturer-image img {
display: block;
margin: 0 auto;
height: 100%;
width: auto;
}
.product-details-manufacturer .product-details-manufacturer-info {
/* float: left; */
/* width: 80%; */
/* padding: 11px 0px 11px 20px; */
}
.product-details-manufacturer .product-details-manufacturer-info p {
color: #3c3c3c;
font-size: 14px;
line-height: 26px;
display: inline-block;
margin: 0 10px 10px 0px;
}
.product-details-manufacturer .product-details-manufacturer-info p i {
color: #648eca;
width: 30px;
}
.product-details-ask-about-product {
color: #3e3e3e;
font-size: 14px;
line-height: 26px;
margin: 20px 0 0;
padding: 10px 0px;
}
.product-details-ask-about-product a {
font-weight: 600;
font-style: italic;
text-decoration: none;
cursor: pointer;
}
#product-photos-nav {
}
#product-photos-nav .slick-slide {
border: 1px solid #c4c4c4;
width: 130px;
height: 130px;
box-sizing: border-box;
padding: 2px 2px;
overflow: hidden;
position: relative;
margin: 0 3px;
cursor: pointer;
}
#product-photos-nav .slick-slide.slick-current img, #product-photos-nav .slick-slide:hover img {
opacity: 1;
}
#product-photos-nav .slick-slide img {
display: block;
opacity: 0.6;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
max-width: 100%;
max-height: 100%;
}
#product-photos-nav .slick-track {
margin: 0 0;
}
#product-photos-for {
border: 1px solid #c4c4c4;
padding: 10px 76px;
box-sizing: border-box;
margin: 0 3px 20px;
}
#product-photos-for .slick-prev {
left: 0;
}
#product-photos-for .slick-next {
right: 0;
}
#product-photos-for .slider .slick-slide img {
}
.product-flags {
}
.product-flags .ribbon {
/* display: inline-block; */
/* margin: 0 5px 10px 0; */
/* padding: 5px 15px; */
/* vertical-align: middle; */
/* font-size: 14px; */
/* text-transform: uppercase; */
/* text-align: center; */
/* color: #fff; */
/* line-height: 20px; */
}
.product-flags .ribbon.NewProduct {
/* background: #a3d26c; */
}
.product-flags .ribbon.package {
background: #648eca;
}
.product-flags .ribbon.Promotion {
}
.aditional-info {
/* border-top: 1px solid #c4c4c4; */
margin: 20px 0 0;
padding: 20px 0 0;
}
.product-details .options {padding: 20px 0px 10px;}
.product-details .options .compare,.product-details .options .tell {
display: inline-block;
margin: 0 5px 0px 0;
padding: 5px 15px;
vertical-align: middle;
font-size: 14px;
text-transform: uppercase;
text-align: center;
color: #fff;
line-height: 20px;
background: #648eca;
text-decoration: none;
cursor: pointer;
}
.product-details .options .compare:hover,.product-details .options .tell:hover {
opacity: 0.8;
}
.product-details .options .compare {
}
.product-details .options .tell {
}
.technical-info {display: none;}
.technical-info h2 {
margin: 0;
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #272727;
box-sizing: border-box;
/* text-transform: uppercase; */
margin: 0 0 10px;
}
.technical-info-container {
}
.technical-info-container p {
color: #3c3c3c;
font-size: 14px;
line-height: 26px;
margin: 0;
}
.technical-info-container span {
font-weight: 600;
}
.aditional-info .opinions {
border-top: 1px solid #c4c4c4;
margin: 20px 0 0;
padding: 20px 0 0;
}
.aditional-info .opinions h2 {
margin: 0;
font-size: 23px;
font-weight: 600;
line-height: 28px;
color: #272727;
box-sizing: border-box;
text-transform: uppercase;
margin: 0 0 10px;
}
.preview-info {
/* padding-right: 30px; */
position: relative;
}
.opinion {
}
.opinion::after {
clear: both;
display: block;
content: '';
}
.opinion .glyphicon-star {
color: inherit;
opacity: 0.4;
float: left;
padding-right: 4px;
}
.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;
}
.opinion .glyphicon-star.fill {
color: #72c4c8;
opacity: 1;
}
.opinion .glyphicon-star.fill-temp {
color: #72c4c8 !important;
opacity: 1 !important;
}
.opinion .glyphicon-star.not-fill-temp {
color: inherit !important;
opacity: 0.4 !important;
}
#opinion-list {
list-style: none;
}
.opinions li {
margin-bottom: 2px;
background: #f4f4f4;
padding: 10px 20px;
}
.opinions li:nth-child(2n+2) {
background: #fff;
}
.opinions .author, .opinions time {
/* font-family: 'MartelSans-Bold', sans-serif; */
}
.opinions .author {
float: left;
}
.opinions .opinion, .opinions time {
float: right;
}
.opinions time {
margin-left: 30px;
}
.opinions .content {
clear: both;
font-size: 11px;
line-height: 1.5em;
}
.no-reviews {
display: inline-block;
clear: both;
}
.no-reviews p {
display: inline-block;
padding: 10px;
padding-left: 0;
vertical-align: middle;
margin: 0;
}
.no-reviews button {
display: inline-block;
background: #648eca;
color: #fff;
text-transform: uppercase;
padding: 5px 20px;
vertical-align: middle;
}
.opinions {
/* border-top: 1px solid #c4c4c4; */
padding: 10px 0px;
margin: 20px 0 0;
}
.opinions > h2 {
font-size: 20px;
}
.custom-modal .close, .tell-about-form .close, .ask-about-form .close, .ask-for-price-form .close {
position: absolute;
top: 15px;
right: 15px;
color: #606060;
text-shadow: none;
opacity: .5;
}
.custom-modal .close:hover, .tell-about-form .close:hover, .ask-about-form .close:hover, .ask-for-price-form .close:hover {
opacity: 1;
}
.custom-modal input:not([class^="col-"]), .custom-modal textarea, .options input:not([type="radio"]):not([type="checkbox"]), .options textarea, .ask-for-price-form input, .ask-for-price-form textarea {
width: 100%;
}
.custom-modal .title, .options .title, .ask-for-price-form .title {
text-transform: uppercase;
font-size: 22px;
margin: 0 0 20px 0;
color: #000;
font-weight: 700;
border-bottom: 1px solid #c4c4c4;
padding: 0 0 10px 0;
}
.custom-modal button {
padding: 7px 20px;
color: #fff;
background: #648eca;
margin-right: 10px;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #648eca;
}
.custom-modal button:hover {
/* background: #fff; */
/* color: #648eca; */
background: #87ace0;
}
.custom-modal .primary-action {
}
.custom-modal input[type="checkbox"] {
width: auto;
display:inline-block;
}
.switch {
position: relative;
}
.switch .input-switch {
float: left;
width: 2.5em;
height: 1em;
margin-right: 10px;
background: #f0f9ff;
border: 1px solid #f0f9ff;
-webkit-transition: background-color 0.4s, border 0.4s;
transition: background-color 0.4s, border 0.4s;
margin-top: 2px;
}
.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: #648eca;
-ms-transform: translateX(102%);
-webkit-transform: translateX(102%);
transform: translateX(102%);
}
.switch input[type="checkbox"] {
display: none;
}
.custom-modal .saver-check {
margin: 20px auto;
display: table;
}
.custom-modal .saver-check .switch .input-switch {
margin-top: 2px;
}
#opinion-form {
display: none;
}
#opinion-form button::after {
content: none;
}
#ProductReviewAddForm textarea {
width: 100%;
height: 120px;
}
#opinion-form textarea {
height: 200px;
}
input,textarea,select {
color: #648eca;
font-size: 14px;
padding: 12px 10px;
display: block;
vertical-align: top;
box-sizing: border-box;
outline: none;
border: 2px solid #c5c5c5;
margin: 0 0 10px;
/* border-radius: 10px; */
}
.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: #648eca;
cursor: pointer;
}
.order .steps {
display: block;
background: #f7f7f7;
color: #67655E;
list-style-type: none;
text-transform: uppercase;
text-align: center;
font-size: 16px;
font-weight: 600;
margin: 0;
padding: 0;
}
.order .steps:after {
display: block;
content: ' ';
clear: both;
}
@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: block;
/* height: 65px; */
padding: 10px 20px;
position: relative;
width: 20%;
float: left;
}
.order .steps li.active {
color: #fff;
background: #648eca;
}
.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 .content {
background: #FFFFFF;
color: #606060;
clear: both;
/* font-family: 'Montserrat-Light'; */
}
.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: 20px 20px;
clear: both;
/* border-left: 1px solid #606060; */
background: #f6f6f6;
}
.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: 18px 20px;
background: #648eca;
color: #fff;
}
.order .content .content-row.set .hide-set, .order .content .content-row.set .in-set {
display: none;
}
.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: 16px !important;
text-transform: uppercase;
font-weight: 600;
}
.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% - 605px);
}
}.order .content .content-row .parent-label {
background: #648eca;
color: #fff;
padding: 5px 15px;
/* font-family: 'Montserrat'; */
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: 20px;
}
.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;
}
.order .content .content-row.heading .content-col:nth-child(1) {
/* padding-left: 120px; */
text-align: center;
}
.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 {
text-align: left !important;
}
.order .content .content-row .content-col.photo {
width: 120px;
height: 100px;
float: left;
position: relative;
}
.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: left;
/* position: absolute; */
bottom: 0;
/* z-index: 9999; */
}
.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);
}
}
@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 .content-row .content-col.details .aditional-info {
display: none;
}
.order .content .photo img {
/* max-height: 170px; */
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
max-width: 100%;
max-height: 100%;
}
.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% - 725px);
}
}.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%;
}
.order .content .content-row .mobile-adapter .content-col {
text-align: right !important;
}
}
@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;
margin: 0 -5px;
border-radius: 0;
color: #000;
padding: 0px 5px;
font-size: 19px;
}
.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: #f0f9ff;
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 {
font-size: 18px;
/* font-family: 'Montserrat-Bold'; */
width: 140px;
}
.order .content .content-row .content-col.delete {
font-size: 18px;
width: 50px;
text-align: center;
}
.order .content .content-row .content-col.delete i {
cursor: pointer;
}
.order .content .content-row .content-col.delete i:hover {
color: #72c4c8;
}
.order .content .content-row .content-col .name {
font-size: 15px;
margin-top: 0;
margin-bottom: 2px;
line-height: 1.5em;
}
.order .content .content-row .content-col .name a {
text-decoration: none;
}
.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%;
}
.profile-content .order .content .content-row .content-col .aditional-info {
position: absolute;
bottom: 10px;
border: none;
left: 0;
right: 0;
}
.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;
}
}
@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: #648eca;
/* float: right; */
color: #FFFFFF;
/* font-family: 'MartelSans', sans-serif; */
padding: 20px 20px;
text-align: center;
}
@media (max-width: 768px) {
.order .voucher-code {
padding: 20px;
}
}.order .voucher-code em {
font-family: 'MartelSans-Heavy', sans-serif;
}
.order .voucher-code label {
margin: 0;
margin-right: 15px;
font-weight: 400;
font-size: 16px;
line-height: 38px;
vertical-align: middle;
}
.order .voucher-code label + span {
display: inline-block;
vertical-align: middle;
}
.order .voucher-code input {
border: 0;
/* font-family: 'MartelSans-Bold', sans-serif; */
/* color: #aaaaff; */
background-color: #FFFFFF;
font-size: 13px;
padding: 10px 10px;
min-width: 240px;
/* border-radius: 4px; */
margin: 0;
display: inline-block;
vertical-align: middle;
}
.order .voucher-code button {
display: inline-block;
vertical-align: middle;
background: #648eca;
padding: 9px 15px;
border: 1px solid #fff;
box-sizing: border-box;
}
.order .voucher-code button:hover {
background: #fff;
color: #648eca;
border-color: #fff;
}
.order .content .changes {
padding: 20px;
}
.order .options {
padding: 30px;
clear: both;
background: #f7f7f7;
color: #6b6b6b;
/* font-family: 'Montserrat'; */
margin: 0;
}
.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;
}
.order .options .country .dropdown {
width: 75%;
display: block;
float: left;
}
@media (max-width: 767px) {
.order .options .country {
margin-bottom: 25px;
}
}.order .options .country .c-label {
/* padding-right: 10px; */
width: 25%;
display: block;
float: left;
padding: 9px 15px 9px 0px;
font-size: 16px;
}
.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: 10px 40px 10px 20px;
min-width: 170px;
}
.order .options .delivery h3 {
font-size: 15px;
text-transform: uppercase;
margin-bottom: 0;
background: #648eca;
color: #fff;
text-align: center;
padding: 10px 0px;
margin: 20px 0 0px;
}
.order .options .delivery input[type="radio"] {
/* display: none; */
}
.order .options .delivery h3 img {
display: none;
}
.order .options .delivery > .item.selected h3 {
background: #ed7eac;
}
.order .options .delivery .item {}
.order .options .delivery .item small {
display: inline-block;
margin-bottom: 15px;
/* font-family: 'Montserrat-Light'; */
}
.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 !important;
}
.order .options .delivery ul {
margin: 0;
padding: 10px 0;
list-style-type: none;
background: #fff;
}
.order .options .delivery ul li {
font-size: 13px;
margin-bottom: 0;
background: #fff;
padding: 8px 15px;
text-align: left;
cursor: pointer;
border: 1px solid #fff;
}
.order .options .delivery ul li.selected {
/* border-color: #648eca; */
}
.order .options .delivery ul li label {
font-weight: normal;
}
.order .options .delivery ul li small {
color: #72c4c8;
font-size: 13px;
}
.order .options .delivery ul li img {
/* margin: 10px auto 0; */
display: none;
}
.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: #f7f7f7;
color: #7a7a7a;
padding: 30px;
/* font-family: 'MartelSans'; */
font-size: 14px;
margin: 0;
border-top: 1px solid #ed7eac;
}
.order .short-info em {
font-family: 'MartelSans-Bold', sans-serif;
}
.order .thank-you .short-info {
padding-top: 10px;
}
.order .step-summary {
background: #ed7eac;
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
margin: 0;
}
.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 .step-summary dl {
margin: 0;
margin-bottom: 18px;
}
.order .step-summary dl dt {
clear: both;
font-weight: normal;
/* font-family: 'Montserrat', sans-serif; */
font-size: 13px;
padding-right: 15px;
}
.order .step-summary dl dd {
font-family: 'Montserrat-Bold', sans-serif;
font-size: 16px;
text-align: right;
}
.order .step-summary dl dt, .order .step-summary dl dd {
float: left;
width: 50%;
margin-bottom: 7px;
}
.order .step-summary dl .total {
border-top: 1px solid #f7f7f7;
font-family: 'Montserrat-Bold', sans-serif;
font-size: 22px;
margin-top: 10px;
padding-top: 10px;
}
@media (max-width: 479px) {
.order .step-summary 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;
}
deli
.order .collection-point select option {
padding: 4px 0;
}
.order .collection-point label {
font-weight: normal;
display: block;
cursor: pointer;
display: inline-block;
vertical-align: top;
width: calc(100% - 30px);
line-height: 20px;
font-size: 13px;
margin: 0 0 10px;
}
.order .collection-point input[type="radio"] {
/* display: none; */
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
margin: 2px 10px 12px 0px;
}
.order .collection-point input[type="radio"]:checked + label {
/*    background: #C9C7BF;
color: #67655E;*/
}
.order .collection-point .point-drop-v2 {
height: 200px;
overflow: auto;
margin-bottom: 30px;
background: #fff;
color: #606060;
padding: 10px 15px;
}
.order .collection-point .c-label {
/* font-family: 'Montserrat-Bold'; */
margin: 0;
font-size: 15px;
background: #648eca;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 10px 0;
font-weight: 700;
width: 100%;
}
.order .open-map {
color: #aaaaff;
font-family: 'Montserrat-Bold', sans-serif;
cursor: pointer;
display: inline-block;
clear: both;
padding: 0 15px;
}
.order .primary-action {
background: #648eca;
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-1 {
background: #E9E9E5;
color: #606060;
}
.order li.cart-chg-1: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 input.small, .order.data div.small {
width: 48%;
width: -moz-calc(50% - 7.5px);
width: -webkit-calc(50% - 7.5px);
width: calc(50% - 7.5px);
float: left;
}
.order.data input.small:not(.nm), .order.data div.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: #F44336;
font-size: 13px;
}
.order.data .custom-radio {
display: inline-block;
width: 185px;
}
.order.data .invoice-inputs {
display: none;
margin-top: 20px;
}
.order.data .invoice-inputs label {
margin-bottom: 12px;
}
.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';
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;
}
.order.summary .address, .order.summary .address p, .thank-you .address, .thank-you .address p {
font-size: 13px;
}
.address:after {
display: block;
content: ' ';
clear: both;
}
.order.summary .address p {
margin-bottom: 0;
}
.order.summary .address h4, .thank-you .address h4 {
/* font-family: 'MartelSans', sans-serif; */
font-size: 15px;
margin: 0;
margin-top: 15px;
font-weight: 600;
margin-bottom: 5px;
}
.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 .address .delivery, .order .address .invoice, .order .address .custom-collection {
margin: 10px 0;
}
.order.summary .address .invoice {
margin-bottom: 20px;
}
@media (max-width: 479px) {
.order .address .delivery, .order .address .invoice, .order .address .invoice-colection {
width: 100%;
}
}.order.summary .info {
background: #C9C7BF;
color: #67655E;
}
.order.summary .delivery small {
color: #aaaaff;
}
.order.summary .payment-info, .order.cart .payment-info {
background: none;
padding: 0;
margin: 0;
}
.order .payment-info b {
font-size: larger;
/* font-family: 'Montserrat-Bold'; */
font-weight: normal;
}
.order.summary .payment-info .account-text, .order .cart .payment-info .account-text {
display: none;
}
.bankAccount {
list-style-type: none;
padding: 0;
font-family: 'MartelSans-Bold';
margin: 0;
}
.order .order-content.thank-you .payment-info p {
margin-bottom: 10px;
}
.bankAccount label {
font-family: 'MartelSans';
margin-right: 7px;
}
.order .info p, .order .info label {
margin-bottom: 3px;
}
.order .content .content-row .content-col .unit-text {
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
display: inline-block;
}
@media (max-width: 992px) {
.order .content .content-row .content-col {
padding-right: 0 !important;
}
}.order .order-content.thank-you {
background: #FFFFFF;
}
.order .order-content.thank-you .print {
display: block;
text-decoration: none;
background: #648eca;
color: #fff;
padding: 10px 20px;
text-align: center;
}
.order .order-content.thank-you .print:hover {
background: #fff;
color: #648eca;
}
.order .order-content.thank-you em, .order .order-content.thank-you strong {
/* font-family: 'MartelSans-Bold'; */
font-weight: normal;
}
.order .order-content.thank-you strong {
display: block;
margin-bottom: 25px;
margin-bottom: 0;
font-size: 22px;
}
.order .order-content.thank-you p {
margin-bottom: 2px;
}
.order .order-content.thank-you .date {
margin-bottom: 16px;
display: block;
font-size: 16px;
}
textarea#note {
margin-top: 20px;
}
.order .order-content.thank-you .cart-products {
margin-top: 10px;
}
.order .order-content.thank-you .end-content {
padding: 30px;
/* font-family: 'MartelSans'; */
}
.order .order-content.thank-you .consents {
background-color: #f7f7f7;
color: #7a7a7a;
padding: 10px 10px 5px;
}
.order .order-content.thank-you .consents ul {
list-style-type: none;
padding-left: 0;
}
.order .payment-info, .profile-content .order.summary .payment-info {
margin: 20px 0;
background-color: #E9E9E5;
padding: 15px;
color: #606060;
}
.order:not(.cart) .content .content-row .content-col .unit-adapter {
display: none;
}
@media (max-width: 992px) {
.order:not(.cart) .content .content-row .content-col .unit-text {
display: none;
}
.order:not(.cart) .content .content-row .content-col.amount .unit-adapter {
display: inline;
}
.order:not(.cart) .content .content-row.product .content-col.amount.stepper .unit-adapter {
display: block;
text-align: inherit;
}
}.register, .login, .pass-remind, .advanced-search {
position: relative;
}
.register form, .login form, .pass-remind form, .advanced-search form {
background: #FFFFFF;
color: #606060;
padding: 30px 25px;
}
.register form h2 {
clear: both;
margin: 20px 0;
}
.register-content {
position: relative;
}
.register-content:before,.register-content:after {
content: ' ';
display: block;
clear: both;
}
.reg-form .legend {
margin: 10px 0;
display: inline-block;
}
.register form input:not([type="radio"]):not([type="checkbox"]), .register form select, .login form input:not([type="radio"]):not([type="checkbox"]), .login form select, .pass-remind form input:not([type="radio"]):not([type="checkbox"]), .pass-remind form select, .advanced-search form input:not([type="radio"]):not([type="checkbox"]), .advanced-search form select {/* background: #f0f9ff; *//* color: #606060; *//* border: none; *//* margin-bottom: 20px; *//* padding: 12px 15px; */width: 100%;clear: both;}
@media (max-width: 767px) {
.register form input:not([type="radio"]):not([type="checkbox"]), .register form select, .login form input:not([type="radio"]):not([type="checkbox"]), .login form select, .pass-remind form input:not([type="radio"]):not([type="checkbox"]), .pass-remind form select, .advanced-search form input:not([type="radio"]):not([type="checkbox"]), .advanced-search form select {
width: 100%;
}
}.register form input:not([type="radio"]):not([type="checkbox"]).small, .register form select.small, .login form input:not([type="radio"]):not([type="checkbox"]).small, .login form select.small, .pass-remind form input:not([type="radio"]):not([type="checkbox"]).small, .pass-remind form select.small, .advanced-search form input:not([type="radio"]):not([type="checkbox"]).small, .advanced-search form select.small {
width: 167.5px;
clear: none;
float: left;
margin-right: 10px;
min-height: 45px;
}
@media (max-width: 767px) {
.register form input:not([type="radio"]):not([type="checkbox"]).small, .register form select.small, .login form input:not([type="radio"]):not([type="checkbox"]).small, .login form select.small, .pass-remind form input:not([type="radio"]):not([type="checkbox"]).small, .pass-remind form select.small, .advanced-search form input:not([type="radio"]):not([type="checkbox"]).small, .advanced-search form select.small {
width: 47%;
width: -moz-calc(50% - 5px);
width: -webkit-calc(50% - 5px);
width: calc(50% - 5px);
}
}.register form input:not([type="radio"]):not([type="checkbox"]).small.nm, .register form select.small.nm, .login form input:not([type="radio"]):not([type="checkbox"]).small.nm, .login form select.small.nm, .pass-remind form input:not([type="radio"]):not([type="checkbox"]).small.nm, .pass-remind form select.small.nm, .advanced-search form input:not([type="radio"]):not([type="checkbox"]).small.nm, .advanced-search form select.small.nm {
margin-right: 0;
}
.register form input[name="email"], .login form input[name="email"], .pass-remind form input[name="email"], .advanced-search form input[name="email"] {
display: block;
}
.register form p, .login form p, .pass-remind form p, .advanced-search form p {
font-family: 'MartelSans', sans-serif;
font-size: 12px;
margin-bottom: 20px;
display: inline-block;
}
.register form button, .login form button, .pass-remind form button, .advanced-search form button {
display: block;
}
.register .box, .login .box, .pass-remind .box, .advanced-search .box {background: #648eca;text-align: center;color: #fff;padding: 50px 0;/* top: 100px; */position: absolute;right: 0;/* min-height: 267px; */box-sizing: border-box;height: auto;top: 70px;}
@media (max-width: 991px) {
.register .box, .login .box, .pass-remind .box, .advanced-search .box {
right: 7px;
}
}
@media (max-width: 767px) {
.register .box, .login .box, .pass-remind .box, .advanced-search .box {
position: static;
text-align: left;
padding: 25px;
min-height: 0;
}
}.register .box .title, .login .box .title, .pass-remind .box .title, .advanced-search .box .title {
font-family: 'Montserrat-Light', sans-serif;
font-size: 22px;
display: block;
}
@media (max-width: 991px) {
.register .box .title, .login .box .title, .pass-remind .box .title, .advanced-search .box .title {
font-size: 18px;
}
}
@media (max-width: 767px) {
.register .box .title, .login .box .title, .pass-remind .box .title, .advanced-search .box .title {
font-size: 18px;
display: inline-block;
margin-top: 0;
margin-right: 10px;
}
}.register .box a, .login .box a, .pass-remind .box a, .advanced-search .box a {
font-family: 'Montserrat-SemiBold', sans-serif;
font-size: 18px;
text-transform: uppercase;
color: inherit;
white-space: nowrap;
}
.register .box .glyphicon, .login .box .glyphicon, .pass-remind .box .glyphicon, .advanced-search .box .glyphicon {
font-size: 48px;
min-width: 65px;
}
@media (max-width: 767px) {
.register .box .glyphicon, .login .box .glyphicon, .pass-remind .box .glyphicon, .advanced-search .box .glyphicon {
display: none;
}
}.register .switch, .login .switch, .pass-remind .switch {
clear: both;
}
.register > p, .login > p, .pass-remind > p {
padding: 4px 30px;
background: #FFFFFF;
margin: 0;
clear: both;
width: 50%;
color: #606060;
}
.register-message {
padding: 30px !important;
font-size: 18px;
font-family: 'MartelSans-Bold';
color: #45423A;
}
p.register-message-subtitle {
padding-bottom: 30px;
line-height: 1.5em;
font-family: 'MartelSans';
}
@media (max-width: 991px) {
.register > p, .login > p, .pass-remind > p {
width: 75%;
}
}
@media (max-width: 767px) {
.register > p, .login > p, .pass-remind > p {
width: 100%;
}
}.pass-wrapper {
position: relative;
display: block;
}
@media (max-width: 767px) {
.pass-wrapper {
width: 100%;
}
.pass-wrapper .show-pass {
right: 0;
left: auto !important;
}
}.pass-wrapper input {
padding-right: 65px;
}
.pass-wrapper .show-pass {position: absolute;right: 0;top: 0;bottom: 20px;width: 50px;font-size: 18px;background: #C9C7BF;color: #67655E;color: inherit;opacity: 0.6;cursor: pointer;height: 100%;}
.pass-wrapper .show-pass::before {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
text-align: center;
content: "\e105";
}
.pass-wrapper .show-pass.visible::before {
content: "\e106";
}
.login .remind {
display: block;
color: inherit;
margin-top: 10px;
margin-bottom: 15px;
}
.login h2 {
display: none;
}
.register .nav-tabs > li > a, .register .nav-tabs > li > a:focus, .register .nav-tabs > li > a:hover {
color: #3c3932;
background: none;
border: none;
padding: 0;
}
.register .nav-tabs {
padding-bottom: 20px;
border: none;
}
.register .custom-radio {
display: inline-block;
width: auto;
min-width: 155px;
}
.register .custom-radio label {
white-space: nowrap;
font-size: 13px;
}
.register .switch label {
font-size: 12px;
margin-bottom: 10px;
padding-left: 45px;
}
.register .switch a {
color: #aaaaff;
}
.pass-remind button {
margin-top: 40px;
}
.regulations {
font-size: 12px;
}
.regulations .files {
background: #E9E9E5;
color: #606060;
margin: 0;
}
.regulations .date {
text-align: right;
font-size: 14px;
color: #648eca;
margin: 20px 0;
line-height: 28px;
}
.regulations .date time {
margin-left: 5px;
}
.regulations .files, .regulations .content {
padding: 15px 30px;
}
.regulations .content {
background: #FFFFFF;
color: #606060;
clear: both;
padding: 15px 0;
}
.regulations .next,.regulations .prev {margin: 0 0 20px;display: block;float: right;}
.regulations .prev {
float: left;
}
.regulations .prev a,.regulations .next a {
background: #648eca;
color: #fff;
text-decoration: none;
padding: 10px 12px;
display: inline-block;
font-size: 12px;
line-height: 12px;
border: 1px solid #648eca;
}
.regulations .next a:after,.regulations .prev a:before {
content: '\f101';
display: inline-block;
font-family: 'FontAwesome';
font-size: 140%;
margin-left: 10px;
}
.regulations .prev a:before {
content: '\f100';
margin-right: 10px;
margin-left: 0;
}
.regulations .next a:hover,.regulations .prev a:hover {
background: #fff;
color: #648eca;
}
.regulations .tags {text-align: right;}
.regulations .tags ul {
list-style: none;
}
.regulations .tags ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px 5px 0;
}
.regulations .tags ul li a {
text-decoration: none;
display: block;
padding: 10px 20px;
background: #c5c5c5;
color: #fff;
font-size: 14px;
}
.regulations .tags ul li a:hover {
background: #7a7a7a;
}
.regulations .files {
color: #606060;
}
.regulations .files .glyphicon {
float: left;
font-size: 20px;
margin-right: 10px;
font-size: 42px;
}
@media (max-width: 767px) {
.regulations .files .glyphicon {
display: none;
}
}.regulations .files h2 {
font-size: 14px;
}
.regulations .files ul {
list-style-type: none;
padding: 0;
padding-left: 52px;
}
@media (max-width: 767px) {
.regulations .files ul {
padding-left: 0;
}
}.regulations .files ul a {
color: #606060;
}
#slide-message {
padding: 10px 0;
text-align: right;
display: none;
}
#slide-message .glyphicon {
vertical-align: middle;
}
.comparer .table-scroller {
overflow: auto;
}
@media (max-width: 991px) {
.comparer .preview-info, .comparer .bottom-section {
min-width: 960px;
}
}.comparer .table-scroller .mobile-adapter {
display: none;
background: #FFFFFF;
width: 100%;
padding: 25px;
}
@media (max-width: 479px) and (orientation: portrait) {
.comparer .table-scroller .mobile-adapter {
display: block;
}
.comparer .table-scroller .top-section, .comparer .table-scroller .bottom-section {
display: none;
}
}
@media (max-width: 479px) and (orientation: portrait) {
.comparer .preview-info, .comparer .bottom-section {
display: none;
}
}.comparer .preview-info {
background: #FFFFFF;
padding: 15px 0;
}
.comparer .preview-info, .comparer .bottom-section {
min-width: 100%;
padding: 15px 10px;
}
.comparer .preview-info .infos, .comparer .preview-info .infos > * {
text-align: center;
}
.comparer .preview-info .col {
text-align: center;
float: left;
min-height: 0;
color: #3c3932;
padding: 0 15px;
width: 285px;
}
@media (max-width: 1199px) {
.comparer .preview-info .col, .comparer .bottom-section .col {
width: 235px;
}
}
@media (max-width: 991px) {
.comparer .preview-info .col, .comparer .bottom-section .col {
width: 240px;
}
}.comparer .preview-info .col .remove {
color: #606060;
font-size: 12px;
}
.comparer .preview-info .col .remove .glyphicon {
font-size: 15px;
vertical-align: middle;
margin-right: 5px;
}
.comparer .preview-info .col .title a {
font-size: 20px;
line-height: 1.5em;
margin-bottom: 0;
color: #3C3932;
/* font-family: Montserrat; */
display: inline-block;
max-height: 4.5em;
overflow: hidden;
text-decoration: none;
}
.comparer .preview-info .col img {
max-height: 153px;
}
.comparer .preview-info .col .opinion {
float: none;
position: static;
margin: 5px auto 10px;
display: table;
}
.comparer .preview-info .col .current, .comparer .preview-info .col .prev {
display: block;
margin-bottom: 5px;
}
.comparer .bottom-section {
text-align: center;
font-size: 13px;
}
.comparer .bottom-section .add-to-cart {
display: inline-block;
}
.comparer .bottom-section .header, .comparer .bottom-section .buttons {
background: #e3e3df;
}
.comparer .bottom-section .header {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
position: relative;
min-height: 39px;
}
.comparer .bottom-section .header .frozen {
position: absolute;
top: 0.65em;
bottom: auto;
left: 0;
}
.comparer .bottom-section .row div {
padding: 10px 7px;
}
.comparer .bottom-section .buttons {
padding: 15px 7px 7px 7px;
}
.client-panel .white-container {
background: #FFFFFF;
margin-top: 20px;
color: #606060;
min-height: 300px;
}
@media (min-width: 992px) {
.client-panel .white-container {
position: relative;
}
}.client-panel .sidebar {
padding: 0;
position: absolute;
}
@media (min-width: 992px) {
.client-panel .sidebar {
top: 0;
bottom: 0;
}
}.client-panel .sidebar .mobile-adapter::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;
top: -1px;
vertical-align: middle;
content: "\e235";
font-size: 23px;
margin-right: 7px;
}
.client-panel .sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid #c4c4c4;
display: table;
min-width: 250px;
}
.client-panel .sidebar ul li {
/* margin-bottom: 15px; */
}
.client-panel .sidebar ul li a {
/* font-family: 'Montserrat-Light', sans-serif; */
color: #7a7a7a;
font-size: 16px;
/* padding-left: 40px; */
}
.client-panel .sidebar ul li a {
text-decoration: none;
display: block;
padding: 6px 20px;
background: #f7f7f7;
border-bottom: 1px solid #c5c5c5;
}
.client-panel .sidebar ul li:last-child a {
border-bottom: 0;
}
.client-panel .sidebar ul li.active {
/* border-left: 4px solid #32302A; */
}
.client-panel .sidebar ul li.active a,.client-panel .sidebar ul li:hover a {
/* font-family: 'Montserrat-Bold', sans-serif; */
background: #648eca;
color: #fff;
}
.client-panel .content {
font-family: 'MartelSans', sans-serif;
font-size: 13px;
padding: 20px;
}
.client-panel .content .login-data, .client-panel .content .client-data, .client-panel .content .adresses {
/* font-family: 'Montserrat', sans-serif; */
}
.client-panel .content section, .client-panel .content form, .client-panel .content .row {
clear: both;
}
.client-panel .content section {
padding: 0;
}
.client-panel .content section:not(:last-child) {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #606060;
}
.client-panel .content section:after {
display: block;
content: ' ';
clear: both;
}
.client-panel .profile-content .customer-profile-data section:not(:last-child) {
border: none;
}
.client-panel .content h2 {
/* font-family: 'Montserrat-Black', sans-serif; */
font-size: 20px;
float: left;
margin: 0;
text-transform: uppercase;
color: #000;
font-weight: 600;
}
.client-panel .content h2.editform-title {
margin-bottom: 12px;
}
.client-panel .title-bar {
margin-bottom: 20px;
padding-bottom: 7px;
border-bottom: 1px solid #606060;
}
.client-panel .title-bar:after {
content: ' ';
display: block;
clear: both;
}
.client-panel .content .login-data h2 {
margin-bottom: 0;
}
.client-panel .content p:not(.validator), .client-panel .content .action-link {
float: right;
margin: 0;
}
.client-panel .content p.current-email {
float: none;
}
.client-panel .content .action-link .glyphicon {
margin-right: 5px;
font-size: large;
vertical-align: sub;
}
@media (max-width: 991px) {
.client-panel .content form {
max-width: 100%;
}
}.client-panel .content form label, .client-panel .content form legend, .client-panel .content form .slash {
display: none;
}
.client-panel .content form input {
width: 100%;
margin-bottom: 9px;
padding: 8px 12px;
}
.client-panel .content form .half {
width: 48%;
width: -moz-calc(50% - 3.5px);
width: -webkit-calc(50% - 3.5px);
width: calc(50% - 3.5px);
float: left;
margin-right: 7px;
}
.client-panel .content form .half.nm {
margin-right: 0;
}
.client-panel .content form input.house, .client-panel .content form input.zip {
margin-right: 7px;
}
.client-panel .content form button::after, .client-panel .content form button::before {
content: none;
}
.client-panel .content form.deactivated .inputs-wrapper, .client-panel .content form .input-group {padding-left: 33px;min-height: 30px;line-height: 26px;}
.client-panel .content form .input-wrapper {position: relative;margin: 10px auto 0;}
.client-panel .content form .input-wrapper.nip {
padding-top: 4px;
}
.client-panel .content form div[data-name="zip"]::before {
}
.client-panel .content form .name:not(input), .client-panel .content form .account-for {
/* margin-left: 33px; */
font-size: 15px;
/* font-family: 'Montserrat-Bold', sans-serif; */
}
.client-panel .content .account-for {
margin-top: 10px;
}
.client-panel .content form .to-input, .client-panel .content form .to-select {padding: 2px 0;display: inline-block;margin: 0 10px;}
.client-panel .content form .slash {
display: inline;
}
.client-panel .content form.deactivated .glyphicon, .client-panel .content form.deactivated .group-label {font-size: 21px;position: absolute;vertical-align: middle;top: 4px;left: 0;}
.client-panel .content form .input-group, .client-panel .content form.group-label {
font-size: 15px;
}
.client-panel .content form .input-wrapper.nip .group-label {
font-family: 'Montserrat-Black';
font-size: 15px;
}
.client-panel .content form.deactivated input[type="submit"], .client-panel .content form.deactivated button {
display: none;
}
.client-panel .content form .pass-wrapper {
width: 100%;
}
.client-panel .content form .show-pass {
bottom: 0;
}
#CustomerUpdateForm {
padding: 0;
}
.client-panel .content .address-wrapper {
margin-bottom: 20px;
}
.client-panel .content .address-wrapper:nth-child(odd) {
padding-left: 0;
}
.client-panel .content .address-wrapper:nth-child(even) {
padding-right: 0;
}
@media (max-width: 991px) {
.client-panel .content .address-wrapper {
padding: 0;
}
}.client-panel .content #CustomerUpdateForm, .client-panel .content .adresses .address {
/* background: #E9E9E5; */
color: #606060;
padding: 10px 0;
position: relative;
/* border: 3px solid transparent; */
/* min-height: 176px; */
}
.client-panel .content .address .secondary-action.default {
padding-left: 0;
}
.client-panel .content .address .action-link {
position: absolute;
right: 10px;
color: #606060;
}
.client-panel .content .address .cancel {
display: none;
}
.client-panel .content .address.editable .remove {
display: block;
}
.client-panel .content .address.editable .edit {
display: none;
}
.client-panel .content .address.default {
border: 3px solid #7B9DB8;
}
.client-panel .content .address select {
background: #FFFFFF;
color: #606060;
}
.client-panel .content .address form:not(.deactivated) {
margin: auto;
padding-top: 30px;
}
.client-panel .content .address form:not(.deactivated) input {
background: #FFFFFF;
color: #606060;
}
.client-panel .content .address .form-add:not(.deactivated) input, .client-panel .content .address .form-add:not(.deactivated) select {
background: #f0f9ff;
}
.client-panel .content .address form.deactivated .name {
margin-left: 33px;
}
.client-panel .content .address form.deactivated legend, .client-panel .content .address form.deactivated label {
min-width: 0;
}
.client-panel .content .address form.deactivated label {
margin-right: 8px;
}
.client-panel .content .address form.deactivated fieldset div {
padding-left: 33px;
}
.client-panel .content .profile-header {
/* padding-bottom: 0 !important; */
/* margin-bottom: 35px !important; */
}
.client-panel .content .header-tabs > * {
margin-bottom: -1px;
border-bottom: 4px solid transparent;
text-decoration: none;
padding: 0 5px;
display: block;
/* margin: 0 0px 0 5px; */
}
.client-panel .content .header-tabs .active,.client-panel .content .header-tabs > *:hover {
border-color: #648eca;
}
#form-add-display {
display: none;
}
.tt {
width: 100%;
max-width: 420px;
padding: 32px;
position: fixed;
background-color: #FFFFFF;
overflow: hidden;
z-index: 99999;
color: #FFFFFF;
left: 0;
right: 0;
margin: auto;
top: 33%;
top: 33vh;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
.tt a {
color: #D9D6CD;
text-decoration: underline;
}
.tt.err {
background-color: #EF5350;
}
.tt.warn {
background-color: #F9A825;
}
.tt.msg {
background-color: #64B5F6;
}
.tt span {
display: block;
}
.tt span.ttMsg {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 10px;
}
.custom-radio {
}
.custom-radio input[type="radio"] {
display: inline-block;
vertical-align: top;
margin: 0 6px 0 0;
width: 16px;
height: 16px;
}
.custom-radio label {
margin: 0;
line-height: 15px;
height: auto;
display: inline-block;
vertical-align: top;
}
.custom-radio label small {
margin: 0 !important;
}
.dropdown .dropdown-label {}
.dropdown .dropdown-label + .glyphicon {
position: absolute;
right: 0;
top: calc(50% - 7px);
}
.products-preview {
}
.products-preview .aditional-nav {position: relative;height: 40px;margin: 0 0 20px;}
.products-preview .aditional-nav .skip-top {
/* float: right; */
font-size: 0;
border: 1px solid #648eca;
width: 40px;
height: 40px;
text-align: center;
padding: 0px 0px;
line-height: 36px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
.products-preview .aditional-nav .skip-top:before {
content: '\f106';
display: block;
font-family: 'FontAwesome';
font-size: 22px;
}
.products-preview .aditional-nav .skip-top:hover {
background: #648eca;
color: #fff;
}
.breadcrumbs {
/* padding: 0 15px; */
}
.breadcrumbs .breadcrumb {background: none;padding: 0 8px 5px;border-radius: 0;margin: 0 0 0;/* border-top: 1px solid #c4c4c4; */}
.breadcrumb>li:first-child {
/* height: 24px; */
}
.breadcrumb>li:first-child a span {
font-size: 0;
}
.breadcrumb>li:first-child a span:before {
content: '\f015';
display: inline-block;
font-family: 'FontAwesome';
font-size: 14px;
color: #648eca;
height: 18px;
}
.breadcrumb>li {
}
.breadcrumb>li a {color: #494949;text-decoration: none;text-transform: uppercase;font-size: 12px;line-height: 18px;}
.breadcrumb>li a:hover {
text-decoration: underline;
}
.breadcrumb>li a span {
}
.breadcrumb>li+li:before {
font-family: 'FontAwesome';
content: '\f101';
color: #648eca;
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 18px;
padding: 0 10px;
}
#filter-baner {margin: 0 0 20px;}
#filter-baner a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
#filter-baner a img {
display: block;
width: 100%;
height: auto;
}
#afterAddingToCartPopup {
text-align: center;
}
.ask-about-form {
}
.ask-about-form .title {
text-align: center;
text-transform: uppercase;
font-size: 22px;
color: #000;
font-weight: 600;
margin: 0 0 20px;
}
.ask-about-form .content {
padding: 10px 20px;
}
.ask-about-form .content input, .ask-about-form .content textarea {
width: 100%;
box-sizing: border-box;
}
.ask-about-form .content textarea {
min-height: 150px;
resize: none;
}
.ask-about-form .content button {
display: table;
margin: 0 5px 0px 0;
padding: 8px 50px;
vertical-align: middle;
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #fff;
line-height: 20px;
background: #648eca;
text-decoration: none;
cursor: pointer;
border: 1px solid #648eca;
width: 100%;
}
.ask-about-form .content button:hover {
background: #fff;
color: #648eca;
}
.product-sets {
padding: 10px 0;
background: #FFFFFF;
margin: 20px 0 0;
/* font-family: "MartelSans"; */
border-top: 1px solid #c4c4c4;
}
@media (max-width: 767px) {
.product-sets {
padding: 15px;
}
}
.product-sets ul {
list-style-type: none;
padding: 0;
min-height: 165px;}
.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;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
background: #f7f7f7;
padding: 10px 20px 20px;
}
.product-sets .set-item:not(:last-child) {
}
.product-sets .current-price {
display: block;
box-sizing: border-box;
font-size: 25px;
font-weight: 300;
color: #353535;
position: relative;
z-index: 2;
margin: 0 0 15px;
}
@media (max-width: 767px) {
.product-sets .current-price {
font-size: 22px;
}
}
.product-sets .prices {
text-align: right;
position: absolute;
right: 0;
top: 0;
padding: 35px 20px;
height: 100%;
z-index: 10;
width: 230px;
text-align: center;
}
.product-sets .prices .login-to-view {display: block;box-sizing: border-box;font-size: 25px;font-weight: 300;color: #353535;position: relative;z-index: 2;margin: 50px 0px;}
.product-sets .prices:before {
position: absolute;
left: 0;
top: 20px;
height: calc(100% - 70px);
width: 1px;
background: #c4c4c4;
content: ' ';
display: block;
}
@media (max-width: 479px) {
.product-sets .prices {
text-align: left;
position: static;
float: left;
}
}
.product-sets .previous-price {
text-decoration: line-through;
color: #ff1b1b;
display: block;
font-weight: 700;
font-size: 21px;
box-sizing: border-box;
padding: 0 15px;
}
.product-sets .discount {background: #f36d00;padding: 5px 10px;display: block;line-height: normal;color: #fff;margin: 0 0 10px;}
@media (max-width: 768px) {
.product-sets .discount {
width: 152px;
}
}
.product-sets .discount em {
display: block;
font-size: 18px;
font-weight: 800;
font-style: normal;
}
.product-sets .quantity {
}
.product-sets .add-to-cart {
position: absolute;
right: 0;
bottom: 0;
display: block;
padding: 9px 35px;
color: #fff;
text-align: center;
line-height: normal;
background: #648eca;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
border: 1px solid #648eca;
width: 230px;
z-index: 20;
}
.product-sets .add-to-cart:hover {
color: #648eca;
background: #fff;
}
.product-sets .add-to-cart:before {
content: '\f07a';
display: inline-block;
vertical-align: top;
font-family: 'FontAwesome';
margin-right: 10px;
}
@media (max-width: 767px) {
.product-sets .add-to-cart {
position: static;
float: right;
}
}
.product-sets .setproduct-item {
display: inline-block;
vertical-align: top;
width: 170px;
position: relative;
border: 1px solid #c5c5c5;
padding: 10px 10px;
background: #fff;
margin-right: 40px;
}
.product-sets, .product-sets .setproduct-item a {
color: #606060;
}
.product-sets > h2.title {
font-size: 28px;
margin: 10px 0 20px;
color: #272727;
}
.product-sets .setproduct-item a {
display: block;
width: 100%;
text-decoration: none;
}
.product-sets .setproduct-item:not(:last-child)::after {
content: '\f067';
position: absolute;
top: calc(50% - 10px);
right: -29px;
font-size: 14px;
font-family: 'FontAwesome';
}
.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;
}
.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: #aaaaff;
}
.product-sets .set-name {
font-size: 18px;
width: -moz-calc(100% - 220px);
width: -webkit-calc(100% - 220px);
width: calc(100% - 220px);
text-transform: uppercase;
margin: 10px 0 20px;
}
@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)::after {
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: 12px;
margin: 10px 0 0;
line-height: 14px;
height: 28px;
overflow: hidden;
text-align: center;
}
.login-to-view {
}
.contact-info {
}
.contact-correction {
margin: 0 0 20px;
}
.contact-form {
}
.contact-form > .row {
margin: 0;
}
#ContactSendForm {
margin: 0 0 20px;
}
#ContactSendForm input, #ContactSendForm textarea {
width: 100%;
display: block;
box-sizing: border-box;
}
#ContactSendForm textarea {
min-height: 150px;
}
#ContactSendForm button {
background: #648eca;
color: #fff;
padding: 5px 35px;
margin-left: 20px;
text-transform: uppercase;
border: 1px solid #648eca;
}
#ContactSendForm button:hover {
background: #fff;
color: #648eca;
}
.contact-form .form-content .title {
margin: 0 0 10px;
font-size: 14px;
}
#customer-profile {
}
#customer-profile .sidebar {
}
#customer-profile .sidebar .mobile-adapter {
display: none;
}
.client-panel {
}
#customer-profile .content {
}
#customer-profile .content .profile-content {
}
.client-panel .content h2 {
}
.reg-form {/* margin: 10px 0; */padding: 0 20px;}
.reg-form button {color: #fff;background: #648eca;padding: 6px 30px;text-transform: uppercase;/* margin-left: 10px; */border: 1px solid #648eca;}
.reg-form button:hover {
background: #fff;
color: #648eca;
}
.language-info {
display: inline-block;
vertical-align: middle;
padding: 4px 0px;
height: 31px;
box-sizing: border-box;
margin-left: 10px;
}
.language-info .dropdown {
}
.language-info .dropdown .dropdown-label {
width: 22px;
height: 22px;
border-radius: 100%;
border: 2px solid #d1d1d1;
display: block;
overflow: hidden;
}
.language-info .dropdown .dropdown-label img {
height: 100%;
display: block;
}
.language-info .dropdown .dropdown-menu {
}
.language-info .dropdown .dropdown-menu li {
}
.language-info .dropdown .dropdown-menu li img {
}
.language-info .dropdown .dropdown-menu li span {
}
.currency-info {
display: inline-block;
vertical-align: middle;
padding: 4px 0px;
height: 31px;
box-sizing: border-box;
margin-left: 10px;
line-height: 23px;
}
.currency-info .dropdown .dropdown-label {
color: #7c7c7c;
font-size: 14px;
}
.inner-clear:after {
display: block;
content: ' ';
clear: both;
}
.profile-content .client-data .order-summary {
float: left;
}
.profile-content .client-data .order-summary > * {
display: block;
float: none !important;
}
.profile-content .client-data .order-id {
}
.profile-content .client-data .order-date {
width: 80px;
text-align: right;
}
.profile-content .order-item {
border-bottom: 1px solid #606060;
margin-bottom: 26px;
padding-bottom: 16px;
}
.reviews-reviews .opinion {
float: right;
}
@media (max-width: 480px) {
.reviews-reviews .opinion {
clear: left;
float: left;
margin-top: 5px;
}
}
.dropdown-backdrop {
display: none;
}
#productList .pagination {text-align: center;display: block;}
#productList .pagination li {
display: inline-block;
vertical-align: middle;
}
#productList .pagination li a {
border: 1px solid #648eca;
width: 40px;
height: 40px;
text-align: center;
padding: 0px 0px;
line-height: 36px;
cursor: pointer;
border-radius: 0;
color: #648eca;
font-size: 16px;
line-height: 38px;
}
#productList .pagination>.active>a,#productList .pagination>.active>a:focus, #productList .pagination>.active>a:hover {
background: #648eca;
color: #fff;
}
#menu-toggle {
display: none;
}
.tell-about-form button {
background: #648eca;
color: #fff;
font-size: 16px;
text-align: center;
text-transform: uppercase;
display: block;
width: 100%;
padding: 6px 7px;
border: 1px solid #648eca;
}
.tell-about-form button:hover {
background: #fff;
color: #648eca;
}
.post-title {
font-size: 23px;
font-weight: 600;
line-height: 28px;
color: #272727;
box-sizing: border-box;
text-transform: uppercase;
margin: 20px 0;
}
.blog {
}
.blog:after {
display: block;
content: ' ';
clear: both;
}
.blog .post-list {
}
.blog .post-list .regulations {
}
.blog .post-list .regulations > a {
display: block;
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
}
.blog .post-list .regulations .date {
padding: 0;
color: #c5c5c5;
font-size: 12px;
margin: 0;
line-height: 22px;
float: right;
display: block;
}
.blog .post-list .regulations .title {
text-transform: uppercase;
font-size: 16px;
float: left;
text-decoration: none;
display: block;
padding-right: 10px;
}
.blog .post-list .regulations .content {
}
.blog .post-list .regulations:hover .content {
background: #f4f4f4;
}
.blog .post-list .regulations .content img {
margin-right: 10px;
height: 100px;
vertical-align: top;
}
.blog .post-list .regulations .tags {margin-top: 10px;clear: both;text-align: left;}
.blog .post-list .regulations .tags ul li a {
padding: 3px 15px;
}
.blog > h1 {
font-size: 23px;
font-weight: 600;
line-height: 28px;
color: #272727;
box-sizing: border-box;
text-transform: uppercase;
margin: 20px 20px;
}
#full-screen-gallery {
position: fixed;
background: rgba(255, 255, 255, 0.9);
top: 0;
width: 100%;
height: 100%;
z-index: 9999999;
left: 0;
}
.full-screen-image {
max-width: 80%;
max-height: 80%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
box-shadow: 0 0 3.125em rgba( 0,0,0,.75 );
}
.close-gallery {
position: absolute;
color: #fff;
top: 34px;
right: 34px;
background: #808080;
width: 34px;
height: 34px;
text-align: center;
padding: 5px 0px;
}
.close-gallery:hover {
background: rgba( 0,0,0,.75 );
}
.close-gallery .close {
color: #fff;
float: none;
text-shadow: none;
font-weight: 400;
font-size: 21px;
opacity: 1;
display: block;
}
.close-gallery span:before {
content: '\e014';
}
#full-screen-gallery .button-prev {
transform: rotate(180deg);
left: 34px;
margin: auto 0;
}
#full-screen-gallery .button-next {
right: 34px;
margin: auto 0;
}
#full-screen-gallery button {
color: #fff;
background: #808080;
font-size: 40px;
position: absolute;
top: 40px;
bottom: 40px;
z-index: 26;
display: inline-block;
font-family: 'FontAwesome';
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100px;
width: 50px;
}
#full-screen-gallery button:hover {
background: rgba( 0,0,0,.75 );
}
#full-screen-gallery button::before {
content: '\f0da';
}
.hide-prices {
margin: 0;
font-size: 22px;
}
.product-specifications {
}
.product-specifications div {
}
.product-specifications div span {
color: #3e3e3e;
font-size: 14px;
line-height: 26px;
/* text-transform: uppercase; */
display: inline-block;
vertical-align: middle;
width: 100px;
padding: 8px 0;
text-transform: uppercase;
}
.product-specifications div b {
display: inline-block;
width: calc(100% - 110px);
vertical-align: middle;
line-height: 26px;
padding: 8px 8px;
font-weight: 400;
}
.recommended-products {
}
.product-details .recommended-products [class^="col"] .product-desc {
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
padding: 0;
margin: 0;
}
.product-details .recommended-products [class^="col"] .product-desc  p{
color: #5c88c7 !important;
line-height: 27px !important;
font-size: 21px !important;
}
.recommended-products #products-slider {
margin: 0 38px;
padding: 0 20px;
box-sizing: border-box;
}
.brand {
}
.brand:after {
content: ' ';
display: block;
clear: both;
}
.brand .brand-image {
float: left;
width: 80px;
margin-right: 20px;
}
.brand .brand-image a {
display: table;
}
.brand .brand-image img {
display: block;
margin: 0 auto;
}
.brand .brand-desc {
float: left;
width: calc(100% - 100px);
box-sizing: border-box;
padding: 10px 0;
}
.brand .brand-desc h4 {
margin: 0 0 5px;
color: #648eca;
}
.brand .brand-desc p {
font-size: 14px;
color: #797979;
}
.slick-current.photo-loupe {
}
.f-left {
float: left !important;
}
.f-right {
float: right !important;
}
.history-row {
margin: 10px 0;
padding: 0 15px;
}
.client-panel .content .history h2 {
float: none;
}
.zoomContainer {
z-index: 15;
}
.zoomWindowContainer {
}
.zoomWindowContainer > div {
}
.home-page-text {
font-size: 14px;
color: #797979;
line-height: 19px;
margin: 12pt 0pt 12pt 0pt;
}
.home-page-text h1 {
font-size: 22px;
}
.home-page-text h2 {
font-size: 18px;
}
.home-page-text p {
font-size: 9pt;
}
.blog .post-img {
max-width: 100px;
max-height: 100px;
float: left;
margin-right: 10px;
}
.product-item .phantoms {
/* position: absolute; */
z-index: 4;
/* top: 0; */
/* left: 0; */
}
.product-item .phantoms .phantom-preview {
display: none;
}
.product-item .phantoms .centering-phantoms {
position: absolute;
top: 5px;
left: 10px;
height: 240px;
width: calc(100% - 20px);
padding: 0;
box-sizing: border-box;
}
.product-item .phantoms .centering-phantoms img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.product-item .phantoms .phantom-sizes,.product-item .sizes {
position: absolute;
bottom: 50px;
white-space: nowrap;
text-align: center;
width: 100%;
right: 0;
overflow: hidden;
padding: 0 10px;
box-sizing: border-box;
}
.product-item .phantoms .phantom-size,.product-item .sizes a {
color: #bbb;
border: 1px solid;
padding: 2px 5px;
display: inline-block;
vertical-align: top;
margin: 0 2px;
font-size: 10px;
line-height: 10px;
width: auto;
height: auto;
/* font-weight: 700; */
}
.product-item .small-images {
position: absolute;
bottom: 100px;
left: 0;
opacity: 1;
z-index: 5;
text-align: center;
width: 100%;
}
.product-item:hover .small-images {
/* opacity: 1; */
}
.product-item .small-images > a {
display: inline-block;
margin: 0 2.5px 5px;
border: 1px solid #efefef;
box-sizing: border-box;
padding: 5px;
background: #fff;
width: 50px;
height: auto;
}
.product-item .small-images img {
display: block;
max-width: 100%;
max-height: 100%;
}
.product-item .sizes {
opacity: 0;
}
.product-item:hover .sizes {
opacity: 1;
}
.product-item .sizes a {
text-decoration: none;
}
/* Customs */
.d-like-h1 {
position: relative;
display: table;
margin: 0 auto 30px;
padding: 0 25px;
font-weight: 300;
font-style: italic;
font-size: 21px;
color: #000;
line-height: 34px;
}
.d-like-h1-product-list {
font-weight: 600;
color: #272727;
font-size: 21px;
line-height: 28px;
margin: 0;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
display:none;
}
#desktop-header {
display: block;
}
#mobile-header {
display: none;
margin: 0 0 20px;
}
#mobile-header-bar {
display: block;
border-bottom: 1px solid #eee;
}
#mobile-header-bar:after {
display: block;
content: ' ';
clear: both;
}
#mobile-header .mobile-header-item {
float: left;
display: block;
max-width: 15%;
padding: 20px 4vw;
position: relative;
}
#mobile-header .mobile-header-item i {
font-size: 26px;
line-height: normal;
line-height: 38px;
}
#mobile-header .mobile-header-item .cart-count {
right: 4px;
bottom: 4vw;
}
#mobile-header .mobile-header-item#mobile-logo {
max-width: 40%;
}
#mobile-logo a {
display: block;
width: 100%;
height: auto;
}
#mobile-logo a img {
display: block;
width: 100%;
}
#mobile-navigation {
display: none;
}
#mobile-navigation ul.menu {
display: block;
padding: 0;
list-style: none;
margin: 0;
}
#mobile-navigation ul.menu > li {
display: block;
position: relative;
margin: 5px 0;
background: #dfdfdf;
}
#mobile-navigation ul.menu > li > a {
display: block;
padding: 15px 18px;
text-decoration: none;
text-transform: uppercase;
color: #353535;
font-size: 16px;
line-height: normal;
}
#mobile-navigation ul.menu > li.has-submenu:after {
display: block;
content: '\f105';
font-family: 'FontAwesome';
position: absolute;
top: 10px;
right: 18px;
color: #353535;
font-size: 28px;
line-height: normal;
}
#mobile-navigation ul.menu > li.has-submenu.submenu-opened:after {
content: '\f107';
}
#mobile-navigation ul.menu > li > .submenu {
display: none;
}
#mobile-header-search {
display: none;
}
#mobile-header-search form {
position: relative;
padding: 10px 18px;
border-bottom: 1px solid #eee;
}
#mobile-header-search input {
width: calc(100% - 24px);
float: left;
margin: 0;
z-index: 2;
border-radius: 10px;
padding: 12px 38px 12px 18px;
border: none;
background: #eee;
height: 44px;
}
#mobile-header-search button {
width: 44px;
border-radius: 10px;
height: 44px;
z-index: 2;
margin-left: -20px;
color: #fff;
font-size: 24px;
background: #648eca;
line-height: normal;
}
.desktop-only {
display: block !important;
}
.mobile-only {
display: none !important;
}
.product-list-mobile-options {
margin: 10px 0 10px;
}
.product-list-mobile-options:after {
display: block;
content: ' ';
clear: both;
}
.product-list-mobile-options .product-list-mobile-options-button {
display: block;
float: left;
text-decoration: none;
color: #666;
margin: 0 9px;
width: calc(50% - 10px);
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid;
text-transform: uppercase;
text-align: center;
font-size: 16px;
}
.product-list-mobile-options .product-list-mobile-options-button:first-child {
margin-left: 0;
}
.product-list-mobile-options .product-list-mobile-options-button:last-child {
margin-right: 0;
}
#mobile-sort {
}
#mobile-sort .mobile-sort-item {
display: none;
text-decoration: none;
color: #666;
font-size: 16px;
line-height: normal;
margin: 8px 0;
}
#mobile-sort .mobile-sort-item[data-value="3"],#mobile-sort .mobile-sort-item[data-value="4"],#mobile-sort .mobile-sort-item[data-value="15"] {
display: block;
}
#mobile-navigation ul.menu > li > .submenu > ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
padding: 0px 18px;
margin: 0px 0 0;
}
#mobile-navigation ul.menu > li > .submenu > ul > li {
display: block;
position: relative;
border-bottom: 1px solid #cbcbcb;
}
#mobile-navigation ul.menu > li > .submenu > ul > li:last-child {
border-bottom: 0;
}
#mobile-navigation ul.menu > li > .submenu > ul > li.has-sub:after {
content: '\f105';
display: block;
font-family: 'FontAwesome';
position: absolute;
top: 2px;
right: 0px;
font-size: 19px;
}
#mobile-navigation ul.menu > li > .submenu > ul > li.has-sub.submenu-opened:after {
content: '\f107';
}
#mobile-navigation ul.menu > li > .submenu > ul > li > a {
text-decoration: none;
color: #666;
display: block;
padding: 6px 0px;
}
#mobile-navigation ul.menu > li > .submenu > ul > li > ul {
display: none;
padding: 0 0 0 20px;
margin: 0;
list-style: none;
}
#mobile-navigation ul.menu > li > .submenu > ul > li > ul > li {
display: block;
}
#mobile-navigation ul.menu > li > .submenu > ul > li > ul > li > a {
text-decoration: none;
color: #666;
padding: 3px 0;
display: block;
}
.brands-carousel-item {
}
.brands-carousel-item a {
display: block;
text-decoration: none;
text-align: center;
color: #666;
}
.brands-carousel-item .brands-carousel-item-image {
height: 100px;
overflow: hidden;
}
.brands-carousel-item .brands-carousel-item-image img {
display: block;
margin: 0 auto;
height: 100%;
width: auto;
}
.brands-carousel-item .brands-carousel-item-name {
}
.mobile-categories-item {
}
.mobile-categories-item img {
display: block;
width: 100%;
height: auto;
}
.green-color {
color: #95bc11;
}
.violet-color {
color: #f156e1;
}
ul.channels-list {
padding-left: 45px;
list-style: none;
margin: 0;
}
.custom-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}
.custom-lightbox:before {
background: rgba(0,0,0,.5);
position: absolute;
display: block;
content: ' ';
width: 100%;
height: 100%;
z-index: 1;
}
.custom-lightbox .custom-lightbox-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
padding: 10px;
z-index: 10;
max-width: 90vw;
width: auto;
box-sizing: border-box;
}
.custom-lightbox .custom-lightbox-container img {
display: block;
width: auto;
height: auto;
max-width: calc(90vw - 20px);
}
.kac-sm-panel{
position: fixed;
top: 200px;
right: -102px;
text-align: left;
z-index: 9999;
}
.kac-sm-panel ul{
list-style-type: none;
}
.kac-sm-panel li{
border-radius: 5px;
width: 140px;
height: 40px;
padding: 5px;
margin: 3px 0px;
position: relative;
right: 0px;
box-sizing: initial;
display: block;
}
.kac-sm-panel li a img {border-width: 3px;}
.kac-sm-panel span{
width: 80px;
display: inline;
font-size: 16px;
vertical-align: middle;
padding-bottom: 13px;
position: absolute;
top: 15px;
left: 50px;
color: #FFF;
font-family: sans-serif;
font-weight: 700;
}
.kac-sm-text-black {
color: #000000 !important;
}
.kac-sm-panel a{
text-decoration: none;
}
.kac-sm-block{
transition: right 0.5s ease-out 0s;
}
.kac-sm-block:hover{
right: 90px;
}
.kac-sm-fb{
background: none repeat scroll 0% 0% #295C9E;
}.kac-sm-gplus{
background: none repeat scroll 0% 0% #DC4A3D;
}.kac-sm-pkt{
background: none repeat scroll 0% 0% #FFFFFF;
border: 1px solid #000;
}.kac-sm-instagram{
background: none repeat scroll 0% 0% #FFFFFF;
border: 1px solid #000;
}.kac-sm-twitter{
background: none repeat scroll 0% 0% #16B9ED;
}.kac-sm-blog{
background: none repeat scroll 0% 0% #0171BB;
}.kac-sm-pinterest{
background: none repeat scroll 0% 0% #D73532;
}.kac-sm-youtube{
background: none repeat scroll 0% 0% #E32C26;
}.kac-sm-goldenline{
background: none repeat scroll 0% 0% #FFFFFF;
}.kac-sm-allegro{
background: none repeat scroll 0% 0% #FF5A00;
}.kac-sm-linkedin{
background: none repeat scroll 0% 0% #0097BD;
}.kac-sm-googlekspert{
background: none repeat scroll 0% 0% #FFFFFF;
}.kac-sm-payback{
background: none repeat scroll 0% 0% #00349A;
}
@media screen and (max-width:640px){ .kac-sm-panel{display:none;} }