/*
Theme Name: Ratana

*/

body{

	font-family: avenir-medium;
	color:#53565A;
	padding:0;
	margin:0;
	font-size:14px;
	line-height:31px;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;

}
#post-23123 .entry-content{
	max-width:1024px;
	margin:40px auto;
	padding:20px;
	font-family: avenir-book;
}
#post-23123 .entry-title{
	display: none;
}



#showrooms{
	text-align: center;
}
#showrooms iframe{
	width:100vw;
	height:50vw;
	border:none;
}
#choice2021{
	background: url(../images/weave.jpg)center center no-repeat;
	background-size:cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9;
	display: flex !important;
	align-items: center;
	text-align: center;
	justify-content: center;
}


#choice2021 img{
	width:200px;
	height:26px;
	margin:0 auto 30px auto;
}

#choice2021 #buttons a{
	width:130px;
	height:34px;
	display: inline-block;
	margin:20px 10px;
	border:1px solid #53565a;
	font-size:10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#53565a;
	line-height:34px;
	font-family: gotham_boldregular;
	text-align: center;
}


#choice2021 #buttons a:hover{
	background:#53565a;
	color:#fff;
}

#page{
}

#my-wrapper{
	background:#fff;
}

a{
	text-decoration: none;
	color:#53565A;
}


#container{
	max-width:1500px;
	margin:0 auto;
	padding:40px;
}

.site-width{
	max-width:1500px;
	margin:0 auto;
}

.section{
	padding:100px 0px;
}

.centered{
	text-align: center;
}
h1{
	font-family:gotham_boldregular;
	 font-size: 35px;
	line-height: 45px;
	font-weight:normal;
}

h2{
	font-family:gotham_boldregular;
	font-size:27px;
	line-height:35px;
	font-weight:normal;
}

h3{
	font-family:gotham_boldregular;
	font-size:32px;
	line-height:39px;
	font-weight:normal;
}

h4{
	font-family:gotham_boldregular;
	font-size:27px;
	line-height:33px;
	font-weight:normal;
}

h4.subhead{
	text-align: center;
	font-family: avenir-medium;
	font-size:17px;
	line-height:25px;
	color:#999;
	max-width:800px;
	margin:0 auto 50px auto;
}

h5{

	font-weight:normal;
}

h6{
	font-family:gotham_boldregular;
	font-size:11px;
	line-height:14px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 0 0 10px 0;
	font-weight:normal;
}

h6.larger{

	font-size:14px;
	line-height:18px;
}

.no-italics{

	font-family: gotham_boldregular;
}

.seperator{

	font-family: avenir-heavy;
	font-size:11px;
	line-height:11px;
	margin:0px 0 20px 0;
	padding-bottom:10px;
	text-transform: uppercase;
	border-bottom:1px solid #efefef;
}

#showfabrics, #showframes{
	margin-right:20px;
	cursor:pointer;
}


#showdetails, #showframes{
	color:#ccc;
	cursor:pointer;
}


h1.entry-title{
	margin-top:0px;
	padding-top:0px;
}

h2.entry-title{
	margin-top:0px;
	padding-top:0px;
}


.woocommerce-message, .woocommerce-info{
	border-top:none;
	margin:0px;
}

p{
	font-size:14px;
	line-height:25px;
	margin-bottom:20px;
}

.flex{
	display:flex;
}

.page-title{
	margin-top:0px;
	text-transform: uppercase;
	text-align: center;
}
.search-results .page-title{
	margin-top:40px;
	font-family: gotham_boldregular;
	font-size: 27px;
	line-height: 35px;
	font-weight: normal;
	text-transform: inherit;
}
.page-template-0_products-list h1, .page-template-0_collections h1,
.page-template-0_catalogues h1, .page-template-0_wishlist #container h1, .page-template-0_projects h1,
 .page-template-0_events h1,  .page-template-0_virtual h1,  .page-template-0_advertisements h1,
  .page-template-0_inventory h1,  .page-template-0_media h1,  .page-template-0_store_locator h1{
	text-align: center;
	font-size:25px;
	line-height:35px;
	text-transform: uppercase;
}

#contact-form h1{
	text-align: left;
	font-size:25px;
	line-height:35px;
}
/* ------------------ HIDE -------------------------------------------- */

.woocommerce-variation-add-to-cart .quantity,
.entry-summary .price, .cart_totals, .woocommerce-cart-form .woocommerce-Price-amount, .woocommerce-cart-form .product-price, .woocommerce-cart-form .product-subtotal, .woocommerce div.product form.cart .button, .tinv-wishlist .cart-empty, .tinv-wishlist .return-to-shop, .post-edit-link, .woocommerce-ordering {
	display:none !important;
}

/* ------------------ TOGGLE -------------------------------------------- */
#toggle #res, #toggle #con, #toggle #ter{

	font-size:10px;
	text-transform: uppercase;
	font-family: avenir-heavy;
	display: block;
	line-height:18px;
	background:none;
	padding:0px 5px;
	text-align: center;
}


#toggle #res.current, #toggle #con.current, #toggle #ter.current{
	color:#fff;
	background:#53565A;
}

#logowrap{
	border-right:1px solid #53565A;
	display:inline-block;
	padding: 10px 30px 10px 10px;
	float: left;
}

#toggle{
	display:inline-block;
	margin-left:30px;
	position: relative;
	margin-top: 8px;
	float: left;
}
.error404 .page-header{
	margin-top:80px;
}

.error-404{
	text-align:center;
}

/* ------------------ TOP NAV -------------------------------------------- */


#site-navigation .login-btn{
	font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
font-family: avenir-heavy;
color: #53565A;
border:1px solid #53565A;
font-weight: 900;
padding: 2px 8px;
line-height: 12px;
height: 11px;
margin-top: 6px;
margin-right: 40px;
}
.home.terana-site #site-navigation .login-btn{
	border:1px solid #fff;
	color:#fff;
}
#site-navigation #top .woocommerce-product-search{
	display:inline-block;
	position:relative;
}
#site-navigation #top{
	text-align:right;
	position:absolute;
	line-height: 28px;
	top:0px;
		display: flex;
	right:20px;
}


/* ------------------ NAV -------------------------------------------- */

#site-navigation{
	padding: 15px 20px 5px 20px;
	background:#fff;
}

#site-navigation li.menu-item a{
		text-transform: uppercase;
	font-family:gotham_boldregular;
	font-size:11px;
	letter-spacing: 0px;
	color:#53565A;

}

.site-logo{
	width:160px;
	height:21px;
	background:url(../images/logo.svg) no-repeat;
	background-size:160px 21px;
	display:inline-block;
	top: 5px;
	position: relative;
}

ul#top-menu{
	list-style:none;
	padding:0px;
}

ul#top-menu li{
	display:inline-block;
	margin-left:40px;
}

#site-navigation li.menu-item.root a:hover{
	color:#000;
}


.menu-main-container{
	float:right;
	margin-top:5px;
}

