@import 'fonts.css';
@import 'buttons.css';
@import 'get-inspired-grid.css';
@import 'choose-your-space.css';

.text-white {
	color: #fff !important;
}

.text-blue {
	color: #7a99ac !important;
}
.container {
	padding-right: 0;
	padding-left: 0;
	max-width: 100%;
}
#main {
	background-image: url(../img/fell-background-grid.png);
	background-repeat-x: no-repeat;
	background-position: center;
	background-size: contain;
	padding: 0px 0 0 0;
}

.fc-wrap {
	padding-right: 12.5%;
	padding-left: 12.5%;
	max-width: 100%;
}

/* Custom */	
@media screen and (max-width: 767px){
	.fc-wrap {	
		padding-right: 20px;
		padding-left: 20px;
	}	
}




/* Columns */
#content > .vc_row > .vc_column_container > .vc_column-inner {
    padding-left: 0;
}

#content > .vc_row .vc_row > .vc_column_container > .vc_column-inner {
    padding-left: 0;
    padding-right: 50px;
}

#content :not(.wpb_content_element) > .wpb_wrapper > * {
    margin-bottom: 0px;
}

/* TOP ROW */
#content > .vc_row-has-fill {
    margin-bottom: 0;
    margin-top: 0px;
}
#content > .vc_row {
    margin-right: 0;
    margin-left: 0;
}

#page .fc-container > .row {
    margin-right: 0;
    margin-left: 0;
}

#page .fc-container > .row > div[class*="col-"],
.container .row > div[class*="col-"] {
	padding-left: 0;
	padding-right: 50px;
}

/* INNER ROW */
#content .vc_row .vc_row {
    margin-right: -50px;
	margin-left: 0;
}
#content .vc_col-sm-12 .vc_row .vc_col-sm-2 {
	
}

#page .fc-container > .row .row {
	margin-right: -50px;
	margin-left: 0;
}

#page .fc-container > .row .row > div[class*="col-"] {
	padding-left: 0;
	padding-right: 50px;
}

/**************************************************************
 * General Responsive States
 */

/* Tabelt - iMac landscape and smaller */		@media screen and (max-width: 2560px) 	{}

/* Tabelt - Desktop landscape and smaller */ 	@media screen and (max-width: 1920px) 	{
	
	
	

    #content .vc_row .uncontained-image {
    	text-align: left;
    }
	
}

/* Tabelt - Laptop landscape and smaller */ 
@media screen and (max-width: 1440px) 	{
	#content .vc_row .vc_row .vc_column_container {
		width: 100%;
	}
}

/* Tabelt - Desktop landscape and smaller */
@media screen and (max-width: 1200px) 	{

	
	
}

/* Tabelt - Tablet landscape and smaller */ 	@media screen and (max-width: 1024px) 	{
	
	#content > .vc_row {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	
}

/* Tabelt - Smaller than tablet landscape */ 	@media screen and (max-width: 1023px) 	{
	
	#content > .vc_row > .vc_column_container {
		width: 100%;
	}
	
	#content .vc_row .vc_row .vc_col-sm-4 {
		width: 100%;
	}
	
	#content .vc_row .vc_row .vc_col-sm-2 {
		float: left;
		width: 100%;
	}
	
}

@media screen and (max-width: 415px){
	#content > .vc_row-has-fill{
		margin-bottom: 0px !important;
	}
}

/* Tabelt - Tablet portrait and smaller */ 		@media screen and (max-width: 768px)	{}

/* Mobile - Smaller than tablet portrait */ 	@media screen and (max-width: 767px) 	{
	
	/*#content > .vc_row {*/
	/*	padding-bottom: 50px;*/
	/*	padding-top: 50px;*/
	/*}*/
	
	#content *:not(.wpb_content_element) > .wpb_wrapper > * {
		margin-bottom: 30px;
	}
	
	#content > .vc_row-has-fill {
		margin-top: 0;
	}
	
	#content .vc_row .vc_row {
    	margin-right: 0 !important;
	}
	
	#content .vc_column_container > .vc_column-inner {
		padding-right: 0 !important;
	}
	
	#page .row > div[class*="col-"] {
		padding-right: 0 !important;
	}
	
	#page .row .row {
		margin-right: 0 !important;
	}
	
}

/* Mobile - Mobile landscape and smaller */ 	@media screen and (max-width: 600px) 	{}

/* Mobile - Mobile portrait and smaller */ 		@media screen and (max-width: 480px) 	{}





















/***
 * Blog Page Links
 */

#news-and-case-studies-links .wpb_text_column {
	text-align: right;
}

#news-and-case-studies-links a {
	background-color: #7a99ac;
	display: inline-block;
	padding: 10px 30px;
	margin-bottom: 0;
	color: #fff;
}

.page-id-64 #news-and-case-studies-links a:nth-child(1) {
	background-color: #fff;
	color: #6d6e70;
} 

.page-id-1179 #news-and-case-studies-links a:nth-child(2) {
	background-color: #fff;
	color: #6d6e70;
}

.page-id-1180 #news-and-case-studies-links a:nth-child(3) {
	background-color: #fff;
	color: #6d6e70;
}

 



/***
 * Page Navigation ( wp-pagenavi )
 */

#wp-pagenavi-container {
	text-align: center;
}

#wp-pagenavi-container .wp-pagenavi {
	margin-bottom: 50px !important;
    display: inline-block;
	position: relative;
	padding: 0 60px;
}

#wp-pagenavi-container .wp-pagenavi::before {
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
    background-image: url(../img/Button-Space.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 11px;
	width: 13px;
	content: "";
	top: 15px;
	left: 0;
}

#wp-pagenavi-container .wp-pagenavi::after {
   background-image: url(../img/Button-Space.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 11px;
	width: 13px;
	content: "";
	top: 15px;
	right: 0;
}

#wp-pagenavi-container .wp-pagenavi .pages,
#wp-pagenavi-container .wp-pagenavi .previouspostslink,
#wp-pagenavi-container .wp-pagenavi .nextpostslink {
	display: none;
}

#wp-pagenavi-container .wp-pagenavi > a,
#wp-pagenavi-container .wp-pagenavi > span {
	font-family: 'Heebo', sans-serif;
	background-color: #fff;
	display: inline-block;
	position: relative;
    line-height: 22px;
    font-weight: 300;
    font-size: 17px;
	margin: 0 10px;
	color: #6d6e70;
	padding: 10px;
	border: none;
}





/***
 * Blog Thumbnails 
 */

#fc-blog {
	margin-right: -50px;
}
 
#fc-blog .fc-blog-item {
	margin-bottom: 50px;
}

.fc-blog-date .fc-meta,
#fc-blog .fc-meta {
	margin-bottom: 15px;
	line-height: 22px;
	font-weight: 100; 
	font-size: 17px;
	color: #7a99ac;
}

.fc-blog-date .fc-meta .fc-category,
#fc-blog .fc-meta .fc-category {
	font-weight: 700;
}

#fc-blog .fc-image {
	transition: opacity 200ms ease-in-out;
	margin-bottom: 15px !important;
}

#fc-blog .fc-image:hover {
	opacity: 0.8;
}

#fc-blog .fc-image img {
	height: auto;
	width: 100%;
}

#fc-blog h4 {
	margin-bottom: 15px !important;
}

#fc-blog .fc-excerpt {
	margin-bottom: 15px;
}

#fc-blog .fc-readmore a {
	font-weight: 400;
}

@media screen and (max-width:1439px) {
	
	#fc-blog .fc-blog-item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.home #fc-blog .fc-blog-item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	
}

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

	.home #fc-blog .fc-blog-item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
        
      
}

@media screen and (max-width:768px) {
        
        .wpb_wrapper.about-responsive {
            padding: 15px !important;
        }
	
	
	#fc-blog .fc-blog-item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
}

@media screen and (max-width:767px) {
	
	#fc-blog {
		margin-right: 0;
	}
	
}








/***
 * Formidable Forms
 */

.frm_forms .frm_form_field .frm_primary_label {
	display: none !important;
}

