/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

/* ************************* */
/* GLOBAL settings			 */
/* ************************* */
	
	/* general */
	html{font-size:16px;}
	html, body { height: 100%; }
	body *	{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box }
	body	{margin:0; padding:0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden;
			font: 1rem/1.6 'Lato', sans-serif; 
			font-weight:300; 
			color: #4e4e4e; 
			background:url(../img/body-bg.jpg) #f0f0f0;
			}
	
	#page-wrap{height:auto!important; /*min-height:90%;*/ padding:1px 0 0 0;}
	
	.scroll-spy{ position:fixed; width:1px; height:1px;}

	#scrollup { position:fixed; display:block; color:white!important; opacity:0; box-shadow:0 0 10px rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.5); border-radius:0; text-align:center; line-height:2.5rem; width:2.5rem; height:2.5rem; bottom:-2.5rem; right:1.25rem; z-index: 99999;  transition:opacity 1s ease, bottom 1s ease, color 0.2s ease, background-color 0.2s ease; -webkit-transition:opacity 1s ease, bottom 1s ease, color 0.2s ease, background-color 0.2s ease;}
	#scrollup:hover{ background-color:#c8102e;}
	.affix ~ #scrollup{ opacity:1; bottom:1.25rem; }
	
	.content-section{ padding-top:3.5rem; padding-bottom:3.5rem; }
	
	.main-column{padding-left:85px;}
	
	.sep-h{height:0; border:1px solid #919faa; margin:3rem 0;}
	.sep-h.thin{border-top:0; border-color:#b6b6b6;}
	
	.bullet-offset{margin-left:1.5rem;}
	
	.image-box{margin-bottom:3rem;}

	
	/* typography */
	h1, h2, h3, h4, h5, h6	{margin:0px 0 0.4rem 0; 
		font-family:inherit; 
		font-weight:bold; 
		color: #252525; 
		text-transform:uppercase; 
		letter-spacing:0.15em; 
		}
	h1{font-size:3.25rem /*52px*/; text-transform:none; font-weight:normal; letter-spacing:normal;}
	h2{font-size:1.5rem /*24px*/;}
	h3{font-size:1.125rem /*18px*/;}
	h4{font-size:0.875rem; /*14px*/ font-weight:normal; margin-bottom:0.1rem;}
	h5{font-size:0.875rem; /*14px*/ font-weight:normal; margin-bottom:0.1rem;}
	
	h2.homepage{font-size:1.875rem;/*30px*/ margin-bottom:2rem;}
	
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small
		{color:inherit; white-space:nowrap;}
	
	.has-bullet{padding-left:1.5rem;}
	.has-bullet:before{ content:''; display:inline-block; margin-bottom:0.4rem; width:0.625rem; height:0.625rem; background-color:#c8102e; margin-right:0.5em; margin-left:-1.5rem; }
	.has-link{ display:inline-block; vertical-align:top; margin-right:2rem;}
	.has-link + a{margin-bottom:2rem; margin-left:1.5rem;}
	

	p{ line-height:inherit; font-size:inherit; margin:0 0 2rem 0;}
	p:last-child{margin-bottom:0;}
	
	small, .small{font-size:0.875rem;} .small a:hover{text-decoration: none; color: black;} .small a{text-decoration: none;}
	
	ul, ol{ margin-bottom:0;}
	li{font-size: inherit;}
	
	.textbox{ margin-bottom:3rem; padding:1px;}
		.textbox img{ margin:0 0 1rem 1px; display:inline-block; width:100%; max-width:100%;}
		.textbox .align-left{float:left; max-width:41.66%; margin:0 1.875rem 1rem 1px;}
		.textbox .align-right{float:right; max-width:41.66%; margin:0 1px 1rem 1.875rem;}
	.textbox:after{ content:''; display:block; clear:both; font-size: 1px; line-height: 0px; margin:0; padding:0;}
	.textbox:last-child{margin-bottom:0;}
		
	.textbox figure{background-color:white; border:1px solid #b1b1b1; padding:10px;}
	.textbox figure img{margin:0;}
		
	.textbox ul, .textbox ol{ margin-bottom:20px; overflow:hidden;}
	.textbox ul:last-child, .textbox ol:last-child{margin-bottom:0;}
	.textbox ul{ list-style-image:url(../img/list-marker.png);}
	
	.caps{ text-transform:uppercase;}
	
	
	/* links */
	a {color:#c8102e; transition:color 0.2s ease, background-color 0.2s ease; -webkit-transition:color 0.2s ease, background-color 0.2s ease; text-decoration: none;}
	a:visited{}
	a:active{}
	a:hover, A:focus{color:#bbbaba; text-decoration:none;}

	a img{border:0;}
	.color-white a {color: #fff;}
	.color-white a:hover{color:#fff; text-decoration:none;}
	.color-white .btn-default{color:#c8102e; text-decoration:none;}
	
	.area-link{ position: absolute; top:0; right:0; bottom:0; left:0;}
	
	/* placeholder formatting */
		::-webkit-input-placeholder { opacity: 1 !important; color: #a7a7a7 !important;}
		[placeholder]:focus::-webkit-input-placeholder { color: #a7a7a7 !important;}
		
		/* Firefox 18- */
		:-moz-placeholder {color: #a7a7a7 !important; opacity: 1 !important;} 
		input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {	color: #a7a7a7 !important;}
		
		/* Firefox 19+ */
		::-moz-placeholder {color: #a7a7a7 !important;	opacity: 1 !important;} 
		input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: #a7a7a7 !important;}
		:-ms-input-placeholder {color: #a7a7a7 !important; opacity:1 !important; }
		input:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder {color: #a7a7a7 !important;}
	
	/* colors */
	.color-white{color:white;}
	.color-red{color:#c8102e;}
	
	.color-white.has-bullet:before{ background-color:white;}
	h1.color-white, h2.color-white, h3.color-white, h4.color-white{color:white;}

	/* form */
	.form-wrap{margin-bottom:3rem;}
	
	.form-control{height:3.125rem; box-shadow:none; border:2px solid #808080; background:transparent; text-transform:uppercase; font-weight:normal; font-size:1rem;}

	label{ font-weight:normal; line-height:1.3em; color:#808080;}
	
	label + .inline-radio-wrap{margin-left:1rem;}
	.radio-inline, .checkbox-inline{ vertical-align:baseline;}
	
	.btn {border-radius:0; border:2px solid transparent; font-weight:normal; text-transform:uppercase; vertical-align:middle; letter-spacing:0.1em; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
	.btn-default{font-size:0.875rem; height:2.1875rem; padding:0.35rem 0.8rem;
		color:#c8102e;
		border-color:#828282;
		background: #f1f1f1;
		}
	.btn-default:hover, .btn-default:focus, .focus.btn-default, .btn-default:active, .active.btn-default, .open > .btn-default.dropdown-toggle, 
	.item-button .btn-transparent:hover, .item-button .btn-transparent:focus, .item-button .btn-transparent:active{
		color:#fff;
		border-color:#828282;
		background: #c8102e;
		}
	.btn-transparent{ background:transparent;}
	.item-button .btn-transparent{ background: rgba(0, 0, 0, 0.2);}
	
	.btn-white{border-color:white; color:white;}
	.btn-white:hover, .btn-white:focus, .focus.btn-white, .btn-white:active, .active.btn-white{border-color:#fff;}
	
	.btn-red{border-color:white; color:white; background-color:#c8102e;}
	.btn-red:hover, .btn-red:focus, .focus.btn-red, .btn-red:active, .active.btn-red{color:#c8102e; background-color:white; border-color:#9ba098;}
	
	.btn-black{border-color:white; color:white; background-color:#252525;}
	.btn-black:hover, .btn-black:focus, .focus.btn-black, .btn-black:active, .active.btn-black{color:#fff; background-color:#c8102e; border-color:#fff;}
	
	.btn-sm{font-size:0.875rem; border-width:1px; height:1.875rem; padding-top:0.25rem; padding-bottom:0.25rem;}
	
	.btn-wide{padding-left:3em; padding-right:3em;}
	
	.btn-link{color:#c8102e; text-decoration:none;}
	.btn-link:hover, .btn-link:focus{color:#bbbaba; text-decoration:none;}
	
	/* tabs */
	a[data-toggle='tab']{ text-decoration:none;}

	/* thumbnail */
	.thumbnail {}
		.thumbnail img{ width:100%;}
		
	/* accordion */
	.accordion{margin-bottom:3rem; border:1px solid #808080;}
	.accordion .panel {margin-bottom:0; background-color:transparent; border:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
	.accordion .panel + .panel{border-top:1px solid #808080;}
	.accordion .panel-heading {padding:0; border:0; border-radius:0;}
	.accordion .panel-title { margin: 0px; font-size:1.125rem; }
	.accordion .panel-title a{ display:block; color:#252525; text-align:center;  padding:0.9rem 3rem 0.9rem 3rem; border:0;}
	.accordion .panel-title a:hover{ background-color:#c8102e; color:white; text-decoration:none;}
	.accordion .panel-title a:focus{outline:0; text-decoration:none;}
	.accordion .panel-title a .fa{ position:absolute; left:0; top:0; padding:1rem; transition:all 0.7s ease; -webkit-transition:all 0.7s ease;}
	.accordion .panel-title a[aria-expanded='true'] .fa{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
	.accordion .panel-body {padding:20px; background-color:#f2f2f2;}

	.accordion .panel-collapse > .sep-h{margin:0; border:0; border-bottom:1px solid #c8102e; width:15rem; left:50%; margin-left:-7.5rem; }
	
	.panel-title a .item-plus{ position:absolute; left:1rem; top:50%; margin-top:-12px; display:inline-block; width:25px; height:25px; }
	.panel-title a .item-plus span{ display:block; width:100%; height:2px; background-color:#c8102e; top:50%; margin-top:-2px;}
	.panel-title a:hover .item-plus span{ background-color:white;}
	.panel-title a .item-plus span+span{ transform:rotate(90deg); transition:transform 0.7s ease; -webkit-transition:transform 0.7s ease;}
	
	.panel-title a[aria-expanded='true'] .item-plus span+span{ transform:rotate(0);}
	
	/* modal */
	.modal-content{border:0; border-radius:0}
	.modal-header{border-bottom:0; min-height:3rem; padding:1rem;}
	.btn-close{ position:absolute; top:0; right:0; border:0; background-color:transparent;}
	.modal-body{padding:1rem;}
	
	
	.no-caps{text-transform:none;}
	
/* ************************* */
/* HEADER					 */
/* ************************* */	
	
	#header{height:96px;}
	
	.navbar{ margin-bottom:0; border-radius:0; position:fixed; top:0; z-index:1030; width:100%; transition:box-shadow 1s ease, top 1s ease; -webkit-transition:box-shadow 1s ease, top 1s ease;}
	.navbar-default{border:0; border-bottom:2px solid #304d62; background:url(../img/body-bg.jpg) #f0f0f0;}
	.affix ~ #page-wrap .navbar{ box-shadow:0 5px 10px rgba(0,0,0,0.5); top:-40px;}
	
	/* navbar */
	.navbar-header{z-index:2;}
	.navbar-brand {float:left; height:auto; width:240px; padding:0; margin:0.8rem 0 0.6rem 0; font-size: inherit; line-height: inherit;  transition:width 1s ease, margin-top 1s ease; -webkit-transition:width 1s ease, margin 1s ease;}
	.navbar-brand img{width:100%;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0;}
	.affix ~ #page-wrap .navbar-brand{width:150px; margin-top:2.8rem; margin-bottom:0;}

	/* navbar toggle */
	.navbar-toggle {padding:0.7rem 1rem; margin-right:0; margin-top:0.4rem; height:3.5rem; width:3.5rem; border:0; border-radius:0; transition:color 0.2s ease, background 0.2s ease; -webkit-transition:all 0.2s ease;}
	[aria-expanded='true'].navbar-toggle .fa:before{ content:'\f00d';}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, [aria-expanded='true'].navbar-toggle{ background-color:#c8102e; color:white;}
	
	/* navigation */
	#all-nav-wrap{ text-align:right; padding-right:0;}
	
	/* top-nav */
	#top-nav{ display:block; float:right; margin:0.1rem 0 1.7rem 0;}
	#top-nav li{ float:none; display:inline-block; vertical-align:middle;}
	#top-nav li+li{margin-left: 2rem;}
	
	.top-phone a{/*border-bottom:1px solid #f6d2d1;*/ line-height:normal; font-weight:normal; letter-spacing:0.1em; text-decoration:none !important;}
	.top-phone a:hover{ text-decoration:none !important;/* border-bottom:1px solid #c8102e;*/}
	
	.social-list a{ display:inline-block; color:#bbbaba; text-align:center; border-radius:2px;}
	.social-list a:hover{color:#c8102e;}
	.social-list a+a{margin-left:0.3rem;}

	address a{ color:#bbbaba;}
	address a:hover{color:#c8102e;}
	
	.top-search-wrap{width:11rem; border:1px solid #d3d3d3; height:1.72rem;}
	.top-search-wrap .form-control{ z-index: 0; box-shadow:none; border:0; background-color:white; margin-left:0; padding:0 0.5rem; height:1.6rem; display:block; width:100%; vertical-align:middle; padding-right:2rem; text-transform:none;}

	.top-search-wrap .btn-search{ z-index: 1; background-color:#bbbaba; position:absolute; top:0; right:0; line-height:0; height:1.6rem; width:1.6rem; padding:0; color:white; border-radius:0; margin-left:0; vertical-align:middle;}

	.top-search-wrap .btn-search:hover{ line-height:0; height:1.6rem; width:1.6rem; padding:0; color:white; background-color:#c8102e; border-radius:0; margin-left:-1rem; vertical-align:middle;}
	
	/* main-nav */
	#main-nav{ display:block; float:right; border:0; font-size:0.9375rem; margin-top:0.5rem; margin-bottom:-1px;}
	#main-nav > li { border-bottom:3px solid transparent; transition:border 0.2s ease; -webkit-transition:border 0.2s ease;}
	#main-nav > li:hover{border-color:#c8102e;}
	#main-nav > li+li{margin-left:2.0rem;}
	#main-nav > li > a{ color:#666364; padding:0.2rem 0.3rem; font-weight:bold; text-transform:uppercase; }
	#main-nav > li > a:hover{color:#c8102e; background-color:transparent; }
	
	#main-nav > .active > a{color:#c8102e; background-color:transparent;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus{ background-color:transparent;}
	
	#main-nav > .open > a{ background-color:transparent;border-color:#c8102e}
	#main-nav > .open > a:hover, #main-nav > .open > a:focus{color:#c8102e; background-color:transparent;}
	#main-nav > .open > .dropdown-toggle, #main-nav > .open > .dropdown-toggle:focus{ background-color:transparent;}
	#main-nav > .open > .dropdown-toggle:hover{color:#c8102e; background-color:transparent;}
	
	#main-nav > li.dropdown_split > a{ padding-right:5px; margin-right:2em;}
	#main-nav > li.dropdown_split > .dropdown-toggle{position:absolute; top:0; right:0; margin-right:0; width:2em; padding-left:5px; padding-right:15px; }
	
	.dropdown-menu{ min-width:100%; padding:0; margin:0; border:0; border-top:3px solid #c8102e; border-radius:0; background-color:#252525;}
	.dropdown-menu > li+li{border-top:1px solid white;}
	.dropdown-menu > li > a{color:#fefefe; padding:0.1rem 0.3rem; line-height:1.4285!important; font-weight:300;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#c8102e; background-color:inherit;}
	.dropdown-menu > .active > a{color:#304d62; background-color:#f1f1f1;}
	.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{color:#c8102e; background-color:#f1f1f1;}
	
	#main-nav a[aria-expanded="true"] .fa{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
	
	#main-nav .fa{ transition:transform 0.7s ease; -webkit-transition:transform 0.7s ease;}
	
/* ************************* */
/* HOME						 */
/* ************************* */	
	/* page-header */
	#page-header-section{ padding-top:14rem; padding-bottom:14rem; background:url(../img/page-header-bg.jpg) no-repeat center; background-size:cover; border-bottom:2px solid #304d62;}
	#page-header-section .btn-default{width:12rem;}
	#page-header-section h1{margin-bottom:2rem; color:white;}
	
	/* products-section */
	.items-list {margin-bottom:2rem;}
	.items-list .item-wrap{ display:inline-block; float:none; vertical-align:top;  padding-left:15px; padding-right:15px; margin-bottom:1.875rem;}
	.items-list .image-wrap{overflow:hidden; display:inline-block; width:100%;}
	.items-list .image-wrap img{width:100%;}
	.items-list .item-wrap:hover .item-overlay{ opacity:1; }

	.items-list .hover-wrap{ cursor:pointer; position:absolute; opacity:1; padding:1rem; top:0; left:0; width:100%; height:100%; background-color:rgba(86,86,86,0.8); transition:background-color 0.7s ease; -webkit-transition:background-color 0.7s ease;}
	.items-list .hover-wrap .item-title{ position:absolute; bottom:50%; left:0; width:100%; text-align:center; margin-bottom:0; color:white; font-size:1.5rem; font-weight:normal; padding:0 1rem; transition:text-shadow 0.7s ease; -webkit-transition:text-shadow 0.7s ease; }
	.items-list .hover-wrap .item-button{opacity:0; left:0; width:100%; text-align:center; top:110%; margin-top:1rem; transition:opacity 0.7s ease, top 0.7s ease; -webkit-transition:opacity 0.7s ease, top 0.7s ease;}
	.items-list .hover-wrap .item-button .btn{ text-shadow:0 3px 7px #000; box-shadow:0 3px 7px rgba(0,0,0,0.5);}
	.items-list .hover-wrap .item-plus{ position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:1rem; width:40px; height:40px; transition:opacity 0.7s ease, top 0.7s ease; -webkit-transition:opacity 0.7s ease, top 0.7s ease;}
	.items-list .hover-wrap .item-plus span{ display:block; width:100%; height:0; border:1px solid white; top:50%; margin-top:-2px;}
	.items-list .hover-wrap .item-plus span+span{ transform:rotate(90deg);}

	.items-list .hover-wrap:hover{background-color:rgba(86,86,86,0);}
	.items-list .hover-wrap:hover .item-title{text-shadow:0 3px 7px #000;}
	.items-list .hover-wrap:hover .item-plus{ opacity:0; top:100%;}
	.items-list .hover-wrap:hover .item-button {opacity:1; top:50%;}
	.items-list .hover-wrap:hover .item-button .btn{ text-shadow:none;}

	.items-list .item-overlay{ opacity:0; color:white; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(86,86,86,0.8); transition:opacity 0.7s ease, top 0.7s ease; -webkit-transition:opacity 0.7s ease, top 0.7s ease;}
	.items-list .item-overlay .inner-wrap{ display:table; width:100%; height:100%;}
	.items-list .item-overlay .inner-wrap .align-middle{ display:table-cell; vertical-align:middle; padding:0.5rem;}
	
	/* gallery list */
	.gallery-list {margin-bottom:0;}
	.gallery-list .item-wrap{ display:inline-block; float:none; vertical-align:top; padding-left:15px; padding-right:15px; margin-bottom:1.875rem;}
	.gallery-list .image-wrap{ display:inline-block; border:3px solid #c8102e; width:12.5rem; height:12.5rem; border-radius:100%; margin-bottom:1rem; transition:background 0.7s ease; -webkit-transition:background 0.7s ease;}
	.gallery-list .image-wrap .inner-wrap{ overflow:hidden; position:absolute; border:3px solid #181415; border-radius:100%; top:4px; left:4px; bottom:4px; right:4px; background-position:center; background-repeat:no-repeat;}
	.gallery-list .item-title{ font-size:1.5rem; font-weight:normal; margin-bottom:0;}
	
	#g-walls .inner-wrap{ background-image:url(../img/i-gal-walls.png);}
	#g-outdoor .inner-wrap{ background-image:url(../img/i-gal-outdoor.png);}
	#g-pool .inner-wrap{ background-image:url(../img/i-gal-pool.png);}
	#g-brick .inner-wrap{ background-image:url(../img/i-gal-brick.png);}
	#g-patios .inner-wrap{ background-image:url(../img/i-gal-patios.png);}
	#g-drive .inner-wrap{ background-image:url(../img/i-gal-drive.png);}
	#g-walk .inner-wrap{ background-image:url(../img/i-gal-walk.png);}
	#g-commercial .inner-wrap{ background-image:url(../img/i-gal-commercial.png);}
	
	.gallery-list .image-wrap:hover { background-color:#828282;}

	/* quick-form */
	#quick-form-section{ background-color:#c8102e; padding-bottom:2.5rem;}
	
	.quick-form{margin-bottom:-15px; margin-top:2rem;}
	.quick-form .form-control{height:2.25rem; border:0; font-size:0.875rem; background-color:white; text-transform:none;}
	.quick-form label {color:white;}
	.quick-form textarea.form-control{min-height:12.1rem/*8.6rem*/;}
	
	.validation-text{ font-weight:bold; margin-bottom:1rem;}
	

/* ************************* */
/* FOOTER					 */
/* ************************* */	
	#footer{ min-height:10%; background-color:#252525;}	
	
	#footer-bottom{padding-top:2rem; padding-bottom:2rem; color:#fefefe;}
	
	#footer address{margin-bottom:0;}
	address .sep-h{border:0; border-top:1px solid white; width:4rem; margin:0.5rem 0; display:inline-block;}
	
	#footer-nav{margin-bottom:3rem;}
	#footer-nav a{ display:inline-block; text-transform:uppercase; color:white; font-size:0.875rem;}
	#footer-nav a+a{margin-left:4rem;}
	#footer-nav a:hover{color:#c8102e; text-decoration:none;}
	
	.logos-list span{ display:inline-block; margin-bottom:0.5rem; margin-right:0.5rem;}
	
	#footer .social-list{float:right;}
	
	
/* ************************* */
/* INTERNAL					 */
/* ************************* */
	
	.side-block{margin-bottom:3rem;}
	.side-block img{width:100%; max-width:100%;}
	
	/* page-header */
	#page-header-int-section{ padding-top:4rem; padding-bottom:4rem; background:url(/Files/Admin/img/page-header-int-bg.jpg) no-repeat center; background-size:cover; border-bottom:2px solid #304d62;}
	#page-header-int-section h2{margin-bottom:0; margin-top:0;}
	#page-header-int-section h1{color:white; margin-bottom:1rem;}
	
	/* breadcrumbs */
	.breadcrumbs{margin-bottom:1.5rem; margin-top:-1rem; font-size:0.75rem; font-weight:normal;}
	.breadcrumbs span+span:before{content:'>'; display:inline-block; margin:0 0.4rem 0 0.3rem;}
	
	/* side-nav */
	#side-nav{margin-bottom:3rem;}
	#side-nav .side-nav-header{ text-align:center; border:1px solid #c8102e; margin:0; padding:0.5rem;}
	#side-nav .list-group{border:1px solid #808080; border-top:0;}
	#side-nav .list-group-item{border-radius:0!important; border:0;  padding:0; background-color:transparent; margin-bottom:0;}
	#side-nav .list-group-item + .list-group-item{border-top:1px solid #afafaf;}
	#side-nav .list-group-item > a{display:block; color:#4e4e4e; padding:0.1rem 1rem 0.1rem 0.5rem; padding-left:2.0rem; font-size:0.9375rem;}
	#side-nav .list-group-item > a:hover{color:white; background-color:#c8102e; text-decoration:none;}
	#side-nav .list-group-item > .collapse-toggle{ position:absolute; color:#c8102e; left:0; top:0; width:2rem; padding-right:0.5rem; padding-left:0.7rem; margin-left:0;}
	#side-nav .list-group-item > .collapse-toggle:focus{outline:0;}
	#side-nav .list-group-item > .collapse-toggle:hover{color:white;}
	
		/* plus */
		.collapse-toggle .item-plus{ display:inline-block; width:9px; height:9px; }
		.collapse-toggle .item-plus span{ display:block; width:100%; height:1px; background-color:#c8102e; top:50%; margin-top:-1px;}
		.collapse-toggle .item-plus span+span{ transform:rotate(90deg); transition:transform 0.7s ease; -webkit-transition:transform 0.7s ease;}
		.collapse-toggle:hover .item-plus span{ background-color:white;}
		
		.collapse-toggle[aria-expanded='true'] .item-plus span+span{ transform:rotate(0);}

	.side-nav-sublevel{ padding-left:2.5rem;}
	.side-nav-sublevel ul{margin:0; padding:0.4rem 0; list-style-type:none;}
	.side-nav-sublevel ul li a{padding:0.1rem 1rem; color:#4e4e4e; display:block; font-size:0.875rem; font-style:italic;}
	.side-nav-sublevel ul li a:hover{color:#c8102e; text-decoration:none;}
	
	/* cta */
	.cta-wrap .cta-hover{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(86,86,86,0.8); transition:background-color 0.7s ease; -webkit-transition:background-color 0.7s ease; }
	.cta-wrap .cta-hover .inner-wrap{display:table; width:100%; height:100%;}
	/*.cta-wrap .cta-hover .inner-wrap .align-middle{ display:table-cell; text-align:center; vertical-align:middle; padding:1rem;}*/
	.cta-wrap .cta-hover a{display:table-cell; text-align:center; vertical-align:middle; padding:1rem; color:white; font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; /*border-bottom:1px solid rgba(255,255,255,0.5);*/ text-decoration: none;}
	.cta-wrap .cta-hover:hover{background-color:rgba(86,86,86,0.0);}
	.cta-wrap .cta-hover:hover a{ text-shadow:0 0px 7px #000;}
	.cta-wrap .cta-hover:hover a:hover{ /*border-bottom-color:transparent;*/ text-decoration:none}
	.cta-wrap img{width:100%; max-width:100%;}

/* ************************* */
/* PRODUCTS					 */
/* ************************* */	
	.filter-wrap .form-control{height:2.25rem; border:1px solid #ccc; background-color:white; text-transform:none; margin-top:-5px;}
	.filter-wrap select.form-control{width:14rem; display:inline-block;}
	.filter-wrap label{margin-top:5px;}
	
	.items-list-header{margin-bottom:1rem;}
	.items-list-header h2{ float:left;}
	.items-list-header .page-counter{float:right; letter-spacing:0.1em; font-weight:normal; color:#252525;}
	
	/* products listing */
	.products-listing{margin-bottom:1rem;}
	.products-listing .hover-wrap{font-size:0.9rem; top:100%; color:white; padding-top:0.7rem; padding-bottom:0.7rem; transition:top 0.7s ease; -webkit-transition:top 0.7s ease;}
	.products-listing .hover-wrap .textbox{margin-bottom:1rem;}
	.products-listing .hover-wrap:hover{background-color:rgba(86,86,86,0.8);}
	.products-listing .image-wrap{text-align:left;}
	.products-listing .item-name{color:white; margin:0; position:absolute; left:0; width:100%; bottom:0; background-color:rgba(86,86,86,0.8); padding:0.7rem 1rem; transition:opacity 0.7s ease; -webkit-transition:opacity 0.7s ease; }
	.products-listing .hover-wrap .btn{ position:absolute; bottom:1rem;}
	.products-listing .hover-wrap .project-name{color:white;}
	
	.products-listing .image-wrap:hover .item-name{opacity:0;}
	.products-listing .image-wrap:hover .hover-wrap{top:0;}
	
	/* pagination */
	.pagination{margin:0;}
	.pagination > li > a, .pagination > li > span {padding: 6px 12px; color: #252525; background-color:transparent; border:0; border-bottom:3px solid transparent; border-radius:0!important;}
	.pagination-lg > li > a, .pagination-lg > li > span { padding: 0.2rem 1rem; font-size: 1.25rem;}
	.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #252525; background-color:transparent; border-color:#c8102e;}
	
	.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {color:#c8102e;}
	.pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover, .pagination > li:first-child > a:focus, .pagination > li:first-child > span:focus {color: #c8102e;}

	.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {color:#c8102e;}
	.pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover, .pagination > li:last-child > a:focus, .pagination > li:last-child > span:focus {color: #c8102e;}

	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
		color:inherit; background-color:inherit; cursor: default; font-weight:bold; border-color:transparent;}
		
	.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
		color: #bbb!important; background-color: inherit; cursor: not-allowed; border-color:transparent;}

	/* description */
	.product-description{margin-top:1rem;}
	.product-photo-wrap{border:1px solid #252525; margin-bottom:0.3rem;}
	.product-photo-wrap img{width:100%; max-width:100%;}
	.product-photo-wrap .product_irm_spin {padding:20px; text-align:center;}
	.modal-body .product_irm_spin {padding:20px; text-align:center;}


	.product-gal-wrap{margin:0 -5px; z-index: 2;}
	.product-gal-wrap .item-wrap {-webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -moz-transform: translate3d(0, 0, 0); border:2px solid #c8102e; width:112px; height:112px; border-radius:56px; overflow: hidden; float:left; padding:2px; margin: 5px;mmargin-bottom: 0px; }
	.product-gal-wrap .item-wrap a{ display:block;}
	.product-gal-wrap .item-wrap img{width:100%; border-radius:50%; overflow: hidden; border:2px solid #000; transform:scale(1); -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -moz-transform: translate3d(0, 0, 0);}
	.product-gal-wrap .item-wrap .icon{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/i-zoom.png) no-repeat center;}
	.product-gal-wrap + .product-description-wrap {margin-top:3rem;}

	.product-description-wrap {}
	.product-description .product-logo{margin-bottom:1rem;}

	#product_irm.flexslider {margin-top:0px; margin-bottom: 0px;}

	#product_irm .flex-direction-nav a {border:2px solid #fff; color:#fff;}
	#product_irm .flex-direction-nav .flex-disabled {display:none;}
	#product_irm .flex-direction-nav .flex-next {right:20px;}
	#product_irm .flex-direction-nav .flex-prev {left:20px;}

	#product_irm_color { margin-bottom: 1.87rem; }
	
	

	/* resources */
	.resources-list {margin-bottom:0; margin-top:2rem;}
	.resources-list .item-wrap{ display:inline-block; float:none; vertical-align:top; padding-left:15px; padding-right:15px; margin-bottom:1.5rem;}
	.resources-list .image-wrap{ display:inline-block; border:1px solid #c8102e; width:5rem; height:5rem; border-radius:100%; margin-bottom:1rem; transition:background 0.7s ease; -webkit-transition:background 0.7s ease;}
	.resources-list .image-wrap .inner-wrap{ overflow:hidden; position:absolute; border-radius:100%; top:0px; left:0px; bottom:0px; right:0px; background-position:center; background-repeat:no-repeat;}
	.resources-list .item-title{ font-weight:normal; margin-bottom:0;}
	.resources-list .image-wrap:hover { background-color:#bcbcbc;}
	
	#r-guide .inner-wrap{ background-image:url(../img/i-res-guide.png);}
	#r-spec .inner-wrap{ background-image:url(../img/i-res-spec.png);}
	#r-warr .inner-wrap{ background-image:url(../img/i-res-warr.png);}
	#r-icon .inner-wrap{ background-image:url(../img/i-res-icon.png);}
	
	.tech-video	.video-wrap{margin-bottom:2rem; border:1px solid #252525;}
	.tech-video p br{ display:none;}
	
	/* idea gallery carousel */	
	.flexslider{border:0; background:transparent; margin:3rem 0 0 0; border-radius:0;}
	.flex-direction-nav {position: absolute; width: 100%; top: 50%;}
	.flex-direction-nav a{ outline:0; text-shadow:none; text-decoration:none; line-height:38px; background-color:transparent; opacity:1; font-size:20px; text-align:center; border:2px solid #a56e6a;}
	.flex-direction-nav a:hover{ background-color:#c8102e; color:white; border-color:#c8102e;}
	.flex-direction-nav a:before {font-family: "FontAwesome"; font-size:1.5rem; content: '\f104'; text-shadow:none; color:inherit;}
	.flex-direction-nav a.flex-next:before {content: '\f105';}
	.flex-direction-nav .flex-prev {left:-60px;}
	.flex-direction-nav .flex-next {right:-60px; text-align:center;}
	.flexslider:hover .flex-direction-nav .flex-prev {left:-60px;}
	.flexslider:hover .flex-direction-nav .flex-next {right:-60px;}
	.flex-direction-nav .flex-disabled{ opacity:0.3!important;}
	.flex-direction-nav .flex-disabled:hover{ background-color:inherit; color:inherit; border-color:#a56e6a;}

	#idea-gal .slides li .item-wrap{padding:0 1rem;}
	
	.type-icons-wrap{position:absolute; right:1.5rem; bottom:0.5rem;}
	.type-icon{ width:33px; height:33px; background-position:center; background-repeat:no-repeat;}
	.ti-walk{ background:url(../img/i-type-walk.png);}
	.ti-camping{ background:url(../img/i-type-camping.png);}
	.ti-outdoor{ background:url(../img/i-type-outdoor.png);}
	.ti-walls{ background:url(../img/i-type-walls.png);}


/* ************************* */
/* EVENTS					 */
/* ************************* */	
	.events-listing-wrap .item-wrap{margin-bottom:3rem;}
	.event-image{margin-bottom:2rem;}
	.event-image img{ width:100%;}
	
	.event-form{margin-top:1rem;}
	.event-form .form-control{border:1px solid #999999; height:2.25rem; text-transform:none; background-color:white;}
	

/* ************************* */
/* GALLERY					 */
/* ************************* */		
	.filter-wrap.form-inline .form-group{margin-left:1rem;}

	.gallery-listing{margin-bottom:1rem;}
	.gallery-listing .hover-wrap{font-size:0.9rem; top:100%; color:white; padding-top:0.7rem; padding-bottom:0.7rem; padding-right:60px; transition:top 0.7s ease; -webkit-transition:top 0.7s ease;}
	.gallery-listing .hover-wrap .textbox{margin-bottom:1rem;}
	.gallery-listing .hover-wrap:hover{background-color:rgba(86,86,86,0.8);}
	.gallery-listing .image-wrap{text-align:left;}
	.gallery-listing .hover-wrap .btn{ position:absolute; bottom:1rem;}
	.gallery-listing .hover-wrap .project-name{color:white;}
	
	.gallery-listing .image-wrap:hover .item-name{opacity:0;}
	.gallery-listing .image-wrap:hover .hover-wrap{top:0;}
	
	.gallery-listing .image-wrap .type-icons-wrap{top:0.7rem; bottom:auto; right:1em; z-index:2;}
	
	.legend-wrap{margin-bottom:3rem; padding:1rem 0;}
	.legend-wrap:before{ content:''; display:block; height:1px; background-color:#b6b6b6; position:absolute; top:0; left:50%; width:50%; margin-left:-25%; }
	.legend-wrap:after{ content:''; display:block; height:1px; background-color:#b6b6b6; position:absolute; bottom:0; left:50%; width:50%; margin-left:-25%; }
	.legend-wrap .item-wrap{ display:table; width:100%; text-align:left; font-weight:normal; line-height:1.2;}
	.legend-icon{display:table-cell; vertical-align:middle; height:3.75rem; padding-left:5rem; background-position:left center; background-repeat:no-repeat; background-size:auto 100%;}
	.legend-icon:before{ content:'='; position:absolute; margin-left:-1em; top:1.375rem;}
	
	.li-walls{ background-image:url(../img/i-type-black-walls.png);}
	.li-outdoor{ background-image:url(../img/i-type-black-outdoor.png);}
	.li-pool{ background-image:url(../img/i-type-black-pool.png);}
	.li-brick-res{ background-image:url(../img/i-type-black-brick-res.png);}
	.li-patios{ background-image:url(../img/i-type-black-patios.png);}
	.li-driveways{ background-image:url(../img/i-type-black-driveways.png);}
	.li-walkways{ background-image:url(../img/i-type-black-walkways.png);}
	.li-brick-commerc{ background-image:url(../img/i-type-black-brick-commerc.png);}
	
	.gallery-listing .item-wrap .modal-dialog{ width:800px;}
	.project-slider{margin:0 70px 2rem 70px; }
	
	
	.colors-slider{margin:0 70px 1.5rem 70px; }
	.colors-slider .slides img{width:100%; max-width: 100%; display: inline-block; margin-bottom:1.5rem;}
	.colors-slider h2{ text-align: center;}
	.colors-slider .slides > li{ text-align: center;}
	

/* ************************* */
/* RESOURCES				 */
/* ************************* */		
	.resources-listing .item-wrap{ margin-bottom:3rem;}

	.resources-listing .item-title{margin-bottom:1rem; cursor:pointer; }
	.res-db-icon{ display:inline-block; width:12rem; height:12rem; background-position:center; background-repeat:no-repeat; }
	.ri-pdf{ background-image:url(../img/i-res-db-pdf.png); cursor:pointer;}

	.resources-listing .item-image{display:inline-block; margin-bottom:0.5rem;  width:12rem; height:12rem; border:1px solid #c2c2c2; overflow:hidden;}
	.resources-listing .item-image > .inner-wrap{ display:table; width:100%; height:100%;}
	.resources-listing .item-image > .inner-wrap > .vertical-align{ display:table-cell; vertical-align:middle;}
	
	.resources-listing .overlay{ cursor:pointer; position:absolute; opacity:0; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); color:white; font-weight:bold;  transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease;}
	.resources-listing .overlay > .inner-wrap{ display:table; width:100%; height:100%;}
	.resources-listing .overlay > .inner-wrap > .vertical-align{ display:table-cell; vertical-align:middle; padding:1rem;}
	.resources-listing .item-image:hover .overlay{ opacity:1;}
	.resources-listing .overlay .category-title{color:white; margin:0;}

	.gbgImage1 { background-position-x: center; background-position-y: center; background-size:cover; }

/* ************************* */
/* MAIN-SLIDER				 */
/* ************************* */	
/*slick slider */
.hidden-slide{ display:none!important;}

.slick-slider .slick-track, .slick-slider .slick-list{height:100%;}
.slick-slider .slick-slide:focus{outline:0;}
.slick-slider .slick-track{ display:flex; align-items:stretch;}
.slick-slider {-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
.slick-slider .slick-dots li:only-child{display:none;}

.slick-slider .item{min-height: calc((100vw - 17px) / 1.777); background-size:cover; background-position:center; display:flex; align-items:center; height:auto;}

.slick-slider .slick-dots{position:absolute; padding:0; height:0; margin:0; left:0; right:0; bottom:2rem; display:flex; justify-content:center; list-style-type: none;}
.slick-slider .slick-dots li{ line-height:0;}
.slick-slider .slick-dots li button{border:0; background:rgba(255,255,255,0.7); color:transparent; overflow:hidden; width:0.5rem; height:0.5rem; border-radius: 50%; padding:0; line-height:1rem; margin:0 0.25rem; transition:background 0.2s ease, transform 0.2s ease; }
.slick-slider .slick-dots li button:hover{ background:#ff402c;}
.slick-slider .slick-dots li button:focus{outline:0;}
.slick-slider .slick-dots .slick-active button, .slick-slider .slick-dots .slick-active button:hover{background:#fff; cursor:default; transform:scale(1.5);}

.slick-slider .slick-arrow{font-size: 1.5rem; line-height: 1; color:white; opacity:1;  width:2.5rem; padding:0; z-index:2; position:absolute; height:2.5rem; top:50%; margin-top:-1.25rem; background:none; overflow:hidden; border:2px solid white; transition:opacity 0.2s ease, background 0.2s ease, color 0.2s ease; }
.slick-slider .slick-arrow:hover{ opacity:1; background-color:#c8102e;}
.slick-slider .slick-arrow:focus{outline:0;}
.slick-slider .slick-arrow.slick-disabled{ opacity:0.3; cursor:default; background: transparent;}
.slick-slider .slick-prev{left:1.5rem;}
.slick-slider .slick-next{right:1.5rem;}

#main-slider{border-bottom:2px solid #304d62;}
#main-slider .item{ padding-top:0rem; padding-bottom:0rem;}
#main-slider .color-white .title{color:inherit; margin-bottom:2rem;}

.bg-image-cover{ background-position: center; background-size: cover;}
.bg-image-slide01{background-image:url("../img/page-header-bg.jpg");}

.media-bg { z-index:-1; position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow:hidden; }

	@supports (object-fit: cover) {
			.media-bg video {top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
		}
.media-bg video {position: absolute; top: 50%; left: 50%; min-width: 100.1%; min-height: 100.1%; width: 100%; height: auto; transform: translate(-50%,-50%);}


#main-slider .item.bg-video:before{content: ''; display: block; position: absolute; left:0; right:0; bottom:0; top:0; background-color: rgba(0,0,0,0.0);}