/*       _________
        d         b
       d           b
      d             b
     d               b
    d                 b
     ''':::.....:::'''
            fff
          .'   '.
         ^       ^.'--.
         b       d     ,
          czzzzzd       ..oOo

	   Amerlux Homepage      
	Written by Weblications */


/* !! MINIFY THIS FILE BEFORE PRODUCTION !! */
.HomeSlide {
	height: 100vh;
	width:100vw;
	/*background-color:green;*/
}
#HSCarousel {
	height:100%;
	width:100%;
}
#HSCarousel .carousel-inner, #HSCarousel .carousel-item {
	height:100%;
	width:100%;
}
#HSCarousel .carousel-item {
	position:relative;
	overflow:hidden;
}
#HSCarousel .carousel-item .item-bg {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-position:center;
	background-size:cover;
	z-index:1;
	animation-name: kenburns;
	animation-duration: 9s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

#HSCarousel .carousel-item .item-bg{
	transform-origin: bottom left;
}

#HSCarousel .carousel-item:nth-of-type(even) .item-bg{
	transform-origin: top right;
}

@keyframes kenburns {
  from {
	transform: scale(1);
  }

  to {
	transform: scale(1.15);
  }
}

#HSCarousel .carousel-item .item-overlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-position:center;
	background-size:cover;
	z-index:2;
	background-color: rgba(0,0,0,0.3);
}

#HSCarousel .carousel-item .item-textbox {
	z-index:3;
	width:100%;
	display:flex;
	transition: all 0.5s;
	height:100vh;
	position: relative;
}
#HSCarousel .item-textbox .controls {display:none;}

.item-textbox .box-content {width:100%;padding:0;display:flex;flex-direction:column;justify-content:center; margin-top:50px;}

#HSCarousel .carousel-item .item-textbox .box-content > span {
	font-family: "Poppins", sans-serif;
	display: block;
}

#HSCarousel .carousel-item .item-textbox .title {
	text-transform:uppercase;
	font-weight: 600;
	font-size:22px;
}

#HSCarousel .carousel-item .item-textbox .title {
	font-size:16px;
	line-height:24px;
	max-height:96px;
}


#HSCarousel .carousel-item .item-textbox .link a {
	color:#fba919;
	text-transform:uppercase;
	font-weight: 600;
	font-size:16px;
	margin-bottom:15px;
}


.HomeSlide .carousel-indicators {
	position:relative;
	margin-top:-80px;
	z-index: 2001;
}
.HomeSlide .carousel-indicators li {
	height:auto;
	width:auto;
	background-color:rgba(0,0,0,0.5);
	border-radius:0px;
	opacity:1;
	color: white;
	padding:10px 35px;
	border-left:1px solid white;
	border-top:1px solid white;
	border-bottom:1px solid white;
	margin-left:0px;
	margin-right:0px;
	font-size: 12px;
	white-space: nowrap;
}

.HomeSlide .carousel-indicators li img{
	height: 30px;
	width: auto;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top:-2px;	
}

.HomeSlide .carousel-indicators li:last-child{
	border-right:1px solid white;
}
.HomeSlide .carousel-indicators li.active {background-color:#fba919;}

.textContent {
	text-align:center;
	margin-bottom:2rem;
}
.textContent h1 {font-family:'Playfair Display', serif;font-weight:bold;color:#464646;margin-bottom:3rem;}

.textContent p {max-width:80%;font-family: "Poppins", sans-serif;margin: 0 auto;}
#technologies .row {margin-bottom:3rem;}
#technologies .row > div[class*="col-"] {
	margin-bottom:2rem;
	max-width:100%!important;
	flex:1!important;
}

#technologies .row > div[class*="col-"] .img {
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	max-width:100%;
	width:auto;
	height:auto;
	min-height:80px;
}

#technologies .row > div[class*="col-"] p {
	margin-top:1rem;
	text-transform:uppercase;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	width: 100%;
	font-size: 14.3px;
	text-align: center;
	max-width: 100%;
}

div.tech-hover:hover{
	background-color: #f0f0f0;
}

@media screen and (max-width: 1100px) {
	
	#technologies .row > div[class*="col-"] p {
		font-size: 14px !important;	
	}
	
}

#spotlight .showcasing {margin-top:2rem !important;}

#spotlight .showcasing ul.nav {
	background-color:#f29900;
	display:flex;
	justify-content:center;
	position:relative;
}
#spotlight .showcasing ul.nav > li {
	min-width:calc(100% / 3);
	max-width:33.33333%;
	text-transform:uppercase;
	font-weight: 600;
	font-family: "Poppins",sans-serif;
	padding:1rem;
	font-size:22px;
}
#spotlight .showcasing ul.nav > li > a {color:white;text-decoration:none;}