.frm_forms .frm_form_field input[type=text],
.frm_forms .frm_form_field input[type=text]:focus,
.frm_forms .frm_form_field input[type=text]:hover,
.frm_forms .frm_form_field input[type=email],
.frm_forms .frm_form_field input[type=email]:focus,
.frm_forms .frm_form_field input[type=email]:hover,
.frm_forms .frm_form_field textarea,
.frm_forms .frm_form_field textarea:focus,
.frm_forms .frm_form_field textarea:hover {
	font-family: 'Heebo', sans-serif !important;
	border: 1px solid #000 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	min-height: 46px !important;
	outline: none !important;
}














a {
	color: #7a99ac;
}

a:hover {
	text-decoration: none;
	color: #000;
}

.wpb_text_column a {
	transition: all 200ms ease-in-out;
	font-weight: 700;
	color: #7a99ac;
}

.wpb_text_column a:hover {
	color: #000;
}

.wpb_single_image a {
	transition: opacity 200ms ease-in-out;
	margin-bottom: 0 !important;
}

.wpb_single_image a:hover {
	opacity: 0.8;
}

.wpb_text_column ol {
	counter-reset: orderedlist;
	padding-left: 25px;
}

.wpb_text_column li {
	font-family: 'Heebo', sans-serif;
	position: relative;
	margin: 0 0 15px 0;
	line-height: 22px;
	list-style: none;
    font-weight: 300;
	font-size: 17px;
	color: #6d6e70;
}

.wpb_text_column ol > li::before {
	counter-increment: orderedlist;
    content: counter(orderedlist) ".";
	position: absolute;
	color: #7a99ac;
	left: -25px;
	top: 0;
}

.wpb_text_column ul {
	padding-left: 25px;
}

.wpb_text_column ul li::before {
	background-color: #7a99ac;
	border-radius: 50%;
	position: absolute;
	display: block;
	content: "";
	height: 5px;
	left: -25px;
	width: 5px;
	top: 8px;
}

.wpb_text_column ol ol,
.wpb_text_column ol ul,
.wpb_text_column ul ol,
.wpb_text_column ul ul {
	padding-top: 10px;
}

/* Mobile - Smaller than tablet portrait */ 	@media screen and (max-width: 767px) 	{
	
	.wpb_text_column ol li, 
	.wpb_text_column ul li {
		line-height: 20px;
		font-size: 15px;
	}
	
}








#content .uncontained-image-align-right {
	text-align: right;
}

#content .uncontained-image-align-left {
	text-align: left;
}

#content .uncontained-image-align-right img {
	height: 27vw !important;
}

#content .uncontained-image-align-left img {
	height: 27vw !important;
}

#content .uncontained-image-align-right.center-the-image {
	margin-right: -25px;
    padding-right: 50%;
}

#content .uncontained-image-align-left.center-the-image {
	margin-left: -25px;
    padding-left: 50%;
}

/* Custom */ 		@media screen and (max-width: 768px) 	{
	
	#content .uncontained-image img {
		height: auto !important;
	}
	
}









#page .tile-shadow {
	position: relative;
}

#page .tile-shadow::before {
	background-image: url(/wp-content/uploads/concrete-colour-swatch-brick-DropShadow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	display: block;
    bottom: -15%;
    z-index: -10;
	width: 170%;
	content: "";
	height: 50%;
    left: -35%;
}

.page-id-2216 #page .tile-shadow::before, .page-id-74 #page .tile-shadow::before {
	bottom: -9%;
}











/***
 * WooCommerce Product Categories
 */

#page .woocommerce.columns-2,
#page .woocommerce.columns-3 {
	margin-right: -50px;
}

#page .woocommerce.columns-2 .product {
	padding-bottom: 100px;
	padding-right: 50px;
	width: 50%;
	margin: 0;
}

#page .woocommerce.columns-3 .product {
	padding-bottom: 100px;
	padding-right: 50px;
	width: 33.3333%;
	margin: 0;
}

#page .woocommerce.columns-2 .product .woocommerce-LoopProduct-link, 
#page .woocommerce.columns-3 .product .woocommerce-LoopProduct-link {
	width: calc(50% + 25px);
	transform: scale(1.5);
	display: block;
	margin: 10% 0;
}

.woocommerce .products ul, .woocommerce ul.products {
	margin: 0;
}

@media screen and (max-width:1023px) {
	
	#page .woocommerce.columns-2 .product, 
	#page .woocommerce.columns-3 .product {
		padding: 0 50px 40px 0;
		width: 100%;
	}
	
	#page .woocommerce.columns-2 .product:last-child, 
	#page .woocommerce.columns-3 .product:last-child {
		padding-bottom: 0;
	}
	
}






/* Popups / Modals */
.fc-modal {
	background-color: rgba(0,0,0,0.7);
}

/*
.admin-bar .fc-modal {
	top: 32px;
}
*/

.fc-modal .modal-dialog {
    align-items: center;
	min-height: 100vh;
	margin: 0 auto;
    display: flex;
}

.fc-modal .modal-content {
	background-color: transparent;
	border-radius: 0;
    border: none;
}

.fc-modal .modal-header {
	padding: 30px 20px 20px 20px;
	justify-content: flex-end;
	align-items: center;
	height: 100px;
	border: none;
	width: 100%;
}

.fc-modal .modal-header .close {
	background-image: url(./icon/Icon-Close.png);
	background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
	height: 22px;
	width: 80px;
	opacity: 1;
	margin: 0;
}

.fc-modal .modal-header .close:hover {
	opacity: 0.8;
}


.fc-modal .modal-body {
	align-items: flex-start;
	background-color: #fff;
    padding: 78px 12.5%;
	display: flex;
}

.fc-modal .modal-footer {
	justify-content: flex-end;
    padding: 10px 0 0 0;
	border: none;
}





.fc-modal.fc-modal-fullscreen {
	padding: 0 !important;
	overflow: hidden;
}

.fc-modal.fc-modal-fullscreen .modal-dialog {
	max-width: 100%;
	margin: 0;
	top: 0;
}

.fc-modal.fc-modal-fullscreen .modal-content {
	overflow: hidden;
	position: fixed;
	height: 100vh;
	top: 0;
}

/*
.admin-bar .fc-modal.fc-modal-fullscreen .modal-content {
	height: calc(100vh - 32px);
}
*/

.fc-modal.fc-modal-fullscreen .modal-header {
	background-color: #fff;
    border-radius: 0;
	position: fixed;
    z-index: 10;
    top: 0;
}

.fc-modal.fc-modal-fullscreen .modal-header .close {
	background-image: url(./icon/Icon-Close-Menu.png);
	width: 110px;
	height: 38px;
	padding: 0;
}

.fc-modal.fc-modal-fullscreen .modal-body {
    overflow: hidden;
    overflow-y: auto;
	position: relative;
    top: 100px;
	height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
}













/* Main Menu */
#main-menu .modal-header {
	background-color: #000;
	justify-content: space-between;
}

#main-menu .modal-content {
	background-color: #000;
}

#main-menu .modal-body {
	background-color: transparent;
	align-items: center;
	padding: 30px 0;
}

#main-menu .fc-container {
	margin: auto;
	width: 100%;
}

#main-menu .row {
	padding-left: 25%;
	padding-right: 0;
	width: 100%;
	margin: 0;
}

#main-menu .row > div {
	padding: 0 50px 0 0;
}

#main-menu p {
	color: #fff;
}

#main-menu .header-widgets {
	margin-top: 30px;
}

#main-menu .menu {
	position: relative;
	padding: 0;
	margin: 0;
}

/*
#main-menu .menu.opened-sub-menu + ul {
	padding-top: 150px;
}
*/

#main-menu .menu li {
    margin: 0 0 40px 0;
    list-style: none;
}

#main-menu .menu .sub-menu {
	position: absolute;
	display: none;
	padding: 0;
}

#main-menu .menu a {
    font-family: 'Playfair Display', serif;
	margin: 0 0 15px 0;
	line-height: 39px;
	font-weight: 700;
	font-size: 32px;
	color: #fff;
}

