/****** TILE DEPOT MAIN CSS ******/
body { background: #fff; min-width: 320px; }
body.no-scrolling { overflow: hidden; }
.home-wrap { max-width: 1294px; margin: 0 auto; padding: 0 2em; }
.wrap { max-width: 1294px; margin: 0 auto; padding: 0 2em; }
.wrap.slider { position: relative; height: 100%; }

a:focus { outline: none; }
*:focus { outline: none; }

.title-holder { position: relative; }
.title-holder .big-title { padding-top: 0.6em; }

.real-link {  font-size: 0.875em; color: #383338; text-transform: uppercase; }
.real-link span { position: relative; }
.real-link span:after { position: absolute; left: 0; display: block; bottom: -5px; width: 50%; height: 2px; background-color: #ffd204; content: ""; transition: width 300ms; }
.real-link:hover span:after { width: 100%; }
.real-link i { margin-left: 1.5%; }

.border-title { position: relative; text-transform: uppercase; padding-top: 0.6em;  font-size: 0.875em; font-weight: normal; color: #383338; }
.border-title:before { position: absolute; left: 0; display: block; top: -5px; width: 20px; height: 2px; background-color: #383338; content: ""; transition: width 300ms; }
.big-title { position: relative; padding: 0.6em 0 0 0;  font-size: 2.25em; color: #353235; font-weight: normal; }
.big-title span { position: absolute; top: 0; left: -0.45em; display: inline-block; width: 18px; height: 18px; background: url('images/plus-icon.png') no-repeat center center; }
.big-title.border-bottom:after { position: relative; top: -0.5em; display: block; content: '_'; margin-bottom: -0.25em; }
.subtitle { margin: 0;  font-size: 1.375em; }
.square-title { font-size: 1em; color: #353235; }

.page-title .big-title { padding-top: 0.6em; }

.info-title { display: block; text-transform: uppercase;  font-size: 0.88em; color: #191919; margin-bottom: 0; letter-spacing: 0.15em; }
.small-title {font-weight: normal; font-size: 0.8125em; color: #a4a4a4; margin-bottom: 2.3em; }

.res-holder { margin-bottom: 1em; }
.res-mode { font-weight: normal; font-size: 0.8125em; color: #353235; }

.site-header { box-sizing: border-box; padding: 0 3em; }
.site-header:after { content: ''; display: block; clear: both; }
.home .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 999; }
.slug-about-us .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 999; }
.site-header .site-title { float: left; padding: 1.625em 0; }
.site-header .nav-holder li { float: left; margin-right: 0.4375em; }
.site-header .nav-holder li:last-child { margin-right: 0; }
.site-header .nav-holder li a { display: flex; flex-direction: column; justify-content: center; text-align: center; background: #fff; width: 55px; height: 55px; font-size: 1.3em; color: #353235; transition: all 300ms ease-in-out; opacity: 0.7; }
.site-header .nav-holder li a:hover { opacity: 1; }
body:not(.home):not(.slug-about-us) .site-header .nav-holder li a { background: #353235; color: #fff; opacity: 0.3; }
body:not(.home):not(.slug-about-us) .site-header .nav-holder li a:hover { opacity: 1; }

body:not(.logged-in) .lib-nav { display: none; }
.lib-nav .nav-logout { font-size: 0.65em; margin-left: 1.3em; }

/*.log-btn { float: right; margin: 1em 0; padding: 0.3em 0.8em 0.1em 0.8em;  font-size: 1em; color: #383338; background: #ffd204; text-transform: uppercase; border: none; transition: all 300ms ease-in-out; }
.log-btn:hover { cursor: pointer; color: #fff; background: #383338; }*/
/*.log-btn { display: none; }*/
body.logged-in .login-link { display: none; }


.top-holder:after { content: ''; display: block; clear: both; }


.fluid_container.inside .camera_wrap { margin-bottom: 3.375em; }

.fluid_container iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.camera_caption { max-width: 32.9375em; bottom: 2.5em; left: 2.5em;}
.camera_caption > div { padding: 0; background: rgba(56, 51, 56, 0.4) url('images/plus-icon.png') no-repeat 1.1875em 1.1875em; transition: all 300ms ease-in-out; }
.camera_caption > div:hover { background: rgba(56, 51, 56, 0.6) url('images/plus-icon.png') no-repeat 1.1875em 1.1875em; }
.camera_caption h2 { padding-bottom: 0.4em; font-size: 1.5em; background: url('images/divider.png') no-repeat left bottom; }
.camera_caption a { display: inline-block; padding: 2.875em 2.875em 1.8em 2.875em; color: #fff; transition: all 300ms ease-in-out; }
.camera_caption a:hover { color: #ffd204 }
.wrap.slider div span:hover { cursor: pointer; color: #ffd204; }
/*.wrap.slider.nav { display: none; }*/
.camera_prev { display: none; top: auto; bottom: 0.4em; left: auto; right: 5.3em; }
.camera_next { display: none; top: auto; bottom: 0.4em; right: 2.4em; }
.camera_prev span { width: 46px; height: 46px; font-size: 2em; text-align: center; background: #fff; color: #383338; border: none; z-index: 999; transition: all 300ms ease-in-out; }
.camera_next span { width: 46px; height: 46px; font-size: 2em; text-align: center; background: #fff; color: #383338; border: none; z-index: 999; transition: all 300ms ease-in-out; }

.home-featured { clear: both; padding: 5.5em 0 5.1em 0; }
.home-featured:after { content: ''; display: block; clear: both; }
.home-featured .featured-box { padding-bottom: 0.4em; }
.home-featured h3 { margin: 0.81em 0 3em 0; font-size: 1.375em; color: #383338; }
.home-featured .img-holder img { vertical-align: bottom; transition: all 300ms ease-in-out; }
.home-featured .img-holder a { display: inline-block; background: #383338; }
.home-featured .img-holder a:hover img { opacity: 0.2; }
.home-featured .holder-list > li { box-sizing: border-box; float: left; }
.home-featured .holder-list > li:first-child { width: 33%; padding-right: 1.125em; }
.home-featured .holder-list > li:last-child { width: 67%; padding-left: 1.125em; }
.home-featured .holder-list > li:last-child .featured-box { box-sizing: border-box; float: left; width: 50%; padding-right: 1.125em; }
.home-featured .holder-list .slick-track .featured-box:nth-child( even ) { padding-left: 1.125em; padding-right: 0; }
.home-featured #fet-home { position: relative; }
.home-featured .slick-arrow { position: absolute; width: 46px; height: 46px; font-size: 2em; text-align: center; background: #fff; color: #383338; border: none; z-index: 999; transition: all 300ms ease-in-out; }
.home-featured .slick-arrow:hover { cursor: pointer; color: #ffd204; }

.home-featured-boxes { clear: both; padding: 6.5em 0; }
.home-featured-boxes ul { margin-left: -1.875em; overflow: hidden; }
.home-featured-boxes li { box-sizing: border-box; width: 49.6%; float: left; padding-left: 1.875em; margin-bottom: 1.875em; }
.home-featured-boxes li:nth-last-of-type(-n+2) { width: 24.8%; }
.home-featured-boxes li img { vertical-align: top; }
.home-featured-boxes li .box-holder { position: relative; }
.home-featured-boxes li .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(56, 51, 56, 0.8); opacity: 1; z-index: 999; transition: all 300ms ease-in-out; }
.home-featured-boxes li .overlay:hover { background: rgba(56, 51, 56, 0.7); }
.home-featured-boxes h2 { padding: 3.2em 3.2em 0 3.2em; font-size: 1em; color: #d0cfd0; }
.home-featured-boxes .real-link { position: absolute; width: 100%; bottom: 3.2em; font-size: 1em; color: #fff; padding: 0 3.2em 0 3.2em; background: url('images/plus-icon.png') no-repeat 92.5% center; }

/* .instagram { padding: 0 0 4.625em 0; } */
.instagram:after { content: ''; display: block; clear: both; }
.instagram .border-title { margin-bottom: 2em; }
.instagram li { position: relative; box-sizing: border-box; float: left; width: 23.4%; margin-right: 2.13%; }
.instagram li:nth-child(4n+4) { margin-right: 0; }
.instagram li img { vertical-align: bottom; }
.instagram li .cover-info { box-sizing: border-box; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; padding: 1.7em; color: #fff; background: rgba(56, 51, 56, 0.8); z-index: -1; opacity: 0; transition: all 300ms ease-in-out; }
.instagram li:hover .cover-info { z-index: 999; opacity: 1; }
.instagram .in-icon { font-size: 1.7em; position: absolute; left: 0.9em; top: 0.9em; color: #fff; opacity: 0.5; transition: all 300ms ease-in-out; }
.instagram .in-icon i { vertical-align: top; }
.instagram li:hover .in-icon { z-index: 9999; opacity: 1; }
.instagram .time { text-transform: uppercase;  font-size: 0.66em; }
.instagram .insta-title { margin: 1.875em 0; color: #fff; }
.instagram p { margin: 0; }
.instagram a { margin: 0; }
.instagram .real-link { color: #fff; }

.contact-info .boxes:after { content: ''; display: block; clear: both; }
.contact-info p { font-size: 0.875em; color: #353235; }
.contact-info .boxes { margin-top: 5em; }
.contact-info .boxes .box { box-sizing: border-box; float: left; width: 33.33%; }
.contact-info .icon-holder { float: left; padding-left: 0.9em; padding-right: 1.2em; }
.contact-info .text-holder { overflow: hidden; }
.contact-info .text-holder p:last-child { margin-bottom: 1.5em; }
.contact-info .text-holder address { font-style: normal; }
.contact-info .text-holder p { margin: 0; font-size: 0.875em; color: #353235; line-height: 1.8; }
.contact-info .text-holder p a { color: #353235; }
.contact-info .text-holder p a:hover { text-decoration: underline; }
.contact-info .box h2 { margin-bottom: 1.7em; text-transform: uppercase;  font-size: 0.875em; color: #353235; }
.contact-info .real-link { display: block; padding-bottom: 0.5em; }

.contact-info .address-box { margin-top: 2.5em; }

.contact-form { padding: 6.25em 0 2.875em 0; }
.contact-form .left-side { box-sizing: border-box; float: left; width: 47.65%; }
.contact-form .right-side { box-sizing: border-box; float: right; width: 47.65%; }
.contact-form form { margin-top: 1.625em; }
.contact-form form > p { margin: 0 0 1em 0; }
.contact-form .type { display: block; font-size: 0.8em; color: #353235; }
.contact-form .form-holder:after { content: ''; display: block; clear: both; }
.contact-form .input-holder { margin-bottom: 3.75em; }
.contact-form .input-holder .drop-down { width: 100%; }
.contact-form .input-holder .input { box-sizing: border-box; display: block; border-radius: 0 !important; line-height: 1.5; width: 100%; padding: 0.8em 1em 0.7em 1em; font-size: 1em; color: #808080; background: #f6f6f6; border: 1px solid #ebebeb; }
.contact-form .input-holder .input:focus { border: 1px solid #ffd204; }
.contact-form .full { clear: both; }
.contact-form label { display: block; font-size: 1em; color: #808080; padding-bottom: 0.3em; }
.contact-form .comment-area { box-sizing: border-box; border-radius: 0 !important; padding: 1.2em; background: #f6f6f6; border: 1px solid #ebebeb; width: 100%;font-size: 1em; color: #808080; max-height: 14.25em; }
.contact-form .comment-area:focus { border: 1px solid #ffd204; }
.contact-form .submit-holder { margin-top: 2.5em; }
.contact-form .submit-holder:after { content: ''; display: block; clear: both; }
.contact-form .submit-holder .ajax-loader { visibility: hidden; position: absolute; left: -5em; bottom: 0; width: 48px; height: 48px; background: url('images/tile-loader.gif') no-repeat center center; }
.contact-form .submit-holder .ajax-loader.is-active { visibility: visible; }
.contact-form .submit-holder em { display: block; font-size: 0.875em; font-style: normal; color: #808080; }

.contact-form .req-quote-form { position: relative; }
.contact-form .ajax-working { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 9999; display: flex; flex-direction: column; justify-content: end; background: rgba(255,255,255, 0.5); }
.contact-form .ajax-working i { position: static; margin: 0 auto 5em auto; left: 0; right: 0; font-size: 4em; color: #ffd204; }
.contact-form .req-quote-form .ajax-working { 
	position: fixed !important;
	top: 0;
	z-index: 9999;
	display: block !important;
	background: rgba(255,255,255, 0.5);
	width: 100% !important;
}
.contact-form .req-quote-form .ajax-working i {
	position: fixed !important;
    top: 30% !important;
    left: 0 !important;
    right: 0 !important;
    font-size: 4em !important;
    color: #ffd204 !important;
}

.contact-form .messages { display: none; padding: 1em 2em 0.8em 2em;  text-align: center;}
.contact-form .messages p {}
.contact-form .messages.sent-successfully { border: 2px solid #00b300; }
.contact-form .messages.sent-successfully p { color: #00b300; }
.contact-form .messages.sent-error { border: 2px solid #b20000; }
.contact-form .messages.sent-error p { color: #00b300; }
.contact-form .messages p {
    margin: 0;
    font-size: 17px;
    line-height: 27px;
}
.btn-holder { position: relative; float: right; }
.btn-holder:after { content: ''; display: block; position: absolute; left: -6px; right: 0; top: 0; bottom: -9px; background: url('images/gravure.png') repeat bottom left; }
.submit-btn { position: relative; z-index: 999; border: none; padding: 0.8em 3.75em 0.7em 3.75em; background: #ffd204; text-transform: uppercase;  font-size: 1.2em; transition: all 300ms ease-in-out; }
.submit-btn:hover { cursor: pointer; color: #fff; }
.contact-form .screen-reader-response { display: none !important; }
::-webkit-input-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; }
:-ms-input-placeholder { opacity: 1 }
:-moz-placeholder { opacity: 1; }
span.wpcf7-not-valid-tip { background-color: #fddddd; border: 1px solid #ed541d; text-transform: none !important;  font-size: 0.8em; font-weight: 400; color: #7c2b1a !important; margin: 1em 0; padding: 0.4em 1em; display: block; }
/* .popup .wpcf7-validation-errors { display: none !important; } */
.wpcf7-mail-sent-ok { clear: both; margin-top: 2em; background-color: #fcfce8; border: 1px solid #be7; color: #234600;  font-size: 0.8em; padding: 0.4em 1em; text-transform: none; }
.screen-reader-response { display: none !important; }

.contact-form .quote-box { margin-bottom: 3em; /* background: url('images/divider-black.png') no-repeat left bottom; */ }
.contact-form .quote-box .input-holder { box-sizing: border-box; float: left; width: 47.65%; margin-right: 4.7%; overflow: visible; }

.contact-form .quote-box .input-holder.quoter { width: 21.47%; margin-bottom: 0; }

.contact-form .quote-box:after { content: ''; display: block; clear: both; }

.contact-form .quote-box .input-holder:not(.quoter):nth-child(2n+2) { margin-right: 0; }
.contact-form .quote-box .input-holder.quoter:last-of-type { margin-right: 0; }

.contact-form .quote-box h3 { font-size: 1.25em; margin-bottom: 1.5em; }
.contact-form .quote-box:last-child { background: none; }
.contact-form .input-holder.full { width: 100%; }
.contact-form .input-holder textarea.input { box-sizing: border-box; padding: 1.2em; color: #808080; background: #f6f6f6; border: 1px solid #ebebeb; max-height: 14.375em; }
.contact-form .input-holder textarea.input:focus { border: 1px solid #ffd204; }
.contact-form .input-holder input[type="file"].input { padding: 0.8em 1em 0.7em 1em; }

.contact-form .fields-holder + .btn-holder { margin-bottom: 4em; }
/*.contact-form .field-group + .field-group { border-bottom: 2px solid #ddd; }*/
.contact-form .field-group { position: relative; border-top: 2px solid #ffd204; padding-top: 1.875em; margin-bottom: 1.875em; }
.contact-form .field-group:first-child { border-top: none; padding-top: 0; }
.contact-form .field-group:last-child { margin-bottom: 2em; }
.contact-form .field-group:after { content: ''; display: block; clear: both; }

.contact-form .field-group .remove-field-group { opacity: 0; z-index: -1; position: absolute; top: 50%; right: 0; padding: 0; background: transparent; border: none; font-size: 1.7em; color: #ffd204; transition: all 300ms ease-in-out; }
.contact-form .field-group .remove-field-group:hover { cursor: pointer; color: #423d43; }
.contact-form .field-group:hover .remove-field-group { opacity: 1; z-index: 999; }
.contact-form .field-group:first-child:hover .remove-field-group { opacity: 0; z-index: -1; }



.page-title { clear: both; }

.zig-zag { padding: 5.6em 0; }
.zig-zag:after { content: ''; display: block; clear: both; }
.zig-zag li { margin-bottom: 4.375em; }
.zig-zag li:after { content: ''; display: block; clear: both; }
.zig-zag li:last-child { margin-bottom: 0; }
.zig-zag li .left-side { box-sizing: border-box; float: left; width: 30%; padding-right: 4.375em; }
.zig-zag li .right-side { box-sizing: border-box; float: right; width: 70%; }
.zig-zag li:nth-child(2n+2) .left-side { float: right; padding-right: 0; padding-left: 4.375em; }
.zig-zag li:nth-child(2n+2) .right-side { float: left; }
.zig-zag li h3 {  font-size: 1.375em; color: #353235; padding: 1.18em 0 0 0; }
.zig-zag li h3:after { display: block; content: '_'; margin-top: 0.5em; }
.zig-zag li p { margin: 1.8em 0; }

.our-team { padding-bottom: 5.3em; }

.clients-partners { padding-bottom: 6.25em; }
.clients-partners:after { content: ''; display: block; clear: both; }
.clients-partners .big-title { font-size: 1.95em; }
.clients-partners .left-side { box-sizing: border-box; float: left; width: 50%; padding-right: 6em; }
.clients-partners .right-side { box-sizing: border-box; float: right; width: 50%; padding-right: 6em; }
.clients-partners ul { display: flex; flex-wrap: wrap; margin-top: 2.5em; background: url('images/plus-icon.png') no-repeat top left; }
.clients-partners ul:after { content: ''; display: block; clear: both; }
.clients-partners li { box-sizing: border-box; display: flex; justify-content: center; float: left; width: 33.33%; text-align: center; padding-top: 1.5em; }
.clients-partners li:nth-child(4n+4) { clear: both; }
.clients-partners li img { align-self: center; display: inline-block; max-width: 8em; }
.clients-partners .btn-holder { clear: both; float: left; margin-top: 3.75em; }
.clients-partners .submit-btn { display: block; color: #353235; }
.clients-partners .submit-btn:hover { color: #fff; }

/* .testimonials { padding-bottom: 3.125em; } */
.testimonials ul { margin-top: 3.125em; }
.testimonials li .left-side { box-sizing: border-box; float: left; width: 16.5%; padding-right: 2em; }
.testimonials li .right-side { box-sizing: border-box; float: right; width: 83.5%; }
.testimonials .slick-arrow { background: transparent; border: none; font-size: 1.5em; color: #353535; transition: 300ms all ease-in-out; }
.testimonials .slick-arrow:hover { cursor: pointer; color: #ffd204; }
.testimonials .testimonials-nav { display: inline-block; margin-top: 2.5em; background: url('images/slash.png') no-repeat center center; }
.testimonials h2 {  font-size: 1.5em; }
.testimonials p:first-of-type { margin-top: 0; }
.testimonials em { font-style: normal;  font-size: 1.125em; }

.single-product .big-title { padding-top: 0.6em; }
.single-product .big-title em { color: #a4a4a4; font-style: normal; }
.back-collection { position: absolute; z-index: 999; left: -1em; padding-left: 2.14em; /*background: url('images/plus-icon.png') no-repeat left center;*/ color: #a4a4a4; font-size: 0.875em; }
.large-title-holder { float: left; }

.top-sides:after { content: ''; display: block; clear: both; }
.single-product .left-side { box-sizing: border-box; position: relative; float: left; width: 50%; padding-right: 6.3em; /*max-width: 33.2em;*/ }
.single-product .right-side { box-sizing: border-box; float: right; width: 50%; }
.single-product .slick-list { padding: 0 !important; }
/* .single-product .slick-track { transform: none !important; } */

.big-gallery-holder { margin: 0.9em 0 2.5em 0; width: 91%; }
/*.big-gallery-holder .big-gallery { visibility: hidden; height: 1px; }*/
/*.big-gallery-holder .big-gallery.active { visibility: visible; height: auto; }*/
.big-gallery-holder .big-gallery li > a:hover { cursor: zoom-in; }

.big-gallery-holder ul li { position: relative; }

.single-product .small-gallery { margin-bottom: 1.4em; }
.single-product .small-gallery:after { content: ''; display: block; clear: both; }
.single-product .small-gallery h4 { font-size: 0.82em; font-weight: normal; color: #353235; margin-bottom: 0.5em; letter-spacing: 0.1em; }
.single-product .small-gallery ul { margin-left: -0.375em; }
.single-product .small-gallery ul li { float: left; width: 16.66%; padding-left: 0.375em; }
.single-product .small-gallery ul li img { border-bottom: 4px solid transparent; }
.single-product .small-gallery ul li:hover img { cursor: zoom-in; }

.tax-product_collection .small-gallery { margin-bottom: 1.4em; }
.tax-product_collection .small-gallery:after { content: ''; display: block; clear: both; }
.tax-product_collection .small-gallery h4 { text-transform: none; font-size: 0.82em; font-weight: normal; color: #353235; margin-bottom: 0.5em; letter-spacing: 0.1em; }
.tax-product_collection .product-box.gallery .small-gallery ul { margin-left: -0.375em; }
.tax-product_collection .small-gallery ul li { float: left; width: 16.66%; padding-left: 0.375em; margin-bottom: 0.1em; }
.tax-product_collection .small-gallery ul li img { border-bottom: 4px solid transparent; }
.tax-product_collection .small-gallery ul li:hover img { cursor: zoom-in; }

.blog-content ul { margin-left: -1.25em; padding: 5.375em 0 1em; }
.blog-content ul:after { content: ''; display: block; clear: both; }
.blog-content li { float: left; width: 33%; padding-left: 1.25em; margin-bottom: 4.625em; }
.blog-content li:nth-child(4) { margin-bottom: 0; }
.blog-content li:nth-child(5) { margin-bottom: 0; }
.blog-content li:nth-child(6) { margin-bottom: 0; }
.blog-content li article { padding-bottom: 0.9em; background: url('images/divider-black.png') no-repeat bottom left; }
.blog-content li .img-holder { display: inline-block; background: #383338; }
.blog-content li .img-holder:hover img { opacity: 0.5; }
.blog-content li img { vertical-align: bottom; transition: all 300ms ease-in-out; }
.meta { color: #353235; font-size: 0.8125em; }
.meta span { display: block; margin: 1.54em 0 0.84em 0; }
.blog-content li .title a { color: #353235; font-size: 1.5em; line-height: 1.1; transition: all 300ms ease-in-out; }
.blog-content li .title a:hover { color: #ffd204; }
.blog-content .navigation.pagination { clear: both; padding-top: 2.5em; }
.blog-content .page-numbers { padding: 0.3em 0.6em; font-size: 0.8em;  background: #ffd204; color: #423d43; transition: all 300ms ease-in-out; }
.blog-content .page-numbers:hover { background: #383338; color: #fff; }
.blog-content .page-numbers.current { background: #383338; color: #fff; }

.single-post .featured { margin-top: 2.125em; }
.single-post .meta { margin-top: 4em; }
.single-post .big-title.border-bottom {}
.single-post .inside-nav { display: inline-block; margin-top: 2em; background: url('images/slash.png') no-repeat center center; }
.single-post .inside-nav a { font-size: 2em; color: #ffd204; transition: all 300ms ease-in-out; }
.single-post .inside-nav a:hover { color: #383338; }
.single-post .inside-nav .previous { margin-right: 0.625em; }
.single-post .inside-nav .next { margin-left: 0.625em; }
.single-post .single-content { padding-bottom: 2em; }

.overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(56, 51, 56, 0.95); opacity: 0; z-index: -1; transition: all 300ms ease-in-out; }
.overlay.active { opacity: 1; z-index: 999; }

.overlay.white { background: rgba(255, 255, 255, 0.95); }

.popup-holder { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; opacity: 0; z-index: -1; }
.popup-holder.active { opacity: 1; z-index: 9999; }

.popup-holder .close { position: absolute; width: 40px; height: 40px; right: 1.35em; top: 0.8em; font-size: 2.6em; background: url('images/close-icon-nav.png') no-repeat center center; border: none; color: #9e9b9e; z-index: 99999; /*transition: all 300ms ease-in-out;*/ }
.popup-holder .close:hover { cursor: pointer; /*background: url('images/close-icon-nav.png') no-repeat bottom center;*/ }


.popup { display: none; position: relative; /*max-width: 650px;*/ width: 100%; z-index: 9999; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 9999; transition: all 300ms ease-in-out; }
.popup.search { max-width: 714px; padding: 0 2em; }
.popup .big-title { color: #fff; }
.popup .search-field { box-sizing: border-box; padding: 0.5em 0; width: 100%; font-size: 1.5em; background: transparent; color: #fff; border: none; border-bottom: 3px solid #6a5e6a; }
.popup .search-field:focus { border-color: #ffd204; }
.popup.search .big-title { padding-top: 2em; margin-bottom: 2.2em; }
.popup.search .btn-holder { float: none; margin-top: 4.375em; }
.popup.search .submit-btn { width: 100%;  color: #383338; }
.popup.search .submit-btn:hover { color: #fff; }
/*.popup.nav { text-align: center; }
.popup.nav .menu { text-align: center; }
.popup.nav .menu li {  font-size: 1.6875em; margin-bottom: 1.4em; }
.popup.nav .menu li a { color: #fff; transition: all 300ms ease-in-out; }
.popup.nav .menu li a:hover { color: #fbcf05; }
.popup.nav .socials { display: inline-block; margin-top: 2.5em; }
.popup.nav .socials li { display: inline-block; margin-right: 2.3em; }
.popup.nav .socials li:last-child { margin-right: 0; }
.popup.nav .socials li a { color: #fff; font-size: 1.3em; transition: all 300ms ease-in-out; }
.popup.nav .socials li a:hover { color: #ffd204; }*/

.product-sub-menu { display: none; max-width: 792px; padding: 0 1em; margin: 1.3em auto 0 auto; }
.product-sub-menu:after { content: ''; display: block; clear: both; }
.product-sub-menu li { box-sizing: border-box; display: inline-block; width: 20%; padding-right: 1em; }
/*.popup.nav .menu li .product-sub-menu li { font-size: 0.5em; line-height: 1.1; margin-bottom: 0; }
.popup.nav .menu li .product-sub-menu li .left-side { box-sizing: border-box; float: left; width: 32%; padding-right: 0; }
.popup.nav .menu li .product-sub-menu li .right-side { box-sizing: border-box; float: right; width: 68%; text-align: left; display: flex; flex-direction: column; justify-content: center; }
.popup.nav .menu li .product-sub-menu li img { vertical-align: bottom; transition: all 300ms ease-in-out; border: 3px solid transparent; }
.popup.nav .menu li .product-sub-menu li a { transition: all 300ms ease-in-out; }
.popup.nav .menu li .product-sub-menu li a:hover img { border-color: #fbcf05; }
.popup.nav .menu li .product-sub-menu li span { padding-left: 0.4em; }*/

.popup.nav { height: 100%; overflow: hidden; }
.popup.nav .menu li { margin-bottom: 2.5em; }
.popup.nav .menu li:last-child { margin-bottom: 0; }
.popup.nav .menu li a {  font-size: 1.25em; color: #fff; transition: all 300ms ease-in-out; }

.popup.nav .menu li a { color: #383338; }

.popup.nav .menu li a:hover { color: #fbcf05; }

.popup.nav .level-second .menu li { margin-bottom: 0; }
.popup.nav .level-second .menu li a { box-sizing: border-box; display: flex; justify-content: space-between; padding: 0.8em 12.5% 0.75em 12.5%; font-size: 1.125em; transition: all 300ms ease-in-out; }
.popup.nav .level-second .menu li a:hover { color: #383338; background: url('images/nav-hover-new.png') no-repeat left center; }
.popup.nav .level-second .menu li a i { float: right; align-self: center; }
.popup.nav .level-second .menu li a.active-link { background: #ffd204; color: #383338; }

.popup.nav .socials:after { content: ''; display: block; clear: both; }
.popup.nav .socials li { float: left; margin-right: 1.25em; }
.popup.nav .socials li:last-child { margin-right: 0; }
.popup.nav .socials li a { font-size: 1.5em; color: #fff; transition: all 300ms ease-in-out; }
.popup.nav .socials li a:hover { color: #ffd204; }

.popup.nav .level { box-sizing: border-box; position: relative; float: left; display: flex; flex-direction: column; justify-content: center; width: 21%; height: 100%; }
.popup.nav .level.active { left: 0; }

.popup.nav .level-first { left: -21%; padding: 2.5em; background: #383338; z-index: 99999; transition: all 300ms ease-in-out; }
.popup.nav .level-second { left: -42%; background: #322e32; z-index: 9999; transition: all 600ms ease-in-out; }

.popup.nav .level-first { background: #fff; }
.popup.nav .level-second { background: #f6f6f6; }

/*.popup.nav .level-first .logo-holder { margin-bottom: 24.5%; }*/
.popup.nav .level-first .logo-holder { position: absolute; left: 12%; top: 2.8%; }
.popup.nav .level-first .menu { margin-bottom: 29.5%; padding-left: 2.5em; }
.popup.nav .level-first .menu li a.active-link { color: #ffd204; }
.popup.nav .level-first .socials { position: absolute; left: 12%; bottom: 5%; }

.level-boxes { float: right; width: 58%; height: 100%; /*padding: 4em 0;*/ }
.level-boxes .level-box { /*position: relative;*/ /*padding: 4em 0;*/ max-width: 58%; position: absolute; top: 0; left: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; width: 100%; height: 100%; background: #efefef; overflow-y: scroll; transition: all 300ms ease-in-out; }
.level-boxes .level-box.active { left: 42%; }
.level-boxes .level-box .list-holder { box-sizing: border-box; max-width: 806px; width: 100%; margin: 0 auto; max-height: 100%; }
.level-boxes .level-box .list-holder h2 { position: relative; padding: 2em 0 0 1.4em; margin-bottom: 2.5em;  font-size: 0.875em; color: #383338; text-transform: uppercase; text-align: left; }
.level-boxes .level-box .list-holder h2 span { position: absolute; top: 0; left: 0.8em; display: inline-block; width: 12px; height: 12px;	background: url('images/plus-icon.png') no-repeat center center; }
.level-boxes .level-box .list-holder ul { margin-left: -1.125em; padding: 0 1.25em; }
.level-boxes .level-box .list-holder ul:after { content: ''; display: block; clear: both; }
.level-boxes .level-box .list-holder ul li { box-sizing: border-box; float: left; width: 33%; padding-left: 1.125em; margin-bottom: 1.2em; }
.level-boxes .level-box .list-holder ul li img { vertical-align: top; }
.level-boxes .level-box .list-holder ul li h4 { 
	
    font-size: 15px;
    color: #383338;
	background: #d9d9d9;
	padding: 3px 7px;
    /* margin: 0px 10px 6px 10px;
	letter-spacing: -2px; */
}
.level-boxes #dicover-by-design .list-holder ul li h4 { 
	min-height: 50px;
}
.level-boxes .level-box .list-holder ul li .content-holder { display: inline-block; position: relative; }
/* .level-boxes .level-box .list-holder ul li .content-holder .title-holder { position: absolute; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-end; left: 0; right: 0; bottom: 0; top: 0; text-align: left; } */
.level-boxes .level-box .list-holder ul li .content-holder .title-holder { display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-end; text-align: left; }
/* 
.level-boxes .level-box:not(#discover-by-color) .list-holder ul li .content-holder .title-holder {
	background: rgba(56, 51, 56, 0); 
	transition: all 300ms ease-in-out; 
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.21) 22%, rgba(59,54,58,0.63) 67%, rgba(59,54,58,1) 91%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(22%, rgba(255,255,255,0.21)), color-stop(67%, rgba(59,54,58,0.63)), color-stop(91%, rgba(59,54,58,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.21) 22%, rgba(59,54,58,0.63) 67%, rgba(59,54,58,1) 91%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.21) 22%, rgba(59,54,58,0.63) 67%, rgba(59,54,58,1) 91%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.21) 22%, rgba(59,54,58,0.63) 67%, rgba(59,54,58,1) 91%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.21) 22%, rgba(59,54,58,0.63) 67%, rgba(59,54,58,1) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3b363a', GradientType=0 );
}
.level-boxes .level-box .list-holder ul li h4{
	position: relative; 
	z-index: 1;
}
*/
.level-boxes .level-box .list-holder ul li a:hover .title-holder h4{ 
	/*background: rgba(255, 210, 4, 0.65); background: rgba( 0, 0, 0, 0.65 );*/ 
	/*color:#ffd204;*/
}

.popup.login { max-width: 714px; padding: 0 2em; }
.popup.login .big-title { padding-top: 2em; margin-bottom: 2.2em; }
.popup.login .btn-holder { float: none; margin-top: 4.375em; }
.popup.login .submit-btn { width: 100%;  color: #383338; }
.popup.login .submit-btn:hover { color: #fff; }
.popup.login label { display: block; color: #fff; }
.popup.login input:not(.submit-btn) { box-sizing: border-box; padding: 0.5em 0; width: 100%; font-size: 1.5em; background: transparent; color: #fff; border: none; border-bottom: 3px solid #6a5e6a; text-overflow: ellipsis; }
.popup.login input:not(.submit-btn):focus { border-color: #ffd204; }
.popup.login .log-holder:first-child { margin-bottom: 2em; }
.popup.login p { margin-top: 4em; color: #fff; }
.popup.login p a { color: #fff; text-decoration: underline; }

.popup.logout { max-width: 714px; padding: 0 2em; }
.popup.logout .big-title { padding-top: 2em; margin-bottom: 2.2em; }
.popup.logout .btn-holder { float: none; margin-top: 4.375em; }
.popup.logout .submit-btn { display: inline-block; width: 100%; text-align: center; color: #000; line-height: 1.2; }
.popup.logout .submit-btn:hover { color: #fff; }

.popup.reg { max-width: 714px; padding: 0 2em; }
.popup.reg .big-title { padding-top: 1em; margin-bottom: 1em; }
.popup.reg .btn-holder { float: none; margin-top: 4.375em; }
.popup.reg .submit-btn { width: 100%;  color: #383338; }
.popup.reg .submit-btn:hover { color: #fff; }
.popup.reg input:not(.submit-btn) { box-sizing: border-box; padding: 0.5em 0; width: 100%;font-size: 1.5em; background: transparent; color: #fff; border: none; border-bottom: 3px solid #6a5e6a; text-overflow: ellipsis; }
.popup.reg input:not(.submit-btn):focus { border-color: #ffd204; }
.popup.reg .reg-row { margin-bottom: 2em; }
.popup.reg .reg-row:after { content: ''; display: block; clear: both; }
.popup.reg .reg-row.two .reg-holder { box-sizing: border-box; float: left; width: 48%; margin-right: 4%; }
.popup.reg .reg-row.two .reg-holder:last-child { margin-right: 0; }
.popup.reg .reg-row.three .reg-holder { box-sizing: border-box; float: left; width: 30.66%; margin-right: 4%; }
.popup.reg .reg-row.three .reg-holder:last-child { margin-right: 0; }

.popup.library { z-index: 9999; max-width: 714px; padding: 3em 4em; background: #fff; border: 2px solid #e5e5e5; }
.popup.library .big-title { color: #191919; }
.popup.library .icon-holder { display: inline-block; position: relative; } 
.popup.library .icon-holder i { vertical-align: bottom; transition: all 300ms ease-in-out; }
.popup.library .icon-holder .active { position: absolute; left: 0; right: 0; bottom: -2px; top: auto; opacity: 0; }
.popup.library ul { position: relative; transition: all 300ms ease-in-out; }

/*.popup.library ul.main-list > li { padding-bottom: 1.5em; }*/

.popup.library ul:after { content: ''; display: block; clear: both; }
.popup.library li { box-sizing: border-box; text-align: center; float: left; width: 25%; }
.popup.library li em { display: block;  font-style: normal; line-height: 1.3; text-transform: uppercase; }
.popup.library .icon-holder { font-size: 3em; margin-bottom: 0.2em; }
.popup.library li a { color: #000; transition: all 300ms ease-in-out; }
/*.popup.library li a:hover { color: #fcd20c; }*/
.popup.library li a:hover .icon-holder .not-active { opacity: 0; }
.popup.library li a:hover .icon-holder .active { opacity: 1; }

.popup.library ul li > .subfolders { display: none; position: absolute; left: 0; right: 0; bottom: 0; /*margin-top: 25px;*/ border-top: 2px solid #ffd204; }

.popup.library li.active a { color: #fcd20c; }
.popup.library .main-list > li.active > a .icon-holder .not-active { opacity: 0; }
.popup.library .main-list > li.active > a .icon-holder .active { opacity: 1; }

.popup.library .subfolders > li.active > a .icon-holder .not-active { opacity: 0; }
.popup.library .subfolders > li.active > a .icon-holder .active { opacity: 1; }

.popup.library input[type="radio"] { display: none; }

.popup.library .action-holder { clear: both; margin-top: 2.5em; }
.popup.library .action-holder:after { content: ''; display: block; clear: both; }
.action-holder input { box-sizing: border-box; width: 100%; padding: 1em 0.5em 0.9em 0.5em; border: 2px solid #767177;  color: #6a6a6a; text-align: center; }
.action-holder .folder-holder { box-sizing: border-box; margin-bottom: 1em; width: 100%; }
.action-holder .folder-holder input { display: none; width: 100%; }
.action-holder .new-folder { width: 100%; padding: 0.6em 0.5em 0.45em 0.5em; border: none; background: #343235; color: #fff;  font-size: 1.5em; text-transform: uppercase; transition: all 300ms ease-in-out; }
.action-holder .new-folder:hover { cursor: pointer; background: #ffd204; color: #343235; }

.popup.library .btn-holder { float: none; display: inline-block; width: 100%; margin-top: 3em; }
.popup.library .submit-btn { width: 100%; }
.popup.library .close { background-image: none; font-size: 1.5em; top: 0; right: 0; color: #767177; transition: all 300ms ease-in-out; }
.popup.library .close:hover { color: #ffd204; }

.popup.lib-thanks { z-index: 9999; max-width: 714px; padding: 3em 4em; background: #fff; border: 2px solid #e5e5e5; }
.popup.lib-thanks .big-title { color: #191919; }
.popup.lib-thanks .btn-holder { float: none; display: inline-block; width: 100%; margin-top: 3em; }
.popup.lib-thanks .submit-btn { display: inline-block; text-align: center; color: #000; width: 100%; transition: all 300ms ease-in-out; }
.popup.lib-thanks .submit-btn:hover { color: #fff; }
.popup.lib-thanks .close { background-image: none; font-size: 1.5em; top: 0; right: 0; color: #767177; transition: all 300ms ease-in-out; }
.popup.lib-thanks .close:hover { color: #ffd204; }
.popup.lib-thanks .central-content { display: flex; flex-direction: column; justify-content: center; text-align: center; height: 320px; }
.popup.lib-thanks .central-content p {  font-size: 1em; }

/*.library ul { margin-left: -1.25em; }*/
.library-list:after { content: ''; display: block; clear: both; }
.library-list li { box-sizing: border-box; position: relative; float: left; width: 32%; margin: 0 2% 1.6em 0; }
.library-list li:nth-child(3n+3) { margin-right: 0; }
.library-list li img { vertical-align: bottom; }
.library-list li .text-holder { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; opacity: 0; background: rgba(0, 0, 0, 0.6); color: #fff;  font-size: 1em; transition: all 300ms ease-in-out; }
.library-list li .text-holder:hover { opacity: 1; }
.library-list li .delete-folder { position: absolute;  font-size: 0.75em; text-align: center; color: #fff; text-align: center; bottom: 1em; left: 0; right: 0; margin: 0 auto; display: block; z-index: 99999; transition: all 300ms ease-in-out; }
.library-list li .delete-folder:holder { color: #ffd204; }

.library-list li h3 { transition: all 300ms ease-in-out; }
.library-list li h3:hover { color: #ffd204; }

.lib-holder .library-list li .bg-holder { position: relative; border: 5px solid #ffd204; }
.library-holder .library-list li .bg-holder { position: relative; border: 2px solid #ffd204; }



.library-list .editable-folder-title {	font-size: 0.9em; color: #464447; text-transform: uppercase; transition: all 300ms ease-in-out; }
.library-list .editable-folder-title:hover { cursor: text; color: #ffd204; }
.library-list li .titles { margin: 0.8em 0 0 0; min-height: 1.8em; }


.library-folder { clear: both; margin-top: 3.125em; }
.library-folder li { box-sizing: border-box; position: relative; float: left; width: 32%; margin: 0 2% 1.6em 0; }
.library-folder li:nth-child(3n+3) { margin-right: 0; }
.library-folder li .image-holder { position: relative; }
.ajax-working { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; background: rgba(0, 0, 0, 0.5); color: #ffd204; }
.ajax-working i { display: block; margin: 0 auto; }
.library-folder li img { vertical-align: bottom; }
.library-folder li .titles { margin: 0.8em 0 1em 0; }
.library-folder li .titles h5:first-child { margin-bottom: 0.2em; }
.library-folder li .titles .editable-title { transition: all 300ms ease-in-out; }
.library-folder li .titles .editable-title:hover { cursor: text; color: #ffd204; }

#product_title { box-sizing: border-box; padding: 0.3em 0.4em; color: #464447; border: 1px solid rgba(70, 68, 71, 0.5); }
#product_folder_title { box-sizing: border-box; padding: 0.3em 0.4em; color: #464447; border: 1px solid rgba(70, 68, 71, 0.5); }

.library-folder li h5 { font-size: 0.9em; color: #464447; }
.library-folder .folder-title {  font-size: 1em; color: #464447; margin-bottom: 1.125em; }
.library-folder .folder-title.hide { display: none; }
.delete-image { border: none; background: transparent; padding: 0;  font-size: 0.75em; text-transform: uppercase; color: #b1b1b1; transition: all 300ms ease-in-out; }
.delete-image:hover { cursor: pointer; color: #ffd204; }

.popup.thanks { max-width: 714px; padding: 0 2em; }
.popup.thanks .big-title { padding-top: 2em; margin-bottom: 2.2em; }
.popup.thanks .btn-holder { float: none; margin-top: 4.375em; }
.popup.thanks .submit-btn { display: inline-block; text-align: center; width: 100%;  color: #383338; }
.popup.thanks .submit-btn:hover { color: #fff; }
.popup.thanks p { color: #fff; }
.popup.thanks a { color: #fff; }
.popup.thanks p a:hover { text-decoration: underline; }

.popup.pop-style { max-width: 714px; padding: 0 2em; }
.popup.pop-style .big-title { padding-top: 2em; margin-bottom: 2.2em; }
.popup.pop-style .btn-holder { float: none; margin-top: 4.375em; }
.popup.pop-style .submit-btn { display: inline-block; text-align: center; width: 100%;  color: #383338; }
.popup.pop-style .submit-btn:hover { color: #fff; }
.popup.pop-style p { color: #fff; }
.popup.pop-style a { color: #fff; }
.popup.pop-style p a:hover { text-decoration: underline; }

.product-box { padding-top: 0.9em; background: url('images/divider-black.png') no-repeat left top; margin-bottom: 2.625em; }
.product-box:after { content: ''; display: block; clear: both; }
.product-box h4 { text-transform: uppercase;  font-size: 0.88em; color: #191919; margin-bottom: 1.2em; letter-spacing: 0.15em; }

.product-box.sizes ul { margin-left: -2em; }

.product-box.sizes ul { display: flex; flex-flow: row wrap; align-items: end; }

.product-box.sizes li { box-sizing: border-box; display: flex; flex-direction: column; justify-content: end; text-align: left; float: none; width: auto; padding-left: 2em; }
.product-box.sizes li span { display: block;  font-size: 0.857em; color: #191919; margin-top: 0.3em; }
.product-box.sizes li .tile-preview { border: 2px solid #58585a; /*margin: 0 auto;*/ }
.product-box.sizes li .tile-preview.custom-hide { display: none; }
/*.product-box.sizes li:nth-child(4n+4):after { content: ''; display: block; clear: both; }*/

/* .product-box.styles { background: none; } */
.product-box.styles ul { margin-left: 0; }
.product-box.styles li { padding-left: 0; }

.product-box.info { margin-top: 3.125em; }
.product-box .box { box-sizing: border-box; padding: 2.625em; border: 1px solid #cccccc; }
.product-box .product-info { margin: 0; }
.product-box .product-info > li { padding: 0 0 0.5em 0; float: none; width: 100%; display: block; border-bottom: 1px solid #ccc; }
.product-box .product-info > li:after { content: ''; display: block; clear: both; }
.product-box .product-info > li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }
.product-box .product-info em { font-style: normal; font-size: 0.78125em; color: #353235; }
.product-box .product-info em p { font-size: 1em; }

.product-box ul { margin-left: -3em; }
.product-box li { box-sizing: border-box; float: left; width: 20%; padding-left: 3em; margin-bottom: 1.15em; }
.product-box li img { vertical-align: bottom; margin-bottom: 7px; margin-right: auto; }

.product-box.other-finishes li { text-align: center; }
.product-box.other-finishes li span { display: block; border-bottom: 2px solid #fff; padding: 0.1em 0; }

.product-box.description { margin-top: 3.25em; }
.features:after { content: ''; display: block; clear: both; }
.features ul { margin: 0; }
.features li { float: left; width: auto; padding: 0; margin: 0 1em 0 0; }
.features li:last-child { margin-right: 0; }
.features li img { margin: 0; max-width: 2em; }
.features li img:hover { cursor: pointer; }

.product-box.gallery { overflow: hidden; background: #fff; }
.product-box.gallery ul { margin: 0 0 2.5em 0; }
.product-box.gallery .big-images { width: 91%; }
.product-box.gallery .big-images:after { content: ''; display: block; clear: both; }
.product-box.gallery ul li img { margin: 0; }
.product-box.gallery .big-images li { margin: 0; padding: 0; width: auto; position: relative; }
.product-box.gallery .big-images li > a:hover { cursor: zoom-in; }
.product-box.gallery .big-images:not(.slick-initialized) li:not(:first-of-type) { display: none; }

.tax-product_collection .product-box.gallery .big-images { width: 100%; }

/*.product-box.gallery .big-images li */.heart-icon { display: none; }
.logged-in /*.product-box.gallery .big-images li*/ .heart-icon { display: block; position: absolute; z-index: 999; bottom: 0.7em; right: 1em; font-size: 1.4em; color: #fff; transition: all 300ms ease-in-out; }
.logged-in /*.product-box.gallery .big-images li*/ .heart-icon:hover { cursor: pointer !important; color: #ffd204; }

.product-box.gallery .small-images { display: block; clear: both; margin: 5px 0 0 -6px; }
.product-box.gallery .small-images li { width: 20% !important; margin: 0 0 0 0; padding: 0 0 7px 7px; }
.product-box.gallery .small-images li .img-holder { display: block; background: transparent; }
.product-box.gallery .small-images li .img-holder img { border-bottom: 4px solid transparent; transition: all 300ms ease-in-out; }
.product-box.gallery .small-images li .img-holder:hover img { cursor: pointer; }
.product-box.gallery .small-images li.slick-current .img-holder img { border-bottom: 4px solid #ffd204; }

.single-product .small-gallery ul li.slick-current img { position: relative; border-bottom: 4px solid #ffd204; }
/*.small-gallery .slick-current:before { content: ''; position: absolute; top: 0; left: .375em; right: 0; bottom: 0; background: #ffd410; opacity: .4; }*/


.product-box.gallery .slick-list:after { content: ''; display: block; clear: both; }
.product-box.gallery .slick-track { min-width: 100% !important; transform: none !important; }
.product-box.gallery .slick-track:after { content: ''; display: block; clear: both; }

.product-box.gallery .btn-holder { float: left; margin-top: 1em; padding-left: 6px; padding-bottom: 9px; }
.product-box.gallery .btn-holder a { display: inline-block; padding: 0.7em 3.75em 0.6em 3.75em; color: #000; transition: all 300ms ease-in-out; }
.product-box.gallery .btn-holder a:hover { color: #fff; }

.overview.btn-holder { position: relative; top: 0.7em; margin-right: 1em; overflow: hidden; float: none; display: inline-block; font-size: 0.7em; /*margin-top: 1em; margin-bottom: 2.5em;*/ padding-left: 6px; padding-bottom: 9px; }
.overview.btn-holder:after { content: ''; display: block; clear: both; background-repeat: no-repeat; left: -103px; }
.overview.btn-holder a { display: inline-block; padding: 0.7em 3.75em 0.6em 3.75em; color: #000; transition: all 300ms ease-in-out; }
.overview.btn-holder a:hover { color: #fff; }

.product-box.documents ul { margin: 0; }
.product-box.documents li { float: none; padding: 0; margin: 0 0 0.5em 0; width: auto; display: block; background: url('images/pdf-icon.png') no-repeat left center; }
.product-box.documents h5 { padding-top: 0.5em; font-size: 0.875em; color: #353235; line-height: 1; transition: all 300ms ease-in-out; }
.product-box.documents span { font-size: 0.8em; color: #353235; line-height: 1; }
.product-box.documents a { display: inline-block; padding: 0 0 0 3.375em; }
.product-box.documents a:hover h5 { color: #ffd204; }

.tax-product_collection .tabs:after { content: ''; display: block; clear: both; }
.tax-product_collection .left-side { box-sizing: border-box; position: relative; float: left; width: 50%; padding-right: 6.3em; }
.tax-product_collection .right-side { box-sizing: border-box; float: right; width: 50%; }

.tab-links:after { content: ''; display: block; clear: both; }
.tab-links li { box-sizing: border-box; float: left; width: 32%; margin-right: 2%; margin-bottom: 0.7em; }
.tab-links li:nth-child(3n+3) { margin-right: 0; }
.tab-links li a { display: block; padding: 1.04em 0 1em 0; text-align: center; background: #cccccc; color: #353235;  font-size: 0.875em; text-transform: uppercase; transition: all 300ms ease-in-out; }
.tab-links li a:hover { background: url('images/tab-hover.png') repeat-x center center; }
.tab-links li.active a { background: #ffd204; }
 
.tab { display: none; }
.tab.active { display: block; }

.tooltip_templates { display: none; }

.main-sides:after { content: ''; display: block; clear: both; }
.main-sides .left-side { box-sizing: border-box; float: left; width: 33.1%; padding-right: 6.3em; }
.main-sides .right-side { box-sizing: border-box; float: right; width: 66.9%; }

.sidebar .materials li a { box-sizing: border-box; display: block; padding: 1.05em 2.1875em 0.9em 2.1875em; background: #cccccc; color: #353235;  font-size: 1em; text-transform: uppercase; transition: all 300ms ease-in-out; }
.sidebar .materials li { margin-bottom: 0.25em; }
.sidebar .materials li:last-child { margin-bottom: 0; }
.sidebar .materials li.active a { background: #ffd204; }
.sidebar .materials li a:hover { background: url('images/button-hover.png') repeat-x center center; }

.filters { box-sizing: border-box; border: 1px solid #cccccc; padding: 1.625em 1.875em; }
.filter ul { display: none; border-left: 2px solid #ffd204; margin: 0 0 1.4em 1em; }
.filter ul li { padding: 0.6em 0; margin: 0; max-height: 1.5em; }
.filter ul li a { display: inline-block; font-size: 0.875em; color: #353235; }
.filter ul li a:after { position: relative; opacity: 0; top: -11px; content: ''; display: block; height: 2px; background: #ffd204; transition: all 300ms ease-in-out; }
.filter ul li a:hover:after { opacity: 1; }
.filter ul li a:before { position: relative; top: -3px; content: ''; display: inline-block; width: 15px; height: 2px; background: #ffd204; margin-right: 0.75em; }

.filter ul li.checked a:after { opacity: 1; }

.filter-title {  color: #353235; transition: all 300ms ease-in-out; }
.filter-title:hover { color: #ffd204; }
.filter-title:hover { cursor: pointer; }
.filter-title .icon-holder { position: relative; display: inline-block; font-size: 0.85em; }
.filter-title i { transition: all 300ms ease-in-out; }
.filter-title .fa-minus { position: absolute; opacity: 0; z-index: -1; top: 3px; left: 0; }
.filter-title.active .fa-plus { opacity: 0; z-index: -1; }
.filter-title.active .fa-minus { opacity: 1; z-index: 10; }

.filters .clear-holder { margin-bottom: 1em; }
.filters .clear-holder a {  color: #ffd204; text-transform: uppercase; transition: all 300ms ease-in-out; }
.filters .clear-holder a:hover { color: #353235; }

.search-box { margin: 1.56em 0; }
.search-box input { box-sizing: border-box; width: 100%; padding: 1.43em 2.14em; border: 1px solid #cccccc; font-size: 0.8125em; font-weight: normal; color: #a4a4a4; background: transparent; }
.search-box input:focus { border-color: #ffd204; color: #353235; }
.search-box ::-webkit-input-placeholder { opacity: 1; }
.search-box ::-moz-placeholder { opacity: 1; }
.search-box :-ms-input-placeholder { opacity: 1; }
.search-box :-moz-placeholder { opacity: 1; }

.collection-article { margin: 3em 0; }
.collection-article:first-of-type { margin-top: 0; }
.collection-article:after { content: ''; display: block; clear: both; }
.collection-article .left-side { box-sizing: border-box; float: left; width: 45%; padding-right: 0; }
.collection-article .right-side { box-sizing: border-box; float: right; width: 55%; padding-left: 2em; }
.collection-article .title-holder { margin-bottom: 0.65em; }
.collection-article .title-holder:after { content: ''; display: block; clear: both; }
.collection-article .title { box-sizing: border-box; float: left; width: 50%; }
.collection-article .title a {  font-size: 0.85em; color: #353235; text-transform: uppercase; font-weight: normal; margin-right: 1.1em; border-bottom: 2px solid #fff; transition: all 300ms ease-in-out; }
.collection-article .title a:hover { border-color: #ffd204; }
.collection-article .title strong {}
.collection-article .features { box-sizing: border-box; float: right; width: 50%; }
.collection-article .features ul { float: right; }

.collection-products ul { margin-left: -2em; }
.collection-products ul:after { content: ''; display: block; clear: both; }
.collection-products li { float: left; width: 25%; padding-left: 2em; margin-bottom: 1em; }
.collection-products li:nth-of-type(4n+1) { clear: both; }
.ajax-used { display: none; }
.collection-products li .col-fin { font-size: 0.9em; }

.view-more-cell .box { border: 2px solid #ffd204; position: relative; transition: border .5s ease-in-out; }
.view-more-cell .box:hover { border: 2px solid #353235; }
.view-more-cell .box:before { content: ""; display: block; padding-top: 100%; }
.view-more-cell .box span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; text-align: center; flex-direction: column; text-transform: uppercase; font-size: 90%; line-height: 1.2; cursor: pointer;  transition: background .5s ease-in-out; background: white; padding: .5em; }
.view-more-cell .box span:hover { background: #ffd204; }

.site-footer { padding-bottom: 4.75em; }
.site-footer:before { content: ''; clear: both; display: block; margin-top: 4.625em; }

.site-footer .home-wrap { max-width: 100%; padding: 0 3em; }

.site-footer .top-part { padding-bottom: 0.8em; border-bottom: 3px solid #383338; }
.site-footer .top-part:after { content: ''; display: block; clear: both; }
.site-footer .quote-btn { box-sizing: border-box; padding: 0.4em 1em 0.3em 1em; float: left; color: #423d43; background: #ffd204; text-transform: uppercase;  font-size: 0.9em; transition: all 300ms ease-in-out; }
.site-footer .quote-btn:hover { background: #383338; color: #fff; }
.site-footer .social-media { float: right; }
.site-footer .social-media li { float: left; margin-right: 1.3125em; }
.site-footer .social-media li:last-child { margin-right: 0; }
.site-footer .social-media li a { font-size: 1.3em; color: #383338; transition: all 300ms ease-in-out; }
.site-footer .social-media li a:hover { color: #ffd204; }
.site-footer .social-media li i { vertical-align: bottom; }
.site-footer .bottom-part { padding: 1.25em 0 0 0; }
.site-footer .bottom-part span { text-transform: uppercase; font-size: 0.75em; color: #383338; margin-right: 1.8em; white-space: nowrap; }
.site-footer .bottom-part span:last-child { margin-right: 0; }
.site-footer .bottom-part span strong {  }
.site-footer .bottom-part span a { color: #383338; margin-right: 1.8em; }
.site-footer .bottom-part span a:last-child { margin-right: 0; }
.site-footer .bottom-part span a:hover { text-decoration: underline; }
.site-footer .copyright { margin-top: 1.4em; text-transform: uppercase; font-size: 0.75em; color: #383338; }
.site-footer .copyright strong {  }
.site-footer .copyright strong a { color: #353235; }
.site-footer .copyright strong a:hover { text-decoration: underline; }

.breadcrumbs { margin: -1em 0 1.5em; }
.breadcrumbs ol { list-style: none; margin: 0; padding: 0; }
.breadcrumbs li { position: relative; display: inline-block; }
.breadcrumbs li:first-child a { border-left: 2px solid #ccc; }
/*.breadcrumbs li:not(:first-child) { left: -4px; }*/
.breadcrumbs li:nth-last-child(2) a:after { color: #ffd204; }
.breadcrumbs a { padding-left: 1.2em; font-size: 0.75em; color: #a4a4a4; border: 2px solid #cccccc; border-left: none; border-right: none; line-height: 1; transition: all 300ms ease-in-out; }
.breadcrumbs span { padding-left: 1.2em; font-size: 0.75em; color: #ffd204; border: 2px solid #ffd204; border-left: none; border-right: none; }
.breadcrumbs a:after { position: relative; top: 7px; right: -10px; font-family: 'FontAwesome'; font-size: 2.7em; color: #ccc; content: '\f105'; display: inline-block; transition: all 300ms ease-in-out; }
.breadcrumbs li span:after { position: relative; top: 7px; right: -10px; font-family: 'FontAwesome'; font-size: 2.7em; color: #ffd204; content: '\f105'; display: inline-block; }
.breadcrumbs li a:hover { border-color: #ffd204; }
.breadcrumbs li a:hover:after { color: #ffd204; }

.block-inspiration-single h1 { display: none; }
.inspirations-grid { margin-left: -1em; }
.inspirations-grid:after { content: ''; clear: both; display: block; }
.inspirations-grid .grid-item { float: left; width: 33.33%; padding-left: 1em; margin-bottom: 1em; }

.mfp-bg { background: rgba(255, 255, 255, 0.9); }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: auto; }
.block-inspiration-popup { position: relative; padding: 0; width: auto; margin: 0 auto; text-align: center; }
.block-inspiration-popup .image { position: relative; display: inline-block; }
.block-inspiration-popup .link { position: absolute; color: #fff; font-size: 2em; cursor: pointer; transition: all 300ms ease-in-out; }
.block-inspiration-popup .link i { transition: all 300ms ease-in-out; }
.block-inspiration-popup .link:hover i { color: #ffd204; }
.block-inspiration-popup abbr { display: none; border: 1px solid #e4e4e4; padding: 0.5em; font-size: .8em; min-width: 10em; text-align: left; }
.block-inspiration-popup abbr img { float: left; max-width: 3em; margin-right: 0.75em; }
.block-inspiration-popup .open abbr { display: block; position: absolute; top: 0; left: 2em; background: white; }
.block-inspiration-popup .link strong { display: block; margin-top: 1.3em; text-transform: uppercase;  font-size: 0.5em; color: #353235; }
.block-inspiration-popup .link a { position: relative; vertical-align: top; font-size: 0.5em; color: #353235; }
.block-inspiration-popup .link a:after { position: absolute; left: 0; display: block; bottom: -5px; width: 50%; height: 2px; background-color: #ffd204; content: ""; transition: width 300ms; }
.block-inspiration-popup .link a:hover:after { width: 100%; }

.block-inspiration-filter { margin: 2.2em 0 3.125em 0; }
.block-inspiration-filter ul { margin-left: -0.625em; }
.block-inspiration-filter ul:after { content: ''; display: block; clear: both; }
.block-inspiration-filter li { float: left; box-sizing: border-box; width: 16.6%; padding-left: 0.625em; }
.block-inspiration-filter li a { display: block; padding: 1.04em 0 1em 0; text-align: center; background: #cccccc; color: #353235;  font-size: 0.875em; text-transform: capitalize; transition: all 300ms ease-in-out; }
.block-inspiration-filter li a:hover { background: url('images/tab-hover.png') repeat-x center center; }
.block-inspiration-filter li a.active { background: url('images/tab-hover.png') repeat-x center center; }

.block-application-table { margin-bottom: 2.8em; }
.block-application-table table { width: 100%; text-transform: uppercase;  font-size: 0.875em; border-collapse: collapse; color: #353235; border: 1px solid #cccccc; }
.block-application-table table tr { border-bottom: 1px solid #ccc; }
.block-application-table table th { background: #ececec; padding: 2em 0; }
.block-application-table table th,td { padding: 2em 0; text-align: center; border-right: 1px solid #ccc; }

.block-availability-table table { width: 100%; text-transform: uppercase;  font-size: 0.875em; border-collapse: collapse; color: #353235; border: 1px solid #cccccc; }
.block-availability-table table tr { border-bottom: 1px solid #ccc; }
.block-availability-table table th { width: 33%; background: #ececec; padding: 1.2em 0 1em 0; }
.block-availability-table table th,td { padding: 1.2em 0 1em 0; text-align: center; border-right: 1px solid #ccc; }
.block-availability-table table td em { font-size: 0.8em; font-style: normal; padding: 0 3px; }

.product-box.block-collection-related { clear: both; margin-top: 6em; }
.product-box.block-collection-related ul { margin-left: 0; padding: 0 4em; position: relative; }
.product-box.block-collection-related ul .slick-arrow { position: absolute; z-index: 999; width: 3.125em; background: #ccc; color: #fff; border: none; transition: all 300ms ease-in-out; }
.product-box.block-collection-related ul .slick-arrow:hover { cursor: pointer; background: #ffd204; }
.product-box.block-collection-related ul .slick-prev { left: 0; top: 0; bottom: 0; }
.product-box.block-collection-related ul .slick-next { right: 0; top: 0; bottom: 0; }
.product-box.block-collection-related li { padding: 0 0.5em; margin: 0; }
.product-box.block-collection-related li img { margin-bottom: 0; }

.quick-ship-boxes ul:after { content: ''; display: block; clear: both; }
.quick-ship-boxes li { box-sizing: border-box; float: left; width: 33%; padding: 0 2em; }
.quick-ship-boxes li img { vertical-align: bottom; } 
.quick-ship-boxes li:first-child { padding-left: 0; }
.quick-ship-boxes li:nth-child(2) { padding: 0 1em; }
.quick-ship-boxes li:nth-child(2) img { position: relative; top: 0.85em; display: block; margin: 0 auto; }
.quick-ship-boxes li:last-child { text-align: right; padding-right: 0; }

.quick-ship-products { margin: 5.25em 0; }
.quick-ship-products:after { content: ''; display: block; clear: both; }
.quick-ship-products ul { margin-left: -1.5em; display: flex; align-items: end; flex-wrap: wrap; }
.quick-ship-products ul:after { content: ''; display: block; clear: both; }
.quick-ship-products li { box-sizing: border-box; float: none; width: 25%; padding-left: 1.5em; padding-bottom: 1.7em; margin-bottom: 1.7em; background: url( 'images/divider-black.png' ) no-repeat 1.5em bottom; }
.quick-ship-products li img { vertical-align: bottom; margin-bottom: 1.7em; }
.quick-ship-products li span { display: block; }
.quick-ship-products li span em { font-style: normal; word-break: keep-all; }
.quick-ship-products li a { display: flex; flex-direction: column; justify-content: end; font-size: 0.875em; color: #353235; transition: all 300ms ease-in-out; }
.quick-ship-products li a:hover { color: #ffd204; }

.quick-ship-boxes p { clear: both; }

.disclaimer { margin-bottom: 3.75em; }
.disclaimer p {font-size: 0.8125em; color: #868686; }

.filter ul li[data-count="0"]:not(.checked) a { opacity: .2; }

.block-collection-pagination { display: none; margin: 0 0 2em; color: #a4a4a4; font-size: .857em; }
.block-collection-pagination:after { content: ''; display: block; clear: both; }
.block-collection-pagination .results { margin-right: 2em; float: left; }
.block-collection-pagination .pages { float: right; }
.block-collection-pagination .pages ol { list-style: none; margin: 0; padding: 0; text-align: right; }
.block-collection-pagination .pages li { display: inline-block; }
.block-collection-pagination .pages li.hidden { display: none; }
.block-collection-pagination .pages a { color: #a4a4a4; }
.block-collection-pagination .pages a,
.block-collection-pagination .pages span { display: inline-block; padding: 0 1em; }
.block-collection-pagination .pages span { color: #353235; font-weight: bold; }
.block-collection-pagination .perpage { position: relative; float: left; top: -0.2em; }
.block-collection-pagination .perpage select { padding: 0.2em 0.4em 0.15em 0.4em; border: 1px solid #a4a4a4; color: #a4a4a4; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; }
.block-collection-pagination .perpage select:hover { cursor: pointer; }

.block-collection-pagination .chosen-container { position: relative; top: -0.2em; }
.block-collection-pagination .chosen-container-single .chosen-single { font-size: 0.857em; color: #a4a4a4; border: 1px solid #a4a4a4; padding: 0.5em 1em 0.4em 1em; }
.block-collection-pagination .chosen-container-single .chosen-single:after { display: none; }
.chosen-container-single .chosen-single span { margin-right: 0; }
.block-collection-pagination .chosen-container-single .chosen-single div { display: none; }

.block-sidebar-search { position: relative; }
.block-sidebar-search .button { position: absolute; top: 0; right: 0; bottom: 0; width: 6em; color: transparent; font-size: .5em; padding: 0; margin: 0; border: none; background:  url('images/search-magnific.png') no-repeat center center; }

.share-box { padding-top: 3.5em; }
.share-box:after { content: ''; display: block; clear: both; }
.share-box ul { float: right; }
.share-box li { float: left; width: 48px; height: 48px; margin-right: 0.5em; display: flex; flex-direction: column; justify-content: center; text-align: center; border: 3px solid #363336; border-radius: 50%; transition: all 300ms ease-in-out; }
.share-box li:last-child { margin-right: 0; }
.share-box li a { display: inline-flex; }
.share-box li img { max-width: 25px; margin: 0 auto; }
.share-box li:hover { border-color: #ffd204; }
.share-box .disabled { opacity: 0.3; pointer-events: none; }

.share-box .social-share { position: relative; }
.share-box .share-drop { display: none; position: absolute; z-index: 999; top: 100%; margin-top: 1em; }
.share-box .share-drop a { display: inline-block; background: #fff; margin-bottom: 0.3em; width: 42px; height: 42px; display: flex; flex-direction: column; justify-content: center; border: 3px solid #363336; border-radius: 50%; transition: all 300ms ease-in-out; }
.share-box .share-drop a img { max-width: 23px; height: auto; }
.share-box .share-drop a:last-child { margin-bottom: 0; }
.share-box .share-drop a:hover { border-color: #ffd204; }

.overview-products { margin-top: 2em; }
.overview-products li { box-sizing: border-box; float: left; /*width: 25%;*/ width: 16.6%; margin-bottom: 2.5em; padding-left: 1.5em; text-align: left; }
.overview-products li .product-info { margin-top: 0.5em; }
.overview-products li .product-info .product-name { text-transform: uppercase; margin-bottom: 1em; }
.overview-products li .product-info p { margin: 0; }
.overview-products li .product-sizes span { font-size: 0.9em; }
.overview-products li a { transition: all 300ms ease-in-out; }
.overview-products li a:hover { opacity: 0.7; }

.style-box { margin-bottom: 3.5em; }
.style-box:after { content: ''; display: block; clear: both; }
.style-box .style-name-holder { box-sizing: border-box; position: relative; float: left; width: 2%; }
.style-box .style-name-holder .name-holder { text-transform: uppercase; padding-bottom: 1em; text-align: center; background: url('images/style-bottom.png') no-repeat bottom center; background-size: contain; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform:  translateX(-50%) translateY(-50%) rotate(-90deg); }
.style-box ul { box-sizing: border-box; float: right; width: 98%; }

.popup.ask { display: none; position: absolute; max-width: 714px; padding: 0 2em; width: 100%; z-index: 9999; top: 15%; left: 0; right: 0; margin: 0 auto; z-index: 9999; transition: all 300ms ease-in-out; }
.popup.ask.active { display: block; }

.popup.ask .input-holder .input { box-sizing: border-box; background: transparent; display: block; line-height: 1.5; margin-bottom: 2.3em; width: 100%; padding: 0.3em 0; font-size: 1.125em; color: #353235; border: none; border-bottom: 2px solid #353235; }
.popup.ask .input-holder .input:focus { border-bottom: 2px solid #ffd204; }
.popup.ask label { font-size: 1.125em; color: #353235; padding-bottom: 0.3em; }
.popup.ask .input-holder textarea.input { box-sizing: border-box; background: transparent; padding: 1.2em; color: #353235; border: 2px solid #353235; max-height: 14.375em; }
.popup.ask .input-holder textarea.input:focus { border: 2px solid #ffd204; }
.popup.ask .btn-holder { float: none; }
.popup.ask .submit-btn { width: 100%; }

.popup.ask .close { position: absolute; width: 40px; height: 40px; right: 0; top: 0; font-size: 2.6em; background: url('images/close-icon-nav.png') no-repeat bottom center; border: none; color: #9e9b9e; z-index: 999; }
.popup.ask .close:hover { cursor: pointer; }

.popup.ask .big-title { padding-top: 1.5em; font-size: 1.5em; color: #343235; margin-bottom: 2em; }

.popup.ask .submit-holder .ajax-loader { visibility: hidden; position: absolute; left: -5em; bottom: 0; width: 48px; height: 48px; background: url('images/tile-loader.gif') no-repeat center center; }
.popup.ask .submit-holder .ajax-loader.is-active { visibility: visible; }

.loader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display: flex; flex-direction: column; justify-content: center; text-align: center; background: rgba(53, 50, 53, 0.5); }
.loader img { max-width: 64px; height: auto; margin: 0 auto; }

.error-404 { text-align: center; }
.error-404 p { margin: 2em 0; }

.show-hide { display: none; box-sizing: border-box; padding: 0.3em 1em 0.2em 1em; color: #423d43; background: #ffd204; text-transform: uppercase;  font-size: 0.85em; border: none; transition: all 300ms ease-in-out; }
.show-hide:hover { cursor: pointer; background: #383338; color: #fff; }
.show-hide + .sidebar { margin-top: 2em; }

img.mfp-img { padding: 0 0; }
.mfp-counter { display: none; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0; }

.block-collection-filtered .collection-list li .square-title { display: block; }

/*********/

.product-boxes ul { margin-left: -1.5em; }
.product-boxes li { padding-left: 1.5em; float: left; width: 50%; margin-bottom: 1.6em; display: flex; flex-direction: column; justify-content: end; }
.product-boxes li .box-holder { position: relative; }
.product-boxes li img { vertical-align: top; }
.product-boxes li.standard { width: 25%; }
.product-boxes li .overlay-box { position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 1.875em; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.product-boxes li .overlay-box h2 { text-transform: uppercase; color: #423d43;  font-size: 2em; }
.product-boxes li .overlay-box p { color: #423d43;  }
.product-boxes li .overlay-box p strong { text-transform: uppercase;  }
.product-boxes li .box-title { position: absolute; padding: 0 3.2em 0 3.2em; width: 100%; bottom: 2em;  font-size: 1em; color: #fff; background: url('images/plus-icon.png') no-repeat 92.5% center; }

.product-sizes span { display: block; }
/*.product-sizes.two-columns { max-width: 7.5em; column-count: 2; column-gap: 1.5em; }*/


/************/

.featured-home-boxes { clear: both; padding: 4em 0; }
.featured-home-boxes:after { content: ''; display: block; clear: both; }
.featured-home-boxes .box { box-sizing: border-box; position: relative; float: left; width: 48.95%; margin-right: 2.1%; margin-bottom: 1.5em; }
.featured-home-boxes .box .bgd-holder img { vertical-align: top; transition: all 300ms ease-in-out; width : 100%; object-fit: cover; }
.featured-home-boxes .box:hover .bgd-holder img { opacity: 1; }
.featured-home-boxes .box:nth-child(2n+2) { margin-right: 0; }
.featured-home-boxes .box .text-holder { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 2.5em; /* background: url('images/overlay-home-box.png') no-repeat left top; display: flex; flex-direction: column; justify-content: center;*/ }
.featured-home-boxes .box h2 { position: absolute; font-size: 1.5em; color: #fff; padding: 0.6em 10% 0 0.5em; }
.featured-home-boxes .box h2 span { position: absolute; top: 0; left: -0.45em; display: inline-block; width: 18px; height: 18px; background: url('images/plus-icon.png') no-repeat center center; }
.featured-home-boxes .box .real-link { position: absolute; bottom: 3em; line-height: 2em; color: #fff; font-style: normal; transition: all 350ms ease-in-out; }
.featured-home-boxes .box .real-link span:after { display: none; }
.featured-home-boxes .box a:hover .real-link { letter-spacing: 0.2em; }
.featured-home-boxes .box .real-link:after { backface-visibility: hidden; border: 1px solid rgba(255, 255, 255, 0); bottom: 0px; content: " "; display: block; margin: 0 auto; position: relative; transition: all 280ms ease-in-out; width: 0; }
.featured-home-boxes .box .real-link:before { backface-visibility: hidden; border: 1px solid rgba(255, 255, 255, 0); bottom: 0px; content: " "; display: block; margin: 0 auto; position: relative; transition: all 280ms ease-in-out; width: 0; }
.featured-home-boxes .box a:hover .real-link:after { backface-visibility: hidden; border-color: #fff; transition: width 350ms ease-in-out; width: 70%; }
.featured-home-boxes .box a:hover .real-link:before { backface-visibility: hidden; border-color: #fff; transition: width 350ms ease-in-out; width: 70%; }
/*.featured-home-boxes .box .real-link:hover:before { bottom: auto; top: 0; width: 70%; }*/

.showroom { padding-bottom: 4em; }
.showroom:after { content: ''; display: block; clear: both; }
.showroom .left-side { box-sizing: border-box; float: left; width: 50%; padding-right: 1.0625em; }
.showroom .right-side { box-sizing: border-box; float: right; width: 50%; padding-left: 1.7em; display: flex; flex-direction: column; justify-content: center; }

.showroom .content-holder { margin: 0 auto; max-width: 88%; }

.showroom h3 { position: relative; padding: 0.6em 0 0 0.5em;  font-size: 1.5em; color: #353235; }
.showroom h3 span { position: absolute; top: 0; left: -0.45em; display: inline-block; width: 18px; height: 18px; background: url('images/plus-icon.png') no-repeat center center; }
.showroom h4 { text-transform: uppercase;  font-size: 1.125em; color: #353235; }
.showroom p { font-size: 1em; margin: 1em 0; }
.showroom .content p { margin: 2.875em 0; line-height: 2; }
.showroom .working-hours { margin-bottom: 2.5em; }
.showroom .btn-holder { float: left; margin-right: auto; }
.showroom .btn-holder a { display: inline-block; color: #353235; transition: all 300ms ease-in-out; }
.showroom .btn-holder a:hover { color: #fff; }

.squares { padding-bottom: 4em; }
.squares:after { content: ''; display: block; clear: both; }
.squares ul { display: flex; flex-wrap: wrap; }
.squares li { position: relative; box-sizing: border-box; /*float: left;*/ width: 18.296%; margin-right: 2.13%; }
.squares li:nth-child(5n+5) { margin-right: 0; }
.squares li .text-holder { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; padding: 2.2em; }
.squares li .text-holder > a:not(.real-link) { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; padding: 2.2em; }
.squares li img { vertical-align: bottom; }
.squares li h4 { text-transform: uppercase; font-size: 0.7em; color: #383338; padding-left: 1.1em; margin-bottom: 2em; }
.squares li h5 { position: relative; padding: 0.7em 0 0 0.5em;  font-size: 0.76em; color: #383338; margin-bottom: 2.35em; }
.squares li h5 span { position: absolute; top: 0; left: -0.45em; display: inline-block; width: 14px; height: 14px; background: url('images/white-plus-icon.png') no-repeat center center; }
.squares .real-link { font-size: 0.76em; }
.squares .real-link span:after { background-color: #fff; }

.share-holder { float: right; }
.share-holder .share-box { display: inline-block; }

.pdf-holder { float: right; padding-top: 1.9em; }
.pdf-holder .dkpdf-button { font-size: 0.9em; color: #383338; transition: all 300ms ease-in-out; }
.pdf-holder .dkpdf-button:hover { color: #ffd204; }
.pdf-holder .dkpdf-button i { font-size: 1.3em; }

.pdf-title-holder { display: none; }
.standard-view-btn { box-sizing: border-box; padding: 0.3em 1em 0.2em 1em; /*float: left;*/	color: #423d43;	background: #ffd204; text-transform: uppercase;		font-size: 0.75em; transition: all 300ms ease-in-out; }
.standard-view-btn:hover { background: #423d43; color: #fff; }
.standard-view-btn + .collection-list { margin-top: 0.5em; }
.standard-view-btn + .block-collection-pagination { margin-top: 1em; }

.filter-size ul li.hidden-size { display: none; }
.filter-size .view-all-sizes { display: none; }
.filter-size .active-filter-list + .view-all-sizes { display: block; }

/*.filter-size .has-checked + .view-all-sizes { display: none !important; }*/

.view-all-sizes { box-sizing: border-box; border: none; padding: 0.3em 1em 0.2em 1em; color: #423d43; background: #ffd204; text-transform: uppercase;  font-size: 0.75em; transition: all 300ms ease-in-out; }
.view-all-sizes:hover { cursor: pointer; background: #383338; color: #fff; }

/**************/
.square-title.filter-finish:hover { cursor: pointer; }
li.active .square-title.filter-finish { border-bottom: 2px solid #ffd204; }
.top-holder .big-title{margin-bottom:15px !important;}

@media screen and (min-width: 1024px) {
   
.featured-home-boxes .box {
    overflow: hidden;
    max-height: 328px;
}

}
/* Hide google captcha from homepage */
/*.grecaptcha-badge{
	display:none;
}
.slug-contact .grecaptcha-badge{
	display:block;
}*/