.header-home {
	position:relative;
	overflow:visible;
	height:auto;
	display:block;
	padding-top:0;
}
.header-home.scrolled {

}


.header-home.scrolled .hideOnScroll {
		transform:translateY(-100px);
		opacity:0;
}
.header-home .showOnScroll {
	transform:translateY(100px);
	opacity:0;
	transition:.5s;
}
.header-home.scrolled .showOnScroll {
	transform:translateY(00px);
	opacity:1;
}

.header-home .opening {
	height:calc(100vh - 100px);
	background-color:#3c3c3b;
	z-index:6;
	position:relative;
	overflow:visible;
	transition:.5s;
}
.header-home.scrolled .opening {
	opacity:0;
	transform:translateY(-50%);
}
	.header-home .opening .text {
		position:relative;
		z-index:2;
		color:white;
		padding:0px 100px 0px 100px;
		height:100%;
		width:55%;
		display:flex;
		flex-direction:column;
		justify-content: center;
		align-items:flex-start;
		opacity:1;
		transition:.5s;
		float:left;
		background: rgb(0,0,0);
		background: linear-gradient(90deg, rgba(1,113,178,0.3) 0%, rgba(1,113,178,0) 80%);
	}

	.header-home.scrolled .opening .text {
		opacity:0;
	}
		.header-home .opening .text h1 {
			font-size:64px;
			font-weight:bold;
			margin:0px;
			color:white;
		}
			.header-home .opening .text h1 span { display:block; }
		.header-home .opening .text h2 {
			font-weight:300;
			font-size:50px;
			margin:15px 0px 35px 0px;
			padding:0px;
		}

	.header-home .opening .cta {
		width:45%;
		height:100%;
		z-index:2;
		position:relative;
		float:right;
		display:flex;
		justify-content:center;
		align-items:center;
	}
		.header-home .opening .cta .circle {
			width:400px;
			height:400px;
			background-image:url('../../img/c1.png');
			background-size:121%;
			background-position:center;
			background-repeat:no-repeat;
			border-radius:100%;
			display:flex;
			justify-content:center;
			align-items:center;
			position:relative;
			overflow:visible;
			transition:transform .3s, box-shadow 0s;
			cursor:pointer;
			box-shadow:0px 0px 0px 0px rgba(255,255,255,.2);

		}
			.header-home .opening .cta .circle:hover {
				transform:scale(1.1);
				box-shadow:0px 0px 0px 50px rgba(255,255,255,0);
					transition:transform .3s, box-shadow .8s ;
			}
			.header-home .opening .cta .circle:before, .header-home .opening .cta .circle:after {
				content:" ";
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				background-size:121%;
				background-position: -38.2px -41px !important;
				transition:.45s;
					background-repeat:no-repeat;
			}
			.header-home .opening .cta .circle:before	{ background-image:url('../../img/c2.png');}
			.header-home .opening .cta .circle:after	{ background-image:url('../../img/c3.png'); animation:rotation 20s linear infinite; }

			.header-home .opening .cta .circle:hover:before { transform:scale(1.1) ;	}


			@keyframes rotation {
				0% { transform:rotate(0deg); }
				100% { transform:rotate(360deg); }
			}

			.header-home .opening .cta .circle .home {
				width:60%;
				height:60%;
				background-image:url('../../img/circle-logo.png');
				background-size:180%;
				background-position:center;
				transition:.3s ;
				color:transparent;
				font-size:10px;
				font-weight:bold;
				border-radius:100%;
				display:flex;
				justify-content: center;
				align-items: center;
				background-repeat:no-repeat;
				z-index:5;
				text-decoration:none;
			}
				.header-home .opening .cta .circle:hover .home {
					transform:scale(1.2) rotate(10deg);
					background-color:rgba(158,97,102,.6);
					background-size:0%;
					color:white;
					font-size:40px;

				}


	.header-home .opening .images {
		width:100%;
		height:100%;
		position:absolute;
		overflow:visible;
		top:0;
		left:0;
		z-index:1;
		background-image:url('../../img/header.jpg');
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;

	}
	.header-home .opening .images .header-slider, .header-home .opening .images .header-slider .slick-track, .header-home .opening .images .header-slider .slick-list {
		height:100%;
	}
	.header-home .opening .images .slick-slide {
		position:relative;
		overflow:visible;
		opacity:1 !important;
		transition:all 1.5s, z-index 0s .2s !important;
		max-height:none;
	}
	.header-home .opening .images .slick-slide.slick-current {
		animation:firstheader-homeSlide 1s 1;

	}
