#temp {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 1000;
	opacity: 0.4;
	left: 0;
	top: 0px;
	pointer-events: none;
}

body {
	background-color: #000;
	font-family: "AvenirNext-Regular", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
	
}

img {
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


/*TYPOGRAPHY*/
h1 {
	font-family: "AvenirNext-HeavyItalic", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #000;
	text-transform: uppercase;
	font-size: calc(1.725rem + 1.875vw);
	line-height: 1.05;
}

h2 {
	font-family: "AvenirNext-HeavyItalic", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
	font-size: calc(1.25rem + 1vw);
	line-height: 1.05;
}

.text-dark {
	color: #000 !important;
}

b, strong {
    font-weight: bolder;
    font-family: 'AvenirNext-Bold';
}

a {
    color: #7f11ed;
    text-decoration: underline;
}

#background {
	background-image: url("bkg.jpg");
	background-size: cover;
	width: 105vw;
	height: 105vh;
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

#background img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}

#logo {
	width: 100%;
}

.title {
	width: 100%;
	top: 0;
	left: 0;
	  opacity: 0;
 	 -webkit-filter: blur(150px);
    -moz-filter: blur(150px);
    -o-filter: blur(150px);
    -ms-filter: blur(150px);
}

#title-1 {
	animation: blur 1s ease .25s 1 forwards;
  -webkit-animation: blur 1s ease .25s 1 forwards;
  -moz-animation: blur 1s ease .25s 1 forwards;
}

#title-2 {
	animation: blur 1s ease .5s 1 forwards;
	
}

#title-3 {
	animation: blur 1s ease .75s 1 forwards;
	
}

#title-4 {
	animation: blur 1s ease 1s 1 forwards;
	
}

@keyframes blur {
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
  }
  25% {
    opacity: 1
  }
  0% {
    -webkit-filter: blur(150px);
    -moz-filter: blur(150px);
    -o-filter: blur(150px);
    -ms-filter: blur(150px);
    opacity:0;
  }
}

filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: url(blur.svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');

.navbar {
	padding:0;
}

.navbar-brand {
	z-index: 0;
}

.navbar-nav {
	flex-direction: row;
}

.navbar-collapse {
	background: #000;
}

#nav-scroll {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    overflow: hidden;
	pointer-events: none;
}

#nav-scroll-bkg {
    width: 100vw;
    height: 100vh;
    background: #000;
    position: absolute;
    top: 100%;
}

main {
	margin-top: calc(6rem + 6vw);
}

.lead {
	font-size: 1.125rem;
}

#quiz-banner {
	background-image: url("quiz-bkg.jpg");
	background-size: cover;
}

.card {
	background-image: url("quiz-bkg.jpg");
	background-size: cover;
	border: none;
	border-radius: 0;
}

.card-img,
.card-img-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 10;
}

.card h5 {
    font-family: "AvenirNext-HeavyItalic", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.05;
    font-size: 4.5vw;
}

.card-text {
   font-size: .75rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    font-size: 3.2vw;
}

.card .btn {
    background: #000;
    border: 1px solid #fff;
    font-family: "AvenirNext-HeavyItalic", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    text-transform: uppercase;
    font-size: .75rem;
    padding: 0.25rem 1rem;
    line-height: 1.5;
    font-size: 3.2vw;
    padding: 1.5vw 3vw;
}

.card-body {
	z-index: 0;
}

.card img.fade {
	pointer-events: none;
}

/* QUIZ */
#quiz {
	margin: calc(5.5rem + 5vw) 0;
	/*min-height: 100vw;
	background-image: url("quiz-bkg.jpg");*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #000;*/
}

#quiz section {
	margin: calc(4rem + 4vw) 0;
}

#quiz h1 {
	font-size: calc(2.5rem + 2.25vw);
	line-height: .9;
}

#quiz h2 {
	text-transform: unset;
	font-size: calc(1.25rem + 1.25vw);
	line-height: 1.25;
}

#quiz .lead {
	font-size: calc(1.1rem + 1vw);
	line-height: 1.275;
}

#quiz .btn,
#quiz-banner .btn {
	background: #000;
    border: 1px solid #fff;
    font-family: "AvenirNext-HeavyItalic", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    text-transform: uppercase;
    font-size: calc(1rem + .9vw);
    padding: 0.75rem 1.75rem;
}

#quiz p {
	font-size: calc(.9rem + .8vw);
	line-height: 1.25;
}

#quiz .selected {
	color: #7f11ed;
}

#quiz button.active {
	color: #7f11ed !important;
	border: 1px solid #7f11ed;
}

#close {
	z-index: 10;
}

#links-nav {
	pointer-events: none;
}

#right-arrow,
#left-arrow {
	pointer-events: all !important;
}

#right-arrow img,
#left-arrow img,
#close img {
	pointer-events: none;
}

.next-carrot {
	width: 10%;
	right: 2%;
}

#quiz #result .btn {
	padding: 1rem 1.5rem;
	font-size: calc(.8rem + .75vw);
	letter-spacing: 0.125rem;
}

