body,h1,h2,h3,h4,h5,h6{font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 300;}

h1{margin:0;font-weight: 500 !important;}
h1,h2,h3,h4{color:$primary-color;font-weight:300;}
h3,h4{font-weight:700;}
h4{line-height:1.5rem;margin-bottom:0.75rem;}

a, a:hover, a:focus{color: $primary-color;}
.button{border-radius: 5px;font-weight:bold;}
.button.primary{color:$white;}
.button.white{
	background:none;border:0;color:$primary-color;
	&:hover{color:$black;}
}
.shade-out{position:fixed;width:100%;height:100%;top:4rem;bottom:0;background-color:rgba(55,64,68,1);z-index:150;cursor:pointer;}

.link{}
.link__more{
	&::after{content:" >";}
	font-weight:600;
}
.link__devider{
	&::after{content:"|";padding:0 0.5rem;}
	font-weight:600;
}
.link__last{
	&::after{content:"";padding:0;}
}
.link__right{float:right;padding-right:0;}

.size-100{font-size:1rem;}

.link__hidden{
	text-indent:-5000px;
	display:block;
	height:0;
	&::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;}
}

/*
 * Defaults
 */
.row-default{padding:4.5rem 0 3rem 0;}
.gray-callout{background-color: rgba(0, 0, 0, 0.05);}
.first-section{}


/*
 * Vertical align images in column
 */
.vertical-align-columns-middle{}
.vertical-align-columns-middle > section{height:100%;}
.vertical-align-middle{
	@media screen and #{breakpoint(medium up)}{
		position:relative;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);		
	}
}


/*
 * vertical offset
 */
.default-spacer{height:1.5rem;}
.space-5{margin-top:6rem;}
.space-4{margin-top:4.5rem;}
.space-3{margin-top:3rem;}
.space-2{margin-top:1.5rem;}


/* 
 * image impression 
 */
.image-full-width{position:relative;height:0;padding-bottom:30%;overflow:hidden;}
.image-full-width > div{position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:90;overflow:hidden;}
.image-full-width img{position:absolute;top:-10%;left:0;right:0;margin:auto;min-width:50%;min-height:50%;z-index:90;}
	

.check-list{padding-left:1rem;}	
.check-list li{position:relative;}	
.check-list li::before{content:"✓";width:0.5rem;height:0.5rem;display: inline-block;border-radius:0.25rem;position:absolute;left:-1rem;top:0.125rem;color:$primary-color;}
	
/*
 * Header
 */
.top-bar{z-index:200 !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;background-color:$white;padding:0;position:fixed !important;box-shadow:0 0 0.5rem rgba(0,0,0,0.25);}
.logo-menu-wrapper{padding:0.5rem;max-width: 75rem;margin:auto;}
.top-bar .top-bar-title{padding-left:0.5rem;}
.top-bar a.logo-primary{padding-right:1rem;}
.top-bar a.logo-primary > img{padding-left:0;height:2.5rem;}
.top-bar .toggle-menu{padding-right:0;}
.top-bar ul.menu{margin-bottom:0.5rem;}
.top-bar .top-bar-left ul.menu{border-left:solid 1px $light-gray;}
.top-bar .top-bar-left > ul{padding-left: 0.5rem;}
.top-bar .top-bar-right{padding-right:1rem;}
.top-bar .top-bar-right img{height:1.5rem;}
.top-bar .top-bar-right input{margin-right:1.5rem;}
.top-bar ul.dropdown{background:none !important;margin: 0.5rem 0;}
.top-bar ul.submenu{background-color:$white;border:none;margin-top:1.5rem;border:solid 1px $light-gray;border-bottom:none;}
.top-bar ul.submenu li{border-bottom:solid 1px $light-gray;}
.top-bar ul.submenu li a{padding:0.875rem 1rem;color:$primary-color;}
.top-bar ul.submenu a{}
.top-bar a{color:$black;}
.top-bar a:hover{color:$primary-color;}
.top-bar a.current{font-weight:bold;color:$primary-color;}	
.top-bar a.toggle-search{display:block;float:right;}
.top-bar a.toggle-search > svg{fill: $primary-color;width:1.5rem;height:1.5rem;overflow:hidden;}
.top-bar a.toggle-search:hover svg{fill:$primary-color;}
	
	
/*
 * search 
 */	