@keyframes firstheader-homeSlide {
	0% {	transform:translateY(-100%); }
	100% {	transform:translateY(0%); }
}

		.header-home .opening .images .main {
			width:80%;
			height:100%;
			position:relative;
			overflow:hidden;
			transform:translateY(0%);
			transition:all 1.5s .15s;
			max-height:none;
			z-index:1;
		}
		.header-home .opening .images .slick-current .main { transform:translateY(0%);	}
		.header-home .opening .images .slick-current ~ .slick-slide .main { transform:translateY(-100%); 	}

			.header-home .opening .images .main .img {
				width:100%;
				height:100%;
				background-size:cover;
				background-repeat:no-repeat;
				background-position:center;
				max-height:none;
			}
		.header-home .opening .images .detail {
			width:26%;
			height:100%;
			position:absolute;
			right:7%;
			top:0%;
			min-width:360px;
			display:flex;
			justify-content: center;
			flex-direction:column;
			z-index:10;
			align-items:center;
			transform:translateY(50%);
			transition:1.5s;
			opacity:0;
		}

		.header-home .opening .images .slick-current .detail { transform:translateY(0%); opacity:1; }
		.header-home .opening .images .slick-current ~ .slick-slide .detail { transform:translateY(-100%);	}

			.header-home .opening .images .detail img {
				width:100%;
				height:auto;
				box-shadow:0px 20px 40px -4px rgba(0,0,0,.3);
			}
			.header-home .opening .images .detail a.meer {
				text-decoration:none;
				color:white;
				width:100%;
				display:block;
				text-align:right;
				padding-top:10px;
				font-weight:100;
				outline:none;
				cursor:pointer;
			}
				.header-home .opening .images .detail a.meer i {
					transition:.15s;
					padding-left:2px;
				}
				.header-home .opening .images .detail a.meer:hover i {
					margin-right:-5px;
					padding-left:7px;
				}
		.header-home .opening .images .slick-dots {

			width:30px;
			height:100%;
			bottom:0;
			right:20px;
			display:flex;
			flex-direction:column;
			justify-content:center;
			z-index:10;

		}
			.header-home .opening .images .slick-dots li {
				padding:20px 0px;

			}
			.header-home .opening .images .slick-dots li button:before {
				color:white;
				font-size:35px !important;
				transition:.3s;

			}

	.header-home .opening .divider {
		z-index:4;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#3c3c3b;
		pointer-events:none;
		opacity:0;
		transition:.3s;
	}
		.header-home.scrolled .opening .divider {
			pointer-events:auto;
			opacity:.9;
		}



@media screen and (max-width:1199px) {
	.header-home .opening .text {
		padding:0px 50px;
		width:63%;
	}
	.header-home .opening .text h1 { font-size:54px; }
	.header-home .opening .text h2  { font-size:35px; }

	.header-home .opening .cta {
		width:37%;
	}
		.header-home .opening .cta .circle {
			width:300px;
			height:300px;
		}
			.header-home .opening .cta .circle .home, .header-home .opening .cta .circle .home:hover {
				font-size:20px;
				color:white;
				padding-bottom:15px;
				align-items:flex-end;
				background-position:50% 57%;
				background-size:180%;

			}
}

@media screen and (max-width:991px) {
	.header-home .opening .text {
		justify-content:flex-start;
		padding-top:50px;
		width:100%;
		height:auto;
		background: linear-gradient(180deg, rgba(0,0,0,0.5116421568627452) 0%, rgba(0,0,0,0) 80%);

	}
		.header-home .opening .text h1 {
			font-size:50px;
		}
		.header-home .opening .text h2 {
			font-size:34px;
		}

		.header-home .opening .cta {
			width:100%;
			height:auto;
			justify-content: flex-end;
			padding-right:50px;
			padding-top:50px;
		}
			.header-home .opening .cta .circle {
				width:200px;
				height:200px;
			}
			.header-home .opening .cta .circle .home, .header-home .opening .cta .circle .home:hover {
				font-size:16px;
				padding-bottom:10px;
			}

	.header-home .opening .images .main {
		width:100%;
		height:calc(100% - 230px);
	}
	.header-home .opening .images .detail {
		height:60%;
		justify-content:flex-end;
		top:unset;
		bottom:160px;
	}
	.header-home .opening .images .slick-dots {
		flex-direction:row;
		height:30px;
		width:100%;
		right:0;
		bottom:unset;
		top:calc(100vh - 170px);
	}


}

@media screen and (max-width:767px) {
	.header-home .opening {
		height:auto;
		min-height:calc(100vh - 100px);
		padding-bottom:60px;
	}
	.header-home .opening .text  {
		padding:20px 0px 0px 20px;
		position:relative;
		float:none;

	}
	.header-home .opening .cta {
		float:none;
	}
		.header-home .opening .text h1 {
			font-size:32px;
		}
		.header-home .opening .text h2 {
			font-size:24px;
			margin:15px 0px;
			width:calc(100% - 20px);
		}
	.header-home .opening .images .slick-track div {
		margin-top:0;
		max-height:none;
	}
	.header-home .opening .images .detail {
		width:40%;
		min-width:0;
	}
}



