html {
	font-size: calc( 7px + (10 - 9) * (100vw - 1280px) / (1366 - 1280) );
	font-size: clamp(7px, min(
		calc( 9px + (10 - 9) * (100vh - 700px) / (768 - 700) ),
		calc( 9px + (10 - 9) * (100vw - 1280px) / (1366 - 1280) )
	),12px);
}
body{
	background:white;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing: antialiased;
	height:100vh;
	height: calc(var(--vh, 1vh) * 100);
	overflow:hidden;
	font-size:1.6rem;
}
body.no-scroll {
	height:100vh;
	height: calc(var(--vh, 1vh) * 100);
	overflow:hidden;
}
.header-no-nav{
	background: transparent;
	position: fixed;
	z-index: 11;
	width: 100%;
	top: 0;
}
.finish__info--content{
	display:none;
	color:#0F2141;
}
.finish__info--content h3{
	font-size:5rem;
	color:#0B4F8D;
	line-height:1.2;
}
.header-no-nav .logo{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0;
	max-width: 112.5rem;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.cisco-logo{
	position: absolute;
	right: 0;
	top: 0;
	background: #0B4F8D;
}
.cisco-logo .img{
	padding: 3.5rem 1.4rem 1.4rem;
}
.section {
	font-size:2rem;
}
.section--hero{
	background-position:center !important;
	background-size:cover !important;
}
.inpage-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4.2rem;
}
#game-container{
	z-index: 1;
}

#game-intro-container *, #game-container *, #finish-container * {
	box-sizing: border-box;
}
#game-container .slick-list, #game-container .slick-track {
	height:100%;
}
#game-intro-container {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	overflow: hidden;
	position:relative;
}
#game-intro-container .center-text{
	padding:0 2rem 2rem 2rem;
	background: transparent linear-gradient(89deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}
#game-intro-container .section--hero .center-text,
#game-intro-container .section--intro .center-text{
	padding-top:6rem;
}

#game-intro-container .section {
	position:fixed;
	background: #2e3544 no-repeat 50% 50%/cover;
}
.section {
	width:100%;
	height:100%;
	font-family: 'Lato','Open Sans',sans-serif;
	/* 	background:#2E3544 no-repeat 50% 50%/cover; */
	font-weight:600;
}
.section--hero {
	background-size: cover;
	color: #fff;
}
.section--intro {
	background-size: cover;
	color:#2E3444;
}
.vistage-logo {
	position: absolute;
	top: 6.3rem;
	left: 8rem;
	width: 18.5rem;
	z-index: 1;
}
.campaign-logo {
	position: absolute;
	top: 13rem;
	right: 13rem;
	width: 18rem;
}
#game-intro-container .view {
	position:relative;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	/* 	height: calc(100vh - 7.3rem); */
	width: 100%;
	display:flex;
	align-items:center;
	padding-top:0;
	justify-content:flex-start;
	align-items:center;
	margin: auto;
}
#game-intro-container .title-img {
	max-width:100%;
	width: 15rem;
	margin-bottom: 1rem;
	transition:all 0.6s ease;
}
#game-intro-container .text-container {
	width: 100%;
}
#game-intro-container .text-container .title-text {
	display: inline-block;
	font-size: 6.3rem;
	font-weight: 400;
	font-family: 'Lato','Open Sans',sans-serif;
	letter-spacing: -0.025em;
	line-height: 1.17;
	margin-bottom: 2rem;
}
#game-intro-container .intro-text {
	padding: 0 6.4rem 6.4rem;
	margin:0;
	position: relative;
	text-align:left;
	max-width: 53.6rem;
	color:#fff;
}
#game-intro-container #section-2 .intro-text{
	max-width: 71rem;
}