#main-menu .menu a:hover {
	text-decoration: none;
	color: #7a99ac;
}

#main-menu .menu-item-has-children > a::after {
    font-family: "Font Awesome 5 Free";
	margin-left: 50px;
    font-weight: 900;
	content: "\f054";
    font-size: 14px;
	color: #fff;
}

#main-menu .back {
	background-image: url(./icon/Icon-Back-Menu.png);
	background-color: transparent;
	background-repeat: no-repeat;
    background-position: center;
	margin: 0 0 50px 0;
	cursor: pointer;
	display: none;
	border: none;
	height: 38px;
    width: 81px;
	opacity: 1;
}

#main-menu .menu-primary-menu-left-split-container,
#main-menu .menu-primary-menu-right-split-container {
	flex: 0 0 50%;
}

#main-menu .menu-primary-menu-right-split-container li {
	margin: 0 0 3vh 0;
}

#main-menu .menu-primary-menu-right-split-container li a {
	font-family: 'Heebo', sans-serif;
	margin: 0 0 15px 0;
	line-height: 25px;
	font-weight: 400;
	font-size: 20px;
	color: #6d6e70;
}

@media screen and (max-width:1440px) {
	
	#main-menu .row {
    	padding-left: 12.5%;
	}
	
}

@media screen and (max-width:1024px) {
	
	#main-menu .row > div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}

@media screen and (max-width:768px) {
	
	#main-menu .row {
    	padding-left: 50px;
	}
	
	#main-menu .menu li {
    	margin: 0 0 20px 0;
	}
	
	#main-menu .menu-primary-menu-left-split-container li a,
	#main-menu .menu-primary-menu-right-split-container li a {
		margin: 0 0 15px 0;
		line-height: 25px;
		font-size: 20px;
	}

}

@media screen and (max-width:767px) {
	
	#main-menu .row {
    	padding-left: 20px;
	}

}





/***
 * Mini Cart
 */

#mini-cart .modal-body {
	background-color: #7a99ac;
	padding: 0;
}

#mini-cart .woocommerce-mini-cart__buttons {
	display: none;
}

#mini-cart .view-cart-button {
	display: none;
}

#mini-cart .fc-mini-cart {
	width: 100%;
}


.fc-mini-cart {
	background-color: #7a99ac;
	padding: 20px 25px;
	margin-right: -50px;
}

.fc-mini-cart * {
	color: #fff;
}

.fc-mini-cart .mini_cart_item {
	position: relative;
	padding: 0px !important;
    margin-bottom: 10px !important;
}

.fc-mini-cart .mini_cart_item:last-child { 
	border-bottom: 1px solid #fff;
	padding-bottom: 10px !important;
}

.fc-mini-cart .mini_cart_item .remove {
	transition: color 200ms ease-in-out !important;
	color: #fff !important;
	float: right;
}

.fc-mini-cart .mini_cart_item:hover .remove {
	opacity: 0.8 !important;
	color: #fff !important;
}

.fc-mini-cart .mini_cart_item .remove:hover {
	background-color: transparent;
	color: #000 !important;
}
 
.fc-mini-cart a {
	transition: opacity 200ms ease-in-out !important;
	font-weight: 500 !important;
	display: inline-block !important;
}

.fc-mini-cart a:hover {
	color: #fff !important;
	opacity: 0.8;
}

.fc-mini-cart a img {
	display: none !important;
}

.fc-mini-cart .quantity {
	font-weight: 300 !important;
	display: inline-block !important;
}

.fc-mini-cart a:nth-child(2)::after {
	content: ":";
	display: inline-block;
}

.fc-mini-cart .total {
	text-align: right;
	margin-bottom: 0 !important;
}

.fc-mini-cart .total strong {
	font-weight: 500 !important;	
}

.fc-mini-cart .amount {
	font-weight: 500 !important;
}

.fc-mini-cart .buttons {
	display: none !important;
}

.fc-mini-cart .view-cart-button {
	margin-bottom: -80px;
    padding-top: 45px;
	text-align: right;
	margin-right: -25px;
}

.fc-mini-cart .view-cart-button a {
	transition: color 200ms ease-in-out !important;
}

.fc-mini-cart .view-cart-button a:hover {
	color: #000 !important;
	opacity: 1 !important;
}







/***
 * Enlarge Product Image
 */

/*
.enlarge-image img {
	transform: scale(1.5);
}
*/

.enlarge-image {
	margin-bottom: 0 !important;
}

.enlarge-image img {
	transform: none;
}


@media screen and (min-width:1024px) and (max-width:1440px) {

	.enlarge-image img {
		margin-top: 50px;
		margin-left: 0;
		transform: scale(1.5);
		max-width: 100%;
    	margin-bottom: 50px;
	}
	
}

@media screen and (max-width:1023px) {
	
	.enlarge-image .vc_single_image-wrapper {
		text-align: center;
	}
	
	.enlarge-image img {
		margin-left: 0;
		transform: none;
		max-width: 50%;
	}
	
}


/*
@media screen and (max-width:1440px) {
	
	.enlarge-image img {
		margin-left: -50px;
		transform: none;
		max-width: 50%;
		margin-top: -20px;
    	margin-bottom: 10px;
	}
	
}
*/

/*
@media screen and (max-width:767px) {
	
	.enlarge-image img {
		max-width: 100%;
	}
	
}
*/









/***
 * Product Range Slider
 */

.range-slider {
	padding-bottom: 70px;
	position: relative;
    padding-top: 40px;
}

.range-slider .rangeslider {
    height: 8px !important;
	border-radius: 0;
}

.range-slider .rangeslider::before,
.range-slider .rangeslider .rangeslider__handle {
	background-color: #777;
	border-radius: 50%;
	position: absolute;
	box-shadow: none;
	display: block;
	border: none;
	height: 20px;
	width: 20px;
	content: "";
	z-index: 10;
	top: -7px;
}

.range-slider .rangeslider .rangeslider__handle::after {
	display: none;
}

.range-slider .rangeslider .rangeslider__fill {
	background-color: #7a99ac;
    height: 4px !important;
    margin: 2px 0;
}

.range-slider .range-value {
	position: absolute;
	font-weight: 700;
	font-size: 25px;
	top: -30px;
}

.range-slider .range-min {
    position: absolute;
	font-size: 12px;
    top: 55px;
}

.range-slider .range-max {
    position: absolute;
	font-size: 12px;
    top: 55px;
	right: 0;
}





.product-selector .data-table {
	display: none;
}

.product-selector .data-table table {
	table-layout: fixed;
}

.product-selector .data-table td {
	width: 33.3333% !important;
}

.selector-results-container {
	margin-left: calc(33.3333% + 16px);
	display: none;
}

.selector-results-container .selector-results {
	border: 1px solid #7a99ac;
	margin-bottom: 20px;
	padding: 20px;
}

.selector-results-container .estimate span {
	line-height: 30px;
	font-weight: 700;
	font-size: 30px;
    color: #7a99ac;
}

.selector-results-container .add-to-cart-container {
	text-align: right;
}

.product-selector .product-item {
	margin-bottom: 15px;
	line-height: 18px;
	font-weight: 700;
	font-size: 18px;
    color: #7a99ac;
}

@media screen and (max-width:767px) {
	
	.selector-results-container {
		margin-left: 0;
	}
	
}




/***
 * Anything Carousel
 */

#page .ult-carousel-wrapper .slick-arrow {
	display: none !important;
}





/***
 * Borderless Tables
 */

.borderless-table table {
	table-layout: fixed;
	border: none;
}

.borderless-table table tr td {
	padding-bottom: 15px;
	vertical-align: top;
    border: none;
}

.borderless-table table tr td:first-child {
	width: 120px !important;
	color: #7a99ac;
}

@media screen and (max-width: 767px) {
	
	.borderless-table table tr td:first-child {
		width: 100px !important;
	}
	
}



.zoom-out-image {
    width: calc(50% + 25px);
    transform: scale(1.5);
    display: block;
    margin: 10% 0;
	
}







/***
 * Responsive Tables
 */