.boxes {
	width:100%;
	margin:-150px -15px 30px -15px;
	z-index:7;
	position:relative;
	display:inline-block;
	height:460px;
	overflow:hidden;
}
	.boxes .box {
		width:calc((100% / 3) - 30px);
		margin:0px 15px ;
		box-shadow:0px 15px 20px -5px rgba(0,0,0,.3);
		border-radius:0px 0px 8px 8px;
		position:absolute;
		overflow:visible;
		display:block;
		z-index:9;
		background-color:white;
		top:30px;
		left:0;
		transition:all .3s, z-index .0s .3s;
		height:400px;
		opacity:0;
		transform:translateY(100px);
	}
	.boxes .box.activated {
		opacity:1;
		transform:translateY(0);
	}
	.boxes .box:nth-of-type(1) { left:0%; transition:all .3s, z-index .0s .3s, opacity .3s 0s, transform .3s 0s; }
	.boxes .box:nth-of-type(2) { left:33.3%; transition:all .3s, z-index .0s .3s, opacity .3s .15s, transform .3s .15s;}
	.boxes .box:nth-of-type(3) { left:66.6%; transition:all .3s, z-index .0s .3s, opacity .3s .3s, transform .3s .3s; }
		.boxes .box:hover {
			left:0;
			z-index:10;
			box-shadow:none;
			transition:all .3s, z-index 0s;
		}
		.boxes .box:after {
			width:calc(300% + 60px);
			height:100%;
			content:" ";
			position:absolute;
			z-index:-1;
			top:0;
			left:0;
			display:none;
		}
		.boxes .box:hover:after {
			display:block;
		}
		.boxes .box .img {
			height:260px;
			background-color:#eee;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			transition:.3s;
			background-size:cover;
			background-repeat:no-repeat;
			background-position:center;
			z-index:4;
		}
		@media screen and (min-width:991px) {
		.boxes .box:hover .img {
			height:100%;
			width:120%;
			box-shadow:0px 15px 20px -5px rgba(0,0,0,.3);
		}
	}

		.boxes .box .text {
			padding:15px 25px;
			width:100%;
			transition:.3s;
		}
		.boxes .box .text.small {
			position:relative;
			z-index:3;
			margin-top:260px;
			font-size:14px;
		}
		.boxes .box:hover .text.small {
			opacity:0;
	 	}
		.boxes .box .text.large {
			width:0%;
			background-color:white;
			position:absolute;
			top:0;
			left:0%;
			height:100%;
			opacity:0;
			transition:.3s;
			z-index:2;
			padding:25px;
		}
		.boxes .box:hover .text.large {
			left:120%;
			width:calc(180% + 60px);
			opacity:1;
			box-shadow:0px 15px 20px -5px rgba(0,0,0,.3);
			transition:.3s .15s;
		}
			.boxes .box .text h2 {
				padding:0;
				margin:0;
				font-size:26px;
				font-weight:bold;
			}
			.boxes .box .text.large > * {
				opacity:0;
				transform:translateY(-20px);
				padding:0px 0px 10px 0px;
			}
			.boxes .box:hover .text.large > * {
				opacity:1;
				transform:translateY(0);
			}
			.boxes .box:hover .text.large h2 { transition:.3s .4s; }
			.boxes .box:hover .text.large p { transition:.3s .5s; }


.container-fluid.bg-gray {
	padding-top:10px;
}
.divider {
	height:auto;
	background:#eee;
	position:relative;
	overflow:hidden;
}
	.divider .bg {
		width:100%;
		height:200%;
		position:absolute;
		top:-50%;
		display:block;
		background-size:cover;
		background-position:center;
	}
	.divider .cont {
		margin:100px 0px;
		padding:25px;
		border-radius:8px;
		background-color:rgba(255,255,255,.7);
	}

@media screen and (min-width:991px) {
	.text.small .button {
		display:none;
	}
}
@media screen and (max-width:991px) {
	.boxes {
		height:auto;
		margin: 0px 0px 20px 0px;
		overflow:visible;
		padding-bottom:50px;
	}
	.boxes .box {
		height:auto;
		position:relative;
		width:100%;
		left:0 !important;
		margin:0px 0px 20px 0px;
	}
		.boxes .box .img {
			position:relative;
		}
		.boxes .box .text {
			width:100% !important;
		}
		.boxes .box .text.small {
			margin-top:10px;
		}
		.boxes .box .text.large {
			position:relative;
			display:none;
			color:black;
			height:auto;
			top:unset;
			left:unset !important;
			opacity:1;
			padding-bottom:0;

		}
			.boxes .box:hover .text.small { display:none; }
			.boxes .box:hover .text.large { display:block;  }
}