/*
 ************************************************************
 *
 * SECTIONS
 *
 ************************************************************
 *
 * ----------------------------------------------------------
 *
 * GLOBAL
 *
 * ----------------------------------------------------------
 *
 * - BACKGROUND
 */

#top .header_color,
#top .socket_color
{
	background: linear-gradient(to right, var(--color-cvi-1) 0%, var(--color-cvi-1-light) 60%);
}

/*
 * ----------------------------------------------------------
 *
 * SVG OVERLAY
 *
 * ----------------------------------------------------------
 *
 * - BASE
 */

#top .svg-overlay
{
	position: relative;
}

#top .svg-overlay::before,
#top .svg-overlay::after
{
	content: '';
	position: absolute;
	display: block;
	width: 1200px;
	height: 360px;
	background-image: url('../element/overlay/overlay-white-alpha.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 1279px)
{
	.responsive #top .svg-overlay::before,
	.responsive #top .svg-overlay::after
	{
		width: 800px;
		height: 240px;
	}
}

#top .svg-overlay::before
{
	top: 0;
	left: 0;
	right: auto;
	translate: -40%;
	rotate: 90deg;
}

#top .svg-overlay::after
{
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
	translate: 40%;
}

@media only screen and (max-width: 640px)
{
	.responsive #top .svg-overlay::after
	{
		translate: 66%;
	}
}

/*
 * - OVERLAY-1
 */

#top .svg-overlay-1::before
{
	left: 0;
	right: auto;
	translate: -40%;
	rotate: 90deg;
}

/*
 * - OVERLAY-2
 */

#top .svg-overlay-2::before
{
	left: auto;
	right: 0;
	translate: 40%;
	rotate: -90deg;
}

#top .svg-overlay-2::after
{
	left: 0;
	right: auto;
	translate: -40%;
}

@media only screen and (max-width: 640px)
{
	.responsive #top .svg-overlay-2::after
	{
		translate: -66%;
	}
}

/*
 * ----------------------------------------------------------
 *
 * HEAD
 *
 * ----------------------------------------------------------
 *
 * - MISC
 */

#top .section-head .container
{
	max-width: 100%;
}

#top .section-head .av-special-heading
{
	max-width: 640px;
}

/*
 ************************************************************
 *
 * CONTENT
 *
 ************************************************************
 *
 * ----------------------------------------------------------
 *
 * HERO
 *
 * ----------------------------------------------------------
 *
 * - CELL
 */

#top .content-hero .flex_cell
{
	padding: 50px 30px;
}

@media only screen and (min-width: 768px)
{
	.responsive #top .content-hero .flex_cell
	{
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media only screen and (min-width: 1280px)
{
	.responsive #top .content-hero .flex_cell
	{
		padding-left: 80px;
		padding-right: 80px;
	}
}

/*
 * - CELL > FIRST
 */

#top .content-hero .flex_cell:first-child
{
	mask-image: url('../element/overlay/overlay-mask.svg');
	mask-repeat: no-repeat;
	mask-position: left center;
	mask-size: 100%;
}

@media only screen and (max-width: 989px)
{

	.responsive #top #wrap_all .content-hero .flex_cell:first-child
	{
		mask-size: 90%;
	}
}

@media only screen and (min-width: 990px)
{
	.responsive #top .content-hero .flex_cell:first-child
	{
		width: 540px;
		height: 540px;
	}
}

@media only screen and (min-width: 990px) and (max-width: 1279px)
{
	.responsive #top .content-hero .flex_cell:first-child
	{
		width: 480px;
		height: 480px;
	}
}

/*
 * - CELL > LAST
 */

#top .content-hero .flex_cell:last-child::after
{
	content: '';
	position: absolute;
	display: block;
	background-image: url('../element/overlay/overlay-white-alpha.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

#top .content-hero .flex_cell:last-child::after
{
	width: 1600px;
	height: 480px;
	top: 70px;
	right: 0;
	transform: translateX(600px);
}

@media only screen and (max-width: 989px)
{
	.responsive #top .content-hero .flex_cell:last-child::after
	{
		top: auto;
		bottom: 0;
	}
}

@media only screen and (max-width: 1439px)
{
	.responsive #top .content-hero .flex_cell:last-child::after
	{
		width: 1440px;
		height: 360px;
		top: auto;
		bottom: 0;
	}
}

@media only screen and (min-width: 1920px)
{
	.responsive #top .content-hero .flex_cell:last-child::after
	{
		transform: translateX(40%);
	}
}

@media only screen and (min-width: 990px) and (max-width: 1279px)
{
	.responsive #top #wrap_all .content-hero .av-special-heading-tag
	{
		font-size: 30px;
	}
	.responsive #top #wrap_all .content-hero .av-subheading_below
	{
		font-size: 15px;
	}
}

/*
 * ----------------------------------------------------------
 *
 * EXPERIENCE
 *
 * ----------------------------------------------------------
 *
 * - COLUMNS
 */

@media only screen and (max-width: 989px)
{
	.responsive #top #wrap_all .content-experience .flex_column
	{
		margin-bottom: 10px;
	}
	.responsive #top #wrap_all .content-experience .flex_column:last-child
	{
		margin-bottom: 0;
	}
}

/*
 * ----------------------------------------------------------
 *
 * CTA
 *
 * ----------------------------------------------------------
 *
 * - COLUMNS
 */

#top .content-cta .avia-button-wrap,
#top .content-cta .avia-button
{
	min-width: 280px;
}

/*
 * ----------------------------------------------------------
 *
 * BENEFITS
 *
 * ----------------------------------------------------------
 *
 * - COLUMNS
 */

@media only screen and (max-width: 989px)
{
	.responsive #top #wrap_all .content-benefits .flex_column
	{
		margin-bottom: 70px;
	}
	.responsive #top #wrap_all .content-benefits .flex_column:last-child
	{
		margin-bottom: 0;
	}
}


/*
 * ----------------------------------------------------------
 *
 * ARCHIVE
 *
 * ----------------------------------------------------------
 *
 * - COLUMNS
 */
@media only screen and (max-width: 767px)
{
	.responsive #top .content-archive .content
	{
		padding-top: 30px;
	}
}