:root {
	--color1: #BE1622;
	--color2: #1D1D1B;
	--color3: #F5F2EC;
	--color4: #232323;
	--color-cta: #F1D586;
	--font-family-1: 'Luminari', monospace;
	--font-family-2: 'Noto Sans', sans-serif;
}

html {
	background-color: #DDD;
	overflow-x: hidden !important;
}

body {
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	font-family: Helvetica, sans-serif;
	letter-spacing: -0.02em;
	background-color: #FFF;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
	/* overflow-x: hidden !important; */
}

.hide_el {
	width: 0;
	height: 0;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

/* ========== Delay ========== */

.hover_delay {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

/* ========== Animate ========== */

.animate_linear1 {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.animate_easing {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* ========== Border Radius ========== */

.radius_3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* ========== Box Sizing ========== */

.box_sizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ========== Desaturate ========== */

.grayScale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* ========== 2x Columns ========== */

.colx2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}

/* ========== iframe Video ========== */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ========== Zoom Scale ========== */

.zoom_scale img {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.zoom_scale:hover img {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* ========== BG Cover ========== */

.bg_cover_fixed {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg_cover_scroll {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* ========== Boxes ========== */

.box_fluid_max,
.box_largo,
.box_fluid,
.box_med,
.box_small {
	width: 100%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.box_fluid_max {
	max-width: 1520px;
}

.box_largo {
	max-width: 1380px;
}

.box_fluid {
	max-width: 1140px;
}

.box_med {
	max-width: 800px;
}

.box_small {
	max-width: 700px;
}

.desktop_view_menu,
.desktop_view {
	display: block;
}

.mobile_view_menu,
.mobile_view {
	display: none;
}


/* =============
Media Queries
============= */

/* ====== Switch Menu ======  */
@media only screen and (min-width : 0) and (max-width : 767px) {

	.desktop_view_menu {
		display: none;
	}

	.mobile_view_menu {
		display: block;
	}

}

/* ====== XS ======  */
@media only screen and (min-width : 0) and (max-width : 767px) {

	.bg_cover_fixed {
		background-attachment: scroll;
	}

	.pad0x20 {
		padding: 0 20px;
	}

	.box_largo,
	.box_fluid,
	.box_med,
	.box_small {
		width: 100%;
	}

	.colx2 {
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
	}

	.desktop_view {
		display: none;
	}

	.mobile_view {
		display: block;
	}

}

/* ====== SM ======  */
@media only screen and (min-width : 768px) and (max-width : 991px) {

	.center_med,
	.box_largo,
	.box_fluid {
		width: 100%;
	}

	.bg_cover_fixed {
		background-attachment: scroll;
	}

	.pad0x20 {
		padding: 0 20px;
	}

}

/* ====== MD ======  */
@media only screen and (min-width : 992px) and (max-width : 1199px) {

	.box_largo,
	.box_fluid {
		width: 960px;
	}

}