.responsive-table {
	margin-right: -50px;
	overflow: hidden;
/*    width: 100%;*/
}

.responsive-table > p {
	display: none;
}

.responsive-table table {
	table-layout: fixed;
	border: none;
	width: auto !important;
	border-spacing: 0;
    border-collapse: collapse;
}

/*.responsive-table table tr {*/
/*	position: relative;*/
/*}*/

/*.responsive-table table tr td:first-child {*/
/*	width: calc(50vw - 20px) !important;*/
/*	background-color: #fff;*/
/*	position: absolute;*/
/*    z-index: -1;*/
/*	left: 0;*/
/*}*/

.responsive-table tr {
	
}

.responsive-table td {
	border-bottom: 1px solid #7a99ac;
	vertical-align: top;
	position: relative;
	border-right: none;
	border-left: none;
	border-top: none;
	min-width: auto !important;
	padding: 20px;
	margin: 0;
}

.responsive-table img {
	transform: scale(1.4);
	margin-bottom: 1.4vw;
    max-width: 100%;
    height: auto;
}

.responsive-table td strong {
	font-weight: 500;
    display: block;
}

.responsive-table h4 {
	text-align: center;
}

.responsive-table tr:last-child td {
	border-bottom: 5px solid #7a99ac;
}

.responsive-table tr td:first-child h6 {
	color: #7a99ac;
}

.responsive-table.table-header-enabled tr:first-child td {
	border-bottom: 5px solid #7a99ac;
}



/******
 * Responsive Break-points for this combination.
 **
 * Parent Size: 	6
 * Table Columns: 	6 
 */

@media screen and (max-width:1439px) {
	
	.responsive-table.responsive-columns-6.responsive-container-6 .responsive-scroller {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	.responsive-table.responsive-columns-6.responsive-container-6 td {
		min-width: calc( ( 100vw / 8 ) * 2 ) !important;
	}
	
	.responsive-table.responsive-columns-6.responsive-container-6 img {
		 transform: none; 
		 margin-bottom: 0; 
	}


	.responsive-table.responsive-columns-7.responsive-container-6 .responsive-scroller {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	.responsive-table.responsive-columns-7.responsive-container-6 td {
		min-width: calc( ( 100vw / 8 ) * 2 ) !important;
	}
	
	.responsive-table.responsive-columns-7.responsive-container-6 img {
		 transform: none; 
		 margin-bottom: 0; 
	}



	.responsive-table.responsive-columns-3.responsive-container-1 .responsive-scroller {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	.responsive-table.responsive-columns-3.responsive-container-1 td {
		min-width: calc( ( 100vw / 8 ) * 2 ) !important;
	}
	
	.responsive-table.responsive-columns-3.responsive-container-1 img {
		 transform: none; 
		 margin-bottom: 0; 
	}
	 
}

@media screen and (max-width:768px) {
	
	.responsive-table.responsive-columns-6.responsive-container-6 {
		margin-right: 0;
	}
	
	.responsive-table.responsive-columns-6.responsive-container-6 td {
		min-width: calc( ( ( 100vw / 8 ) * 4 ) - 20px ) !important;
	}

	.responsive-table.responsive-columns-7.responsive-container-6 {
		margin-right: 0;
	}
	
	.responsive-table.responsive-columns-7.responsive-container-6 td {
		min-width: calc( ( ( 100vw / 8 ) * 4 ) - 20px ) !important;
	}

	.responsive-table.responsive-columns-3.responsive-container-1 {
		margin-right: 0;
	}
	
	.responsive-table.responsive-columns-3.responsive-container-1 td {
		min-width: calc( ( ( 100vw / 8 ) * 4 ) - 20px ) !important;
	}
	 
}


/******
 * Responsive Break-points for this combination.
 **
 * Parent Size: 	3
 * Table Columns: 	3 
 */

@media screen and (max-width:768px) {
	
	.responsive-table.responsive-columns-3.responsive-container-3 {
		margin-right: 0;
	}
	
	.responsive-table.responsive-columns-3.responsive-container-3 .responsive-scroller {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	.responsive-table.responsive-columns-3.responsive-container-3 td {
		min-width: calc( 33.3333vw - 20px ) !important;
	}
	 
}

@media screen and (max-width:480px) {
	
	.responsive-table.responsive-columns-3.responsive-container-3 td {
		min-width: calc( 50vw - 20px ) !important;
	}
	 
}







































.product-add-to-cart {
	margin-right: -50px;
}

.product-add-to-cart .add-to-cart-container span {
	display: inline-block;
}

.product-add-to-cart .add-to-cart-container input {
	display: inline-block;
	text-align: center;
	font-size: 15px;
	margin: 0 10px;
	color: #6d6e70;
	padding: 5px;
	width: 30px;
}

.product-add-to-cart .add-to-cart-container input[type=number]::-webkit-inner-spin-button, 
.product-add-to-cart .add-to-cart-container input[type=number]::-webkit-outer-spin-button { 
  	-webkit-appearance: none; 
}

.product-add-to-cart .add-to-cart-container select {
	width: calc(100% - 139px);
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 15px;
	color: #6d6e70;
	padding: 5px;
}

.product-add-to-cart .add-to-cart-container {
	text-align: right;
}


@media screen and (max-width:767px) {
	
	.product-add-to-cart {
		margin-right: 0;
	}
	
	.product-add-to-cart .add-to-cart-container span:first-child {
		display: block;
		font-size: 0;
	}
	
	.product-add-to-cart .add-to-cart-container span:first-child::before {
		display: inline-block;
		font-size: 15px;
		content: "Qty";
	}
	
	.product-add-to-cart .add-to-cart-container input {
		margin-left: 0;	
	}
	
	.product-add-to-cart .add-to-cart-container select {
	    width: calc(100% - 105px);
	}
	
}






.nice-table {
    table-layout: fixed;
	margin-bottom: 40px;
	width: 100%;
}

.nice-table thead {
	border-bottom: 4px solid #7a99ac;
}

.nice-table tbody {
	border-bottom: 4px solid #7a99ac;
	padding: 20px 0;
}

.nice-table tr {
	border-bottom: 1px solid #7a99ac;
}

.nice-table td {
	text-align: center;
	padding: 10px;
}

.nice-table tbody tr:first-child td {
	padding-top: 25px;
}

.nice-table tbody tr:last-child td {
	padding-bottom: 25px;
}
















 


#page button.close {
	background-image: url(./icon/Icon-Close.png);
	background-repeat: no-repeat;
	background-position: center;
    height: 22px;
    width: 80px;
	opacity: 1;
}

#page button.close:hover {
	opacity: 0.5;
}





/***
 * Accordions
 */

#page .vc_tta-accordion .vc_tta-panel {
	margin-bottom: 25px;
}

#page .vc_tta-accordion .vc_tta-panel-heading {
	background-color: transparent;
	border: none;
}

#page .vc_tta-accordion .vc_tta-panel-title a {
	font-family: 'Playfair Display', serif;
	text-transform: none;
	margin: 0 0 15px 0;
	line-height: 39px;
	font-weight: 700; 
	font-size: 32px;
	color: #7a99ac;
	padding: 0;
}

#page .vc_tta-accordion .fc-active .vc_tta-panel-title a {
	color: #000;
}

#page .vc_tta-accordion .vc_tta-controls-icon {
	display: none;
}

#page .vc_tta-accordion .vc_tta-panel-body {
	background-color: transparent;
	border: none;
	padding: 0;
}

/* Mobile - Smaller than tablet portrait */ 	@media screen and (max-width: 767px) 	{
	
	#page .vc_tta-accordion .vc_tta-panel-title a {
		margin-bottom: 10px;
		line-height: 28px;
		font-size: 25px;
	}
	
}







/***
 * Large Numbers
 */

.large-number {
	position: relative;
}

.large-number::before {
	font-family: 'Playfair Display', serif;
	position: absolute;
	line-height: 400px;
	font-size: 400px;
	font-weight: 700;
	color: #7a99ac;
	opacity: 0.15;
	content: "";
	top: -320px;
	z-index: -1;
} 

