@charset "UTF-8";

/* CSS Document */
	
		
@media only screen and (max-width: 1440px) {
#cta_advert_left {
	display: none;
}
#cta_advert_right {
	display: none;
}
.desktop_side_adverts {
	display: none
}
}

@media only screen and (max-width: 1440px) {
#cta_advert_left {
	display: none;
}
#cta_advert_right {
	display: none;
}
.desktop_side_adverts {
	display: none
}
}

@media only screen and (max-width: 1750px) {
#cta_advert_right .advert_text {
	width: 150%;
	margin-left: -25% !important;
	max-width: 150%;
}
#cta_advert_left .advert_text {
	width: 150%;
	margin-left: -25% !important;
	max-width: 150%;
}
}

@media only screen and (min-width: 2000px) {
#cta_advert_right .advert_text {
	width: 100%;
	margin-left: 0% !important;
	max-width: 100%;
}
#cta_advert_left .advert_text {
	width: 100%;
	margin-left: 0% !important;
	max-width: 100%;
}
}

@media only screen and (max-width: 1750px) {
#right_advert_cta4 {
	display: none
}
#left_advert_cta4 {
	display: none
}
}
.advert-holder {
	width: 100%;
	height: 100vh;
	padding-top: 75px;
	padding-bottom: 150px;
}
.advert {
	height: 120%;
	width: 100%;
	background-size: 150%;
	background-repeat: no-repeat;
	background-position: center;
}
.advert_spacer {
	height: 25%;
	width: 100%
}
.star {
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.bounce-in-top {
	-webkit-animation: bounce-in-top 1.1s both;
	animation: bounce-in-top 1.1s both;
}
.slit-in-diagonal-1 {
	-webkit-animation: slit-in-diagonal-1 0.45s ease-out both;
	animation: slit-in-diagonal-1 0.45s ease-out both;
}
.slide-in-blurred-top {
	-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.vibrate-3 {
	-webkit-animation: vibrate-3 0.5s linear infinite both;
	animation: vibrate-3 0.5s linear infinite both;
}
.flicker-1 {
	-webkit-animation: flicker-1 2s linear infinite both;
	animation: flicker-1 2s linear infinite both;
}
.swing-out-right-bck {
	-webkit-animation: swing-out-right-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
	animation: swing-out-right-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
}
.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.flip-horizontal-bottom {
	-webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
	
	/**
 * ----------------------------------------
 * animation flip-horizontal-bottom
 * ----------------------------------------
 */
@-webkit-keyframes flip-horizontal-bottom {
0% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}
@keyframes flip-horizontal-bottom {
0% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}

	
	/**
 * ----------------------------------------
 * animation swing-out-right-bck
 * ----------------------------------------
 */
@-webkit-keyframes swing-out-right-bck {
0% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1;
}
100% {
-webkit-transform: rotateY(-100deg);
transform: rotateY(-100deg);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 0;
}
}
@keyframes swing-out-right-bck {
0% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1;
}
100% {
-webkit-transform: rotateY(-100deg);
transform: rotateY(-100deg);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 0;
}
}

	
	/**
 * ----------------------------------------
 * animation flicker-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-1 {
0%, 100% {
opacity: 1;
}
41.99% {
opacity: 1;
}
42% {
opacity: 0;
}
43% {
opacity: 0;
}
43.01% {
opacity: 1;
}
47.99% {
opacity: 1;
}
48% {
opacity: 0;
}
49% {
opacity: 0;
}
49.01% {
opacity: 1;
}
}
@keyframes flicker-1 {
0%, 100% {
opacity: 1;
}
41.99% {
opacity: 1;
}
42% {
opacity: 0;
}
43% {
opacity: 0;
}
43.01% {
opacity: 1;
}
47.99% {
opacity: 1;
}
48% {
opacity: 0;
}
49% {
opacity: 0;
}
49.01% {
opacity: 1;
}
}
.vibrate-1 {
	-webkit-animation: vibrate-1 2s linear infinite both;
	animation: vibrate-1 2s linear infinite both;
}
	
	/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
	
	/**
 * ----------------------------------------
 * animation vibrate-3
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-3 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
10% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
20% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
30% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
50% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
70% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
80% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
90% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes vibrate-3 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
10% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
20% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
30% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
50% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
70% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
80% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
90% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}

	
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

	
	/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-right {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
	
/**
 * ----------------------------------------
 * animation slit-in-diagonal-1
 * ----------------------------------------
 */
@-webkit-keyframes slit-in-diagonal-1 {
0% {
-webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
54% {
-webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
transform: translateZ(0) rotate3d(1, 1, 0, 0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes slit-in-diagonal-1 {
0% {
-webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
54% {
-webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
transform: translateZ(0) rotate3d(1, 1, 0, 0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}

		
/**
 * ----------------------------------------
 * animation slide-in-blurred-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-top {
0% {
-webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0) scaleY(1) scaleX(1);
transform: translateY(0) scaleY(1) scaleX(1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes slide-in-blurred-top {
0% {
-webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0) scaleY(1) scaleX(1);
transform: translateY(0) scaleY(1) scaleX(1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
.bounce-in-bottom {
	-webkit-animation: bounce-in-bottom 1.1s 1s both;
	animation: bounce-in-bottom 1.1s 1s both;
}
.bounce-in-bottom2 {
	-webkit-animation: bounce-in-bottom 1.1s 2s both;
	animation: bounce-in-bottom 1.1s 2s both;
}
	
/**
 * ----------------------------------------
 * animation bounce-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-bottom {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(65px);
transform: translateY(65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(28px);
transform: translateY(28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-bottom {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(65px);
transform: translateY(65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(28px);
transform: translateY(28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}

		
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.slide-in-right {
	-webkit-animation: slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

	/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-right {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.swirl-out-top-bck {
	-webkit-animation: swirl-out-top-bck 0.6s ease-in both;
	animation: swirl-out-top-bck 0.6s ease-in both;
}
	
	
/**
 * ----------------------------------------
 * animation swirl-out-top-bck
 * ----------------------------------------
 */
@-webkit-keyframes swirl-out-top-bck {
0% {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 1;
}
100% {
-webkit-transform: rotate(-540deg) scale(0);
transform: rotate(-540deg) scale(0);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
}
@keyframes swirl-out-top-bck {
0% {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 1;
}
100% {
-webkit-transform: rotate(-540deg) scale(0);
transform: rotate(-540deg) scale(0);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
}
.vibrate-3 {
	-webkit-animation: vibrate-3 0.5s linear infinite both;
	animation: vibrate-3 0.5s linear infinite both;
}
	
	
/**
 * ----------------------------------------
 * animation vibrate-3
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-3 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
10% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
20% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
30% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
50% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
70% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
80% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
90% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes vibrate-3 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
10% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
20% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
30% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
50% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
70% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
80% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
90% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
.fixedwidth {
	width: 1100px;
}
.desktop_side_adverts {
	position: fixed;
	z-index: -11;
	height: 100vh;
	margin-top: -50px;
}
.advert_container {
	height: 100vh;
	background: url("/img/themes/blackfriday/blackbag_texture1.jpeg")
}
#cta_advert_left {
	position: fixed;
	height: 100vh;
	/*		width: -webkit-calc(20% - 7px) !important;
      width: -moz-calc(20% - 7px) !important;
      width: calc(20% - 7px) !important;*/
	background-color: transparent;
	text-align: center;
}
#cta_advert_right {
	position: fixed;
	right: 0px;
	height: 100vh;
	/*		width: -webkit-calc(20% - 7px) !important;
      width: -moz-calc(20% - 7px) !important;
      width: calc(20% - 7px) !important;*/
	background-color: transparent;
	text-align: center;
}
.advert_text {
	background-color: #28a74545l;
	color: #fff;
	/* clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); */
	width: 150%;
	height: auto;
	margin-left: -25%;
	margin-top: 10%;
	max-width: 150%;
	border-radius: 80px;
	height: 45vh;
	border-radius: 110px;
}
.advert_text .lgscreens {
	font-family: 'Francois One', sans-serif !important;
	text-transform: uppercase;
	width: 100%;
	padding: 20px;
}
#side_advert_discount_code {
	color: #f0ff00;
	font-family: 'Francois One', sans-serif !important
}
/***
#ctl00_imgLogoEd {
	display: none
}
***/
.highlight {
	position: absolute;
	/*background: -webkit-radial-gradient(center, #6DFF71 , #FFFFFF00, #FFFFFF00);
background: -moz-radial-gradient(center, #6DFF71, #FFFFFF00, #FFFFFF00);
background: radial-gradient(ellipse at center, #6DFF71, , #FFFFFF00, #FFFFFF00);   */
	height: 250%;
	width: 100%;
	top: -58%;
}
.lowlight {
	/* Created with https://www.css-gradient.com */
	position: absolute;
	background: #6DFF71;
	background: -webkit-radial-gradient(center, #000, #FFFFFF00, #FFFFFF00);
	background: -moz-radial-gradient(center, #000, #FFFFFF00, #FFFFFF00);
	background: radial-gradient(ellipse at center, #000, #FFFFFF00, #FFFFFF00);
	height: 275%;
	width: 90%;
	bottom: -95%;
a
}
.inner_advert {
	padding: 10px;
	border: dashed 2px #fff;
	background-color: #35353f;
	padding-top: 110px;
	border-radius: 120px;
	height: 100%;
	background-image: url("/img/themes/blackfriday/blackbag_texture1.jpeg")
}
.advert_controls {
	padding-left: 10%;
	padding-top: 10px;
	padding-right: 10%;
	width: 100%;
	height: 80px;
	position: absolute;
	bottom: -50px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Francois One', sans-serif !important;
}
.advert_controls_top {
	background-color: #000000;
	padding-left: 25%;
	padding-right: 25%;
	width: 100%;
	height: 80px;
	position: absolute;
	top: -50px
}
#cta_advert_left {
	z-index: 1;
	overflow: hidden;
}
#cta_advert_right {
	z-index: 1;
	overflow: hidden;
}
.desktop_only_toptab {
	margin-top: -87px;
	display: none;
}
.desktop_only_toptab img {
	width: 150px;
}
.advert_controls img {
	margin-top: -22px;
	width: 40px;
	filter: invert(1);
	padding-bottom: 10px;
}
/*.open {
	width: 100%;
	height: 100%;
	margin: 20px;
	background: transparent;
	-webkit-animation: example 0.75s ease 0s infinite alternate;
}*/
@-webkit-keyframes example {
from {
-webkit-transform: perspective(400) rotateY(-90deg);
-webkit-transform-origin: 0% 0%;
}
to {
-webkit-transform: perspective(400) rotateY(0deg);
-webkit-transform-origin: 0% 0%;
}
}
.flip-holder {
	width: 50%;
	margin-left: 25%;
}


	
	@media only screen and (min-width: 2440px) {
.flip-holder {
	width: 40%;
	margin-left: 30%;
}
}

@media only screen and (min-width: 2700px) {
.flip-holder {
	width: 30%;
	margin-left: 35%;
}
	.flip-holder h2 {
	margin-top: 10px;
}
	
}
.flip-card {
	background-color: transparent;
	width: 100%;
	height: 15vh;
	perspective: 1000px;
	margin-bottom: 15px;
}
	
	
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-card-front {
	background-color: #fff;
	color: #ffffff;
	line-height: 1px;
	/*padding-top: 20px;*/
	border-top: 1px #838383 solid;
	border-left: 1px #838383 solid;
	border-right: 2px #000 solid;
	border-bottom: 2px #000 solid;
	filter: drop-shadow(2px 4px 6px black);
	text-transform: uppercase;
	font-size: 10px;
}
.flip-card-front h2 {
	line-height: 32px !important;
	margin-bottom: 10px
}

@media only screen and (max-width: 1540px) {
.flip-card-front h2 {
	font-size: 40px;
	line-height: 24px !important;
}
}

@media only screen and (max-width: 1540px) {
.flip-card-front {
	line-height: 12px !important;
}
}
.eDecks .flip-card-back {
	background-color: #ff8a00;
	color: white;
	transform: rotateY(180deg);
	padding: 10px;
	line-height: 36px;
}
.eRoofs .flip-card-back {
	background-color: #ff327a;
	color: white;
	transform: rotateY(180deg);
	padding: 10px;
	line-height: 36px;
}
.flip-card-back #side_advert_discount_code {
	background-color: #35353f;
	padding: 10px;
}
.halloween2 #cta_advert_left .hide {
	display: none
}
.halloween2 #cta_advert_right .hide {
	display: none
}
.halloween2_er #cta_advert_left .hide {
	display: none
}
.halloween2_er #cta_advert_right .hide {
	display: none
}
.halloween3 #cta_advert_left .hide {
	display: none
}
.halloween3 #cta_advert_right .hide {
	display: none
}
.halloween_gfx {
	margin-top: 25%;
	width: 70%;
	filter: invert(1);
}
.halloween_gfx2 {
	margin-top: 60%;
	width: 50%;
	position: relative;
}
.tier {
	height: 33vh
}
.front {
	width: 100%;
	height: 100%;
}
.tier_gold {
	background: conic-gradient(#ffffff, #ffffff, #cccccc, #c6c6c6, #999999, #ffffff, #cccccc, #c6c6c6, #ffffff, #c3c3c3, #cccccc, #c6c6c6, #ffffff, #c3c3c3, #cccccc, #ffffff);
	mask-image: url(/img/themes/spray_55.jpg);
	mask-size: 100vmin;
	mask-repeat: no-repeat;
	mask-position: center;
}
.tier_silver {
	background: conic-gradient(#ffffff, #ffffff, #cccccc, #c6c6c6, #999999, #ffffff, #cccccc, #c6c6c6, #ffffff, #c3c3c3, #cccccc, #c6c6c6, #ffffff, #c3c3c3, #cccccc, #ffffff);
}