/***** banner *****/
.banner 							{ width: 100%; padding-top: 80px; position: relative;}
.banner:before 						{ width: 100%; height: calc(20vw + 170px); position: absolute; left: 0; top: 0; background: #111; transition: none; content: "";}
.banner .wrapper 					{ display: grid; grid-template-columns: 265px 1fr; align-items: center; max-width: none; min-width: inherit;}
.banner .video   					{ position: relative; overflow: hidden; z-index: 5;}
.banner .video img, 				
.banner .video video 				{ width: 100%; height: 40vw; min-height: 540px; object-fit: cover; display: block; position: relative; filter: brightness(0.8);}
.banner .texte 						{ position: relative; z-index: 10; padding-top: 20px;}
.banner .texte .titre_cap 			{ padding-left: 2px;}
.banner .texte .titre_main 			{ color: #fff; font-size: 45px; line-height: 55px; min-width: 560px; margin-left: -2px; margin-bottom: 30px;}

@media (max-width:1200px) {
.banner .texte .titre_main 			{ font-size: 35px; line-height: 45px;}
}
@media (max-width:1000px) {
.banner   							{ background: #111;}
.banner .wrapper 					{ grid-template-columns: 1fr; width: 100%;}
.banner .video img, 				
.banner .video video 				{ height: auto; min-height: 55vw;}
.banner .texte 						{ grid-area: 2; padding: 70px 5vw;}
.banner .texte .titre_main 			{ min-width: inherit; margin-top: -5px; max-width: 500px;}
}
@media (max-width:600px) {
.banner 							{ padding-top: 130px;}
.banner .texte 						{ padding: 50px 7.5vw;}
.banner .texte .titre_cap 			{ padding-left: 0; display: block;}
.banner .texte .titre_main 			{ font-size: 22px; line-height: 32px; margin-bottom: 20px; max-width: 300px;}
}


/***** intro *****/
.intro 								{ margin: 80px 0 60px 0; max-width: 950px;}

@media (max-width:1000px) {
.intro 								{ margin: 60px 0;}
}
@media (max-width:600px) {
.intro 								{ display: none;}
}


/***** packs *****/
.packs.shape_round:before 			{ left: 100%; margin-left: -200px; top: -200px;}
.packs .grid 						{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; margin-top: 40px;}
.packs .grid .item 					{ position: relative;}
.packs .grid .item>a				{ display: none;}
.packs .grid .item .wrap			{ border-radius: 15px; overflow: hidden; box-shadow: 0 30px 30px 0 rgb(0 185 235 / 10%); transition: all 400ms ease-in-out;}
.packs .grid .item .photo			{ position: relative; background: #111; overflow: hidden;}
.packs .grid .item img				{ display: block; width: 100%; height: auto; min-height: 280px; object-fit: cover;}
.packs .grid .item .titre			{ width: 100%; font: 600 18px/60px "Poppins"; color: #fff; padding: 0 40px; height: 60px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.7); transition: all 400ms ease-in-out;}
.packs .grid .item .titre span		{ color: #00b9eb; float: right;}
.packs .grid .item .texte			{ padding: 30px 40px 25px 40px; font-size: 12px; background: #fff;}
.packs .grid .item .tag				{ background: #e9e9e9; padding: 0 20px; font-size: 11px; line-height: 28px; display: inline-block; margin-right: 5px; border-radius: 5px;}
.packs .grid .item ul				{ margin: 20px 0 0 0; line-height: 30px;}
.packs .grid .item ul li 			{ padding: 0 0 0 20px; margin-top: 2px;}
.packs .grid .item ul li:before 	{ top: 10px;}
.packs .grid .item .link			{ display: block; border-radius: 0; padding: 0; text-align: center;}

@media (min-width:1201px) {
.packs .grid .item:hover .wrap		{ transform: translateY(-20px);}
.packs .grid .item:hover .titre 	{ background: #111;}
}
@media (max-width:1200px) {
.packs .grid 						{ grid-template-columns: 1fr 1fr; grid-gap: 30px; margin-top: 30px;}
.packs .grid .item>a				{ display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 50;}
.packs .grid .item img				{ min-height: inherit;}
.packs .grid .item .link			{ padding: 0 40px; text-align: left; background: url("../images/arrow_white.svg") right 40px center no-repeat #00b9eb;}
}
@media (max-width:760px) {
.packs .grid 						{ grid-template-columns: 1fr; max-width: 520px; margin: 30px auto 0 auto;}
}
@media (max-width:600px) {
.packs 								{ background: #e5f8fd; margin: 0 -7.5vw; padding: 40px 7.5vw 50px 7.5vw;}
.packs .grid 						{ margin: 20px 0 0 0;}
.packs .grid .item .wrap			{ border-radius: 10px; box-shadow: none;}
.packs .grid .item .titre			{ font-size: 16px; line-height: 50px; font-weight: 500; padding: 0 25px; height: 50px;}
.packs .grid .item .texte			{ padding: 25px 25px 20px 25px;}
.packs .grid .item ul				{ margin: 15px 0 0 0;}
.packs .grid .item .link			{ padding: 0 25px; background-position: right 25px center;}
}


/***** margin bloc grid *****/
.bloc_grid .titre_cap 				{ margin-bottom: 5px;}


/***** voucher *****/
.voucher  							{ grid-gap: 0; margin: 140px auto;}
.voucher .photo  					{ text-align: right; background: #d6dce1; border-radius: 0; box-shadow: none;}
.voucher .photo img					{ max-width: 1125px; max-height: 750px; display: inline-block;}
.voucher .texte 					{ width: 45vw; max-width: 600px; padding-left: 80px;}
.voucher .texte .item				{ margin-top: 20px;}
.voucher .sous_titre  				{ margin-bottom: 0;}
.voucher .sous_titre a				{ display: block; color: #00b9eb; padding: 10px 0;}
.voucher .sous_titre a:after 		{ width: 30px; height: 100%; background: url("../images/arrow_blue.svg") 50% no-repeat; position: absolute; right: 0; top: 0; content: "";}
.voucher p a 						{ border-bottom: 1px solid #ccc; padding-bottom: 2px;}

@media (min-width:1201px) {
.voucher .sous_titre a:hover  		{ color: #111;}
.voucher .sous_titre a:hover:after 	{ right: 20px;}
.voucher p a:hover					{ color: #00b9eb; border-color: #00b9eb;}
}
@media (max-width:1200px) {
.voucher  							{ margin: 100px auto;}
.voucher .photo img					{ min-height: 40vw;}
.voucher .texte 					{ padding-left: 60px;}
.voucher .texte .item				{ margin-top: 15px;}
}
@media (max-width:1000px) {
.voucher  							{ margin: 80px auto; width: 90vw; max-width: 750px;}
.voucher .photo  					{ background: none;}
.voucher .photo img					{ border-radius: 15px;}
.voucher .texte 					{ width: 100%; max-width: none; padding: 50px 0 0 0;}
}
@media (max-width:600px) {
.voucher  							{ margin: 50px auto; width: 85vw;}
.voucher .photo img					{ border-radius: 10px;}
.voucher .texte 					{ padding: 30px 0 0 0;}
.voucher .texte .item				{ margin-top: 10px;}
}


/***** entreprises *****/
.entreprises  						{ background: #e5f8fd; border-radius: 15px; padding: 70px 80px; text-align: center;}
.entreprises .link 					{ margin-top: 25px;}

@media (max-width:1200px) {
.entreprises  						{ padding: 50px 60px;}
}
@media (max-width:1000px) {
.entreprises  						{ padding: 50px 40px;}
}
@media (max-width:600px) {
.entreprises  						{ margin: 0 -7.5vw; padding: 45px 7.5vw 50px 7.5vw; border-radius: 0; text-align: left;}
.entreprises .link 					{ width: 100%; margin-top: 20px; text-align: center;}
}


/***** downloads *****/
.downloads  						{ max-width: 2000px; background: url("../images/airspace_home_banner_dwnld.webp") 50% / cover no-repeat; height: 35vw; max-height: 750px; display: grid; align-items: center; margin: 140px auto; position: relative;}
.downloads:before 					{ width: 50vw; height: 100%; background: #111; position: absolute; left: 100%; top: 0; margin-left: 0; content: ""; transition: none;}
.downloads:after 					{ width: 50vw; height: 100%; background: #111; position: absolute; right: 100%; top: 0; margin-right: 0; content: ""; transition: none;}
.downloads .wrapper 				{ text-align: center; color: #fff;}
.downloads .link 					{ margin-top: 25px; padding-left: 75px; background-image: linear-gradient(to top, #fff 0% 50%, #00b9eb 50% 100%); color: #111;}
.downloads .link:before 			{ width: 30px; height: 100%; background: url("../images/pictures.svg") 50% no-repeat; position: absolute; left: 30px; top: 0; content: ""; transition-duration: 50ms; transition-delay: 200ms;}

@media (min-width:1201px) {
.downloads .link:hover 				{ color: #fff;}
.downloads .link:hover:before 		{ filter: grayscale(1) brightness(100);}
}
@media (max-width:1200px) {
.downloads  						{ height: 40vw; margin: 100px auto;}
}
@media (max-width:1000px) {
.downloads  						{ height: auto; margin: 80px auto;}
.downloads .wrapper 				{ padding: 80px 0;}
}
@media (max-width:600px) {
.downloads  						{ margin: 0 auto 50px auto; background: #111;}
.downloads .wrapper 				{ padding: 45px 0 50px 0; text-align: left; }
.downloads .link 					{ width: 100%; margin-top: 20px; padding: 0; background: url("../images/arrow_blue.svg") right 25px center no-repeat #fff; text-align: center;}
.downloads .link:before 			{ left: 25px;}
}


/***** proflyer *****/
.proflyer.reverse					{ grid-template-columns: 1fr 50%;}
.proflyer.shape_round:before 		{ left: 100%; margin-left: -200px; top: -300px;}
.proflyer .photo  					{ text-align: right; border-radius: 0; box-shadow: none; overflow: visible;}
.proflyer .photo img  				{ display: inline-block; border-radius: 15px;}
.proflyer .photo img:first-child 	{ max-width: 45%; position: absolute; left: 0; top: 0; z-index: 15;}
.proflyer .photo img:last-child 	{ max-width: 65%; margin-top: 60px;}
.proflyer .links 					{ display: grid; grid-template-columns: 165px 165px 1fr; grid-gap: 10px;}
.proflyer .links a 					{ display: block; text-align: center; padding: 0; margin-top: 10px;}
.proflyer li a 						{ border-bottom: 1px solid #ccc; padding-bottom: 2px;}

@media (min-width:1201px) {
.proflyer li a:hover				{ color: #00b9eb; border-color: #00b9eb;}
}
@media (max-width:1000px) {
.proflyer.reverse					{ grid-template-columns: 1fr; margin: 80px auto;}
.proflyer .photo  					{ max-width: 500px; margin: 0 auto;}
}
@media (max-width:600px) {
.proflyer.reverse 					{ margin-bottom: 10px;}
.proflyer .photo img  				{ border-radius: 10px;}
.proflyer .photo img:last-child 	{ margin-top: 40px;}
.proflyer .texte p:last-of-type 	{ display: none;}
.proflyer .links 					{ grid-template-columns: 1fr; grid-gap: 10px; margin-top: 30px;}
.proflyer .links a 					{ margin-top: 0;}
}


/***** about *****/
.about.shape_round:before 			{ bottom: -450px;}
.about .photo  						{ text-align: right;}
.about .photo span					{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 20; color: #fff; text-align: center; font-size: 16px; line-height: 28px; padding: 100px 0 30px 0; background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);}
.about .titre_main					{ max-width: 450px;}
.about p a 							{ border-bottom: 1px solid #ccc; padding-bottom: 2px;}

@media (min-width:1201px) {
.about p a:hover					{ color: #00b9eb; border-color: #00b9eb;}
}
@media (max-width:1000px) {
.about 								{ margin-top: 80px;}
.about .photo  						{ max-width: 500px; margin: 0 auto;}
.about .titre_main					{ max-width: none;}
}
@media (max-width:600px) {
.about .photo span					{ font-size: 13px; line-height: 25px; padding: 80px 0 20px 0;}
.about .link						{ width: 100%; text-align: center;}
}


/***** avis *****/
.avis                               { margin: 120px 0 40px 0; position: relative;}
.avis .slider                  		{ margin: 30px -20px 0 -20px; padding-bottom: 60px; position: relative;}
.avis .slider .item 				{ margin: 0 20px 60px 20px; background: #fff; padding: 50px; border-radius: 15px; box-shadow: 0 30px 30px 0 rgb(0 185 235 / 10%);}
.avis .slider .item p 				{ margin-bottom: 10px;}
.avis .nav_slider                   { position: absolute; top: 10px; right: -15px;}

@media (max-width:1200px) {
.avis                               { margin: 100px 0 0 0;}
.avis .slider .item 				{ padding: 40px;}
}
@media (max-width:1000px) {
.avis                               { margin: 80px -5vw -90px -5vw; padding: 70px 5vw 90px 5vw;}
.avis:before                        { width: 100vw; height: 100%; background: #e5f8fd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: "";}
.avis .slider                  		{ margin: 30px -5vw 0 -5vw; padding-bottom: 70px;}
.avis .slider .item 				{ margin: 0 5vw; box-shadow: none;}
.avis .nav_slider                   { top: 5vw; right: 5vw; margin: 25px -15px 0 0;}
}
@media (max-width:600px) {
.avis                               { margin: 50px -7.5vw -130px -7.5vw; padding: 50px 7.5vw 130px 7.5vw;}
.avis .slider                  		{ margin: 25px -7.5vw 0 -7.5vw; padding-bottom: 50px;}
.avis .slider .item 				{ padding: 25px; border-radius: 10px; margin: 0 7.5vw;}
.avis .nav_slider                   { top: 7.5vw; right: 7.5vw; margin: 10px -12px 0 0;}
}