.button, a.tinvwl_add_to_wishlist_button{
	text-transform: uppercase;
	padding:14px 30px;
	border:1px solid #000;
	color:#000;
	font-family:avenir-black;
	font-size:11px;
	line-height:11px;
	display:inline-block;
	margin-top:20px;
	cursor:pointer;
}

.button2{
	background:url(../images/button2.png)top left no-repeat;
	background-size:37px 37px;
	padding:12px 0px 13px 45px;
	font-family:avenir-black;
	text-transform: uppercase;
	color:#53565A;
	font-size:11px;
	line-height:15px;
	display: inline-block;
	margin-top:10px;
	min-height: 20px;
}

.vertical-line{
	height:200px;
	width:1px;
	background:#aaa;
	margin:0 auto;
	display:block;
}

.section.less-padding{
	padding:20px 0px;
}

/* CURRENT PAGE */
body.blog #menu-item-blog a,
body.single-post #menu-item-blog a,
body.archive.date #menu-item-blog a,
body.page-template-0_collections-list #menu-item-r-collections a,
body.page-template-0_collections-list #menu-item-c-collections a,
body.page-template-0_collection #menu-item-r-collections a,
body.page-template-0_collection #menu-item-c-collections a,
body.page-template-0_products-list #menu-item-r-products a,
body.page-template-0_products-list #menu-item-c-products a,
body.archive.tax-product_cat #menu-item-r-products a,
body.archive.tax-product_cat #menu-item-c-products a,
body.page-id-9 #menu-item-wishlist a,
body.page-template-0_projects #menu-item-projects a,
body.page-template-0_catalogues #menu-item-catalogues a,
body.page-template-0_contact #menu-item-contact a
{
	color:#53565A;
}


#mobile-btn{
	display: none;
	z-index: 9999;
	position: relative;
}


#mobile-btn div {
	width: 30px;
	height: 1px;
	background-color: black;
	margin: 6px 0;
}


/* ------------------ SUB NAV -------------------------------------------- */

.dropdown {
	position: relative;
	display: inline-block;
}

.subnav {
	position: absolute;
	background-color: #fff;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 99999999;
	display: none;
	flex-wrap: wrap;
	min-width: 200px;
	overflow:auto;

}

.subnav.wide{
	min-width: 500px;
}

.dropdown:hover .subnav {
	display: flex;
}

ul#top-menu li.dropdown:hover a.root{
	color:#000;
}



ul#top-menu li .subnav a{
	display:block;
	flex: 0 0 100%;
	  box-sizing: border-box;
	  color: #171e42;
	  font-size:12px;
	  text-transform: capitalize;
	  line-height:22px;
	  padding:3px 0px;
	 color:#999;
	padding-left:5px;
	font-family: avenir-book;
}

ul#top-menu li .subnav.wide a{
	flex: 0 0 33%;
}

ul#top-menu li .subnav a:hover{
	background:#fff;
	color:#000;
}

.residential-site .store-locator-link{
	display:block;
}

.contract-site .store-locator-link{
	display:none;
}
/* ------------------ MOBILE NAV -------------------------------------------- */
.mm-menu {
	background: #fff;
   }
.mm-listitem .mm-btn_next:before{
	border-left:none;
}

.mm-navbars_top{
	border:none;
}
.mm-listitem:after {
	border:none !important;
}
.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth){
	width:100%;
}
.mm-listitem.wishlist_products_counter{

}

.mm-listitem.wishlist_products_counter .wishlist_products_counter_wishlist{
	display:none !important;
}

.mm-menu .fa.fa-instagram{
	background:url(../images/instagram.png) center 11px no-repeat;
	background-size:12px 12px;
	opacity:.3;
}
.mm-menu .fa.fa-youtube{
	background:url(../images/youtube.png) center 10px no-repeat;
	background-size:14px 14px;
	opacity:.3;
}
.mm-panels>.mm-panel>.mm-listview{

}
.mm-navbars_bottom{
	border-top:none;
}

.mm-listitem>a, .mm-listitem>span{
	overflow: auto;
}


/* ------------------ PRODUCT PAGE -------------------------------------------- */

/* EX: Alassio 2 Seater Left Arm */

.woocommerce-breadcrumb{
	display:none;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	width:42%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	margin-top:90px;
}

.woocommerce div.product form.cart{
	margin-top:60px;
}



.woocommerce div.product form.cart{
	margin:0px;
}
div.product form.cart .tinvwl_add_to_wishlist_button{
	margin-top:30px;
}
.woocommerce div.product .product_title{
	margin-bottom:30px;
}

.single_variation_wrap p{
	display:none;
}
.woocommerce div.product form.cart .variations label{
	font-family:avenir-heavy;
	font-size:11px;
	font-weight:normal;
	line-height:12px;

}

.woocommerce div.product #myfields .field p{
	margin:0px 0px 10px;
	line-height:14px;
	color:#aaa;
}


.woocommerce div.product #myfields .field p a{
		line-height: 14px;
	color: #aaa;
}

.woocommerce div.product div.images img{
	max-width:600px;
	float:right;
}
.woocommerce div.product .product_title{
	text-transform: uppercase;
}
/* ------------------ PRODUCT - DETAILS -------------------------------------------- */


.wccpf-admin-fields-group-1{
	display:none;
}

.variations #specsheet{
	display:none;
}
.woocommerce div.product form.cart .variations td{
	padding:0px;
}
.woocommerce div.product form.cart .variations label{
	line-height:27px;
}
.woocommerce div.product form.cart .variations td.wccpf_label{
	padding:0px 0px;
	line-height:20px;
}
.woocommerce div.product form.cart .variations td.wccpf_value{
	padding:0px;
	line-height:11px;
	font-size:11px;
}
#specsheet{

	padding: 5px 0px;
}
table.wccpf_fields_table td.wccpf_value p.wcff-wccaf-value-para-tag{
	line-height:25px;
}
#specsheet label{
	width: 125px;
	float:left;
}
#specsheet a{
	float:left;height: 27px;
	display: inline-block;
	line-height: 28px;
}


.com_yds-wrapper .wcff-wccaf-value-para-tag small{
	font-size:9px;
	line-height:9px;
}

/* ------------------ PRODUCT - FABRICS -------------------------------------------- */





#myDropdown{

	display: block;
	padding: 5px 11px 5px 0px !important;
	max-width: 100%;
	height: auto !important;
	border:none;
	font-family:avenir-heavy;
	border-radius: 0px;
	background: url(../images/arrowdown.png) right center no-repeat;
	background-size:8px 5px;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	line-height: 16px !important;
	appearance: none; /* this is must */
	-webkit-appearance: none;
	-moz-appearance: none;

}
#myDropdown option { padding: 0 4px; }

/* for IE and Edge */ #myDropdown::-ms-expand { display: none; } #myDropdown:disabled::-ms-expand { background: #f60; }


.swatch-wrapper{
	border:none;
}

.myswatch .fname{
	display:none;
}

.swatch-wrapper img{
	border-radius: 50%;
}

