/*
Theme Name: NOVACKOVA
Theme URI: 
Author: Petr Zelený
Description: Test Child Theme
Version: 1.0.0
Template: storefront
Text Domain: novackova
Tags:

*/

body{font-family: 'Raleway', sans-serif;}
body.home{

    -webkit-transition:all 0.5s ease-in;
    -moz-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in;

}

.home #main{min-height: 300px;}
body .col-full{width: 1740px;max-width: 1740px;}
body.product-fullwidth #primary{width: 1740px;max-width: 1740px;}
body.category-fullwidth #primary{width: 1740px;max-width: 1740px;}
.clearfix{clear: both; float: none; width: 100%;}
.clearfix-3-col{clear: both; float: none; width: 100%;}
.left-sidebar .widget-area{width: 310px; max-width: 310px; margin-right: 50px;}
.left-sidebar .content-area{width: 1378px;}
header.site-header .col-full{width: 500px;max-width: 500px; float: left;     padding-left: 0px;}
header.site-header .storefront-primary-navigation{width: 500px;max-width: 500px; float: right; clear: none;}
.main-slide-bg{background-repeat: no-repeat; background-size: cover;   
               /*min-height: 1060px;*/ 
               position: relative; }
.site-header{background-color: transparent;}
.cart-btn{border: solid white 1px;;}

.site-header .storefront-primary-navigation{ margin-top: 25px;}
.site-header{ padding-left: 80px; padding-right: 80px;
              border-bottom: none!important;   
              background-image: url('img/category-header.jpg'); background-repeat: no-repeat; background-position: top center; height: 177px;
              position: relative;
              max-width: 1900px;
              margin: 0 auto;
}
.logo-wrapper.sub-site{  
    position: relative; left: 0px; top: 0px;
    float: left;
    display: block;}
.home .site-header{background-image: none;     padding-right: 80px; padding-top: 80px;}

.menu-opener{background-image: url('img/hamburger.png'); background-repeat: no-repeat; background-position: center center;
             float: right; background-color: transparent; width: 70px; height: 44px;}
.menu-opener:hover{background-image: url('img/hamburger-hover.png'); background-color: transparent;}
.cart-btn{background-image: url('img/cart-icon.svg'); background-repeat: no-repeat; background-position: center center;
          background-color: transparent; width: 32px; height: 44px; border: none;     float: right;
          margin-right: 40px;}

.cart-btn:hover{ background-color: transparent!important;
                 background-image: url('img/cart-icon-black.svg');
}