#spotlight .showcasing .controls {display:none;}

#spotlight .showcasing .tab-content {
	display:flex;
	width:100%;
}
#spotlight .showcasing .tab-content > div.tab-pane {
	min-width:calc(100% / 3);
	max-width:33.33333%;
	/*display:block;*/
	display:flex;
	flex-direction:column;
}

#spotlight .showcasing .tab-content > div.tab-pane > * {display: block;}
#spotlight .showcasing .tab-content > div.tab-pane > .img {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	min-height:300px;
	height:30vh;
	width:100%;
}

#spotlight .showcasing .tab-content > div.tab-pane > .title  {
	font-family:"Poppins",sans-serif;
	font-size: 22px;
	font-weight:bold;
	text-transform:uppercase;
}

#spotlight .showcasing .tab-content > div.tab-pane > .see-all {
	margin-top:0.5rem;
	font-family:"Poppins",sans-serif;
	font-size: 20px;
	font-weight:normal;
	text-transform:uppercase;
	color:black;
}
#spotlight .showcasing .tab-content > div.tab-pane > .see-all > a {color:black;text-decoration:none;}

#CaseStudies {
	background-color: #003775;
    margin-bottom: 2rem;
}
#CaseStudies .row.masonry {
	min-height:600px;
	height:60vh;
	padding: 15px 0;
}
#CaseStudies .row.masonry .masonry-row h2 {font-family: "Poppins", sans-serif;font-weight:normal;font-size: 1.5rem;line-height: 2rem;}
#CaseStudies .row.masonry .masonry-row {position:relative;min-height:200px;}
#CaseStudies .row.masonry .masonry-row p{font-size: 14px;}
#CaseStudies .row.masonry .masonry-row .img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:cover;
	background-position:center;
	transition: all 0.3s;
	opacity:1;
}
#CaseStudies .row.masonry .masonry-row .img > * {
	opacity:0;
	transition: all 0.2s;
}
#CaseStudies .row.masonry .masonry-row .details {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(0, 0, 0, 0.2);
	opacity:0;
	transition: all 0.2s;
}

#CaseStudies .row.masonry .masonry-row .details a:hover {color:white;}
#CaseStudies .row.masonry .masonry-row:hover .img {opacity:0.4;}
#CaseStudies .row.masonry .masonry-row:hover .details {opacity:1;}

#CaseStudies .row.masonry .masonry-row .details .property-content {
	position:absolute;
	float:right;
	right:0;
	bottom:0;
	text-align:right;
	padding:1rem;
	font-family: "Poppins", sans-serif;
	color:white;
	font-size:1.2rem;
	line-height:2rem;
}
#CaseStudies .row.masonry .masonry-row .details .property-content > *{display:block;}