div.swatch-wrapper.selected{
	border:none;
}
div.swatch-wrapper img{
	opacity:.2;
	width:22px;
	height:22px;
}

.swatch-wrapper a.swatch-anchor{
	width:22px !important;
	height:22px !important;
}

div.swatch-wrapper img:hover{
	opacity:1;
}
div.swatch-wrapper.selected img{
	opacity:1;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,1);
-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,1);
box-shadow: 1px 1px 4px 0px rgba(0,0,0,1);
}

#fabric_large{
	border-radius: 50%;
	width:165px;
	margin-bottom:5px;
	-webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);
}

.reset_variations{
	display:none !important;
}
.swatch-wrapper, div.swatch-wrapper.selected{
	padding:0px;

	margin: 0 10px 10px 0;
}

#fabric_name{
	font-size:11px;
	line-height: 11px;
	color:#666;
}

#fab-filter , #cat-filter{
	float:left;
	line-height:23px;
}

#fab-filter input{
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #aaa;
}

#cat-filter{
	margin-right:20px;
}

#myselected-fabric{
	float:left;
	width:30%;
	padding:0 5%;
	max-width:200px;
	text-align:center;
}

.swatch-control{
	float:left;
	overflow:auto;
	margin-top:10px;
	width:60%;
	max-width:220px;
	height:180px;
	padding-top: 5px;
	padding-left: 5px;
}

.attribute_pa_fabric_picker_label{
	display:none !important;
}


/* ------------------ PRODUCT - FRAMES -------------------------------------------- */


#myselected-frame{
		float: left;
	width: 30%;
	padding: 0 5%;
	max-width: 200px;
	text-align: center;
}

#picker_pa_frame, .attribute_pa_frame_picker_label, #myselected-frame{
	display:none;
}


#frame_large{
	border-radius: 50%;
	width:165px;
	margin-bottom:5px;
	-webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);

}
#frame_name{
	text-align: center;
	font-size:11px;
	line-height: 11px;
	color:#666;
}




/* ------------------ COLLECTION PAGE ------------------------------------ */
/* EX: ALASSIO slideshow + products  */


.single-collection .swiper-container{
	width:100%;
	height:35vw;
}
.single-collection #page{
	background:#f6f6f6;
}

.single-collection .products{
	display: flex;
	flex-wrap: wrap;
}
.single-collection .product-tab{
	padding:20px 40px;
	box-sizing: border-box;
	background:#fff;
	width:48%;
	margin:1%;
  display: flex;
  align-items: center;
  justify-content: left;
}



.single-collection .product-tab h6{
	font-family: gotham_boldregular;
	text-transform: capitalize;
	font-size:14px;
	letter-spacing: 0px;
	line-height:20px;
}

.single-collection .product-tab img{
	margin-right:40px;
	width:120px;
	height:auto;
}
.single-collection h2.centered{
	text-transform: uppercase;
}
/* ------------------ COLLECTIONS LIST ------------------------------------ */
/* EX: ALASSIO, BOLANO..  */

#collection-thumbnails{

	display: flex;
	flex-wrap: wrap;
}

#collection-thumbnails .thumbnail{
	position:relative;

	flex: 0 0 22%;
	margin:1.5%;height:12vw;
	max-height:220px;

	display: flex;
	align-items: center;
	background-size:cover !important;
}

#collection-thumbnails .thumbnail .cover{
	display:flex;
	position: absolute;
	left:0px;
	bottom:0px;
	width: 100%;
	align-items: flex-end;
	justify-content: center;
	background:rgba(235,235,235,0);
}

#collection-thumbnails .thumbnail .cover:hover{

	background:rgba(255,255,255,.4);
}

#collection-thumbnails .thumbnail .name{
	font-family:gotham_boldregular;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: rgba(255,255,255,.8);
	text-align: center;
	padding:8px 10px;
	width:100%;
	font-weight: normal;
}



/* ------------------ PRODUCTS LIST ------------------------------------ */
/* EX: CHAIRS, TABLES, ETC */

#product-thumbnails{

	display: flex;
	flex-wrap: wrap;
}

#product-thumbnails .thumbnail{
	text-align: center;
	width: 26%;
	margin: 3.5%;
	display: none;
}

.residential-site #product-thumbnails .thumbnail.show_in_residential,
.contract-site #product-thumbnails .thumbnail.show_in_contract,
.terana-site #product-thumbnails .thumbnail.show_in_terana{
	display: block;
}

#product-thumbnails .thumbnail img{
	max-width:100%;
	width:270px;
}
#product-thumbnails .thumbnail .name{
	font-family:gotham_boldregular;
	font-size: 13px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 0px;
}



/* ------------------ STORE LOCATOR ------------------------------------ */

/* UNDER PRODUCT */

#product-map{
	margin:50px 0px;
}

#product-map h6{
	text-align: center;
}
#wpsl-gmap img[src*="red@2x"] {
	display: none !important;
}

#wpsl-gmap{
	float:none;
	width:100%;
}
.wpsl-search{
	padding:20px 20px 10px 20px;
}

#product-map #wpsl-result-list{
	display:none;
}
#wpsl-search-wrap form::before{
	content:"Where to shop";
	display:block;
		font-size: 14px;
	line-height: 18px;
	font-family:gotham_boldregular;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom:10px;
}
.wpsl-search{
	position:absolute;
	z-index:9;
	margin-left: 20px;
	margin-top: 20px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
}

#wpsl-search-wrap .wpsl-input label, #wpsl-search-wrap .wpsl-input input{
	font-size:11px;
	border-radius: 0px;
}
#wpsl-search-wrap .wpsl-input label{
	color:#999;
}
#wpsl-search-wrap input, #wpsl-search-btn{
	border-radius: 0px;
	border:none;
}

#wpsl-search-input{
	padding:8px 12px;
}
#wpsl-search-wrap input[type="submit"]{
	background:#999;
	color:#fff;
	margin-right:0px;
	box-shadow:none;
}

/* ------------------ FOOTER ------------------------------------ */

#footer{
	width:100%;
	padding:50px 5%;
	box-sizing: border-box;
}


#footer #links{
	max-width:1100px;
	margin:20px auto 40px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;

}

#footer #links .col{
}
#footer #links .col h6{
	margin-bottom:20px;
}
#footer #links .col a{
	font-size:11px;
	line-height:11px;
	font-family:avenir-book;
	display:block;
	color:#aaa;
	margin-bottom:10px;
}

#footer #social{
	text-align: center;
	margin:20px auto;
	padding:0px 0px 20px 0px;
	max-width:1200px;
}



#footer #social a{
	margin:0px 30px;
	width:20px;
	height:20px;
	opacity:.3;
	cursor: :pointer;
	display: inline-block;
}

#footer #social a:hover{
	opacity:1;
}
#footer #social a.facebook{
	background:url(../images/facebook.png);
	background-size:contain;
}
#footer #social a.instagram{
	background:url(../images/instagram.png);
	background-size:contain;
}
#footer #social a.pinterest{
	background:url(../images/pinterest.png);
	background-size:contain;
}
#footer #social a.twitter{
	background:url(../images/twitter.png);
	background-size:contain;
}
#footer #social a.youtube{
	background:url(../images/youtube.png);
	background-size:contain;
}
#footer #social a.mail{
	background:url(../images/mail.png);
	background-size:contain;
}


