/* Box */
	
	.box{
		display: block;
		position: relative;
		border-radius: var(--radius);
		overflow: hidden;
	}
	.box-square{
		padding-bottom: 100%;
	}
	.box__bg,
	.box__shade,
	.box__content{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		word-wrap: break-word;
	}
	.box__bg picture{
		height: 100%;
		overflow: hidden;
	}
	.box__bg img{
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
		transition: var(--transition);
	}
	.box:not(.no-zoom):hover .box__bg img{
		transform: var(--zoom);
	}
	.box__shade{
		background: transparent linear-gradient(180deg, #18181C00 0%, #18181C 100%) 0% 0% no-repeat padding-box;
		opacity: 0.8;
	}
	.box__shade--lr{
		background: transparent linear-gradient(270deg, #18181C00 0%, #18181C 100%) 0% 0% no-repeat padding-box;
	}
	.box__content{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 30px;
	}
	.box__main-link{
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		cursor: pointer;
	}	
	.box__secondary-links--wrap{
		position: absolute;
		bottom: 30px;
		left: 30px;
		display: flex;
		column-gap: 24px;
		flex-wrap: wrap;
	}
	.box__secondary-links--wrap a{
		display: inline-block;
		white-space: nowrap;
	}


/* Box Highlight */
	
	.box-highlight{
		Xmin-height: 330px;
	}
	.box-highlight .box__content{
		justify-content: space-between;
		max-width: 740px;
	}
	.box-highlight .btn{
		z-index: 1;
		position: relative;
		width: max-content;
		margin-top: 30px;
	}
		.box-highlight .box__content{
			position: relative;
			height: auto;
		}
	@media screen and (min-width: 1025px) {
		.box-highlight{
			Xmin-height: 450px;
		}
		.box-highlight .box__content{
			padding: 60px;
		}
		.box-highlight .btn{
			margin-top: 30px;
		}
	}
	@media screen and (min-width: 1600px) {
		.box-highlight{
			Xmin-height: 500px;
		}
	}

/* Box Nav Item */
	
	.box-nav-item .box_number{
		display: block;
	}
	.box-nav-item{
		cursor: pointer;
	}
	@media screen and (max-width: 1025px) {
		.box-nav-item{
			position: static;
			display: flex;
			align-items: center;
			height: 50px;
			padding: 0;
			border-bottom: 1px solid var(--grey39);
			border-radius: 0;
		}

		.col:last-of-type .box-nav-item{
			border-bottom: none;
		}
		.box-nav-item .box__bg,
		.box-nav-item .box__shade{
			display: none;
		}
		.box-nav-item .box__content{
			position: static;
			height: auto;
			padding: 0;
		}
		.box-nav-item h4{
			font-size: 1.6rem;
			line-height: 3rem;
			margin-bottom: 0;
		}
	}
	@media screen and (min-width: 1025px) and (max-width: 1475px){
		.box-nav-item.box-square{
			padding-bottom: 280px;
		}
		.box-nav-item .box_number{
			font-size: 1.8rem;
			line-height: 3rem;
		}
		.box-nav-item h4{
			font-size: 2.4rem;
			line-height: 3.4rem;
		}

	}
	@media screen and (min-width: 1476px){
		.box-nav-item.box-square{
			padding-bottom: 300px;
		}
	}

/* Box Nav Item Thumbnail*/


	@media screen and (max-width: 1024px) {
		.box-nav-item-thumbnail{
			position: static;
			display: flex;
			align-items: center;
			padding: 10px 0;
			border-bottom: none;
			border-radius: 0;
			margin-left: var(--column-gap);
		}
		.col:first-of-type .box-nav-item-thumbnail{
			margin-top: 10px;
		}
		.col:last-of-type .box-nav-item-thumbnail:last-of-type{
			margin-bottom: 10px;
		}
		.col:last-of-type .box-nav-item-thumbnail{
			border-bottom: none;
		}
		.box-nav-item-thumbnail .box__shade{
			display: none;
		}
		.box-nav-item-thumbnail .box__bg{
			position: static;
			width: auto;
		}
		.box-nav-item-thumbnail .box__bg picture{
			position: static;
			height: 50px;
			width: 50px;
			border-radius: var(--radius);
			margin-right: 20px;
			overflow: hidden;
		}
		.box-nav-item-thumbnail .box__bg img{
			object-position: 90% center;
		}
		.box-nav-item-thumbnail .box__content{
			position: static;
			padding: 0;
			height: auto;
			padding: 10px 0;
		}
		.box-nav-item-thumbnail h4{
			font-size: 1.6rem;
			line-height: 3rem;
			margin-bottom: 0;
		}
		.box-nav-item-thumbnail .box__tagline{
			display: none;
		}
	}


/* Box Text */
	
	.box-text p{
		margin-top: 1.6rem; 
		width: 100%;
	}
	.box-text p a:not(.link-arrow):not(.btn){
		color: var(--yellow);
	}
	.box-text p a:not(.link-arrow):not(.btn):hover{
		text-decoration: underline;
	}
	.box-text img{
		max-width: 100%;
		height: auto;
	}
	.box-text p:first-child{
		margin-top: 0; 
	}
	.box-text.tac,
	.box-text.centered{
		text-align: center;
		margin-bottom: 30px;
		max-width: 90%;
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 0 auto;
	}
	.box-text h3{
		margin-bottom: 2rem;
		max-width: 90%; 
	}
	.box-text h3.h3-icon{
		padding-top: 62px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 38px;
	}
	.box-text h3.h3-icon.h3-icon--hq 			{background-image: url(../img/items/icons/resseller_mobile.svg);}
	.box-text h3.h3-icon.h3-icon--phone 	{background-image: url(../img/items/icons/contact_mobile.svg); padding-top: 48px; margin-top: 20px;}

	.box-text ul{
		margin-top: 10px;
	}
	.box-text li{
		position: relative;
		list-style: none;
		padding-left: 16px;
		line-height: 2.6rem;
	}
	.box-text li:not(:first-of-type){
		margin-top: 10px;
	}
	.box-text li::before{
		content: '';
		position: absolute;
		top: 11px;
		left: 0;
		display: block;
		height: 6px;
		width: 6px;
		border-radius: 100%;
		background-color: var(--yellow);
	}
	.box-text .btn{
		margin-top: 30px;
	}
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		.col-sm-6 .box-text{
			padding-left: var(--col-padding);
		}
	}
	@media screen and (min-width: 1025px) {
		.box-text p{
			margin-top: 2rem; 
		}
		.box-text.tac,
		.box-text.centered{
			margin-bottom: 50px;
			max-width: 800px;
		}
		.box-text.small{
			max-width: 690px;
			margin: 0 auto;
		}
		.box-text ul{
			margin-top: 10px;
		}
		.box-text li{
			Xline-height: 3.2rem;
		}
		.box-text li:not(:first-of-type){
			margin-top: 10px;
		}
		.box-text .btn{
			margin-top: 40px;
			white-space: nowrap;
		}
		.box-text .box-btn{
			display: flex;
			column-gap: 20px;
		}
		.box-text h3{
			margin-bottom: 3rem;
		}
		.box-text h3.h3-icon{
			padding-top: 0 !important	;
			background-size: auto 75px;
			margin-bottom: 0;
			padding-bottom: 3.5rem;	
		}
		.box-text h3.h3-icon,
		.box-text h3.h3-icon + p{
			padding-left: 115px
		}
		.box-text h3.h3-icon + p{
			margin-top: -8px;
		}
		.box-text h3.h3-icon.h3-icon--hq 			{background-image: url(../img/items/icons/resseller_desktop.svg);}
		.box-text h3.h3-icon.h3-icon--phone 	{background-image: url(../img/items/icons/contact_desktop.svg); margin-top: 0;}
		.box-text h4{
			line-height: 5rem;
		}
	}

/* Box Slider */
	
	.box-slider.centered{
		display: flex;
		justify-content: center;
	}
	.box-slider picture{
		max-width: unset;
	}
	.box-slider.box-slider-tabs.owl-carousel .owl-dot,
	.box-slider.box-slider-tabs-full.owl-carousel .owl-dot{
		padding: 10px 5px !important;
		border-bottom: 2px solid var(--grey9);
		width: auto;
		margin-top: 10px;
		color: var(--grey9);
	}
	.box-slider.box-slider-tabs.owl-carousel .owl-dot.active,
	.box-slider.box-slider-tabs-full.owl-carousel .owl-dot.active{
		border-color: var(--yellow);
		color: var(--text-color);
	}
	.box-slider.box-slider-tabs.owl-carousel .owl-dot::before,
	.box-slider.box-slider-tabs-full.owl-carousel .owl-dot::before,
	.box-dots-tabs.owl-dots .owl-dot::before{
		display: none !important;
	}
	.box-slider-static .owl-item{
		opacity: 0.7;
		transition: opacity 0.2s linear;
	}
	.box-slider-static .owl-item.active{
		opacity: 1;
	}
	@media screen and (min-width: 1024px) {
		.box-dots-tabs.owl-tabs.owl-dots{
			display: block;
			margin-top: 30px;
		}
		.box-dots-tabs.owl-tabs.owl-dots .owl-dot{
			display: block;
			width: auto;
			height: 60px;
			line-height: 60px;
			padding-left: 20px;
			margin-bottom: 4px;
			border-left: 3px solid var(--grey9);
			color: var(--grey9);
			border-bottom: none;
			cursor: pointer;
			text-align: left;
			padding-top: 0 !important;
		}
		.box-dots-tabs.owl-tabs.owl-dots .owl-dot.active{
			border-color: var(--yellow);
			color: #fff;
		}
		#dots-tabs-container .owl-dot,
		.dots-tabs-container .owl-dot{
			margin: 0 4px;
			border-bottom: 3px solid var(--grey9);
			color: var(--grey9);
		}
		#dots-tabs-container .owl-dot.active,
		.dots-tabs-container .owl-dot.active{
			border-color: var(--yellow);
			color: var(--text-color);
		}

		.box-slider.slider-bundles .owl-stage{
			margin-left: 20px;
		}
	}

/* Box slider customer */

	@media screen and (min-width: 1025px) {
		.box-slider-customer > .owl-stage-outer{
			display: flex;
			Xjustify-content: center;
		}
		.box-slider-customer .owl-stage{
			display: flex;
			column-gap: 20px;
		}
	}
	

/* Box Customer */

	.box-customer{
		padding-bottom: 100%;
	}
	.single-post--event .box-customer{
		cursor:  default;
	}
	.single-post--event .box-customer .box__bg img,
	.single-post--event .box-customer:hover .box__bg img{
		transition: none !important;
		transform: none !important;
	}
	.single-post--event .box-customer .link-arrow{
		display: none;
	}
	.single-post--event .box-customer h4{
		max-width: 80%;
		font-weight: bold;
		font-size: 3rem;
		line-height: 3.5rem;
	}
	.single-post--event .box-customer h4::after{
		content: '';
		display: block;
		height: 4px;
		width: 50px;
		background-color: var(--yellow);
		margin-top: 10px;
	}
	@media screen and (min-width: 1024px) {
		.box-customer{
			padding-bottom: 137%;
		}
		.single-post--event .box-customer{
			padding-bottom: 100%;
		}
	}

/* Box Tile */

	.box-tile{
		display: block;
		position: relative;
		padding-bottom: 100%;
		border-radius: var(--radius);
		overflow: hidden;
	}
	.box-tile .link-arrow{
		white-space: collapse;
	}
	/*.box-tile__bg,
	.box-tile__shade,
	.box-tile__content{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.box-tile__shade{
		background: transparent linear-gradient(180deg, #18181C00 0%, #18181C 100%) 0% 0% no-repeat padding-box;
		opacity: 0.8;
	}
	.box-tile__bg picture{
		height: 100%;
		overflow: hidden;
	}
	.box-tile__bg img{
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
		transition: var(--transition);
	}
	.box-tile:hover .box-tile__bg img{
		transform: var(--zoom);
	}
	.box-tile__content{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 30px;
	}*/
	@media screen and (min-width: 1201px) {
		.box-tile__content{
			padding: 40px;
		}
	}

/* Box Product */

	.box-product{
		display: block;
		position: relative;
		padding-bottom: 100%;
		min-height: 400px;
		border-radius: var(--radius);
		overflow: hidden;
	}
	.box-product__bg,
	.box-product__content{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.box-product__content{
		background-repeat: repeat-x, no-repeat;
		background-position: center bottom, center;
		background-image: url(../img/bg/gradient.png);
		background-size: 1px 70%;
	}
	.box-product__bg picture{
		height: 100%;
	}
	.box-product__bg img{
		object-fit: cover;
		object-position: right;
		width: 100%;
		height: 100%;
		transition: var(--transition);
	}
	.box-product.box-partner .box-product__bg img{
		object-position: center -60px;
	}
	.box-product.box-partner .box-product__bg{
		background-color: var(--grey18);
	}
	.box-product__content{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 30px;
		Xpadding-bottom: 80px;
	}
	.box-product__content .link-arrow{
		Xmargin-top: 20px;
	}
	.box-product.box-product--new::before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 20px;
		height: 70px;
		width: 73px;
		background-image: url(../img/items/new_ribbon.svg);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: auto 70px;
		z-index: 1;
	}
	.box-product__secondary-links--wrap{
		position: static;
		margin-top: 20px;
	}
	@media screen and (min-width: 1025px) {
		.box-product{
			padding-bottom: 60%;
			max-height: auto;
		}
		.box-product:hover .box-product__bg img{
			transform: var(--zoom);
		}
		.box-product.box-product--new::before{
			left: 60px;
		}
		.box-product.box-partner .box-product__bg img{
			object-position: center -120px;
		}
	}
	@media screen and (min-width: 1200px) {
		.box-slider-products .box-product{
			width: 1160px !important; 
		}
	}


/* Box Contact  */

	.box-contact{
		height: 100%;
		padding: 40px;
		padding-top: 150px;
		background-color: var(--grey28);
		background-position: 40px 40px;
/* 		background-size: auto 30px; */
		background-size: auto 75px;
		background-repeat: no-repeat;
	}
	.box-contact.meet 		{background-image: url(../img/items/icons/resseller_mobile.svg);}
	.box-contact.call 		{background-image: url(../img/items/icons/demo_mobile.svg);}
	.box-contact.support 	{background-image: url(../img/items/icons/contact_mobile.svg);}

	@media screen and (min-width: 1025px) {

		.box-contact{
			background-size: auto 75px;
		}

		.box-contact.meet 	{background-image: url(../img/items/icons/resseller_desktop.svg);}
		.box-contact.call 	{background-image: url(../img/items/icons/demo_desktop.svg);}
		.box-contact.support 	{background-image: url(../img/items/icons/contact_desktop.svg);}
	}

	
/* Box Accessory */

	.box-accessory{
		display: block;
		position: relative;
		min-height: 400px;
		padding-bottom: 100%;
		background-color: var(--grey1e);
	}
	.box-accessory__bg,
	.box-accessory__content{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.box-accessory__bg picture{
		height: 100%;
	}
	.box-accessory__bg img{
		object-fit: contain;
		object-position: center top;
		width: 100%;
		height: 100%;
		transition: var(--transition);
	}
	.box-accessory__content{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 30px;
	}
	@media screen and (min-width: 1024px) {
		.box-accessory{
			padding-bottom: 140%;
		}
	}

/* Box News */

	.box-news{
		display: block;
		position: relative;
		Xpadding-bottom: 100%;
		min-height: 400px;
		border-radius: var(--radius);
		overflow: hidden;
	}
	.box-news::before{
		display: none !important;
	}
	.box-news__bg{
		height: 220px;		
	}
	.box-news__bg picture{
		height: 100%;
		overflow: hidden;
	}
	.box-news__bg img{
		object-fit: cover;
		object-position: center; 
		width: 100%;
		height: 100%;
		transition: var(--transition);
	}
	.box-news:hover .box-news__bg img{
		transform: var(--zoom);
	}
	.box-news__content{
		display: flex;
		height: 255px;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px;
		background-color: var(--grey39);
	}
	.box-news__content h5,
	.box-news__content .h5{
		max-height: 63px;
		overflow: hidden;
	}
	.box-news__content p{
		color: var(--grey9);
		font-size: 1.2rem;
		line-height: 2rem;
		max-height: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	          line-clamp: 3; 
	  -webkit-box-orient: vertical;
	}
	.box-news__date{
		font-size: 1.2rem;
		line-height: 2.4rem;
		color: var(--yellow);
	}
	.box-news__content .link-arrow{
		margin-top: 20px;
	}
	@media screen and (min-width: 1024px) {
		.box-news__bg{
			height: 260px;		
		}
		.box-news__content{
			display: flex;
			height: 280px;
		}
		.box-news__content p{
			font-size: 1.6rem;
			line-height: 2.4rem;
			max-height: 78px;
			overflow: hidden;
		}
		.box-news__content p:empty{
			display: none;
		}
	}



/* BOX POST */

	.box-post{
		display: block;
		position: relative;
		border-radius: var(--radius);
		overflow: hidden;
		cursor: pointer;
	}
	.box-post__date{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.box-post__content h5,
	.box-post__content .h5{
		max-height: 63px;
		overflow: hidden;
		margin-top: 10px;
	}
	.box-post__content p{
		color: var(--grey9);
		font-size: 1.2rem;
		line-height: 2rem;
		max-height: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	          line-clamp: 3; 
	  -webkit-box-orient: vertical;
	}
	.box-post__content p:empty{
		display: none;
	}
	.box-post__content .link-arrow{
		margin-top: 20px;
	}
	@media screen and (min-width: 1025px) {
		.box-post{
			min-height: 540px;
		}
	}

/* BOX CATEGORIES */

	.box-accessory:not(.cat-null)::before,
	.box-post:not(.cat-null)::before,
	.article__cat-dot{
		z-index: 1;
		content: attr(data-cat);
		position: absolute;
		top: 30px;
		left: 30px;
		padding: 10px 20px;
		font-size: 1rem;
		line-height: 1rem;
		font-weight: bold;
		color: var(--grey1);
		border-radius: 20px;
		text-transform: uppercase;
		background-color: grey;
	}
	.box-post.cat-article::before 																		{background-color: var(--blue);}
	.box-post.cat-video::before 																			{background-color: var(--purple); color: #fff}
	.box-post.cat-webinar::before, 
	.single-post--webinar .article__cat-dot 													{background-color: var(--yellow);}
	.box-post.cat-success-story::before 															{background-color: white;}

	.box-accessory.cat-hardware::before 															{background-color: var(--yellow);}
	.box-accessory.cat-software::before 															{background-color: var(--blue);}

	.box-accessory.cat-service::before,
	.cat-demoday .single-post--event:not(.single-post--webinar) .article__cat-dot	
																																		{background-color: var(--green);}

	.cat-tradeshow .single-post--event:not(.single-post--webinar) .article__cat-dot,
	.article__cat-dot.red,
	.box-event.cat-tradeshow::before																	{background-color: var(--red); color: #fff}
	.box-event.cat-demoday::before																		{background-color: var(--green);}

	.cat-convention .single-post--event:not(.single-post--webinar) .article__cat-dot,
	.box-event.cat-convention::before,
	.article__cat-dot.convention 																			{background-color: #fff; color: var(--grey18)}

	.article__cat-dot{
		position: static;
		display: block;
		width: max-content;
		margin-bottom: 10px;
	}

/* BOX VIDEO */

	.box-video{
		height: 540px;
	} 
	.box-video__bg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.box-video__bg picture{
		height: 100%;
		width: 100%;
	}
	.box-video__bg picture img{
		object-fit: cover;
		object-position: center;
		height: 100%;
		width: 100%;
		transition: var(--transition);
	}
	.box-video:hover .box-video__bg picture img{
		transform: var(--zoom);
	}
	.box-video__content{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;
		width: 100%;
		padding: 30px;
		background-repeat: repeat-x, no-repeat;
		background-position: center bottom, center;
		background-image: url(../img/bg/gradient.png), url(../img/items/play.svg);
		background-size: 1px 250px, 80px auto;
	}

/* BOX EXPERIENCE */

	.box-experience__bg{
		height: 220px;		
	}
	.box-experience__bg picture{
		height: 100%;
		overflow: hidden;
	}
	.box-experience__bg img{
		object-fit: cover;
		object-position: center; 
		width: 100%;
		height: 100%;
		transition: var(--transition);
	}
	.box-experience:hover .box-experience__bg img{
		transform: var(--zoom);
	}
	.box-experience__content{
		display: flex;
		height: 255px;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px;
		background-color: var(--grey39);
	}

	@media screen and (min-width: 1025px) {
		.box-experience__bg{
			height: 260px;		
		}
		.box-experience__content{
			display: flex;
			height: 280px;
		}
		.box-experience__content p{
			font-size: 1.6rem;
			line-height: 2.4rem;
			max-height: 78px;
			overflow: hidden;
		}
	}


/* BOX EVENT */

	.box-event__bg{
		height: 220px;		
	}
	.box-event__bg picture{
		height: 100%;
		overflow: hidden;
	}
	.box-event__bg img{
		object-fit: cover;
		object-position: center; 
		width: 100%;
		height: 100%;
		transition: var(--transition);
	}
	.box-event:hover .box-event__bg img{
		transform: var(--zoom);
	}
	.box-event__content{
		display: flex;
		height: 255px;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px;
		background-color: var(--grey39);
	}
	.box-event__details{
		display: flex;
		flex-wrap: wrap;
		row-gap:  15px;
		column-gap: 25px;
		margin-top: 20px;
	}
	.box-event__details span{
		font-size: 1.4rem;
		padding-left: 28px;
		background-repeat: no-repeat;
		background-position: left top 2px;
		background-size: 16px;
		line-height: 1.8rem;
	}
	
	.box-event__details span.box-event__date 			{background-image: url(../img/items/icons/tile_calendar.svg);}
	.box-event__details span.box-event__schedule	{background-image: url(../img/items/icons/tile_duration.svg);}
	.box-event__details span.box-event__duration	{background-image: url(../img/items/icons/tile_duration.svg);}

	.box-event__details span.box-event__date 			{background-image: url(../img/items/icons/tile_calendar.svg);}
	.box-event__details span.box-event__schedule	{background-image: url(../img/items/icons/tile_duration.svg);}
	.box-event__details span.box-event__duration	{background-image: url(../img/items/icons/tile_duration.svg);}
	.box-event__details span.box-event__host			{background-image: url(../img/items/icons/tile_host.svg);}
	.box-event__details span.box-event__location	{background-image: url(../img/items/icons/tile_location.svg);}
	.box-event__details span.box-event__speed			{background-image: url(../img/items/icons/tile_speed.svg);}
	.box-event__details span.box-event__altitude	{background-image: url(../img/items/icons/tile_altitude.svg);}

	.box-event__details span.box-event__platform--Drone		{background-image: url(../img/items/icons/tile_integration_drone.svg);}
	.box-event__details span.box-event__platform--Light		{background-image: url(../img/items/icons/tile_integration_manned_aircraft.svg);}
	.box-event__details span.box-event__platform--Vehicle	{background-image: url(../img/items/icons/tile_integration_vehicle.svg);}
	
	.box-event__speakers{
		display: flex;
		column-gap: 18px;
	}

	.box-event__speakers{
		display: flex;
		column-gap: 18px;
	}
	.box-event__speakers img{
		height: 50px;
		width: auto !important;
		margin-top: 20px;
		border-radius: 5px;
	}

	.box-event__content .link-arrow{
		margin-top: 20px;
	}
	

	@media screen and (min-width: 1024px) {
		.box-event__bg{
			height: 260px;		
		}
		.box-event__content{
			display: flex;
			height: 280px;
		}
		.box-event__content p{
			font-size: 1.6rem;
			line-height: 2.4rem;
			max-height: 78px;
			overflow: hidden;
		}
	}


/* BOX SLIDER COMPARISON */

	.box-slider-comparison{
		border-radius: var(--radius);
		overflow: hidden;
		margin: 0 auto;
	}
	.box-slider-comparison .cndkbeforeafter-seperator > div > span::after,
	.box-slider-comparison .cndkbeforeafter-seperator > div > span::before{
		border-color: #000;
		margin-top: -7px;
	}
	.box-slider-comparison .cndkbeforeafter-seperator > div > span::before{
		border-width: 3px 0 0 3px;
	}
	.box-slider-comparison .cndkbeforeafter-seperator > div > span::after{
		border-width: 0 3px 3px 0;
	}

/* BOX CTA SECTION */

	.box-cta-section *{
		text-align: center;
	}
	.box-cta-section__btn-wrapper{
		display: flex;
		flex-direction: column;
		row-gap: 20px;
		margin-top: 30px;
		align-items: center;
	}
	.box-cta-section__btn-wrapper .btn{
		width: max-content;
		max-width: 100%;
	}
	@media screen and (min-width: 768px) {
		.box-cta-section{
			max-width: 780px;
			margin: 0 auto;
		}
		.box-cta-section p{
			max-width: 500px;
			margin: 0 auto;
		}
		.box-cta-section__btn-wrapper{
			flex-direction: row;
			justify-content: center;
			column-gap: 30px;
			margin-top: 50px;
		}
	}

/* BOX CTA */

	.box-cta{
		display: flex;
		width: 100%;
		max-width: 780px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		border-radius: var(--radius);
		background-color: var(--yellow);
		padding: 30px;
		margin: 0 auto;
	}
	.box-cta h4{
		color: var(--grey1);
		margin-bottom: 30px;
		text-align: center;
	}
	.box-cta p{
		margin-top: 15px;
		color: var(--grey1);
	}
	.box-cta{
		margin-top: 0;
	}
	.box-cta--image > div{
		order: 1;
	}
	.box-cta--image figure{
		order: 2;
	}
	.box-cta--image .btn{
		order: 3;
	}
	.box-cta .btn{
		margin-top: 15px;
	}
	@media screen and (min-width: 768px) {
		.box-cta{
			flex-direction: row;
			padding: 50px;
			row-gap: 50px;
		}
		.box-cta h4{
			margin-bottom: 0;
			text-align: left;
		}
		.box-cta--image > div{
			width: 55%;
		}
		.box-cta--image{
			flex-direction: column;
			align-items: flex-start;
			min-height: 280px;
			height: 100%;
			position: relative;
			justify-content: center;
			row-gap: 30px;
		}
		.box-cta--image figure{
			position: absolute;
			right: 0;
			top: 0px;
			order: 4;
			min-height: 280px;
			height: 100%;
			width: 40%;
		}
		.box-cta .btn{
			margin-top: 0;
		}
	}
	
/* BOX CTA FOOTER */

	.box-cta-footer{
		display: flex;
		width: 100%;
		max-width: 780px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		border-radius: var(--radius);
		background-color: var(--yellow);
		padding: 30px;
		margin: 0 auto;
	}
	.box-cta-footer p{
		margin-top: 15px;
		color: var(--grey1);
	}
	.box-cta-footer .h4{
		color: var(--grey1);
		margin-bottom: 30px;
		margin-top: 0;
		text-align: center;
	}
	.box-cta-footer{
		margin-top: 0;
	}
	@media screen and (min-width: 768px) {
		.box-cta-footer{
			flex-direction: row;
			padding: 50px;
			row-gap: 50px;
		}
		.box-cta-footer .h4{
			margin-bottom: 0;
			text-align: left;
		}
	}
	@media screen and (min-width: 1025px) {
		.box-cta-footer{
			column-gap: 40px;
		}
	}

/* BOX SECTION EXPERIENCE */

	.box-section-experience h3{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.box-section-experience a{
		margin-top: 20px;
	}
	.box-section-experience{
		padding: 30px;
		padding-top: calc( 30px + 60px );
		background-color: var(--grey28);
		border-radius: var(--radius);
		background-position: 30px 30px;
		background-size: auto 60px;
		background-repeat: no-repeat;
	}
	.box-section-experience--events			{background-image: url(../img/items/icons/event_mobile.svg);}
	.box-section-experience--demos			{background-image: url(../img/items/icons/demo_mobile.svg);}
	.box-section-experience--ressellers	{background-image: url(../img/items/icons/resseller_mobile.svg);}

	@media screen and (min-width: 1025px) {
		.box-section-experience{
			padding: 40px;
			padding-top: calc( 40px + 85px );
			background-size: auto 85px;
			background-position: 40px 40px;
		}
		.box-section-experience--events			{background-image: url(../img/items/icons/event_desktop.svg);}
		.box-section-experience--demos			{background-image: url(../img/items/icons/demo_desktop.svg);}
		.box-section-experience--ressellers	{background-image: url(../img/items/icons/resseller_desktop.svg);}
	}

/* BOX TESTIMONIALS */
	
	.box-testimonials{
		display: flex;
		flex-direction: column;
	}
	.box-testimonials__text{
		font-style: italic;
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 40px;
	}
	.box-testimonials__details{
		display: flex;
		justify-content: center;
	}
	.box-testimonials__details-text{
		position: relative;
		display: flex;
		width: 160px;
		flex-direction: column;
	}
	.box-testimonials__details-text p{
		margin-bottom: 20px;
		font-style: italic;
		color: #ccc;
	}
	.box-testimonials__details-text p strong{
		color: #fff;
	}
	.box-testimonials__name{
		font-size: 2rem;
		line-height: 2rem;
		margin-top: 20px;
		margin-bottom: 20px;
		font-weight: bold;
		color: var(--yellow);
	}
	.box-testimonials__image{
		position: absolute;
		left: -80px;
		top: 0;
		display: block;
		height: 60px;
		width: 60px;
		border-radius: 100%;
		overflow: hidden;
	}
	.box-testimonials__image img{
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	@media screen and (min-width: 1025px) {
		.box-testimonials{
			display: flex;
			flex-direction: row-reverse;
		}
		.box-testimonials__text{
			font-size: 3rem;
			line-height: 4.6rem;
			margin-bottom: 0;
			xmargin-top: 17.5rem;
		}
		.box-testimonials__image{
			position: static;
			left: auto;
			top: auto;
			height: 150px;
			width: 150px;
			margin-bottom: 20px;
		}
	}

/* BOX ICON */

	.box-icon{
		width: 50px;
		height: 50px;
		background-position: center;
		background-size: auto 100%;
		margin-bottom: 30px;
	}
	.box-icon.box-icon-demo 						{background-image: url(../img/items/icons/demo_mobile.svg);}
	.box-icon.box-icon-event 						{background-image: url(../img/items/icons/event_mobile.svg);}
	.box-icon.box-icon-fix_wings_uav 		{background-image: url(../img/items/icons/fix_wings_uav_mobile.svg);}
	.box-icon.box-icon-helicopter_uav 	{background-image: url(../img/items/icons/helicopter_uav_mobile.svg);}
	.box-icon.box-icon-multirotor_uav 	{background-image: url(../img/items/icons/multirotor_uav_mobile.svg);}
	.box-icon.box-icon-resseller 				{background-image: url(../img/items/icons/resseller_mobile.svg);}
	.box-icon.box-icon-experience 			{background-image: url(../img/items/icons/experience_mobile.svg);}
	.box-icon.box-icon-support_desktop 	{background-image: url(../img/items/icons/support_desktop_mobile.svg);}

	@media screen and (min-width: 1025px) {
		.box-icon{
			width: 68px;
			height: 68px;
			margin-bottom: 40px
		}
		.box-icon.box-icon-demo 							{background-image: url(../img/items/icons/demo_desktop.svg);}
		.box-icon.box-icon-event 							{background-image: url(../img/items/icons/event_desktop.svg);}
		.box-icon.box-icon-fix_wings_uav 			{background-image: url(../img/items/icons/fix_wings_uav_desktop.svg);}
		.box-icon.box-icon-helicopter_uav 		{background-image: url(../img/items/icons/helicopter_uav_desktop.svg);}
		.box-icon.box-icon-multirotor_uav 		{background-image: url(../img/items/icons/multirotor_uav_desktop.svg);}
		.box-icon.box-icon-resseller 					{background-image: url(../img/items/icons/resseller_desktop.svg);}
		.box-icon.box-icon-experience 				{background-image: url(../img/items/icons/experience_desktop.svg);}
		.box-icon.box-icon-technical_support 	{background-image: url(../img/items/icons/technical_support_desktop.svg);}
	}


/* BOX ICON ELEMENTOR */
	
	.box-icon-elementor{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 410px;
		padding: 40px;
		padding-top: 150px;
		border-radius: var(--radius);
		background-color: var(--greyf1);
		background-position: 40px 40px;
		background-size: 72px;
		background-repeat: no-repeat;
	}
	.box-icon-elementor *{
		font-family: var(--ff);
	}
	.box-icon-elementor__title{
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 10px;
	}
	.box-icon-elementor__details a{
		color: var(--grey1) !important;
	}
	.box-icon-elementor--date			{background-image: url(../img/items/icons/calendar_grey_desktop.svg);}
	.box-icon-elementor--location	{background-image: url(../img/items/icons/resseller_grey_desktop.svg);background-size: 50px;}
	.box-icon-elementor--contact  {background-image: url(../img/items/icons/contact_grey_desktop.svg);}


	@media screen and (min-width: 1025px) {
		.box-icon-elementor__title{
			font-size: 3rem;
			line-height: 4rem;
		}
	}


/* */

	.box-register-elementor{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--yellow);
		height: 152px;
		width: 100%;
		font-size: 3rem;
		color: var(--grey1) !important;
		border-radius: var(--radius);
		margin-top: -10px;
	}
	.box-register-elementor:hover{
		text-decoration: none !important;
		background-color: var(--yellow-hover);
	}
	@media screen and (min-width: 1025px) {
		.box-register-elementor{
			font-size: 4rem;
		}
	}


/* BOX INTEGRATIONS */

	.box-product-integrations{
		Xborder: 1px solid orange;	 
	}
	.box-product-integrations{
		position: relative;
		width: 100%;
	}
	.box-product-integrations--text.box-text.centered{
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.box-product-integrations--square{
		padding-bottom: 100%;
	}
	.box-product-integrations--horizontal{
		padding-bottom: 70%;
	}
	.box-product-integrations--vertical{
		padding-bottom: 140%;
	}
	.box-product-integrations figure{
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		border-radius: var(--radius);
		overflow: hidden;
	}
	.box-product-integrations__modules{
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin-top: 40px;
	}
	.box-product-integrations__module{
		text-align: left;
		padding-left: 76px;
		line-height: 66px;
		background-position: left center;
		background-size: 46px auto;
		background-repeat: no-repeat;
	}
	.box-product-integrations__module.multirotor 	{background-image: url(../img/items/icons/multirotor_uav_white_mobile.svg);}
	.box-product-integrations__module.helicopter 	{background-image: url(../img/items/icons/helicopter_uav_white_mobile.svg);}
	.box-product-integrations__module.wings 			{background-image: url(../img/items/icons/fix_wings_uav_white_mobile.svg);}
	.box-product-integrations__module.vehicles 		{background-image: url(../img/items/icons/land_vehicles_uav_white_mobile.svg);}
	.box-product-integrations__module.aircraft 		{background-image: url(../img/items/icons/manned_aircraft_uav_white_mobile.svg);}

	@media screen and (min-width: 1025px) {
		.box-product-integrations--vertical{
			padding-bottom: 100%;
		}
		.box-product-integrations--vertical figure{
			width: 70%;
		}
		.box-product-integrations.align-right figure{
			left: auto;
			right: 0;
		}
		.box-product-integrations__modules{
			flex-direction: row;
			width: 100%;
			margin-top: 100px;
		}
		.box-product-integrations__module{
			text-align: center;
			padding: 0;
			width: 33.3333%;
			font-size: 1.8rem;
			line-height: 3rem;
			background-size: 92px auto;
			background-position: center top;
			padding-top: 120px;
		}
		.box-product-integrations__module.multirotor 	{background-image: url(../img/items/icons/multirotor_uav_white_desktop.svg);}
		.box-product-integrations__module.helicopter 	{background-image: url(../img/items/icons/helicopter_uav_white_desktop.svg);}
		.box-product-integrations__module.wings 			{background-image: url(../img/items/icons/fix_wings_uav_white_desktop.svg);}
		.box-product-integrations__module.vehicles		{background-image: url(../img/items/icons/land_vehicles_uav_white_desktop.svg);}
		.box-product-integrations__module.aircraft 		{background-image: url(../img/items/icons/manned_aircraft_uav_white_desktop.svg);}
	}
	@media screen and (min-width: 1360px) {
		.box-product-integrations--text.box-text.centered{
			padding-left: 40px;
			padding-right: 40px;
		}
	}

/* KEY FIGURES */

	.box--key-figure{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.box--key-figure__name{

	}
	.box--key-figure__metric{
		font-size: 5rem;
		color:  var(--yellow);
		text-align: center;
	}
	.section--payloads .box--key-figure__metric{
		font-size: 4rem;
	}
	.box--key-figure__imperial{
		color:  var(--yellow);
		text-align: center;
	}
	.section--payloads .box--key-figure__metric{
		color: var(--text-color);
	}
	@media screen and (min-width: 768px) {
		.section--payloads .box--key-figure__metric{
			font-size: 5rem;
		}
	}


/* BOX DATASET */
	
	.box-dataset .box-experience__content{
		min-height: 315px;
		height: auto;
	}
	.box-dataset h5,
	.box-dataset .h5{
		min-height: 63px;
	}
	.box-dataset .box-event__details{
		column-gap: 0;
	}
	.box-dataset .box-event__details span{
		width: 50%;

	}
	.box-dataset .btn{
		margin-top: 25px;
	}


/* BOX SPEAKER */

	.box-speaker{
		display: flex;
		position: relative;
		width: 360px;
		height: 530px;
		padding: 50px;
		border-radius: var(--radius);
		background-color: #fff;
	}
	.box-speaker--presentation,
	.box-speaker--description{
		display: none;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		height: 100%;
		width: 100%;
	}
	.box-speaker--presentation.active,
	.box-speaker--description.active{
		display: flex;
	}
	.box-speaker--figure{
		text-align: center;
	}
	.box-speaker--figure picture{
		width: 200px;
		height: 200px;
		border-radius: var(--radius);
		overflow: hidden;
	}
	.box-speaker--infos{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		transform: translateY(-18px);
	}
	.box-speaker--infos + span{
		height: 48px;
	}
	.box-speaker--name{
		font-weight: bold;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.box-speaker--function,
	.box-speaker--company{
		text-align: center;
		font-style: italic;
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	.box-speaker .btn{
		font-size: 1.6rem;
		font-weight: 600;
	}
	.box-speaker--description .btn{
		height: 48px;
		width: 48px;
		padding: 0;
		background-position: center;
		background-image: url(../img/items/filter_close.svg);
		background-size: 12px auto;
		background-repeat: no-repeat;
	}
	.box-speaker--presentation .btn--linkedin{
		height: 48px;
		width: 48px;
		background-image: url(../img/items/sprite_social_network.svg);
		transform: translateY(-24px);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: auto 96px;
	}
	.masonry-posts--section .box-speaker{
		width: 100%;
	}


/* BOX JOB */

	.box-job{
		background-color: var(--grey28);
		padding: 30px;
		padding-top: 80px;
		min-height: unset;
	}
	.box-job h4{
		height: 80px;
		max-height: 80px;
		overflow: hidden;
	}
	.box-job .btn{
		margin-top: 30px;
		padding: 12px 55px;
	}


/* BOX INTEGRATION */
	
	.box-integration{
		min-height: unset;
	}

	.box-integration::before{
		display: none;
	}
	.box-integration__bg{
		padding-bottom: 80%;
		position: relative;
		overflow: hidden;
	}
	.box-integration__bg picture{
		position: absolute;
		height: 100%;
		width: 100%;
	}
	.box-integration__bg img{
		object-position: center;
		object-fit: cover;
		height: 100%;
		width: 100%;
		transition: var(--transition);
	}
	.box-integration:hover .box-integration__bg img{
		transform: var(--zoom);
	}
	.box-integration.noPopup{
		cursor: default;
	}
	.box-integration.noPopup:hover .box-integration__bg img{
		transform: none;
	}
	.box-integration__content{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 32px 30px;
		background-color: var(--grey28);
		border-radius: 0 0 var(--radius) var(--radius);
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.box-integration__model,
	.box-integration__product{
		padding-left: 28px;
		background-size: 16px;
		background-repeat: no-repeat;
		background-position: left center;
		white-space: nowrap;
		background-image: url(../img/items/icons/tile_lidar_solution.svg);
		font-size: 1.4rem;
		line-height: 1.4rem;
		padding-top: 1px;
		padding-bottom: 1px;
	}
	.box-integration__model{
		margin-right: 20px;
	}
	.box-integration__model.multirotor 	{background-image: url(../img/items/icons/tile_integration_drone.svg);}
	.box-integration__model.helicopter 	{background-image: url(../img/items/icons/tile_integration_helicopter_drone.svg);}
	.box-integration__model.wing 				{background-image: url(../img/items/icons/tile_integration_fixed_wings.svg);}
	.box-integration__model.land 				{background-image: url(../img/items/icons/tile_integration_vehicle.svg);}
	.box-integration__model.aircraft 		{background-image: url(../img/items/icons/tile_integration_manned_aircraft.svg);}


/* CATEGORIES */

	.box-post.cat-internship::before 	{background-color: var(--green)}
	.box-post.cat-job::before 				{background-color: var(--yellow)}


/* BOX SUPPORT */
	
	.box-support{
		display: block;
		cursor: pointer;
	}
	.box-support__content{
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 20px;
		padding-top: 135px;
		background-color: var(--yellow);
		min-width: 370px;
		background-image: url(../img/items/icons/contact_grey_desktop.svg);
		background-repeat: no-repeat;
		background-position: center 30px;
		background-size: auto 80px;
	}
	.box-support__content span:not(.link-arrow){
		display: block;
		font-size: 2.6rem;
		line-height: 2.6rem;
		margin-bottom: 2.6rem;
	}
	.box-support__content span{
		color: var(--grey18);
	}
	.box-support__content .link-arrow::after{
		background-image: url(../img/items/link_arrow_grey18.svg);
	}


/* BOX TICKET */

	.box-ticket{
		display: flex;
		flex-direction: column;
		row-gap: 30px;
		padding: 30px 20px;
		background-color: var(--greyf1);
		border-radius: var(--radius);
	}
	.box-ticket__price{
		font-size: 3rem;
		line-height: 3rem;
		white-space: nowrap;
		font-weight: bold;
	}
	.box-ticket__content{
		Xdisplay: flex;
	}
	.box-ticket__title{
		margin-bottom: 0 !important;
		font-size: 2rem;
		line-height: 3rem;
		font-weight: bold;
	}
	.box-ticket__availability{
		font-weight: bold;
	}
	.box-ticket__description{
		
	}
	.box-ticket__link .btn{
		white-space: nowrap;
	}


	@media screen and (min-width: 1025px) {
		.box-ticket{
			padding: 36px 50px;
			flex-direction: row;
			align-items: center;
			column-gap: 20px;
		}
		.box-ticket__price{
			font-size: 4rem;
			line-height: 4rem;
			width: 140px;
			min-width: 140px;
		}
		.box-ticket__content{

		}
		.box-ticket__title{
			font-size: 3rem;
			line-height: 4rem;
		}
		.box-ticket__link{
			display: flex;
			justify-content: flex-end;
			width: 180px;
			min-width: 180px;
		}
	}


/* BOX SPONSOR */

	.box-sponsor{
		position: relative;
		Xpadding-bottom: 100%;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		height: fit-content;
		border-radius: var(--radius);
		padding: 40px;
		padding-top: 100px;
		padding-bottom: 20px;
	}
	.box-sponsor__logo{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 180px;
	}
	.box-sponsor picture{
		width: 100%;
		max-width: 310px;
	}
	.box-sponsor::before{
		content: '';  
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -65px;
		width: 130px;
		height: 129px;
		background-image: url(../img/items/ylc_icon_sponsors_medal.png);
		background-repeat: no-repeat;  
	}
	.box-sponsor.gold::before  		{background-position: 0 0;}
	.box-sponsor.silver::before  	{background-position: 0 -130px;}
	.box-sponsor.bronze::before  	{background-position: 0 -260px;}

	.box-sponsor__actions{
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		flex-wrap: wrap;
		column-gap: 10px;
		row-gap: 40px;
	}
	.box-sponsor__website-url{
		width: 50px;
		height: 50px;
		background-image: url(../img/items/ys_icon_globe.svg);
		background-position: center;
		background-repeat: no-repeat;
	}
	.box-sponsor__description-btn .close{
		display: none;
	}
	.box-sponsor__description-btn.active .view{
		display: none;
	}
	.box-sponsor__description-btn.active .close{
		display: inline-block
	}
	.box-sponsor__description{
		flex-direction: column;
		row-gap: 14px;
		width: 100%;
		padding-bottom: 20px;
		display: none;
	}
	.box-sponsor__description-btn.active + .box-sponsor__description{
		display: flex;
	}
	.box-sponsor__description p{
		font-size: 1.6rem !important;
		line-height: 2.4rem !important;
	}


/* BOX BOOKING */

	.box-booking{
		position: relative;
		display: block;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 530px;
	}
	.box-booking__content{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 40px;
	}
	.box-booking__title{
		font-size: 3rem;
		margin-bottom: 1rem;
		color: #fff !important;
	}
	.box-booking__tag{
		padding: 10px 20px;
		font-size: 1rem;
		background-color: var(--red);
		color: #fff;
		width: max-content;
		border-radius: 20px;
	}

/* BOX Link */

	.box-link{
		position: relative;
		display: block;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 200px;
	}
	.box-link.active{
		display: none;
	}
	.box-link__content{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 40px;
	}
	.box-link__title{
		font-size: 3rem;
		margin-bottom: 1rem;
		color: #fff !important;
	}
	@media screen and (min-width: 1025px) {
		.box-link{
			height: 540px;
		}
	}

/* BOX BUNDLE */

	.box-bundle{
		background-color: var(--grey28);
		border-radius: var(--radius);
		padding: 40px 0;
		position: relative;
	}
	.box-bundle__header i{
		display: block;
		font-size: 1.3rem;
		line-height: 2rem;
		margin-top: 15px;
	}
	.box-bundle::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		height: 10px;
		width: 100%;
		border-radius: var(--radius) var(--radius) 0 0;
	}
	.box-bundle--green::before 		{background-color: var(--green);}
	.box-bundle--yellow::before 	{background-color: var(--yellow);}
	.box-bundle--blue::before 		{background-color: var(--blue);}
	.box-bundle--white::before 		{background-color: var(--white);}
	.box-bundle--orange::before 	{background-color: var(--orange);}
	.box-bundle--grey::before 	  {background-color: var(--grey18);}

	.box-bundle .btn{
		width: 100%;
		text-align: center;
		margin-top: 40px;
		white-space: normal;
	}
	.box-bundle .btn:hover{
		color: #fff;
	}
	.box-bundle--yellow.recommended .btn{
		border-color: var(--yellow);
		color: var(--yellow);
	}
	.box-bundle--yellow .btn:hover{
		background-color: var(--yellow);
		color: var(--grey18);
	}
	.box-bundle__features{
		margin-top: 10px;
	}
	.box-bundle__features li{
		display: flex;
		justify-content: space-between;
		position: relative;
		border-bottom: 1px solid var(--grey3);
		align-items: center;
		min-height: 48px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.box-bundle__feature-label{
		opacity: 0.8;
		white-space: nowrap;
	}
	.box-bundle__feature-value{
		text-align: right;
	}
	.box-bundle__header,
	.box-bundle__features li,
	.box-bundle__footer{
		padding-left: 24px;
		padding-right: 24px;
	}
	.box-bundle__features li:first-of-type{
		border-top: 1px solid var(--grey3);
	}
	.box-bundle__new{
		margin-left: 8px;
	}
	
	.box-bundle--blue .box-bundle__features li::before 		{background-position: 0 0;}
	.box-bundle--green .box-bundle__features li::before 	{background-position: -20px 0;}
	.box-bundle--yellow .box-bundle__features li::before 	{background-position: -40px 0;}
	.box-bundle--white .box-bundle__features li::before 	{background-position: -100px 0;}
	.box-bundle--orange .box-bundle__features li::before 	{background-position: -80px 0;}

	.box-bundle__header{
		height: 200px;
	}
	.box-bundle.recommended .box-bundle__header{
		height: 240px;
	}
	.box-bundle__name{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 4rem;
		line-height: 4rem;
		font-weight: 300;
		margin-bottom: 20px;
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.box-bundle__recommended{
		display: flex;
		justify-content: space-between;
		column-gap: 8px;
		align-items: center;
		font-size: 1.6rem;
		padding: 0 20px 0 16px;
		height: 40px;
		color: #fff;
		background-color: var(--grey18);
		border-radius: var(--radius);
	}
	.box-bundle__recommended::before{
		content: '';
		display: block;
		height: 14px;
		width: 14px;
		Xborder-radius: 77%;
		Xborder: 1px solid white;
		background-image: url(../img/items/ys_icon_star.svg);
		background-size: 14px;
	}
	.box-bundle__new{
    display: inline-block;
    border-radius: 5px;
    padding: 1px 7px;
    color: var(--grey18);
    margin-left: 8px;
    font-size: 1.2rem;
    background-color: #fff;
    opacity: 1 !important;
  }
  .box-bundle__features__checked{
  	display: block;
  	height: 20px;
  	width: 20px;
  	background-image: url(../img/items/ys_icon_check_sprite.svg);
  	background-size: auto 20px;
  	background-position: -100px 0;
  }
  .box-bundle--yellow .box-bundle__features__checked{
  	background-position: -40px 0;
  }


  .box-bundle--blue 	.box-bundle__feature-value p {color: var(--blue)}
  .box-bundle--yellow .box-bundle__feature-value p {color: var(--yellow)}
  .box-bundle--green 	.box-bundle__feature-value p {color: var(--green)}
  .box-bundle--orange .box-bundle__feature-value p {color: var(--orange)}

  .box-bundle--blue 	.box-bundle__name {color: var(--blue)}
  .box-bundle--yellow .box-bundle__name {color: var(--yellow)}
  .box-bundle--green 	.box-bundle__name {color: var(--green)}
  .box-bundle--orange .box-bundle__name {color: var(--orange)}


	.box-bundle--yellow .box-bundle__new {background-color: var(--yellow)}
  .box-bundle--green 	.box-bundle__new {background-color: var(--green)}
  .box-bundle--blue  	.box-bundle__new {background-color: var(--blue)}
  .box-bundle--orange	.box-bundle__new {background-color: var(--orange)}



  .box-bundle--yellow .box-bundle__name{color: var(--yellow)}
  .box-bundle--yellow .box-bundle__features li span:last-of-type{color: var(--yellow)}

	@media screen and (min-width: 1025px) {
		.box-bundle{
			margin-top: 40px;
			border: 1px solid transparent;
			border-top: none;
			padding: 40px 0;
		}
		.box-bundle__header{
			margin-bottom: 0;
			padding-left: 40px;
			padding-right: 40px;
		}
		.box-bundle,
		.box-bundle__header{
			transition: all 0.12s linear;
		}
		.box-bundle.recommended{
			margin-top: 0;
		}
		.box-bundle.recommended .btn{
			margin-top: 80px;
		}
		.box-bundle__features li,
		.box-bundle__footer{
			padding-left: 40px;
			padding-right: 40px;
		}		
	}
	@media screen and (min-width: 1600px) {
		.box-bundle__features li::before{
			top: 7px;
		}
		.box-bundle__header{
			height: 260px;
		}
		.box-bundle.recommended .box-bundle__header{
			height: 300px;
		}
	}


/* BOX BTN WRAP */

	.box--btn-wrap{
		display: flex;
		flex-wrap: wrap;
		column-gap: 20px;
		row-gap: 20px;
		margin-top: 30px;
	}
	.box--btn-wrap .btn{
		margin-top: 0;
	}


/* BOX SEARCH */

	.box-search{
		display: flex;
		column-gap: 30px;
		margin-top: 20px;
	}
	.box-search__attachment{
		height: 150px;
		width: 150px;
	}
	.box-search__body{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 150px;
		padding: 5px 0;
	}
	.box_search__date{
		color: var(--grey9);
		font-size: 1.6rem;
		display: block;
		margin-bottom: 2px;
	}
	.box_search__title{
		margin-bottom: 0;
	}


/* TEMP */
	
	figure{
		border-radius: var(--radius);
		overflow: hidden;
	}
	figure picture,
	.box-slider figure picture{
		height: 100%;
		width: 100%;
	}
	figure video{
		display: block;
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
	}

	figure img,
	.box-slider figure img{
		object-fit: cover;
		object-position: center;
		height: 100%;
		width: 100%;
	} 