.apt-tect #content .cnt, .questions #content .cnt, .quizresponse #content .cnt{padding:0}
.apt-tect #content .cnt .inc.big, .questions #content .cnt .inc.big, .quizresponse #content .cnt .inc.big{width:100%; max-width:100%;}

.ds{display:none}

.aw li:first-child{display:none}

#content{min-height:auto}
#quiz{ width:100%; height:44vw; background-size:100% auto; background-position:50%;overflow:hidden !important}

#quiz .init .brush{display:none}

.apt-tect #quiz{background-image:url(../img/quiz/inicio-quiz.jpg); }

.questions #quiz{background-image:url(../img/quiz/bg-quiz.png); }


.quizresponse #quiz{background-image:url(../img/quiz/bg-response.png); }

#quiz .init{width:100%; height:31vw; padding-top:13vw; overflow:hidden !important}


#quiz .init .block{width:40%; margin-left:60%; box-sizing:border-box; padding:60px; background-color:#24231E; border-radius:20px 0 0 20px; height:25vw;}

#quiz .init .block h3{font-size:2.3em; color:#FAF4E3; text-align:left; width:80%}
#quiz .init .block p{font-size:1.2em; color:#FAF4E3; text-align:left; width:80%}

#quiz .init .block a{color:#343434; background:#f4f4f3; font-size:0.8em; display:block; width: fit-content; padding:1.5em 3em; border-radius:1.1em; font-weight:600}

#quiz .init .block h3 strong{color:#B8873A}


#quiz .init .brush{background-image:url(../img/quiz/brush-home.png); background-repeat: no-repeat ;background-size:auto 100%; position:absolute; z-index:20; bottom:2px; left:30vw; width:60vw; height:25vh }

#quiz .init .logot{background-image:url(../img/quiz/logo-trazado.svg); background-repeat: no-repeat ;background-size:100% auto; position:absolute; z-index:20; top:5vw; left:53vw; width:40vw; height:34vh }



.ask{text-align:center;}
.logoquiz{margin-top:4vw}

