/* Grid links */
.sector-grid {
    max-width: 3000px;
    margin: auto;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 500px;
    gap: 1rem 1rem;
    grid-template-areas: ". .";
    margin-top: 1rem;
}

.sector-grid-items {
    background-color: #000;
    position: relative;
    text-align: center
}

.sector-box {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    transition: transform .5s;
    transform: scale(1);
    overflow: hidden;
    color: #fff
}

.bg-image {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
    background-position: center;
    overflow: hidden;
    transition: all .5s
}

.bg-image::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .1;
    transition: all .5s
}

.sector-box:hover .bg-image,.sector-box:focus .bg-image {
    transform: scale(1.1)
}

.sector-box:hover .bg-image::after,.sector-box:focus .bg-image::after {
    opacity: .7
}

.bg-text {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 1rem;
    letter-spacing: .4rem;
    text-align: center
}

.bg-text span {
    background-color: #fff;
    padding: 1rem 1.5rem;
	border-radius: 0.2rem;
}

.fancy-hidden {
    display: none
}

.item-res .bg-text span {
	background-color: var(--safe-color-red);
	color: white;
}
.item-com .bg-text span  {
	background-color: var(--safe-color-red);
	color: white;
}


.sector-box:hover .bg-text span, .sector-box:focus .bg-text span {
	background-color: black;
}
@media(max-width: 992px) {
    .sector-grid {
        grid-template-areas:". .";
        grid-auto-rows: 300px;
        gap: 5px 5px
    }

    .bg-text {
        font-size: 0.75rem;
        letter-spacing: .2rem
    }

	.slicker-hero-slide .hero-title-sub1 A {
        font-size: 0.9rem;
	}
	.slicker-hero-slide .hero-title-sub2 {
        font-size: 0.9rem;
	}
	.btn-section-hero-next {
		font-size: 1rem !important;
	}
}
@media(max-width: 600px) {
	.slicker-hero-slide .hero-title1 {
		display: block !important;
	}
}





/*  ******************************** 3 panels */
.container-grid {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  gap: 1rem 1rem; 
  /*grid-template-areas: 
    ". . . . ."; 
	*/
	max-width: 1770px;
	margin: auto;
}
	.container-grid .grid-item {
		display: block;

		margin: auto;
		border-radius: var(--img-radius);
		transition: all 0.25s ease-out;
	}
	.container-grid .grid-item:hover, .container-grid .grid-item:focus {
		transform: translateY(-1rem);
	}
	.container-grid IMG {
			width: 100%;
			height: auto;
			border-radius: var(--img-radius);
	}
@media screen and (max-width: 800px) {
	.container-grid {
		grid-template-columns: 1fr 1fr;
	}
}













/* Paralax */
.promo-container {
    min-height: 800px;
    max-width: 3000px;
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0 0;
    margin: auto
}

.promo-container.left {
    grid-template-areas: "promo-text promo-img"
}

.promo-container.right {
    grid-template-areas: "promo-img promo-text"
}

.promo-text {
    grid-area: promo-text;
    overflow: hidden
}

.promo-img {
    grid-area: promo-img;
    overflow: hidden
}

.promo-text {
    background-color: #fff;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 150px
}

.promo-container.left .promo-text-container {
    text-align: right
}

.promo-text-container {
}

.promo-text-container h2 {
    font-size: 1.8rem;
    font-weight: 600
}

.promo-text-container p {
    margin-top: 2rem;
    font-size: 1.2rem;
	margin-bottom: 2rem;
}

.promo-text-container .btn {

}

.promo-img {
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.promo-img.not-fixed {
    background-attachment: scroll
}

@media(max-width: 1024px) {
    .promo-text {
        padding:75px
    }

    .promo-text-container h2 {
        font-size: 2rem;
        font-weight: 200
    }

    .promo-text-container p {
        margin-top: 25px;
        font-size: 1rem
    }

    .promo-container {
        grid-template-columns: 1fr
    }

    .promo-container.left {
        grid-template-areas: "promo-img" "promo-text"
    }

    .promo-container.right {
        grid-template-areas: "promo-img" "promo-text"
    }

    .promo-img {
        background-attachment: scroll
    }
}

@media(max-width: 600px) {
    .promo-container {
        display:block;
        height: auto
    }

    .promo-container .promo-img {
        height: 400px
    }
}




/* LOGOS */
.logos {
	text-align: center;
}
.logos A {
	display: inline-block;
	padding: 0rem 0.5rem 0.5rem 0rem;
}
.logos img {
	width: 200px; height: 80px; object-fit: contain;
}




/* STEP */
.section-step {
	padding-top: 5rem;
	padding-bottom: 2rem;
}
.section-step h2 {
	font-size: 1.6rem;
	margin-bottom: 2rem;
}
.section-step p {
	line-height: 2rem;
	font-size: 1.1rem;
}

/* 3 panels */
.section-panel {
	margin-bottom: 1rem;
	margin-top: 5rem;
}

/* 3 panels new */
.sector-grid.panel-3 {
    max-width: 1500px;
    margin: auto;
    display: grid;
    grid-auto-columns: 1fr 1fr 1fr;
    grid-auto-rows: 800px;
    gap: 1rem 1rem;
    grid-template-areas: ". . .";
    margin-top: 1rem;
	margin-bottom: 1rem;
}
.sector-grid.panel-3 .bg-text span  {
	background-color: var(--safe-color-red);
	color: white;
}


.sector-grid.panel-3 .sector-box:hover .bg-text span, .sector-grid.panel-3 .sector-box:focus .bg-text span {
	background-color: black;
}


@media screen and (max-width: 991px) {
	.sector-grid {
		margin-top: 5px;
	}
	.sector-grid.panel-3 {
		grid-auto-rows: 300px;
		grid-template-areas: ".";
	}
}


.days-slider {
	padding-top: 4rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
	.days-slider .slick-slide img {
		margin: auto;
	}
	.days-slider .slick-prev {
		left: 1rem;
	}
	.days-slider .slick-next {
		right: 1rem;
	}
	.days-slider .slick-dots {
		position: relative;
	}
	.days-slider .ticker-item {
		position: relative;
		padding: 0.2rem;
		text-align: center;
		overflow: hidden;
	}
	.days-slider .day {
		position: absolute;
		bottom: 1rem;
		right: 1rem;
		background-color: #000;
		padding: 1rem;
		color: #FFF;
		border-radius: 1rem;
		font-weight: 600;
	}
	
	
	
	
.days-container {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr; 
	grid-template-rows: auto;
	gap: 0.2rem 0.2rem;
	grid-template-areas: 
	". . .";
	max-width: 1000px;
	margin: auto;
}
.days-box a {
	display: block;
}
.days-box a:hover {
	opacity: 0.5;
}
.days-box {
	position: relative;
}
	.days-container .days-box .day {
		position: absolute;
		bottom: 1rem;
		right: 1rem;
		background-color: #000;
		padding: 1rem;
		color: #FFF;
		border-radius: 1rem;
		font-weight: 600;
	}