.half-t {
	opacity: .5;
}

.anchor {
	position: relative;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	h1 {
		font-size: calc(2.125rem + 1.875vw);
		line-height: 1.05;
	}

	h2 {
		font-size: calc(1.525rem + 1.125vw);
		line-height: 1.05;
	}

	main {
		margin-top: calc(7rem + 7vw);
	}

	.lead {
		font-size: 1.25rem;
	}

/*	.card h5 {
		font-size: calc(1.525rem + 1.125vw);
		line-height: 1.05;
	}

	.card-text {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.card .btn {
		letter-spacing: .167rem;
		padding: 0.375rem 1.75rem;
		font-size: 1rem;
		padding: 0.375rem 1.75rem;
	}*/
	
	/* QUIZ */
	/*#quiz {
    	margin: calc(7rem + 7vw) 0;
	}*/
	
	#quiz section {
		margin: 6rem 0;
	}
	
	/*#quiz h1 {
		font-size: calc(4rem + 3.5vw);
		line-height: .9;
	}*/
	
	/*#quiz .lead {
		font-size: ;
		line-height: 1.425;
	}*/
	
	/*#quiz .btn {
		font-size: calc(1.5rem + .9vw);
		letter-spacing: .3rem;
		padding: 1.25rem 2.255rem;
	}*/
	
	#quiz h2 {
		font-size: calc(2rem + 1.8vw);
	}

	/*#quiz p {
		font-size: calc(1.25rem + 1.125vw);
		line-height: 1.25;
	}
	
	/*#quiz #result .btn {
		padding: 1rem 1.5rem;
		font-size: calc(1.25rem + 1.125vw);
		letter-spacing: 0.2rem;
	}
	
	.card h5 {
		font-size: 1.5rem;

	}
	
	.card-text {
		font-size: 1.2rem;
    	line-height: 1.4;
	}
	
	.card .btn {
		font-size: 1.2rem;
    	padding: 0.75rem 1rem;
    	line-height: 1.25;
	}*/

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.navbar-collapse {
		position: relative !important;
		background: none;
	}

	main, #quiz {
		margin-top: 6rem;
	}

	/* QUIZ */
	
	/*#quiz .btn {
		font-size: calc(1.5rem + 1.375vw);
		letter-spacing: .3rem;
		padding: 1.25rem 4.255rem;
	}*/
	
	#quiz p {
		font-size: 1.75em;
		line-height: 1.25;
	}
	
	#quiz #result .btn {
    	padding: 1rem 2.5rem 1rem 1rem;
	}
	
	.card h5 {
		font-size: 1.25rem;
		font-size: 3vw;

	}
	
	.card-text {
		font-size: 1rem;
    	line-height: 1.4;
		font-size: 2vw;
	}
	
	.card .btn {
		font-size: 1rem;
    	padding: 1.5vw 2.5vw;
    	line-height: 1.25;
    	font-size: 2.25vw;
	}

	
}


@media (min-width: 1200px) {
	.card h5 {
		font-size: 2vw;

	}
	
	.card-text {
		font-size: 1.45vw;
    	line-height: 1.4;
	}
	
	.card .btn {
		font-size: 1.45vw;
    	padding: 1vw 1.5vw;
    	line-height: 1.25;
	}
}

@media (min-width: 1440px) {
	.card h5 {
		font-size: 1.85vw;

	}
	
	.card-text {
		font-size: 1vw;
    	line-height: 1.4;
	}
	
	.card .btn {
		font-size: 1.2vw;
    	padding: 0.75vw 1.15vw;
    	line-height: 1.25;
	}
}

/* FOOTER */
/* Footer */
footer {
	display: block;
	background: #000;
	bottom: 0;
}

footer .Footer {
	display: table;
	vertical-align: bottom;
	padding: 20px;
	bottom: 0rem;
	margin: 35px auto 0;
}

.Footer__topMenu__item__link,
.Footer__topMenu__item__link:visited,
.Footer__copyrightText {
	font-weight: 500;
}

.Footer__topMenu__item__link,
.Footer__topMenu__item__link:visited {
	font-size: 13px;
	font-size: .85rem;
}

.Footer__copyrightText {
	font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1.75;
}

.Footer {
	position: relative;
	padding: 20px 0;
	padding: 2rem 0;
	text-align: center;
	margin: auto;
}

.Footer__topMenu {
	width: 100%;
	margin-bottom: 1rem;
}

.Footer__topMenu__item {
	line-height: 20px;
	line-height: 1.55rem;
	display: inline;
	margin-left: 20px;
	margin-left: 1.25rem;
}

.Footer__bottomMenu__item {
	display: inline-block;
}

.Footer__bottomMenu__item__link {
	color: #fff;
}

.Footer__pipe {
	display: inline-block;
	margin: 0 10px;
	margin: 0 1rem;
}

.Footer__topMenu__item__link,
.Footer__topMenu__item__link:visited {
	color: white;
}

.Footer__copyrightText {
	color: rgba(255, 255, 255, 0.85);
}