@media screen and (max-width: 768px) {
	.home-title{
		font-size: 50px !important;
		line-height: 45px !important;
	}
	
	.home-body{
		/*width:100% !important;*/
	}
	
	.HomeSlide {height:100vh;}
	.item-textbox {
		top:initial;
		left:0 !important;
		right:0 !important;
		margin:0 !important;
		width:100vw !important;
		min-width:100vw !important;
		max-width:100vw;
		overflow:hidden;
	}
	#HSCarousel .carousel-item .item-textbox[location$="-top"] {bottom:100%;top:0;margin-top:0 !important;}
	#HSCarousel .carousel-item .item-textbox[location$="-bottom"] {bottom:100%;top:0;margin-bottom:0 !important;}
	#HSCarousel .carousel-item.active .item-textbox[location$="-top"] {bottom:40%;}
	#HSCarousel .carousel-item.active .item-textbox[location$="-bottom"] {bottom:40%;}
	.item-textbox .box-content {
		width:100%;
	}
	#HSCarousel .carousel-item .item-bg {
		right:-50%;
		left:-50%;
	}
	#HSCarousel .carousel-item.active .item-bg {
		//-webkit-animation-name: MOVE-BG;
		//-webkit-animation-duration: 100s;
		-webkit-animation-timing-function: linear;
		//-webkit-animation-iteration-count: infinite;
	}
	#HSCarousel .item-textbox .controls {display:none;color:black;position:absolute;height:4rem;width:100%;}
	#HSCarousel .item-textbox .controls a i {color:rgba(0,0,0,0.8);}
	#HSCarousel .carousel-item.active .item-textbox[location$="-top"] .controls {top:0;}
	#HSCarousel .carousel-item.active .item-textbox[location$="-bottom"] .controls {top:0;}
	
	#spotlight .showcasing .controls {
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		width:100vw;
		display:flex;
	}
	#spotlight .showcasing .controls > a {
		width:25%;
		height:100%;
		padding:1rem;
		font-size:18px;
		line-height:30px;
		color:white;
		position:absolute;
	}
	#spotlight .showcasing .controls > a.control-next {right:0;}
	
	#spotlight .showcasing {
		margin:0 -15px;
	}
	
	#spotlight .showcasing ul.nav > li, #spotlight .showcasing .tab-content > div.tab-pane {display:none;}
	#spotlight .showcasing ul.nav > li.active, #spotlight .showcasing .tab-content > div.tab-pane.active {display:block;min-width:100%;}
	
	#CaseStudies .row.masonry {
		min-height:100vh;
		height:auto;
	}
	#CaseStudies .row.masonry .masonry-col {height:auto;}
	#CaseStudies .masonry-row {height:auto;}
	#CaseStudies .masonry-row.img {max-height:200px;}
	
	img.home-product-img{
		width: 400px !important;
		height: auto;
		left:-400px;
		top:-100px !important;
	}
	
	.home-product-details{
		padding-left: 50px !important;
		padding-right: 50px !important;
		padding-top:200px;
		padding-bottom: 50px !important;
	}
	
	.tech-slide-in{
		right:400px;
	}
	
	.hts-top{
		height: 40vh !important;
	}
	
	.tech-product-img{
		position: relative !important;
		top:-150px;
	}
	
	.tech-product-img.shown{
		top:-50px !important;
	}
	
	.tech-product-details{
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-top:0px;
		padding-bottom: 0px !important;
	}
	
	.tech-product-details a{
		margin-bottom:0px !important;
	}
	
	.contact-footer .border-right{
		border-right: 0px solid white !important;
	}
}

.ta-title.ta-tech{
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	padding-top:10px;
	padding-bottom:10px;
	
}

.ta-title.ta-news{
	color: #fba919;
	text-transform: uppercase;
	font-weight: 600;
	padding-top:20px;
	
}

.ta-image{
	height:150px;
	margin:20px 0px;
}

.ta-tech .product-title,.ta-news .product-title{
	font-weight: 600;
	color: #fba919;
	text-transform: uppercase;
}
.ta-tech .product-sub,.ta-news .product-sub{
	color: black;
	text-transform: uppercase;
	margin-top:8px;
}

.ta-subtitle{
	margin-top:30px;
	padding-top:30px;
	padding-bottom:30px;
	border-top:1px solid #ccc;
}

.ta-subtitle.ta-news{
	margin-top:0px;
	padding-top:30px;
	padding-bottom:30px;
	border-top:0px solid #ccc;
}

.ta-button{
	
	text-transform: uppercase;
	font-weight: 600;
}

.ta-button a{
	color: #fff !important;
}

.ta-button.ta-news a{
	background-color: #fba919 !important;
	color: #fff !important;
}

.ta-news-container{
	background-color: #f1f1f1;
	padding-bottom:30px;
}

.ta-left{
	border-right: 1px solid #ccc;
}

img.small-tech-icon{
	width:30px;
	height: auto;
	top:20px;
	left:20px;
}

@media screen and (max-width: 1300px) {
	
	.ta-image{
		height:100px;
	}
}

@media screen and (max-width: 1099.98px) {
	.ta-left{
		border-right: 0px solid #ccc;
	}
	.ta-right{
		padding-top:50px;
	}
	
	.ta-image{
		height:150px;
	}
}

@-webkit-keyframes MOVE-BG {
	from {
		-webkit-transform: translateX(0);
	}
	to { 
		-webkit-transform: translateX(-40%);
	}
}

#header{
	background-color: transparent;
	position: absolute;
	top:0;
	left:0px;
	width: 100%;
}

#header .topMenu a {
	color: white;
}

#header .mainMenu > ul > li > a {
	color: white;
}

.home-title,.home-body,.home-link{
	display: block;
	color: white;
}