.search-site{display:none;padding:0.75rem 0;clear:both;width:100%;background-color:rgba(0,0,0,0.3);}
.search-site.search-visible{display:block;}
.search-products{clear:both;padding:0 1rem;}
	.search-products form{position:relative;}
	.search-products input[type="text"]{width:100%;padding:0.375rem 2rem !important;border:none;font-size:1.25rem;max-width:none;margin-bottom:0;box-shadow:none;height:auto;background:none;color:$white;}
	.search-products button{border:none;margin:0;background:none;float:left;padding:0;width:2rem;position:absolute;top:0.125rem;left:0;background:none !important;border:none !important;margin-top:0.125rem !important;}
	.search-products button:hover{color:$primary-color;background:none;}
	.search-products svg{fill: $primary-color;}	
	.search-products .close-search{position:absolute;top:0.375rem;right:0;width:1.5rem;height:1.5rem;cursor:pointer;padding:0;}
	.search-products .close-search:hover{  fill: #941b80;}	
	.search-products-results .form > div{padding:0 0 3rem 0;}


/*
 * Showcase

.image-showcase{border:none;height:0;padding-bottom:40%;border-bottom:solid 1px #ddd;border-radius:0;margin-bottom:0;position:relative;overflow:hidden;width:100%;top:0;z-index:0;}

	.image-showcase > div{height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}
	.image-showcase .container-wrapper{height:100%;}
	.image-showcase .slick-track{height:100%;}
	.image-showcase .showcase-case{position:absolute;bottom:0;left:0;}
	.image-showcase .showcase-case::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.1);}

	.image-showcase .case-foreground{position:relative;top:0;height:100%;z-index:120;text-align:center;}
	.image-showcase .case-foreground > div{height:100%;}
	.image-showcase .case-foreground .column-wrapper{left:0;box-sizing:border-box;height:auto;width:100%; position: relative;}
	.image-showcase .case-foreground .intro-text{position:relative;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:100;transition:all 0.75s ease-out;}
	.image-showcase .case-foreground h1{color:$white;}
	.image-showcase .case-foreground img{position:absolute;right:-125%;bottom:-50%;height:auto !important;width:auto !important}	
	.image-showcase .case-foreground p{color:$white;}
	.image-showcase .case-foreground .button{text-shadow:none;}
	.image-showcase h1, .image-showcase p{text-shadow:0 0 0.25rem rgba(0,0,0,0.75);}

	.image-showcase .case-image{position:absolute;top:0;right:3rem !important;}
	.image-showcase .case-background{position:absolute;z-index:90;}
	.image-showcase .case-background.column-wrapper{position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:90;overflow:hidden;}
	.image-showcase .case-background img{position:absolute;top:-10%;left:0;right:0;margin:auto;min-width:50%;min-height:50%;z-index:90;}
	
	.slick-slider{margin-bottom:0 !important;}
 */
/*
 * Video intro

.intro-dh{border:none;height:40rem;border-bottom:solid 1px #ddd;border-radius:0;margin-bottom:0;position:relative;}
.intro-dh > .row{ position: relative;top: 55%;-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:100;}
.intro-dh .row *{color:#fff;}
.intro-dh h1, .intro-dh p{text-shadow:0 0 0.25rem rgba(0,0,0,1);}
.intro-dh::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.15);}

.video-poster{position:absolute;height:0;top:0;left:0;right:0;padding-bottom:45% !important;border:none;z-index:0;}
.video-poster iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
 */


/* 
 * Video Promo

.video-promo{padding:0;}
.video-promo h3{color:#fff;position:relative;z-index:150;text-shadow:0 0 0.25rem rgba(0,0,0,0.5);}
.video-promo h4{color:#fff;font-weight:300;position:relative;z-index:150;text-shadow:0 0 0.25rem rgba(0,0,0,0.5);}
 */

/*.promo-itrem a::before{content:"";position:absolute;left:3rem;bottom:3rem;background: url(../images/video-play.png) no-repeat;background-size:3rem;height:3rem;width:3rem;z-index:100;}*/
//.promo-itrem a:hover::after{background-color:rgba(0,0,0,0.35);border:solid 1px red;}


/*
 * introduction
 */
.introduction{font-size:1.125rem;}


.promo-item{
	position:relative;
	.image__square{
		height:0;
		padding-bottom:100%;
		position:relative;
		overflow:hidden;
		margin-bottom:1.5rem;
		.image-inner{
			position: absolute;
			top: -50%;
			left: -50%;
			width: 200%;
			height: 200%;
			z-index: -1;
		}
		img{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			min-width: 50%;
			min-height: 50%;
		}
	}
	.label{color:$white;margin-bottom:0.375rem;}
	h4{margin:0.75rem 0}
	p{margin-bottom:1.5rem;}
}
.promo-item__collage{margin-bottom:1.5rem;}

.services-introduction{ 
	h1{font-size:1.5rem;}
	h2{font-weight:600;}
}

blockquote{
	font-size:2rem;color:$primary-color;border:none;margin:0 15%;padding:0;
	&::before{content:"\"";}
	&::after{content:"\"";}

}

.orbit__dhwd{
	background-color:rgba($light-gray,0.25);
	height:45rem;
	overflow:hidden;
	.orbit-bullets{position:absolute;bottom:1.5rem;left:0;right:0;margin:0;}
}

.row__bacground-green{
	background-color:$primary-color;
	*{color:$white;}
	.button{background:$white;color:$primary-color;}
}

/*
 * customer-qoutes 
 */
.customer-qoutes ul{outline:0 !important;}
.customer-qoutes .orbit-previous, .customer-qoutes .orbit-next{color:rgba(60,60,60,1);cursor:pointer;}
.customer-qoutes button:hover{color: $primary-color;background:none;}
.customer-qoutes .orbit-slide{background-color:#fff; }


/*
 * image-impression 
 */
.image-impression{padding:0;}
.image-impression .columns{padding:0;}
.image-impression img{min-width:100%;}
.image-impression p{margin:0;}

/*
 * contact-us
 */
.contact-us{border-top:solid 1rem #5FB1AB;background-color: rgba(0,0,0,0.05);}
.contact-us textarea{height:4.5rem;}


/*
 * about
 */
.about{padding-bottom:1.5rem;}


/*
 * page-breadcrumbs
 */
.page-breadcrumbs{}
.page-breadcrumbs ul{padding-top:1rem;border-top:solid 1px #eee;font-size:0.875rem;}
.page-breadcrumbs ul li{font-size:1rem;color: $dark-gray;text-transform:none;}
.page-breadcrumbs a{color: $primary-color;}
.page-breadcrumbs ul li:last-child{float:right;}
.page-breadcrumbs ul li:nth-last-child(2)::after{display:none;}


/*
 * footer
 */
.footer{padding-top:0;padding-bottom:0 !important;background-color:#3d1b0c;padding-bottom:1.5rem;}
.footer h4, .footer li{color:#fff;font-size:0.875rem}
.footer p{margin:0.75rem 0;font-size:0.875rem;color:$white;}
.footer a{color:#fff;}
.footer a:hover{color:$primary-color;}
.footer ul{margin-left:0;}
.footer li{list-style:none;}



/*
 * Reveals
 */
.reveal{background-color:$black;border:none;box-shadow:0 0 1rem rgba(0,0,0,0.75);}
.reveal .rembed-erternal{height:0;padding-bottom:50%;position:relative;margin: 0;}
.reveal .rembed-erternal iframe{position:absolute;top:0;left:0;width:100%;height:100%;}