/*
Theme Name:   	Maneks Theme
Author:       	Maneks d.o.o.
Author URI:     https://maneks.eu
Template:     	storefront
Description:  	Storefront child theme for Maneks websites
Version:      	1.11.1
Text Domain:  	maneks-theme
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
GitHub Theme URI: https://github.com/Maneks-Plus/maneks-theme
*/

/*
 * Add your own custom css below this text.
 */

/**** COLORS
BLUE -          #324b78
DARK BLUE -     #2d3256
RED -           #ed2224
GREEN -         #588A3D
LIGHT GREEN -   #f2f8ef
YELLOW -        #edcb76
LIGHT YELLOW -  #fef8c2
FONT COLOR -    #010101
LIGHT GRAY -    #cccccc
DARK GRAY -     #989898
***********/




/* FONTS
Open Sans
font-family: 'Open Sans', sans-serif;
LIGHT 300
REGULAR 400
BOLD 700*/



:root {
    --primary-color: none;
    --primary-color-light: none;
    --secondary-color: none;
    --secondary-color-light: none;
    --notice-color: none;
    --notice-color-light: none;
    --special-color: none;
    --success-color: none;
    --success-color-light: none;
    --error-color: none;
    --error-color-light: none;
    --footer-bottom-banner-color: none;
    --copyright-banner-color: none;
    --copyright-text-color: none;
    --product-banner-background-color: none;
    --product-banner-text-color: none;
    --product-add-to-cart-background-color: none;
    --product-add-to-cart-hover-color: none;
    --cart-sale-banner-background-color: none;
    --cart-sale-banner-text-color: none;
    --cart-sale-banner-special-color: none;
    --cart-rating-color: none;
    --cart-icon-color: none;
    --cart-quantity-text-color: none;
    --checkout-action-color: none;
    --text-color: none;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');


* {outline: none;}
body {font-size: 19px;}
h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}

a {-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;}