.large-number.number-left::before {
    left: -75px;
}

.large-number.number-right::before {
    right: 0;
}

.number-1::before {
	content: "1";
}

.number-2::before {
	content: "2";
}

.number-3::before {
	content: "3";
	font-size: 350px;
	line-height: 350px;
	top: -342px;
}

.number-4::before {
	content: "4";
	font-size: 350px;
	line-height: 350px;
	top: -336px;
}

.number-5::before {
	content: "5";
	font-size: 350px;
	line-height: 350px;
	top: -258px;
}

@media screen and (max-width:1023px) {
	
	.large-number.number-left::before, 
	.large-number.number-right::before {
		     right: initial;
    left: 30px;
    font-size: 250px;
    top: -115px;
    line-height: 250px;
	}
	
}

@media screen and (max-width:767px) {
	
	
	
}

@media screen and (max-width:1024px) {
	
/*Custom class to expand content to 100% width	*/
#page .wide-mobile {
		width:100%
	}
}

@media screen and (max-width:1024px) {
	
	
	
}






/***
 * Logo Change Triggers
 */

.switch-bar, 
.switch-bar-top, 
.switch-bar-bottom {
	background-color: #00ff00;
	position: absolute;
	z-index: 9999;
	height: 2px;
	width: 100%;
	left: 0;
}

.switch-bar-top > div, 
.switch-bar-bottom > div {
	border: 1px solid #000;
	background-color: #fff;
	text-align: center;
	font-size: 12px;
	height: 20px;
	color: #000;
	width: 20px;
}

.switch-bar {
	background-color: #00B3FF;
}

.switch-bar-bottom {
	background-color: #93057C;
}




/***
 * Fullscreen Message
 */

#fullscreen-message {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(255,255,255,0.9);
	top: 0;
	left: 0;
}

#fullscreen-message .fullscreen-message-content {
	
}

#fullscreen-message .modal-body {
	background-color: transparent;
}

#fullscreen-message .fc-btn-loader i {
	position: absolute;
    top: -50px;
    left: -50px;
	opacity: 0.3;
}

#fullscreen-message .fc-btn-loader i::after {
	height: 100px;
    width: 100px;
}

#fullscreen-message .fc-btn-loader:hover i::after {
	background-image: url(/wp-content/uploads/Gear.png);
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #eee;
}
::-moz-placeholder { /* Firefox 19+ */
 	color: #eee;
}
:-ms-input-placeholder { /* IE 10+ */
  	color: #eee;
}
:-moz-placeholder { /* Firefox 18- */
 	color: #eee;
}

#design-tool #step-3.tab-pane .dt-sidefloat-container .selected-summary { display: none; }
#design-tool #step-6.tab-pane .modal-actions button.action-next.btn-secondary { display: none; }

/*****Added By SA******/
#main-menu .menu a, #main-menu .menu a:hover { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
body #page sup { top: -0.5em; font-size: 0.9em !important; line-height: 1em !important; }
body #design-tool .size-h6 sup { top: 0em; font-size: 18px !important; line-height: 20px !important;  }
body #page h6 sup { font-size: 17px !important; }
body #page p.size-h5 sup { font-size: 18px !important; }
body #page p:not(.size-h5) sup { font-size: 13px !important; }

body #colour-picker #section-2.tab-pane { margin-top: -50px; margin-left: 50px; }
body #colour-picker #section-2 .frm_submit button { padding: 15px 35px 15px 35px; font-family: 'Heebo', sans-serif; background-color: #7a99ac; border-bottom: none; color: #fff; font-size: 18px; line-height: 22px; border: 1px solid #7a99ac; border-radius: 0; font-weight: 600; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
body #colour-picker #section-2 .frm_submit button:hover { background-color: transparent; color: #7a99ac; border: 1px solid #7a99ac; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
#colour-picker #section-2 .dt-confirmation-item { padding-right: 25px; }
#colour-picker #section-2 .dt-confirmation-item img { transform: scale(1.2); margin-left: -45px; margin-bottom: 10px; }
#colour-picker #section-2 .dt-confirmation-item p { font-size: 22px; line-height: 28px; }
body .woocommerce-form-coupon-toggle { display: none; }
body form.woocommerce-checkout .col-1 { flex: 0 0 60%; max-width: 60%; }
body form.woocommerce-checkout .col-1 .woocommerce-input-wrapper { width: 100%; }
body form.woocommerce-checkout .col-2 { flex: 0 0 40%; max-width: 40%; }
body form.woocommerce-checkout .col-2 .woocommerce-input-wrapper { width: 100%; }
body form.woocommerce-checkout #customer_details.col2-set { margin-bottom: 50px; }
body form.woocommerce-checkout input[type="text"], body form.woocommerce-checkout input[type="email"], body form.woocommerce-checkout input[type="tel"], body form.woocommerce-checkout span.select2-selection { font-family: 'Heebo', sans-serif !important; border: 1px solid #000 !important; box-shadow: none !important; border-radius: 0 !important; min-height: 46px !important; outline: none !important; padding-left: 10px; }
body form.woocommerce-checkout span.select2-selection .select2-selection__rendered { padding-top: 10px; }
body form.woocommerce-checkout span.select2-selection .select2-selection__arrow { margin-top: 10px; }
body #order_review * { font-family: 'Heebo', sans-serif; }
body #place_order { padding: 15px 35px 15px 35px; font-family: 'Heebo', sans-serif; background-color: #7a99ac; border-bottom: none; color: #fff; font-size: 18px; line-height: 22px; border: 1px solid #7a99ac; border-radius: 0; font-weight: 600; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;}
body #place_order:hover {  background-color: transparent; color:  #7a99ac; }
body #main-menu .social-icons a:hover i, body #footer .social-icons a:hover i { color: #7a99ac; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
body .ult_modal .ult_modal-content { border: unset; border-style: none !important; background: transparent; box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; -o-box-shadow: unset; }
body .ult_modal .ult_modal-content .ult_modal-body { background: transparent !important; }
body .ult-overlay .ult-overlay-close.top-right { width: 30px !important; height: 30px !important; }
body #page .wpb_text_column .fc-btn.colour-picker { z-index: 10; }
body #page #content .specification-table .specification-item:nth-child(1) { display: none; }
body #page #content #choose-your-space .specification-table {
	margin-top: 0px;
}
body #main-menu .fc-btn.colour-picker.menu-item { padding: 0; }
body #page #content .wpb_text_column .fc-btn.colour-picker.text-link { font-family: 'Heebo', sans-serif; font-size: 17px; line-height: 22px; font-weight: 700; padding: 0; display: inline; }

body #colour-picker .frm_submit button:disabled, body #design-tool .frm_submit button:disabled { background-color: transparent !important; cursor: not-allowed; color: #7a99ac !important; opacity: 0.3; }
body #colour-picker .frm_message, body #design-tool .frm_message { display: none; }

/***Cart***/
body #mini-cart .modal-body, body #mini-cart .modal-body .fc-mini-cart { background-color: #fff; }
body #mini-cart .fc-mini-cart * { color: #6d6e70; }
body #mini-cart .fc-mini-cart h3 { color: #000; margin-bottom: 20px; }
body #mini-cart .fc-mini-cart .remove.remove_from_cart_button { color: #7a99ac !important; }
body #mini-cart .fc-mini-cart ul { list-style: none; padding: 0; padding-bottom: 5px; border-bottom: 1px solid #7a99ac; margin-bottom: 20px; }
body #mini-cart .fc-mini-cart .widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item > a { color: #7a99ac !important; }
body #mini-cart .fc-mini-cart .widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item > a:after { display: none !important; }
body #mini-cart .fc-mini-cart .quantity { display: block !important; }
body #mini-cart .fc-mini-cart .quantity, body #mini-cart .fc-mini-cart .quantity *, body #mini-cart .fc-mini-cart .quantity .woocommerce-Price-amount.amount  { color: #6d6e70; font-weight: 300 !important; }
body #mini-cart .modal-content .modal-body { padding: 35px 45px; }
body #mini-cart .fc-mini-cart { padding: 0; }
@media screen and (max-width: 600px){
	body #mini-cart .modal-content { width: 95%; margin: 0 auto; }
	body #mini-cart .modal-content .modal-body { padding: 20px 25px; }
	body #mini-cart .fc-mini-cart { padding: 0; }
}