#game-intro-container .text-container p {
	font-size: 2.2rem;
	line-height: 1.45;
}
#game-intro-container .text-container ul{
	margin-top:3rem;
}
#game-intro-container .text-container li{
	font-size:1.8rem;
	font-weight:300;
	margin-bottom:3rem;
}
#game-intro-container .text-container li:last-child{
	margin-bottom:0;
}
.center-text .view .play-game {
	width: 100%;
	margin-top:0;
	padding:2rem 0 0 0;
	transform:translate(0);
}
.center-text .view .play-game button {
	margin-top:0;
}
.section h2, .section h3, .section h4, .section h5, .section p {
	font-family: inherit;
	font-weight:400;
}
.section h1 {
	font-family: 'Lato','Open Sans',sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size: 3.6rem;
	font-weight:500;
	margin: 0;
}
.slick-slide .center-text{
	margin-top:0;
	padding:0;
}
.section h2 {
	font-size:2.4rem;
}
.center-text {
	display: inline-block;
	/*   text-align:center; */
	/*   margin-top:50vh; */
	/*   margin-top: calc(var(--vh, 1vh) * 50); */
	/*   transform:translate(0,-50%); */
	width:100%;
	padding: 2rem 2rem 2rem 15vw;
}
.center-text .view {
	display: inline-block;
	max-width: 112.5rem;
}
#game-container .center-text{
	height:100%;
}
#game-container .center-text .view {
	background-color: #F7ECE2;
	display: flex;
	width: 100%;
	height: 100%;
	max-width:100%;
	padding:0;
}
button:not(.slick-arrow),.btn {
	background-color: #1f8367;
	color: #fff;
	padding: 0.6em 3.8em;
	font-size: 1.8rem;
	font-family: inherit;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	color:#fff;
	outline: none;
	position:relative;
	text-decoration:none;
	border-radius: 3.2rem;
	display:flex;
	align-items:center;
	margin-left: auto;
	margin-right: auto;
}
button.next-question{
	background-color: #aaa;
	color: #fff;
}
button.next-question.flush{
	background-color: #1f8367;
	color: #fff;
}
.btn-arrow{
	margin-left:10px;
	top: 1px;
	position: relative;
}
.center-text .view .play-game button:not(.slick-arrow){
	margin-left:0;
}
button:not(.slick-arrow):hover,
.btn:hover {
	/* 	background-color:#2E3444;
	color:#EDC11C;
	background-position:2% 0%; */
	/*   transform:scale(1.2); */
	background: #175c47;

}
.button-dots {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: 65rem;
	background-position: 50% 50%;
	opacity: 0.03;
	pointer-events:none;
}
.title-img-2 {
	margin:0 auto 11rem;
	width:23.5rem;
}
.text-box {
	background-color: #EDC11C;
	color: #2E3444;
	padding: 3em 3.5em;
	position:relative;
	margin-bottom:5rem;
}
.text-box-dots {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: 50% 50%;
	opacity: 0.03;
	pointer-events:none;
}
.text-box-title {
	position: absolute;
	top: -5.2rem;
	right: 0;
	margin-right: 50%!important;
	margin-left: -50%!important;
	transform: translate(50%,0);
	font-family: 'Lato','Open Sans',sans-serif;
	font-weight: 500;
	letter-spacing: -.3rem;
	line-height: 1.2;
	background: #FFF;
	padding: 0 5rem 0.6rem 5rem;
}
.disclaimer {
	position: absolute;
	bottom: 12rem;
	left: 12rem;
	max-width: 44rem;
	font-size: 1.4rem;
	color: #FFFFFF;
	opacity: 0.66;
}
.next {
	margin-top:1.5rem;
}