.hp-text-wrapper{float: right; position: absolute; top: 80px; z-index: 999;}
.hp-text-wrapper .row1, .hp-text-wrapper .row1 a,
.hp-text-wrapper .row2, .hp-text-wrapper .row2 a{font-size: 22px; color: #ffffff; font-weight: 300;}
.hp-text-wrapper .row3, .hp-text-wrapper .row3 a{font-size: 22px; color: #ffffff; font-weight: 800;}

.logo-wrapper{position: absolute; left: 80px; bottom: 0px;}

ul.product-categories{  counter-reset: section;   }
ul.product-categories>li{margin-bottom: 100px;  padding-bottom: 15px; position: relative;     padding-left: 30px;}
ul.product-categories>li a{font-weight: bold!important; font-size: 17px; color: #2d2113!important; text-decoration: none!important;}
ul.product-categories>li:after{ content: " "; position: absolute; border-bottom: solid 4px #2d2113; width: 200px; left: 0px; top: 28px;}                 /* Increment the value of section counter by 1 */
ul.product-categories>li:before, 
.widget_product_categories>ul>li.current-cat::before{ counter-increment: section;                 /* Increment the value of section counter by 1 */
                                                      content: counter(section) ". ";  color: #2d2113!important; font-size: 17px; font-weight: bold; color: #2d2113; font-family: 'Raleway', sans-serif;
                                                      opacity: 1;}

.woocommerce-breadcrumb a:first-of-type::before{content: ""!important;}

ul.product-categories{padding-left: 10px;}
ul.product-categories li ul li:before{content: ""!important;}
ul.product-categories li ul li.current-cat:before{content: ""!important;}
ul.product-categories li ul.children {padding-left: 0px!important; margin-left: -25px!important;     margin-top: 50px;
}
ul.product-categories li ul.children li {padding-left: 0px!important; margin-left: 0px!important;}
ul.product-categories>li ul li a{font-size: 17px!important; font-weight: normal!important;}

.wg-product-filter{width: 100%; float: left;}
#price-slider-range{float: left; width: 100%; margin-top: 10px;} 
#price-slider-range .users-values{float: left; width: 100%; margin-top: 25px;} 
#price-slider-range .users-values .val-max{float: right; } 
.main-slider-wrapper {float: left; width: 30%;     padding-right: 80px;}
.color-filter {float: left; width: 30%;     padding: 0 80px;     padding-left: 200px;}
.material-filter {float: left; width: 30%; padding-left: 80px;}

span.label{color: #2d2113; font-weight: bold;    margin-bottom: 25px;
           display: block; font-size: 17px; float: left;     width: 100%;}

.slider-wrapper #amount
{    font-size: 14px;
     font-weight: 500;
     font-family: graphik;  border: none;
     float: right;
     max-width: 80px;
     margin-left: 30px; }
.slider-row{  float: left;
              clear: both; width: 100%;
              display: block;}

.slider-wrapper #amount{
    font-size: 14px; 
    max-width: 210px;   margin-left: 5px;
    padding-top: 7px;}

.slider-wrapper .ui-slider-range{
    background: none !important;
    height: 1px !important;
    border: none !important;
}

#price-slider-range .ui-widget-header{background: #2e2315;}
#price-slider-range.ui-widget-content{border-color: #2e2315;}

#price-slider-range .ui-slider-horizontal .ui-slider-range{
    border-top: 4px solid #c2c2cc; 
    top: -6px;
    height: 10px!important;
    background-color: #c2c2cc!important;
}

#price-slider-range .ui-slider-handle{
    border-radius: 18px; border-width: 7px !important;
    background-color: white !important;
    border-color: #2e2315 !important;   top: -.75em !important; height: 26px; width: 26px;
}

.material-filter .wg-input{float: left; min-height: 25px; margin-right: 25px; margin-bottom: 8px;}

.wg-input input[type="checkbox"], .wg-input input[type="radio"] {
    display:none;
}
.wg-input  input[type="checkbox"] + label,
.wg-input  input[type="radio"] + label {font-size: 15px; font-weight: normal; line-height: 25px; cursor: pointer;}

.wg-input.checked  input[type="checkbox"] + label,
.wg-input.checked  input[type="radio"] + label{font-weight: bold;}
.wg-input  input[type="checkbox"] + label span
{
    display:inline-block;     margin-right: 5px;
    width:25px; float: left;
    height:25px;     margin-top: 0px;
    background:url(img/checkbox-unchecked.png) left top no-repeat;
}
.wg-input  input[type="radio"] + label span {
    display:inline-block;     margin-right: 5px;
    width:25px; float: left;
    height:25px;     margin-top: 0px;
    background:url(img/radio-unchecked.svg) left top no-repeat;
}

.wg-input  input[type="checkbox"]:checked + label span {
    background:url(img/checkbox-checked.png) 0px top no-repeat;
}
.wg-input  input[type="radio"]:checked + label span {
    background:url(img/radio-checked.svg) 0px top no-repeat;
}

.color-filter-item{width: 25px; height: 25px; float: left; margin-right: 8px; margin-bottom: 8px; float: left;}
.color-filter-item button{ width: 25px; height: 25px; border:none; padding: 0px;}
.color-filter-item.checked button{ background-image: url('img/checked.png'); background-position: center center; background-repeat: no-repeat;}

.clear-filter-box{width: 100%; clear: both; float: none; margin-top: 25px;}
.clear-filter-box a{color: #2e2315;}

.woocommerce-loop-product__title{color: #2d2113; font-size: 16px;}

ul.products li .price{color: #2d2113; font-size: 20px; font-weight: 900;}

footer.site-footer{background-color: transparent;}

.site-info{float: right; padding-bottom: 0px; margin-bottom: 0px;}
.site-info span.dash{display: block; border-bottom: solid 4px #2e2315; width: 30px;
                     margin-top: 14px;    margin-left: 20px; float: right;}



.single-product div.product .woocommerce-product-gallery{position: relative;     padding-left: 270px;
                                                         width: 50%; margin-right: 0px; padding-right: 60px;
                                                         min-height: 400px;}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs{
    position: absolute; left: 50px; top: 0px; width: 100px;     overflow-y: scroll;
    max-height: 340px;
}

.single-product.product-fullwidth div.product .summary{width: 50%;margin-left: 0px; padding-left: 60px;}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{width: 100%; float: none; margin-left: 0px;
                                                                                                                        margin-right: 0px; margin-bottom: 20px;}

h1.product_title.entry-title{
    font-size: 36px; color: #2d2113; text-transform: uppercase; font-family: 'Playfair Display', serif;
}
.product-fullwidth .button:before{ 
    content: " "; position: absolute; height: 20px; width: 20px;
    background-image: url('img/cart-icon.png'); background-repeat: no-repeat; background-position: left center;
    background-size: contain; margin-left: -80px; margin-top: 20px;
}

div.product form.cart .quantity{position: relative; width: 100px;}
.wg-buttons-wrapper{position: absolute; height: 100%; width: 36px;     right: 0px;
                    top: 0;}
.wg-buttons-wrapper .plus-btn{width: 34px; height: 30px; background-color: #ebebea; color: #9c9d98;     padding: 0px;}
.wg-buttons-wrapper .minus-btn{width: 34px; height: 30px; background-color: #ebebea; color: #9c9d98;     padding: 0px;}

.product-fullwidth .button[name="add-to-cart"]{width: 330px; line-height: 60px; padding: 0px}
.product-fullwidth .quantity .qty{height: 60px;}
.product-fullwidth .button{
    background-color: #9c9d98; color: white; padding-left: 40px;
}
.product-fullwidth .woocommerce-Price-amount.amount{
    font-size: 36px; font-weight: 900;   
}

.post-box{width: 32%; float: left; margin-right: 1%; margin-bottom: 90px;}
.post-box .title{margin-top: 60px; font-size: 24px; color: #2d2113; text-transform: uppercase; color:#2d2113; font-family: 'Playfair Display', serif;}
.post-box .excerpt{font-size: 15px; color: #2d2113; margin-top: 40px; margin-bottom: 40px; padding-right: 50px; font-weight: 300;}
.post-box .post-meta{float: left;     width: 100%;}
.post-box .post-meta  .post-date{float: left; font-size: 13px; color: #9c9d98; font-weight: bold; line-height: 100%;}
.post-box .post-meta  .separator{float: left; border-bottom: solid 4px #2e2315; width: 28px;
                                 margin-left: 105px; margin-right: 25px; margin-top: 6px;}
.post-box .post-meta  .post-more-link{float: left; font-size: 12px; color: #9c9d98; font-weight: bold;}
.post-box .post-meta  .post-more-link a{ font-size: 12px; color: #9c9d98; font-weight: bold; line-height: 100%;}
.post-box.last{ margin-right: 0%;}

ul.wg-gallery{ margin-left: 0px; padding-left: 0px; list-style: none;}
ul.wg-gallery li{float: left; list-style: none;}

/*ul.products li.product .woocommerce-LoopProduct-link{border: solid 1px #ededed;}*/

.woocommerce-breadcrumb .breadcrumb-separator::after{
    content: " - "!important;
}

.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers:hover
{
    background-color: transparent!important; border: solid 1px #2e2315; font-size: 18px; font-weight: bold;
}

.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers{
    background-color: transparent!important;  font-size: 18px; font-weight: normal;
}
.pagination .page-numbers li, .woocommerce-pagination .page-numbers li {
    margin-right: 10px !important;
}

table.shop_attributes{}
table.shop_attributes td{background-color: transparent;}

ul.shop_attributes{padding-left: 0px; margin-left: 0px; list-style: none; margin-top: 30px; float: left; width: 100%;}
ul.shop_attributes li{width: 100%; float: left;     line-height: 100%; height: 25px;}
ul.shop_attributes li span{float: left; margin-right: 5px;     line-height: 100%;}

.single-product div.product p.price{display: block; clear: both;     margin-top: 20px;
                                    margin-bottom: 0;}

.stock-label{border: solid 4px #ebebea; padding: 5px 20px; position: absolute; right: 60px; color: #9c9d98; font-weight: bold; text-transform: uppercase;
             color: #9c9d98;}

/*.woocommerce-product-gallery__wrapper{margin-top: 45px;}*/
.flex-viewport{margin-top: 45px!important;}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{bottom: 0px; top: auto;}

.archive.category .archive-title{text-align: center; margin-bottom: 80px;}

.single-post-wrapper{width: 980px; margin: 0 auto; text-align: center;}
.single-post-wrapper p{line-height: 28px;}

h1, h1.single-post-title{font-size: 36px; font-family: 'Playfair Display', serif; text-transform: uppercase;}
h1.single-post-title{margin-bottom: 10px;}

h2{font-size: 24px; font-family: 'Playfair Display', serif; text-transform: uppercase;}
h3{font-size: 20px; font-family: 'Playfair Display', serif; text-transform: uppercase;}
h4{font-size: 16px; font-family: 'Playfair Display', serif; text-transform: uppercase;}
h5{font-size: 14px; font-family: 'Playfair Display', serif; text-transform: uppercase;}
h6{font-size: 12px; font-family: 'Playfair Display', serif; text-transform: uppercase;}

.single-post-wrapper ul{list-style: none;  text-align: left; margin-left: 0px;}
.single-post-wrapper ul li{ padding-left: 65px; position: relative; font-size: 16px; font-weight: 300; }
.single-post-wrapper ul li:before{content: " "; position: absolute; width: 28px; border-bottom: 4px solid #2e2315; left: 0px; bottom: 10px;}
.single-post-wrapper ol{list-style: none;  text-align: left; margin-left: 0px;  counter-reset: olsection;  }
.single-post-wrapper ol li{ padding-left: 50px; position: relative; font-size: 16px; font-weight: 300; }
.single-post-wrapper ol li:before{counter-increment: olsection;  position: absolute; left: 0px;  font-family: 'Playfair Display', serif;              /* Increment the value of section counter by 1 */
                                  content: counter(olsection) " ";   font-size: 20px!important; font-weight: normal; top: 0px;
                                  line-height: 100%;}

.single-post-wrapper table{border-top: solid #ebebea 4px;border-bottom: solid #ebebea 4px;}
.single-post-wrapper table td{background-color: transparent!important;}
.single-post-wrapper .beta+h3, h2+h3 {
    border: none!important;}
.single-post-wrapper .post-date{font-size:13px; color: #9c9d98; font-weight: bold; margin-bottom: 60px;}

.single-post-wrapper p img{margin-top: 40px!important; margin-bottom: 40px!important;}

.side-menu {width: 470px; background-color: white; position: absolute; right: 0px; height: 100%; top: 0px; z-index: 99999; padding: 60px; display: none;}
.side-menu.opened{display: block; overflow-y: scroll;}
.side-menu  nav ul li{width: 100%; float: none;}
.side-menu  nav ul li a{ font-family: 'Playfair Display', serif;  font-size: 36px; color: #2d2113; padding: 20px 0px!important; text-align: center;}
.side-menu  #menu-hlavni-menu{margin-top: 80px;}
.side-menu  .wg-social-icons{margin-top: 80px;}
.wg-wrapp{float: left;}
button.close-menu{
    width: 54px; height: 54px; background-image: url('img/close-btn.png'); background-repeat: no-repeat; background-position: center center; 
    border: none; background-color: transparent; float: right;
}

.cart-btn span.count{ width: 30px; height: 30px; color: #2d2113; font-weight: bold; font-size: 13px; line-height: 30px; text-align: center;
                      background-color: white; border-radius: 50%; position: absolute;}

.col-address{width: 25%; float: right; padding-left: 80px;}
.col-map{    width: 60%;
             float: left;
             position: absolute;
             left: 0px;}
.col-map #map{width: 100%; height: 400px;}

.map-left-wrapper{width: 980px; margin: 0 auto; min-height: 400px;}
.wg_contact_row{width: 980px; margin: 0 auto; font-family: 'Playfair Display', serif;}
.wg_contact_row_inner{float: left; width: 100%;  margin-bottom: 40px; }
.wg_contact_row .col1{width: 25%; float: left; font-size: 24px; text-align: left; }
.wg_contact_row .col2{width: 50%; float: left;  font-size: 24px; text-align: center;}
.wg_contact_row .col2 a{  font-size: 24px; color: #2d2113;}
.wg_contact_row .col3{width: 25%; float: left;  font-size: 24px; text-align: right;}

.page-template-template-contact h1{text-align: center;}

.wg-social-icons{}
.wg-social-icons .wrapper{width: 290px; margin: 0 auto;}
.wg-social-icons .fb a{
    /*ackground-image: url('img/facebook.svg');*/ 

    background-color: #d9d9d9;
    -webkit-mask:  url(img/facebook.svg) no-repeat 50% 50%;
    mask: url(img/facebook.svg) no-repeat 50% 50%; mask-size: cover;
    -webkit-mask-size: cover;

    background-repeat: no-repeat; background-position: center center; width: 41px; height: 83px; display: block; float: left;
    margin-right: 10px;}
.wg-social-icons .inst a{
    /*background-image: url('img/insta-icon.png');*/
    background-repeat: no-repeat; background-position: center center; width: 84px; height: 83px; 
    display: block; float: left; margin-left: 20px;



    background-color: #d9d9d9;
    -webkit-mask:  url(img/instagram-logo.svg) no-repeat 50% 50%;
    mask: url(img/instagram-logo.svg) no-repeat 50% 50%; mask-size: cover;
    -webkit-mask-size: cover;



}

.wg-social-icons .youtube a{
    /*background-image: url('img/insta-icon.png');*/
    background-repeat: no-repeat; background-position: center center; width: 84px; height: 83px; 
    display: block; float: left; margin-left: 20px;



    /*background-color: #d9d9d9;*/
    /*-webkit-mask:  url(img/youtube-logo-light.svg) no-repeat 50% 50%;*/
    /*mask: url(img/instagram-logo-light.svg) no-repeat 50% 50%; mask-size: cover;*/
    /*-webkit-mask-size: cover;*/

    background-image: url(img/youtube-logo-light.svg);
    background-repeat: no-repeat;
    background-size: contain;



}
.wg-social-icons .youtube a:hover{
    background-image: url(img/youtube-logo-dark.svg); 
}

.wg-social-icons .inst a:hover,
.wg-social-icons .fb a:hover{
    background-color: #2e2315;
}



.page-template-template-contact .nf-form-cont {
    width: 980px; margin: 0 auto; float: none; margin-top: 100px;
}
.nf-form-title{font-family: 'Playfair Display', serif;  font-size: 24px; color: #2d2113; width: 100%; text-align: center;}

.page-template-template-contact  #nf-field-5-container{width: 50%; float: left; clear: none; padding-right: 20px;}
.page-template-template-contact  #nf-field-6-container{width: 50%; float: left; clear: none; padding-left: 20px;}

.input-text, input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{
    background-color: white; border: solid 4px #ebebea;
}
.input-text, input[type=email]:active, input[type=password]:active, input[type=search]:active, input[type=tel]:active, input[type=text]:active, input[type=url]:active, textarea:active{
    background-color: white; border: solid 4px #9c9d98;
}
.input-text, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus{
    background-color: white; border: solid 4px #9c9d98;
}
.form-row.woocommerce-invalid input.input-text {
    box-shadow: none; border: solid 4px #d56c5e; color: #d56c5e;
}

.select2-container--default .select2-selection--single{
    background-color: white; border: solid 4px #ebebea; line-height: 50px; height: 50px; border-radius: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 45px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 49px;}
.input-text:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
    background-color: white;
    color: #2d2113;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
    color: #9c9d98; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 13px;
}
.form-row.woocommerce-invalid input::-webkit-input-placeholder, 
.form-row.woocommerce-invalid .textarea::-webkit-input-placeholder{
    color: #d56c5e;
}
input::-moz-placeholder, textarea::-moz-placeholder  { /* Firefox 19+ */
    color: #9c9d98; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 13px;
}
.form-row.woocommerce-invalid  input::-moz-placeholder,  .form-row.woocommerce-invalid  textarea::-moz-placeholder  { /* Firefox 19+ */
    color: #d56c5e;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
    color: #9c9d98; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 13px;
}
.form-row.woocommerce-invalid  input:-ms-input-placeholder, .form-row.woocommerce-invalid  textarea:-ms-input-placeholder { /* IE 10+ */
    color: #d56c5e;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
    color: #9c9d98; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 13px;
}
.form-row.woocommerce-invalid  input:-moz-placeholder, .form-row.woocommerce-invalid  textarea:-moz-placeholder { /* Firefox 18- */
    color: #d56c5e;
}

.nf-form-cont input[type="button"]{
    color: white; background-color: #9c9d98; font-size: 15px;  font-family: 'Raleway', sans-serif; font-weight: bold;
    padding-left: 50px; position: relative; width: 266px!important;
}
#nf-field-8-wrap{width: 266px!important; margin: 0 auto; position: relative;}
#nf-field-8-wrap:before{content: " "!important; position: absolute; 
                        background-image: url('img/send-icon.svg'); background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; position: absolute; 
                        z-index: 90;
                        top: 10px;
                        left: 50px}

h1.archive-title{text-align: center;}
h1.wg-gallery-title{text-align: center;}
.gallery-excerpt{margin-top: 40px; margin-bottom: 40px; text-align: center; }

ul.tag-filter-list {margin-left: 0px; padding-left: 0px; text-align: center;
                    display: inline-block;}
ul.tag-filter-list li{list-style: none; float: left; margin-right: 15px;     margin-bottom: 15px;}
ul.tag-filter-list button{ background-color: white; border: solid 4px #ebebea; font-size: 13px; color: #9c9d98; font-weight: bold;
                           min-width: 157px; text-align: center; text-transform: uppercase; line-height: 34px; padding: 0px;}
#tag-filter-form{float: left; clear: both; width: 100%; text-align: center;}
ul.tag-filter-list button:hover{background-color: #ebebea;}
ul.tag-filter-list button.active{background-color: #9c9d98; border-color: #9c9d98; color: white; position: relative;}
ul.tag-filter-list button.active:after{background-image: url('img/carret.png'); background-repeat: no-repeat; background-position: center center; 
                                       width: 13px; height: 6px; position: absolute;
                                       bottom: -10px; margin: 0 auto; content: " ";     left: 49%;}

.gallery-box, .gallery-img{position: relative; }
.post-box.gallery-box{margin-bottom: 2%; }
.wg-image-owerlay{ display: none;
                   position: absolute; height: 100%; width: 100%;
                   background-image:  url('img/lupa.png'); background-repeat: no-repeat; background-position: center center; 
                   background-color: rgba(156,157,152, 0.8);

}
.gallery-box:hover .wg-image-owerlay,
.gallery-img:hover .wg-image-owerlay
{ display: block;}
.gallery-img{margin-right: 2%; width: 23.5%; margin-bottom: 2%;}
.gallery-img.last{margin-right: 0%;}

.wg-thumbnails{position: absolute; width: 140px; top: 0px; left: 0px;}

#shipping_method li input[type=radio]:first-child, #shipping_method li input[type=radio]:first-child {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
#shipping_method li label{padding-left: 35px;}
#payment .payment_methods > .woocommerce-PaymentMethod > label::before, 
#payment .payment_methods > .wc_payment_method > label::before,
#shipping_method label::before, 
#shipping_method label::before
{
    background:url(img/radio-unchecked.svg) 0px top no-repeat;   content:" "; width: 25px; height: 25px; position: absolute; left: 15px;background-size: cover;
}
#shipping_method label::before, 
#shipping_method label::before{left: 0px;}

#shipping_method li{position: relative;}
#payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child:checked + label::before,
#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label::before,
#shipping_method li input[type=radio]:first-child:checked + label::before
{
    background:url(img/radio-checked.svg) 0px top no-repeat;  content:" ";  width: 25px; height: 25px; position: absolute; left: 15px; background-size: cover;
}
#shipping_method li input[type=radio]:first-child:checked + label::before{left: 0px;}
#payment .payment_methods>.wc_payment_method>label, #payment .payment_methods>.woocommerce-PaymentMethod>label{padding-left: 50px;}


.nice-checkbox label::before,
#ship-to-different-address label::before
{
    background:url(img/checkbox-unchecked.png) 0px top no-repeat;   content:" "; width: 25px; height: 25px; position: absolute; right: 15px;
}

#ship-to-different-address input[type=checkbox]:checked + label::before,
.nice-checkbox  input[type=checkbox]:checked + label::before
{
    background:url(img/checkbox-checked.png) 0px top no-repeat;  content:" ";  width: 25px; height: 25px; position: absolute; right: 15px;
}

#billing_company_buy_on_field label{padding-left: 0px!important;}

#ship-to-different-address input[type=checkbox],
.nice-checkbox input[type=checkbox]
{
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}


body{overflow-x: auto!important;}

.woocommerce-message a.button:before{content: ""; background-image: none;}
.woocommerce-message a.button{    padding: 5px 10px;}

.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments{
    background-color: #333333; color: white;    line-height: 40px;
}


.primary-navigation{display: block!important;}

.form-row.woocommerce-validated input.input-text {
    box-shadow: inset 2px 0 0 #9c9d98;
}

.logo-wrapper img{width: 259px; height: 182px;}
.logo-hp path{fill:#ffffff;}
.logo-hp svg{width:200px; height: 200px;;     fill: white;}
.logo-wrapper.sub-site img{width: 259px; height: 182px;}
.logo-wrapper.sub-site path{fill:#ffffff;}
.logo-wrapper.sub-site svg{width:136px; height: 95px;;     fill: white;}
#billing_company_field{display: none!important;}
#billing_company_field.show{display: block!important;}
@media screen and (max-width: 1800px){
    body .col-full{width: 100%;max-width: 100%;     padding: 0 50px;
                   box-sizing: border-box;}
    body.product-fullwidth #primary{width: 100%;max-width: 100%;     padding: 0 0px;
                                    box-sizing: border-box;}
    body.category-fullwidth #primary{width: 100%;max-width: 100%;     padding: 0 50px;
                                     box-sizing: border-box;}
    .left-sidebar .widget-area {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%;}
    .left-sidebar .content-area{
        width: 73.9130434783%!important;
        float: right;
        margin-right: 0;}
    .material-filter{padding-left: 20px;}
    .color-filter{padding-left: 20px;   }
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs{left: 0px;}
    .single-product div.product .woocommerce-product-gallery{padding-left: 160px;}
}
@media screen and (max-height: 800px){
    .side-menu #menu-hlavni-menu {
        margin-top: 0px;
    }
    .side-menu .wg-social-icons{margin-top: 20px;}
    .side-menu nav ul li a{padding: 10px 0px!important;}
}
@media screen and (max-width: 1400px){
    .post-box .excerpt{padding-right: 0px;}
    body .col-full{margin-left: 0px; margin-right: 0px;}

}
@media screen and (max-width: 1200px){
    header.site-header .col-full{width: 40%;max-width: 500px; float: left;     padding-left: 0px;}
    header.site-header .storefront-primary-navigation{width: 40%;max-width: 500px; float: right; clear: none;}
    header.site-header .storefront-primary-navigation .col-full{width: 100%;}
    .wg_contact_row{width:100%;}
    .map-left-wrapper{width: 100%;}
    .page-template-template-contact .nf-form-cont{width: 100%;}
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs{
        position: relative; width: 100%;
    }
    .single-product div.product .woocommerce-product-gallery{padding-left: 0px;}
    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{float: left; width: auto;
                                                                                                                            margin-right: 10px;}
    .single-product div.product .woocommerce-product-gallery {
        padding-left: 0px;
    }
}
@media screen and (max-width: 1000px){
    .single-post-wrapper{width: 100%;max-width: 100%; }

    .main-slider-wrapper{width: 50%;}
    .material-filter{width: 50%;}
    .color-filter{width: 50%;  margin-top: 30px; }
    ul.product-categories>li:after{width: 90%;}

    .post-box{width: 48%; margin-right: 2%;}
    .clearfix-2-col{ clear: both;}
    .clearfix-3-col{ clear: none;}
    .post-box.last-2-col{ margin-right: 0px;}
    .post-box.last{ margin-right: 2%;}
    .post-box.last.last-2-col{ margin-right: 0px;}
    .site-main ul.products.columns-3 li.product{width: 48%; margin-right: 2%; float: left;}
    .main-slide-bg{min-height: 300px;;}
}
@media screen and (max-width: 950px){
    .hp-text-wrapper{position: absolute; float: left; width: auto; top: 200px; left: 30px;}
    .left-sidebar .content-area{width: 100%;}
    body.product-fullwidth #primary{padding-left: 20px; padding-right: 20px;}

    .logo-wrapper{top: 80px; bottom:  auto;     left: 30px;}
    .logo-hp svg{width: 136px; height: 95px;}
}
@media screen and (max-width: 900px){
    .post-box .post-meta .separator{display: none;}
    .post-box .post-meta .post-more-link{float: right;}
}
@media screen and (max-width: 850px){
    .wg_contact_row .col1,
    .wg_contact_row .col2,
    .wg_contact_row .col3
    {width:100%; float: left; text-align: center;}

    .wg-google-map .col-map{width: 100%; position: relative; margin-bottom: 40px;}
    .wg-google-map .col-address{width: 100%; text-align: center; padding: 0px;}
}
@media screen and (max-width: 767px){
    .single-product div.product .woocommerce-product-gallery{padding-right: 0px;}
    .home header.site-header .storefront-primary-navigation{
        /*margin: 0 auto;*/
        float: right ; right: 0px;
        position: relative; width: 200px;}
    .home .site-header{padding-left: 40px; padding-right: 40px;}
    /*.home .logo-wrapper {width: 33%; left: 33%;}*/
    .single-product div.product .woocommerce-product-gallery{
        width: 100%;
    }
    .single-product.product-fullwidth div.product .summary{
        width: 100%;
    }
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs{
        position: relative; width: 100%;
    }
    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{float: left; width: auto;
                                                                                                                            margin-right: 10px;}
    .single-product div.product .woocommerce-product-gallery {
        padding-left: 0px;
    }
    .single-product.product-fullwidth div.product .summary{padding-left: 0px;}
    .stock-label{left: 0px; right: auto;}
    #shipping_method li input[type=radio]:first-child:checked + label::before {
        left: auto;
        right: 0px;

    }
    #shipping_method li label{padding-right: 35px; padding-left: 0px; padding-top: 30px;


                              display: block;}
    #shipping_method label::before, #shipping_method label::before {
        left: auto;
        right: 0px;
    }

    table.woocommerce-checkout-review-order-table .product-name{width: 50%;}
}
@media screen and (max-width: 700px){
    header.site-header .storefront-primary-navigation .col-full{padding-right: 0px;}
    .site-header{padding-left: 40px; padding-right: 40px;}
    .left-sidebar .content-area{width: 100%; float: none; clear: both;}
    .left-sidebar .widget-area{width: 100%; float: none; clear: both;}
    .left-sidebar .content-area{width: 100%!important;}
    .wg-wrapp{float: left; width: 100%;}
    .wg-message .button.wc-forward{float: left;}
}
@media screen and (max-width: 600px){

    .side-menu .fb{top: 65px; left:10px; position: absolute;}
    .side-menu .inst{top: 65px; left: 40px; position: absolute;}
    .side-menu .youtube{top: 65px; left: 95px; position: absolute;}
    .side-menu nav ul li a{padding-top: 10px!important; padding-bottom: 10px!important;}
    .side-menu.opened{padding-bottom: 100px!important;}
    .side-menu .fb a{height: 40px;}
    .side-menu .inst a{height: 40px; width: 40px;}
    .side-menu .youtube a{height: 40px; width: 40px;}
    .post-box{width: 100%; margin-right: 0%; clear: both;}
    .clearfix-2-col{ clear: none;}
    .clearfix-3-col{ clear: none;}
    .post-box.last-2-col{ margin-right: 0px;}
    .post-box.last{ margin-right: 0%;}
    .post-box.last.last-2-col{ margin-right: 0px;}
    .page-template-template-contact  #nf-field-5-container{width: 100%; float: left; clear: none; padding-right: 0px;}
    .page-template-template-contact  #nf-field-6-container{width: 100%; float: left; clear: none; padding-left:0px;}
}
@media screen and (max-width: 500px){
    .side-menu{width: 100%;}
    .logo-wrapper.sub-site{position: absolute; left: 20px; top: 20px;}
    header.site-header .storefront-primary-navigation{position: absolute; right:40px; width: 100%;}
    .main-slider-wrapper{width: 100%;}
    .main-slider-wrapper, .color-filter {    padding-right: 15px;}
    .material-filter{width: 100%; margin-top: 60px;     padding-left: 0;}
    .color-filter{width: 100%;  margin-top: 30px;      padding-left: 0;}
    body.category-fullwidth #primary{padding: 0 20px;}
    body .col-full{padding: 0 20px;}

    .single-product .col-full,
    .archive.category  .col-full,
    .page .col-full,
    .single .col-full
    { padding-left: 10px; padding-right: 10px;}
    body.product-fullwidth #primary,
    body.archive.category #primary,
    body.page #primary,
    body.single #primary
    {padding-left: 10px; padding-right: 10px;}

}
@media screen and (max-width: 450px){
    .nf-form-cont input[type="button"]{width: 100%!important;}

}
@media screen and (max-width: 400px){
    .product-fullwidth .button[name="add-to-cart"] {
        width: 230px;
        line-height: 60px;
        padding: 0px;
        padding-left: 0px;
    }
    #ship-to-different-address{font-size: 16px;}
    .product-fullwidth .button:before{margin-left: -30px;}

}
@media screen and (max-width: 350px){
    .logo-wrapper.sub-site svg{    width: 80px;
                                   height: auto;  }

    .logo-wrapper.sub-site {    top: 45px;}
    .nicescroll-rails.nicescroll-rails-vr{
        padding-right: 0px!important;
    }

    .logo-hp svg{width: 80px;}
    .home .site-header{padding-top: 20px;}
    .home .logo-wrapper{top: 20px;}
}