/***Tinted Sealers***/
body #page .fc-gallery-shortcode { width: 50%; max-width: 50%; max-height: 300px; display: inline-block; vertical-align: middle; }
body #page .fc-gallery-shortcode .fc-gallery-shortcode-image { max-height: 300px; box-shadow: unset; background-size: contain; background-position: center; background-repeat: no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
body #page .fc-gallery-shortcode .tinted-sealers-title { text-align: center; }
body #page .fc-gallery-shortcode-thumbnails { max-width: 45%; width: 45%; min-height: 300px; display: inline-block; padding-left: 15px; vertical-align: middle; }
body #page .fc-gallery-shortcode-thumbnails .slick-list, body #page .fc-gallery-shortcode-thumbnails .slick-list .slick-track { max-width: 100%; width: 100% !important; display: inline-block; }
body #page .fc-gallery-shortcode-thumbnails button { display: none !important; }
body #page .fc-gallery-shortcode-thumbnails .fc-gallery-shortcode-thmubnail-item { min-width: 55px; min-height: 35px; background-size: 220%; background-repeat: no-repeat; margin: 10px; background-position: center; }
body #page .fc-gallery-shortcode-thumbnails .fc-gallery-shortcode-thmubnail-item:hover { cursor: pointer; }
body #page .fc-gallery-shortcode-thumbnails .slick-track { max-width: 265px !important; }
body #page .fc-gallery-shortcode-thumbnails .fc-gallery-shortcode-thmubnail-item { margin: 5px; }

@media screen and (max-width: 900px) {
	body #page .fc-gallery-shortcode { width: 40%; max-width: 40%; }
	body #page .fc-gallery-shortcode-thumbnails { max-width: 55%; width: 55%; min-height: 235px; }
}
@media screen and (max-width: 600px) {
	body #page .fc-gallery-shortcode { width: 100%; max-width: 100%; }
	body #page .fc-gallery-shortcode-thumbnails { max-width: 100%; width: 100%; min-height: 235px; }
	body #page .fc-gallery-shortcode-thumbnails .slick-list .slick-track { width: auto !important; }
	body #page .fc-gallery-shortcode-thumbnails { padding-left: 0; }
	body #page .fc-gallery-shortcode-thumbnails .slick-track { max-width: 265px !important; display: block !important; margin: 0 auto; }
}