.game-wrapper {
	z-index:-1;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	overflow: hidden;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	transition:opacity 0.3s ease;
	background: #2e3544 no-repeat 50% 50%/cover;
}
.game-wrapper.active {
	z-index:1;
	opacity:1;
	margin-top:0;
}
.game-wrapper .center-text .question-view {
	display: flex;
	align-items: center;
	width:100%;
	padding-left: 25.5rem;
}
#game-container {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	color:#2F3030;
	font-family: 'Lato','Open Sans',sans-serif;
	width: 100%;
	background-color: #F7ECE2;
}
#game-container .section {
	position:relative;
	background-size:cover;
}
.quiz-left {
	text-align: left;
	max-height: 100vh;
	width:50%;
	max-height: calc(var(--vh, 1vh) * 100);
	display: flex;
	align-items: center;
	background:url('https://9249998.fs1.hubspotusercontent-na1.net/hubfs/9249998/Images/Website/Tesrex%20game%20question%20bg%20(1).png');
	background-size:cover;
	background-position:center;
}

.quiz-left .q-container{
	max-width: 54.3rem;
	margin: 0 auto;
}
.quiz-right {
	width: 50%;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	align-items: center;
	text-align: center;
	max-height: 100vh;
	max-height: calc(var(--vh, 1vh) * 100);
	position:relative;
	overflow:hidden;
}
.quiz-right .cover-img,
.finish__summary .cover-img{
	position:absolute;
	top:-10rem;
	right:-10rem;
	bottom:-10rem;
	left:-10rem;
}
.quiz-right .cover-img img,
.finish__summary .cover-img img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.quiz-right .cisco-logo,
.finish__summary .cisco-logo{
	right:3.5rem;
	z-index:1;
}
.quiz-quote{
	display: none;
	position: absolute;
	opacity: 0;
	top: 0;
	right: 5rem;
	width: 33%;
	max-width: 40rem;
	padding: 3rem 5rem;
	text-align: left;
	background-color: #FFF;
}

.quiz-quote p{
	margin-top: 0;
}

.quiz-quote.active{
	opacity: 1;
	display: flex;
	flex-direction: column;
	transition: opacity .5s ease-in-out;
}

.quiz-quote_quote{
	font-size: 2.4rem;
	font-weight: 700 !important;
}

.question-ctr {
	position:relative;
	width:100%;
	padding: 9rem 0 2rem 0;
	display: inline-block;
	text-align: left;
}
.question {
	transform: translate(0, 2rem);
	opacity:0;
	transition: all 0.5s ease;
	position:relative;
}