#copyright{
	text-align: center;
	margin-top:50px;
}
#copyright small{
	text-transform: uppercase;
	font-size:7px;
	display: block;
	letter-spacing: 1px;
}


#footer h4{
	font-size:15px;
	color:#aaa;
	margin-bottom:15px;
	margin-top:20px;
}
/* ------------------ NEWSLETTER - PAGE  ---------------------------- */

.page-id-86462 #newsletter{
	text-align: center;
	max-width:500px;
	margin:0 auto;
	padding:40px 0px;
}
#footer #news{
	text-align: center;
	margin:0 auto;
	padding:40px 0px;
}

.residential-site #footer #news{
	display: none;
}


.contract-site #footer #news{
	display: block;
}

#footer #news h3{
	font-size:20px;
	line-height:30px;
	margin:0px;
}

.page-id-86462 .gform_wrapper .top_label .gfield_label,
#input_3_2_3_container label, #input_3_2_6_container label,
.page-id-86462 #site-navigation,
.page-id-86462 #footer,
.page-id-86462 h2.entry-title
{
	display: none;
}

.page-id-86462 #page{
	top:0px !important;
}
.page-id-86462 #container{
	padding:20px 40px  !important;
}

.page-id-86462 article{
	margin-bottom:0px;
}



.page-id-86462 input[type=text]{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #aaa;
}

#input_3_3, #input_3_4{
	width:100%;

}
.page-id-86462 input[type=submit]{
	margin:20px auto  0px auto !important;
	width:200px !important;
	display:block;
	max-width:90%;
}
.page-id-86462 select{
	border-radius: 0px;
	background:none;

}
#field_3_4{
	margin-top:35px;
}

.featherlight .featherlight-close-icon{
	font-size:20px;
	 line-height: 35px;
	width: 35px;
}

#input_3_2_6_container{
	margin-top:25px;
}

.featherlight .featherlight-content{
	max-width:90%;
}

/* ------------------ WISHLIST - PAGE  ---------------------------- */



.page-id-9 #content{
	max-width:1200px;
	margin:0 auto;
}

.page-id-9 #page{
	background:#f6f6f6;
}

.wishlist_item{
	display:inline-block;
	width:49%;
	background:#fff;
	margin: .5%;
	padding: 10px;
}

.tinv-wishlist thead{
	display:none;
}

.tinv-wishlist h2{
	margin:0px; padding:0px;
}
.tinv-wishlist .tinv-header{
	margin:0px;
}
.entry-mydate::before{
	content:"Added: ";
}
.tinv-wishlist table{
	border:none;
	border-spacing: 0 20px;

}
.tinv-wishlist table {

	margin:0 auto;
}
.tinv-wishlist table.tinvwl-table-manage-list{
	margin-bottom:0px;
}


.tinv-wishlist .product-name{
	font-family:gotham_boldregular;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 22px;
}
.tinv-wishlist .variation{
	font-size: 11px;
	line-height: 16px;
	color: #999;
	font-family: avenir-medium;
}

.tinv-wishlist .product-thumbnail {

	width: 120px;
	padding: 0px;
}

.tinv-wishlist .product-remove button{
	cursor:pointer;
	background-image:url(../images/icon_delete.png);
	background-size:7px 7px;
}

.tinv-wishlist .product-remove button:hover{
	background-color:#ccc;
}
.tinv-wishlist .tinv-modal .icon_big_heart_check{
	display:none;
}


.woocommerce .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button, .tinv-wishlist .tinvwl_created_wishlist button{
	border-radius: 0px;
	font-size:12px;
	padding:15px;
}


.tinv-wishlist td{
	display:inline-block;
	padding:10px;
}

.wishlist_products_counter_number::before{
	content:"(";
}
.wishlist_products_counter_number::after{
	content:")";
}



.tinv_mini_wishlist_list .tinv-add-all-to-cart,
.tinv_mini_wishlist_list .total,
.tinv_mini_wishlist_list .quantity,
.tinv_mini_wishlist_list .variation{
	display:none !important;
}

.tinvwl-table-manage-list button.button,
.tinv-wishlist .tinvwl-buttons-group button+button i,
.tinv-wishlist .tinv-modal .icon_big_times,
.tinv-header h2,
.tinv-wishlist .button i
{
	display:none;
}

.tinv-wishlist .tinvwl-buttons-group button+button{
		border-radius: 0px;
	font-size: 12px;
	padding: 15px;
	border:1px solid #000;
	text-transform: uppercase;
	font-family: avenir-black;
	color: #000;
	cursor:pointer;
	background-color: #fff;
}
.tinv-wishlist .social-buttons li .social-email:before{
	font-size:28px;
	content:"Request for an estimate";
	text-transform: uppercase;
	padding: 15px 40px;
	border:1px solid #000;
	color:#000;
	font-family:avenir-black;
	font-size:15px;
	line-height:15px;
	display:inline-block;
	margin-top:0px;
}
.tinv-wishlist .social-buttons li a.social-email {
	width:auto;
	height:auto;
	margin:20px 0px 80px 0px;
}
.tinv-wishlist tfoot{
	display: none;
}

.page-template-0_wishlist .social-buttons a.social-email{
	display:none;
}



/* ------------------ SEARCH -------------------------------------------- */
#top .woocommerce-product-search{
}
.woocommerce-product-search input[type='search']{
	border-radius: 0px;
	-webkit-appearance:none;
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #aaa;
	FONT-SIZE: 12px;
	width:150px;
}

.woocommerce-product-search input[type='search']::-webkit-input-placeholder{
	color:#aaa;
}



#top .woocommerce-product-search input[type='submit']{

  color: transparent;
  border:none;
  background:red;
  width:12px;
  height:12px;
  background:url(../images/search.png) no-repeat;
  background-size:12px 12px;
  top:2px;
  position: relative;
}

body.search-results a.product_type_variable{
	display:none;
}

/* ------------------ HOME PAGE -------------------------------------------- */

body.home .swiper-container{
	width:100%;
	height:800px;
}

body.home .swiper-container #overlay{
	position:absolute;
	z-index: 9999;
	background:#fff;
	padding:4%;
	width:40%;
	max-width:350px;
	margin-top:5%;

}
body.home .swiper-container #overlay h2{
	margin-top:0px;
}

body.home .swiper-container #overlay p{
	color:#53565A;
}

body.home .overlap-left img{
	max-width:50%;
	float:left;
}

body.home .overlap-left .text {
	max-width: 50%;
	float: left;
	margin-left: -15%;
	margin-top: 10%;
}


body.home .overlap-right img{
	max-width:70%;
	float:right;
}