.ball{margin-top:80px}
.ball>div{display: inline-block; width:48px; height: 48px; border:3px solid #F1E1C4; border-radius:48px; margin:0 0.4em; color:#F1E1C4; font-size:1.5em; line-height:48px; font-weight:600; vertical-align:middle}

.ball>div.active{background:#FFFFFF; border-color:#FFFFFF; font-size:2em; color:#B8873A; width:60px; height:60px; line-height:60px; border-radius:60px;}


.qcont{width:40%; margin:2em auto;}

.qcont h3{background:#fff; width:100%; box-sizing:border-box; padding:1.2em 4em; border-radius:16px; font-size:32px; line-height:40px; color:#343434}

.qcont p a{display:inline-block; width:45%;border: 4px solid #FFFFFF; border-radius: 16px;font-weight: 700;font-size: 24px;line-height: 24px; padding: 1em ; color:#fff !important; box-sizing:border-box; text-align:center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.qcont p a:hover{background:#fff;color:#343434 !important}
.qcont p a:last-child{margin-left:9%}

.rcont .logoquiz{display:block; margin:3em auto}
.rcont{width:60%; margin:2em auto; text-align:center;}


.resblock{display:inline-block; width:49%; box-sizing:border-box; vertical-align:top}

.resblock img{width:90%}

.resblock.text > div{text-align:left !important; width:70% !important}

.resblock h3{color:#fff; font-size:24px; line-height:24px; text-align:left;}
.resblock h3 strong{color:#B8873A}

.resblock p{color:#fff; font-size:1em; line-height:24px; text-align:left;}
.resblock p strong{color:#B8873A}

.controls a{display: inline-block; width:30%; text-align:center; border:3px solid #fff; border-radius:12px; padding:1em 0; margin:0 0.5em;font-weight:600;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}

a.back{ color:#fff; background:#24231E}
a.telegram{color:#24231E; background:#fff}

a.back:hover{ color:#B8873A; background:#24231E; border-color:#B8873A}
a.telegram:hover{ color:#fff; background:#B8873A; border-color:#B8873A}

.innerbanner.home{margin-top:0 !important; padding-top:1em}

.innerbanner.home h2{margin: 0em 0em 0em 0; color:#B8873A !important }


.fullbanner.top, .fullbanner.top .text, .fullbanner.top .sliderhome, .fullbanner.top .sliderhome >li, .fullbanner.top .sy-slides-wrap, .fullbanner.top .sy-slides-crop {
    height: 36vw !important;
}


ul.lv{background:transparent}

.bottom{background:#343434; color:#fff; top:calc(44vw + 60px); text-align:center; padding:1em; position:absolute; width:100%; box-sizing:border-box}

.bottom a{background:#ffc315; padding:0.5em; color:#444; border-radius:4px; font-weight:600; margin:0 auto; text-align:center;}
.bottom a:hover{background:#000; padding:0.5em; color:#ffc315; border-radius:4px; font-weight:600}


@media (max-width: 1680px ){
#quiz .init .brush{display:none}
}

@media (max-width: 1580px ){

#quiz{height:50vw}
#quiz .init .block{width:50%; margin-left:50%}
#quiz .init .block h3{font-size:24px; width:100%}
	#quiz .init .block p{font-size:16px;width:100%}
}


@media (max-width: 650px ){
	.bottom{ top:calc(185vh + 60px);}

	.fullbanner.top, .fullbanner.top .text, .fullbanner.top .sliderhome, .fullbanner.top .sliderhome >li, .fullbanner.top .sy-slides-wrap, .fullbanner.top .sy-slides-crop {
    height: 30vh !important;}
	.innerbanner.home, .innerbanner.home ul, .innerbanner.home li, .innerbanner.home .sy-slides-crop, .innerbanne.homer .slidercontent >li {
    height: 40vh;}

	.innerbanner.home ul.hw,.innerbanner.home ul.hw li{height:auto}
	.innerbanner.home ul.hw li img{height:180px; background-image:none}

	ul.lv li{display:block; width:100vw; max-width:100%}

	ul.vnl{display: block !important; width:100%}
	ul.vnl li.lspace{display:none !important}
	ul.vnl li.lspace, .allwines .rembose, .allwines .lembose{display:none}
	ul.vnl li a img {height:300px}
	ul.vnl li {border:0}


	#content{min-height:auto}
	#the >div{width:95%}
	#quiz, #quiz .init{ width:100%; height:180vh}
	#quiz{background-image: url(../img/quiz/mobile-init.jpg) !important; background-repeat:no-repeat; background-color:#1f1e18; background-position: 50% -20%}
	#quiz .init .logot{width:90vw; left:5vw; top:80vh}
	#quiz .init .block{width:95%; margin-left:2.5%;padding:10px; height:auto; margin-top:80vh; background:none}
	#quiz .init .brush{display:none}
	#quiz .init .block h3{font-size:24px; width:100%}
	#quiz .init .block p{font-size:16px;width:100%}
	#quiz .init .block a{width:77%; text-align:center}
	.questions #quiz{background-image:url(../img/quiz/mobile-brush-quiz.png) !important; background-position:0% 0%; background-size:100% auto; height:100vh}
	.apt-tect #quiz{ height:130vh}
	.quizresponse #quiz{background-image:url(../img/quiz/mobile-brush-response.png) !important; background-position:50% 0%; background-size:100% auto; height:185vh}
	.logoquiz{margin-top:4em}
	.ball{margin-top:40px}
	.ball>div{width:30px; height:30px; font-size: 13px; line-height:30px; border-width:2px; margin:0 0.2em}
	.ball>div.active{width:36px; height:36px; font-size: 15px; line-height:36px}
	.ball>div svg{margin-top:8px}
	.qcont{width:90%}
	.qcont h3{padding:1.5em; font-size:24px}
	.qcont p a{display:block; width:100%; padding:0.5em; background-color:#1e1f18; border-width:2px; font-size:20px}
	.qcont p a:last-child{margin:0}
	.resblock{width:100%}
	.rcont{width:90%}
	.resblock.text > div{width:100% !important}
	.controls a{width:95%; margin-bottom:1em}
	.bottom{text-align:left}
}