/***Search Results***/
body.search-no-results #page-title:not(.search-header) { display: none; }
body.search .no-result-text { margin-top: 50px; margin-bottom: 50px; }
body.search #page-title.search-header { padding-top: 100px; }
body.search #main { padding-top: 0; padding-bottom: 0; }
body.search #main #content.search-grid { margin-bottom: 50px; }
body.search .search-result-row { display: block; width: 100%; padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd; }
body.search .search-result-row .page-title { border-bottom: 0; }
body.search .search-result-row .serch-result-col-3 { width: 30%; display: inline-block; vertical-align: top;  padding: 10px; }
body.search .search-result-row .serch-result-col-3 .featured-image, body.search .search-result-row .serch-result-col-3 .featured-image a, body.search .search-result-row .serch-result-col-3 .featured-image a img { width: 100%; display: block; height: auto; }
body.search .search-result-row .fc-readmore { margin-top: 20px; }
body.search .search-result-row .serch-result-col-9 { width: 60%; display: inline-block; vertical-align: top; padding: 10px 40px; }
body.search .search-result-row .serch-result-col-12 { width: 100%; display: block; padding: 10px; }
body.search .search-result-row a.fc-btn { max-width: 135px; display: block !important; }
body.search form.searchform input[type="search"] { min-height: 46px !important; font-family: 'Heebo', sans-serif !important; border: 1px solid #000 !important; min-width: 300px; padding: 10px; display: inline-block; margin-right: 20px; margin-bottom: 20px;}
body.search form.searchform input#searchsubmit { display: inline-block; font-family: 'Playfair Display', serif; font-size: 20px; line-height: 24px; background: transparent; border: unset; -webkit-appearance: unset; }
body.search form.searchform input#searchsubmit:after { content: ''; display: block; position: absolute; }
body.search .search-pagination { display: block; margin-top: 20px; margin-bottom: 20px; text-align: right; }
body.search .search-pagination * { font-weight: 700; }
body #main-menu form #search-input { background: transparent !important; border: unset; padding: 10px 30px 10px 5px; color: #6d6e70; border-bottom: 1px solid #6d6e70 !important; min-height: 45px; margin-right: 10px; width: 230px; }
body #main-menu form #search-input:active, body #main-menu form #search-input:focus-within { background: transparent !important; } 
body #main-menu form #search-input:focus { border: unset; outline: unset; border-bottom: 1px solid #6d6e70; }
body #main-menu form button { background: #000; border: unset; -webkit-appearance: unset; margin-left: -40px  }
body #main-menu form button i { color: #6d6e70; }
body.search .content.search-grid .search-result-row:last-child { border-bottom: 0; }

@media screen and (max-width: 600px) {
	body.search .search-result-row .serch-result-col-3, body.search .search-result-row .serch-result-col-9 { width: 100%; }
	body.search .search-result-row .serch-result-col-9 { padding: 10px; }
	body.search form.searchform input[type="search"] { min-width: 100%; }
	body #main-menu form #search-input { width: 90%; min-width: 80%; }
}

@media screen and (min-width: 1024px) {
	body.search #page-title.search-header .col-md-12 { padding-left: 55px; }
	body .cart-menu-item { position: relative; }
	body .cart-menu-item .cart-customlocation { background-color: #7a99ac; color: #fff; font-weight: 700; font-size: 12px; line-height: 14px; padding: 4px 7px; display: inline-block; border-radius: 100%; position: absolute; left: 30px; }
	body #header .cart-menu-item .header-button, body #header .cart-menu-item .header-button:hover { font-size: 0; }
}

@media screen and (max-width: 1023px) {
	body .cart-menu-item .cart-customlocation {  background-color: #7a99ac; color: #fff; font-weight: 700; font-size: 10px; line-height: 12px; padding: 3px 6px;  border-radius: 100%;  margin-right: 4px; }
	body.page-id-72 #colour-range-first-reveal .vc_col-sm-2 .wpb_single_image, body.page-id-73 #colour-range-first-reveal .vc_col-sm-2 .wpb_single_image, body.page-id-74 #colour-range-first-reveal .vc_col-sm-2 .wpb_single_image, body.page-id-2216 #colour-range-first-reveal .vc_col-sm-2 .wpb_single_image { margin: 0 15.3333% 0px 17.3333% !important; }
	body.page-id-72 #colour-range-first-reveal .vc_col-sm-8, body.page-id-73 #colour-range-first-reveal .vc_col-sm-8, body.page-id-74 #colour-range-first-reveal .vc_col-sm-8, body.page-id-2216 #colour-range-first-reveal .vc_col-sm-8 { margin-bottom: 60px !important; }
	body.page-id-72 #colour-range-first-reveal, body.page-id-73 #colour-range-first-reveal, body.page-id-74 #colour-range-first-reveal, body.page-id-2216 #colour-range-first-reveal { margin-bottom: 70px; }
}

@media screen and (min-width: 767px) {
	body #page #choose-your-space .specification-gallery-items .slick-list { padding-top: 100% !important; }
	body #page #choose-your-space .specification-gallery-item { height: calc(100vh / 6.7 - 6px) !important; } 
}

@media screen and (min-width: 951px) {
	#design-tool .nav-pills li.nav-item button { -webkit-appearance: unset; border: unset; }
	#design-tool .dt-item .col .dt-title { display: inline-flex; position: relative; }
	#design-tool .info-popup { top: 5px; right: -25px; }
	#design-tool .modal-actions .action-prev:hover { color: #fff; }
	#design-tool .modal-actions .action-prev:hover i:after { background-image: url(/wp-content/uploads/Icon-Chevron-Right-White.png); }
	#design-tool .btn-secondary, #design-tool .btn-secondary:hover { -webkit-appearance: none; }
	#design-tool .btn-secondary.focus, #design-tool .btn-secondary:focus { box-shadow: unset; }
	#design-tool .dt-sidefloat-container, #design-tool .dt-sidefloat-container.dt-active-float { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
	
}

@media screen and (max-width: 1440px) {
	#design-tool .dt-sidefloat-container { max-width: 320px; }
	#design-tool .dt-subgroup-items .dt-item { width: 100%; }
	#design-tool .dt-items .dt-item { width: 100%; }
}

@media screen and (max-width: 1200px) {
	#design-tool .modal-actions .btn-secondary { padding: 15px 20px 10px 20px; top: calc(50vh - 20px); height: 80px; width: 240px; font-size: 18px; line-height: 20px; }
	#design-tool .modal-actions:not(.modal-actions-mobile) .action-next { right: -65px; }
	#design-tool .modal-actions:not(.modal-actions-mobile) .action-prev { left: -80px; }
	#design-tool .nav .nav-item:last-child button { width: auto; }
}

@media screen and (max-width: 950px) {
    
	#design-tool.fc-modal.fc-modal-fullscreen .modal-header { padding: 8px; height: 35px; max-height: 35px; overflow: hidden; position: fixed; top: 0; z-index: 10; }
	#design-tool.fc-modal.fc-modal-fullscreen .modal-body { top: 0; padding: 100px 20px 0; }
	#design-tool.fc-modal.fc-modal-fullscreen .modal-header button.close, #colour-picker.fc-modal.fc-modal-fullscreen .modal-header .close { width: 95px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: right; }
	#design-tool .nav { margin-top: 35px; }
	#design-tool.fc-modal.fc-modal-fullscreen .tab-content .dt-items .dt-item:not(.dt-selectable) { margin-bottom: 35px; }
	#design-tool.fc-modal.fc-modal-fullscreen .modal-body .container { padding-bottom: 120px; }
	#design-tool .modal-actions-mobile { position: fixed !important; }
	#design-tool .modal-actions-mobile button.btn-secondary { bottom: unset !important; height: auto !important; border: 1px solid #7a99ac; width: 50%; }
	#design-tool .modal-actions-mobile button.full-width { width: 100%; }
	#design-tool .modal-actions-mobile button.action-prev.full-width { border-right: 1px solid #7a99ac !important; }
	#design-tool .modal-actions-mobile button.btn-secondary.action-prev { border-right: 0; }
	#design-tool .dt-selected-colours, #design-tool .dt-sidefloat-container { display: block; }
	#design-tool .dt-selected-colours[data-count="0"], #design-tool .dt-sidefloat-container[data-count="0"] { opacity: 0; }
	#design-tool .tab-content .col-md-9.offset-1 { margin-left: 0; }
	#design-tool .dt-selected-colours:not(.cp-reduce) { padding: 25px 0 10px 0; }
	#design-tool .dt-selected-colours:not(.cp-reduce) .dt-selected-colours-summary { opacity: 1; }
	#design-tool .dt-selected-colours.cp-reduce .dt-selected-colours-summary { opacity: 0; }
	#design-tool .dt-selected-colours.cp-reduce, #design-tool .dt-selected-colours { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
	#design-tool .dt-selected-colours.cp-reduce .dt-selected-colours-summary, #design-tool .dt-selected-colours .dt-selected-colours-summary { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
	#design-tool .modal-actions.modal-actions-mobile .btn-secondary.action-next i { display: inline-block; vertical-align: middle; }
	
	/***Tab Pane 3, 4, 5****/
	#design-tool #step-3 .dt-selectable .col:first-child { max-width: 80px; } 
	#design-tool #step-3 .dt-subgroup-items .dt-item { margin-left: 0; } 
	#design-tool #step-3 .dt-subgroup-items .dt-item .dt-title, #design-tool #step-5 .dt-subgroup-items .dt-item .dt-title { display: inline-flex; position: relative; } 
	#design-tool #step-3 .dt-subgroup-items .dt-item .dt-title .info-popup, #design-tool #step-5 .dt-subgroup-items .dt-item .dt-title .info-popup { top: 3px; right: -25px; } 
	#design-tool #step-5 .dt-subgroup-items .dt-item .col:first-child { min-width: 60px; }
	#design-tool #step-5 .dt-subgroup-items .dt-item .col:last-child .stat-table { min-width: 170px; }
	#design-tool #step-3.tab-pane.active .dt-sidefloat-container .dt-selected-preview, #design-tool #step-4.tab-pane.active .dt-sidefloat-container .dt-selected-preview, #design-tool #step-5.tab-pane.active .dt-sidefloat-container .dt-selected-preview { margin: 0; position: relative; padding: 8px 5px; }
	#design-tool #step-3.tab-pane.active .dt-sidefloat-container, #design-tool #step-4.tab-pane.active .dt-sidefloat-container, #design-tool #step-5.tab-pane.active .dt-sidefloat-container { padding: 2px; }
	#design-tool #step-3.tab-pane.active .dt-sidefloat-container .dt-selected-preview .dt-selected-preview-image, #design-tool #step-4.tab-pane.active .dt-sidefloat-container .dt-selected-preview .dt-selected-preview-image, #design-tool #step-5.tab-pane.active .dt-sidefloat-container .dt-selected-preview .dt-selected-preview-image { position: relative; background-position: center; }
	#design-tool .fc-preview-wrap, #design-tool .fc-preview-wrap.cp-expand { transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; }
	#design-tool #step-3.tab-pane.active.show .fc-preview-wrap.cp-expand, #design-tool #step-3.tab-pane.active.show .fc-preview-wrap.cp-expand .dt-sidefloat-container, #design-tool #step-4.tab-pane.active.show .fc-preview-wrap.cp-expand, #design-tool #step-4.tab-pane.active.show .fc-preview-wrap.cp-expand .dt-sidefloat-container, #design-tool #step-5.tab-pane.active.show .fc-preview-wrap.cp-expand, #design-tool #step-5.tab-pane.active.show .fc-preview-wrap.cp-expand .dt-sidefloat-container { width: 100%; max-width: 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } 
	#design-tool #step-3.tab-pane.active.show .fc-preview-wrap, #design-tool #step-3.tab-pane.active.show .fc-preview-wrap .dt-sidefloat-container, #design-tool #step-4.tab-pane.active.show .fc-preview-wrap, #design-tool #step-4.tab-pane.active.show .fc-preview-wrap .dt-sidefloat-container, #design-tool #step-5.tab-pane.active.show .fc-preview-wrap, #design-tool #step-5.tab-pane.active.show .fc-preview-wrap .dt-sidefloat-container { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } 
	#design-tool #step-5.tab-pane.active.show .fc-preview-wrap .summary { text-align: center; }
	#design-tool .fc-preview-wrap .summary { padding: 0 15px; }
	#design-tool .fc-preview-wrap .selected-summary, #design-tool .fc-preview-wrap .summary { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
	#design-tool .fc-preview-wrap.cp-expand .selected-summary, #design-tool .fc-preview-wrap.cp-expand .summary {  transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; }
	#design-tool #step-3.tab-pane .fc-preview-wrap .selected-summary, #design-tool #step-4.tab-pane .fc-preview-wrap .selected-summary, #design-tool #step-5.tab-pane .fc-preview-wrap .selected-summary { display: block; opacity: 0; visibility: hidden; font-size: 0; height: 0; }
	#design-tool #step-3.tab-pane .fc-preview-wrap.cp-expand .selected-summary, #design-tool #step-4.tab-pane .fc-preview-wrap.cp-expand .selected-summary, #design-tool #step-5.tab-pane .fc-preview-wrap.cp-expand .selected-summary { opacity: 1; visibility: visible; font-size: 18px; height: auto; }
	#design-tool #step-3.tab-pane.active.show .fc-preview-wrap .dt-active-float, #design-tool #step-4.tab-pane.active.show .fc-preview-wrap .dt-active-float, #design-tool #step-5.tab-pane.active.show .fc-preview-wrap .dt-active-float { top: unset; }
	
	#design-tool #step-6 .dt-selected-colours { display: block; margin-top: 0; padding: 0; }
	
	/***Tab Pane 2****/
	#design-tool #step-2.tab-pane .dt-sidefloat-container .dt-selected-colours.cp-reduce .dt-selected-colours-container { width: 110px; }
	#design-tool #step-2.tab-pane .dt-sidefloat-container .dt-selected-colours:not(.cp-reduce) .dt-selected-colours-container { width: 100%; }
	#colour-picker #section-1.tab-pane .dt-sidefloat-container, #design-tool #step-2.tab-pane .dt-sidefloat-container { width: auto !important; max-width: 100% !important; } 
	#colour-picker #section-1.tab-pane .dt-sidefloat-container .dt-selected-colours.cp-reduce, #design-tool #step-2.tab-pane .dt-sidefloat-container .dt-selected-colours.cp-reduce { width: 120px; max-width: 120px; } 
	#colour-picker #section-1.tab-pane .dt-sidefloat-container .dt-selected-colours:not(.cp-reduce), #design-tool #step-2.tab-pane .dt-sidefloat-container .dt-selected-colours:not(.cp-reduce) { width: 100% !important; max-width: 100% !important; } 
	
	/***Tab Pane 6****/
	#design-tool #step-6.tab-pane .row .col-md-4, #design-tool #step-6.tab-pane .row .col-md-8 { width: 100%; max-width: 100%; flex: 0 0 100%; }
	#design-tool #step-6.tab-pane .row .col-md-8 .dt-items .dt-item { width: 50%; max-width: 50%; flex: 0 0 50%; padding: 20px !important; }
	
	/***Colour Picker***/
	#colour-picker.fc-modal.fc-modal-fullscreen .modal-header { height: 35px !important; }
	#colour-picker .dt-selected-colours[data-count="0"] { opacity: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
	#colour-picker .dt-sidefloat-container { right: 0; position: fixed; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
	#colour-picker .dt-sidefloat-container.dt-active-float { top: calc(50% - 140px) !important; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
	#colour-picker .modal-actions.modal-actions-mobile button.action-next, #colour-picker .modal-actions.modal-actions-mobile button.action-prev { width: 100% !important; }
	#colour-picker .modal-actions.modal-actions-mobile button.action-prev { background-color: #7a99ac !important; }
	#colour-picker .dt-sidefloat-container.dt-active-float { left: unset; margin-left: auto; right: 0; margin-right: 0; }
	#colour-picker .dt-selected-colours.cp-reduce {  margin-right: 0; margin-left: auto; background: #fff; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); }
	#colour-picker #section-1 .dt-sidefloat-container.cp-expand { width: 100% !important; top: 0  !important; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
	#colour-picker #section-1 .dt-sidefloat-container.cp-expand .dt-selected-colours { width: 100% !important; max-width: 100% !important; padding-top: 20px; }
	#colour-picker #section-1 .dt-sidefloat-container.cp-expand .dt-selected-colours-summary { height: auto; font-size: 17px; line-height: 22px; margin-top: 10px; }
	#colour-picker #section-2.tab-pane { margin-left: 25px !important; margin-right: 25px; }
	#colour-picker #section-2.tab-pane { padding-top: 60px; }
	#colour-picker #section-2.tab-pane .col-md-8 { max-width: 100% !important; flex: 0 0 100%; }
	#colour-picker #section-2 .dt-confirmation-item { text-align: center; }
	#colour-picker #section-2 .dt-confirmation-item img { transform: unset; max-width: 75%; }
	#colour-picker #section-2 .dt-confirmation-item p { margin-left: -20px; }
	
	#choose-your-space .specification-container .open {
    	margin-right: 0;
    
    }
        
        #get-inspired-grid-2 .inspiration-image {
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100% auto;
            position: absolute;
            display: none;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
        }
        #choose-your-space .specification-image {
        	background-repeat: no-repeat;
        	background-position: center;
        	background-size: 100% auto;
        	position: absolute;
        	display: none;
        	height: 100%;
        	left: 0;
        	top: 0;
        	background-color: #666;
        	z-index: 1;
        }
        #choose-your-space .specification-images {
            background-size: 100% auto;
            position: absolute;
            flex-wrap: wrap;
            display: flex;
            height: 100%;
            width: 85%;
            left: 0;
            top: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #666;
            min-width: 85%;
            right: 0;
        }
}