body.home .overlap-right .text {
	max-width: 50%;
	float: right;
	margin-right: -10%;
	margin-top: 30%;
	text-align: left;
}
body.home .centered-text{
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	padding:0 5%;
}
body.home .cards{
	max-width:1600px;
	margin:0 auto;
	display:flex;
	justify-content: space-evenly;
}
body.home .card{
	flex:0 0 25%;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 67px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 0px 0px 67px 0px rgba(0,0,0,0.13);
	box-shadow: 0px 0px 67px 0px rgba(0,0,0,0.13);
}


body.home .card .card-img{
	width:100%;
	height:240px;
}
body.home .card .text{

	padding:40px;
}

/* ------------------ BLOG PAGE ------------------------------------ */

.blog #container{
	max-width:1400px;

}
article{
	margin-bottom:100px;
}

#articles{
	width:70%;
	float:left;
	padding-right:100px;
	box-sizing: border-box;
}

#articles img{
	max-width:100%;
	height:auto;
}




#articles .post-thumbnail{
	margin-bottom:20px;
}

.mydate{
	float:left;
	margin-right:30px;
	border:2px solid #000;
	padding:15px;
	display:inline-block;
	text-align: center;
}

#articles .entry-title{
	font-family:gotham_boldregular;
	font-size: 35px;
	line-height: 44px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.mydate .day{
	font-size:40px;
	line-height:40px;
	margin-bottom:5px;
}
.mydate .month-year{
	font-size:11px;
	line-height:11px;
	text-transform: uppercase;
	font-family:avenir-heavy;
}

article .button2{
	margin-top:10px;
}

#articles .summary{
	width: calc(100% - 150px);
	float:left;
}


/* ------------------ BLOG SIDEBAR ------------------------------------ */

#sidebar{
	width:30%;
	float:left;
	padding-left:50px;
	border-left:1px solid #ddd;
	box-sizing: border-box;
}

.single-post #sidebar{

	margin-top: 100px;
}

#sidebar h2.widget-title{
	font-family:gotham_boldregular;
	font-size: 13px;
	line-height: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 80px 0 20px 0;
	font-weight: normal;

}
#sidebar #recent-posts-2 h2.widget-title{
	margin-top:0px;
}
#sidebar #recent-posts-2 ul li a{
	font-family:gotham_boldregular;
	font-size: 15px;
	line-height: 15px;
}

#sidebar ul {
	margin:0px;
	padding:0px;
}
#sidebar ul li{
	list-style:none;
	margin:0px;
	padding:0px;
}
#sidebar ul li{
	margin-bottom:20px;
}

#sidebar #archives-2 ul li{
	margin-bottom:10px;
}
#sidebar ul li a{
	color:#000;
	font-size:14px;
	line-height:14px;
}

#sidebar .post-date{
	display:block;
	font-size:12px;
	color:#aaa;
	line-height:12px;

}

#sidebar #archives-2 ul li a{
	font-size: 11px;
	line-height: 11px;
	color:#aaa;
}

#sidebar #archives-2 ul li{
	line-height:15px;
}

/* ------------------ BLOG SINGLE POST ------------------------------------ */


.single-post #article{
	width:70%;
	float:left;
	padding-right:100px;
	box-sizing: border-box;
}

.single-post #article h1.entry-title{
	font-family:gotham_boldregular;
		line-height:52px;
}


.single-post #article img{
	max-width:100%;
	height:auto;
}

.single-post #article img.size-twentyseventeen-featured-image{
	margin-bottom:20px;
}


.single-post #article .full-post {
	width: calc(100% - 150px);
	float: left;
}

.single-post #article h2.entry-title{
	font-family:gotham_boldregular;
	font-size: 41px;
	line-height: 54px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
.single-post #article .entry-content p:first-of-type{
	margin-top:0px;
}
.single-post #article .post-navigation{
	text-align: center;
}

.single-post #article .nav-previous{
	margin-bottom:30px;
}
.single-post #article .nav-previous a{
	background:url(../images/left-arrow.png) left center no-repeat;
	padding-left:25px;
	background-size:15px 15px;
}
.single-post #article .nav-next a{
	background:url(../images/right-arrow.png) right center no-repeat;
	padding-right:25px;
	background-size:15px 15px;

}
.single-post #article .nav-links .nav-subtitle{
	display: none;
}
.single-post #article .nav-links .nav-title{
	font-family:gotham_boldregular;
	font-size: 14px;
	line-height: 14px;
}


/* ------------------ BLOG ARCHIVE ------------------------------------ */

.archive h2.page-title{
	margin-top:0px;
	margin-bottom:50px;
}
.archive #articles h2.entry-title{

	font-size: 25px;
	line-height: 34px;
}

.archive #articles p{
	margin-bottom:0px;
}


/* ------------------ SLIDESHOW ------------------------------------ */

.page-template-0_slideshow #container{
	padding-top:0px;
}
.page-template-0_slideshow h1{
	text-align: center;
	margin:0px;
}
.page-template-0_slideshow .swiper-container{
	height:100vh;
	position: relative;
}

.page-template-0_slideshow .overlay{
	background:rgba(255,255,255,1);
	position: absolute;
	bottom:10px;
	left:10px;
	padding:15px;
	display: none;
}


.page-template-0_slideshow .overlay h6{
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:12px;
}
.page-template-0_slideshow .overlay p{
	margin:5px 0 0 0px;
	padding:0px;
	font-style:italic;
	font-size:12px;
	line-height:12px;
	color:#666;
}

/* ------------------ MEDIA ------------------------------------ */

.page-template-0_media-php #items  > div{
  display: flex;
  flex-wrap: wrap;
}

.page-template-0_media-php #items > div > div {
  flex-grow: 1;
  width: 33%;
}


.page-template-0_media-php #items .item{
	text-align: center;
	position: relative;
}

.page-template-0_media-php .name{
	width:100%;
}
/* ------------------ CATALOGUES ------------------------------------ */


.page-template-0_catalogues #catalogue-container{
	display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-template-0_catalogues #catalogue-container a img{
	max-width:100%;
}

.page-template-0_catalogues #catalogue-container a{
	text-align: center;
	padding:20px 0px;
	flex:0 0 50%;
}


.page-template-0_catalogues #catalogue-container a:last-of-type{
	flex:none;
	margin:0 auto;
	max-width:50%;
}

.page-template-0_catalogues #catalogue-container h6{
	margin-top:-20px;
}

/* ------------------ ABOUT / OUR COMPANY  ---------------------------- */



.page-template-0_our_company .split{
	display:flex;
}
.page-template-0_our_company .split .col-50{
	flex: 0 0 50%;
	background:#f6f6f6;
	padding:7%;
	box-sizing: border-box;
}

/* ------------------ CONTACT FORM  ---------------------------- */

.page-template-0_contact #page{
}

#contact-form{
	background:#fff;
	max-width:900px;
	margin:0 auto;
	padding:5%;
	display:flex;
	-webkit-box-shadow: 0px 0px 67px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 0px 0px 67px 0px rgba(0,0,0,0.13);
	box-shadow: 0px 0px 67px 0px rgba(0,0,0,0.13);
}


