@charset "UTF-8";
@font-face {
font-family: "jdfont";
src: url("/assets/fonts/jdfont.eot");
src: url("/assets/fonts/jdfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/jdfont.woff") format("woff"), url("/assets/fonts/jdfont.ttf") format("truetype"), url("/assets/fonts/jdfont.svg#jdfont") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "kalam";
src: url("/assets/fonts/Kalam-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Segoe Script";
src: url("/assets/fonts/segoescb.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Helvetica LTS";
src: url("/assets/fonts/HelveticaLTStd-Bold.otf") format("opentype");
font-display: swap;
}
@font-face {
font-family: 'Bruno JB';
font-style: normal;
font-weight: 400;
src: local('Bruno JB'), url('https://fonts.cdnfonts.com/s/39878/BrunoJBRegular.woff') format('woff');
}
@font-face {
font-family: 'Bruno JB';
font-style: normal;
font-weight: 700;
src: local('Bruno JB'), url('https://fonts.cdnfonts.com/s/39878/BrunoJBBold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
src: url('/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
font-weight: 300 800; /* Specify the range of weights available */
font-stretch: 75% 125%; /* Optional: specify the range of widths if variable */
font-display: swap; /* Optional: use swap to prevent FOIT (flash of invisible text) */
}
[data-icon]:before {
font-family: "jdfont" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "jdfont" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: Arial !important;
font-size: 13px !important;
}
.tooltip-inner {
background-color: #FEF7CD;
color: #000;
padding: 10px;
font-weight: bold;
border: 1px solid gray;
-webkit-box-shadow: 2px 2px 9px 2px rgba(74,74,74,1);
-moz-box-shadow: 2px 2px 9px 2px rgba(74,74,74,1);
box-shadow: 2px 2px 9px 2px rgba(74,74,74,1);
}
.tooltip.in {
z-index: 10000;
}
.tooltip.top .tooltip-arrow {
border-top-color: #FEF7CD;
bottom: 1px;
}
.tooltip.right .tooltip-arrow {
border-right-color: #FEF7CD;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #FEF7CD;
}
.tooltip.left .tooltip-arrow {
border-left-color: #FEF7CD;
right: 1px;
}
#jansendisplay #container{
margin-top: 0px;
}
.wrapper-box {
max-width: 1390px;
}
/* LAYOUT styles (header, columns, ect.) */
@media (min-width: 1400px) {
.container {
width: 1390px;
}
}
@media (min-width: 768px) {
.container.container-main {
width: auto;
}
}
#header .container-menu {
padding: 0px;
margin: 0px;
}
.icon-basket:before {
content: "\61";
}
input:focus::-webkit-input-placeholder {
color: transparent!important;
}
input:focus::-moz-placeholder {
color: transparent!important;
}
input:focus:-moz-placeholder {
color: transparent!important;
}
.hidden {
display: none
}
#header .header-row {
padding: 10px 0;
}
#header #search input {
background-color: #fdfdfd;
border-width: 1px;
border-color: #B5E0F2;
height: 30px;
}
#header .load-icon {
display: block;
width: 30px;
height: 30px;
z-index: 10;
position: absolute;
right: 30px;
opacity: 0.8;
display: none;
background-image: url("/assets/image/jd-loading.gif");
background-size: 30px;
background-repeat: no-repeat;
}
#header .button-search {
width: 30px;
height: 30px;
z-index: 10;
}
#header #search input::-webkit-input-placeholder {
font-size: 14px;
}
#header #search input::-moz-placeholder {
font-size: 14px;
}
#header #search input:-moz-placeholder {
font-size: 14px;
}
#header #search .customer-care-label {
padding-top: 15px;
padding-bottom: 5px;
clear: left;
text-align: center;
font-size: 16px;
color: #999999;
}
#header #search .customer-care-label .phone {
display: inline-block;
color: #3E7CB4;
}
#header .button-search {
color: #009FE3;
outline: none;
border-radius: 0px;
}
#header .button-search:hover {
background-color: #009fe3;
color: #fff;
}
#header .button-search:active {
background-color: #009fe3;
color: #fff;
}
#header img.top-menu-category-item-image {
width: 60px;
height: 60px;
vertical-align: middle;
padding-right: 5px;
}
#header .top-menu-category-item-name {
display: inline-flex;
max-width: 180px;
}
@media (min-width: 991px) {
#header li.top-menu-category-item {
min-width: 280px;
height: 75px;
}
.submenu {
min-width: 280px;
margin-top: -75px;
}
.submenu > ul > li {
min-height: 75px;
}
#menu .nav > li .submenu.mega-menu {
min-width: 800px;
}
#menu .nav > li .submenu.mega-menu.single-col {
min-width: 550px;
}
#menu .nav > li .submenu.mega-menu.sale-only {
min-width: 250px;
}
.submenu.mega-menu .mega-menu-inner {
display: flex;
}
}
.submenu.mega-menu {
border: 2px solid #C8ECFB;
border-left: 0px;
box-shadow: none;
border-radius: 2px;
border-top-left-radius: 0px;
box-shadow: 2px 3px 3px rgba(170, 204, 219, 0.11);
}
.submenu.mega-menu .mega-menu-inner {
clear: both;
display: flex;
}
#menu .nav > li div > ul .submenu.mega-menu ul.menu > li {
padding: 12px 0px;
}
#menu .nav > li div > ul .submenu.mega-menu ul.menu > li .mega-menu-category-item-name > a {
color: #009FE3;
font-weight: bold;
padding-top: 4px;
padding-bottom: 2px;
font-size: 14px;
}
#menu .nav > li div > ul .submenu.mega-menu ul.menu > li .mega-menu-category-item-name > a:hover {
color: #0089C4;
}
#menu .nav > li div > ul .submenu.mega-menu ul.menu > li .count {
font-size: 10px;
color: #c8c8c8;
font-weight: 400;
float: none;
line-height: 18px;
}
#menu .nav > li div > ul .submenu.mega-menu ul.menu > li .mega-menu-sub-category-items a {
display: inline-block;
padding: 0px;
color: #009FE3;
}
#menu .nav > li div > ul .submenu.mega-menu ul.menu > li .mega-menu-sub-category-items a:hover {
color: #0089C4;
text-decoration: underline;
}
#header .submenu.mega-menu .menu > li {
clear: both;
}
#header .submenu.mega-menu .menu > li img.mega-menu-category-item-image {
width: 50px;
height: 50px;
float:left;
}
#menu .nav > li > div.dropdown-menu > ul .submenu.mega-menu li + li {
border: none;
}
#header .submenu.mega-menu .mega-menu-category-item-name {
vertical-align: top;
position: relative;
overflow: hidden;
}
#header .submenu.mega-menu .mega-menu-sub-category-items,
#header .submenu.mega-menu .top-menu-sub-category-items{
font-size: 11px;
font-weight: 400;
}
#header .submenu.mega-menu .mega-menu-col {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 0px;
}
#header .submenu.mega-menu .mega-menu-col.sale-col {
background: #EBF8FE;
min-height: 300px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 15px;
}
#header .mega-menu .mega-menu-col.sale-col .featured-product .title {
color: black;
font-size: 12px;
}
#header .mega-menu .mega-menu-col.sale-col .featured-product .title > a {
color: black;
font-weight: 700;
font-size: 14px;
}
#header .mega-menu .mega-menu-col.sale-col .featured-product .caption {
padding-top: 10px;
padding-bottom: 10px;
}
#header .mega-menu .mega-menu-col.sale-col .featured-product .sale-price {
font-weight: 700;
font-size: 14px;
color: #3e7cb4;
}
#header .mega-menu .mega-menu-col.sale-col .featured-product .original-price {
text-decoration: line-through;
color: #f87c85;
}
#cart {
display: inline-block;
}
#cart .flip {
width: 70px;
}
#cart .icon-basket {
color: #337ab7;
font-size: 38px;
margin-right: 20px;
line-height: 38px;
height: 36px;
position: relative;
top: -2px;
}
#header #cart .heading {
height: 36px;
line-height: 36px;
}
#cart div.cart-count {
background-color: #fb717d;
border: 1px solid #fff;
color: #fff;
font-weight: 700;
border-radius: 5px;
display: inline-block;
height: 22px;
padding: 0 3px;
position: absolute;
left: 30px;
top: -1px;
text-align: center;
line-height: 1.4;
min-width: 20px;
}
#cart>a {
border: #f87c85 2px solid;
border-radius: 4px;
padding: 22px 10px 13px;
}
#cart #cart-total {
position: relative;
top: -4px;
}
#cart .checkout a {
margin-left: 15px;
border-radius: 5px;
padding: 8px 15px;
}
#header.style3 #cart {
margin-top: 18px;
}
.custom-feature-box .feature-box {
height: 40px;
padding: 0px;
margin-bottom: 4px;
background-color: #ffffff;
}
.instance_e .custom-feature-box .feature-box .title {
padding: 8px 25px 25px 80px;
}
.custom-feature-box .feature-box .title {
padding: 8px 50px 25px 80px;
text-align: left;
text-transform: none;
color: #39A3D7;
font-size: 12px;
}
.custom-feature-box .feature-box .feature-box-icon {
float: left;
/* width: 50px;*/
height: 40px;
margin-left: 20px;
}
@media (min-width: 560px) and (max-width: 1200px) {
.custom-feature-box .feature-box .feature-box-icon {
margin-left: 0px;
}
.custom-feature-box .feature-box .title {
padding: 8px 50px 25px 60px;
}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
#container .info-page-content h1 {
color: #009fe3;
}
#container .info-page-content h2,
#container .info-page-content h3 {
margin-bottom: 5px;
margin-top: 20px;
text-transform: uppercase;
}
#container .info-page-content ul,
#container ul.jd-page-list ul {
list-style: none;
}
#container .info-page-content ul li,
#container ul.jd-page-list li {
padding: 0 0 0 1.2em;
margin-bottom: 0.4em;
background: url("/assets/image/li.png") 0 0.35em no-repeat;
}
#container .info-page-content h2,
#container .info-page-content h3 {
border-bottom: none;
color: #7a7878;
}
#container .info-page-content h3 {
font-size: 18px;
}
#container .info-page-content h4 {
font-size: 22px;
margin-top: 0px;
color: #7a7878;
}
#container .info-page-content h5 {
font-weight: bold;
}
#container div.info-page-content {
font-size: 14px;
color: #7a7878;
}
.row.payment-option-content {
margin: 60px 0px;
}
.row .payment-option-content-image i.fa {
color: #7a7878;
}
p.stock-status {
margin-top: 8px;
}
.product-info .product-header h1 {
margin-bottom: 2px !important;
}
.product-info .cart {
border-bottom: none;
overflow: unset !important;
}
.product-info .product-model {
margin-bottom: 15px;
}
.product-info .sub-printing-options .print-type-hint {
margin-top: 5px;
}
.product-info .sub-printing-options .print-type-hint > a {
font-weight: bold;
line-height: 1.2;
}
.product-info .sub-printing-options .label-size-fix {
margin-right: -22px;
}
.product-info .price-box {
padding: 10px 0px;
border: none;
background: none;
overflow: visible;
list-style-type: none;
margin-bottom: 10px;
}
.product-info .tax {
line-height: 28px;
color: #3e7cb4;
font-size: 28px;
font-weight: bold;
}
.product-info .price {
line-height: 28px;
font-size: 14px;
color: #666666;
}
.product-info .price-text-from {
font-size: 14px;
}
.product-info .nomenclature-options .block-heading {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.product-info .nomenclature-options .nomenclature-options-row.side-by-side {
display: flex;
}
.product-info .nomenclature-options .nomenclature-options-row.side-by-side .boolean-options-wrap {
position:absolute;
left:0px;
}
}
.product-info .nomenclature-options .control-label.thin {
letter-spacing: -0.2px;
position:relative;
z-index: 10;
word-spacing: -0.5px;
}
.product-info select.form-control {
z-index: 11;
position: relative;
}
.product-info .nomenclature-options .control-label:not(.thin) .fa-info-circle {
margin-left: 2px;
}
.product-info #tab-bestsellers {
margin-bottom: 20px;
margin-top: 10px;
}
.product-info .nomenclature-options .options-left {
margin-bottom: 5px;
}
.product-info .nomenclature-options label.control-label {
white-space: nowrap;
}
.product-info .nomenclature-options .description-icon,
.product-info .print-controls .description-icon,
.product-info :is(.printing-sources-wrap, .printing-secpt-sources-wrap) .fa-info-circle {
color: #777;
}
.product-info .nomenclature-options select.invalid,
.product-info .sub-printing-options select.invalid {
border:1px solid red;
background-color: #FAE4E6;
}
.product-info .nomenclature-options select[data-option-type="select"] + div + .error,
.product-info .nomenclature-options .image-radio .error,
.product-info .nomenclature-options .image-select-wrap .error,
.product-info .sub-printing-options .option-select .error {
display:none;
}
.product-info .nomenclature-options select[data-option-type="select"].invalid + div + .error,
.product-info .nomenclature-options .image-radio.invalid .error,
.product-info .nomenclature-options .image-select-wrap.invalid .error,
.product-info .sub-printing-options select[data-option-type="select"].invalid + div + .error {
display:block;
}
.product-info .nomenclature-options .image-radio.invalid > div:first-child,
.product-info .nomenclature-options .image-select-wrap.invalid .image-select button.btn {
border: 2px solid #F87C85 !important;
}
.product-info .nomenclature-options .printing-option.image-radio.invalid > div:first-child {
padding-left: 5px;
}
.product-info .nomenclature-options .image-select .bootstrap-select button.btn {
text-transform: none;
}
.product-info .nomenclature-options .printing-option-hint {
color: #f87c85;
font-weight: bold;
}
.product-info .nomenclature-options .image-radio.invalid > div:first-child:before,
.product-info .nomenclature-options .image-select-wrap.invalid .bootstrap-select:before {
position:absolute;
right: -8px;
top: -8px;
content: "";
background: url(/assets/image/error.png) no-repeat;
background-color: white;
background-size: 14px 14px;
width:18px;
height: 18px;
border-radius: 3px;
border: 2px solid white;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
opacity: 1;
z-index: 100;
}
/*
.product-info .nomenclature-options .image-radio.invalid div.radio{
background-color: #FAE4E6;
border-top: red 1px solid;
border-bottom: red 1px solid;
}
.product-info .nomenclature-options .image-radio.invalid div.radio:last-of-type{
border-right: red 1px solid;
}
.product-info .nomenclature-options .image-radio.invalid div.radio:first-of-type{
border-left: red 1px solid;
}*/
.error-overlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: fixed;
z-index: 9999;
top: 0;
}
.on-error-overlay {
background: white;
z-index: 10000;
position: relative;
border-radius: 10px;
}
.option-container.on-error-overlay:not(.po) {
padding-top: 10px;
}
.product-info .cart div {
float: none;
}
.product-info .cart #cart-minimum,
.product-info .cart #cart-maximum{
float: none;
}
.product-info .cart .print-controls {
display: inline-block;
line-height: 40px;
}
.product-info .cart .print-controls .description-icon {
margin-left: 10px;
}
.product-info .cart .cart-controls {
display: inline-block;
float: right;
}
.product-info .price-quantity-buy {
margin-bottom: 25px;
}
#cart-summary {
display: inline-block;
float: right;
text-align: right;
}
.product-info .cart #add-poster-template {
float: left;
}
.product-info .cart {
margin-bottom: 0px;
}
#cart-summary .quantity {
font-weight: bold;
}
#cart-summary :is(span.poster, span.poster-secpt),
#cart-summary span.frame {
display: block;
color: #333;
font-size: 12px;
}
#jd-alert-modal.modal.in .modal-dialog,
#jd-alert-modal-wp.modal.in .modal-dialog{
-webkit-transform: translate(0, calc(35vh - 50%));
-ms-transform: translate(0, 35vh) translate(0, -50%);
-o-transform: translate(0, calc(35vh - 50%));
transform: translate(0, 35vh) translate(0, -50%);
}
#jd-alert-modal .alert-content.alert-strong,
#jd-alert-modal-wp .alert-content.alert-strong{
font-weight: bold;
}
.modal-open {
padding-right: 0px !important;
}
html.jd-modal-open {
overflow: hidden;
padding-right: 17px !important;
}
body.modal-open {
overflow: hidden;
}
#jansendisplay .product-info .nomenclature-options .form-group input.boolean_checkbox + label{
/*padding-left: 5px;
margin-left: -5px;*/
cursor: pointer;
}
#jansendisplay .product-info .nomenclature-options .form-group input.boolean_checkbox:disabled + label,
#jansendisplay .product-info .nomenclature-options .form-group input.boolean_checkbox:disabled + label .description-icon {
color: #787878 !important;
cursor: not-allowed;
}
#jansendisplay .product-info .nomenclature-options .radio input:disabled + img{
cursor: not-allowed;
}
#jansendisplay .product-info .nomenclature-options .radio input + img{
border:1px solid #ddd;
}
#jansendisplay .product-info .nomenclature-options .radio input + img:hover{
border:1px solid #bbb;
}
/* Image select options styling */
#jansendisplay .product-info .nomenclature-options .image-select ul.dropdown-menu {
overflow-x: hidden;
}
#jansendisplay .product-info .nomenclature-options .image-select-wrap > .form-group {
margin-top: 7.5px;
}
#jansendisplay .product-info .nomenclature-options .image-select-wrap > .form-group {
margin-bottom: 7.5px;
}
#jansendisplay .product-info .nomenclature-options .image-select-label {
line-height: 43px;
margin-bottom: 0px;
}
#jansendisplay .product-info .nomenclature-options .image-select.selected button.btn,
.option-select.selected button.btn {
border: 2px solid #57bb7d !important;
}
#jansendisplay .product-info .nomenclature-options .image-select .bootstrap-select,
.option-select .bootstrap-select {
height: auto;
}
#jansendisplay .product-info .nomenclature-options .image-select .bootstrap-select.form-control,
.option-select .bootstrap-select.form-control {
box-shadow: none;
}
#jansendisplay .product-info .nomenclature-options .image-select .bootstrap-select .btn,
.option-select .bootstrap-select .btn {
background: white !important;
border: 1px solid #dbdbdb;
border-radius: 0px;
padding: 0px;
height: 45px;
}
#jansendisplay .product-info .nomenclature-options .image-select ul.dropdown-menu li[data-original-index="0"],
.option-select ul.dropdown-menu li[data-original-index="0"] {
display: none;
}
#jansendisplay .product-info .nomenclature-options .image-select .bootstrap-select .btn:hover,
#jansendisplay .product-info .nomenclature-options .image-select .bootstrap-select .btn:focus,
.option-select .bootstrap-select .btn:hover,
.option-select .bootstrap-select .btn:focus{
border-color: #cccccc;
color: #4A4A49;
}
#jansendisplay .product-info .nomenclature-options .image-select .bootstrap-select > .dropdown-toggle.bs-placeholder {
color: #333;
}
#jansendisplay .product-info .nomenclature-options .image-select .btn-group.open .dropdown-toggle,
.option-select .btn-group.open .dropdown-toggle {
box-shadow: none;
border-color: #cccccc;
}
#jansendisplay .product-info .nomenclature-options .image-select[data-type="select"] button.btn,
.option-select[data-type="select"] button.btn {
padding-left: 15px;
}
#jansendisplay .product-info .nomenclature-options .image-select[data-type="image"] button .filter-option .default-value {
padding-left: 15px;
}
#jansendisplay .product-info .nomenclature-options .image-select[data-type="select"] .option-icon {
display: none;
}
#jansendisplay .product-info .nomenclature-options .image-select img.option-icon {
vertical-align: middle;
height: 43px;
}
#jansendisplay .product-info .nomenclature-options .image-select.selected img.option-icon,
#jansendisplay .product-info .nomenclature-options .image-select-wrap.invalid .image-select img.option-icon{
height: 41px;
}
#jansendisplay .product-info .nomenclature-options .image-select .option-name,
.option-select .option-name{
vertical-align: sub;
}
#jansendisplay .product-info .nomenclature-options .image-select .bootstrap-select .dropdown-toggle:focus,
.option-select .bootstrap-select .dropdown-toggle:focus{
outline: 0 !important;
}
#jansendisplay .image-select .bootstrap-select .dropdown-menu,
.option-select .bootstrap-select .dropdown-menu{
border-radius: 0px;
}
#jansendisplay .image-select .bootstrap-select .dropdown-menu li .option-icon,
#jansendisplay .image-select .bootstrap-select .dropdown-toggle .option-icon {
margin-right: 10px;
}
#jansendisplay .image-select .bootstrap-select .dropdown-menu li.disabled .option-icon {
opacity: 0.2;
}
#jansendisplay .image-select .bootstrap-select .dropdown-menu li.disabled .option-name {
opacity: 0.3;
}
#jansendisplay .image-select .bootstrap-select .dropdown-menu li > a,
.option-select .bootstrap-select .dropdown-menu li > a {
padding: 4px 15px 4px 8px;
}
#jansendisplay .image-select[data-type="select"] .dropdown-menu li > a,
.option-select[data-type="select"] .dropdown-menu li > a{
padding: 15px;
}
#jansendisplay .product-info select.form-control {
width: auto;
padding-right: 22px;
}
#jansendisplay .product-info .floating-label {
display: none;
}
#jansendisplay .product-info input.boolean_checkbox {
/*position: relative;
top: 2px;*/
}
#jansendisplay .product-info .form-group.boolean,
#jansendisplay .product-info .boolean-header {
padding-left: 0px;
}
#jansendisplay .product-info .form-group.boolean {
margin-bottom: 0px;
}
#jansendisplay .product-info .form-group.boolean,
#jansendisplay .product-info .boolean-header {
padding-left: 0px;
}
#jansendisplay .product-info .side-by-side .form-group.boolean,
#jansendisplay .product-info .side-by-side .boolean-header {
padding-left: 22px;
}
#jansendisplay .product-info .boolean-header {
font-weight: bold;
margin-bottom: 15px;
color: #4A4A49;
}
@media (max-width: 768px) {
#jansendisplay .product-info .boolean-header{
margin-top: 20px;
padding-left: 0px;
}
#jansendisplay .product-info .side-by-side .form-group.boolean,
#jansendisplay .product-info .side-by-side .boolean-header {
padding-left: 0px;
}
#jansendisplay .product-info .form-group.boolean {
padding-left: 0px;
}
}
#jansendisplay .product-info .image-radio .option-model-color img,
#jansendisplay .product-info .image-radio .option-model-tape-color img,
#jansendisplay .product-info .image-radio .option-model-back img {
width:30px;
}
#jansendisplay .product-info .row-image-radio .label-option-model-color,
#jansendisplay .product-info .row-image-radio .label-option-model-tape-color,
#jansendisplay .product-info .row-image-radio .label-option-model-back {
margin-top:12px;
}
@media (min-width: 992px) {
#jansendisplay .product-info .image-radio {
padding-right: 5px;
}
}
#jansendisplay .product-info .image-radio label {
text-align: center;
margin: 0 4px;
}
.qty #input-quantity_packaging{
float:left;
font-size:15px;
width:44px;
padding-left:2px;
padding-right:2px;
height:40px;
text-align:center;
}
#jansendisplay .product-info .packaging-radio .option-model-color img,
#jansendisplay .product-info .packaging-radio .option-model-tape-color img,
#jansendisplay .product-info .packaging-radio .option-model-back img {
width:30px;
}
#jansendisplay .product-info .row-packaging-radio .label-option-model-color,
#jansendisplay .product-info .row-packaging-radio .label-option-model-tape-color,
#jansendisplay .product-info .row-packaging-radio .label-option-model-back {
margin-top:12px;
}
@media (min-width: 992px) {
#jansendisplay .product-info .packaging-radio {
padding-right: 5px;
}
}
#jansendisplay .product-info .packaging-radio label {
text-align: center;
margin: 0 4px;
}
#jansendisplay .product-info .image-radio img {
border: none;
width: 60px;
padding: 0 0;
display: block;
margin: 0 auto 2px;
}
#jansendisplay .product-info .packaging-radio img {
border: none;
width: 60px;
padding: 0 0;
display: block;
margin: 0 auto 2px;
}
/* Poster printing product option styling */
#jansendisplay .product-info .image-radio .printing-options img {
width: auto;
height: 70px;
padding: 0 10px;
}
#jansendisplay .product-info .packaging-radio .printing-options img {
width: auto;
height: 70px;
padding: 0 10px;
}
#jansendisplay .product-info .printing-option {
margin-bottom: 0px;
padding-right: 0px;
display: inline-block;
width: auto;
}
#jansendisplay .product-info .printing-option .image-radio {
display: inline-block;
}
#jansendisplay .product-info .printing-option .packaging-radio {
display: inline-block;
}
#jansendisplay .product-info .printing-option .printing-options {
display:inline-block;
position: relative;
margin-bottom: 5px;
}
#jansendisplay .product-info .printing-option .printing-options .name {
font-size: 11px;
font-weight: bold;
display: block;
margin-top: -5px;
}
#jansendisplay .product-info .printing-option .printing-options div.radio {
text-align: center;
}
#jansendisplay .product-info .printing-option .printing-options div:first-of-type label {
margin-left: 0px;
}
#jansendisplay .product-info .poster-printing .form-group.boolean {
padding-left: 15px;
}
#jansendisplay .product-info #product .nomenclature-options.poster-printing .form-group.boolean input:disabled + label {
color: darkgray;
cursor: not-allowed;
}
#jansendisplay .product-info .poster-printing {
margin-bottom: 5px;
}
#jansendisplay .product-info .poster-printing.multiside .quantity-group {
display:none;
}
#jansendisplay .product-info .poster-used-options {
position: relative;
}
/* Poster printing upload modal style */
:is(#printing-upload-modal, #printing-secpt-upload-modal), .file-upload-modal {
font-family: 'Open Sans', sans-serif !important;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .modal-header,
.file-upload-modal .modal-header {
border-bottom: 1px solid #cecfca;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .modal-title,
.file-upload-modal .modal-title {
font-weight: bold;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .modal-body,
.file-upload-modal .modal-body{
text-align: center;
background-color: #EFF0EB;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .drag-and-drop,
.file-upload-modal .drag-and-drop{
padding: 20px 15px;
margin-bottom: 25px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .drag-and-drop.active,
.file-upload-modal .drag-and-drop.active {
border: 3px dashed #b3b3b3;
background: #ddd;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal).dragover .drag-and-drop.active,
.file-upload-modal.dragover .drag-and-drop.active {
border: 3px dashed gray;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .drag-and-drop .dnd-description,
.file-upload-modal .drag-and-drop .dnd-description {
margin-bottom: 15px;
color: gray;
font-weight: bold;
font-size: 16px;
opacity: 0.8
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .drag-and-drop .or,
.file-upload-modal .drag-and-drop .or {
color: gray;
margin-bottom: 15px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .drag-and-drop .drag-and-drop-icon,
.file-upload-modal .drag-and-drop .drag-and-drop-icon {
display: none;
opacity: 0;
width: 80px;
margin-bottom: 15px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .drag-and-drop.active .drag-and-drop-icon,
.file-upload-modal .drag-and-drop.active .drag-and-drop-icon {
opacity: 0.3;
display: inline-block;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .recent-uploads,
.file-upload-modal .recent-uploads {
margin-bottom: 15px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .recent-uploads .btn-xs,
.file-upload-modal .recent-uploads .btn-xs {
padding: 1px 6px 2px;
border-radius: 3px;
margin-left:4px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-rules,
:is(#printing-upload-modal, #printing-secpt-upload-modal) .recent-uploads,
.file-upload-modal .upload-rules,
.file-upload-modal .recent-uploads {
text-align: left;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-rules-title,
.file-upload-modal .upload-rules-title {
font-weight: bold;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) ul,
.file-upload-modal ul {
list-style: none;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) ul li,
.file-upload-modal ul li {
padding: 0 0 0 1.2em;
margin-bottom: 0.4em;
background: url("/assets/image/li.png") 0 0.35em no-repeat;
clear: both;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls,
.file-upload-modal .upload-progress-controls {
display: none;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .file-description,
.file-upload-modal .upload-progress-controls .file-description {
margin-bottom: 15px;
font-size: 16px;
display:inline-block;
color: gray;
font-weight: bold;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .file-image,
.file-upload-modal .upload-progress-controls .file-image {
max-width: 150px;
display: none;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .file-image-wrap,
.file-upload-modal .upload-progress-controls .file-image-wrap {
margin-bottom: 25px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .file-description .file-name,
.file-upload-modal .upload-progress-controls .file-description .file-name {
font-weight: bold;
color: #333;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .file-description .file-size,
.file-upload-modal .upload-progress-controls .file-description .file-size {
font-size: 85%;
font-weight: normal;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .file-description .file-size .cancel-upload,
.file-upload-modal .upload-progress-controls .file-description .file-size .cancel-upload {
vertical-align: baseline;
margin-left: -5px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .percentage,
.file-upload-modal .upload-progress-controls .percentage {
font-weight: bold;
font-size: 28px;
margin-bottom: 5px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .size,
.file-upload-modal .upload-progress-controls .size {
color: gray;
margin-bottom: 15px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .size .current,
.file-upload-modal .upload-progress-controls .size .current {
color: #333;
font-weight: bold;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .upload-progress,
.file-upload-modal .upload-progress-controls .upload-progress {
width: 60%;
display: inline-block;
box-shadow: none;
background: #f0f0f0;
height: 10px;
margin-bottom: 0px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .upload-progress .progress-bar,
.file-upload-modal .upload-progress-controls .upload-progress .progress-bar {
box-shadow: none;
background: #57bb7d;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .upload-progress-controls .upload-text-info,
.file-upload-modal .upload-progress-controls .upload-text-info {
color: gray;
font-weight: bold;
margin: 5px 0px 15px;
min-height: 18px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) #poster-upload-change {
margin-left: 10px;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .print-file-control-type-content .title{
color: #4A4A49;
font-weight: bold;
text-align: left;
margin-top: 2em;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .print-file-control-type-content ul{
display: flex;
flex-direction: row;
gap: 2em;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .print-file-control-type-content li {
text-align: left;
background: none;
padding-left: 0;
}
:is(#printing-upload-modal, #printing-secpt-upload-modal) .print-file-control-type-content li i{
color: #777;
font-size: 0.8em;
}
/* Sub uploading progress styling */
.poster-printing #sub-upload-wrap {
display: none;
margin-top: 15px;
}
.poster-printing .sub-upload {
font-family: 'Open Sans', sans-serif;
cursor: pointer;
padding-right: 1em;
}
.poster-printing .sub-upload .file-name {
font-weight: bold;
font-size: 13px;
margin-right: 5px;
vertical-align: middle;
}
.poster-printing .sub-upload .fa-upload {
color: #5bb75b;
}
.poster-printing .sub-upload .file-size {
font-size: 13px;
vertical-align: middle;
}
.poster-printing .sub-upload .cancel-upload {
vertical-align: middle;
}
.poster-printing .sub-upload .percentage {
font-weight: bold;
vertical-align: middle;
}
.poster-printing .sub-upload .upload-progress {
box-shadow: none;
margin-bottom: 5px;
height: 6px;
background-color: #e4e4e4;
margin-top: 3px;
}
.poster-printing .sub-upload .cancel-upload {
color: #ea6666;
}
.poster-printing .sub-upload .cancel-upload:hover {
color: #ea2828;
}
#sub-upload-wrap .btn-printing {
border: 1px solid #dbdbdb;
padding: 6px 12px;
transition: all 0.0s;
-webkit-transition: all 0.0s;
-moz-transition: all 0.0s;
}
#sub-upload-wrap .btn-printing:hover {
border: 2px solid #57bb7d;
padding: 5px 11px;
transition: all 0.0s;
-webkit-transition: all 0.0s;
-moz-transition: all 0.0s;
}
#sub-upload-wrap .btn-primary {
margin-top: -5px;
}
/* Style for list of uploads on PGR page */
.add-poster-template {
padding-top: 15px;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .poster-product {
padding-top:5px;
padding-bottom: 8px;
padding-right: 5px;
margin-right: -5px;
float: left;
clear: both;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .poster-product .print-file-check-type{
margin-top: 0.5em;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .poster-product .print-file-check-type i{
color: #777;
font-size: 0.8em;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .poster-product.back-side{
position: relative;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .poster-product.back-side:not(:last-of-type) {
border-bottom: 1px solid rgba(0,0,0,0.05);
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .poster-product.back-side::after {
content: " ";
display: block;
border-radius: 5px;
border: 2px solid #EAEDF0;
border-right-width: 0px;
width: 15px;
height: 35px;
position: absolute;
top: -17px;
left: -20px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) #add-poster-template {
margin-top: 10px;
margin-bottom: 5px;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group {
width: 85px;
display: inline-table;
vertical-align: middle;
margin-right: 10px;
position: relative;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .back-side .quantity-group .disabled-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255,255,255,1);
cursor: not-allowed;
left: 0px;
top: 0px;
z-index: 3;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .back-side .quantity-group .poster-quantity {
color: transparent;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .btn {
border: 1px solid #ccc;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .poster-quantity {
text-align: center;
padding: 3px 2px;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .poster-quantity:focus{
box-shadow: none;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .btn-default {
background: #f5f5f5;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .btn-quantity {
padding: 6px 10px;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .remove-poster-product {
padding: 1px 5px;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .remove-poster-product:hover {
color: crimson;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .btn-quantity.plus {
background: url("/assets/image/plus-only.png") no-repeat 2px 2px #f5f5f5;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .btn-quantity.minus {
background: url("/assets/image/minus-only.png") no-repeat 2px 2px #f5f5f5;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .btn-quantity.plus:hover,
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .quantity-group .btn-quantity.minus:hover {
background-color: white;
}
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .input-group-btn > .btn,
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .input-group-addon,
:is(.printing-sources-wrap, .printing-secpt-sources-wrap) .form-control {
border-radius: 0px;
height: 22px;
}
#self-printing-source {
position: absolute;
bottom: 100px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(255,255,255,0.8);
border: 1px solid #009FE3;
color: #009FE3;
text-transform: none;
padding: 10px 25px;
z-index: 12;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
#self-printing-source:hover {
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
border: 1px solid #6DCBF3;
background: white;
}
#jansendisplay .product-info .row-image-radio label {
margin-top: 30px;
}
#jansendisplay .product-info .row-packaging-radio label {
margin-top: 30px;
}
#delivery .delivery-option label {
display: block;
width: 100%;
margin-bottom: 10px;
}
#delivery h2 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 10px;
font-weight: 400;
}
#delivery .delivery-option label div.description > div {
text-transform: uppercase;
font-weight: normal;
line-height: 120%;
}
#delivery .delivery-option .icon-wrap {
float: left;
width: 45px;
margin-right: 10px;
line-height: 45px;
}
#delivery .delivery-option .option-icon {
max-width: 45px;
}
#delivery .delivery-option label .title {
text-transform: uppercase;
font-weight: 600;
line-height: 120%;
}
#delivery .delivery-option label .title b {
font-weight: 600;
}
#delivery .delivery-option label .price {
color: #838383;
text-transform: none;
font-size: 16px;
}
#delivery .delivery-option label .info {
color: #838383;
text-transform: none;
font-size: 14px;
}
#delivery .delivery-option label .price .light {
color: #999;
}
#delivery .delivery-option label > div.description {
border: 2px solid transparent;
padding: 10px 15px 8px 10px;
cursor:pointer;
font-family: 'Open Sans', sans-serif;
border: 2px solid #eae9e9;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
#delivery .delivery-option label > div.description:hover {
border-color: #d8d8d8;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
#delivery .delivery-option label input[type="radio"]{
position:absolute;
left: -9999px;
}
#jansendisplay .product-info .image-radio label > input:checked + img, /* (RADIO CHECKED) IMAGE STYLES */
#jansendisplay .product-info .packaging-radio label > input:checked + img,
#delivery .delivery-option label > input:checked + div.description{
border: 2px solid #57bb7d !important;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
#jansendisplay .product-info .image-radio label,
#jansendisplay .product-info .packaging-radio label,
#delivery .delivery-option label {
position: relative;
overflow: visible;
}
#jansendisplay .product-info .image-radio label .unselect-option,
#jansendisplay .product-info .image-select .bootstrap-select .unselect-option,
#delivery .delivery-option label .unselect-option,
.option-select .bootstrap-select .unselect-option,
.jd-box-radio label .check-mark {
position:absolute;
right: -7px;
top: -7px;
background: url(/assets/image/check.png)no-repeat;
background-color: white;
background-size: 14px 14px;
width:18px;
height: 18px;
border-radius: 3px;
border: 2px solid white;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
opacity: 0;
z-index: -1;
cursor: pointer;
}
#delivery .delivery-option label .unselect-option.top-left {
left: -7px;
top: -7px;
}
.jd-box-radio .jd-box-radio-col > label > input:checked + .jd-box + .check-mark {
opacity: 1;
}
/*** JD radio box style START ***/
.jd-box-radio .jd-box-radio-col {
padding: 0px;
padding-right: 8px;
}
.jd-box-radio .jd-box-radio-col:last-child {
padding-right: 0px;
}
.jd-box-radio label.control-label {
display: block;
position: relative;
padding: 0px;
}
.jd-box-radio .jd-box {
font-size: 11px;
border: 1px solid #ccc;
padding: 5px 7px;
cursor: pointer;
text-align: center;
display: block;
min-height: 50px;
}
.jd-box-radio input:checked + .jd-box {
border: 2px solid #57bb7d !important;
padding: 4px 7px;
}
.jd-box-radio label > input {
position: absolute;
visibility: hidden;
left: -9999px;
}
/*** JD radio box style END ***/
#jansendisplay .product-info .image-radio label.unselect:hover .unselect-option,
#jansendisplay .product-info .image-select .bootstrap-select.unselect:hover .unselect-option,
#jansendisplay .product-info .option-select .bootstrap-select.unselect:hover .unselect-option {
transform: scale(1.12);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
border-color: transparent;
background-color: transparent;
background: url(/assets/image/close.png) no-repeat;
background-size: 14px 14px;
}
#jansendisplay .product-info .poster-used-options-secpt .option-select .bootstrap-select.unselect .unselect-option{
cursor: pointer !important;
}
#jansendisplay .product-info .image-select .bootstrap-select.unselect .unselect-option:hover {
transform: scale(1.00);
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
}
#jansendisplay .product-info .image-radio label.unselect:hover > input:checked + img {
border: 2px solid #f87c85 !important;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
#jansendisplay .product-info .image-radio label > input:checked + img + .unselect-option,
#delivery .delivery-option label > input:checked + div.description + .unselect-option,
#jansendisplay .product-info .image-select.selected .bootstrap-select .unselect-option,
.option-select.selected .bootstrap-select .unselect-option {
opacity: 1;
z-index: 2;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
#jansendisplay .product-info .image-radio .option-model-color label > input:checked + img + .unselect-option{
background-size: 12px 12px;
width:16px;
height: 16px;
right: -6px;
top: -6px;
}
#jansendisplay .product-info .image-radio .option-model-color label.unselect:hover .unselect-option,
#delivery .delivery-option label.unselect:hover .unselect-option {
transform: scale(1.14);
}
#jansendisplay .product-info .select-variant-hint {
display:none;
position:absolute;
width: 180px;
height: 70px;
position:absolute;
background-image: url(/assets/image/select-variant.png);
background-repeat: no-repeat;
}
#jansendisplay .product-info #product .product_not_offered{
font-size: x-large;
margin:30px 0px;
display: inline-block;
}
.product-customer-care {
margin: 70px 0;
background-color: #E7E5E4;
padding: 14px 0 6px 0;
color: #5C5C5F;
font-size: 16px;
font-weight: 700;
}
.product-customer-care .row{
position: relative;
}
.product-customer-care .phone {
color: #049de3;
font-size: 30px;
padding: 0px;
margin-top: 0.55%;
margin-right: 15px;
}
.product-customer-care img {
position: absolute;
z-index: 10;
bottom: -6px;
margin-left: 30px;
}
.product-customer-care .col-md-6 p {
margin: 4px 0 6px 0;
}
@media (max-width: 991px) {
.product-customer-care .col-md-2{
min-height:88px;
}
}
@media (max-width: 360px) {
.product-customer-care .col-md-2{
min-height:118px;
}
}
.heureka-social-proof-container iframe {
border: 1px solid #fff;
margin-left: 20px;
}
.heureka-social-proof-container div.col-md-4:before {
content: "";
width: 100%;
height: 5px;
display: block;
background-color: #fff;
position: relative;
top: 3px;
z-index: 10;
}
.heureka-social-proof-container div.col-md-4:after {
content: "";
width: 100%;
height: 5px;
display: block;
background-color: #fff;
position: relative;
top: -10px;
z-index: 10;
}
.heureka-social-proof-container div.main {
padding: 20px 0px 10px 0px;
}
.heureka-social-proof-container div ul li:first-letter,
.heureka-social-proof-container div.summary:first-letter {
text-transform: uppercase
}
.heureka-social-proof-container div span.rating {
color: #30A9D4;
font-weight: 700;
font-size: 20px;
}
div.review div.revtext .recommend-no,
div.review div.revtext .recommend-yes {
height: 42px;
line-height: 42px;
padding: 0 2px 0 45px;
font-size: 90%;
position: absolute;
right: 0;
text-align: left;
top: 15px;
width: 135px;
}
div.recommend-yes {
width: 100%;
margin: 0px 0;
clear: left;
padding-left: 36px;
background: url(/assets/image/reviews-map.png) 0 -44px no-repeat;
color: #fff;
font-weight: 700;
height: 38px;
padding-top: 12px;
background-size: 165px auto;
font-size: 11px;
}
.heureka-social-proof-container a {
color: #333;
}
.heureka-social-proof-container .plus.text-success {
color: #42b04f;
}
.heureka-social-proof-container .review-3,
.heureka-social-proof-container .review-4 {
margin-top: 30px;
}
.heureka-social-proof-container a:focus {
text-decoration: none;
}
.heureka-social-proof-container div.minus ul,
.heureka-social-proof-container div.plus ul {
list-style: none;
margin: 0 0 5px 0;
float: none;
width: auto;
}
.heureka-social-proof-container div.minus ul li,
div.plus ul li {
line-height: 1.3em;
width: auto;
margin-left: 0;
margin-bottom: 4px;
margin-right: 50px;
padding-left: 20px;
}
.heureka-social-proof-container div.plus ul li {
background: url(/assets/image/reviews-map.png) -4px -254px no-repeat;
}
.heureka-social-proof-container div.minus ul li {
background: url(/assets/image/reviews-map.png) -4px -549px no-repeat;
}
.product-info table th,
.product-info table td {
padding: 0px;
font-size: 13px;
}
#tab-specification table th,
#tab-specification table td {
font-size: 13px;
}
#tab-specification thead > tr > td {
font-weight: bold;
}
#tab-description h2 {
color: #00a9dc !important;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
#tab-description ul li {
list-style: disc;
}
#tab-description p:last-child {
margin-bottom: 0px;
}
#detail-description ul {
margin-left:15px;
margin-bottom:15px;
}
/*HOMEPAGE TAB SLIDER*/
#homepage-tab-slider-1-content .tab-content {
padding: 0px 15px 0px 0px;
margin: 0px;
border: none;
}
#homepage-tab-slider-1-content .nav-stacked > li + li {
margin-top: 1px;
}
.owl-carousel .product-thumb .price-tax .no-tax {
display: inline-block;
}
.owl-carousel .product-thumb .price-tax .no-tax {
display: inline-block;
}
.product-thumb .price-tax-wrap {
display: block;
}
.product-grid .product-thumb .price-tax,
.owl-carousel .product-thumb .price-tax,
.product-thumb .price-tax,
.bestseller-nomenclatures-item .price-tax,
.quantity-discounts .price-tax {
display: block;
font-size: 16px;
color: #3e7cb4;
font-weight: bold;
}
.product-grid .product-thumb .price-tax .price-before-discount,
.owl-carousel .product-thumb .price-tax .price-before-discount,
.product-thumb .price-tax .price-before-discount,
.bestseller-nomenclatures-item .price-tax .price-before-discount,
.quantity-discounts .price-tax .price-before-discount,
.price-before-discount .price-value {
font-size: 14px;
color: #f87c85;
font-weight: bold;
position: relative;
}
.product-grid .product-thumb .price-tax .price-before-discount::after,
.owl-carousel .product-thumb .price-tax .price-before-discount::after,
.product-thumb .price-tax .price-before-discount::after,
.bestseller-nomenclatures-item .price-tax .price-before-discount::after,
.quantity-discounts .price-tax .price-before-discount::after,
.price-before-discount .price-value::after{
content: "";
display: inline-block;
position: absolute;
left: 50%;
margin-left: -45%;
top: 45%;
width: 90%;
height: 1px;
transform: rotate(-15deg);
background: #f87c85;
}
.price-before-discount {
position: relative;
height: 5px;
}
.price-before-discount .price-value {
position: absolute;
top: -12px;
left: 3px;
font-size: 16px;
}
.product-grid .product-thumb .price-tax > span,
.owl-carousel .product-thumb .price-tax > span,
.product-thumb .price-tax > span {
font-weight: normal;
font-size: 13px;
}
.product-thumb .price {
color: #999;
font-size: 13px;
font-weight: normal;
}
.product-thumb h4,
#jansendisplay #container .product-thumb h3 {
font-size: 16px;
font-weight: 700;
color: #000;
border: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 20px;
}
#jansendisplay #container .product-thumb h3 a {
display: inline-block;
}
.pagination-results {
margin: 15px 0;
}
.category-description {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.3;
}
.category-description hr {
margin-top: 0px;
}
.product-info .description {
margin-bottom: 5px;
text-align: justify;
}
.product-info .description > li {
padding-left: 15px;
padding-right: 15px;
}
.default-description {
line-height: 22px;
}
.filter-option {
text-transform: none !important;
}
.btn-blue,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active {
color: #fff;
background-color: #3e7cb4;
border-radius: 5px;
text-transform: uppercase;
}
.btn-blue:hover {
background: #444;
color: #fff;
}
.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
background-color: #5bb75b;
border-radius: 5px;
text-transform: uppercase;
}
a.btn,
a.btn:focus,
a.btn.focus,
a.btn:active,
a.btn.active {
border-radius: 5px;
text-transform: uppercase;
}
.btn-default,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {
border-radius: 5px;
text-transform: uppercase;
}
.btn-border,
.btn-border:focus,
.btn-border.focus,
.btn-border:active,
.btn-border.active {
border: 1px solid #fb717d;
border-radius: 5px;
color: #fb717d;
background-color: transparent;
text-transform: uppercase;
}
.btn-border:hover {
color: white;
border-color: #444;
background: #444;
}
.btn-green {
color: white;
background: #5bb75b;
text-transform: uppercase;
}
.btn-green:hover,
.btn-green:focus,
.btn-green.actove {
background: #3d8d3d;
}
.export-pricelist-btn{
text-transform: none !important;
}
.export-pricelist-upcoming-btn{
color:#4b77d0 !important;
background-color: #fff !important;
border:2px solid #4b77d0;
margin-top: 15px;
text-transform: none !important;
}
.export-pricelist-upcoming-btn:hover{
color: #fff !important;
background: #444 !important;
}
.button-pricelist-container{
max-width: 25%;
display: flex;
flex-direction: column;
}
#menu {
border: 0px;
background-color: #009fe3;
}
#menu .nav li .dropdown-menu {
z-index: 1040;
}
#menu .nav > li > a {
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
#menu .nav > li > a {
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
}
#menu .nav > li > a.home_link span {
background: #fff;
}
#menu .nav > li > a.home_link span::before {
border-color: transparent transparent #fff transparent;
}
#menu .nav > li > a.home_link span::after {
border: 1px solid #fff;
border-width: 0px 4px 0px 4px;
}
.catalog-menu-opened #menu .nav > li:first-child > a,
#menu li.catalog-menu > a {
font-weight: 700;
padding: 0 20px;
color: #009FE3;
background: #b5e0f2;
}
.catalog-menu-opened #menu .nav > li:first-child > a > .fa-caret-down {
display:none;
}
#menu .nav > li:first-child {
/*background: #b5e0f2;*/
width: 16.66666667%;
}
#menu .nav > li:first-child > a {
padding-left: 20px;
min-width: 0px;
}
#menu .nav > li:first-child .dropdown-menu li.top-menu-category-item {
width: 100%;
min-width: inherit;
}
#menu .nav > li:first-child > .dropdown-menu > ul {
border: 0px;
display: block;
width: 100%;
}
#menu .nav > li:first-child > .dropdown-menu {
box-shadow: none;
background: #b5e0f2;
width: 100%;
}
#menu .nav > li:first-child > .dropdown-menu > ul > li > a > img.top-menu-category-item-image {
display: none;
}
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item {
height: auto;
border: 0px;
position: relative;
}
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item > a .fa-solid.fa-caret-right {
float: right;
color: white;
}
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item > a::before {
content:"";
display:block;
position: absolute;
width: 88%;
left: 10px;
top: 0px;
height: 1px;
background-color: #C8ECFB;
}
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item > a {
color: #009FE3;
padding: 15px 20px;
font-size: 16px;
}
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item > a:hover,
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item:hover {
background: white;
box-shadow: 2px 2px 4px rgba(122,196,228, 0.25);
}
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item:hover > a::before,
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item:hover + li > a::before {
height: 0px;
}
.catalog-menu-opened #menu .nav > li:first-child > .dropdown-menu {
display: block;
}
@media (max-width: 991px) {
#menu .nav > li:first-child {
width: 100%;
}
.catalog-menu-opened #menu .nav > li:first-child > .dropdown-menu {
display: none;
}
#menu .nav > li:first-child > .dropdown-menu {
width: auto;
}
#menu .nav > li:first-child .submenu.mega-menu {
border-width: 2px 0px 2px 0px;
border-radius: 0px;
}
#menu .nav > li:first-child > .dropdown-menu > ul {
width: auto;
margin: 0px;
}
#menu .nav > li:first-child .dropdown-menu li.top-menu-category-item {
width: auto;
}
#menu .nav > li:first-child > .dropdown-menu > ul > li.top-menu-category-item > a .fa-solid.fa-caret-right {
display: none;
}
#menu .nav > li:first-child > .dropdown-menu > ul span.submore::after {
top: 10px;
}
#menu .nav > li > .dropdown-menu > ul {
border: none;
}
}
#header .htop {
background: #fff;
margin-bottom: -10px;
}
#header .links > ul > li > a,
#header .links > ul > li .wrap_custom_block > a,
#header #top-links > ul > li > a {
color: #555;
}
#header #top-links > ul > li{
z-index: 1100;
}
#header .links > ul > li {
border-left: 0px;
border-right: 1px dotted #5b9ad4;
}
#header .links {
border-right: 0px;
}
#language span,
#currency span {
color: #555;
}
#language,
#currency {
border-right: 0px;
}
#header #search {
margin-top: -20px;
}
#menu .nav > li > .dropdown-menu {
border-top: none;
}
#menu .nav > li:hover > a {
color: #009fe3;
}
#menu .nav > li.sub:hover > a:after {
border-color: transparent transparent #009fe3 transparent;
}
.common-home #container h3,
.common-home #container h2 {
font-size: 36px;
font-weight: 700;
border-bottom: 0px;
border-top: 1px solid #ea616c;
padding-top: 15px;
padding-bottom: 0px;
margin-top: 25px;
}
.red-border-top {
border-top: 1px solid #ea616c;
padding-top: 10px;
padding-bottom: 0px;
margin-top: 1px;
}
.breadcrumb.red-border-top {
margin-top: 6px;
}
#content, #row-top {
margin-top: 15px;
}
#content.order-detail .row,
#content .personal-data {
border-top: 1px solid black;
padding-top: 15px;
}
#content.checkout-steps table.table-bordered.cart {
border-bottom: 1px solid black;
}
#content.checkout-steps table.cart tr.coupon-cart-row .row-text {
color: #ff9700;
}
#content.checkout-steps table.cart tr.coupon-cart-row td.value {
color: #888;
}
#content.checkout-steps .delivery input {
margin: 5px 3px 0;
}
/*#content.checkout-steps .option {
border: 2px solid white;
margin: 10px 0px;
padding: 5px 0px;
}
#content.checkout-steps .option:hover {
border: 2px solid #eae9e9;
}*/
#content.checkout-steps .agreement {
font-size: smaller;
color: grey;
width: 210px;
}
#content.checkout-steps .step-4 {
margin-top: -40px;
}
.step-4 #content.checkout-steps #button-confirm{
display: none;
}
#content.checkout-success input[type=password]{
width: 100%;
}
#content.checkout-success .progress {
margin-bottom: 0px;
}
#content.checkout-success table.products-table tbody tr:first-child td {
border: none;
}
#content.checkout-success table.products-table {
margin-top: 15px;
margin-bottom: 25px;
}
#content.checkout-success table.products-table tbody tr td {
border-top: 1px solid #f0f0f0;
}
#content.checkout-success table.products-table tbody tr td.name {
font-weight: 700;
}
#content.checkout-success table.products-table tbody tr td.name :is(.model, .manual-check) {
font-weight: 400;
}
#content.checkout-success table.products-table tbody tr td.quantity .value {
font-weight: 700;
font-size: 16px;
}
#content.checkout-success .what-next {
margin-top: 25px;
}
#content.checkout-success .what-next .what-next-col .description {
display: block;
}
#content.checkout-success .what-next .what-next-col {
position: relative;
margin-bottom: 20px;
}
#content.checkout-success .what-next .what-next-col .fa-arrow-right {
position: absolute;
top: 15px;
right: -10px;
}
#content.checkout-success .what-next .what-next-col .fa-arrow-down {
position: absolute;
bottom: -25px;
left: 48%;
display: none;
}
#content.checkout-success .what-next .title {
font-weight: 700;
font-size: 16px;
}
@media (max-width: 768px) {
#content.checkout-success .what-next .title {
text-align: center;
}
#content.checkout-success .what-next .what-next-col {
margin-bottom: 30px;
}
#content.checkout-success .what-next .what-next-col .fa-arrow-down {
display: block;
}
#content.checkout-success .what-next .what-next-col .fa-arrow-right {
display: none;
}
}
#footer h5 {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
#footer .column a {
font-size: 13px;
margin: 6px 0px;
}
#footer #powered {
margin-bottom: 0px;
border-bottom: 0px;
}
#footer .payment-logos > img {
vertical-align:middle;
max-height:35px;
max-width:60px;
margin-right: 12px;
}
.product-layout {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.product-thumb h4 a {
font-size: 16px;
color: #000;
}
#footer .custom-text .col-md-2 {
position: relative;
min-height: 150px;
}
#footer .custom-text img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
margin-bottom: 100px;
filter: gray;
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
#jansendisplay .mfilter-content {
border: 0px;
border-radius: 0px;
}
#jansendisplay .mfilter-heading {
border-top: 1px solid #ea616c;
background: #fff;
color: #000;
text-transform: uppercase;
font-weight: 700;
margin-top: 30px;
margin-bottom: 15px;
padding-top: 5px;
}
#jansendisplay .mfilter-opts-container {
padding: 5px 0;
border-top: 0px;
}
#jansendisplay #mfilter-opts-price-min,
#jansendisplay #mfilter-opts-price-max {
width: 90px;
min-width: 90px;
max-width: 90px;
}
#jansendisplay .mfilter-content-wrapper.mfilter-iscroll {
max-height: 500px !important;
}
#jansendisplay .mfilter-content > ul > li:first-child .mfilter-heading {
margin-top: 0px;
}
#container h1 {
font-size: 36px;
}
label {
font-weight: 700;
}
.tax .price-type-label {
color: #555;
}
#stock-status-label {
margin: 15px 0 25px 0;
font-weight: bold;
}
#container h2,
#container h3 {
border-bottom: 0px;
}
.modal-body h2,
.modal-body h3 {
font-size: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
.discounts-col {
padding: 0px;
}
#discounts-container {
font-size: 14px;
display: inline-block;
margin-top: 5px;
}
#discounts-container .call-you {
text-decoration: underline;
}
#discounts-container .need-more {
display: inline-block;
}
#discounts {
display: inline-block;
min-width: 100%;
}
#discounts .quantity-discounts {
list-style: none;
padding: 0px;
margin: 0px;
}
#discounts .quantity-discounts > li {
display: inline-block;
border: 1px solid #dbdbdb;
margin-right: 1px;
margin-bottom: 8px;
padding: 6px 8px;
text-align: center;
cursor: pointer;
}
#discounts .quantity-discounts > li:hover {
border-color: #cccccc;
}
#discounts .quantity-discounts > li.active {
border: 2px solid #57bb7d;
padding: 5px 7px;
}
.disabled-control #discounts .quantity-discounts > li.active {
border: 1px solid #dbdbdb;
padding: 6px 8px;
}
.disabled-control #discounts .quantity-discounts > li {
cursor: default;
}
.disabled-control #discounts .quantity-discounts > li:hover {
border-color: #dbdbdb;
}
#discounts .quantity-discounts > li:last-child {
margin-right: 0px;
}
#discounts .quantity-discounts > li > .from {
color: #4d4d4d;
font-size: 14px;
display: block;
margin-bottom: 5px;
padding: 0 5px;
}
#discounts .quantity-discounts > li > .price-tax {
font-size: 14px;
}
@media (min-width: 922px) {
.price-quantity-buy.pl > .price-col {
width: 34%;
}
.price-quantity-buy.pl > .discounts-col {
width: 66%;
}
.price-quantity-buy.pl > .discounts-col #discounts .quantity-discounts > li {
padding: 6px 2px;
}
.price-quantity-buy.pl > .discounts-col #discounts .quantity-discounts > li.active {
padding: 5px 1px;
}
.price-quantity-buy.pl > .discounts-col #discounts .quantity-discounts > li .from {
padding: 0px 4px;
}
}
#shop-badges {
text-align: center;
margin-bottom: 20px;
}
#shop-badges .heurekabadge {
text-align: center;
}
.product-images-wrap {
margin-bottom: 40px;
position: relative;
}
.product-images-wrap .published-at {
color:#ff0500;
font-size: 24px;
line-height: 24px;
text-align: center;
position: absolute;
top: 30%;
left: 15%;
z-index: 999;
max-width: 60%;
transform: rotate(-45deg);
background-color: rgba(255,255,255,0.8);
padding: 5px;
border: 1px solid #ececec;
font-weight: 700;
}
.product-thumb .published-at {
color:#ff0500;
font-size: 18px;
position: absolute;
font-weight: 700;
top: 35%;
left: 15%;
max-width: 70%;
z-index: 999;
transform: rotate(-45deg);
background-color: rgba(255,255,255,0.8);
padding: 5px;
border: 1px solid #ececec;
}
#more-information {
margin-top: 60px;
}
.product-info .heurekabadge {
margin-bottom: 50px;
min-height: 134px;
}
.product-info .shopbadge {
margin-bottom: 50px;
min-height: 195px;
}
.right-side {
padding-top: 30px;
}
@media (max-width: 992px) {
#more-information .right-side.pull-top {
margin-top: 0px !important;
}
#more-information .left-side.pull-top {
margin-top: 0px !important;
}
}
.list-group {
margin-bottom: 50px;
}
#free-shipping {
text-align: right;
color: #009fe3;
margin-top: 5px;
}
#jansendisplay .mfilter-counter::after {
content: "";
border-width: 0px;
}
#jansendisplay .mfilter-box-1 .mfilter-counter {
background: #009fe3;
color: #ffffff;
}
.box-content.mfilter-content label {
font-weight: normal;
padding-left: 20px;
}
#jansendisplay .mfilter-heading-text {
width: inherit;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAS0lEQVQ4jWNgGAUUA0YsYnIMDAwsONT/YWBgeITPQDUGBoa/DAwM/3Hgv1A1eEESDkP+MTAwZBLSjMsQkjSjG0KWZhiIhOJRQEsAADgNGUA2QHwGAAAAAElFTkSuQmCC") !important;
background-repeat: no-repeat;
background-position: right 5px center;
cursor: pointer;
min-height: 28px !important;
}
.product-info .cart {
padding: 15px 0px 5px;
}
#jansendisplay .mfilter-heading .mfilter-head-icon {
display: block;
float: left;
background: url('/assets/image/icons.png') no-repeat -3px -43px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
width: 10px;
height: 6px;
margin-right: 5px;
margin-top: 6px;
margin-left: 0px;
}
/*
* Steps for checkout
*/
.accessory-arrow:before{
content: '';
background: url(/assets/image/arrow2.png) no-repeat;
background-size: 30px 30px;
position: absolute;
opacity: .7;
width: 30px;
height: 30px;
display: inline-block;
top: 50%;
transform: translateY(-50%);
margin-left: 25px;
}
.accessory-arrow {
position: relative;
}
.accessory {
margin-left: 3.5em;
}
.bread-cart > li + li::before {
content: "";
}
.bread-cart {
margin-bottom: 20px;
margin-top: 5px;
}
.bread-cart.bottom-wrap {
margin-bottom: 50px;
}
.bread-cart a,
.bread-cart span {
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.bread-cart {
background-color: #b6b6b6;
height: 38px;
}
.bread-cart li {
text-align: center;
background-color: #b6b6b6;
padding: 10px;
}
.bread-cart li.active {
background-color: #009fe3;
}
.bread-cart li a:hover {
color: #fff;
}
.bread-cart li.disable {
pointer-events: none;
cursor: default;
}
.bread-cart li::before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
border-left: 13px solid #fff;
position: absolute;
top: 0;
margin-left: 1px;
left: 100%;
z-index: 1;
}
.bread-cart li::after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
border-left: 13px solid #b6b6b6;
position: absolute;
top: 0;
left: 100%;
z-index: 2;
}
.bread-cart li.active::after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
border-left: 13px solid #009fe3;
position: absolute;
top: 0;
left: 100%;
z-index: 2;
}
.bread-cart li:last-child::before {
content: none;
}
.bread-cart li:last-child::after {
content: none;
}
#content.checkout-steps .table-bordered.cart,
.total-summary .table-bordered.total,
#content.account .table-bordered,
#content.order-info .table-bordered {
border: 0px;
font-size: 15px;
}
.total-summary table.total tr td {
color: #888;
font-weight: 400;
}
.total-summary table.total tr.coupon td {
color: #f87c85;
}
.input-group .input-group-btn .btn-primary {
border: 1px solid #5bb75b;
}
.step-3 .checkout-steps .exists-login .form-horizontal .form-group {
margin: 0px
}
.step-3 .checkout-steps .exists-login .form-horizontal .control-label {
text-align: left;
}
.step-3 .checkout-steps .exists-login #button-customer-login {
width: 100%;
margin-top: 15px;
}
.step-3 .checkout-steps .exists-login .error-alert {
margin-top: 15px;
margin-bottom: 0px;
}
#login-form > h2 {
margin-bottom: 5px;
}
.step-4 .checkout-steps .table-responsive td{
vertical-align: middle;
padding-top: 2px;
padding-bottom: 2px;
}
.step-4 .checkout-steps .table{
margin-bottom: 10px;
}
.step-4 .checkout-steps {
margin-top: -40px;
}
#content.checkout-steps .table-bordered > thead > tr > th,
#content.checkout-steps .table-bordered > tbody > tr > th,
#content.checkout-steps .table-bordered > tfoot > tr > th,
#content.checkout-steps .table-bordered > thead > tr > td,
#content.checkout-steps .table-bordered > tbody > tr > td,
#content.checkout-steps .table-bordered > tfoot > tr > td,
#content.account .table-bordered > thead > tr > th,
#content.account .table-bordered > tbody > tr > th,
#content.account .table-bordered > tfoot > tr > th,
#content.account .table-bordered > thead > tr > td,
#content.account .table-bordered > tbody > tr > td,
#content.account .table-bordered > tfoot > tr > td,
#content.order-info .table-bordered > thead > tr > th,
#content.order-info .table-bordered > tbody > tr > th,
#content.order-info .table-bordered > tfoot > tr > th,
#content.order-info .table-bordered > thead > tr > td,
#content.order-info .table-bordered > tbody > tr > td,
#content.order-info .table-bordered > tfoot > tr > td,
#cart .table-bordered > thead > tr > th,
#cart .table-bordered > tbody > tr > th,
#cart .table-bordered > tfoot > tr > th,
#cart .table-bordered > thead > tr > td,
#cart .table-bordered > tbody > tr > td,
#cart .table-bordered > tfoot > tr > td {
border: 0px;
}
#content.account .table-bordered.order-history > tbody > tr > td,
#content.account .table-bordered.order-history > tbody > tr > th,
#content.account .table-bordered.order-history > tfoot > tr > td,
#content.account .table-bordered.order-history > tfoot > tr > th,
#content.account .table-bordered.order-history > thead > tr > td,
#content.account .table-bordered.order-history > thead > tr > th,
#content.order-info .table-bordered.order > tbody > tr > td,
#content.order-info .table-bordered.order > tbody > tr > th,
#content.order-info .table-bordered.order > tfoot > tr > td,
#content.order-info .table-bordered.order > tfoot > tr > th,
#content.order-info .table-bordered.order > thead > tr > td,
#content.order-info .table-bordered.order > thead > tr > th,
#order-products .cart.table > thead > tr > th,
#order-products .cart.table > thead > tr > td,
#order-products .cart.table > tbody > tr > th,
#order-products .cart.table > tbody > tr > td {
vertical-align: middle;
}
#cart .table-bordered {
border: 0px;
}
#content.checkout-steps .table-bordered > thead > tr > th,
#content.account .table-bordered > thead > tr > th,
#content.account .table-bordered > thead > tr > td,
#content.order-info .table-bordered > thead > tr > th,
#content.order-info .table-bordered > thead > tr > td {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
#content.checkout-steps .table-bordered > thead > tr > td {
color: #aaa;
}
#content.checkout-steps .table-bordered.cart .img-thumbnail {
border: 0px;
}
#content.checkout-steps .order-summary {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin-top: 15px;
}
#content.checkout-steps .total-summary #accordion .panel-title > a {
display: block;
}
#content.checkout-steps .table .custom-code-input {
max-width: 100px;
display: inline-block;
}
#cart .table-bordered tr:first-child td {
font-size: 14px;
font-weight: 700;
}
#cart .table-bordered tr:first-child td.price {
color: #347ab8;
}
.total-summary .table-bordered.total tr.hightlight td {
font-size: 20px;
color: #333;
font-weight: 700;
}
.total-summary .table-bordered.total tr.hightlight td.price {
color: #347ab8;
}
.total-summary .table-bordered.total tr td {
border: 0px;
padding: 0px;
}
.buttons {
border-top: 0px;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
}
#content.checkout-steps .secure-page {
font-family: 'Open Sans', sans-serif;
padding: 0px 6px;
}
#content.checkout-steps .secure-page .title {
display:inline-block;
}
#content.checkout-steps .secure-page .description {
color: #787775;
font-size: 15px;
margin-top: 8px;
display:inline-block;
}
#content.checkout-steps .secure-page .cc-payments {
margin-top: 15px;
}
@media (max-width: 480px) {
.buttons {
padding: 0px;
}
}
#content.checkout-steps .qty {
float: left;
margin-left: 15px;
}
#content.checkout-steps .table-bordered.cart .btn.btn-default {
padding: 10px 4px 10px 0px;
}
#content.checkout-steps .cart-minimum,
#content.checkout-steps .cart-maximum{
font-size: 80%;
color: #808080;
}
#content.checkout-steps .cart-minimum.text-danger,
#content.checkout-steps .cart-maximum.text-danger{
color: #a94442;
}
#content.payment-shipping h2,
#content.address h2 {
font-weight: 700;
text-transform: uppercase;
}
.delivery label {
font-size: 18px;
}
.radio,
.checkbox {
margin-bottom: 20px;
vertical-align: middle;
min-height: 40px;
}
span.text-label {
min-height: 40px;
display: inline-block;
}
.radio label {
position: relative;
overflow: hidden;
cursor: pointer;
padding-left: 0px;
}
.radio label input[type="radio"] {
position: absolute;
left: -9001px;
}
.radio .circ {
width: 16px;
height: 16px;
border-radius: 50%;
display: inline-block;
top: 1px;
position: relative;
margin-right: 10px;
background-color: #b6b6b6;
}
.radio .circ .dot {
width: 8px;
height: 8px;
display: block;
position: absolute;
border-radius: 50%;
left: 4px;
top: 4px;
}
.radio label input[type="radio"]:checked ~ .circ {
background-color: #009fe3;
}
.radio label input[type="radio"]:checked ~ .circ .dot {
background-color: #fff;
}
.checkbox label {
padding-left: 0px;
line-height: 1.8;
}
.checkbox label input[type="checkbox"] {
display: none;
}
.checkbox .rect {
width: 16px;
height: 16px;
border-radius: 5px;
display: inline-block;
margin-right: 10px;
background-color: #b6b6b6;
position: relative;
top: 3px;
}
.checkbox label input[type="checkbox"]:checked ~ .rect {
background-color: #009fe3;
}
.checkbox label input[type="checkbox"]:checked ~ .rect:before {
content: "\2713";
color: #f3f3f3;
font-size: 15px;
padding-left: 2px;
line-height: 15px;
font-weight: 700;
position: relative;
bottom: 3px;
}
/* JD - checkbox customization */
/* The container */
.jd-checkbox,
.jd-checkbox-original {
line-height: 100%;
display: block;
position: relative;
padding-left: 28px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 130%;
font-weight: bold;
color: #222;
}
.jd-checkbox.light,
.jd-checkbox-original.light {
font-weight: normal;
}
.jd-checkbox-sm,
.jd-checkbox-original-sm {
font-size: 13px;
line-height: 140%;
}
.jd-checkbox.checkbox-inline,
.jd-checkbox-original.checkbox-inline {
display: inline-block;
padding-top: 0px;
padding-left: 20px;
}
/* Hide the browser's default checkbox */
input.jd-checkbox-input,
.jd-checkbox input,
input.jd-checkbox-original-input,
.jd-checkbox-original input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom checkbox */
.jd-checkbox .checkmark,
.jd-checkbox-original .checkmark {
position: absolute;
top: 0;
left: 0;
height:17px;
width: 17px;
background-color: #fff;
border-radius: 3px;
border: 1px solid #dbdbdb;
}
/* On mouse-over, add a grey background color */
.jd-checkbox:hover input ~ .checkmark,
input.jd-checkbox-input:not(:disabled) + .jd-checkbox:hover .checkmark,
.jd-checkbox-original:hover input ~ .checkmark,
input.jd-checkbox-original-input:not(:disabled) + .jd-checkbox:hover .checkmark {
border-color: #cccccc;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
input.jd-checkbox-input:disabled + .jd-checkbox .checkmark,
input.jd-checkbox-original-input:disabled + .jd-checkbox .checkmark {
border-color: #f0f0f0;
}
.jd-checkbox:hover input ~ .checkmark:after,
input.jd-checkbox-input + .jd-checkbox:hover .checkmark:after,
.jd-checkbox-original:hover input ~ .checkmark:after,
input.jd-checkbox-original-input + .jd-checkbox:hover .checkmark:after {
border: solid #eae9e9;
border-width: 0 2px 2px 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
input.jd-checkbox-input:disabled + .jd-checkbox:hover .checkmark:after,
input.jd-checkbox-original-input:disabled + .jd-checkbox:hover .checkmark:after {
border: solid transparent;
}
/* When the checkbox is checked, add a border color */
.jd-checkbox input:checked ~ .checkmark,
input.jd-checkbox-input:checked + .jd-checkbox .checkmark,
.jd-checkbox-original input:checked ~ .checkmark,
input.jd-checkbox-original-input:checked + .jd-checkbox .checkmark {
border-color: #bfbfbf;
}
/* Create the checkmark/indicator (hidden when not checked) */
.jd-checkbox .checkmark:after,
.jd-checkbox-original .checkmark:after {
content: "";
position: absolute;
}
/* Show the checkmark when checked */
.jd-checkbox input:checked ~ .checkmark:after,
input.jd-checkbox-input:checked + .jd-checkbox .checkmark:after,
.jd-checkbox-original input:checked ~ .checkmark:after,
input.jd-checkbox-original-input:checked + .jd-checkbox .checkmark:after {
display: block;
border: solid #57bb7d;
border-width: 0 2px 2px 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
/* Style the checkmark/indicator */
.jd-checkbox .checkmark:after,
.jd-checkbox-original .checkmark:after {
left: 5px;
top: 2px;
width: 5px;
height: 9px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
input.boolean_checkbox:disabled + label,
.jd-checkbox input:disabled ~ .checkmark,
.jd-checkbox input:disabled ~ .checkbox-desc .description-icon,
.jd-checkbox-original input:disabled ~ .checkmark,
.jd-checkbox-original input:disabled ~ .checkbox-desc .description-icon {
color: darkgray;
cursor: not-allowed;
}
/* JD Radio butons style */
label.jd-radio {
position: relative;
padding-left: 25px;
line-height: 150%;
font-size: 14px;
}
/* Create a custom checkbox */
.jd-radio .checkmark {
position: absolute;
top: 2px;
left: 0;
height: 18px;
width: 18px;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 50%;
}
.jd-radio.disabled {
color: #aeaeae;
}
.jd-radio.radio-inline .checkmark {
top: 8px;
}
/* When the checkbox is checked, add a blue background */
.jd-radio input:checked ~ .checkmark:after {
background-color: #57bb7d;
}
/* When the checkbox is checked, add a blue background */
.jd-radio input:checked ~ .checkmark {
border-color: #bfbfbf;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
.jd-radio:hover input ~ .checkmark:after {
opacity: 1;
background-color: #d8d8d8;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
.jd-radio:hover input:checked ~ .checkmark:after {
background-color: #57bb7d;
}
/* Create the checkmark/indicator (hidden when not checked) */
.jd-radio .checkmark:after {
content: "";
position: absolute;
}
.jd-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Style the checkmark/indicator */
.jd-radio .checkmark:after {
left: 4px;
top: 4px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: white;
}
/* Show the checkmark when checked */
.jd-radio input:checked ~ .checkmark:after {
opacity: 1;
}
.step-4 span.fa {
background-color: #009fe3;
border-radius: 50%;
color: #fff;
font-size: 12px;
padding: 5px 6px;
}
.step-4 #content .personal-data {
margin-bottom: 10px;
font-size: 15px;
}
.personal-data span.label {
display: inline-block;
padding: 0;
font-size: 15px;
text-align: left;
font-weight: bold;
line-height: 1;
white-space: normal;
vertical-align: baseline;
border-radius: .25em;
width: 110px;
color: #000;
}
.btn.load-company{
color: white;
background-color: #009fe3;
font-size: smaller;
display: inline-block;
cursor: pointer;
}
td .qty a.mines {
position: relative;
top: -3px;
}
#header #cart .dropdown-menu {
width: 550px;
}
#jansendisplay #menu .nav>li>.dropdown-menu{
padding: 0px;
}
#jansendisplay #menu .categories_defu {
border-bottom: none;
}
#jansendisplay #menu .categories_defu.not-published > a {
line-height: 25px;
}
#jansendisplay #menu .categories_defu.not-published > a small.published-at{
line-height: 15px;
text-transform: none;
font-size: 10px;
text-align: center
}
#jansendisplay #menu .categories_defu.not-published > a small.published-at > span{
margin-top: -5px;
display: block;
height: 20px;
}
#jansendisplay #menu .nav>li:hover>.dropdown-menu, #menu .nav>li>.dropdown-menu{
left: -1px;
}
#jansendisplay #menu .nav > li:first-child > .dropdown-menu {
left: 0px;
}
#jansendisplay #menu .nav>li:hover>.dropdown-menu.custom_block ul, #menu .nav>li>.dropdown-menu>ul{
border: 1px solid #39A3D7;
border-top: none;
}
@media (max-width: 991px) {
#menu .nav>li>.dropdown-menu>ul {
border: none;
}
}
#jansendisplay #menu .nav > li:hover > a i{
visibility: hidden;
}
#jansendisplay #menu .nav>li:hover>a{
background-color: white;
}
#jansendisplay #menu .nav > li:first-child:hover > a{
background-color: #b5e0f2;
}
#jansendisplay #menu .nav>li.sub:hover>a:after{
content: none;
}
/* Zoom for main product image */
.zoom-wrap {
overflow: hidden;
}
.zoom-wrap .zoom-link {
display: inline-block;
}
.default-image {
z-index: 1;
max-width: 100%;
height: auto;
}
@media (min-width: 768px) {
.default-image {
height: 420px;
width: 420px;
max-width: inherit;
margin-left: -30px;
}
}
@media (min-width: 992px) {
.default-image {
height: 500px;
width: 500px;
max-width: inherit;
margin-left: -30px;
}
}
@media (min-width: 1200px) {
.default-image {
height: 600px;
width: 600px;
max-width: inherit;
margin-left: -30px;
}
}
.zoom-image{
position: absolute;
top:0;
left: 0;
z-index: 10;
}
/********/
.promotion {
position: absolute;
z-index: 999;
background-repeat: no-repeat;
}
.promotion-l {
width: 85px;
height: 85px;
top: 15px;
left: 0px;
background-size: 85px;
}
.promotion-st {
width: 85px;
height: 85px;
top: -5px;
left: 60px;
background-size: 85px;
}
.promotion-s {
width: 80px;
height: 80px;
background-size: 80px;
}
.promotion-xs {
width: 55px;
height: 55px;
background-size: 55px;
}
.promotion-f {
width: 65px;
height: 65px;
bottom: 105px;
left: 60px;
background-size: 65px;
}
.promotion-lf {
width: 100px;
height: 100px;
bottom: -2px;
left: -2px;
background-size: 100px;
}
.owl-carousel .owl-item .image a {
position:relative;
}
.promotion-tag {
position: absolute;
z-index: 999;
background-repeat: no-repeat;
}
.promotion-tag-l {
width: 85px;
height: 85px;
background-size: 85px;
}
.promotion-tag-s {
width: 80px;
height: 80px;
background-size: 80px;
}
.promotion-tag-xs {
width: 55px;
height: 55px;
background-size: 55px;
}
.promotion-tag.promotion-tag-s[data-position=top_left],
.promotion-tag.promotion-tag-s,
.promotion.promotion-s[data-position=top_left],
.promotion.promotion-s {
top: 79px;
left: 10px;
}
.promotion-tag.promotion-tag-s[data-position=top_right],
.promotion.promotion-s[data-position=top_right] {
top: 79px;
right: 10px;
bottom: auto;
left: auto;
}
.promotion-tag.promotion-tag-s[data-position=top_left][data-order="2"],
.promotion.promotion-s[data-position=top_left][data-order="2"],
.promotion-tag.promotion-tag-s[data-position=top_right][data-order="2"],
.promotion.promotion-s[data-position=top_right][data-order="2"] {
top: 128px;
}
.promotion-tag.promotion-tag-s[data-position=top_left][data-order="3"],
.promotion.promotion-s[data-position=top_left][data-order="3"],
.promotion-tag.promotion-tag-s[data-position=top_right][data-order="3"],
.promotion.promotion-s[data-position=top_right][data-order="3"] {
top: 177px;
}
.promotion-tag.promotion-tag-s[data-position=top_left][data-order="4"],
.promotion.promotion-s[data-position=top_left][data-order="4"],
.promotion-tag.promotion-tag-s[data-position=top_right][data-order="4"],
.promotion.promotion-s[data-position=top_right][data-order="4"] {
top: 226px;
}
.promotion-tag.promotion-tag-s[data-position=bottom_left],
.promotion.promotion-s[data-position=bottom_left] {
top: auto;
right: auto;
bottom: 85px;
left: 40px;
}
.promotion-tag.promotion-tag-s[data-position=bottom_right],
.promotion.promotion-s[data-position=bottom_right] {
top: auto;
right: 40px;
bottom: 85px;
left: auto;
}
.promotion-tag.promotion-tag-xs[data-position=top_left],
.promotion-tag.promotion-tag-xs,
.promotion.promotion-xs[data-position=top_left],
.promotion.promotion-xs {
top: 71px;
left: 10px;
}
.promotion-tag.promotion-tag-xs[data-position=top_right],
.promotion.promotion-xs[data-position=top_right] {
top: 71px;
right: 10px;
bottom: auto;
left: auto;
}
.promotion-tag.promotion-tag-xs[data-position=top_left][data-order="2"],
.promotion.promotion-xs[data-position=top_left][data-order="2"],
.promotion-tag.promotion-tag-xs[data-position=top_right][data-order="2"],
.promotion.promotion-xs[data-position=top_right][data-order="2"] {
top: 104px;
}
.promotion-tag.promotion-tag-xs[data-position=top_left][data-order="3"],
.promotion.promotion-xs[data-position=top_left][data-order="3"],
.promotion-tag.promotion-tag-xs[data-position=top_right][data-order="3"],
.promotion.promotion-xs[data-position=top_right][data-order="3"] {
top: 138px;
}
.promotion-tag.promotion-tag-xs[data-position=bottom_left],
.promotion.promotion-xs[data-position=bottom_left] {
top: auto;
right: auto;
bottom: 85px;
left: 40px;
}
.promotion-tag.promotion-tag-xs[data-position=bottom_right],
.promotion.promotion-xs[data-position=bottom_right] {
top: auto;
right: 40px;
bottom: 85px;
left: auto;
}
.promotion-tag.promotion-tag-l[data-position=top_left],
.promotion.promotion-l[data-position=top_left],
.promotion.promotion-l {
top: 15px;
left: 0px;
}
.promotion-tag.promotion-tag-l[data-position=top_right],
.promotion.promotion-l[data-position=top_right] {
top: 15px;
right: 0px;
bottom: auto;
left: auto;
}
.promotion-tag.promotion-tag-l[data-position=top_left][data-order="2"],
.promotion.promotion-l[data-position=top_left][data-order="2"],
.promotion-tag.promotion-tag-l[data-position=top_right][data-order="2"],
.promotion.promotion-l[data-position=top_right][data-order="2"],
.promotion.promotion-l {
top: 69px;
}
.promotion-tag.promotion-tag-l[data-position=top_left][data-order="3"],
.promotion.promotion-l[data-position=top_left][data-order="3"],
.promotion-tag.promotion-tag-l[data-position=top_right][data-order="3"],
.promotion.promotion-l[data-position=top_right][data-order="3"],
.promotion.promotion-l {
top: 123px;
}
.promotion-tag.promotion-tag-l[data-position=bottom_left],
.promotion.promotion-l[data-position=bottom_left] {
top: auto;
right: auto;
bottom: 0px;
left: 0px;
}
.promotion-tag.promotion-tag-l[data-position=bottom_right],
.promotion.promotion-l[data-position=bottom_right] {
top: auto;
right: 0px;
bottom: 0px;
left: auto;
}
.owl-carousel .promotion.promotion-s,
.owl-carousel .promotion.promotion-s[data-position=top_left],
.owl-carousel .promotion-tag.promotion-tag-s,
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_left] {
width: 75px;
height: 75px;
top: 0;
left: 5%;
background-size: 75px;
}
.owl-carousel .promotion.promotion-s[data-position=top_right],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_right] {
top: 0;
right: 5%;
bottom: auto;
left: auto;
}
.owl-carousel .promotion.promotion-s[data-position=top_left][data-order="2"],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_left][data-order="2"],
.owl-carousel .promotion.promotion-s[data-position=top_right][data-order="2"],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_right][data-order="2"] {
top: 44px;
}
.owl-carousel .promotion.promotion-s[data-position=top_left][data-order="3"],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_left][data-order="3"],
.owl-carousel .promotion.promotion-s[data-position=top_right][data-order="3"],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_right][data-order="3"] {
top: 88px;
}
.owl-carousel .promotion.promotion-xs,
.owl-carousel .promotion.promotion-xs[data-position=top_left],
.owl-carousel .promotion-tag.promotion-tag-xs,
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_left] {
width: 55px;
height: 55px;
top: 0;
left: 5%;
background-size: 55px;
}
.owl-carousel .promotion.promotion-xs[data-position=top_right],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_right] {
top: 0;
right: 5%;
bottom: auto;
left: auto;
}
.owl-carousel .promotion.promotion-xs[data-position=top_left][data-order="2"],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_left][data-order="2"],
.owl-carousel .promotion.promotion-xs[data-position=top_right][data-order="2"],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_right][data-order="2"] {
top: 32px;
}
.owl-carousel .promotion.promotion-xs[data-position=top_left][data-order="3"],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_left][data-order="3"],
.owl-carousel .promotion.promotion-xs[data-position=top_right][data-order="3"],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_right][data-order="3"] {
top: 64px;
}
@media (max-width: 991px) {
.owl-carousel .promotion.promotion-s,
.owl-carousel .promotion.promotion-s[data-position=top_left],
.owl-carousel .promotion.promotion-s[data-position=top_right],
.owl-carousel .promotion-tag.promotion-tag-s,
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_left],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_right],
.owl-carousel .promotion.promotion-xs,
.owl-carousel .promotion.promotion-xs[data-position=top_left],
.owl-carousel .promotion.promotion-xs[data-position=top_right],
.owl-carousel .promotion-tag.promotion-tag-xs,
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_left],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_right] {
top: 5%;
width: 85px;
height: 85px;
background-size: 85px;
}
.owl-carousel .promotion.promotion-s[data-position=top_left][data-order="2"],
.owl-carousel .promotion.promotion-s[data-position=top_right][data-order="2"],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_left][data-order="2"],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_right][data-order="2"],
.owl-carousel .promotion.promotion-xs[data-position=top_left][data-order="2"],
.owl-carousel .promotion.promotion-xs[data-position=top_right][data-order="2"],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_left][data-order="2"],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_right][data-order="2"] {
top: calc(5% + 54px);
}
.owl-carousel .promotion.promotion-s[data-position=top_left][data-order="3"],
.owl-carousel .promotion.promotion-s[data-position=top_right][data-order="3"],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_left][data-order="3"],
.owl-carousel .promotion-tag.promotion-tag-s[data-position=top_right][data-order="3"],
.owl-carousel .promotion.promotion-xs[data-position=top_left][data-order="3"],
.owl-carousel .promotion.promotion-xs[data-position=top_right][data-order="3"],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_left][data-order="3"],
.owl-carousel .promotion-tag.promotion-tag-xs[data-position=top_right][data-order="3"] {
top: calc(5% + 108px);
}
}
.category-list-thumb a {
font-size: 16px;
}
.category-list-thumb.row.flex-fix-category {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
#jansendisplay .mfilter-tb-as-td {
display: inline-flex;
padding-bottom: 0px;
}
#jansendisplay .mfilter-box-1 .mfilter-counter {
background: #fff;
color: #000;
}
#jansendisplay .mfilter-counter {
padding: 0 6px;
}
.box-content label {
margin-bottom: 0px;
}
#jansendisplay .mfilter-tb-as-tr {
display: block;
margin-bottom: 5px;
}
#jansendisplay .mfilter-box .mfilter-counter.mfilter-close {
margin-left: 10px;
}
#jansendisplay .mfilter-content > ul > li:first-child .mfilter-heading {
border-top: none;
}
#jansendisplay .mfilter-box .mfilter-counter.mfilter-close {
background: url('/catalog/view/theme/default/stylesheet/mf/images/icons.png?v7') no-repeat 0 0;
}
#jansendisplay .product-info .image-additional {
height: 100px;
margin-top: 10px;
}
#jansendisplay .product-info .image-additional .outer {
position: relative;
height: 100%;
display: block;
overflow: hidden;
}
#jansendisplay .product-info .image-additional {
position: relative;
padding: 0px 40px;
overflow: visible;
}
#jansendisplay .product-info .image-additional .control{
position: absolute;
z-index: 5;
color:#eee;
font-size: 35px;
}
#jansendisplay .product-info .image-additional .control.enabled {
cursor: pointer;
color:#ddd;
}
#jansendisplay .product-info .image-additional .control.enabled:hover {
color:#CCC;
}
#jansendisplay .product-info .image-additional .control.right{
right: 20px;
top: 25px;
}
#jansendisplay .product-info .image-additional .control.left{
left: 20px;
top: 25px;
}
#jansendisplay .product-info .image-additional .inner {
white-space: nowrap;
position:absolute;
left: 0px;
}
#jansendisplay .product-info .image-additional .inner, .image-additional .inner a {
list-style: none;
display: inline-block;
float: none;
position: relative;
}
#jansendisplay .product-info .image .load-overlay,
#jansendisplay .product-info .image-additional .inner .load-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.5);
text-align: center;
display: none;
z-index: 11;
}
#jansendisplay .product-info .image .load-overlay .fa {
margin-top: 35%;
color: rgba(0,0,0,0.5);
font-size: 33px;
}
#jansendisplay .product-info .image-additional .inner .load-overlay .fa {
margin-top: 30px;
color: rgba(0,0,0,0.5);
font-size: 21px;
}
#jansendisplay .product-info .block-heading {
color: rgb(34, 34, 34);
font-weight: bold;
text-align: justify;
}
#jansendisplay .product-info #installation-instruction {
min-height: 20px;
margin-bottom: 25px;
}
#jansendisplay .product-info .installation-instruction {
color: #999;
font-size: 14px;
margin-bottom: 5px;
text-align: left;
margin-left: 20px;
}
#jansendisplay .product-info .installation-instruction .pdf-link {
text-decoration: underline;
}
#jansendisplay .product-info .bestseller-nomenclatures-item {
border: 1px solid #dbdbdb;
display: block;
padding: 5px 5px 7px 5px;
color: #666666;
transition: all 0s ease;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
height: 100%;
}
#jansendisplay .product-info .bestseller-nomenclature-wrap {
height: 100%;
}
#jansendisplay .product-info .bestseller-nomenclatures-item > a {
height: 100%;
}
#jansendisplay .product-info .bestseller-nomenclatures-item:hover, #jansendisplay .product-info .bestseller-nomenclatures-item:focus {
border-color: #cccccc;
transition: all 0s ease;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
text-decoration: none;
}
#jansendisplay .product-info .bestseller-nomenclatures-item.active {
border: 2px solid #57bb7d;
padding: 4px 4px 6px 4px;
}
#jansendisplay .product-info .bestseller-nomenclatures-item .name {
font-size: 14px;
}
#jansendisplay .product-info .bestseller-nomenclatures-col {
font-size: 14px;
padding-left: 7px;
padding-right: 7px;
}
#jansendisplay .product-info .bestseller-nomenclatures-item .price-tax {
font-size: 14px;
padding-top: 3px;
}
#jansendisplay .product-info .bestseller-nomenclatures-item .price-tax > span {
font-weight: normal;
font-size: 13px;
}
#jansendisplay .product-info .bestseller-nomenclatures {
margin-right: -7px;
margin-left: -7px;
display: flex;
}
button.remove,
button.remove:hover,
button.remove:focus,
button.remove:active {
background: none;
color: #fb717d;
}
table.cart small {
font-size: 11px;
position: relative;
top: -5px;
}
table.cart small.nonstandard-quantity-info {
top:unset;
line-height: 1.1;
display: block;
color: #a6a6a6;
}
table.cart td.delivery-date span{
display: block;
}
table.cart span.price {
font-size: 18px;
}
table.cart td:nth-child(6n),
table.cart td:nth-child(7n) {
line-height: 1.2;
}
/*#menu .fa-solid.fa-caret-down {
display: block;
position: relative;
top: -18px;
text-align: center;
}*/
.product-filter select option {
padding: 4px;
}
.product-filter .form-control {
padding: 0px 12px;
}
.product-filter .form-control-default {
padding: 4px 12px;
}
.product-filter .btn {
padding: 5px 12px;
}
.product-filter .control-label {
margin-top: 3px;
margin-bottom: 0px;
}
#content .contact-us-world .box {
padding-top: 30px;
padding-bottom: 30px;
}
#content .contact-us-world .box > div {
float: left;
}
#content .contact-us-world .box .info {
padding: 0 20px;
}
#header #logo img {
position: relative;
top: -15px
}
#discounts #product-discounts-container {
margin-right: 20px;
}
/* JANSEN SLIDER*/
.jansen-slider-container .full-size.col-md-9 {
width: 100%;
}
@media (min-width: 1200px) {
.jansen-slider-container #small-slides .slider-content:nth-of-type(1) .img-wrap {
margin-bottom: 20px;
}
.jansen-slider-container #small-slides .slider-content .img-wrap {
margin-left: 20px;
}
}
@media (min-width: 992px) {
.jansen-slider-container .col-md-9 {
width: 72%;
}
.jansen-slider-container .col-md-3 {
width: 28%;
}
}
@media (max-width: 767px) {
.jansen-slider-container .slider-content img {
width: 100%;
}
.jansen-slider-container #big-slide.slider-content a.btn-primary,
.jansen-slider-container #small-slides.slider-content a.btn-primary {
font-size: 14px !important;
}
.jansen-slider-container #big-slide.slider-content a.btn-primary strong,
.jansen-slider-container #small-slides.slider-content a.btn-primary strong {
font-size: 16px !important;
}
.jansen-slider-container .slider-content a.btn-primary {
left: 20px !important;
bottom: 30px !important;
top: inherit !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.jansen-slider-container .slider-content a.btn-primary {
left: 20px !important;
bottom: 30px !important;
top: inherit !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.jansen-slider-container .slider-content a.btn-primary {
left: 20px !important;
bottom: 30px !important;
top: inherit !important;
}
.jansen-slider-container .slider-content img {
width: 100%;
}
}
.jansen-slider-container .slider-content {
padding: 0px;
}
.jansen-slider-container .slider-content a.btn-primary {
position: absolute;
left: 40px;
text-transform: inherit;
}
.jansen-slider-container #big-slide.slider-content a.btn-primary {
position: absolute;
bottom: 50px;
font-size: 18px;
}
.jansen-slider-container #big-slide .banner-header {
position:absolute;
top: 9.3%;
left: 3.6%;
text-transform: uppercase;
font-size: 220%;
font-family: 'Helvetica LTS';
}
.jansen-slider-container #big-slide span {
background-color: white;
}
.jansen-slider-container #big-slide span.tp {
padding: 5px 15px;
display:inline-block;
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
}
.jansen-slider-container #big-slide span.bp {
border-bottom: 5px solid #009de0;
margin-left: 27%;
padding: 0px 15px;
display: inline-block;
-webkit-box-shadow: 0px -1px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px -1px 0px 0px rgba(255,255,255,1);
box-shadow: 0px -1px 0px 0px rgba(255,255,255,1);
}
@media (max-width: 768px) {
.jansen-slider-container #big-slide .banner-header {
font-size: 3.5vw;
color: green;
}
.jansen-slider-container #big-slide span.bp {
border-bottom: 3px solid #009de0;
padding: 0px 5px;
}
.jansen-slider-container #big-slide span.tp {
padding: 2px 5px;
}
}
.jansen-slider-container #small-slides.slider-content a.btn-primary {
position: absolute;
top: 150px;
font-size: 12px;
}
.jansen-slider-container #big-slide.slider-content a.btn-primary strong {
font-size: 24px;
font-weight: 700;
}
.jansen-slider-container #small-slides.slider-content a.btn-primary strong {
font-size: 14px;
font-weight: 700;
}
.jansen-slider-container .slider-content .img-wrap {
overflow: hidden;
position: relative;
}
.jansen-slider-container .slider-content .img-wrap .block-link{
position: absolute;
display: block;
}
.jansen-slider-container .slider-content a.banner-link img{
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.jansen-slider-container .slider-content a.banner-link img:hover{
transform: scale(1.04)
}
#header #top-links > ul > li:first-of-type {
border-left: 0px;
}
#custom-field-search.form-control-feedback {
pointer-events: auto;
cursor: pointer;
}
.account-register #custom-field-search.form-control-feedback {
top: 0px;
}
#jansendisplay div.all_nomenclatures .all-nomenclatures-item {
margin-bottom: .4em;
font-size: 13px;
}
#jansendisplay div.all_nomenclatures .all-nomenclatures-item a {
color: inherit;
text-decoration: underline;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
#jansendisplay div.all_nomenclatures .all-nomenclatures-item a:hover {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
#jansendisplay #container h1,
#jansendisplay #container h2,
#jansendisplay #container h3,
#jansendisplay #container h4,
#jansendisplay #container .product-thumb h4 a,
#jansendisplay #container .product-thumb h3 a,
#jansendisplay #container h5,
#jansendisplay #product .form-group label {
color: #4A4A49;
}
#jansendisplay #container .product-thumb h3 a:hover {
text-decoration: underline;
}
#jansendisplay #container h1.text-danger,
.category-list-thumb a.text-danger {
color: #ff0500;
}
img.test_stamp{
position: absolute;
width: 78px;
left: 199px;
top: -4px;
}
#jansendisplay .searchAutocompleteItem:hover {
background-color: #f5f5f5;
}
#jansendisplay .searchAutocompleteItem .btn:hover{
background-color: #5bb75b;
}
#jansendisplay .searchAutocompleteItem .btn{
background-color: #5bb75b;
font-size:0.6em;
position: absolute;
top:9px;
right: 10px;
}
#jansendisplay .searchAutocompleteItem{
vertical-align: middle;
cursor: pointer;
}
#jansendisplay .ui-menu.ui-autocomplete .ui-menu-item.searchAutocompleteItem.ui-state-focus{
background-color: #f5f5f5;
}
#jansendisplay .searchAutocompleteItem > *{
vertical-align: middle;
}
#jansendisplay .searchAutocompleteItem img{
width:40px;
display: inline;
}
#jansendisplay .ts-rating-light.skyscraper_horizontal{
height:200px;
margin-left: -6%;
width: 106%;
}
#jansendisplay .ts-rating-light.skyscraper_horizontal .ts-wrapper{
height:170px;
}
#jansendisplay .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list{
height:170px;
}
#jansendisplay .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li{
height: 82px;
}
#jansendisplay .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-text{
margin-top: -3px;
}
.default-clients {
position: relative;
display: inline-table;
table-layout: fixed;
width: 100%;
}
.default-clients .client-link {
display: table-cell;
text-align: center;
vertical-align: middle;
}
@media (max-width: 991px) {
.default-clients {
text-align: center;
}
.default-clients .client-link {
display: inline-block;
padding: 0px 10px 0px;
}
}
#jansendisplay .jansenclients .client.de a img,
#jansendisplay .jansenclients .client.default a img {
max-width: 120px;
max-height: 40px;
}
.default-clients a.client-link img {
max-width: 100%;
max-height: 55px;
}
#jansendisplay .jansenclients .client:last-of-type {
margin-right: 0px;
}
#jansendisplay .jansenclients .client:first-of-type {
}
#jansendisplay .jansenclients .client {
display: inline-block;
vertical-align: middle;
margin-right: 26px;
}
#jansendisplay form label.error{
color:red;
font-weight: 400;
}
#jansendisplay #cart-added-modal h2 {
font-weight: 500;
border-top: 0px;
padding-top: 0px;
padding-bottom: 3px;
}
#jansendisplay #cart-added-modal-name, #cart-added-modal-accessory-name {
font-size: 20px !important;
}
#jansendisplay #cart-added-modal hr{
border-top: 1px solid #cdcdcd;
}
#jansendisplay #cart-added-modal #checkmodal{
width: 2.5em;
height: 2.5em;
display:inline-block;
}
#jansendisplay #cart-added-modal .modal-body h2{
display:inline-block;
}
#jansendisplay #cart-added-modal .accessories h3 {
font-size: 16px;
margin-top: 10px;
margin-bottom: 4px;
}
#cart-added-modal .accessories .model {
font-size: 14px;
}
#cart-added-modal .accessories .x-quantity {
font-size: 18px;
font-weight: bold;
}
#cart-added-modal .accessories {
margin-top: 20px;
}
#cart-added-modal .accessories .file-size {
display: inline-block;
}
#cart-added-modal .accessories .accessories-row{
margin-bottom: 30px;
}
#cart-added-modal .modal-hr hr {
margin-top: 35px;
margin-bottom: 35px;
}
#cart-added-modal .modal-hr {
margin-top: 15px;
margin-bottom: 15px;
}
#cart-added-modal .modal-hr .fa {
color: #c2c2c2;
}
#cart-added-modal .table.accessories > tbody > tr:first-child > td {
border: none;
}
#cart-added-modal .table.accessories > tbody > tr > td {
border-color: #f0f0f0;
vertical-align: middle;
}
#cart-added-modal .table.accessories > tbody > tr > td.image-cell {
padding-top: 12px;
}
#jansendisplay .inline{
display:inline;
}
#jansendisplay .configurator-separator{
margin-bottom: 10px;
border-top: 1px solid lightgray;
}
#jansendisplay #product-configurator{
}
#jansendisplay #product-configurator .contact-info td, #jansendisplay #product-configurator .contact-info th{
padding: 1px 5px;
}
#jansendisplay #product-configurator .price-quantity-buy-configurator{
display: none;
}
#jansendisplay #product-configurator .tax{
line-height: 28px;
color: #3e7cb4;
font-size: 28px;
font-weight: bold;
}
#jansendisplay #product-configurator .qty{
display: inline-block;
position: relative;
top: 11px;
}
#jansendisplay #product-configurator .qty #input-configurator-quantity{
float: left;
font-size: 15px;
width: 44px;
padding-left: 2px;
padding-right: 2px;
height: 40px;
text-align: center;
}
#jansendisplay #product-configurator #button-cart {
padding: 11px 15px;
text-transform: uppercase;
}
#jansendisplay #product-configurator i.reset-input{
position: absolute;
right: -10px;
top: 10px;
cursor: pointer;
}
#jansendisplay #product-configurator i.price{
position: absolute;
right: -112px;
top: 3px;
cursor: pointer;
}
#jansendisplay #product-configurator select[data-type=ral]{
color: black;
text-shadow:
-1px -1px 0 white,
1px -1px 0 white,
-1px 1px 0 white,
1px 1px 0 white;
}
#jansendisplay #product-configurator .ral_pallete td{
padding: 2px 1px 2px 2px;
}
#jansendisplay #product-configurator .ral_pallete td .color{
width:100%;
height: 100%;
min-width: 20px;
min-height: 20px;
text-align: center;
cursor: pointer;
}
#jansendisplay #product-configurator #screensModal .screen{
padding: 10px 0;
border-bottom: 1px solid lightgrey;
cursor: pointer;
}
#jansendisplay #product-configurator #screensModal .more-info{
float:right;
margin-top: 3px;
}
#jansendisplay #product-configurator #requestModal h5{
margin-top: 25px;
}
#jansendisplay .expert{
position: relative;
min-height: 290px;
margin-bottom: 25px;
}
#jansendisplay .expert *{
position: relative;
z-index: 1;
}
#jansendisplay .expert .expert-description,#jansendisplay .expert .expert-contact_me{
padding-left: 42%;
}
#jansendisplay .expert .expert-contact_me *{
margin-left: 4px;
width: 48%;
margin-top: 10px;
}
#jansendisplay .expert .expert-contact_me input{
padding: 1px 3px;
}
#jansendisplay .expert h6{
color: #5C5C5F;
font-style: italic;
margin-bottom: 15px;
margin-top: 0px;
}
#jansendisplay .expert h5{
margin-bottom: 2px;
font-family: 'Segoe Script', cursive;
font-size: 24px;
}
#jansendisplay .expert .expert-image {
left: -25px;
top: 0;
position: absolute;
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
width: 105%;
height: 100%;
}
#jansendisplay .expert .expert-image img{
position: relative;
left: -40px;
z-index: -1;
}
/* NOT FOUNd page customization */
.not-found {
padding-top: 40px;
font-family: 'Open Sans', sans-serif;
}
.not-found .text-404 {
font-weight: 700;
font-size: 120px;
color: #fb717d;
margin-bottom: 30px;
display: block;
line-height: 120px;
}
.not-found .title {
font-size: 20px;
color: #444;
margin-bottom: 30px;
text-transform: uppercase;
}
.not-found .description {
color: #7d7d7d;
font-size: 16px;
margin-bottom: 25px;
line-height: 24px;
}
.not-found .buttons .btn{
margin: 0 10px 15px;
}
@media (max-width: 400px) {
.not-found .buttons .btn:first-child {
float: none !important;
}
.not-found .buttons .col-xs-6 {
width: 100% !important;
}
}
.inline-block {
display: inline-block;
}
/* Cookie popup stype */
#cookie-text {
color: #666666;
}
#cookie-space {
display: none;
height: 51px;
}
#cookie-content {
width: 100%;
position: fixed;
left: 0px;
z-index: 1040;
background: none repeat scroll 0% 0% rgba(240, 240, 240, 1);
border-bottom: 1px solid rgba(255, 255, 255, 0.73);
display: none;
padding: 15px 10px;
bottom: 0px;
}
#cookie-content #cookie-accept {
float: right;
margin-top: 1px;
margin-left: 10px;
padding: 5px 10px;
border: medium none;
color: #FFF;
cursor: pointer;
}
#cookie-accept{
text-align: right;
}
#cookie-inner {
display: block;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px;
min-width: 300px;
}
#cookie-modal .tag_h4{
font-size: 18px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
display: block;
margin-bottom: 10px;
}
#cookie-modal .tag_p{
margin: 0 0 10px;
display: block;
}
.cookie-tittle{
margin-top:0px;
}
.cookies-modal{
display: inline-block;
text-align: left;
vertical-align: middle;
pointer-events:all;
width:800px;
}
.modal-backdrop {
pointer-events: none;
}
.cookies{
text-align: center;
pointer-events: none;
z-index: 10000;
}
#cookies-show-more{
background-color: #ffffff;
color:#416FCD;
border:none;
}
#cookies-show-more:hover{
background-color: #ffffff;
color:#fac606;
border:none;
}
#cookies-show-more-modal{
text-align: left;
}
.cookie-input{
position:fixed;
}
@media screen and (min-width: 768px) {
.cookies:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
@media screen and (max-height: 800px) {
.cookies-modal{
height: 400px;
overflow-y: auto;
}
}
@media (max-width: 768px) {
.cookies-modal{
height: 95%;
overflow-y: auto;
width: 80%;
}
}
/* Gold (yellow) text style */
.text-gold {
color: #e3a80b;
}
/* jd-utocomplete style */
.jd-autocomplete .with-icon a {
padding: 3px 12px 3px 3px;
vertical-align: middle;
}
.jd-autocomplete .with-icon .autocomplete-icon {
width: 40px;
}
.jd-autocomplete li.selected {
background: #f5f5f5;
}
/* Printing source uploader styles shortcut is .psu */
.psu .printing-source-upload .cancel-upload,
.psu .print-guide-document .remove-file {
color: #f56b6b;
}
.psu .printing-source-upload .cancel-upload:hover,
.psu .print-guide-document .remove-file:hover {
color: #f00;
}
.psu .print-guide-document .print-guide-ducument-input,
.psu .print-guide-document .print-guide-ducument-mask-input {
height: 0; width:0;
}
/* Progress status indicators, like "saved" table row */
.status-indicator {
-webkit-transition: background-color 1s;
-o-transition: background-color 1s;
transition: background-color 1s;
}
.status-indicator.saved {
background-color: #ecf3e6;
transition-property: none;
}
.psu .printing-source-upload,
.psu .print-guide-document,
.psu .without-printing-text,
.psu .add-another-poster {
cursor: pointer;
font-size: 11px;
white-space: nowrap;
}
.psu .without-print-source {
cursor: pointer;
}
.psu .printing-source-upload:first-of-type {
margin-top: 5px;
}
.psu .printing-source-upload .file-name,
.psu .printing-source-checkbox .without-printing-text,
.psu .print-guide-document .file-name
.psu .add-another-poster .file-name{
font-weight: bold;
}
.psu .print-guide-document
.psu .add-another-poster {
margin-top: 6px;
}
#order-products .psu .printing-source-upload:hover .file-name,
#cart-products.psu .printing-source-upload:hover .file-name,
#order-products .psu .print-guide-document:hover .file-name,
#cart-products.psu .print-guide-document:hover .file-name,
#cart-products.psu .add-another-poster:hover .file-name,
.psu .without-printing-text:hover{
color: #3e7cb4;
}
.psu [role="printing-source-data"] .upload-progress {
box-shadow: none;
margin-bottom: 0px;
height: 6px;
background-color: #e4e4e4;
margin-top: 3px;
}
.psu .printing-source-upload .fa-upload {
color: #5bb75b;
}
.psu .printing-source-upload .fa-upload:hover {
color: #479c47;
}
/* Instance specific css */
.instance_at #tab-description h2{
color: #DD6D83 !important;
}
/* Change color of bullets in list */
.instance_at #tab-description ul li{
list-style: none !important;
}
.instance_at #tab-description ul li::before{
content: "\2022";
color: #DD6D83;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
/* Recently viewed module style */
.recently-viewed-products-module.default-style h2 {
font-size: 36px;
color: #4A4A49;
font-weight: 700;
border-bottom: 0px;
border-top: 1px solid #ea616c;
padding-top: 15px;
padding-bottom: 0px;
margin-top: 25px;
}
.recently-viewed-products-module.default-style .product-thumb h3 a {
color: #4A4A49;
display: inline-block;
font-size: 16px;
font-weight: 700;
}
.recently-viewed-products-module.default-style .product-thumb h3 a:hover {
text-decoration: underline;
}
.recently-viewed-products-module.site-style {
padding-left: 25px;
padding-right: 25px;
margin-left: auto;
margin-right: auto;
}
.recently-viewed-products-module.site-style h2 {
font-size: 20px;
font-weight: 400;
border-bottom: 0px;
border-top: 1px solid #ea616c;
padding-top: 20px;
padding-left: 15px;
color: #4A4A49;
padding-bottom: 0px;
}
.recently-viewed-products-module.site-style .product-thumb h3 a {
color: #4A4A49;
display: inline-block;
font-size: 16px;
font-weight: 700;
}
.recently-viewed-products-module.site-style .product-thumb h3 a:hover {
text-decoration: underline;
}
/* Matched relatedoptions style - also bought */
#jansendisplay #container .matched-relatedoptions-module.cart-style {
padding-left: 25px;
padding-right: 25px;
margin-left: auto;
margin-right: auto;
}
#jansendisplay #container .matched-relatedoptions-module.cart-style h2 {
font-size: 20px;
font-weight: 400;
border-bottom: 0px;
border-top: 1px solid #ea616c;
padding-top: 20px;
padding-left: 15px;
color: #4A4A49;
padding-bottom: 0px;
}
#jansendisplay #container .matched-relatedoptions-module.cart-style .product-thumb h3 a {
color: #4A4A49;
display: inline-block;
font-size: 16px;
font-weight: 700;
}
#jansendisplay #container .matched-relatedoptions-module.cart-style .product-thumb h3 a:hover {
text-decoration: underline;
}
#jansendisplay #container .matched-relatedoptions-module.cart-style h2 {
font-size: 20px;
font-weight: 400;
border-bottom: 0px;
border-top: 1px solid #ea616c;
padding-top: 20px;
padding-left: 15px;
color: #4A4A49;
padding-bottom: 0px;
}
/* Owl wrapper add to basket modal */
#cart-added-modal-matched {
display: none;
}
#cart-added-modal-matched .owl-carousel .owl-wrapper {
margin-top: 10px;
}
#cart-added-modal-matched .owl-carousel .product-thumb h3 {
font-size: 14px !important;
margin-top: 10px;
padding-top: 0px;
border-top: 0px;
}
#cart-added-modal-matched .owl-carousel .product-thumb img {
width: 100px;
height: 100px;
}
#cart-added-modal-matched h3 {
border-top: 1px solid #e5e5e5;
margin-top: 20px;
padding-top: 20px;
font-size: 20px;
text-align: center;
}
#cart-added-modal-matched .owl-theme .owl-controls .owl-buttons div {
top: -30px;
}
#cart-added-modal-matched {
margin-top: 15px;
}
#cart-added-modal-matched .owl-carousel {
margin-bottom: 0px;
}
.d-none{
display: none;
}
/* Show more button */
.show-more-btn-wrapper {
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
height: 65px;
max-height: 65px;
min-height: 65px;
}
.show-more-btn-wrapper .show-more-btn {
background: #009fe3;
color: #fff;
text-transform: uppercase;
border: 1px solid #009fe3;
font-weight: 600;
padding: 10px 25px;
border-radius: 5px;
font-size: 14px;
box-sizing: border-box;
text-decoration: none;
transition: all .2s ease;
}
.show-more-btn-wrapper .show-more-btn:hover {
background: #444;
color: #fff;
border: 1px solid #444;
text-decoration: none;
transition: all .2s ease;
}
.show-more-btn-wrapper .show-more-btn,
.show-more-btn-wrapper .show-more-btn:focus,
.show-more-btn-wrapper .show-more-btn:active,
.show-more-btn-wrapper .show-more-btn:hover {
outline: none;
}
.show-more-btn-wrapper .show-more-loading-products {
display: none;
color: #009fe3;
font-weight: 600;
line-height: 45px;
font-size: 18px;
}
.show-more-btn-wrapper .show-more-loading-products i.fa {
font-size: 18px;
margin-right: 5px;
}
.pagination-results-wrapper .pagination-wrapper .pagination span,
.pagination-results-wrapper .pagination-wrapper .pagination a {
border: 0px;
}
.pagination-results-wrapper .pagination-wrapper {
margin-top: 8px;
text-align: right;
}
.pagination-results-wrapper .pagination-text {
font-size: 12px;
margin-top: -7px;
}
.pagination-results-wrapper .pagination-wrapper .pagination a {
padding: 6px;
color: #009fe3;
}
.pagination-results-wrapper .pagination>li>span {
padding: 6px;
}
.pagination-results-wrapper .pagination>.active>span {
background: #fff;
color: #444;
}
.pagination-results-wrapper .pagination-wrapper .pagination-text {
display: block;
}
.category-scroll-top-btn {
line-height: 40px;
color: #009fe3;
cursor: pointer;
transition: all .2s ease;
}
.category-scroll-top-btn:hover {
color: #444;
cursor: pointer;
transition: all .2s ease;
}
.pagination-results-wrapper .pagination>.active>a:focus,
.pagination-results-wrapper .pagination>.active>a:hover,
.pagination-results-wrapper .pagination>.active>span:focus,
.pagination-results-wrapper .pagination>.active>span:hover {
background: #fff;
color: #444;
}
.category-scroll-top-btn:active,
.category-scroll-top-btn:focus {
text-decoration: none;
color: #009fe3;
}
@media screen and (max-width: 991px) {
.category-top-fnc-wrapper,
.pagination-results-wrapper .pagination-wrapper {
text-align: center;
}
.show-more-btn-wrapper {
min-height: 40px;
height: 40px;
max-height: 40px;
margin-bottom: 10px;
}
.pagination-results-wrapper .pagination-wrapper {
margin-bottom: 30px;
}
}
#login-for-order{
border: #eae9e9 2px solid;
border-radius: 4px;
padding: 13px 10px;
width: 350px;
}
#login-for-order p{
margin-bottom: 10px;
}
.download-section-headline-wrapper {
margin-top: 10px;
background: #2d9fe3;
color: #fff;
cursor: pointer;
display: block;
position: relative;
}
.download-section-headline-wrapper:after {
content: '\f067';
font-family: "Font Awesome 6 Free";
font-size: 14px;
position: absolute;
right: 15px;
top: 15px;
}
.download-section-headline-wrapper.active:after {
content: '\f068';
font-family: "Font Awesome 6 Free";
}
#jansendisplay #container .download-section-headline-wrapper h2 {
margin-bottom: 0px;
display: block;
margin-top: 0px;
color: #fff;
padding: 10px 15px;
}
.download-section-content {
background: #fff;
border-left: 1px solid #2d9fe3;
border-bottom: 1px solid #2d9fe3;
border-right: 1px solid #2d9fe3;
display: none;
padding-left: 5px;
padding-right: 5px;
}
.download-section-no-results-in-category {
text-align: center;
padding: 15px;
margin-bottom: 0px;
}
.download-section-page-wrapper {
margin-bottom: 30px;
}
form.registration .bootstrap-select {
border: 1px solid #ccc;
}
form.registration .bootstrap-select > button.btn-default{
background-color: #fff;
border-radius: 0;
}
form.registration .bootstrap-select > button.btn-default:hover {
color: #333;
}
form.registration .bootstrap-select > button.btn-default:focus {
outline: none !important;
}
.cmsContent {
margin-bottom: 50px;
}
.faq-heading {
background-color: #fff !important;
}
.category-links {
padding-left: 0px !important;
}
.faq-category-link {
text-transform: uppercase !important;
margin-bottom: 5px;
}
.faq-heading > h4 > a {
color: #39A3D7;
font-weight: 400;
font-size: 18px;
}
.faq-heading i.control {
color: rgba(0,0,0,0.3);
float:right;
transition: all .2s ease-in-out;
}
.faq-heading > h4 > a.collapsed i.control {
transform: rotate(-180deg);
transition: all .2s ease-in-out;
}
.faq-heading > h4 > a.collapsed {
color: rgba(0,0,0,0.6);
}
.faq-heading > h4 > a.collapsed:hover {
color: rgba(0,0,0,0.7);
transition: all .3s ease-in-out;
}
.faq-heading > a:hover, a:focus{
text-decoration:none;
}
.faq{
margin-bottom: 20px;
}
.faq.open{
}
.faq > .dropdown-menu{
position:static !important;
margin-top: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow:none;
}
.faq-panel > .panel-default{
border-color:transparent;
border-radius: 5px;
margin-bottom: 25px;
border: 2px solid rgba(0,0,0,0.08);
}
.faq-panel > .panel {
box-shadow: none;
}
.faq-panel .panel-default > .panel-heading + .panel-collapse > .panel-body {
border: none;
}
.panel-heading .accordion-toggle {
display:block;
}
/* DISPLAY HELPERS */
.p-t-25 {
padding-top: 25px;
}
.redirect-cz-sk{
margin-top: 5px;
margin-right: 10px;
}
.redirect-cz-sk a{
background-color: #d1cfd0;
padding: 5px 10px;
text-transform: none;
}
a.redirect-cz-eu {
padding-top: 10px;
padding-bottom: 12px;
margin-top: -5px;
margin-left: 120px;
}
a.redirect-cz-eu-2{
text-transform: none;
}
#container .product-redirect-cz h3{
font-family: 'Bruno JB', sans-serif;
font-size: 24pt;
margin-top: 20px;
}
.product-redirect-cz-description{
font-size: 15px;
}
.call-req-form{
margin-left: 0px !important;
margin-right: 0px !important;
}