.section_background {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}

.background_shapes {
	position: absolute;
	width: 100%;
	min-width: 1920px;
	height: 100%;
	/*min-height: 710px;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.background_shapes_inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.section_background .background_shape  {
	position: absolute;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 500px;
	height: 452px;
	
	/* transition optimalization */
	backface-visibility: hidden;
	perspective: 1000;
	will-change: auto;
}
.section_background .background_shape svg {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	
	/* transition optimalization */
	backface-visibility: hidden;
	perspective: 1000;
	will-change: auto;
}
.section_background .logo_pattern  {
	position: absolute;
	z-index: 2;
    bottom: -174px;
    right: 21px;
    width: 574px;
    height: 470px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section_background .logo_pattern .logo_pattern_inner  {
	width: 100%;
    height: 100%;
    background-image: url('../images/logo-pattern.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.parallax_bg {
	overflow: hidden;
}
.parallax_bg .parallax_image {
	position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 125%;
    background-size: cover;
    background-position: 50% 50%;
}

/* COLORS */
.section_background.-white {
	background-color: #fff;
}
.section_background.-egg_light {
	background-color: #fff5cf;
}
.section_background.-egg_light_2 {
	background-color: #fde79b;
}
.section_background.-egg_light_3 {
	background-color: #fdedb3;
}
.section_background.-egg_light_4 {
	background-color: #fef9e5;
}
.section_background.-egg_light_5 {
	background-color: #fef3cd;
}
.section_background.-egg {
	background-color: #fce181;
}
.section_background.-egg_dark {
	background-color: #F5E3AD;
}
.section_background.-red_light {
	background-color: #F48878;
}
.section_background.-red {
	background-color: #EB6333;
}
.section_background.-purple_light {
	background-color: #b26fa4;
}
.section_background.-purple {
	background-color: #87436a;
}
.section_background.-purple_dark {
	background-color: #6e3355;
}
.section_background.-orange {
	background-color: #fac404;
}
.section_background.-orange_dark {
	background-color: #F8AD19;
}
.section_background.-black {
	background-color: #000;
}

.section_background.-gradient-egg {
	background: linear-gradient(45deg, #fdedb3 0%,#ffffff 100%);
}
.section_background.-gradient-reverse-egg {
	background: linear-gradient(225deg, #fdedb3 0%,#ffffff 100%);
}
.section_background.-gradient-red {
	background: linear-gradient(45deg, #EB6333 0%,#F18879 100%);
}
.section_background.-gradient-reverse-red {
	background: linear-gradient(225deg, #EB6333 0%,#F18879 100%);
}
.section_background.-gradient-purple {
	background: linear-gradient(45deg, #6e3355 0%,#b26fa4 100%);
}
.section_background.-gradient-reverse-purple {
	background: linear-gradient(225deg, #6e3355 0%,#b26fa4 100%);
}
.section_background.-gradient-orange {
	background: linear-gradient(45deg, #fdedb3 0%,#fac404 100%);
}
.section_background.-gradient-reverse-orange {
	background: linear-gradient(225deg, #fdedb3 0%,#fac404 100%);
}
/* IMAGE */
.section_background .section_background_image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
}
.section_background.-parallax .section_background_image {
	height: 150%;
	top: 0px;
}

/* SHAPES */
	.section_background .background_shape.shape-0 {
		transition-delay: 0ms;
	}
	.section_background .background_shape.shape-1 {
		transition-delay: 100ms;
	}
	.section_background .background_shape.shape-2 {
		transition-delay: 200ms;
	}
	
/* shapes-1 */
	.section_background.-shapes-1 .background_shape.shape-0 {
		bottom: -675px;
		left: 20%;
		--scaleX: 3.8;
		--scaleY: 3.8;
		--rotate: 340deg;
		--translateX: 0px;
		--translateY: 200px;
	}
	.section_background.-shapes-1 .background_shape.shape-1 {
		top: -330px;
		left: -530px;
		--scaleX: 2;
		--scaleY: 2;
		--rotate: 53deg;
		--translateX: -50px;
		--translateY: 0px;
	}
	.section_background.-shapes-1 .background_shape.shape-2 {
		top: -165px;
		right: -550px;
		--scaleX: -3.5;
		--scaleY: 3.5;
		--rotate: 54deg;
		--translateX: 200px;
		--translateY: 0px;
	}
	
/* shapes-2 */
	.section_background.-shapes-2 .background_shape.shape-0 {
		bottom: -550px;
		left: 249px;
		--scaleX: 3;
		--scaleY: 3;
		--rotate: 269deg;
		--translateX: -100px;
		--translateY: 100px;
	}
	
/* shapes-3 */
	.section_background.-shapes-3 .background_shape.shape-0 {
		bottom: -216px;
		left: -41px;
		--scaleX: 2.9;
		--scaleY: 2.9;
		--rotate: 338deg;
		--translateX: -100px;
		--translateY: 100px;
	}
	.section_background.-shapes-3 .background_shape.shape-1 {
		bottom: -329px;
		left: 646px;
		--scaleX: 1;
		--scaleY: 1;
		--rotate: 7deg;
		--translateX: 0px;
		--translateY: 50px;
	}
	.section_background.-shapes-3 .background_shape.shape-2 {
		top: -330px;
		left: -280px;
		--scaleX: 2.1;
		--scaleY: 2.1;
		--rotate: 42deg;
		--translateX: 0px;
		--translateY: -100px;
	}
	
/* shapes-4 */
	.section_background.-shapes-4 .background_shape.shape-0 {
		bottom: -216px;
		left: -41px;
		--scaleX: 2.9;
		--scaleY: 2.9;
		--rotate: 338deg;
		--translateX: -100px;
		--translateY: 100px;
	}
	.section_background.-shapes-4 .background_shape.shape-1 {
		bottom: -329px;
		right: 350px;
		--scaleX: 1;
		--scaleY: 1;
		--rotate: 7deg;
		--translateX: 0px;
		--translateY: 50px;
	}
	.section_background.-shapes-4 .background_shape.shape-2 {
		top: -380px;
		left: -280px;
		--scaleX: 2.1;
		--scaleY: 2.1;
		--rotate: 42deg;
		--translateX: 0px;
		--translateY: -100px;
	}
	
/* shapes-5 */
	.section_background.-shapes-5 .background_shape.shape-0 {
		top: -58px;
		left: -384px;
		--scaleX: 2.9;
		--scaleY: 2.9;
		--rotate: 58deg;
		--translateX: -100px;
		--translateY: 0px;
	}
	.section_background.-shapes-5 .background_shape.shape-1 {
		bottom: -292px;
		right: 445px;
		--scaleX: 3;
		--scaleY: 3;
		--rotate: 0deg;
		--translateX: 0px;
		--translateY: 100px;
	}
	.section_background.-shapes-5 .background_shape.shape-2 {
		bottom: -140px;
		left: -415px;
		--scaleX: 1.1;
		--scaleY: 1.1;
		--rotate: -14deg;
		--translateX: -50px;
		--translateY: 0px;
	}
/* shapes-6 */
	.section_background.-shapes-6 .background_shape.shape-0 {
		bottom: -173px;
		left: -472px;
		--scaleX: 1.5;
		--scaleY: 1.5;
		--rotate: -14deg;
		--translateX: -50px;
		--translateY: 0px;
	}
	.section_background.-shapes-6 .background_shape.shape-1 {
		top: -190px;
		right: -610px;
		--scaleX: -2.9;
		--scaleY: 2.9;
		--rotate: 54deg;
		--translateX: 100px;
		--translateY: 0px;
	}
/* shapes-7 */
	.section_background.-shapes-7 .background_shape.shape-0 {
		bottom: -15%;
		left: 19%;
		--scaleX: 4;
		--scaleY: 4;
		--rotate: -23deg;
		--translateX: -100px;
		--translateY: 100px;
	}
/* shapes-8 */
	.section_background.-shapes-8 .background_shape.shape-0 {
		top: -214px;
		right: -439px;
		--scaleX: -3.5;
		--scaleY: 3.5;
		--rotate: 54deg;
		--translateX: 100px;
		--translateY: -100px;
	}
	.section_background.-shapes-8 .background_shape.shape-1 {
		bottom: -460px;
		right: -213px;
		--scaleX: 1.3;
		--scaleY: 1.3;
		--rotate: 249deg;
		--translateX: 0px;
		--translateY: 50px;
	}
/* shapes-9 */
	.section_background.-shapes-9 .background_shape.shape-0 {
		top: -455px;
		left: 475px;
		--scaleX: -3.5;
		--scaleY: 3.5;
		--rotate: 54deg;
		--translateX: -50px;
		--translateY: -100px;
	}
/* shapes-10 */
	.section_background.-shapes-10 .background_shape.shape-0 {
		bottom: -110px;
		left: -500px;
		--scaleX: 1.5;
		--scaleY: 1.5;
		--rotate: -14deg;
		--translateX: -50px;
		--translateY: 0px;
	}
	.section_background.-shapes-10 .background_shape.shape-1 {
		top: -120px;
		right: -413px;
		--scaleX: 1.5;
		--scaleY: 1.5;
		--rotate: 160deg;
		--translateX: 100px;
		--translateY: 0px;
	}
/* shapes-11 */
	.section_background.-shapes-11 .background_shape.shape-0 {
		top: 250px;
		left: -70px;
		--scaleX: 3.5;
		--scaleY: 3.5;
		--rotate: -14deg;
		--translateX: -100px;
		--translateY: -100px;
	}
/* shapes-12 */
	.section_background.-shapes-12 .background_shape.shape-0 {
		bottom: 10px;
		left: 290px;
		--scaleX: 3.5;
		--scaleY: 3.5;
		--rotate: -14deg;
		--translateX: -100px;
		--translateY: 100px;
	}
	.section_background.-shapes-12 .background_shape.shape-1 {
		bottom: -329px;
		left: -225px;
		--scaleX: 1;
		--scaleY:1;
		--rotate: 7deg;
		--translateX: 0px;
		--translateY: 50px;
	}
	.section_background.-shapes-12 .logo_pattern {
		opacity: 0.5;
		bottom: -100px;
		right: auto;
		left: 975px;
		visibility: hidden;
		opacity: 0;
		transform: translateX(50px) translateY(50px) scale(1.2);
		-webkit-transition: all 300ms ease-out 200ms;
		-moz-transition: all 300ms ease-out 200ms;
		-ms-transition: all 300ms ease-out 200ms;
		-o-transition: all 300ms ease-out 200ms;
		transition: all 300ms ease-out 200ms;
	}
	
	.pxrthm-section.-in-view .section_background.-shapes-12 .logo_pattern {
		opacity: 1;
		visibility: visible;
		transform: translateX(0px) translateY(0px) scale(1.2);
	}
	
/* shapes-13 */
	.section_background.-shapes-13 .background_shape.shape-0 {
		top: -535px;
		left: 30%;
		--scaleX: 2.5;
		--scaleY: 2.5;
		--rotate: 70deg;
		--translateX: 50px;
		--translateY: -100px;
	}
	
/* shapes-14 */
	.section_background.-shapes-14 .background_shape.shape-0 {
		top: -455px;
		left: 475px;
		--scaleX: -3.5;
		--scaleY: 3.5;
		--rotate: 54deg;
		--translateX: -50px;
		--translateY: -100px;
	}
	.section_background.-shapes-14 .logo_pattern {
		opacity: 0.5;
		top: 55px;
		left: 5px;
		visibility: hidden;
		opacity: 0;
		transform: translateX(-50px) translateY(50px);
		-webkit-transition: all 300ms ease-out 200ms;
		-moz-transition: all 300ms ease-out 200ms;
		-ms-transition: all 300ms ease-out 200ms;
		-o-transition: all 300ms ease-out 200ms;
		transition: all 300ms ease-out 200ms;
	}
	
	.pxrthm-section.-in-view .section_background.-shapes-14 .logo_pattern {
		opacity: 1;
		visibility: visible;
		transform: translateX(0px) translateY(0px) scale(1.2);
	}
	
.section_background .background_shape {
	transform: translateX(0px) translateY(0px) scaleX(var(--scaleX)) scaleY(var(--scaleY)) rotate(var(--rotate));
}
.section_background.-reveal .background_shape {
	transform: translateX(var(--translateX)) translateY(var(--translateY)) scaleX(var(--scaleX)) scaleY(var(--scaleY)) rotate(var(--rotate));
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.pxrthm-section.-in-view .section_background.-reveal .background_shape {
	opacity: 1;
	visibility: visible;
	
	--translateX: 0px;
	--translateY: 0px;
	transform: translateX(var(--translateX)) translateY(var(--translateY)) scaleX(var(--scaleX)) scaleY(var(--scaleY)) rotate(var(--rotate));
}

/* BREAKING NEWS */
.section_background.-breaking-news .logo_pattern {
	transform: scale(0.8);
	bottom: -160px;
    right: auto;
    left: 35px;
	opacity: 0.3; 
}