.gform_wrapper .top_label .gfield_label{
	font-weight:400;
	line-height:20px;

}
body .gform_wrapper .top_label div.ginput_container{
	margin-top:0px !important;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{
	line-height:18px;
	color:#666;
}

#contact-form .col-30{
	flex:0 0 30%;
	border-right:1px solid #efefef;
	padding:0 5% 0 0;

	box-sizing:border-box;
}

#contact-form .col-70{
	flex:0 0 70%;
	padding:0 0 0 7%;
	box-sizing:border-box;
}


#contact-form input[type=text], #contact-form select, #contact-form textarea{
	border:none;
	background:#f1f1f1;
	border-radius: 0px;
}

.gform_wrapper ul.gform_fields li.gfield{
	margin-top:25px;
}


#contact-form p small{
	line-height:13px;
}

/* ------------------ LOCATIONS  ---------------------------- */
.page-template-0_locations #page{

}
.page-template-0_locations .wpsl-search{
	display:none;
}

.page-template-0_locations #wpsl-gmap{
		float: right;
	width: 66.5%;
}

.page-template-0_locations .split{
	display:flex;
}
.page-template-0_locations .split .col-50{
	flex:0 0 50%;
}

.page-template-0_locations .split .col-50.text{

	box-sizing: border-box;
}
.page-template-0_locations .split .col-30{
	flex:0 0 30%;
}
.page-template-0_locations .split .col-70{
	flex:0 0 70%;
}
.page-template-0_locations .flex{
	flex-wrap: wrap;
	line-height:21px;
	font-size:12px;
	text-transform: uppercase;
}

.page-template-0_locations h2{
	font-size:16px;
	line-height:25px;
}
.page-template-0_locations h2 span{

	font-family: avenir-medium;
}
.page-template-0_locations .wpsl-locations-details{
	flex:0 0 50%;
	padding-right:20px;
	box-sizing: border-box;
}

.page-template-0_locations h1{
	margin-bottom:20px;
}

.page-template-0_locations hr{
	margin:10px 0px 50px 0px;
	border-top:1px solid #efefef;
}

/* ------------------ CARE & MAINTENANCE / WARRANTY ----------------------------- */


#sidenav a{
	display:block;
}

#sidenav{
	flex:0 0 30%;
	box-sizing: border-box;
	padding:0 5%;
}
#sidenav h2{
	margin-top:0px;
}
.text-content{
	display:flex;
}

.text-content #content{
	flex:0 0 70%;
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;
	font-size:12px;
	line-height:21px;
}

.text-content #content h4{
 -webkit-column-span: all; /* Chrome, Safari, Opera */
	column-span: all;
}



/* ------------------ STORE LOCATOR  ---------------------------- */


.page-template-0_store_locator #wpsl-result-list{
	width:100%;
	margin:0px;
}


.page-template-0_store_locator #wpsl-result-list #wpsl-stores ul{
	display:flex;
	flex-wrap: wrap;
}

.page-template-0_store_locator #wpsl-result-list #wpsl-stores ul li{
	flex:0 0 25%;
	box-sizing: border-box;
	padding:20px 10px;
}
.page-template-0_store_locator #wpsl-result-list p, .page-template-0_store_locator #wpsl-wrap .wpsl-info-window p{
	line-height: 21px;
	color:#666;
	margin:0px;
}

.page-template-0_store_locator #wpsl-result-list p strong, .page-template-0_store_locator #wpsl-wrap .wpsl-info-window p strong{
	color:#000;
}

.page-template-0_store_locator a.wpsl-directions, .page-template-0_store_locator .wpsl-zoom-here{
	text-transform: uppercase;
	font-weight:700;
	font-size:10px;
	margin:3px 3px 3px 0px;
	color:#333;
}
.page-template-0_store_locator a.wpsl-directions:before, .page-template-0_store_locator .wpsl-zoom-here:before{
	content:" ▸";
	padding-right:3px;

}



/* ------------------ EVENTS  ---------------------------- */

.page-template-0_events h1{
	text-align: center;
}
#events-list{
	max-width:1200px;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content:space-around;
}


#events-list .event{
	flex: 0 1 30%;
	margin-bottom:10px;
	text-align: center;
}

#events-list .event .thumb{
	width:100%;
	height:200px;
	display:block;
}

#events-list .event h6{
	margin-top:10px;
}



/* ------------------ NEW EVENT  ---------------------------- */

.ngg-galleryoverview, .page-template-0_new_event #container{
	text-align: center;
}

.ngg-galleryoverview .ngg-gallery-thumbnail-box{
	float:none !important;
	display:inline-block;
}

.ngg-galleryoverview .slideshowlink{
	display:none;
}






/* ------------------ ADVERTISEMENTS LIST  ----------------w------------ */

.page-template-0_advertisements h1{
	text-align: center;
}
#advertisement-list{
	max-width:1200px;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content:space-around;
}


#advertisement-list .advertisement{
	flex: 0 1 30%;
	margin-bottom:10px;
	text-align: center;
}

#advertisement-list .advertisement .thumb{
	width:100%;
  padding-bottom: 125%;
	display:block;
}

#advertisement-list .advertisement h6{
	margin-top:10px;
}







/* ------------------ NEW ADVERTISEMENT  ---------------------------- */

.ngg-galleryoverview, .page-template-0_new_advertisement #container{
	text-align: center;
}

.ngg-galleryoverview .ngg-gallery-thumbnail-box{
	float:none !important;
	display:inline-block;
}

.ngg-galleryoverview .slideshowlink{
	display:none;
}





/* ------------------ STORE FILTER ---------------------------- */


body.residential-site .contract_only{
	display:none;
}



/* ------------------ SUBSCRIBE ---------------------------- */

#mc_embed_signup form{
	padding:0px !important;
	text-align: center !important;
}
#subsribe{
	text-align: center;
	margin-bottom: 50px;
}

#subscribe p{
	margin-bottom:30px !important;
	font-family:gotham_boldregular;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 0 0 10px 0;
	text-align: center;
	font-weight: normal;

}

#mc_embed_signup .button{

	background-color: #fff !important;
	font-family: avenir-black ;
	text-transform: uppercase;
	color: #53565A !important;
	font-size: 11px !important;
	line-height: 15px !important;
	margin-top: 30px;
	height: auto !important;
	width:100px !important;
	text-align: center !important;
	padding: 6px 0 !important;
}

#mc_embed_signup input{
	border-radius: 0px;
}
#mc_embed_signup .mc-field-group input{
	width:180px !important;
	margin: 0 auto !important;
	border-radius: 0px !important;
}

#mc_embed_signup .mc-field-group{
	padding-bottom:0 !important;
	width:100% !important;
}

#mc_embed_signup div.response{
	width: 100% !important;
	padding:0 !important;
}


/* ------------------ CHOICE ---------------------------- */


#choice{
	background: url(../images/landing.jpg)center center no-repeat;
	background-size:cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

