/*** HOME HERO SLIDER ***/
.hero-container{margin-top: -100px;}
.hero-container .single-slide{height: 100vh; min-height: 900px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center;}
.hero-container .single-slide:before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.35); z-index: 0;}
.hero-container .single-slide .project-info{position: absolute; right: 36px; bottom: 0; width: 100%; max-width: 420px; color: #fff; z-index: 5;}
.hero-container .single-slide .project-info .short-description{font-size: 12px; text-transform: uppercase; line-height: 1; margin: 0; padding: 0 0 0 80px; font-weight: 300; position: relative;}
.hero-container .single-slide .project-info .short-description:before{content: ""; position: absolute; left: 0; top: 50%; bottom: 0; background: #fff; height: 1px; width: 73px; transform: translate(0, -50%);}
.hero-container .single-slide .project-info .title{font-size: 30px; text-transform: uppercase; line-height: 1; margin: 28px 0 34px 0; font-weight: 500;}
.hero-container .single-slide .project-info .agma-button{margin: 0 0 36px 0;}
.hero-container .single-slide .project-info .agma-button a{width: 100%;}
.hero-container .single-slide .project-info .agma-button i{width: auto; display: inline-block; margin-left: 5px;}
.hero-container .single-slide .project-info .slick-custom-arrow{position: absolute; top: 0; left: unset; bottom: unset; width: 35px; height: 35px; line-height: 33px; border: 1px solid #fff; border-radius: 0; transform: none; background-color: transparent; margin: -11px 0 0 0; padding: 0; cursor: pointer;}
.hero-container .single-slide .project-info .slick-custom-arrow{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.hero-container .single-slide .project-info .slick-custom-arrow:hover{background-color: #fff; color: #000;}
.hero-container .single-slide .project-info .slick-custom-arrow:hover:before{color: #000;}
.hero-container .single-slide .project-info .slick-custom-arrow:before{font-family: 'agma-icons'; width: 100%; display: block; float: left; text-align: center; line-height: 33px; font-size: 10px; color: #fff;}
.hero-container .single-slide .project-info .slick-custom-prev{right: 47px;}
.hero-container .single-slide .project-info .slick-custom-next{right: 0;}
.hero-container .single-slide .project-info .slick-custom-prev:before{content: "\e809";}
.hero-container .single-slide .project-info .slick-custom-next:before{content: "\e808";}

.hero-container .slide-content{position: absolute; z-index: 5; left: unset; top: 50%; right: unset; bottom: unset; color: #fff; transform: translate(0, -50%); margin: 0; padding: 0; max-width: 910px; width: auto;}
.hero-container .slide-content h1{font-size: 77px; line-height: 1.3; font-weight: 300; margin: 0 0 30px 0; padding: 0;}
.hero-container .slide-content p{font-size: 20px; line-height: 28px; letter-spacing: 1px; margin: 0; padding: 0;}

.hero-container .cats-content{position: absolute; bottom: 0; left: unset; right: unset; top: unset; max-width: 1024px; width: 100%; z-index: 5; color: #fff; -webkit-backdrop-filter: blur(23px); backdrop-filter: blur(23px); border-radius: 25px 25px 0 0; padding: 0 0 0 20px;}
.hero-container .cats-content .one-third{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; padding: 20px; position: relative;}
.hero-container .cats-content .one-third:after{content: ""; width: 1px; height: 50px; position: absolute; background: rgba(255,255,255,.25); right: 20px;}
.hero-container .cats-content .one-third:last-of-type:after{content: none;}
.hero-container .cats-content .one-third i{width: 80px; height: 80px; font-size: 60px; line-height: 80px; margin-right: 20px;}
.hero-container .cats-content .one-third i:before{margin: 0; text-align: center; width: 100%;}
.hero-container .cats-content .one-third p{width: calc(100% - 100px); margin: 0; padding: 0 20px 0 0; font-size: 20px; line-height: 1.3;}

.hero-container.empty-container{}

.wpb-hero-container{/*margin-top: -100px;*/ height: calc(100vh - 100px);}
.wpb-hero-container .cats-content{position: absolute; bottom: 0; left: unset; right: unset; top: unset; max-width: 1024px; width: 100%; z-index: 5; color: #fff; background-color: rgba(255,255,255,.15); border-radius: 25px 25px 0 0; padding: 0 0 0 20px;}
.wpb-hero-container .cats-content .one-third{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; padding: 20px; position: relative;}
.wpb-hero-container .cats-content .one-third:after{content: ""; width: 1px; height: 50px; position: absolute; background: rgba(255,255,255,.25); right: 20px;}
.wpb-hero-container .cats-content .one-third:last-of-type:after{content: none;}
.wpb-hero-container .cats-content .one-third i{width: 80px; height: 80px; font-size: 60px; line-height: 80px; margin-right: 20px;}
.wpb-hero-container .cats-content .one-third i:before{margin: 0; text-align: center; width: 100%;}
.wpb-hero-container .cats-content .one-third p{width: calc(100% - 100px); margin: 0; padding: 0 20px 0 0; font-size: 20px; line-height: 1.3;}

.video-overlay{display: none; width: 100vw; height: 100vh; max-height: 100vh; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; background-color: rgba(0,0,0,.75);}
.video-overlay .video-popup-close{position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; background-color: #fff; color: #111; z-index: 1001; display: block; border-radius: 50%; text-align: center; line-height: 30px; font-size: 26px; transform: rotate(45deg); cursor: pointer;}
.video-overlay video{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1000; aspect-ratio: 16/9; max-width: 80%; max-height: 80%; overflow: hidden;}
#video_popup_trigger{animation: pulse-animation 1.5s infinite;}
.agma-button.video-button a{padding: 11px;}
.agma-button.video-button a:hover{}
.agma-button.video-button a i{font-size: 20px; width: 20px; height: 20px; line-height: 20px; display: block; text-align: center;}
@keyframes pulse-animation {
	0% {
	  	box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3);
	}
	100% {
	  	box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}
}

@media (max-width: 1600px){
	.hero-container .cats-content{max-width: 910px;}
	.wpb-hero-container .inner-container{margin-top: -100px;}
	.wpb-hero-container.v2 .inner-container{margin-top: 0;}
	.wpb-hero-container .inner-container .hero-title{font-size: 50px;}
}

@media (max-width: 1400px){
	.hero-container .cats-content{max-width: 810px;}
}

@media (max-width: 1200px){
	.hero-container .slide-content{transform: translate(0, calc(-50% - 40px)); left: 20px; right: 20px;}
	.hero-container .slide-content h1{font-size: 67px;}
	.hero-container .single-slide .project-info{bottom: 120px;}
	.hero-container .cats-content{max-width: unset; left: 20px; right: 20px; width: auto;}
	.wpb-hero-container{height: auto; margin-top: 0;}
	.wpb-hero-container .content-container{padding-top: 120px; padding-bottom: 120px;}
	.wpb-hero-container.v2 .content-container{padding-top: 60px; padding-bottom: 0;}
	.wpb-hero-container.v2 .content-container .image{order: 1; margin-bottom: 60px;}
	.wpb-hero-container.v2 .content-container .content{order: 2;}
	.wpb-hero-container .inner-container{margin-top: 0;}
	.wpb-hero-container .cats-content{position: relative; width: calc(100% - 40px); left: unset; right: unset; bottom: unset; margin: 0 20px; padding: 0; border-radius: 25px;}
}
@media (max-width: 1024px){
	.hero-container .single-slide .project-info{max-width: 300px;}
	.hero-container .single-slide .project-info .short-description{padding: 0 0 0 60px;}
	.hero-container .single-slide .project-info .short-description:before{width: 53px;}
	.wpb-hero-container .inner-container .hero-title{font-size: 40px;}
	.wpb-hero-container.v2 .content-container .content .buttons-container{justify-content: center;}
}
@media (max-width: 900px){
	.hero-container .cats-content{max-width: calc(100% - 382px); padding: 0;}
	.hero-container .cats-content .one-third{width: 100%; max-width: 400px; float: none; margin: 0 auto;}
	.hero-container .cats-content .one-third:after{width: 50px; height: 1px; right: unset; bottom: 0;}
	.hero-container .cats-content .one-third p{padding: 0;}
	.wpb-hero-container .cats-content .one-third{width: 100%; max-width: 400px; float: none; margin: 0 auto;}
	.wpb-hero-container .cats-content .one-third:after{width: 50px; height: 1px; right: unset; bottom: 0;}
	.wpb-hero-container .cats-content .one-third p{padding: 0;}
	.hero-container .single-slide{min-height: 1024px;}
	.hero-container .single-slide .project-info{bottom: 0;}
	.hero-container .slide-content{transform: translate(0, calc(-50% - 140px));}
	.hero-container .slide-content h1{font-size: 57px;}
}
@media (max-width: 768px){
	.hero-container .slide-content h1{font-size: 47px; line-height: 1;}
	#masthead .site-logo{max-width: calc(100% - 67px);}
}
@media (max-width: 700px){
	.hero-container .single-slide{min-height: 1450px;}
	.hero-container .slide-content{transform: translate(0, calc(-50% - 260px));}
	.hero-container .single-slide .project-info,
	.hero-container .cats-content{max-width: 440px; width: calc(100% - 40px); left: 50%; right: 20px; transform: translate(-50%, 0);}
	.hero-container .single-slide .project-info{bottom: 400px;}
}
@media (max-width: 480px){
	.hero-container .slide-content .agma-button{width: 100% !important; margin-left: 0 !important;}
}
/*** HOME HERO SLIDER ***/