.home-title{
	font-size: 15vmin;
	line-height: 13vmin;
	text-transform: lowercase;
	font-weight: 200;
	margin-bottom: 50px;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.home-body{
	/*width:50%;*/
	text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.home-link{
	margin-top:25px;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.home-link a{
	color: white;
}

i.yellow{
	color: #fba919 !important;
}

.logo{
	display:none;
}

.logo-ko{
	display: block;
}

.carousel-indicators li{
	text-indent: 0px;
}

.item{
	height: 310px;
	overflow: hidden;
}

.item div.img{
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center center;
	transition: 0.2s all linear;
}

.item a{
	display: block;
	height:100%;
	width:100%;
	position: relative;
}

.item a h2{
	position: absolute;
	bottom:10px;
	left:15px;
	color: white;
	text-decoration: none;
	text-transform: lowercase;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	font-weight: 200;
	font-size: 40px;
}

.item a .expander{
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:10px;
	transition: 0.1s all linear;
}

.market-slider .owl-prev, .market-slider .owl-next {
	position:absolute;
	top:45%;
	font-size:48px !important;
	width:48px;
	height:48px;
	line-height:48px!important;
	color:white!important;
	transition:all 0.2s;
	opacity: 0.75;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	outline: none !important;
}
.market-slider .owl-prev {left:1%;}
.market-slider .owl-next {right:1%;}

.market-slider .owl-prev:hover, .market-slider .owl-next:hover{
	outline: none;
	background-color: #f29900 !important;
	opacity: 1;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background-color:#f29900;
}

.item:hover div.img{
	transform:scale(1.1);
}

.item:hover div.expander{
	height: 80px;
}

.owl-theme .owl-nav{
	margin-top:0px !important;
}

.home-product-gruv img.home-product-img{
	width: 700px;
	height: auto;
	left:-700px;
	top:-150px;
}

.home-product-carisma img.home-product-img {
	width: 440px;
	height: auto;
	left:-700px;
}

.home-product-carisma img.home-product-img[src*="carisma_top"] {
	top:-115px;
	left:-750px;
	transform: translateX(-7%);
}

.home-product-carisma img.home-product-img[src*="carisma_bottom"] {
	top:100px;
	transform: scale(1.25);
}


.home-product-details{
	padding-left: calc((100% - 530px)/2);
	padding-right:100px;
}
.home-product-details>div,.home-product-details>div>* {
	position: relative;
	z-index: 4;
}
.home-product-details>div:before {
	content: '';
	z-index: 3;
	position: absolute;
	--offset: -1rem;
	top: var(--offset);left: var(--offset);right: var(--offset);bottom: var(--offset);
	background-color: white;
	opacity: 0.7;
	filter: blur(0.75rem);
}

.home-product-details h3, .tech-product-details h3{
	color: #003775;
	font-weight: 200;
}

.home-product-details a, .tech-product-details a{
	color: black;
	text-decoration: none;
	font-weight: 600;
}

.home-product-details a i, .tech-product-details a i{
	color: #ea0a2a;
}

.home-product-details a:hover, .tech-product-details a:hover{
	color: #ea0a2a;
}

.tech-product-details a{
	display: inline-block;
	margin-bottom:200px;
}

.hts-top{
	background-size: cover;
	background-position: center center;
	height: 70vh;
	position: relative;
}

.tech-slide-in{
	right:700px;
	bottom:0px;
	height:110%;
}

.tech-slide-in img{
	height:100%;
	width:auto;
}

.tech-product-img{
	position: absolute;
	left:0px;
	top:-150px;
	opacity: 0;
	transition: 1s all linear;
}

.tech-product-img.shown{
	top:-300px;
	opacity: 1;
}

.anim-debug{
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding:10px;
	background-color: red;
	color: white;
}

img.home-product-img-rook-long{
	height: 430px;
	width: auto;
	right:15%;
	top:0px;
	z-index: 2;
}

img.home-product-img-rook-short{
	height: 430px;
	width: auto;
	right:25%;
	top:0px;
	z-index: 3;
}

img.home-product-img-overtop {
	position: relative;
	z-index: 5;
}

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

	
	img.home-product-img-rook-long{
		height: 330px;
		right:5%;
	}
	
	img.home-product-img-rook-short{
		height: 330px;
		right:20%;
	}
}

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

	img.home-product-img-rook-long{
		height: 230px;
	}
	
	img.home-product-img-rook-short{
		height: 230px;
	}
}

@media screen and (max-width: 1099.98px){
	.home-title{
		font-size: 110px;
		line-height: 90px;
	}
	
	.home-body{
		/*width:75%;*/
		text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	}
	
	
}

@media screen and (max-width: 767.98px){
	
	img.home-product-img-rook-long{
		top: 500px;
	}
	
	img.home-product-img-rook-short{
		top: 500px;
	}
	
}


.home-product-rook {
	position: relative;
	overflow: hidden;
}

.home-product-space {
	padding-top:150px;
	/*margin-top:150px;*/
}

#header .topMenu > .genSearch {
	--search-color:  white;
}