#logo2{
	width:234px;
	height:35px;
	background:url(../images/logo2.png);
	background-size:contain;
	margin:0 auto;
}

#choice #cont{
	text-align: center;
	width:500px;

}

#choice p{
	color:#fff;
	margin-bottom:20px;
}

#circle
  {
	width: 250px;
	height: 250px;
	background:url(../images/circle2.png) center center no-repeat;
	margin:0 auto;
	background-size:contain;
  }

  #options{
	  display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;

  }

  #options div{
	  flex:50% 0 0;
  }

  #options div a{
	  font-size:16px;
  }


  .myheader{
	  text-align: center;
	  margin-bottom:30px;
  }

.myheader button{
	background:None;
	border: none;
	border:1px solid #aaa;
	padding:3px 12px;
	cursor: pointer;
}

.tab button.active {
  background-color: #ddd;
}

.myheader h1{
	margin-bottom:10px;
}

#video.tabcontent{
	display: flex;
	flex-wrap: wrap;
		max-width: 1200px;
	margin: 0 auto;
	align-items: flex-start;
	justify-content: space-around;

}

#video.tabcontent iframe{
	margin-bottom:3%;
}



#menu-item-contact .subnav{
	margin-left:-100px;

}


#front-2021 #banner{
	height:100vh;
	width:100vw;
	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
}


.woocommerce-product-search input[type='search']{
	background: none;
}

#front-2021 #banner .text{
	max-width:800px;
	margin:0 auto;
	padding:0 30px;
	margin-top:-30vh;
}

#front-2021 #banner h3{

	font-size: 26px;
	line-height: 35px;
}

#front-2021 #banner p{
	font-size: 16px;
	line-height: 29px;
	padding:0 40px;
}


#front-2021 .image img{
	max-width:100%;
	height:auto;
	width:100%;
}

#front-2021 .wrapper .col{
	padding:0 2vw;
	box-sizing: border-box;
}

#front-2021 .col-30{
	flex: 0 1 30%;
}

#front-2021 .col-70{
	flex: 0 1 70%;
}

#front-2021 .text h6{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size:9px;
	color: #aaa;
}

#front-2021 .flex.section{
	align-items: center;
	flex-wrap: wrap;
}

#front-2021 .flex.section.reverse{
	flex-wrap: wrap-reverse;
}

#front-2021 .text h1{
	font-size:36px;
	line-height:45px;
	letter-spacing: -1px;
}

#front-2021 .wrapper{
	max-width:1300px;
	margin:0 auto;
}

.feature.swiper-slide img{
		width:100%;
		height:auto;
}


#carousel{
	margin-top:20px;
	margin-bottom:10vw;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

#front-2021 .section {
	padding: 5vw 0px;
}

#front-2021 h4{
	font-size:22px;
	line-height:30px;
	max-width:800px;
	margin:2vw auto 4vw auto;
}



.carousel-cell {
	  width: 17%;
	  height: 30vw;
	  margin-right: 20px;
	}


.carousel-cell img{
	width: 100%;
	height:auto;
	-webkit-transition: opacity .5s ease-in-out;
	  -moz-transition: opacity .5s ease-in-out;
	  -ms-transition: opacity .5s ease-in-out;
	  -o-transition: opacity .5s ease-in-out;
	  transition: opacity .5s ease-in-out;
}
.carousel-cell:hover img{
	opacity:.5;
}
.carousel-cell:nth-child(100n+1){

	  width:18%;
}
.carousel-cell:nth-child(2){


	  width:13%;
}
.carousel-cell:nth-child(3){

	  width:20%;
}
.carousel-cell:nth-child(4){

	  width:10%;
}

.carousel-cell:nth-child(5){
	width:23%;
}


.carousel-cell:nth-child(6){

	width:14%;
}

.carousel-cell:nth-child(7){

	  width:12%;
}
.carousel-cell:nth-child(8){

	  width:22%;
}
.carousel-cell:nth-child(9){

	  width:10%;
}

.carousel-cell:nth-child(10){
	width:22%;
}



#front-2021 .button2{
	font-family: avenir-heavy;
	text-transform: capitalize;
	font-size:14px;
	color:#444;
	margin-bottom:20px;
}

.image.full{
	margin-bottom:3vw;
}

.details-only
.wccpf-admin-fields-group-1{
	display: block !important;
}

.details-only
 table.wccpf_fields_table td {
	padding: 0px ;
	vertical-align: middle;
}
#specsheet label{
	height:27px;
}
.variations.details-only  label {
	font-family: avenir-heavy;
	font-size: 11px;
	font-weight: normal;
}
.page-template-0_media-php.page-id-52799 #items > div{
	justify-content: space-evenly;
}
.page-template-0_media-php.page-id-52799 #items > div > div{
	flex-grow: unset;
	width:unset;
}


#front-2021 #banner{
	margin-bottom:7vw;
}

.page-template-0_locations .flex i{
	text-transform:initial;
}

.home #site-navigation{
	background: none;
	position: absolute;
	z-index: 11;
	width: 100%;
	box-sizing: border-box;
}

.residential-site #specsheet{
	display: none !important;
}
ul#top-menu li#menu-item-r-products .subnav, ul#top-menu li#menu-item-c-products .subnav{
	min-width:420px;
}
ul#top-menu li#menu-item-r-products .subnav a, ul#top-menu li#menu-item-c-products .subnav a{
	flex: 0 0 33%;
}

.category #product-thumbnails .product-tab{
	text-align: center;
	flex: 0 1 25%;
	margin-bottom:5%;
}
.category #product-thumbnails .product-tab h6{
	padding:0 30%;
}
.category #product-thumbnails .product-tab img{

	width:auto;
	max-width: 100%;
}


/* ------------------ SINGLE PRODUCT ---------------------------- */

.single-product #threed{
	height:80vh;
}

.single-product #container{
	padding-top:0;
}

#single-product{
	margin-bottom: 5vw;
}

#single-product #info{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
#single-product .col{
	flex: 0 1 45%;
}
#single-product #columns{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#single-product #info h1{
	text-align: center;
	margin: 20px 0px 60px 0;
}
.single-product #main-image{
	flex:0 1 100%;
	overflow: hidden;
	position: relative;
}
.single-product .swiper-container{
	width:100%;
	height: 70vh;
	position: relative;
}
.single-product  .thumb{
	width:22px;
	height:22px;
	border-radius: 50%;
	border:1px solid #fff;
	cursor:pointer;
}

#single-product #photo, #single-product #vectary{
	transition: opacity 1s ease-out;
	opacity:0;
	visibility: hidden;
	height:0;
	overflow: hidden;
}

#single-product #photo.active, #single-product #vectary.active{
	opacity:1;
	visibility: visible;
	height:70vh;
}
#single-product #photo.active{
	height:70vh;
}
.fabric, .frame{
	display: inline-block;
}

.current .thumb{
	border:1px solid #333;
}

.single-product .large .image{
	width:150px;
	height:150px;
	background-size:cover;
	border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
}