body {width: 100%; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 300;  line-height: 23px; color: #000;}
body.home {background: #f3f3f3;}
body.single-product {padding-bottom: 73px;}
.site-content#content {margin-top: 10px;}
.wp1585 {max-width: 1585px; width: 100%; padding: 0 25px; margin: 0 auto; position: relative;}
.wp1365 {max-width: 1365px; width: 100%; padding: 0; margin: 0 auto; position: relative;}
.wp1005 {max-width: 1005px; width: 100%; padding: 0; margin: 0 auto; position: relative;}
.col-full {max-width: 1585px; width: auto; padding: 0 25px; margin: 0 auto; position: relative;}
.hentry {margin-bottom: 20px;}
.wp1585.noPadding {padding: 0;}
ul, ol {margin-left: 35px;}
a.button {outline: none;}
p.reg {font-weight: 400;}
#cookie-law-info-bar {background-color: rgba(10, 10, 10, 0.85) !important;}
.woocommerce-error a {outline: none;}
    /******START HEADER******/
/*topbar*/
.topBar.responsiveShow {display: none;}
.topBar {width: 100%; height: auto; margin: 0; padding: 0 20px; background: var(--primary-color); position: relative;}
.topBar .wrapper {max-width: 1585px; width: 100%; margin: 0 auto; padding: 6px 0;}
.topBar .wrapper ul {max-width: 1585px; width: 100%; margin: 0 auto; display: flex; justify-content: flex-end; list-style-type: none;}
.topBar .wrapper ul li {margin-left: 20px;}
/* .topBar .wrapper ul li:first-child {margin-right: auto; margin-left: 0;} */
.topBar .wrapper ul li span.question {font-size: 15px; color: var(--secondary-color); position: relative; top: 2px;}
.topBar .wrapper ul li a {width: auto; height: auto; display: block; color: var(--text-color); font-size: 15px; font-weight: 100; padding: 3px 10px; outline: none; text-decoration: underline;}

.topBar.responsiveShow .wrapper ul li a#topBar_phone {background-color: var(--notice-color);display: flex; justify-content: flex-start; align-items: center;}
.topBar.responsiveShow .wrapper ul li a#topBar_phone .phone-icon {height: 25px; width: 25px;}
.topBar.responsiveShow .wrapper ul li a#topBar_phone span {padding-left: 10px;}

.topBar.responsiveShow .wrapper ul li a#topBar_mail {background-color: var(--secondary-color);display: flex; justify-content: flex-start; align-items: center;}
.topBar.responsiveShow .wrapper ul li a#topBar_mail .email-icon {height: 25px; width: 25px;}
.topBar.responsiveShow .wrapper ul li a#topBar_mail span {padding-left: 10px;}

.topBar.responsiveShow .wrapper ul li a#topBar_chat {background: #488fcc url(images/chatIcon.svg) no-repeat 5px center; padding-left: 35px;}
.site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {background: var(--primary-color-light);}
/*endtopbar*/


#masthead {padding: 0; margin: 0; border-bottom: 0;}
#masthead .col-full {display: flex; align-items: center; padding: 40px 25px 20px 25px;}
.site-header .col-full .site-branding {max-width: 250px; width: 100%; height: auto; float: none; margin: 0; padding: 0;}
.site-header .col-full .site-branding a {max-width: 250px; width: 100%; display: block; outline: none;}
.site-header .col-full .site-search {max-width: 480px; width: 100%; height: 38px; margin: 0; padding: 0; margin-left: 40px;}
.site-search .widget_product_search form:before {display: none;}
.site-header .col-full .site-search input {background: var(--primary-color);}
.site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text] {padding: 8.5px 10px; height: 38px; line-height: 21px; border: none; outline: none; color: var(--text-color);}
.site-search .widget_product_search form input[type=search]::placeholder, .site-search .widget_product_search form input[type=text]::placeholder {color: var(--text-color);}
.site-header .col-full .site-search button {width: 82px; height: 38px; left: auto; right: 0; top: 1px;clip: auto;clip-path: none; background: var(--secondary-color); color: var(--primary-color);}

#masthead span#delivery {width: 100%; color: var(--text-color); float: right; font-size: 17px; position: relative; text-transform: uppercase; margin-left: 50px;}
#masthead span#delivery img {max-width: 40px; width: 100%; display: block;}
#masthead .cart-info {position: relative;}
#masthead .cart-info .cartIcon {width: 50px; height: 30px;}
#masthead a#cartQuantity {position: absolute; top: 50%; height: 30px; margin-top: -15px; right: 0; color:  var(--cart-quantity-text-color); line-height: 28px; font-size: 21px; font-weight: 400; outline: none;}
#masthead a#cartQuantity span {position: absolute; right: 0; bottom: 0;}
#masthead .search-toggle {display: none;}
#masthead span#searchIcon {width: 80px; height: 38px;  display: none; margin: 0 30px 0 0; padding: 0; cursor: pointer;}
#masthead span#searchIcon.close {background: url(images/close.svg) no-repeat center; background-size: 30px; cursor: pointer;}

#masthead .storefront-primary-navigation {margin-top: 39px;}

#masthead #site-navigation ul#menu-primary-menu ul.sub-menu {background: var(--primary-color);}
#masthead #site-navigation ul#menu-primary-menu ul.sub-menu li a {color: #fff; font-size: 14px; margin: 0; padding: 10px 25px; border-bottom: 1px solid #ffffff4a; display: block;}
#masthead #site-navigation ul#menu-primary-menu ul.sub-menu li:last-child a {border-bottom: none;}
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {font-size: 17px; padding: 15px; padding-bottom: 0; color: var(--text-color); outline: none;}
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {outline: none; background-color: var(--primary-color); color: var(--text-color);}

.storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {padding-bottom: 20px;}
/***** START NAV *****/
#primaryMenu {background: var(--primary-color); color: #fff;}
#primaryMenu .wp1585 {display: flex; padding: 0;}
#primaryMenu .wp1585 .topBar.responsiveHidden {padding-right: 0;}
.woocommerce-active .site-header .main-navigation  {max-width: 300px; width: 100%; float: none; margin: 0; position: relative; bottom: 5px;}
/***** END NAV *****/

/******END HEADER******/
/****************************
*****************************
***********GENERAL***********
*****************************
****************************/
.flex {display: flex;  flex: 2 50%;}
.flexMR {display: flex; flex: 2 50%; margin-left: -20px;}
.col1_2 {width: 100%;}
span.greenNotice {width: 100%; height: auto; display: block; margin: 0; padding: 10px; border: 1px solid var(--notice-color); color: var(--notice-color); background: var(--notice-color-light);}
span.greenNotice.topNotice {margin-top: 20px; font-size: 18px; margin-bottom: 10px;}
#primary {margin-bottom: 0;}
.site-main {margin-bottom: 20px;}
.woocommerce-noreviews, p.no-comments {border: 1px solid var(--notice-color); color: var(--notice-color); background: var(--notice-color-light); margin-bottom: 20px; margin-top: 0 !important; display: none;}
.woocommerce-message {border: 1px solid var(--notice-color); color: var(--notice-color); background: var(--notice-color-light); margin-bottom: 20px; margin-top: 0 !important;}
.woocommerce-cart .woocommerce-message {display: none;}
.woocommerce-error {border: 1px solid var(--error-color); color: #fff;
    margin-bottom: 20px;
    padding: 10px 10px 10px 40px;
    margin-top: 0 !important;
    font-size: 15px;
    margin-bottom: 30px;
    background-color: var(--error-color);}
.woocommerce-error:before {color: #fff; top: 10px; left: 15px}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button {color: var(--success-color); padding-left: 0; margin: 0;}
.woocommerce-info:before, .woocommerce-message:before, .woocommerce-noreviews:before, p.no-comments:before {color: var(--success-color);}
.woocommerce-error:before {color: #ffffff;}
/****************************
*****************************
***********HOMEPAGE**********
*****************************
****************************/

.products-list {
    display: flex;
    flex-wrap: wrap;
}

.products-list .product-list-item {flex: 0 33%; margin-bottom: 30px; outline: none;}

#mainImage {width: 100%; padding-top: 30px; background: rgb(44,112,184) linear-gradient(-26deg, rgba(44,112,184,1) 0%, rgba(45,50,86,1) 100%); position: relative;}
#mainImage h2 {width: 100%;  color: #fff; text-align: center; position: absolute;}
#mainImage h2 span {color: var(--secondary-color); display: block;  font-weight: 400; margin-top: 5px;}
#mainImage img {max-width: 70%; display: block; margin: 0 auto;}
#mainImage ul {width: 100%; margin: 0; padding-bottom: 40px; list-style-type: none;}
#mainImage ul li {width: 33.33%; text-align: center; font-size: 25px; border-right: 1px solid #fff;}
#mainImage ul li:last-child {border-right: none;}
#mainImage ul li span {display: block; color: #fff; font-size: 20px;}
#topMain {margin-left: -20px;}
/*#topMain .col1_2 {display: flex;}*/
#topMain .col1_2 { padding-left: 20px; display: flex;}
#topMain .col1_2#products .innerProductsHome {height: 100%; background: #ffffff; padding: 20px;}
#topMain .col1_2#products h2 {font-size: 24px; font-weight: 400; margin-bottom: 20px;}
#topMain .col1_2 .flexRows {display: flex; flex-wrap: wrap; margin-top: 0;}
#topMain .col1_2 .flexRows ul li a h2.woocommerce-loop-product__title,
#topMain .col1_2 .flexRows ul li a span.onsale,
#topMain .col1_2 .flexRows ul li a span.price,
#topMain .col1_2 .flexRows ul li a.add_to_cart_button {display: none;}
#topMain .col1_2 .flexRows ul li {margin-bottom: 0;}

.viewProducts,
.bestSellsToday {background: #fff; margin-bottom: 40px; padding: 25px;}
#categoriesKL {display: flex; margin-left: -25px; margin-top: 20px;}
#categoriesKL .col1_2 {width: 50%; padding-left: 25px; margin-bottom: 50px;}
#categoriesKL .col1_3 {width: 33.33%; padding-left: 25px;}
#categoriesKL .col1_2 a,
#categoriesKL .col1_3 a {height: 600px; position: relative; background-size: cover; background-position: center; padding: 50px 30px; display: block; text-decoration: none;}
#categoriesKL .col1_2 a img,
#categoriesKL .col1_3 a img {max-width: 235px; width: 100%; display: block; position: relative; z-index: 1;}
#categoriesKL .col1_2 a span,
#categoriesKL .col1_3 a span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 70px; text-indent: 28px; display: block; text-transform: uppercase; color: #fff; font-size: 28px; background: rgba(0, 0, 0, 0.3); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out;}
#categoriesKL .col1_2 a span:hover,
#categoriesKL .col1_3 a span:hover {background: rgba(0, 0, 0, 0.5)}

.bestSellsToday h3,
.viewProducts h3 {font-size: 28px; color: #010101;}
.products .product .woocommerce-loop-product__title,
.products .product h2,
.products .product h3 {max-width: 100%; margin-top: 10px; display: block; color: #000; min-height: 50px; margin-bottom: 2px;}
ul.products li.product .woocommerce-loop-product__title {font-size: 20px;}
.products .product .price del {opacity: 1; color: #010101; font-size: 25px;}
.products .product .price ins {margin-left: 10px; background-color: transparent; font-size: 30px; font-weight: 600;}

.printedProducts .col1_2 .innerCol a {text-decoration: none; outline: none;}
.printedProducts {margin: 20px 0; margin-bottom: 0;}
.printedProducts h2 {font-size: 22px; font-weight: 400; padding: 0;}
.printedProducts .col1_2 {display: flex; padding-left: 20px;}
.printedProducts .col1_2 .innerCol {background: #fff; padding: 20px;}
.printedProducts .col1_2 a img {width: 100%; margin: 10px auto;}
.printedProducts .col1_2 a span.showMore {text-decoration: underline; font-size: 16px;}
.printedProducts .col1_2 a span.showMore:hover {text-decoration: none;}

.woocommerce-pagination .page-numbers li .page-numbers.current {background-color: var(--primary-color-light); color: var(--secondary-color);}
.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {background-color: var(--primary-color); color: var(--secondary-color);}

.swiper-container#iconsSlider {background: #fff; padding: 10px 0; margin: 20px 0;}
.swiper-container#iconsSlider .swiper-wrapper .swiper-slide img {max-width: 100px; width: 100%; display: block; margin: 0 auto; margin-bottom: 10px;}
.swiper-container#iconsSlider .swiper-wrapper .swiper-slide span {display: block; text-align: center;}
.swiper-container#iconsSlider .swiper-button-prev {left: 10px;}
.swiper-container#iconsSlider .swiper-button-next {right: 10px;}
.swiper-container#iconsSlider .swiper-button-prev,
.swiper-container#iconsSlider .swiper-button-next {width: 40px; height: 40px; background: #f3f3f3; color: var(--primary-color);}
.swiper-container#iconsSlider .swiper-button-prev::after,
.swiper-container#iconsSlider .swiper-button-next::after {font-size: 30px;}

.printedProducts.wrap .flexMR {flex-wrap: wrap;}
.printedProducts.wrap .col1_2 {width: 50%; margin: 10px 0;}
    /******END HOMEPAGE******/

/****************************
*****************************
*****SINGLE PRODUCT PAGE*****
*****************************
****************************/

/** Rating **/
.summary .product-rating {display: flex; align-items: center; flex-wrap: wrap; cursor: pointer;}
.summary .product-rating div {line-height: 1.618em;margin-right: 10px; font-size: 0.9em; font-weight: 500;}

.summary .product-rating div.comments-count {height: 20px; line-height: 20px; color: var(--primary-color-light);border-right: 2px solid var(--primary-color-light);padding-right: 10px;}
.summary .product-rating div.rating {color: var(--primary-color-light);}

/** Youtube iframe container **/
.resp-container {position: relative; overflow: hidden; padding-top: 56.25%;}
.resp-iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

.single-product div.product {margin-top: 20px;}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {clear: none; margin-right: 10px;}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {margin-right: 10px;}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {width: 50px; margin-right: 10px;}

/** SWIPER SINGLE PRODUCT GALLERY **/
.single-product .swiper-product-gallery-wrapper {overflow: hidden;opacity: 1;transition: opacity 0.25s ease-in-out 0s;}
.single-product .swiper-product-gallery-wrapper .swiper-button-next, .single-product .swiper-product-gallery-wrapper .swiper-button-prev {background-color: #F3F3F3;padding: 5px 10px;height: 40px; width: 40px;}
.single-product .swiper-product-gallery-wrapper .swiper-button-next::after, .single-product .swiper-product-gallery-wrapper .swiper-button-prev::after {font-size: 1.5em;}
.single-product .swiper-product-gallery {margin-bottom: 5px;}
.single-product .swiper-product-gallery .swiper-wrapper, .single-product .swiper-product-gallery .swiper-slide {height: auto;}
.single-product .swiper-product-thumbnails .swiper-wrapper, .single-product .swiper-product-thumbnails .swiper-slide {height: auto;}
.single-product .swiper-product-gallery {position: relative;}
.single-product .swiper-product-gallery .swiper-slide {position: relative; height: 0; padding-top: 100%;}
.single-product .swiper-product-gallery .swiper-slide img {  position: absolute;top: 0;left: 0;max-width: 100%;height: auto; }

.single-product .swiper-product-thumbnails .swiper-slide {position: relative; height: 0; padding-top: 70px;}
.single-product .swiper-product-thumbnails .swiper-slide img {  position: absolute;top: 0;left: 0;max-width: 100%;height: auto; }

.product .onsale {padding: 5px 10px; background: var(--product-banner-background-color); color: var(--product-banner-text-color); text-transform: none; border-radius: 0; border: none; font-weight: 400; position: absolute; z-index: 100; top: 0; left: 0;}
h1.product_title.entry-title {margin-bottom: 5px; font-weight: 400;}
.single-product div.product p.price {margin: 10px 0;}
.single-product div.product form.cart {padding: 0; margin-bottom: 10px;}

.single-product div.product .product-info-wrapper {display: flex; flex-direction: column-reverse; margin-top: 10px;}

.summary p.price del {opacity: 1;}
.summary p.price del .woocommerce-Price-amount.amount bdi {font-size: 22px; opacity: 1; font-weight: 400; color: #000;}
.summary p.price ins,
.summary p.price .woocommerce-Price-amount.amount bdi {font-size: 32px; color: var(--special-color); font-weight: 500;}
.summary p.price .sale-percentage {font-size: 32px; color: var(--special-color); font-weight: 500;margin-left: 5px;}

.summary .onStock span.greenTxt.title {font-weight: 600; display: block;}
.summary .onStock #insideBox {max-width: 500px; width: 100%; border: 1px solid var(--notice-color); background: var(--notice-color-light); padding: 10px 15px; margin-top: 10px;}
.summary .onStock span {font-weight: 400;}
.summary .onStock span.greenTxt {display: inline-block; color: var(--notice-color); font-weight: 600;}

.summary .singleProdQuantity {margin: 15px 0; font-weight: 400;}
.summary .singleProdQuantity h3 {font-weight: 400;}
.summary .singleProdQuantity .flex {margin-left: -25px;}
.summary .singleProdQuantity .flex .col1_3 {width: 33.33%; padding-left: 25px; display: flex; cursor: pointer;}
.summary .singleProdQuantity .flex .col1_3 .innerCol {width: 100%; background: #ffffff; border: 1px solid var(--secondary-color); padding: 40px 15px; padding-bottom: 10px; position: relative;}
.summary .singleProdQuantity .flex .col1_3 .innerCol .price {font-weight: 400;}
.summary .singleProdQuantity .flex .col1_3.selected .innerCol {background: var(--secondary-color-light);}
.summary .singleProdQuantity .flex .col1_3 .innerCol span.price span.smallText {font-size: 15px;}
.summary .singleProdQuantity .flex .col1_3 .innerCol span.save {color: var(--notice-color); font-weight: 600; display: block;}
.summary .woocommerce-product-details__short-description ul {margin: 0 35px;}
.mostPopular {position: absolute; top: 0; left: -1px; padding: 10px 15px; background: var(--product-banner-background-color); color: var(--product-banner-text-color);}
.mostPopular span {font-size: 17px; font-weight: 400; display: block; position: relative;}
.mostPopular span span.triangle {width: 0; height: 0; border-style: solid; border-width: 43px 13px 0 0; border-color: var(--product-banner-background-color) transparent transparent transparent; position: absolute; right: -28px; top: -10px;}
span.onsale {max-width: 300px; font-size: 17px; font-weight: 400; display: block; position: relative;}
span.onsale span.triangle {width: 0; height: 0; border-style: solid; border-width: 43px 13px 0 0; border-color: var(--product-banner-background-color) transparent transparent transparent; position: absolute; right: -13px; top: -10px;}
span.onsale span.sale-percentage {margin-left: 10px; color:var(--product-banner-text-color);}
span.onsale span.text {color:var(--product-banner-text-color);}
.special-offer span.onsale span.triangle {border-width: 33px 13px 0 0; top: 0;}
.summary .singleProdQuantity .mostPopular {padding: 5px 15px; background: var(--product-banner-background-color); color: var(--product-banner-text-color); top: -1px;}
.summary .singleProdQuantity .mostPopular span {font-size: 17px;}
.summary .singleProdQuantity .mostPopular span span.triangle {border-width: 32px 10px 0 0; right: -25px; top: -5px; border-color: var(--product-banner-background-color) transparent transparent transparent;}

.single-product div.product .woocommerce-product-gallery {margin: 0;}
.single-product div.product .woocommerce-product-gallery .flex-viewport {margin-bottom: 10px;}

.summary .mainProperties h3 {font-weight: 400;}
.summary .mainProperties ul {margin: 0 35px;}
.summary .mainProperties ul li {margin-bottom: 5px;}
.summary .mainProperties ul li {font-weight: 400;}

.summary .addToCartContent.sticky-show {position: fixed; bottom: 0; right: 0; left: 0; z-index: 9999;}
.summary .addToCartContent.sticky-show span.greenText {display: none;}
.summary .addToCartContent.sticky-show span.redText {display: none;}

.summary .addToCartContent button[type="submit"] {width: 100%; height: auto; font-weight: 400; display: block; outline: none; text-align: center; background: var(--product-add-to-cart-background-color); color: #ffffff; font-size: 26px; line-height: 30px; padding: 22px 10px;}
.summary .addToCartContent button[type="submit"]:hover {background: var(--product-add-to-cart-hover-color); color: #ffffff;}
.summary .addToCartContent span {text-align: center; display: block; font-weight: 400; font-size: 15px; line-height: 19px;}
.summary .addToCartContent span.greenText {color: var(--notice-color); margin-top: 5px;}
.summary .addToCartContent span.redText {color: var(--special-color);}

.single-product div.product .product_meta {border: none;}
.summary .advantages {display: flex; justify-content: center;}
.summary .advantages .advantage-col {margin: 0 20px; width: 100%;min-width: 0;}
.summary .advantages .advantage-col img {height: 85px; margin: 0 auto;}
.summary .advantages .advantage-col span {text-align: center; display: block;}

.storefront-full-width-content .woocommerce-tabs ul.tabs {width: 100%; display: flex; border-top: 1px solid #b2b2b2; float: none; margin: 0; margin-bottom: 20px;}
.storefront-full-width-content .woocommerce-tabs ul.tabs li {width: 100%; border: 1px solid #b2b2b2; border-top: none; text-align: center; border-right: none;}
.storefront-full-width-content .woocommerce-tabs ul.tabs li:last-child {border-right: 1px solid #b2b2b2;}
.storefront-full-width-content .woocommerce-tabs ul.tabs li.active {background: var(--secondary-color-light);}
.storefront-full-width-content .woocommerce-tabs ul.tabs li a {outline: none; color: #010101;}
.storefront-full-width-content .woocommerce-tabs ul.tabs li::after {display: none;}
.storefront-full-width-content .woocommerce-tabs .panel {width: 100%; margin-bottom: 0;}
.storefront-full-width-content.single-product div.product .woocommerce-tabs {padding-bottom: 0;}

.woocommerce-tabs .panel h2:first-of-type {margin-top: 1em;}

/***** START LEFT RIGHT PRODUCT-DESCRIPTION IMAGE *****/
.custom-product-descriptions .textWrapper {width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.custom-product-descriptions .textWrapper.image-right {flex-direction: row-reverse;}
.custom-product-descriptions .col1_2 {width: 50%; height: 100%;}
.custom-product-descriptions .col1_2 .description {padding: 25px 50px; text-align: center;}
.custom-product-descriptions .col1_2 .description h3 {font-weight: 400; font-size: 25px; line-height: 30px;}
.custom-product-descriptions .col1_2 .description span.orangeArrows {display: block;}
.custom-product-descriptions .col1_2 img {width: 100%; border-radius: 0;}
/***** END LEFT RIGHT PRODUCT-DESCRIPTION IMAGE *****/

/***** START FACEBOOK COMMENTS *****/
.fbCommentWrapper {width: 100%; margin-top: 20px;}
.fbCommentWrapper * {cursor: default; user-select: none; pointer-events: none;}
.fbCommentWrapper .flex {display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.fbCommentWrapper div#commentsLeft,
.fbCommentWrapper div#commentsRight {flex: 0 calc(50% - 20px); margin: 0 10px 0 10px;}
.fbCommentWrapper div#commentsLeft {margin-left: 0;}
.fbCommentWrapper div#commentsRight {margin-right: 0;}
.fbCommentWrapper div .grid-item {border: 1px solid #ddd; margin-bottom: 20px; padding: 10px;}
.fbCommentWrapper .nameAndDesc {display: flex;}
.fbCommentWrapper .nameAndDesc .flex {display: flex; flex: initial;}
.fbCommentWrapper .nameAndDesc img {max-width: 50px; width: 100%; height: 50px; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;}
.fbCommentWrapper .nameAndDesc .nameAndWhen {padding-left: 10px;}
.fbCommentWrapper .nameAndDesc .nameAndWhen span.name {color: #52629c;}
.fbCommentWrapper .nameAndDesc .nameAndWhen span.when {display: block; font-size: 14px; line-height: 20px; color: #a2a2a2;}
.fbCommentWrapper .world-icon {background-image: url('images/icons.png'); background-size: auto; background-repeat: no-repeat; background-position: 0 -1036px; vertical-align: -.25em; position: relative; top: -2px; display: inline-block; height: 12px; width: 12px; filter: invert(.75);}
.fbCommentWrapper span.liveComment {padding: 10px 0; display: block;}
.fbCommentWrapper .likesAndShares {max-width: 800px; width: 100%; margin: 0 auto; padding: 10px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-top: 10px;}
.fbCommentWrapper .likesAndShares .innerLikesAndShares {max-width: 600px; width: 100%; display: flex; margin: 0 auto;}
.fbCommentWrapper .likesAndShares span.col1_3 {width: 33.33%; padding-left: 30px;}

.fbCommentWrapper .likesAndShares span.col1_3.likes {background: url('images/like.svg') no-repeat left center; background-size: 25px;}
.fbCommentWrapper .likesAndShares span.col1_3.comments {background: url('images/comment.svg') no-repeat left center; background-size: 25px;}
.fbCommentWrapper .likesAndShares span.col1_3.shares {background: url('images/share.svg') no-repeat left center; background-size: 25px;}

.fbCommentWrapper .imgAndNum {display: flex; flex-wrap: wrap; padding-top: 10px;}
.fbCommentWrapper .imgAndNum img.fbLikePic {max-width: 20px; width: 100%; display: block;}
.fbCommentWrapper .imgAndNum span.num {padding-left: 5px; color: #52629c;}
/***** END FACEBOOK COMMENTS *****/

/***** START MORE INFORMATION *****/
ul.shop_attributes { width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style-type: none; background: #f3f3f3; border: 1px solid #ccc}
ul.shop_attributes li {width: 100%; list-style-type: none; border-bottom: 1px solid #ccc; line-height: 28.9px;}
ul.shop_attributes li:last-child {border-bottom: none;}
ul.shop_attributes li label {width: 210px; float: left; display: block; background: #d1d3d4; padding: 24px 20px 11px 20px; height: 100%;}
ul.shop_attributes li span {display: block; padding: 24px 20px 11px 240px;}
ul.shop_attributes li p {margin-bottom: 0;}
/***** END MORE INFORMATION *****/

.mostCommonQuestions_product {clear: both;padding-top: 20px; margin-bottom: 25px;}
.mostCommonQuestions_product #faqAccordion {margin: 0;}
.mostCommonQuestions_product .accordion-panel .panel-header {padding: 10px; padding-right: 50px; cursor: pointer; margin-bottom: 10px; background: #f3f3f3 url('images/accordionArrow.svg') no-repeat right 10px center; background-size: 20px;font-weight: 600;}
.mostCommonQuestions_product .accordion-panel.active .panel-header {background: #f3f3f3 url('images/accordionArrowOpen.svg') no-repeat right 10px center; background-size: 20px;}
.mostCommonQuestions_product .accordion-panel .panel-body {max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; padding: 0 20px;}

/***** END STICKY BOTTOM BUTTON *****/
.storefront-sticky-add-to-cart {bottom: 0; top: auto !important; background: var(--primary-color-light); color: #fff; padding: 0;}
.storefront-sticky-add-to-cart ins {background: none; color: #fff;}
/***** END STICKY BOTTOM BUTTON *****/

/***** START VARIATION FORM *****/cart-collaterals
.variation-item {
    padding-top: 4px;
    margin-bottom: 8px;
    height: 100%;
    clear: both;
}

.variation-item:first-child {
    border: none;
}

.variation-item h4 {
    margin: 0; margin-bottom: 10px;
}

ul.ChooseSize {
    width: 100%;
    list-style-type: none;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
    display: flex;
}

ul.ChooseSize li.variation-attribute {
    width: 100%;
    float: none;
}

ul.ChooseSize li.variation-attribute span.title {
    font-size: 14px;
    padding-bottom: 0;
    text-transform: uppercase;
    display: block;
}

ul.ChooseSize li.variation-attribute ul,
ul.ChooseSize li.variation-attribute ul#model,
ul.ChooseSize li.variation-attribute ul#pa_velikost,
ul.ChooseSize li.variation-attribute ul#pa_barva {
    margin: 0;
    list-style-type: none;
    display: flex;
}

ul.ChooseSize li.variation-attribute ul li {
    width: fit-content !important;
    height: 76px;
    float: none;
    border: 2px solid #d1d3d4;
    cursor: pointer;
    text-align: center;
    padding: 5px 10px 5px 10px;
    margin-right: 2%;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #f7e3ae;
    justify-content: center;
}

ul.ChooseSize li.variation-attribute ul li:hover,
ul.ChooseSize li.variation-attribute ul li.selected {
    background: #fef9e6;
}

#priceWrapper ul#addToCartKL li button {
    width: 100%;
    height: 50px;
    line-height: 48px;
    font-weight: normal;
    text-align: center;
    display: block;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    font-size: 21.5px;
    background-color: #fdc22a; /*background-image: url(images/doubleRightArrow.svg); background-repeat: no-repeat; background-position: calc(50% + 85px) 21px; background-size: 14.3px auto;*/
    padding: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    padding-left: 100px;
    color: #314a78;
}

#priceWrapper ul#addToCartKL li button:hover {
    background-color: #58bea4;
    color: #fff;
}

ul.ChooseSize li.variation-attribute ul li {
    margin-bottom: 5px;
}

ul.ChooseSize {
    margin-bottom: 5px !important;
}

.variations_form #priceWrapper .error {
    background: #fd2a2a;
    display: block;
    color: #fff;
    font-size: 15px;
    padding: 5px;
}

/* CUSTOM FOR VARIATIONS */
.variation-item .product-number {margin-bottom: 10px;}

.variation-item ul.ChooseSize {
    margin: 0;
}

.variation-item .variation-attribute {
    display: inline-block;
}

.variation-item .variation-attribute span.title {
    display: block;
    margin-bottom: 5px;
}

@media only screen and (max-width: 935px) {
    ul.ChooseSize li.variation-attribute {
        width: 100%;
        float: none;
    }

    ul.ChooseSize li.variation-attribute ul#pa_barva li,
    ul.ChooseSize li.variation-attribute ul li {
        margin-right: 2%;
    }

    ul.ChooseSize li.variation-attribute ul#pa_barva li:last-child,
    ul.ChooseSize li.variation-attribute ul li:last-child {
        margin: 0;
    }

}
/***** END VARIATION FORM *****/

/****************************
*****************************
** END SINGLE PRODUCT PAGE **
*****************************
****************************/


/******START FOOTER******/
.site-footer {padding: 0;}
#footerKL.site-footer {background: var(--primary-color);}
#footerKL .footer-widgets {background: var(--primary-color); padding: 0 25px 50px;}
#footerKL .footer-widgets .wp1585 {padding: 0;}
#footerKL .footerLogo .wp1585 {padding: 0;}
#footerKL #fullPageBtn {max-width: 100%; width: 100%; height: auto; background: var(--primary-color);}
#footerKL #fullPageBtn a#scrollTopBtn {font-size: 15px; text-align: center; color: var(--text-color); display: block; cursor: pointer; padding: 23px 0; outline: none;}
#footerKL #fullPageBtn a#scrollTopBtn svg {width: 25px; height: 10px;}
#footerKL #fullPageBtn a#scrollTopBtn img .st0 {fill: var(--text-color);}
#footerKL #fullPageBtn a#scrollTopBtn img {width: 15px; margin-left: 5px; display: inline-block;}
#footerKL #upperFooter {max-width: 100%; height: auto; background: var(--primary-color-light);}
#footerKL #upperFooter h2 {text-transform: uppercase; text-align: center; font-size: 30px; padding: 20px 0; margin: 0;}
#footerKL #upperFooter .flags {display: flex; justify-content: center;}
#footerKL #upperFooter .flags ul {list-style-type: none; display: flex; justify-content: center; margin: 0;}
#footerKL #upperFooter .flags ul li {width: 100%; height: auto; padding: 20px; padding-top: 0; margin: 0 10px;}
#footerKL #upperFooter .flags ul li a img {width: 70px; display: block;}
#footerKL #upperFooter .flags ul li span {font-size: 15px; line-height: 15px;}
#footerKL #upperFooter .flags ul li span img {width: 100%; max-width: 64px; float: left; margin-right: 15px; position: relative; top: -5px;}
#footerKL #upperFooter .flags ul li span#afterDelivery {max-width: 190px; width: 100%;}
#footerKL #upperFooter .flags ul li span#change {max-width: 220px;  width: 100%;}
#footerKL #upperFooter .flags ul li a {text-decoration: none;}
#footerKL #upperFooter .flags ul li a:hover {text-decoration: underline;}

.site-footer, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle, .site-footer ul li a,
.site-footer a:not(.button):not(.components-button) {
    color: var(--text-color);
}

#footerKL a.custom-logo-link {max-width: 210px; width: 100%; padding: 50px 0 15px 0; display: block;}
#footerKL a {cursor: pointer;}
#footerKL ul .half li a {max-width: 100px; width: 100%; display: block; text-decoration: none;}
#footerKL ul .half li a:hover {text-decoration: underline;}
#footerKL ul li a span {text-align: center; display: block; margin-top: 10px;}

#footerKL .flex.wp1585 {padding: 0; padding-bottom: 50px;}
#footerKL .flex.wp1585 .col1_4 {width: 100%; padding-right: 50px;}
#footerKL .flex.wp1585 .col1_4:nth-child(2) ul li a {text-decoration: underline; line-height: 26px;}
#footerKL .flex.wp1585 .col1_4:nth-child(2) ul li a:hover {text-decoration: none;}
#footerKL .flex.wp1585 .col1_4 ul {list-style-type: none; margin-left: 0;}
#footerKL .flex.wp1585 .col1_4 ul li a {max-width: 200px; width: 100%; text-decoration: none; display: block; outline: none;}
/*#footerKL .flex.wp1585 .col1_4 ul li a.contactNum {background: var(--notice-color) url(images/phoneIcon.svg) no-repeat 5px center; background-size: auto 35px; margin: 10px 0; padding: 10px; padding-left: 55px; }
#footerKL .flex.wp1585 .col1_4 ul li a.contactMail {background: #f2bf4c url(images/mailIcon.svg) no-repeat 5px center; background-size: auto 35px; padding: 10px; padding-left: 45px; }*/
#footerKL .flex.wp1585 .col1_4 ul li a.contactNum,
#footerKL .flex.wp1585 .col1_4 ul li a.contactMail {color: var(--secondary-color); font-weight: 600; margin-top: 10px;}
#footerKL .flex.wp1585 .col1_4 ul.socials {max-width: 150px; width: 100%; display: flex; margin-top: 20px;}
#footerKL .flex.wp1585 .col1_4 ul.socials li {width: 50%;}
#footerKL .flex.wp1585 .col1_4 ul.socials li a {max-width: 44px; width: 100%; display: block;}

#footerKL #special img {max-width: 350px; width: 100%; display: block; margin-bottom: 10px; clear: both;}
#footerKL .widget .widget-title {font-size: 28px;}
#footerKL .copyright-bar {background: var(--copyright-banner-color); text-align: center;}
#footerKL .payments-bar {display: flex; justify-content: center; align-items: center; background: var(--footer-bottom-banner-color); padding: 20px 0;}
#footerKL .payments-bar img {width: 150px; height: 50px; margin: 0 25px;}
#footerKL .copyright-bar span.copyright {max-width: 1585px; margin: 0 auto; color: var(--copyright-text-color); font-size: 13px; padding: 10px; display: block;}
/******END FOOTER******/

/****************************
*****************************
********* START SHOP ********
*****************************
****************************/
.storefront-full-width-content .woocommerce-products-header {padding-bottom: 10px;}
.products {display: flex; flex-wrap: wrap;}
.products .product { border: 1px solid #dddddd; padding: 10px; position: relative;}
.woocommerce-cart .products .product {border: 1px solid var(--secondary-color); background: #fff9ed;}
.products .product img {margin: 0 auto;}
.products .product a {outline: none;}
.products .product .mostPopular {top: -1px; left: -1px; background: var(--cart-sale-banner-background-color);}
.products .product .mostPopular span {color: var(--cart-sale-banner-text-color);}
.products .product .mostPopular span span.discountTxt {display: inline-block; color: var(--cart-sale-banner-special-color);}
.products .product .mostPopular span span.triangle {border-color: var(--cart-sale-banner-background-color) transparent transparent transparent;}
.products .product .woocommerce-loop-product__title,
.products .product h2,
.products .product h3 {text-align: left;}
.products .product .regular,
.products .product .sale {text-align: left;}
.products .product .regular span {color: #010101; font-size: 15px; font-weight: 400;}
.products .product .sale span {color: var(--special-color); font-weight: 600;}
.products .product .sale span bdi {font-weight: 600;}
.products .product a.button {width: auto; color: var(--secondary-color); background: var(--primary-color); position: absolute; left: 10px; right: 10px; bottom: 10px;}
.products .product a.button:hover {background: var(--secondary-color); color: var(--primary-color);}

.cart-collaterals .cross-sells .products .product {padding-bottom: 22px;}
.cart-collaterals .cross-sells .product .sale {margin-bottom: 15px;}
.cart-collaterals .cross-sells .product .actions {position: relative;}
.cart-collaterals .cross-sells .product .actions.mobile {display: none;}
.cart-collaterals .cross-sells .product .actions .product-short-description .text {padding-top: 20px;display: none;}
.cart-collaterals .cross-sells .product .actions a.add_to_cart_button  {right: 0; position: relative; left: 0; top: 0px; text-align: center; height: 43px; font-weight: 600; margin-bottom: 10px; }
.storefront-sorting {margin-bottom: 10px;}



/****************************
*****************************
********* END SHOP **********
*****************************
****************************/


/****************************
*****************************
*************CART************
*****************************
****************************/
body.woocommerce-cart #content .shop_table tbody tr td {font-size: initial;}
.star-rating span:before, .star-rating span:before {color: var(--cart-rating-color);}
/***** Cart Header *****/
.yellowNotification {padding: 5px 15px; background: #fef8c2;}
.yellowNotification span {text-align: center; display: block; font-weight: 400;}
.yellowNotification span.time {display: inline-block; background: var(--special-color); padding: 0 5px; color: #fbef57;}
#newOrderHeader {display: flex; align-items: center; justify-content: space-around; width: 100%; max-width: 700px; margin: 0 auto; padding: 30px 0;}
#newOrderHeader .steps {width: 100px; position: relative;}
#newOrderHeader .steps.completed span.numRadius {background: var(--secondary-color) url('images/check.svg') no-repeat center; background-size: 20px; text-indent: -123456px; color: #fff; border: 1px solid var(--secondary-color);}
#newOrderHeader .steps.active span.numRadius {background: var(--secondary-color);color: #fff; border: 1px solid var(--secondary-color);}
#newOrderHeader .steps.active span.underText {color: var(--secondary-color);}
#newOrderHeader span.numRadius {border: 1px solid #dddddd; background: #dddddd; color: #ffffff; font-size: 17px; width: 30px; display: block; height: 30px; border-radius: 30px !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; text-align: center; line-height: 28px; margin: 0 auto;}
#newOrderHeader span.underText {width: 100px; font-size: 13px; line-height: 15px; position: absolute; left: 50%; margin-left: -50px; text-align: center; display: block; color: #cccccc; top: 35px;}
#newOrderHeader span.line {width: 20%; display: block; height: 1px; border-top: 1px solid #dddddd;}
/***** End Cart Header *****/

.storefront-full-width-content.woocommerce-cart .entry-header {padding: 0;}
.storefront-full-width-content.woocommerce-cart .entry-header h1 {color: red;}
body.woocommerce-cart {padding-bottom: 100px;}
body.woocommerce-cart #content .shop_table {margin: 0;}
body.woocommerce-cart #content .shop_table thead tr th {background: #eeeeee; color: #000; font-weight: 300; padding: 20px 0;}
body.woocommerce-cart #content .shop_table thead tr th.product-remove {width: 50px;}
body.woocommerce-cart #content .shop_table thead tr th.product-price,
body.woocommerce-cart #content .shop_table thead tr th.product-quantity {width: 150px;}
body.woocommerce-cart #content .shop_table thead tr th.product-subtotal {width: 120px; padding-right: 20px; text-align: right;}
body.woocommerce-cart #content .shop_table tbody tr td a {color: #010101; outline: none;}
body.woocommerce-cart #content .shop_table tbody tr td:last-child {padding-right: 20px; text-align: right;}
body.woocommerce-cart #content .shop_table tbody tr td {background: #fff; padding-top: 10px; padding-left: 0; }
body.woocommerce-cart #content .shop_table tbody tr td .addItem {display: flex; justify-content: space-between; align-items: center; background-color: #fff9ed; border: 1px solid var(--secondary-color); padding: 15px 9px; color: #000; margin-top: .5em; width: 100%; text-align: left;}
body.woocommerce-cart #content .shop_table tbody tr td .addItem span {font-size: 20px; color: var(--text-color);}
body.woocommerce-cart #content .shop_table tbody tr td .addItem a {min-width: 100px; background: var(--primary-color-light); color: var(--secondary-color); text-decoration: none; padding: 5px 10px; font-weight: 500; cursor: pointer; display: inline-block; margin-left: 5px; z-index: 2; float: right; text-align: center; word-break: keep-all; word-wrap: normal;}
body.woocommerce-cart #content .shop_table tbody tr td .addItem a:hover {color: #fff; background: var(--secondary-color);}
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity span.productQuantity button {height: 30px; line-height: 30px;}
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .plus, body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .minus {display: inline-block;}
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .quantity input {height: 30px;}
body.woocommerce-cart #content #underCartContent .swiper-product-upsell {position: relative; margin-bottom: 20px;}
#cartContent #underCartContent .owl-carousel #more .product-short-description p,
#cartContent #underCartContent .owl-carousel #more .product-short-description ul li {font-size: 16px; line-height: 18px;}
body.woocommerce-cart #content a.remove {top: auto; right: auto; margin-left: 20px;}
body.woocommerce-cart #content a.remove::before {width: 25px; height: 25px; line-height: 25px; position: absolute; top: 50%; margin-top: -12.5px; left: 0; color: var(--special-color); font-size: 25px;}
body.woocommerce-cart #content .shop_table thead tr th.product-name {width: 200px;}
body.woocommerce-cart #content .shop_table thead tr th.product-thumbnail,
body.woocommerce-cart #content .shop_table tbody tr td.product-thumbnail {display: none;}


/** START QUANTITY SELECTOR CART **/
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity {position: relative;display: block;width: 95px;height: 40px;}
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity button[type=button] {line-height: 0;width: 46px;height: 20px; outline: none; text-indent: 12345px; background-color: #2AAAE2;}
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity .plus {position: absolute; top: 0; right: 0;background-image: url(images/arrowUpWhite.svg);background-repeat: no-repeat;background-position: center;background-size: 15px;}
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity .minus {position: absolute;bottom: 0;right: 0;background-image: url(images/arrowUpWhite.svg);background-repeat: no-repeat;background-position: 15px center;background-size: 15px;transform: rotate(180deg);}
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity.single {position: relative; left: 15px;}
body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity.single button {display: none;}
/** END QUANTITY SELECTOR CART **/

body.woocommerce-cart #content .wc-proceed-to-checkout {display: flex; justify-content: flex-end; margin: 0;}
body.woocommerce-cart #content a.checkout-button {max-width: 450px; width: 100%; z-index: 9999; height: auto; line-height: 30px; font-weight: 300 !important; outline: none; margin-top: 0; padding: 22px 10px;}
body.woocommerce-cart #content a.checkout-button::after {display: none;}

body.woocommerce-cart #content .addItem {display: flex; justify-content: space-between; align-items: center; background-color: #fff9ed; border: 1px solid var(--secondary-color); padding: 15px 9px; color: #000; margin-top: .5em; width: 100%; text-align: left;}
body.woocommerce-cart #content .addItem span {font-size: 20px; color: var(--primary-color); font-weight: 400;}
body.woocommerce-cart #content .addItem a {background: var(--primary-color); color: var(--secondary-color); text-decoration: none; padding: 5px 10px; font-weight: 500; cursor: pointer; display: inline-block; margin-left: 5px; z-index: 2; float: right; text-align: center; word-break: keep-all; word-wrap: normal;}


/** CART COLLATERALS **/
body.woocommerce-cart #content .cart-collaterals {display: flex; flex-direction: row-reverse; margin-top: 20px;}
body.woocommerce-cart #content .cart-collaterals .cart_totals {max-width: 550px; width: 100%; padding-left: 30px; float: none; clear: both;}

/** CROSS SELLS **/


body.woocommerce-cart #content .cross-sells {width: calc(100% - 550px); max-width: 100%;}
body.woocommerce-cart #content .cross-sells .product .woocommerce-LoopProduct-link {display: flex;}

body.woocommerce-cart #content .cross-sells .product .swiper-product-upsell {position: relative; overflow: hidden;max-width: 400px; width: 100%; height: 100%;}

body.woocommerce-cart #content .cross-sells .product .mostPopular {z-index: 100; background: var(--cart-sale-banner-background-color);}
body.woocommerce-cart #content .cross-sells .product .mostPopular span span.triangle {border-color: var(--cart-sale-banner-background-color) transparent transparent transparent;}
.cart-collaterals .cross-sells .product .mobileHidden span#specialOfferTextMobile {display: none;}

.cart-collaterals .cross-sells .product .actions .product-short-description a.read-more {font-size: 16px; color: var(--special-color); text-decoration: underline; font-weight: 400;}
body.woocommerce-cart #content .cross-sells .product .product-short-description .text {overflow: hidden; transition: 1s;}

.cart-collaterals .cross-sells {width: 100%; float: none; margin-right: 0;}
.cart-collaterals .cross-sells .products {justify-content: flex-end;}
body.woocommerce-cart #content .cross-sells .product .productContent {padding-left: 40px;width: 60%;}
body.woocommerce-cart #content .cross-sells .product .mostPopular span {font-size: 22px; font-weight: 600;}
body.woocommerce-cart #content .cross-sells .product .star-rating {margin-bottom: 10px;}

/** END CROSS SELLS **/

/** COUPONS **/
body.woocommerce-cart .cart-coupons.NsCoupons {display: flex; max-width: 500px; width: 100%; margin-bottom: 0;}
body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount {display: flex; justify-content: space-between; align-items: center;}
body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount .couponLabel {width: 250px; background: #fff9ed; border: 1px solid var(--secondary-color); color: var(--cart-text-color); padding: 10px; font-weight: 400;}
body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount .couponPrice {background: none; padding: 0 20px;}
body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount .couponPrice span {font-size: 20px; font-weight: 400;}
body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount .couponPrice a {background: var(--primary-color-light); color: var(--secondary-color) !important; padding: 5px 10px; margin-left: 20px;}
body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount .couponPrice a:hover {color: #fff !important; background: var(--secondary-color);}
    /** END COUPONS **/


/****************************
*****************************
********* END CART **********
*****************************
****************************/

/****************************
*****************************
***********CHECKOUT**********
*****************************
****************************/
.payment_box payment_method_cod .displayBlock {
    display: block;
}
.displayBlock {display: block;}
.required {color: var(--error-color);}
.storefront-breadcrumb {margin: 0;}
.storefront-full-width-content.woocommerce-checkout .entry-header {padding: 0;}
.storefront-full-width-content.woocommerce-checkout .entry-header h1 {text-align: left; font-size: 28px; text-transform: uppercase; padding-left: 25px; font-weight: 400;}
.input-text,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea,
textarea:focus {background: none; border: 1px solid #cccccc; box-shadow: none; outline: none;}
.button.alt {background: var(--special-color); color: #ffffff; text-transform: uppercase;}
.button.alt:hover {background: var(--notice-color); color: #ffffff;}

.woocommerce-checkout .woocommerce-info a {color: var(--success-color);}

.woocommerce-form-coupon-toggle .woocommerce-info {
    background: var(--notice-color-light);
    border: 2px solid var(--notice-color);
    color: var(--notice-color);
    margin-bottom: 20px;
}

.woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
    color: var(--notice-color);
    font-weight: 600;
    text-decoration: underline;
}

.woocommerce-form-coupon-toggle .woocommerce-info:before {
    color: var(--notice-color);
}

.woocommerce-form-coupon {margin-bottom: 20px;}
.woocommerce-form-coupon > p {margin-bottom: 10px;}

.woocommerce-checkout article {margin-bottom: 0;}
.woocommerce-checkout h3 {font-size: 28px; text-transform: uppercase; padding-left: 15px; font-weight: 400; margin-bottom: 10px;}
.woocommerce-checkout h3#ship-to-different-address {font-size: 14px; padding: 0;}
#customer_details input {outline: none; padding-top: 0.9em; padding-bottom: 0.4em;}
#customer_details .form-row select {padding: 11px; border: 1px solid #ccc;}
.woocommerce-checkout #customer_details p.form-row span.select2 .selection .select2-selection {height: 55px;}
.woocommerce-checkout .woocommerce-invalid input.input-text {box-shadow: inset 2px 0 0 var(--error-color);}
.woocommerce-checkout .woocommerce-validated input.input-text {box-shadow: inset 2px 0 0 var(--success-color);}
.select2-container--default .select2-selection--single {border-radius: 0;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 55px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 15px;}

.woocommerce form .form-row.form-row-75 {width: 74.5%;float: left;margin-bottom: 1.41575em;}
.woocommerce form .form-row.form-row-25 {width: 24.5%;float: right;margin-bottom: 1.41575em;}

.woocommerce form .form-row.form-row-66 {width: 66%;float: left;margin-bottom: 1.41575em;}
.woocommerce form .form-row.form-row-33 {width: 33%;float: right;margin-bottom: 1.41575em;}

.woocommerce form .form-row.form-row-50 {width: 49.5%;float: left;margin-bottom: 1.41575em;}
.woocommerce form .form-row.form-row-left {float: left;}
.woocommerce form .form-row.form-row-right {float: right;}

.woocommerce form .form-row.address-meta-row {float: left;width: 24.5%;margin-right: 0.5%;}
.woocommerce form .form-row.address-meta-row .optional {display: none;}

.woocommerce-checkout form.checkout .checkoutFlex {display: flex;}
.woocommerce-checkout form.checkout .col2-set,
.woocommerce-checkout form.checkout #order_review {width: 50%; margin-right: 0; flex:1 1 auto;}
.woocommerce-checkout form.checkout .col2-set {margin-right: 10px;}
.woocommerce-checkout form.checkout #order_review {margin-left: 10px;}
.woocommerce-checkout form.checkout .col2-set .woocommerce-billing-fields__field-wrapper {display: flex; flex-wrap: wrap;}
.quantity .plus,
.quantity .minus,
p.stars a:after,
#payment {margin-bottom: 1.41575em;}
#payment .payment_methods li input[type=radio]:first-child:checked+label:before {color: var(--checkout-action-color);}
#payment .payment_methods {border-bottom: 1px solid #cccccc;}
#payment .payment_methods>.wc_payment_method>label:before, #payment .payment_methods>.woocommerce-PaymentMethod>label:before {color: #dddddd;}
#payment .payment_methods>.wc_payment_method>label, #payment .payment_methods>.woocommerce-PaymentMethod>label {padding: 30px 20px; border: 1px solid #cccccc;border-bottom: none; margin: 0;}
#payment .payment_methods > li .payment_box {border: 1px solid #cccccc; border-bottom: none; background: #fff;}
#payment .payment_methods li.payment_method_paypal label a.about_paypal {display: none;}
.place-order {border: none; background: none; padding: 0;}
.place-order .button {font-size: 30px; font-weight: 300;}
.place-order .button.alt {width: 100%; height: auto; line-height: 30px; padding: 22px 10px; background: var(--special-color); color: #ffffff; border: none; outline: none;}
.place-order .button.alt:hover {background: var(--notice-color); color: #fff;}
.place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {font-size: 12px; line-height: 16px; margin-top: 20px;}
.place-order .advantages {display: flex; justify-content: center; margin-top: 10px;}
.place-order .advantages .advantage-col {width: 100%; margin: 0 20px;min-width: 0;}
.place-order .advantages .advantage-col img {height: 85px; margin: 0 auto;}
.place-order .advantages .advantage-col span {text-align: center; display: block; font-size: 13px; line-height: 16px; margin-top: 5px; }

.woocommerce-checkout ul#shipping_method li {padding: 30px 20px; border: 1px solid #cccccc; margin: 0; padding-left: 25px; position: relative;}
ul#shipping_method input {position: absolute; left: 20px; top: 25px; color: #ffffff !important; border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    word-wrap: normal!important;}
ul#shipping_method li label {margin: 0;}
ul#shipping_method li label:before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; font-family: Font Awesome\ 5 Free; font-weight: 900; line-height: inherit; vertical-align: baseline; content: "\f111"; margin-right: .5407911001em; -webkit-transition: color,ease,.2s; transition: color,ease,.2s; color: #dddddd; position: relative; left: -5px; top: 0; z-index: 1010;}
ul#shipping_method li.selected input:first-child+label:before {content: "\f192"; color: var(--checkout-action-color);}
.woocommerce-checkout ul#shipping_method li label {clear: both; float: none; display: block;}
.woocommerce-checkout ul#shipping_method li label .amount {float:right;}
.woocommerce-checkout ul#shipping_method li.standard {background: url('images/truck.svg') no-repeat right 95px top 24px; background-size: auto 30px;}
.woocommerce-checkout ul#shipping_method li.express {background: url('images/rocket.svg') no-repeat right 100px top 28px; background-size: auto 30px;}
.woocommerce-checkout ul#shipping_method li.express label {color: var(--special-color);}
.woocommerce-checkout ul#shipping_method li:last-child {border-top: none;}
.woocommerce-checkout ul#shipping_method li:last-child:first-child {border-top: 1px solid #c1bebe;}

.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method, .woocommerce-checkout ul.woocommerce-shipping-methods li.wc_shipping_method {background-color: #fafbfc !important;}
.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method.selected, .woocommerce-checkout ul.woocommerce-shipping-methods li.wc_shipping_method.selected {background-color: #f5f5f5 !important;}

/** CHECKOUT FIELD LABELS **/
.woocommerce-checkout form.checkout p.form-row:not(#billing_country_field) {position: relative; margin-bottom: 10px;}
.woocommerce-checkout form.checkout p.form-row#billing_city_field:not(#billing_country_field),
.woocommerce-checkout form.checkout p.form-row#billing_address_1_field:not(#billing_country_field) {margin-right: 1%; float: none;}
.woocommerce-checkout form.checkout p.form-row:not(#billing_country_field) > label {
    position: absolute;
    top: 13px;
    left: 15px;
    transition: all .1s ease-in-out;
    z-index: 1;
}
.woocommerce-checkout form.checkout p.form-row:not(#billing_country_field) > label.move {
    opacity: .7;
    font-size: 12px;
    top: -2px;
    left: 13px;
}

.woocommerce-checkout form.checkout p.form-row#billing_country_field,
.woocommerce-checkout form.checkout p.form-row#shipping_country_field {display: none;}


.col2-set .form-row-first {width: 50%; margin-right: 1%;}
.col2-set .form-row-last {width: 49%;}

#order_review h4 {padding-left: 20px; margin-bottom: 10px; font-weight: 500; text-transform: uppercase;}
#order_review input {outline: none;}
#payment.woocommerce-checkout-payment h4 {margin-top: 20px;}
.woocommerce-checkout #primary {margin-bottom: 40px;}


/*suprise product*/
body.woocommerce-checkout .surprise-product-section {margin-top: 1.41575em;}
body.woocommerce-checkout .surprise-product-section h4 {width: 100% !important; margin: 0; padding: 0; padding-left: 25px; float: none !important;}
body.woocommerce-checkout .surprise-product-section ul {list-style-type: none; margin: 0;}
body.woocommerce-checkout .surprise-product-section ul li label #title {background: var(--special-color); padding: 30px 20px; color: #ffffff; border: 1px solid var(--special-color); border-bottom: none; position: relative;}
body.woocommerce-checkout .surprise-product-section ul li label #title.selected input#surprise_product:after {content: "\f192"; color: var(--checkout-action-color);}
body.woocommerce-checkout .surprise-product-section ul li label #title > span {position: absolute; right: 25px;}
body.woocommerce-checkout .surprise-product-section ul li label #content {display: flex; align-items: center; padding: 10px; border: 1px solid #cccccc; border-top: none;}
body.woocommerce-checkout .surprise-product-section ul li label #title input {margin-right: 30px; outline: none; position: relative; left: 10px;}
body.woocommerce-checkout .surprise-product-section ul li label #content {position: relative;}
body.woocommerce-checkout .surprise-product-section ul li label #content img {position: absolute; left: 15px; top: 10px;}
body.woocommerce-checkout .surprise-product-section ul li label #content #description {padding: 0; font-size: 16px; padding-left: 90px;}
body.woocommerce-checkout .surprise-product-section ul li label #content #description span.price {display: inline-block;}
body.woocommerce-checkout .surprise-product-section ul li label #content #description span.lineThrough {font-size: 22px; text-decoration: line-through; margin-right: 20px; margin-bottom: 10px;}
body.woocommerce-checkout .surprise-product-section ul li label #content #description span.newPrice {font-size: 27px; color: var(--special-color); margin-bottom: 10px;}
body.woocommerce-checkout .surprise-product-section ul li label #content #description span.desc {display: block;}

.allTogether {background: #f8f8f8; border: 1px solid #dddddd; padding: 15px; font-weight: 400; margin-bottom: 20px;}
.allTogether .flex {justify-content: space-between;}
.allTogether .allTogetherTitle span {color: var(--checkout-action-color); font-weight: 600;}
.allTogether .allTogetherTitle span.total-container {display: flex;align-items: stretch;justify-content: space-between;}
.allTogether .allTogetherTitle .total-cart-icon {height: 20px; fill: var(--checkout-action-color); margin-right: 5px;}
.allTogether h5 {text-transform: uppercase; font-weight: 600; margin: 0; margin: 5px 0;}
.allTogether span.paddLeft {padding-left: 20px;}
.allTogether .product {padding-bottom: 10px;}
.allTogether .product .wrap.flex {margin-bottom: 4px;}

.woocommerce-additional-fields {clear: both;}

input#surprise_product {width: 5px;}
input#surprise_product:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    line-height: 10px;
    text-indent: -3px;
    vertical-align: baseline;
    content: "\f111";
    margin-right: .5407911001em;
    -webkit-transition: color,ease,.2s;
    transition: color,ease,.2s;
    color: #dddddd;
    position: relative;
    left: -7px;
    top: 1px;
    background: #dddddd;
    width: 10px;
    height: 10px;
    display: block;
    z-index: 1010;
    border-radius: 100%;
}

/****************************
*****************************
******** END CHECKOUT *******
*****************************
****************************/


.special-product {width: 100%; border: 1px solid #ec2027; padding: 20px; padding-top: 60px; position: relative; background: #facecd; margin-top: 20px;}
.special-product .offer {position: absolute; top: -1px; left: 0; width: 240px; height: auto; color: #fff; font-size: 22px; padding: 10px 20px; padding-right: 0; background: #ec2027; font-weight: 700; }
.special-product .offer  span {color: #eecb76}
.special-product .offer  span.triangle {width: 0; height: 0; border-style: solid; border-width: 43px 13px 0 0; border-color: #ec2027 transparent transparent transparent; position: absolute; right: -13px;  top: 0px;}
.special-product .flex {align-items: flex-start;}

.special-product .surpriseContent_content {padding: 0 0 0 20px; display: flex;}
.special-product .surpriseContent_content .text {padding-right: 20px;}
.special-product .surpriseContent_content h3 {margin: 0; margin-bottom: 10px; padding: 0; font-weight: 700; text-transform: none; font-size: 22px;}
.special-product .surpriseContent_content span {font-size: 16px; font-weight: 400; line-height: 20px;}
.special-product .surpriseContent_price {position: relative; margin-top: -20px;}
.special-product .surpriseContent_price div {display: flex;}
.special-product .surpriseContent_price span.oldPrice {color: #000; font-size: 19px; position: relative; top: -3px; font-weight: 400; text-decoration: line-through}
.special-product .surpriseContent_price span.newPrice .woocommerce-Price-amount{color: #ec2027; font-size: 35px; font-weight: 700; padding-left: 10px;}
.special-product .surpriseContent_price span.newPrice .woocommerce-Price-amount .woocommerce-Price-currencySymbol {font-size: 35px; font-weight: 700;}
.special-product .surpriseContent_price button {width: 100%; color: #fff; background: #ec2027; font-size: 22px; padding: 7px 0; margin-top: 20px; text-transform: uppercase;}
.special-product .surpriseContent_price button.added {background: #5b81c0}
.special-product .surpriseContent_price a.removeItem {display: block; text-align: center; color: #000; font-size: 13px; margin-top: 5px;}


.special-product#green {border: 1px solid #588a3e; background: #f3f9f0; }
.special-product#green .offer {background: #588a3e; }
.special-product#green .offer  span.triangle {border-color: #588a3e transparent transparent transparent;}
.special-product#green .surpriseContent_price span.newPrice  .woocommerce-Price-amount {color: #588a3e; }
.special-product#green .surpriseContent_price button {background: #588a3e; }
.special-product#green .surpriseContent_price button.added {background: #5b81c0}

.special-product button.added, .special-product a.removeItem.remove-surprise {display: none;}

.special-product.added button.added, .special-product.added a.removeItem.remove-surprise {display: block;}
.special-product.added button.add-product-to-cart {display: none;}
    /****************************
    *****************************
    ********ORDER DETAILS********
    *****************************
    ****************************/
ul.order_details {margin: 0; background: #f3f3f5; margin-bottom: 10px;}
ul.order_details:before,
ul.order_details:after {display: none;}
ul.order_details li {display: flex; padding: 10px 25px; text-transform: none; font-size: 15px; border-bottom: 1px solid #cbcbcd; font-weight: 400;}
ul.order_details li .col_1_2 {width: 100%;}
.woocommerce-order #order-data ul li strong {font-size: 16px;}
.woocommerce-order-details h2.woocommerce-order-details__title {font-size: 28px; margin: 0; padding: 10px 25px; background: #d1d2d4; color: #000; font-weight: 400;}
table:not( .has-background ) tbody td,
table:not( .has-background ) th {background: #f3f3f5;}
.woocommerce-order-details table.woocommerce-table.order_details thead tr th {display: none;}
.woocommerce-order-details table.woocommerce-table.order_details tbody tr td {font-weight: 400;}
.woocommerce-order-details table.woocommerce-table tbody tr td a {color: var(--primary-color); text-decoration: underline;}
.woocommerce-order-details table.woocommerce-table tfoot tr th {background: #d2d2d4; border-bottom: 1px solid #c3c3c5; width: 50%; font-weight: 400;}
.woocommerce-order-details table.woocommerce-table tfoot tr td {background: #f3f3f5; border-bottom: 1px solid #cbcbcd; font-weight: 400;}
.woocommerce-order-details table.woocommerce-table tfoot tr:last-child th,
.woocommerce-order-details table.woocommerce-table tfoot tr:last-child td {border-bottom: none; font-weight: 600;}
.woocommerce-order-details table.woocommerce-table tfoot tr:first-child th,
.woocommerce-order-details table.woocommerce-table tfoot tr:first-child td {border-top: 1px solid #cbcbcd;}



#order-data .woocommerce-order-details {
    width: 100%;
    float: none;
    padding: 0;
}


.woocommerce-order #order-data {
    float: none;
    clear: both;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.woocommerce-order .woocommerce-order-slide-container, .woocommerce-order .woocommerce-instructions-slide-container {
    height: 50px;
    margin: 0;
    text-align: left;
    background: #d1d3d4;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-order .woocommerce-order-slide-container .arrow {
    background-image: url(images/arrowUp.svg);
    background-size: auto 10px;
    background-repeat: no-repeat;
    background-position: center;
    height: 14px;
    width: 24px;
    margin-right: 10px;
    transition-duration: 0.3s;
    transition-property: transform;
}

.woocommerce-order .woocommerce-order-slide-container.open .arrow {
    transform: rotate(180deg);
}

.woocommerce-order .woocommerce-order-slide-title, .woocommerce-order .woocommerce-order-instructions-slide-title {
    line-height: 35px;
    font-size: 19px;
    text-align: left;
    padding-left: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 400;
}

.woocommerce-order .woocommerce-instructions-slide-container {
    margin-top: 10px;
    background: var(--secondary-color);
}

.woocommerce-order .woocommerce-instructions-slide-container h2 {
    color: #000;
}

.woocommerce-order .instructions-body {
    padding: 10px 25px;
    background: #f2f2f2;
}

.woocommerce-thankyou-order-received {
    text-align: center;
    margin: 30px 0;
    width: 100%;
    padding: 15px;
    background: var(--notice-color);
}

.woocommerce-thankyou-order-received span#checkImg {
    width: auto;
    color: #fff;
    margin: 0 auto;
    background: var(--notice-color);
    padding: 0;
    font-size: 19px;
    font-weight: 400;
}

table.woocommerce-table.order_details {
    margin-bottom: 0;
}

.col2-set#customer_login, .col2-set.addresses {float: none; display: flex; margin-top: 10px;}
.col2-set.addresses .col-1 ,
.col2-set.addresses .col-2,
.col2-set#customer_login .col-2, .col2-set.addresses .col-2 {float: none;}

table.woocommerce-table.order_details thead tr th,
table.woocommerce-table.order_details tbody tr td,
.woocommerce-order-details table.woocommerce-table tfoot tr th,
.woocommerce-order-details table.woocommerce-table tfoot tr td {padding: 10px 20px;}

.woocommerce-order #order-data ul li strong {
    float: none;
    clear: both;
    padding-left: 20px;
    font-weight: 400;
    font-size: 15px !important;
}

body .continue-shopping {
    background: var(--special-color); color: #fff;
    display: block;
    text-decoration: none !important;
    text-align: center;
    padding: 20px;
    max-width: 500px;
    margin: 10px auto 30px;
    outline: none;
}
body .continue-shopping:hover {background: var(--notice-color);}
/****************************
*****************************
******END ORDER DETAILS******
*****************************
****************************/

@media only screen and (min-width: 768px){
    .main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li.focus, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li.focus, .main-navigation ul.nav-menu ul li:hover>a {
        background-color: var(--secondary-color);
    }
    
}

/****************************
*****************************
*********RESPONSIVE**********
*****************************
****************************/
@media only screen and (max-width: 1625px) {
    /***** START HEADER *****/
    #primaryMenu .wp1585 {padding: 0 25px;}
    /***** END HEADER *****/

    /***** START FOOTER *****/
    #footerKL .footerLogo .wp1585 {padding: 0 25px;}
    #footerKL .flex.wp1585 {margin-left: -50px; padding: 0 25px;}
    #footerKL .flex.wp1585 .col1_4 {padding-left: 50px; padding-right: 0;}
    /***** END FOOTER *****/
}

@media only screen and (max-width: 1625px) {
    /* #searchIcon { display:none} */
    /***** START FOOTER *****/
    .wp1585.noPadding {padding: 0 25px;}
    /***** END FOOTER *****/
}


@media only screen and (max-width: 1350px) {
    /***** START FOOTER *****/
    /***** END FOOTER *****/
}

@media only screen and (max-width: 1300px) {
    /***** START SINGLE PAGE *****/
    ul.ChooseSize {flex-wrap: wrap;}
    /***** END SINGLE PAGE *****/

    /***** START CART *****/
    body.woocommerce-cart #content .cart-collaterals .cart_totals {max-width: 450px;}
    .cart-collaterals .cross-sells .product .actions a.add_to_cart_button {font-size: 18px;}
    /***** END CART *****/
}


@media only screen and (max-width: 1250px) {
    /***** START FOOTER *****/
    #footerKL #upperFooter .flags {display: block;}
    #footerKL #upperFooter .flags ul li {width: 15%;}
    #footerKL #upperFooter .flags ul li a img {margin: 0 auto;}
    /***** END FOOTER *****/
}

@media only screen and (max-width: 1235px) {
    /***** START CART *****/
    body.woocommerce-cart #content .cart-collaterals .cart_totals {max-width: 410px;}
    /***** END CART *****/
    /***** START CHECKOUT *****/
    .woocommerce-checkout ul#shipping_method li.standard {background: #f5f5f5 url('images/truck.svg') no-repeat right 95px top 24px; background-size: auto 30px;}
    .woocommerce-checkout ul#shipping_method li.express {background: #f5f5f5 url('images/rocket.svg') no-repeat right 100px top 28px; background-size: auto 30px;}
    /***** END CHECKOUT *****/
}

@media only screen and (max-width: 1200px) {
    /***** START PRODUCT PAGE *****/
    .summary .singleProdQuantity .flex {flex-wrap: wrap; margin: 0;}
    .summary .singleProdQuantity .flex .col1_3 {width: 100%; padding: 0; margin-bottom: 10px;}
    .summary .singleProdQuantity .flex .col1_3 .innerCol {display: flex; justify-content: space-between;}
    .summary .singleProdQuantity .flex .col1_3.lastTwo .innerCol {padding: 40px 15px; padding-bottom: 10px;}
    .summary .singleProdQuantity .flex .col1_3 .innerCol span.save {position: absolute; right: 15px; top: 25px; font-size: 13px; text-align: center; line-height: 19px; text-transform: uppercase;}
    .summary .singleProdQuantity .flex .col1_3 .innerCol span.save span.amount {display: block; font-size: 19px;}
    .summary .singleProdQuantity .flex .col1_3 .innerCol .mostPopular {top: 0;}

    /***** END  PRODUCT PAGE *****/
    /***** CHECKOUT *****/
    .special-product .surpriseContent_content {display: block;}
    .special-product .surpriseContent_price {margin-top: 0; padding: 10px 0; position: relative; display: flex; align-content: center; flex-direction: row; align-items: center; justify-content: space-between;}
    .special-product .surpriseContent_price span.oldPrice {top: 2px;}
    .special-product .surpriseContent_price button {margin-top: 0;}

    .special-product .surpriseContent_price a.removeItem {position: absolute; bottom: -14px; right: 28px;}
}

@media only screen and (max-width: 1100px) {
    /******START HEADER******/
    #masthead {padding: 30px 25px;}
    #masthead .col-full {margin: 0; padding: 0; padding-bottom: 0;}
    #masthead span#searchIcon {display: block;}
    #masthead .search-toggle {display: block; width: 30px; height: 30px; margin-right: 70px; cursor: pointer;}
    #masthead .search-toggle #searchIcon {width: 30px; height: 35px;}
    #masthead .search-toggle #searchCloseIcon {width: 30px; height: 30px;}

    .site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text],
    .site-header .col-full .site-search button{height: 41px;}

    .site-header .col-full .site-search {display: none;}

    .primary-navigation {display: block;}
    .site-header .col-full .site-search.open {max-width: none; width: auto; position: absolute; bottom: 3px; left: 0; right: 150px; margin: 0; background:#2C3259; z-index: 99; display: block;}
    .site-search .widget_product_search form input[type=search] {padding-left: 25px;}
    body.home #masthead {margin-bottom: 60px;}
    #primaryMenu {position: absolute; left: 0; right: 0; bottom: -37px;}
    #primaryMenu .topBar.responsiveHidden {display: none;}
    .topBar.responsiveShow {display: block; cursor: pointer;}
    .topBar.responsiveShow .wrapper #topBarScrollDown ul {max-height: 0; display: block; overflow: hidden; transition: max-height 0.2s ease-out;}
    .topBar.responsiveShow .wrapper #topBarScrollDown ul li {max-width: 250px; width: 100%; margin: 0; padding: 10px 0;}
    .topBar.responsiveShow .wrapper #topBarScrollDown ul li a {display: flex; align-items: center; background: none !important; padding: 0 !important; margin: 0; outline: none;}
    .topBar.responsiveShow .wrapper #topBarScrollDown ul li a svg {width: 25px; height: 25px;}
    .topBar.responsiveShow .wrapper #topBarScrollDown ul li a span {margin-left: 15px;}


        /******END HEADER******/
    /***** START HOMEPAGE *****/
    #mainImage img {margin-top: 20px;}
    /***** END HOMEPAGE *****/

    /***** START CART *****/
    body.woocommerce-cart #content .cart-collaterals {display: block;}
    body.woocommerce-cart #content .cart-collaterals .cart_totals {max-width: 100%;}
    body.woocommerce-cart #content .cross-sells {max-width: 450px; width: 100%; float: right; clear: right;}
    body.woocommerce-cart #content .cross-sells .product .woocommerce-LoopProduct-link {display: block;}
    body.woocommerce-cart #content .cross-sells .product .productContent {width: 100%; padding-left: 20px;}
    /***** END CART *****/

    /***** START LEFT RIGHT PRODUCT-DESCRIPTION IMAGE *****/
    .custom-product-descriptions .col1_2 .description {font-size: 19px;}
    /***** END LEFT RIGHT PRODUCT-DESCRIPTION IMAGE *****/

    /***** START FACEBOOK COMMENTS *****/
    .fbCommentWrapper .likesAndShares span.col1_3 {font-size: 17px;}
    /***** END FACEBOOK COMMENTS *****/


    /******START FOOTER******/
    #footerKL #upperFooter .flags ul.wp1585 li span {font-size: 15px; line-height: 15px; display: block;}
    #footerKL #upperFooter .flags ul.wp1585 li span img {width: 100%; max-width: 32px; top: 0;}
    /******END FOOTER******/

    /***** START CHECKOUT *****/
    .special-product .surpriseContent_price button {width: auto; padding: 7px 15px;}
    .special-product .surpriseContent_price a.removeItem {position: absolute; bottom: -14px; right: 2px;}
}

@media only screen and (max-width: 1050px) {
    
    /******START CHECKOUT******/
    .woocommerce-checkout ul#shipping_method li.standard,
    .woocommerce-checkout ul#shipping_method li.express {background: #f5f5f5;}
    .woocommerce-checkout ul#shipping_method li label span.text,
    .woocommerce-checkout ul#shipping_method li label .amount {font-size: 15px; line-height: 27px;}
    /******END CHECKOUT******/
}


@media only screen and (max-width: 1030px) {
    /******START CHECKOUT******/
    .place-order .button.alt {font-size: 22px;  line-height: 27px; padding: 25px !important;}
    /******END CHECKOUT******/
}
@media only screen and (max-width: 1020px) {
    /******START CHECKOUT******/
    .form-row.custom-validation-error .custom-validation-error#billing_postcode-error {bottom: -40px;}
    /******END CHECKOUT******/
}


@media only screen and (max-width: 1000px) {
    /***** START HOMEPAGE *****/
    .swiper-container#iconsSlider .swiper-wrapper .swiper-slide span {font-size: 15px;}
    /***** END HOMEPAGE *****/

    /******START SHOP******/
    .storefront-full-width-content .site-main ul.products.columns-4 {margin-left: -20px;}
    .storefront-full-width-content .site-main ul.products.columns-4 li.product {width: calc(50% - 20px); margin: 0; margin-bottom: 20px; margin-left: 20px;}
    /******END SHOP******/
}

@media only screen and (max-width: 950px) {
    /***** START CHECKOUT *****/
    ul#shipping_method li label:before {top: 0;}
    body.woocommerce-checkout .surprise-product-section ul li label #title {font-size: 15px;}
    input#surprise_product {width: 3px;}
    input#surprise_product:after {width: 10px; top: 3px;}
    /***** END CHECKOUT *****/
}


@media only screen and (max-width: 930px) {
    /***** START FOOTER *****/
    /***** END FOOTER *****/
}


@media only screen and (max-width: 835px) {
    /******START CHECKOUT******/
    .form-row.custom-validation-error .custom-validation-error {font-size: 12px;}
    /******END CHECKOUT******/
}

@media only screen and (max-width: 800px) {
    .col-full {padding: 0 20px;}
    /*header*/
    .site-search .widget_product_search form input[type=search] {padding-left: 10px;}
    #masthead span#delivery {display: none;}
    /*#masthead span#searchIcon {width: 40px;background-size: 30px auto; margin-left: auto;}
    #masthead a#cartQuantity {background-size: 33px auto; width: 65px; padding-left: 40px;}*/
    .site-header .col-full .site-search.open {bottom: 0;}
    #masthead .search-toggle {margin-left: auto;}



    /*font-size*/
    body {font-size: 15px;}
    h1 {font-size: 21px;}
    h2 {font-size: 19px;}
    h3 {font-size: 17px;}

    h1.product_title.entry-title {font-size: 25px; font-weight: 400;}

    /***** START FACEBOOK COMMENTS *****/
    .fbCommentWrapper div#commentsLeft,
    .fbCommentWrapper div#commentsRight {flex: 100%;}
    /***** END FACEBOOK COMMENTS *****/

    /***** START THANK YOU PAGE *****/
    .woocommerce-thankyou-order-received {width: 100%; padding: 15px; background: var(--notice-color); margin: 10px 0;}
    .woocommerce-thankyou-order-received span#checkImg {width: auto; padding: 0; margin-top: 0; font-size: 15px; line-height: 23px;}
    /***** END THANK YOU PAGE *****/
}

@media only screen and (max-width: 768px) {
    
    
    /***** START HEADER *****/
    button.menu-toggle {display: none;}
    .main-navigation .menu {max-height: none; display: flex;}
    .main-navigation ul.menu>li>a:first-child, .main-navigation ul.nav-menu>li>a:first-child {padding-left: 0;}

    #primaryMenu {position: absolute; left: 0; right: 0;}
    .primary-navigation .sub-menu {display: none; background: var(--primary-color); position: absolute; left: -5px; right: 0; padding: 0 10px; margin: 0;}
    .primary-navigation .sub-menu.open {display: block;}
    /***** END HEADER *****/

    /***** START HOMEPAGE *****/
    .flex#topMain {display: block; margin-left: 0;}
    #topMain .col1_2 {padding-left: 0;}
    #topMain .col1_2#products {padding: 0; margin-top: 20px;}
    #topMain .col1_2 .flexRows ul {display: flex; flex-wrap: wrap; margin-left: -20px;}
    #topMain .col1_2 .flexRows ul li {width: 33.33%; padding-left: 20px;}
    #topMain .col1_2 .flexRows ul li a img {margin-bottom: 10px;}
    #mainImage img {margin-top: 0;}
    /***** END HOMEPAGE *****/

    /***** START LEFT RIGHT PRODUCT-DESCRIPTION IMAGE *****/
    .custom-product-descriptions .col1_2 {width: 100%;}
    .custom-product-descriptions .col1_2 .description {padding: 25px;}
    /***** END LEFT RIGHT PRODUCT-DESCRIPTION IMAGE *****/


    /******START FOOTER******/
    #footerKL a.custom-logo-link {margin: 0 auto; padding-top: 20px;}
    #footerKL .widget .widget-title {margin-bottom: 0; text-align: center;}

    #footerKL .flex.wp1585 {margin-left: 0; flex-wrap: wrap; text-align: center;}
    #footerKL .flex.wp1585 .col1_4 {padding: 0;}
    #footerKL .flex.wp1585 .col1_4 ul li a {margin: 0 auto; margin-bottom: 10px;}
    #footerKL .flex.wp1585 .col1_4 ul li a.contactNum,
    #footerKL .flex.wp1585 .col1_4 ul li a.contactMail {text-align: center;}
    #footerKL .flex.wp1585 .col1_4 ul {margin-bottom: 10px;}
    #footerKL .flex.wp1585 .col1_4 ul.socials {max-width: 125px; margin: 0 auto; margin-bottom: 0;}
    #footerKL #special img {margin: 0 auto; margin-bottom: 20px;}

    /******END FOOTER******/

    /***** START SHOP *****/
    ul.products li.product {width: 100%; margin-bottom: 20px;}
    /***** END SHOP *****/

    /***** START PRODUCT PAGE *****/
    .single-product div.product {margin-top: 0;}
    ul.ChooseSize li.variation-attribute ul,
    ul.ChooseSize li.variation-attribute ul#model,
    ul.ChooseSize li.variation-attribute ul#pa_velikost,
    ul.ChooseSize li.variation-attribute ul#pa_barva {justify-content: space-around;}

    .summary .onStock #insideBox {max-width: 400px;}

    .summary .singleProdQuantity .flex .col1_3:first-child .innerCol {padding: 25px 15px;}
    .summary .singleProdQuantity .flex .col1_3 .innerCol span.price {font-size: 22px;}

    .summary .singleProdQuantity {margin: 10px 0;}

    .summary .addToCartContent button[type="submit"] {font-size: 23px;}

    ul.ChooseSize {flex-wrap: wrap;}
    ul.ChooseSize li.variation-attribute {border-top: 1px solid #dddddd; padding: 10px 0;}
    ul.ChooseSize li.variation-attribute:first-child {border-top: none;}

    .single-product div.product .product-info-wrapper {flex-direction: column; margin-bottom: 0;}
    /***** END PRODUCT PAGE *****/

    /***** START CART *****/
    body.woocommerce-cart .wc_coupon_message_wrap,
    body.woocommerce-cart .yellowNotification#cartTimer {display: none;}
    body.woocommerce-cart #content a.remove {width: 100%; margin-left: 0;}
    body.woocommerce-cart #content a.remove::before {right: 0; left: auto;}
    body.woocommerce-cart #content .shop_table tbody tr td {padding-right: 0;}
    body.woocommerce-cart #content .shop_table tbody tr td.product-remove {padding: 0; margin: 0; border: 1px solid transparent;}
    body.woocommerce-cart #content .shop_table tbody tr td.product-name a:first-child {text-decoration: none; font-weight: 400; display: block; padding-right: 30px;}
    table.shop_table_responsive tr td[data-title]:before {font-weight: 400;}
    table.shop_table_responsive tr td.product-name[data-title]:before {display: none;}
    body.woocommerce-cart #content .shop_table tbody tr td.product-name {text-align: left;}
    body.woocommerce-cart #content .shop_table tbody tr td:last-child {padding-right: 0;}
    body.woocommerce-cart #content a.checkout-button {position: fixed; left: 0; right: 0; bottom: 0; max-width: 100%; width: 100%; z-index: 9999; margin: 0;}

    body.woocommerce-cart #content .shop_table tbody tr td.product-quantity {position: relative;}
    body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity {position: absolute;right: 0;top: 0;height: 38px;}
    body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity .quantity input {height: 38px;}
    body.woocommerce-cart #content .shop_table tbody tr td.product-quantity .productQuantity button[type=button] {height: 19px;background-size: 16px;}

    body.woocommerce-cart #content .cross-sells {max-width: 100%;}
    body.woocommerce-cart #content .cross-sells .product .swiper-product-upsell {max-width: 100%;}
    body.woocommerce-cart #content .cross-sells .product .productContent {width: 100%; padding: 0;}
    .cart-collaterals .cross-sells .product .actions a.add_to_cart_button  {width: auto; height: 50px; line-height: 28px; position: absolute; right: 0; left: auto; top: -15px; text-align: center; margin-bottom: 0;}
    body.woocommerce-cart #content .cross-sells .product {max-width: 100%; padding-top: 20px;}


    #newOrderHeader {padding: 20px 0; margin-bottom: 20px;}
    form.woocommerce-cart-form {margin-bottom: 0;}
    body.woocommerce-cart #content .shop_table tbody tr:last-child {display: none;}
    body.woocommerce-cart #content .cross-sells .product .mostPopular {top: -1px; left: -1px; padding: 8px 20px;}
    body.woocommerce-cart #content .cross-sells .product .mostPopular span {font-size: 22px;}
    body.woocommerce-cart #content .cross-sells .product .mostPopular span span.triangle {top: -8px; right: -43.5px; border-width: 39px 24px 0 0;}
    body.woocommerce-cart #content .cross-sells .product .star-rating {font-size: 13px;margin-top:10px;}
    body.woocommerce-cart #content .cross-sells .product .woocommerce-LoopProduct-link {display: flex;}
    body.woocommerce-cart #content .cross-sells .product .swiper-product-upsell {width: 300px; margin-bottom: 10px; margin-top: 40px; margin-right: 15px;}
    body.woocommerce-cart #content .cross-sells .product .productContent {width: 100%; padding-left: 10px; font-size: 13px; margin-top: 40px;}
    body.woocommerce-cart #content .cross-sells .product .productContent h2 {min-height: 20px; font-size: 16px; margin-top: 0; font-weight: 400;}
    .cart-collaterals .cross-sells .product .actions .product-short-description .text {padding-top: 0;}

    .cart-collaterals .cross-sells .product .mobileHidden  {display: flex; flex-wrap: wrap; font-size: 17px;}
    .cart-collaterals .cross-sells .product .mobileHidden span#specialOfferTextMobile {width: 100%; display: block; color: var(--special-color); font-weight: 400;}
    .cart-collaterals .cross-sells .product .mobileHidden .regular .regPriceTxt,
    .cart-collaterals .cross-sells .product .mobileHidden .sale .salePriceTxt,
    .cart-collaterals .cross-sells .product .mobileHidden .sale .percentage {display: none;}

    .cart-collaterals .cross-sells .product .mobileHidden .regular span {text-decoration: line-through; font-size: 24px; font-weight: 600; color: var(--special-color);}
    .cart-collaterals .cross-sells .product .mobileHidden .sale {padding-left: 10px; font-size: 24px;}


    .cart-collaterals .cross-sells .product .actions {display: none;}
    .cart-collaterals .cross-sells .product .actions.mobile {display: block; margin-top: 10px;}

    body.woocommerce-cart #content .cross-sells .product .swiper-button-prev,
    body.woocommerce-cart #content .cross-sells .product .swiper-button-next {background: #ddd; padding: 0; left: 0; margin-top: -12.5px; top: 50%; width: 25px; height: 25px;}
    body.woocommerce-cart #content .cross-sells .product .swiper-button-next {left: auto; right: 0;}
    body.woocommerce-cart #content .cross-sells .product .swiper-button-next:after,
    body.woocommerce-cart #content .cross-sells .product .swiper-button-prev:after {font-size: 15px; color: var(--primary-color);}


    body.woocommerce-cart #content .cart-collaterals {margin-top: 0;}

    /***** END CART *****/

    /***** START CHECKOUT *****/
    .woocommerce-checkout form.checkout .checkoutFlex {flex-wrap: wrap;}
    .woocommerce-checkout form.checkout .col2-set, .woocommerce-checkout form.checkout #order_review {width: 100%;}
    .woocommerce-checkout form.checkout .col2-set {margin-right: 0;}
    .woocommerce-checkout form.checkout #order_review {margin-left: 0;}
    .woocommerce-checkout .col-full {padding: 0 20px;}
    .woocommerce-checkout #customer_details p.form-row span.select2 .selection .select2-selection {height: 45px;}
    .woocommerce-checkout ul#shipping_method li.standard {background: #f5f5f5 url('images/truck.svg') no-repeat right 95px top 24px; background-size: auto 30px;}
    .woocommerce-checkout ul#shipping_method li.express {background: #f5f5f5 url('images/rocket.svg') no-repeat right 100px top 28px; background-size: auto 30px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 45px;}
    .select2-container--default .select2-selection--single .select2-selection__arrow {top: 10px;}
    .woocommerce-checkout form.checkout p.form-row:not(#billing_country_field) > label.move {left: 10px;}
    #order_review h4 {font-size: 28px;}
    body.woocommerce-checkout .surprise-product-section ul li label #title input {margin-right: 25px;}
    .col2-set .form-row-first {width: 100%; margin-right: 0;}
    .col2-set .form-row-last {width: 100%;}
    .form-row.custom-validation-error .custom-validation-error {font-size: 13px;}
    .form-row.custom-validation-error .custom-validation-error#billing_postcode-error {bottom: -26px;}
    /***** END CHECKOUT *****/


}

@media only screen and (max-width: 767px) {
    .primary-navigation ul.menu li.menu-item-has-children {background: url(images/arrowMobileMenu.svg) no-repeat right 25px; background-size: 12px; margin-right: 10px; padding-right: 2px;}


    /***** CHECKOUT *****/
    .special-product .surpriseContent_content {display: flex;}
    .special-product .surpriseContent_price {margin-top: 0; padding: 0; display: block; }
    .special-product .surpriseContent_price span.oldPrice {top: -3px;}
    .special-product .surpriseContent_price button {margin-top: 20px;}
    .special-product .surpriseContent_price a.removeItem {position: relative; bottom: auto; right: auto;}

    .special-product .surpriseContent_price button {width: 100%; padding: 7px 0; font-size: 18px;}
}

@media only screen and (max-width: 680px) {
    
    /******START HEADER******/
    .topBar {padding: 0 25px;}
    #masthead {padding: 12px 25px;}
    #masthead .col-full {padding: 0;}
    .site-header .col-full .site-branding a {max-width: 135px; height: 20px; position: relative; left: 25px;}
    /*header*/
    #masthead span#searchIcon {width: 30px; background-size: 23px auto; }
    #masthead span#searchIcon.close {background: url(images/close.svg) no-repeat left center; background-size: 23px auto;}
    /*#masthead a#cartQuantity {width: 50px; height: 23px; padding-left: 30px; line-height: 20px; font-size: 17px; background-size: 25px auto;}*/
    #masthead .search-toggle {margin-right: 70px; position: relative; top: 3px;}
    #masthead .storefront-primary-navigation {margin: 0;}
    .site-header .col-full .site-search.open {right: 120px; bottom: -2px;}
    #masthead .cart-info {top: 4px;}
    .topBar .wrapper {padding: 0;}
    .topBar .wrapper ul li {margin-left: 15px;}
    .topBar .wrapper ul.noLinks li {width: 25px;}
    .topBar .wrapper ul.noLinks li a {width: 35px; text-indent: -123456px;}
    .topBar.responsiveShow .wrapper #topBarScrollDown ul li a {text-indent: 0;}
    .topBar.responsiveShow .wrapper #topBarScrollDown ul li a span {position: relative; left: auto; top: auto;}
    .topBar.responsiveShow .wrapper ul li a#topBar_chat {background: url(images/chatIcon.svg) no-repeat 5px center; background-size: 20px; padding-left: 15px;}

    .topBar.responsiveShow .wrapper ul li a#topBar_mail {background: none; max-width: 35px; padding: 0; margin: 3px 10px;}
    .topBar.responsiveShow .wrapper ul li a#topBar_mail img.email-icon {width: 20px; height: 20px;}

    .topBar.responsiveShow .wrapper ul li a#topBar_phone {background: none; max-width: 35px; padding: 0; margin: 3px 10px;}

    .topBar .wrapper ul li span.question {position: absolute; left: 20px; top: 3px;}
    .site-header .col-full .site-branding {max-width: 130px; height: auto;}
    .site-header .col-full .site-branding a {top: 0; left: 0;}
    /******END HEADER******/

    /******START FOOTER******/
    #footerKL #upperFooter .flags ul.wp1585 li {width: 50%;}
    #footerKL #upperFooter .flags ul.wp1585 li span#change,
    #footerKL #upperFooter .flags ul.wp1585 li span#afterDelivery {max-width: none;}
    /******END FOOTER******/
}

@media only screen and (max-width: 650px) {
    /******START HOMEPAGE******/
    .printedProducts .flexMR {flex-wrap: wrap;}
    .printedProducts .flexMR .col1_2 {width: 50%; margin: 0;}
    .printedProducts .flexMR .col1_2:first-child,
    .printedProducts .flexMR .col1_2:nth-child(2) {margin-bottom: 20px;}

    .swiper-container#iconsSlider {margin-top: 0; height: 180px;}
    /******END HOMEPAGE******/

    /***** START PRODUCT PAGE *****/
    .storefront-full-width-content .woocommerce-tabs ul.tabs {flex-wrap: wrap;}
    .storefront-full-width-content .woocommerce-tabs ul.tabs li {width: 50%;}
    .storefront-full-width-content .woocommerce-tabs ul.tabs li:first-child:last-child {width: 100%;}
    .storefront-full-width-content .woocommerce-tabs ul.tabs li:last-child,
    .storefront-full-width-content .woocommerce-tabs ul.tabs li:nth-child(2) {border-right: 1px solid #b2b2b2;}
    /***** END PRODUCT PAGE *****/

    /***** START MORE INFORMATION *****/
    .mostCommonQuestions_product .accordion-panel .panel-header {font-size: 15px;}
    ul.shop_attributes {display: block;}
    ul.shop_attributes li label,
    ul.shop_attributes li span {font-size: 15px; line-height: 20px;}
    ul.shop_attributes li label {width: 100%; padding: 10px;}
    ul.shop_attributes li span {padding: 10px; padding-top: 45px;}
    /***** END MORE INFORMATION *****/

    /***** START FOOTER *****/
    #footerKL #upperFooter .flags ul li {padding: 20px 0; padding-top: 0;}
    #footerKL #upperFooter .flags ul li a img {width: 70px;}
    /***** END FOOTER *****/

    /***** JACKPOT THANKYOU PAGE *****/
    .woocommerce-order-details h2.woocommerce-order-details__title,
    .woocommerce-order .woocommerce-order-slide-title, .woocommerce-order .woocommerce-order-instructions-slide-title {font-size: 20px; padding-left: 25px;}
}



@media only screen and (max-width: 600px) {
    /******START HEADER******/
    .site-header .col-full .site-branding a {left: 0;}
    /******END HEADER******/

    /***** START FOOTER *****/
    #footerKL #upperFooter .flags ul.wp1585 {max-width: 100%;}
    /***** END FOOTER *****/

    /***** START CART *****/
    body.woocommerce-cart .cart-coupons.NsCoupons {display: block;}
    body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount {display: block;}
    body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount .couponLabel {width: 100%;}
    body.woocommerce-cart .cart-coupons.NsCoupons .cart-discount .couponPrice {display: flex; justify-content: flex-end; align-items: center; margin-top: 5px; padding: 0;}
    /***** END CART *****/

    /***** CHECKOUT *****/
    .special-product {font-size: 20px; }
    .special-product .surpriseContent_content h3 {font-size: 17px;}

    .special-product .flex img {width: 50px;}
    .special-product .offer {width: 220px; font-size: 17px; padding: 7px 20px; padding-right: 0;}
    .special-product .offer span.triangle {border-width: 37px 13px 0 0;}

    .special-product .surpriseContent_price button {font-size: 17px;}

    .special-product .surpriseContent_price span.newPrice .woocommerce-Price-amount{font-size: 28px;}
    .special-product .surpriseContent_price span.newPrice .woocommerce-Price-amount .woocommerce-Price-currencySymbol {font-size: 28px;}
    .special-product .surpriseContent_price span.oldPrice {font-size: 17px;}


}

@media only screen and (max-width: 550px) {
    .wp1585.noPadding {padding: 0 20px;}
    .wp1585,
    .col-full {padding: 0 20px;}
    /***** START HOMEPAGE *****/
    #mainImage img {max-width: 100%;}
    #masthead {padding: 12px 20px;}
    .topBar {padding: 0 20px;}
    .topBar .wrapper ul li span {left: 20px;}
    #mainImage img {max-width: 100%;}
    .swiper-container#iconsSlider .swiper-wrapper .swiper-slide img {max-width: 50px;}
    .printedProducts .col1_2 .innerCol {padding: 10px;}
    .printedProducts h2 {font-size: 15px;}
    .printedProducts .col1_2 a span.showMore {font-size: 13px;}
    /***** END HOMEPAGE *****/

    /***** START LEFT RIGHT PRODUCT-DESCRIPTION IMAGE *****/
    .custom-product-descriptions .col1_2 .description {font-size: 17px; line-height: 20px; text-align: center; padding: 20px 0;}
    /***** END LEFT RIGHT PRODUCT-DESCRIPTION IMAGE *****/



    /******START FOOTER******/
    #footerKL a.custom-logo-link {max-width: 122px;}
    #footerKL .widget .widget-title {font-size: 16.5px; padding: 0; margin: 0; padding-bottom: 15px;}
    #footerKL .footer-widgets .textwidget ul ul.socials {padding: 0;}
    #footerKL .footer-widgets .textwidget ul {padding-bottom: 15px; margin: 0;}
    #footerKL .footer-widgets .textwidget ul li a {font-size: 15px; line-height: 17px;}
    #footerKL ul li {font-size: 15px; line-height: 17px; margin-bottom: 10px;}
    #footerKL #upperFooter .flags ul {display: flex; justify-content: center;}
    #footerKL #upperFooter .flags ul li {width: 100%; margin: 0;}
    #footerKL #upperFooter .flags ul li a {margin: 0 auto;}
    #footerKL .block.footer-widget-3 ul li h3 {font-size: 16.5px;}
    #footerKL .footer-widgets .textwidget ul li a#fb,
    #footerKL .footer-widgets .textwidget ul li a#ig {font-size: 15px;}
    #footerKL .footer-widgets .textwidget ul li a#fb img,
    #footerKL .footer-widgets .textwidget ul li a#ig img {max-width: 29px; top: 9px;}
    #footerKL .footer-widgets .textwidget ul li.withGreenImg a {margin: 10px 0;}
    #footerKL .payments-bar img {width: 100px; height: 30px; margin: 0 10px;}
    /******END FOOTER******/


    /***** START PRODUCT PAGE *****/
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {width: 30px; margin-bottom: 10px;}
    .single-product div.product .summary {margin-bottom: 20px;}
    .woocommerce-tabs {padding-top: 0;}
    .summary .mainProperties ul {margin-left: 25px;}
    .fbCommentWrapper div#commentsLeft, .fbCommentWrapper div#commentsRight {margin: 0;}
    .mostCommonQuestions_product {padding-top: 0;}
    .summary .singleProdQuantity .mostPopular span {font-size: 15px;}
    /***** END PRODUCT PAGE *****/

    /***** START CART *****/
    .yellowNotification span {font-size: 13px;}
    #primary {padding: 0;}
    body.woocommerce-cart #content .shop_table {margin: 0;}
    body.woocommerce-cart #content form {margin: 0;}
    body.woocommerce-cart #content .shop_table tbody tr td .addItem span {font-size: 14px;}
    body.woocommerce-cart #content .cross-sells .product .mostPopular span {font-size: 18px;}
    .cart-collaterals .cross-sells .product .actions a.add_to_cart_button {font-size: 18px; line-height: 29px;}
    /***** END CART *****/

    /***** START CHECKOUT *****/
    .storefront-full-width-content.woocommerce-checkout .entry-header h1 {font-size: 23px; padding: 0; margin-top: 10px;}
    .woocommerce-checkout h3 {font-size: 21px; padding-left: 20px;}
    #payment .payment_methods li {margin-bottom: 0;}
    .place-order {margin-top: 20px;}
    .woocommerce-checkout h3,
    #order_review h4 {font-size: 22px; padding-left: 15px;}
    .allTogether h5 {font-size: 15px;}

    /***** END CHECKOUT *****/
}

@media only screen and (max-width: 500px) {
    /***** START HOMEPAGE *****/
    .swiper-container#iconsSlider .swiper-button-prev, .swiper-container#iconsSlider .swiper-button-next {width: 20px; height: 20px;}
    .swiper-container#iconsSlider .swiper-button-prev::after, .swiper-container#iconsSlider .swiper-button-next::after {font-size: 20px;}
    /***** END HOMEPAGE *****/

    /***** START PRODUCT PAGE *****/
    .summary .advantages .advantage-col {margin: 0 10px;}
    .summary .advantages .advantage-col span {font-size: 12px; line-height: 15px;}
    /***** END PRODUCT PAGE *****/

    /***** START SHOP *****/
    ul.products li.product .woocommerce-loop-product__title {font-size: 18px;}
    ul.products li.product .mostPopular span {font-size: 16px;}
    /***** END SHOP *****/

    /***** START CART *****/
    .cart-collaterals .cross-sells .product .actions a.add_to_cart_button {width: 100%; position: relative; top: -10px;}
    body.woocommerce-cart #content a.remove::before {width: 20px; height: 20px; line-height: 25px; margin-top: -8.5px; font-size: 20px; }
    /***** END CART *****/

    /***** START CHECKOUT *****/
    .woocommerce form .form-row.form-row-66#billing_city_field,
    .woocommerce form .form-row.form-row-33#billing_postcode_field,
    .woocommerce form .form-row.form-row-33#shipping_postcode_field,
    .woocommerce form .form-row.form-row-66#shipping_city_field {width: 100%;}

    .woocommerce-checkout form.checkout p.form-row:not(#billing_country_field) > label {left: 7px;}
    .woocommerce-checkout h3, #order_review h4 {padding-left: 7px;}
    .woocommerce-checkout ul#shipping_method li {padding: 20px 10px; padding-left: 15px;}
    #payment .payment_methods>.wc_payment_method>label, #payment .payment_methods>.woocommerce-PaymentMethod>label {padding: 20px 10px;}
    body.woocommerce-checkout .surprise-product-section ul li label #title {padding: 20px 10px;}
    body.woocommerce-checkout .surprise-product-section ul li label #content #description span.lineThrough {font-size: 19px;}
    body.woocommerce-checkout .surprise-product-section ul li label #content #description span.newPrice {font-size: 23px;}
    body.woocommerce-checkout .surprise-product-section ul li label #content #description span.desc {font-size: 0.9rem; line-height: 17px;}
    .place-order .advantages .advantage-col span {font-size: 11px;}
    .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {text-align: center}
    .form-row.custom-validation-error .custom-validation-error#billing_postcode-error {bottom: -14px;}



    /***** END CHECKOUT *****/

    /***** START THANKYOU PAGE *****/
    .woocommerce-order-details h2.woocommerce-order-details__title,
    .woocommerce-order .woocommerce-order-slide-title,
    .woocommerce-order .woocommerce-order-instructions-slide-title {font-size: 15px;}
    /***** END THANKYOU PAGE *****/

    /******START FOOTER******/
    #footerKL #upperFooter .flags ul li a img {width: 50px; margin: 0 auto;}
    /******END FOOTER******/

    /***** CHECKOUT *****/
    .special-product {padding: 60px 10px 20px 10px;}
    .special-product .surpriseContent_content {padding-left: 10px;}
    .special-product .flex img {width: 30px;}
    .special-product .surpriseContent_content h3 {margin-bottom: 0; font-size: 15px;}
   /* .special-product .surpriseContent_price {margin-top: 0; padding: 10px 0; padding-left: 10px; position: relative; display: flex; align-content: center; flex-direction: row; align-items: center; justify-content: space-between;}*/
    .special-product {padding: 50px  10px 10px 10px;}


    .special-product .surpriseContent_price span.oldPrice {top: 2px; font-size: 15px;}
    .special-product .surpriseContent_price button {margin-top: 10px;}
    .special-product .surpriseContent_price span.newPrice .woocommerce-Price-amount {font-size: 22px;}
    .special-product .surpriseContent_price span.newPrice .woocommerce-Price-amount .woocommerce-Price-currencySymbol {font-size: 25px;}
    .special-product .surpriseContent_content .text {padding: 0; padding-right: 10px; line-height: 17px; }
    .special-product .surpriseContent_content span  {font-size: 13px;  line-height: 10px; }
    /*.special-product .surpriseContent_price button {width: auto; padding: 7px 15px;}*/
    .special-product .surpriseContent_price a.removeItem {/*position: absolute; bottom: -14px; right: 8px;*/ font-size: 11px;}

}

@media only screen and (max-width: 450px) {

    /******START HOMEPAGE******/
    #masthead span#searchIcon {margin: 0 15px 0 auto;}
    #mainImage {padding-top: 50px;}
    #mainImage h2 {top: 20px;}
    .swiper-container#iconsSlider {height: 145px;}
    /******END HOMEPAGE******/

    /******START PRODUCT PAGE******/
    .summary .singleProdQuantity .flex .col1_3 .innerCol {display: block;}
    .summary .addToCartContent span {font-size: 12px;}
    /******END PRODUCT PAGE******/

    /***** START CHECKOUT *****/
    body.woocommerce-cart #content .shop_table tbody tr td .addItem a {font-size: 13px; min-width: 80px;}
    input#surprise_product {width: 3px;}

}

@media only screen and (max-width: 430px) {
    /***** START CHECKOUT *****/
    body.woocommerce-cart #content .shop_table tbody tr td .addItem a {font-size: 13px; min-width: 80px;}
    .woocommerce-checkout ul#shipping_method li.standard,
    .woocommerce-checkout ul#shipping_method li.express {background: #f5f5f5;}
    /***** END CHECKOUT *****/
}



@media only screen and (max-width: 415px) {

    /******START HEADER******/
    .primary-navigation .sub-menu {max-width: 200px;}
    /******END HEADER******/

    /******START HOMEPAGE******/
    #mainImage ul li span {font-size: 16px; line-height: 20px;}

    .swiper-container#iconsSlider {height: 135px;}
    .swiper-container#iconsSlider .swiper-button-prev,
    .swiper-container#iconsSlider .swiper-button-next {width: 25px; height: 25px;}
    .swiper-container#iconsSlider .swiper-button-prev::after,
    .swiper-container#iconsSlider .swiper-button-next::after {font-size: 15px;}
    .swiper-container#iconsSlider .swiper-wrapper .swiper-slide span {font-size: 12px; line-height: 15px;}
    /******END HOMEPAGE******/

    /***** START PRODUCT PAGE *****/
    .summary .advantages .advantage-col img {height: 55px; margin: 0 auto;}
    .fbCommentWrapper .likesAndShares span.col1_3 {font-size: 13px;}
    .summary p.price del .woocommerce-Price-amount.amount bdi {font-size: 19px;}
    .summary p.price ins, .summary p.price .woocommerce-Price-amount.amount bdi,
    .summary p.price .sale-percentage {font-size: 22px;}
    /***** END PRODUCT PAGE *****/

    /***** START SHOP *****/
    ul.products li.product .woocommerce-loop-product__title {font-size: 16px;}
    ul.products li.product .mostPopular span {font-size: 14px;}
    .mostPopular span span.triangle {top: -6px; right: -16.5px;border-width: 35px 13px 0 0;}
    .mostPopular {padding: 6px 4px;}
    /***** END SHOP *****/

    /***** START CART *****/
    .yellowNotification span {font-size: 11px;}
    #newOrderHeader span.underText {font-size: 11px; line-height: 13px;}
    body.woocommerce-cart #content a.checkout-button {font-size: 19px;}
    .cart-collaterals .cross-sells .products .product {padding-bottom: 10px;}
    body.woocommerce-cart #content .cross-sells .product .swiper-product-upsell {width: 200px; margin-right: 0;}
    .cart-collaterals .cross-sells .product .mobileHidden .regular span,
    .cart-collaterals .cross-sells .product .mobileHidden .sale {font-size: 20px;}
    /***** END CART *****/

    /***** START CHECKOUT *****/
    body.woocommerce-checkout .surprise-product-section ul li label #content #description span.lineThrough {margin-right: 10px;}
    .place-order .advantages .advantage-col {margin: 0 5px;}
    .place-order .advantages .advantage-col img {height: 55px;}
    /***** END CHECKOUT *****/

    /**** START THANK YOU PAGE*****/
    .cart-collaterals .cross-sells .product .mobileHidden .regular span, .cart-collaterals .cross-sells .product .mobileHidden .sale {font-size: 17px;}
    .woocommerce-order .woocommerce-order-slide-container, .woocommerce-order .woocommerce-instructions-slide-container {height: auto; min-height: 35px; margin: 0; padding: 0;}
    .woocommerce-order-details h2.woocommerce-order-details__title, .woocommerce-order .woocommerce-order-slide-title, .woocommerce-order .woocommerce-order-instructions-slide-title {margin: 0; padding: 0; line-height: 15px; display: block; padding: 10px;}
    ul.order_details li {padding: 10px;}
    table.woocommerce-table.order_details thead tr th, table.woocommerce-table.order_details tbody tr td,
    .woocommerce-order-details table.woocommerce-table tfoot tr th,
    .woocommerce-order-details table.woocommerce-table tfoot tr td {padding: 10px;}
    /**** END THANK YOU PAGE*****/


}

@media only screen and (max-width: 380px) {

    ul.ChooseSize li.variation-attribute ul li {
        padding: 30px 10px;
        width: auto !important;
        line-height: 20px;
        padding: 30px 20px;
        height: auto;
        margin: 0;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /***** START HOMEPAGE *****/
    .site-header .col-full .site-search button {width: 85px;}
    #footerKL #upperFooter .flags ul.wp1585 li span {font-size: 13px;}
    .printedProducts h2 {font-size: 14px;}
    .printedProducts .col1_2 .innerCol {line-height: 16px;}
    /***** END HOMEPAGE *****/

    /******START FOOTER******/
    #footerKL #upperFooter .flags ul.wp1585 li {padding: 20px; padding-top: 0;}
    #footerKL .payments-bar img {width: 70px;}
    /******END FOOTER******/

    /***** START PRODUCT PAGE *****/
    .fbCommentWrapper .likesAndShares span.col1_3 {font-size: 11px;}
    /***** END PRODUCT PAGE *****/

    #customer_details .form-row label {font-size: 12px;}
    .form-row.custom-validation-error .custom-validation-error {font-size: 12px;}

}



@media only screen and (max-width: 340px) {
    /***** START HOMEPAGE *****/
    body.home #masthead {padding-right: 10px;}
    .site-header .col-full .site-search button {width: 80px;}
    #masthead .search-toggle {margin-right: 70px; position: relative; top: 3px;}
    #masthead .cart-info {display: block;}
    #masthead span#searchIcon.close {position: relative; left: 65px; background-color: #314a78; width: 35px; padding-left: 10px; background-position: center;}
    .site-header .col-full .site-search.open {right: 45px;}
    #footerKL #upperFooter .flags ul.wp1585 {max-width: 80%; display: flex;}
    #footerKL #upperFooter .flags ul.wp1585 .half {width: 50%; display: block;}
    #footerKL #upperFooter .flags ul.wp1585 .half li {width: 100%;}
    #mainImage ul li span {font-size: 14px;}
    /***** END HOMEPAGE *****/

    /******START HEADER******/

    /******END HEADER******/

    /***** START PRODUCT PAGE *****/
    .summary .addToCartContent button[type="submit"] {font-size: 20px;}
    /***** END PRODUCT PAGE *****/

    /***** START CART *****/
    body.woocommerce-cart {padding-bottom: 90px;}
    body.woocommerce-cart #content a.checkout-button {font-size: 16px;}
    .cart-collaterals .cross-sells .product .mobileHidden .regular span, .cart-collaterals .cross-sells .product .mobileHidden .sale {font-size: 16px;}
    /***** END CART *****/

    /***** START CHECKOUT *****/
    .allTogether span.paddLeft {padding-left: 10px;}
    /***** END CHECKOUT *****/


    .special-product .flex img {margin-right: 10px;}
    .special-product .surpriseContent_content {display: block; padding-left: 0;}
    .special-product .surpriseContent_price {display: block; padding-left: 0; margin-top: 10px;}
    .special-product .surpriseContent_price button{margin-top: 10px; width: 100%;}
    .special-product .surpriseContent_price a.removeItem {position: relative; top: auto; left: auto; right: auto; bottom: auto;}

}

@media only screen and (max-width: 350px) {
    /***** START HOMEPAGE *****/
    #mainImage h2 span {font-size: 17px;}
    /***** END HOMEPAGE *****/

    /***** START SHOP *****/
    .storefront-full-width-content .site-main ul.products.columns-4 li.product {width: 100%;}
    /***** END SHOP *****/

    /***** START PRODUCT PAGE *****/
    .summary .product-rating {flex-wrap: wrap;}
    /***** END PRODUCT PAGE *****/

    /***** START CHECKOUT *****/
    .woocommerce-checkout ul#shipping_method li.standard,
    .woocommerce-checkout ul#shipping_method li.express  {background-image:none;}
    /***** END CHECKOUT *****/

    /******START FOOTER******/
    #footerKL #upperFooter .flags {display: flex;}
    #footerKL #upperFooter .flags ul {display: block; width: 40%;}
    /******END FOOTER******/

}

@media only screen and (max-width: 325px) {
    /***** START CHECKOUT *****/
    .form-row.custom-validation-error .custom-validation-error {font-size: 9px;}
    /***** END CHECKOUT *****/
}

#ppc-button{
    margin-bottom:5%;
    width:70%;
    margin-left:auto;
    margin-right:auto;
}

.optional{
    display:none;
}

#podatki{
    text-align: center;
    background-color:#2C3259;
    color:white;
    width:50%;
}

#podatki:hover{
    cursor: pointer;
}

#povzetek{
    text-align:center;
    border-left:1px solid black;
}

.column-1_4 > .prices {
    text-align: center;
}

.phone-example {
    font-size:14px;
    margin:0;
}