/* General rules
----------------------------------------------------------------*/
	#header-content.header-slider-cards {
	    position: relative;
	}
	#header-content.header-slider-cards,
	.header-slider-cards .background-slider .slider-image {
		height: 100vh;
	}
	.header-slider-cards .header-content-container {
		width: 90.104vw;
		margin-left: auto;
	}
	.header-slider-cards .header-content-container {
	    position: relative;
	    z-index: 5;
	}

/* LEFT CELL
----------------------------------------------------------------*/
	.header-slider-cards .header-content-container .left-cell {
	    width: 40.5%;
	}
	.header-slider-cards .text-slider .page-title {
		font-size: 1.094vw;
	    font-family: var(--text-font-medium);
	    letter-spacing: var(--small-letter-spacing);
	    padding-top: 0.260vw;
	}
	.header-slider-cards .text-slider .cell-container {
	    padding-right: 2.604vw;
	}
	.header-slider-cards .text-slider .big-title {
	    padding-right: 4vw;
	}
	.header-slider-cards .text-slider .text.white p {
	    line-height: 1.8;
	}
	.header-slider-cards .header-content-container-inner .left-cell:before {
	    content: '';
	    width: 0.104vw;
	    height: 85%;
	    background-color: #a5acb2;
	    display: block;
	    position: absolute;
	    left: -3.45vw;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.header-slider-cards .current-slide *,
	.header-slider-cards .number-slides * {
	    color: var(--color-white);
	}
	.header-slider-cards .current-slide,
	.header-slider-cards .number-slides {
	    position: absolute;
	}
	.header-slider-cards .text-slider .current-slide,
	.header-slider-cards .text-slider .number-slides {
	    left: -3.9vw;
	}
	.header-slider-cards .text-slider .current-slide {
	    top: 0;
	}
	.header-slider-cards .text-slider .number-slides {
	    bottom: 0;
	}

/* Right cell
----------------------------------------------------------------*/
	.header-slider-cards .right-cell .current-slide,
	.header-slider-cards .right-cell .number-slides {
	    display: none;
	}
	.header-slider-cards .box-slider .swiper-container {
	    transform: translateX(70px);
	    opacity: 0;
	    position: relative;
	}
	@keyframes entryEffect {
	  0% {
	    opacity: 0;
	    transform: translateX(70px)
	  }
	  100% {
	    opacity: 1;
	    transform: translateX(0);
	  }
	}
    .header-slider-cards .box-slider .swiper-container {
        -webkit-animation: entryEffect 1.5s forwards;
        animation: entryEffect 1.5s forwards;   
    }
    .header-slider-cards .box-slider .swiper-container {
        -webkit-animation-delay: 1.5s; 
        animation-delay: 1.5s;
    }

    .header-slider-cards .box-slider .slider-buttons {
    	opacity: 0;
    }
	@-webkit-keyframes arrowEntryEffect {
	    0% { 
	        opacity: 0;
	    }
	    100% { 
	        opacity: 1;
	    }
	}
	@keyframes arrowEntryEffect {
	    0% { 
	        opacity: 0;
	    }
	    100% { 
	        opacity: 1;
	    }
	}
    .header-slider-cards .box-slider .slider-buttons {
        -webkit-animation: arrowEntryEffect 1.5s forwards;
        animation: arrowEntryEffect 1.5s forwards;   
    }
    .header-slider-cards .box-slider .slider-buttons {
        -webkit-animation-delay: 1.3s; 
        animation-delay: 1.3s;
    }

	.header-slider-cards .header-content-container .right-cell {
	    width: 59.5%;
	}
	.header-slider-cards .box-slider .swiper-wrapper {
	    align-items: center;
	}
	.header-slider-cards .box-slider .swiper-slide {
	    width: 13.021vw;
	    margin-right: 1.563vw;
	}
	.header-slider-cards .box {
	    height: 100%;
	    display: flex;
	    align-items: center;
	}
	.header-slider-cards .box-slider .box-img {
	    height: 16.927vw;
	    min-height: 80px;
	    -webkit-transition-property: width, height, min-height;
	    -webkit-transition-timing-function: ease-in-out;
	    -webkit-transition-duration: 0.3s;
	    -webkit-transition-delay: 0.4s;	    
	    transition-property: width, height, min-height;
	    transition-timing-function: ease-in-out;
	    transition-duration: 0.3s;
	    transition-delay: 0.4s;
	    border-radius: 10px;
	    overflow: hidden;
	}
	.header-slider-cards .box-slider .swiper-wrapper,
	.header-slider-cards .box-slider .swiper-slide-active .box-img {
	    height: 21.354vw;
	    cursor: pointer;
	}
	.header-slider-cards .box-slider .slider-buttons {
	    justify-content: flex-start;
	}
	.header-slider-cards .box-slider .box-title {
	    width: 64%;
	    padding-bottom: 1.302vw;
	    padding-left: 1.042vw;
	    z-index: 2;
	}
	.header-slider-cards .box-slider .box-title-container {
	    font-family: var(--title-font-bold);
	    letter-spacing: var(--small-letter-spacing);
	    transition-property: font-size;
	   	transition-timing-function: ease-in-out;
	    transition-duration: 0.3s;
	    transition-delay: 0.4s;
	}
	.header-slider-cards .box-slider .swiper-slide:not(.swiper-slide-active) .box-title-container {
	    font-size: 0.938vw;
	}
	.header-slider-cards .box-slider .slider-buttons {
	    padding-bottom: 0;
	    padding-top: 1.563vw;
	}

/* Background Slider
----------------------------------------------------------------*/
	.header-slider-cards .bg-content.background-slider {
	    background-color: #000;
	}
	.header-slider-cards .bg-content .swiper-slide {
	    transition-duration: 0.7s !important;
	}
	#header-content.header-slider-cards,
	.header-slider-cards .background-slider .slider-image {
	    transform: scale(1.1);
	    transition: transform 0.5s ease-in-out;
	}
	#header-content.header-slider-cards ,
	.header-slider-cards .background-slider .swiper-slide-active .slider-image {
	    transform: scale(1);
	}
	.header-slider-cards .bg-content.background-slider {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	}

@media screen and (max-width: 1920px) {
	/* General rules
	----------------------------------------------------------------*/
		#header-content.header-slider-cards,
		.header-slider-cards .background-slider .slider-image {
		    min-height: 876px;
		}	

	/* LEFT CELL
	----------------------------------------------------------------*/
		.header-slider-cards .text-slider .page-title {
			font-size: 21px;
		    padding-top: 5px;
		}
		.header-slider-cards .text-slider .cell-container {
		    padding-right: 50px;
		}
		.header-slider-cards .header-content-container-inner .left-cell:before {
		    width: 2px;
		}

	/* Right cell
	----------------------------------------------------------------*/
		.header-slider-cards .box-slider .swiper-slide {
		    width: 250px;
		}
		.header-slider-cards .box-slider .box-img {
		    height: 325px;
		}
		.header-slider-cards .box-slider .swiper-wrapper,
		.header-slider-cards .box-slider .swiper-slide-active .box-img {
		    height: 410px;
		}
		.header-slider-cards .box-slider .box-title {
		    padding-bottom: 25px;
		    padding-left: 20px;
		}
		.header-slider-cards .box-slider .swiper-slide:not(.swiper-slide-active) .box-title-container {
		    font-size: 18px;
		}
		.header-slider-cards .box-slider .slider-buttons {
		    padding-bottom: 0;
		    padding-top: 30px;
		}

}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1620px) {
		#header-content.header-slider-cards ,
		.header-slider-cards .background-slider .slider-image {
		    min-height: 776px;
		}
		.header-slider-cards .box-slider .swiper-slide {
		    width: 230px;
		}
		.header-slider-cards .box-slider .box-img {
		    height: 300px;
		}
		.header-slider-cards .box-slider .swiper-wrapper,
		.header-slider-cards .box-slider .swiper-slide-active .box-img {
		    height: 377px;
		}
		.header-slider-cards .box-slider .slider-buttons {
			padding-top: 25px;
		}
		.header-slider-cards .text-slider .text.white p {
		    line-height: 1.6;
		}
		.header-slider-cards .text-slider .page-title {
		    margin-bottom: 25px;
		}
		.header-slider-cards .text-slider .cell-container {
		    padding-right: 40px;
		}		
		.header-slider-cards .text-slider .big-title,
		.header-slider-cards .text-slider .big-title * {
		    margin-bottom: 20px;
		}
		.header-slider-cards .text-slider .btn {
		    margin-top: 30px;
		}
}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
	#header-content.header-slider-cards ,
	.header-slider-cards .background-slider .slider-image {
	    min-height: 705px;
	}

	.header-slider-cards .box-slider .swiper-slide {
	    width: 215px;
	}
	.header-slider-cards .box-slider .box-img {
	    height: 279px;
	}
	.header-slider-cards .box-slider .swiper-wrapper,
	.header-slider-cards .box-slider .swiper-slide-active .box-img {
	    height: 352px;
	}
	.header-slider-cards .box-slider .slider-buttons {
	    padding-top: 20px;
	}
	.header-slider-cards .box-slider .slider-buttons {
	    padding-top: 20px;
	}

	.header-slider-cards .text-slider .text.white p {
	    line-height: 1.5;
	}
	.header-slider-cards .text-slider .big-title,
	.header-slider-cards .text-slider .big-title * {
		margin-bottom: 15px;
	    line-height: 0.9;
	}
	.header-slider-cards .text-slider .btn {
	    margin-top: 25px;
	}
	.header-slider-cards .text-slider .page-title {
		font-size: 20px;
	    margin-bottom: 20px;
	}
	.header-slider-cards .text-slider .cell-container {
	    padding-right: 30px;
	}
	.header-slider-cards .header-content-container-inner .left-cell:before {
	    height: 80%;
	}
	.header-slider-cards .text-slider .current-slide {
	    top: 3%;
	}
	.header-slider-cards .text-slider .number-slides {
	    bottom: 3%;
	}
}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1279px) {
	#header-content.header-slider-cards,
	.header-slider-cards .background-slider .slider-image {
	    min-height: 630px;
	}
	.header-slider-cards .header-content-container {
	    width: 92vw;
	}

	.header-slider-cards .text-slider .cell-container {
	    padding-right: 10px;
	}
	.header-slider-cards .box-slider .swiper-slide {
	    width: 200px;
	}
	.header-slider-cards .box-slider .swiper-wrapper,
	.header-slider-cards .box-slider .swiper-slide-active .box-img {
	    height: 328px;
	}
	.header-slider-cards .box-slider .box-img {
	    height: 260px;
	}
	.header-slider-cards .header-content-container .right-cell {
	    width: 54%;
	}
	.header-slider-cards .header-content-container .left-cell {
	    width: 46%;
	}
	.header-slider-cards .text-slider .page-title {
	    font-size: 19px;
	    margin-bottom: 15px;
	}
	.header-slider-cards .text-slider .text.white p {
	    line-height: 1.4;
	}
	.header-slider-cards .box-slider .slider-buttons {
	    padding-top: 15px;
	}
	.header-slider-cards .text-slider .big-title,
	.header-slider-cards .text-slider .big-title * {
		padding-right: 6vw;
	}


}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
	.header-slider-cards .header-content-container .left-cell {
	    width: 100%;
	    position: initial !important;
	}
	.header-slider-cards .header-content-container {
	    width: 100%;
	    padding-left: 8.889vw;
	    padding-right: 8.889vw;
	}
	.header-slider-cards .header-content-container .right-cell {
	    width: 100%;
	    padding-left: 5.278vw;
	    padding-right: 5.278vw;
	}
	.header-slider-cards .header-content-container-inner {
	    padding-top: 3vh;
	    padding-left: 0;
	    position: relative;
	}
	.header-slider-cards .header-content-container .left-cell {
	    padding-top: 0;
	    padding-bottom: 30px;
	}
	.header-slider-cards .header-content-container-inner .left-cell:before {
	    display: none;
	}
	.header-slider-cards .header-content-container .left-cell {
	    padding-right: 0;
	}
	.header-slider-cards .text-slider .page-title {
	    font-size: 18px;
	}
	.header-slider-cards .text-slider .current-slide,
	.header-slider-cards .text-slider .number-slides {
	    display: none;
	}
	.header-slider-cards .right-cell .current-slide,
	.header-slider-cards .right-cell .number-slides {
		display: block;
	    top: 117%;
	}
	.header-slider-cards .right-cell .number-slides {
	    right: 12%;
	}
	.header-slider-cards .right-cell .current-slide {
	    left: 12%;
	}

	.header-slider-cards .box-slider .swiper-wrapper,
	.header-slider-cards .box-slider .swiper-slide-active .box-img {
		height: 29.444vw;
	    min-height: 106px;
	}
	.header-slider-cards .box-slider .swiper-slide {
		width: 20.278vw;
	    min-width: 73px;
	}
	.header-slider-cards .box-slider .box-img {
		height: 22.222vw;
	}
	.header-slider-cards .box-slider .swiper-slide {
		margin-right: 5.556vw;
	}
	.header-slider-cards .box-slider .box-title {
	    display: none;
	}
	.header-slider-cards .text-slider .cell-container {
	    width: 60%;
	    padding-right: 0;
	}
	.header-slider-cards .box-slider .swiper-button-prev,
	.header-slider-cards .box-slider .swiper-button-next {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.header-slider-cards .box-slider .swiper-button-next {
	    right: 0;
	}
	.header-slider-cards .box-slider .swiper-button-prev {
	    left: 0;
	}
	.header-slider-cards .box-slider .small-arrow .swiper-button-next,
	.header-slider-cards .box-slider .small-arrow .swiper-button-prev {
	    width: 11.111vw;
	    height: 11.111vw;
	    min-width: 40px;
	    min-height: 40px;
	    max-width: 60px;
	    max-height: 60px
	}
	.header-slider-cards .box-slider .slider-buttons {
	    padding-top: 0;
	}
	.header-slider-cards .header-content-container-inner .right-cell:before {
	    content: '';
	    background-color: #a5acb2;
	    display: block;
	    position: absolute;
	    height: 2px;
	    width: 65%;
	    top: 121%;
	    left: 50%;
	    transform: translateX(-50%);
	}

}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.header-slider-cards .text-slider .cell-container {
	    width: 100%;
	}
	.header-slider-cards .text-slider .page-title {
	    font-size: 16px;
	}
	.header-slider-cards .right-cell .current-slide,
	.header-slider-cards .right-cell .number-slides {
	    top: 114%;
	}
	.header-slider-cards .right-cell .number-slides {
	    right: 10%;
	}
	.header-slider-cards .right-cell .current-slide {
	    left: 10%;
	}
	.header-slider-cards .right-cell .current-slide *,
	.header-slider-cards .right-cell .number-slides * {
	    font-size: 13px;
	}

	.header-slider-cards .header-content-container-inner .right-cell:before {
	    top: unset;
	    bottom: -35px;
	}
	.header-slider-cards .right-cell .current-slide,
	.header-slider-cards .right-cell .number-slides {
	    top: unset;
	    bottom: -41px;
	}
	.header-slider-cards .text-slider .big-title, .header-slider-cards .text-slider .big-title * {
		margin-bottom: 0;
	}
	.site-header .slider-buttons.relative-arrow {
	    display: none;
	}
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}