.single-product #details p {
	margin: 0 0 20px 0;
	line-height: 20px;
}
.single-product .label{
	font-family: avenir-heavy;
	font-size: 12px;
	font-weight: normal;
	min-width: 120px;
	display: inline-block;


}


.single-product .value{
	font-size: 12px;
	font-weight: normal;
	display: block;

}

#single-product .image{
	flex: 0 1 50%;
	overflow: hidden;
}



.single-product .large{
	margin-bottom:30px;
}
#samecollection .single-product h6 {
	font-family: gotham_boldregular;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 20px;
}
.single-product .thumbs{

	height: 170px;
	padding: 0 15%;
	overflow-y:auto;
}
.single-product #frames .thumbs{
	height:auto;
}
.single-product .thumb-title{

	font-size: 11px;
	text-align: center;
}
.swiper-button-prev, .swiper-button-next{

}
.swiper-button-prev:after, .swiper-button-next:after{
	color:#aaa;	font-size:32px !important;
}

.single-product #fabrics, .single-product #frames, .single-product #details{
	padding:0;
}
.single-product #fabrics{
	text-align: center;
	border-right: 1px solid #ddd;
	flex: 0 1 33%;
	box-sizing: border-box;
}

.single-product .has_3d #info{
	display: none;
}
.single-product #frames{
	text-align: center;
	border-right: 1px solid #ddd;
	flex: 0 1 33%;
	box-sizing: border-box;
}
.single-product #details{
		flex: 0 1 33%;
	text-align: center;
	box-sizing: border-box;
}

.single-product .contract-sheets{
	display: none;
}

.contract-site.single-product .contract-sheets, .terana-site.single-product .contract-sheets{
	display: block;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: .15 !important;
}
.product-template-default .products{
	display: flex;
	flex-wrap: wrap;	max-width: 1500px;
	margin: 0 auto;
	padding: 10px;
}
.products .product-tab {
	padding: 20px 40px;
	box-sizing: border-box;
	background: #fff;
	width: 48%;
	margin: 1%;
	display: flex;
	align-items: center;
	justify-content: left;
}
.product-template-default .product-tab img {
	margin-right: 40px;
	width: 120px;
	height: auto;
}

#samecollection{
	background:#f6f6f6;
	padding: 5vw 0;
	margin-bottom: 5vw;
}

#samecollection h4{
	text-transform: uppercase;
}

#samecollection .product-tab h6 {
	font-family: gotham_boldregular;
	text-transform: capitalize;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 20px;
}

#browse{
	text-align: center;
		font-family: gotham_boldregular;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;

}

#compatible h4{
	text-transform: uppercase;
	text-align: center;
}

#compatible .products .product-tab{
	text-align: center;
	flex: 0 1 25%;
	display: block;
	padding:0;
	margin:0;
	width:auto;
	margin-bottom: 5%;
}

#compatible .products .product-tab img{
	margin:0;
	width: 200px;
}

#compatible .products .product-tab h6{
	padding:0 25%;
	text-transform: capitalize;
	font-size:14px;
	line-height:20px;
}

#wpsl-gmap{
	float:none !important;
	width:100% !important;
}

.contract-site .store-locator-link{
	display: none !important;
}

.gform_legacy_markup_wrapper .gfield_radio li label {
	margin: 7px 0 0 4px !important;
}

.page-id-12509 .item img, .page-id-12520 .item img{
	width:100px;
	height:auto;
}

.page-template-0_warranty .text-content #content h4,
.page-template-0_care .text-content #content h4{
	margin-top:10px;
}

.no-results.not-found{
	text-align: center;
	padding: 5vw;
}

.search-result-count{
	text-align: center;
}

#search-result{
	display: flex;
	flex-wrap: wrap;
	padding:3vw;
}

#search-result .entry{
	flex:0 1 25%;
	text-align: center;
}
#search-result .entry h6{
	padding:0 20%;
}
.result-thumb img{
	width:80%;
	height:auto;
	margin:0 auto;
	display: block;
}

article{
	margin-bottom: 70px;
}

form.search input[type="search"]{
	border:none;
	border-bottom:1px solid #111;
	padding:0;
	background:none;
	border-radius: 0;
	-webkit-appearance: none;
}
form.search input[type="search"]:focus, form.search input[type="submit"]:focus {
 outline:none;
}

form.search input[type="submit"]{
	border:none;
	padding:0px;
	width:14px;
	height:14px;
	font-size:0px;
	cursor:pointer;
	position: relative;
	top:-5px;
	background:url(../images/search.svg);
	border-radius: 0;
	-webkit-appearance: none;
}
form.search input[type="submit"]:hover{
	opacity: .5;
}

.terana-site.home form.search input[type="search"]{
	border-bottom:1px solid #fff;
	color:#fff;
}

.terana-site.home form.search input[type="submit"]{
	background:url(../images/search2.svg);

}

#switcher{
	text-align: center;
	display: block;
}

.single-product .head{
	text-align: center;
}

#switcher span{
	color:#aaa;
	cursor:pointer;
	font-size:12px;
}

#switcher span.current{
	font-weight:bold;
	color:#53565A;
}


#gform_wrapper_5{
	max-width:900px;
	width:100%;
	margin:40px auto;
}
#gform_wrapper_5 .top_label .gfield_label{
	font-weight:400 !important;
	font-size:14px;
}
#gform_wrapper_5 .field_sublabel_below .ginput_complex.ginput_container label {

	font-size: 12px !important;
}
#gform_wrapper_5 input[type=text], #gform_wrapper_5select, #gform_wrapper_5 input[type=email],
	#gform_wrapper_5 input[type=tel]

{
	border: none;
		background: #f1f1f1;
		border-radius: 0px;
	}


.collection-swatches{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:10px;
	margin-top:20px;
	margin-bottom:20px;
	max-width: 300px;
}

.collection-item{
	display: flex;
	gap:60px;
	align-items: center;
		border-bottom: 1px solid #ccc;
		padding-bottom: 60px;

}
.collection-item:last-of-type{
	border:none;
}
.swatch-image{
	position: relative;
}

.swatch-name{
	color:#fff;
	bottom:10px;	font-size: 12px;
	width:100%;
	text-align:center;
	position: absolute;

}

.page-template-0_new_collections #head h1{
	text-align: center;
	font-size: 25px;
	line-height: 35px;
	text-transform: uppercase;
}

.page-template-0_new_collections #head{
	padding-bottom:50px;
}
.collection-item h1{
	text-transform: uppercase;
	margin-top:0px;
	padding-top:0;
}

.swatch-item{
	max-width:100px;
}
.collection-item h6{
	margin-bottom:10px;
	margin-top:30px;
}

.collection-item p{
	margin:0;
	text-wrap: pretty;
	line-height:18px;
	padding-right:30%;
}

.main-image{
	flex:0 1 65%;
	max-width: 1100px;
}
.main-image img{
	max-width:100%;
}
.info{
	flex:0 1 35%;
}

.collection-item .button2{
	text-transform: capitalize;
	font-size:14px;
	font-family: avenir-heavy;
}