.question-text {
	background-size:100%;
	padding:0 5.5rem 3.3rem;
	font-size:2.4rem;
	transition:all 0.3s ease;
	background-color: #fff;
	position: relative;
	background: transparent linear-gradient(180deg, #0B4F8D 0%, #0B4F8D 100%) 0% 0% no-repeat padding-box;
	border-radius: 0.4rem;
	color:#fff;
	text-align: center;
	margin-top:3.6rem;
}

.question-box-top,.question-box-bottom {
	z-index: 1;
	position: relative;
}
.question-nr{
	display: flex;
	align-items:center;
	justify-content:center;
	background: #0B4F8D 0% 0% no-repeat padding-box;
	border: 3px solid #FFFFFF;
	width: 7.2rem;
	height: 7.2rem;
	border-radius: 100%;
	font-size: 4.3rem;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: -3.6rem;
	top:-3.6rem;
	font-family: 'Lato','Open Sans',sans-serif;
}
.question-title {
	font-family: 'Lato','Open Sans',sans-serif;
	font-size:2.2rem;
	font-weight: 500;
	line-height: 1.45;
	margin-top: -2.2rem;
	max-width:36.2rem;
	margin-left:auto;
	margin-right:auto;
}
.answers-ctr {
	width:100%;
	padding: 1.3rem 0 1.3rem 0;
	display: inline-block;
	text-align: left;
}


.answer {
	background: #FFF;
	font-size: 2.4rem;
	transition: all 0.3s ease;
	margin-bottom: 1.2rem;
	cursor: pointer;
	user-select: none;
	display: flex;
	background-image: linear-gradient(to right, #028368 0%,#028368 50%,#FFF 50%,#FFF 100%);
	/* 	background: #fff; */
	background-size: .5rem;
	background-repeat: no-repeat;
	background-position: left;
	box-shadow: 6px 6px 20px #0000000A;
	border-radius: 4px;
}
.answer p{
	color:#0F2141;
	font-size:18px;
	line-height:1.5;
	font-family: 'Lato','Open Sans',sans-serif;
	transition:all 0.3s ease;
}
.nr-to-ab{
	letter-spacing: 0;
	color: #028368;
	font-size:3.2rem;
	margin-right: 3.2rem;
	font-family: 'Lato','Open Sans',sans-serif;
	transition:all 0.3s ease;
}
.game-wrapper .answer:hover{
	/* 	background: #FAC12C; */
}
.answer span {
	padding: 0.2rem 3.5rem;
	display:inline-block;
	vertical-align:middle;
	flex:1;
	display: flex;
	align-items: center;
}
/* .answers-ctr.flush .answer {
background-image: linear-gradient(to right, #ED7164 0%,#ED7164 50%,#FFF 50%,#FFF 100%);
background:#ED7164;
} */
.answer--chosen{
	cursor:auto;
}

/* .answer--not-chosen{
display: none;
} */

.answer__number {
	font-family: 'Lato','Open Sans',sans-serif;
	font-size:5.2rem;
	font-weight:700;
	flex: 0 !important;
	padding: 0!important;
	line-height: 1;
	background:#EDC11C;
	color:#2E3444;
	justify-content: center;
	min-width: 2.5rem;
}

.game-wrapper .answer:hover, .game-wrapper .answer--chosen {
	color:#2E3444;
	/* 	background:rgba(255,255,255,0.8); */
	/* 	background-position: 2% 0%; */
	background-size:210%;
}
.game-wrapper .answer:hover p,
.game-wrapper .answer:hover .nr-to-ab,
.game-wrapper .answer--chosen p,
.game-wrapper .answer--chosen .nr-to-ab{
	color:#fff;
}
.quiz-response{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}

.quiz-right.active .particles {
	transform:scale(0);
	opacity:0;
}
.particles img {
	position:absolute;
	width: 5rem;
	transform: translate(-50%, -50%);
	animation: twinkle 10s linear 0s infinite;
}

@keyframes twinkle {
	0% {
		transform:translate(-50%, -50%) scale(0.1) rotate(0);
		opacity:0.2;
	}
	50% {
		transform:translate(-50%, -50%) scale(1) rotate(180deg);
		opacity:1;
	}
	100% {
		transform:translate(-50%, -50%) scale(0.1) rotate(360deg);
		opacity:0.2;
	}
}
@keyframes rotate {
	0% {
		transform:rotate(0);
	}
	100% {
		transform:rotate(360deg);
	}
}
.animation-word {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	transform: translate(-50%, -50%) scale(0);
}
.quiz-right.active .animation-word {
	transform: translate(-50%, -50%) scale(1) rotate(360deg);
	transition:all 0.3s ease;
}
.next-text {
	/* 	display: none; */
	width: 100%;
	/* 	background-color: #FFF; */
	font-size:2.6rem;
	transition:opacity 0.3s ease, visibility 0s linear;
	padding: 3.5rem 5.5rem 9.6rem;
	text-align:center;
}

.next-text-title{
	font-family: 'Lato','Open Sans',sans-serif;
	font-size:3.6rem;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 2.5rem;
	display: block;
}

.next-text p{
	font-size: 2.4rem;
	margin: 0;
}

.quiz-response{
	margin-top: -.5rem;
	padding: 0 0 0 4rem;
}

.quiz-response{
	/* 	opacity: 0; */
	transition: opacity .5s ease-in-out;
}

.quiz-response.active{
	opacity: 1;
}

/* .quiz-response.active .next-text {
display: block;
border: 2px solid #000;
} */

/* .next-question {
position: absolute !important;
bottom: -31.5px;
right: 4.6rem;
} */

.slick-slide{
	opacity: 0;
	transition: opacity .25s ease-in-out;
}

.slick-slide.slick-active{
	opacity: 1;
}

/*SLIDER*/
.slick-slide > div {
	height:100%;
}
.slick-prev {
	left: 25px;
	z-index: 1;
	display:none!important;
}
.slick-next {
	right: 25px;
	z-index: 1;
	pointer-events: none;
	opacity:0;
	font-size: 2em;
	/*width: 1.2em;*/
	/*height: 1.2em;*/
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	text-align: center;
	transform: translate(0);
}
.slick-next::before {
	display:none;
}
.slick-next.active {
	pointer-events: all;
	opacity:1;
	transform-origin: 50% 50%;
}
@keyframes pulsate {
	0% {transform: scale(1);}
	50% {transform: scale(1.1);}
	100% {transform: scale(1);}
}
@keyframes fromLeft {
	0% {
		transform:translate(-50px,0);
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
@keyframes arrowTop {
	0% {transform: rotate(30deg);}
	66% {transform: rotate(30deg);}
	100% {transform: rotate(50deg);}
}
@keyframes arrowBottom {
	0% {transform: rotate(-30deg);}
	66% {transform: rotate(-30deg);}
	100% {transform: rotate(-50deg);}
}

.slick-dots {
	top: 43rem;
	left: -5vw;
	bottom: auto;
	pointer-events: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*   transform: translate(0,-50%); */
	max-width: 18.8rem;
	width: 100%;
}
img.game-finish {
	margin-top: 5rem;
	border: 2px solid #000;
}
.slick-dots li:nth-child(2n) {
	margin-top: 5rem;
	margin-bottom: -5rem;
}
.slick-dots li, .game-finish {
	margin: 1rem;
	font-weight: 400;
	font-size: 3rem;
	transition: all 0.3s ease 1s;
	width: 6.4rem;
	height: 6.4rem;
	line-height: 1;
	position: relative;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slick-dots li a {
	margin-top:-0.5rem;
}
.game-wrapper.active{
	background-color: #F7ECE2;
	background-size: auto 31rem;
}
.finish__info--content{
	max-width:46.7rem;
}
.finish__info--container{
	max-width:54.3rem;
	margin:0 auto;
}
/* .slick-dots li:not(:first-of-type)::before {
content: '';
position: absolute;
left: calc(50% - 2.5px);
top: 100%;
width: 5px;
background: #FFF;
height: 3rem;
transition:all 0.3s ease;
} */
.slick-dots li.slick-active {
}
.slick-dots li {
	background: transparent;
	color: #000000;
	border: 2px solid #000;
}
.slick-dots li.slick-active{
	background:#FAC12C;
}
.slick-dots .slick-true{
	background:#5FC8E6;
}
.slick-dots .slick-false{
	background:#ED7164;
}
/* .answer--true{
background-image: linear-gradient(to right, #5FC8E6 0%,#5FC8E6 50%,#FFF 50%,#FFF 100%);
background:#5FC8E6;
} */
/* .answers-ctr.flush .answer.answer--false{
background-image: linear-gradient(to right, #ED7164 0%,#ED7164 50%,#FFF 50%,#FFF 100%);
background:#ED7164;
} */
/* .slick-dots li.slick-active ~ li:not(:first-of-type)::before {
background: #EDC11C;
} */

.finish__banner{
	display: flex;
	background: #0B4F8D;
	align-items: center;
	margin-top: 4rem;
	border-radius: 1rem;
}
.finish__banner .content{
	width:50%;
	padding: 3.2rem .5rem 3.2rem 3.5rem;
}
.finish__banner .content p{
	font-size:1.8rem;
	line-height:1.8;
}
.finish__banner .content p span{
	display:block;
	font-size:2.2rem;
	line-height:1.5;
	font-weight:600;
}
.finish__banner .book{
	width:50%;
	margin-top: -5.5rem;
}
#finish-container {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	overflow: hidden;
	position:fixed;
	display:none;
	top: 0;
	z-index: 1;
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out 1s;
}

#finish-container.active {
	transform: translateX(0%);
}

#finish-container .section {
	position:fixed;
	height:100%;
	display:flex;
}
.finish__flex {
	display:flex;
	width:100%;
	height:100%;
}

.finish__info {
	width:50%;
	padding:12rem 10rem;
	overflow:auto;
	display:block;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	font-size:1.8rem;
	position:relative;
	background:url('https://9249998.fs1.hubspotusercontent-na1.net/hubfs/9249998/Images/Website/Tesrex%20game%20question%20bg%20(1).png');
	background-size:cover;
	background-position:center;
}

.finish__info .campaign-logo {
	width: 20rem;
	top: unset;
	right: unset;
	position: relative;
	margin: 0 auto 7rem;
}

.final__button {
	align-self:center;
	color:#0B4F8D;
	background:#fff;
	padding: 0.5em 1.8em;
	float:left;
}
.final__button:hover{
	opacity:.8;
}
.finish__summary {
	width:50%;
	padding: 0;
	position:relative;
	overflow:hidden;
}

.finish__summary .answers-ctr{
	background-color: #EDC11C;
	padding: 1.3rem 3rem;
}

.finish__summary .question-ctr {
	padding-left: 0;
	padding-right: 0;
}

.finish__summary .question {
	opacity: 1;
	transform: translate(0);
}

.finish__summary .answer{
	font-size: 2.2rem;
	margin: 0;
	background-color: #EDC11C;
	background-image: none;
}

.finish__summary .answer span{
	padding: 0;
}

.finish__summary .question-text{
	padding: 4rem 5.5rem 4rem;
}

.finish__summary .question-text p:first-of-type(){
	margin-top: 0;   
}

.finish_question{
	margin-bottom: 5rem;
	padding-left:3.2rem;
}

h2.you-chose {
	font-family: 'Lato','Open Sans',sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-weight:600;
	margin: 0;
	padding: 2rem 0 0 0;
}
{
	font-size:2.2rem;
	display: block;
	background-color: #FFF;
}

.mob-only {
	display:none;
}
.finish__image{
	display:none;
}
@media only screen and (max-width: 768px) {
	.finish__flex {
		overflow:auto;
	}

	.finish__summary{
		padding: 34rem 3rem 3rem;
		height:40rem;
		width:100%;
	}

	.game-wrapper .center-text .question-view {
		padding-left: 15.5rem;
		padding-bottom: 6rem;
	}
	#game-container .center-text .view{
		height:auto;
	}
	.quiz-right{
		width: 100%;
		height: 38rem;
	}
	.slick-dots {
		left: 0rem;
	}


	.quiz-quote{
		max-width: none;
		width: 100%;
	}
	#game-container .center-text .view{
		flex-wrap:wrap;
		flex-direction: column-reverse;
	}
	.finish__flex{
		flex-direction: column-reverse !important;
	}
	.quiz-response{
		padding:0;
	}
	.finish__info{
		width:100%;
	}
	.quiz-left{
		width:100%;
	}
	.slick-slide{
		overflow:auto;
	}
}