@media screen and (max-width: 500px) {
	#design-tool #step-6.tab-pane .row .col-md-8 .dt-items .dt-item { width: 100%; max-width: 100%; flex: 0 0 100%; padding: 20px !important; }
	#design-tool #step-6 .dt-image { transform: translateX(0px) !important; }
	
	/***Spaces***/
    #choose-your-space .specification-images {
    	/*height: 430px !important;*/
    	height: calc(443vh / 7 - 6px) !important;
    	margin: 0;
    	width: 100%;
    }
    #choose-your-space .specification-gallery-item {
	    border-top: 1px solid #fff !important;
    }
    .btn-back {
	    margin: 5px;
    }
	#choose-your-space .specification-gallery, #choose-your-space .specification-gallery-item { height: 100px !important; }
	#choose-your-space .specification-gallery-items button.slick-prev-mob.slick-arrow { margin-left: 0 !important; }
	#choose-your-space .specification-gallery-items button.slick-arrow { margin-top: -5px !important; }
   
     #choose-your-space {
    	height: auto !important;
    	padding-top: 45px;
    }
    body:not(.home) #page #content .specification-container:not(.specifications-open) {
    	margin-bottom: 5px !important;
    }
	body:not(.home) #page #content > .vc_row { height: auto !important; min-height: unset !important; z-index: 2; }
	body.page-id-49 #page #content > .vc_row, body.page-id-67 #page #content > .vc_row { position: inherit; }
	#choose-your-space .specification-header .fc-btn { padding: 10px 50px; }
	#choose-your-space .specification-header .fc-btn i.fas { bottom: 10px; }
	#choose-your-space .specification-container:not(.specifications-open) .specification-content { opacity: 0; transition: opacity .7s; -webkit-transition: opacity .7s; -moz-transition: opacity .7s; -o-transition: opacity .7s; }
	#choose-your-space .specification-container.specifications-open { height: 100vh !important; }
	#choose-your-space .specification-container.specifications-open .specification-content { opacity: 1; transition: opacity .7s; -webkit-transition: opacity .7s; -moz-transition: opacity .7s; -o-transition: opacity .7s; }
	#choose-your-space .specification-container.specifications-open .specification-content { box-shadow: 0 0 65px rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 65px rgba(0,0,0,0.9); -moz-box-shadow: 0 0 65px rgba(0,0,0,0.9); -o-box-shadow: 0 0 65px rgba(0,0,0,0.9); }
	/*#choose-your-space .specification-item span:first-child, #choose-your-space .specification-item span:last-child { width: 100%; }*/
	
	
	/***Colour Picker***/
	#colour-picker .modal-actions.modal-actions-mobile .btn-secondary i { display: block; }
	#colour-picker .dt-sidefloat-container { top: 5px; }
	#colour-picker.fc-modal.fc-modal-fullscreen .modal-body { top: 35px; padding-top: 20px; background-color: rgba(255,255,255,0.9); }
	#choose-your-space .specification-header .fc-btn {
    	padding: 0px;
    }
    .contact-detail {
    	margin: 0px auto;
    	text-align: center;
    	font-size: 12px;
    }
    #get-inspired-grid-2 .mouse-hover {
	    padding: 0px !important;
    }
    #choose-your-space .specification-item {
	    margin-bottom: 0px;
    }
}


.modal-header {
	background-color: #cd6e4f;
	padding: 20px 30px;
}
.contact-detail {
	margin: 5px auto;
	text-align: center;
}