{# @media only screen and (min-aspect-ratio: 49/27) { /* (16.33/9) screens that are a bit wider that 16:9 */
	.quiz-left {width:56%;}
	.quiz-right {width:44%;}
	.title-img-1 {width:55rem;}
	#section-1 .text-container p {
		margin:0.8em;
	}
}
@media only screen and (min-aspect-ratio: 17/9) { /* screens that are a bit more wider that 16:9 */
	.quiz-left {width:60%;}
	.quiz-right {width:40%;}
}
@media only screen and (max-width:1350px) and (max-height:800px) {
	.quiz-left {width:60%;}
	.quiz-right {width:40%;}
}
@media only screen and (max-width:1270px), only screen and (max-height:700px) {
	.quiz-left {width:70%;}
	.quiz-right {width:30%;}
	.game-wrapper .center-text .question-view {
		padding-left: 10rem;
	}
	.slick-dots {
		left:2.5rem;
	}
	.finish__info {
		padding: 4rem 6rem 6rem;
	}
	.finish__info .vistage-logo {
		top: 7rem;
		left: 6rem;
	}
	.finish__info .campaign-logo {
		top: 5rem;
		right: 6rem;
	}
}
@media only screen and (max-width:1024px), only screen and (max-height:660px) {
	.vistage-logo {
		top: 4rem;
		left: 4rem;
		width: 12rem;
	}
	.campaign-logo {
		top: 4rem;
		right: 4rem;
		width: 14rem;
	}
	#section-1 .view {
		justify-content: space-evenly;
	}
	.title-img-1 {
		width:100%;
		max-width:60rem;
		flex: 1;
		margin: 6rem 0 4rem;
	}
	#section-1 .text-container {
		margin-bottom: 6rem;
	}
	.section--intro .view {
		overflow:auto;
		max-height:100vh;
		max-height: calc(var(--vh, 1vh) * 100);
		padding:2rem 0;
	}
	.title-img-2 {
		margin:0 auto 7rem;
		max-width: 20rem;
	}
	.section h1 {
		font-size:5.7rem;
    font-family: 'sofia-pro',sans-serif;
    font-weight: 600;
	}
	.text-box {
		padding: 1em 1.5em 0.5em;
		margin-bottom:1rem;
	}

	.game-wrapper .center-text .question-view {
		padding-left: 5.3rem;
	}
	.quiz-left {width:100%;}
	.quiz-left.in-active {display:none;}
	.quiz-right {width:0%; overflow:auto; max-width:100%;}
	.quiz-right.active {
		width:100%;
		position: fixed;
    	left: 0;
	}
	.slick-current .quiz-left, .slick-current .quiz-right {
		overflow:auto;
	}
	.question-image {
		top: -5rem;
		width: 9rem;
	}
	.question-title {
		font-size:5rem;
		left: 3.5rem;
    font-weight: 600;
	}
	.question-text {
		padding: 4.5rem 3rem 0.2rem 2.7rem;
	}
	.answer {

	}
	.answer span {
		padding: 0rem 1.8rem;
	}
	.answer__number {
		min-width: 7rem;
		font-size: 4.2rem;
	}
	.particles {
		height: 15rem;
	}
	.particles img {display:none;}
	.slick-dots {
		left: 1.8rem;
	}
	.slick-dots li {
		margin: 0.8rem;
		padding: 0.5rem 1.4rem 0.9rem;
		font-size: 3.4rem;
	}
	.slick-dots li:not(:first-of-type)::before {
		height: 1.6rem;
	}
	#finish-container .section {
		background:no-repeat 50% 50%/cover;
		background-attachment:fixed;
	}
	.finish__flex {
		overflow:auto;
		flex-wrap:wrap;
	}
	.finish__info {
		width:100%;
		padding-top: 15rem;	
	}
	.finish__summary {
		width:100%;
		padding: 1rem 3rem 5rem;
/* 		background-attachment: fixed; */
		background:none!important;
	}
}
@media only screen and (max-width:768px), only screen and (max-height:600px) {
	.vistage-logo {
		top: 3rem;
		left: 3rem;
		width: 10rem;
	}
	.campaign-logo {
		top: 3rem;
		right: 3rem;
		width: 11rem;
	}
	.slick-dots {
		left: 0.5rem;
	}
	.game-wrapper .center-text .question-view {
		padding-left: 3.6rem;
	}
	.quiz-right.active {
		padding: 0 7rem;
	}
	.quiz-right.active .animation-word {
		max-width: calc(100% + 7rem);
	}
}
#}
@media only screen and (max-width:400px), only screen and (max-height:500px) {
	html {
		font-size: calc( 6.5px + (7 - 6.5) * (100vw - 320px) / (400 - 320) );
		font-size: min(calc( 6.5px + (7 - 6.5) * (100vw - 320px) / (400 - 320) ), calc( 6.5px + (7 - 6.5) * (100vh - 460px) / (500 - 460) ));
	}
}#}